/*****
 MAIN CSS 

*****/

body{
	margin:50px 0 0 0;
    padding:0;
    font-family: 'Roboto', sans-serif; font-variant-ligatures: no-common-ligatures;
}

/* allgemein*/

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.clearer{
    clear:both;
}

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

/*Grundaufbau Strukur und Spalten*/

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


.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%;}



/*Footer*/
#footer-wrapper{ width: 100%; float: left; background-color:#ebebeb; border-top:solid 10px #d40134; padding: 12px 0;}
#footer p{ color:#000;}
#footer h4{ color:#d40134;}
#footer a{ color:#000; text-decoration:none;}
#footer a:hover{ color:#d40134; text-decoration:none;}

#footer-impressum-wrapper{width: 100%; float: left;background-color:#e5e5e5;}
#footer-impressum #content-wrapper{padding:0;}
#footer-impressum p, #footer-impressum a{color:#000;}
#footer-impressum a{ font-weight:700; margin-left:20px;}
#footer-impressum a:hover{color:#5f5f5f;}
#footer-impressum a.active{color:#5f5f5f;}

#footer-impressum .btn{float:right;}
.impressum p{text-align:right;}
#oben-btn{float:right; width: 40px;margin-top: 6px;}

/*Typo*/


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



h1{font-size:40px; margin:10px 0;}
h2{font-size:25px; margin:10px 0;}
h3{font-size:20px; margin:10px 0;}

p, ul.liste{ font-size:20px; line-height: 1.4em;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#5f5f5f;}
ul.liste {
    padding: 0 0 0 18px;
}


/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {
    background: #aeaeae;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #aeaeae;
}


/* Content */

img{width: 100%;}
.bilderleiste img {margin-bottom:5%;}

.abstandoben{margin-top:60px;}
.abstandunten { margin-bottom: 60px;}


.headerbild {background-color:#e5e5e5; line-height:0;}
.logo-feld{background-color:#e5e5e5; line-height:0; padding:30px 0 30px 3%;}
.logos .half{width:46%;}
.logos .streetone img{width: 300px;}
.logos .cecil img{width: 160px;}
.logos img{margin:20px 0;}
.button a{background-color:#e5e5e5; padding: 20px 30px; font-weight:700; text-align:center;}
.button {margin-top:30px; float:right;}

/* cookiehint */
.cc_container {
    background: rgba(97,97,97,0.9) !important;
}
.cc_container .cc_message {
    font-size: 14px !important;
    color: #fff !important;    
}
.cc_container a, .cc_container a:visited {
    text-decoration: underline !important;
    color: #fff !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #000 !important;
    background-color: #e2e1e1 !important;
}
.cc_container a.cc_btn_accept_all{
    text-decoration:none !important
}



/* 
        media queries
*/

@media (min-width: 701px) and (max-width: 14000px) {

  

}

@media (min-width: 1px) and (max-width: 1220px) {
#content-wrapper {
    width: 94%;
    padding: 0 3% 0 3%;
}
.headerbild #content-wrapper {
    width: 100%;
    padding: 0;
	margin:0;
	max-width:none;
}

}


@media (min-width: 1px) and (max-width: 1080px) {

}

@media (min-width: 1px) and (max-width: 980px) {






	.abstandoben { margin-top: 30px;}
	.abstandunten { margin-bottom: 30px;}
	

}

@media (min-width: 1px) and (max-width: 900px) {

@media (min-width: 1px) and (max-width: 880px) {

.logos .streetone img {
    width: 270px;
}

.logos .cecil img {
    width: 147px;
}

p  {font-size: 18px;}

#footer-impressum .two-thirds, #footer-impressum .third, #impressum .third{width:100%;}
.impressum p {text-align: left; margin: 0;}
#footer-impressum p{margin: 5px 0;}
#footer-impressum a {margin-left: 0; margin-right: 20px;}
#footer-impressum-wrapper {padding: 20px 0;}
.only-mobile{ display:block !important;}
.button {
    float: left;
}

}

@media (min-width: 700px) and (max-width: 868px) {
	
}
@media (min-width: 700px) and (max-width: 789px) {

}
@media (min-width: 1px) and (max-width: 840px) {
}

@media (min-width: 1px) and (max-width: 800px) {

}




@media (min-width: 1px) and (max-width: 700px) {
	
	.full, .two-thirds, .half, .third, .quarter{width: 100%;}
	.column {float: left;margin: 0 0;}
.logos .half {
    width: 97%;
}	
	
.logo-feld {
    margin-bottom: 4% !important;
}

.bilderleiste img {
    margin-bottom: 3%;
}
}

@media (min-width: 1px) and (max-width: 650px) {

}
@media (min-width: 501px) and (max-width: 650px) {}

@media (min-width: 1px) and (max-width: 600px) {
h1 {font-size: 35px;}

h2 {font-size: 20px;}
h3{font-size:18px;}
}

@media (min-width: 1px) and (max-width: 500px) {
h1{ font-size: 30px;}
.abstandoben { margin-top: 25px;}
.abstandunten { margin-bottom: 25px;}

}

@media (min-width: 1px) and (max-width: 400px) {

}

@media (min-width: 1px) and (max-width: 340px) {
}