/************************ MAIN CSS************************************/

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}





body{margin:0; padding:0; font-family: 'Roboto', sans-serif;}

/*Grundaufbau Strukur und Spalten*/


#full-wrapper{ width: 100%; float: left;}
#content-wrapper {margin: 0 auto; width: 100%; max-width: 1200px; padding: 0 0 0 0;}


.row{width: 100%;float: left;}
.column {float: left;margin: 0 2% 0 0;}

.column:last-child {margin-right: 0;}

.full { width: 100%;}
.half { width: 49%;}
.third { width: 32%;}
.quarter { width: 23.5%;}
.two-thirds { width: 66%;}
.three-quarters { width: 74.5%;}

.abstandoben{margin-top:40px !important;}
.abstandunten{margin-bottom:40px !important;}


.float-left{float:left;}
.float-right{float:right;}


/*Allgemeines*/

.clearer{ clear:both;}
.only-mobile{ display:none !important;}


/*Footer*/

#footer-wrapper{ width: 100%; float: left;}
#footer a{ color:#004899; text-decoration:none; }
#footer p{ color:#004899; margin:20px 0; font-size:17px;}
#footer a:hover{ color:#a5add8;}

/*Typo*/

h1{ font-size:34px; margin:20px 0 90px 0; font-weight:700;color:#a5add8;}
h2{ font-size:30px; margin:5px 0; font-weight:700;color:#fff;}
h3, h4{ font-size:23px; margin:40px 0 0 0; font-weight:700;color:#fff;}

p{ font-size:22px; font-weight:400;color:#fff; line-height:1.3em;}
#impressum p{font-size:18px;}
a{ color:#fff; text-decoration:none; font-weight:400;}
a:hover{ color:#a5add8;}

ul.liste{    padding: 0 0 0 15px;
    margin-top: 30px;
}
ul.liste li {
    padding-bottom: 8px; color:#fff; font-size:18px;
}

::selection {background: #a5add8;}
::-moz-selection {background: #a5add8;}


/* Content */

img{width: 100%;}

#logo{ margin-top:15px;}
.bg-content{ background-color:#004899; margin-top:30px; padding: 0 0;}
#home .bg-content{ padding:50px 0 0 0;}
#home .bg-content img{margin-bottom:-5px;}


#impressum hr{ margin:60px 0; border: solid #9ac880 1px; }



/* Mediaqueries */



@media only screen  and (max-width: 1220px) {
#content-wrapper {
    width: 94%;
    padding: 20px 3% 0 3%;
}



}

@media (min-width: 1px) and (max-width: 1100px) {
h2{ font-size:25px;}
h1{ font-size:31px; margin: 10px 0 70px 0;}

}



@media (min-width: 1px) and (max-width: 988px) {
.abstandoben { margin-top: 30px !important;}
h1{ font-size:28px; margin: 0 0 40px 0;}
}




@media (min-width: 1px) and (max-width: 900px) {
.full, .two-thirds, .half, .third, .quarter{width: 100%;}
.column {float: left;margin: 0 0 0 0;}
#home .bg-content .column {margin: 0 0 0 0;}


.only-desktop{display:none;}
.only-mobile{display:block !important;}


#home .bg-content, .bg-content {padding: 0 0 0 0;}

#logo img{width:40%;margin-bottom: 10px;}
#home #logo img{margin-bottom: 20px;}
h1{ font-size:35px; margin: 40px 0 50px 0;}
.bg-content img{max-width:400px;}
}
@media (min-width: 634px) and (max-width: 900px) {
}
@media (min-width: 1px) and (max-width: 650px) {
#logo img{width:60%;margin-bottom: 10px;}
#home #logo img{margin-bottom: 20px;}
}



@media (min-width: 1px) and (max-width: 500px) {
h1{ font-size:27px;}
p{font-size:20px;}
#logo img{width:100%;margin-bottom: 10px;}
#home #logo img{margin-bottom: 20px;}
}