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

@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
}



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

/*Grundaufbau Strukur und Spalten*/


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


.row{width: 100%;float: left;line-height: 0;}
.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:#693c10; text-decoration:none; }
#footer p{ color:#693c10; margin:0;}
#footer .links a:hover{ color:#eb6209; text-decoration:none;}
#footer .links a.active:hover{color:#eb6209;}
#footer .links a.active{ color:#eb6209; text-decoration:none;}
#footer .links a{ color:#693c10;}

/*Typo*/

h1{ font-size:40px;  font-weight:500;color:#eb6209;line-height:1.3em; margin:30px 0;}
h2{ font-size:26px;  font-weight:500;color:#eb6209; margin:30px 0 15px 0; line-height:1.3em;}
h3{ font-size:23px;  font-weight:500;color:#0b8e36; margin:30px 0 15px 0; line-height:1.3em;}
p, ul li{
	font-size:18px;
	color:#693c10;
	line-height:1.3em;
}
ul { padding-left: 20px;}
ul li{margin-bottom:15px;}
a{ color:#693c10; text-decoration:none; font-weight:400;}
a:hover{ color:#eb6209;}
.orange{ color:#eb6209;}

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


/* Content */

img{width: 100%;}

#logo{ margin-top:15px;}

#logo img {
    width: 130px;
    float: right;
}


.bg-content{ background-color:#fef4e0; margin-top:30px; padding: 0;}
.bg-content #content-wrapper{background-image:url(../images/icon-dicoste1.png); background-repeat:no-repeat;  background-size: 100%;}
body#impressum {background-color:#fef4e0;}
#impressum .bg-content{ background-color:#fef4e0; margin:30px 0; padding: 0; border-top: #eb6209 solid 100px; border-bottom: #693c10 solid 50px;}
#impressum .bg-content #content-wrapper{background-image:none;}


/* Mediaqueries */



@media only screen  and (max-width: 1220px) {

.text{padding-left:4%;}
#logo img{margin-right:4%;}
#footer .row{margin-left:4%;}
.row{width:96%;}
.bg-content #content-wrapper {background-size: 96%;}

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


@media only screen  and (max-width: 1020px) {
.abstandoben {margin-top: 20px !important;}
.abstandunten {margin-bottom: 20px !important;}

}

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

.quarter {
    width: 32%;
}

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

#footer .half, #footer .rechts{width: 100%;}
ul.footer-menu { float: left;}

.footer-menu li {
    padding-left: 0;
	padding-right:20px;
	margin: 10px 0 30px 0;
}

}
@media (min-width: 1px) and (max-width: 800px) {
.abstandoben {margin-top: 10px !important;}
.abstandunten {margin-bottom: 10px !important;}
}

@media (min-width: 1px) and (max-width: 710px) {
.abstandoben { margin-top: 0px !important;}
.abstandunten { margin-bottom: 0px !important;}
}


@media (min-width: 1px) and (max-width: 650px) {
.full, .two-thirds, .half, .third, .quarter{width: 45%;}
.column {float: left;margin: 0 0 0 0;}
#logo .third{width:100%;}
.bg-content #content-wrapper{background-image:none;}
.only-desktop{display:none;}
.only-mobile{display:block !important;}


h1{ font-size:28px;}
h2{ font-size:22px;}
h3{ font-size:20px;}
p, ul li{ font-size:18px;}

}



@media (min-width: 1px) and (max-width: 500px) {
.full, .two-thirds, .half, .third, .quarter{width: 89%;}
#logo img { float: left; margin-left:30px;}

}