/*
Open+Sans:300,400,600,700,800

Farben:
tuerkis: #c8e0c6
dunkelgrau: #101010;
*/
:root{
	--mm-line-height:20px;
}

body, html{ min-height:100%; }
body{
         font-family: 'Open Sans', 'Arial';
         font-size:16px;
         line-height:24px;
         font-style: normal;
         font-weight: 400;
         color: #101010;
         margin:0px;
         padding:0px;
         background:#c8e0c6;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8e0c6+0,f3f8f3+100 */
background: #c8e0c6; /* Old browsers */
background: -moz-linear-gradient(top, #c8e0c6 0%, #f3f8f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c8e0c6 0%,#f3f8f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c8e0c6 0%,#f3f8f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8e0c6', endColorstr='#f3f8f3',GradientType=0 ); /* IE6-9 */
}
/* Html Elemente */
h1{
         font-family: 'Bitter', serif;
         font-size:1.9em;
         line-height:1.2em;
         font-weight: 400;
         margin-bottom:24px;
         color:#298E55;
}
h1.special{
         line-height:1.6em;
         color:#298E55;
}
h2{
         font-family: 'Bitter', serif;
         font-size: 1.25em;
         line-height:normal;
         font-weight: 400;
         color:#298E55;
}
h3{
         font-family: 'Bitter', serif;
         font-size: 1.15em;
         line-height:normal;
         font-weight: 400;
         color:#298E55;
}
h4{
         font-family: 'Bitter', serif;
         font-size: 1.1em;
         line-height:normal;
         font-weight: 400;
         color:#298E55;
}
strong,
b{
         font-weight: 400;
}
sup{ font-size:12px; }

a:link,
a:visited,
a:hover,
a:active,
a:focus,
div,
button{
         outline: 0px;
}
a{
         color: #298E55;
         text-decoration:none;
}
a:hover,
a:focus{
         color: #101010;
}
a.cboxElement{ cursor:zoom-in; }
strong{
         font-weight:600;
}
strong.green{
	color:#298E55;
}
hr{
         border:0;
         color: #c8e0c6;
         background-color: #c8e0c6;
         height: 1px;
}
#main .ce_text ul,
#main .content-text ul{
         list-style:circle;
         padding-left:20px;
}
#main .ce_text ul li{

}
/* Allgemeine Formate */
.clear{clear:both;}
.left{float:left !important;}
.right{float:right !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}
.textcenter{text-align:center !important;}

.error{ color:#ff0000; }
/* Contao-Klassen --------------------------------------------------------------------------------------------------------- */
#wrapper{
         margin-top:60px;
         margin-bottom:60px;
         background-color:rgba(255, 255, 255, 1);
         border:5px solid #fff;
}
#header{

}
#container{

}
#main{
	background-color:rgba(255, 255, 255, 1);
}
.mod_article{

}
#footer{
	background-color:rgba(255, 255, 255, 1);
         padding-bottom:20px;
}
#footer .mod_customnav{
	text-align:center;
}
#footer .mod_customnav li{
	display:inline-block;
	margin: 0 5px 0 5px;
}

.image_container{

}
/* Module ----------------------------------------------------------------------------------------------------------------- */
.content-simple-map-view{
	position:relative;
}
.content-simple-map-view .cc-module{
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
}
#hauptnavigation{
         overflow:visible;
         font-family: 'Bitter', serif;
         font-weight:400;

         text-align:right !important;
         margin-bottom:0px !important;

}
#hauptnavigation a{
         color:#101010;
}
#hauptnavigation a:hover,
#hauptnavigation a.trail{
         color:#298E55;
}
#hauptnavigation ul.level_1{
         background:#fff;
         margin-bottom:0px;
}
#hauptnavigation ul.level_2{
         font-size:16px;
         line-height:normal;
}
#header a.menu-button{
         background:url(../layout/burgermenu.svg) no-repeat center #ffffff;
         width:20px;
         height:15px;
         position:absolute;
         top:10px;
         left:10px;
         text-indent:-10000px;
         padding: 6px;
         border:1px solid #298E55;
}
#hauptnavigation a.jobangebot,
#hauptnavigation span.jobangebot,
.mod_mmenu a.jobangebot,
.mod_mmenu span.jobangebot{
	color:#ff0000;
}
.mm-menu strong{
	padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
}
/* Tabellen */
.ce_table{
         margin-bottom:20px;
}
table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #ccc;
}
table td,
table th{
         padding: 4px 8px;
         text-align:center;
}
table caption{
         font-size:.9em;
         font-weight:300;
         font-style:italic;
}
@media (max-width:767px){
	.content-table{
		overflow-x:auto;
	}
}

.routinglink input[type="text"]{
         margin-top:10px;
         margin-bottom:10px;
}
.routinglink input[type="submit"]{
         display:block;
}

.ce_image .caption{
         font-size:14px;
         line-height:20px;
         font-style:italic;
}
/* News */
.mod_newslist .pagination ul li{
         display:inline-block;
}
.mod_newslist .layout_latest{
         margin-bottom:20px;
}
.mod_newslist .layout_latest .image_container{
    width:30%;
	float:left;
	margin-right:30px;
}
.mod_newsreader .layout_full p.info,
.mod_newslist .layout_latest p.info{
         margin-bottom:0px;
         font-size:.9em;
         font-style:italic;
}
.mod_newsreader .layout_full h1,
.mod_newslist .layout_latest h4,
.mod_newslist .layout_latest h2{
         margin-top:.5em;
}

@media (max-width:767px){
	.mod_newslist .layout_latest .image_container{
		width:100%;
		float:none;
		margin-right:0px;
	}
}

.content-gallery li{
	width:25%;
	padding-right:10px;
	padding-bottom:5px;
	box-sizing:border-box;
}
.mod_newsreader p.back{
	margin-top:30px;
}
@media (max-width:767px){
	.content-gallery li{
		width:50%;
	}
}
/* Google Maps */
.ce_dlh_googlemaps{
    margin-bottom:40px;
	background:#eee;
}

.ce_gallery{
         text-align:center !important;
}
.ce_gallery>ul li {
    float: none !important;
    display:inline-block !important;
}
.ce_gallery>ul li .image_container {
    margin-left: 6px !important;
    margin-right: 6px !important;
    margin-bottom: 17px;
}
.ce_dlh_googlemaps #confirm-googlemaps{
	margin-top:80px;
	cursor:pointer;
}

/* Layout ----------------------------------------------------------------------------------------------------------------- */
/* Startseite */
body.startseite #header{
         background:url(../layout/bg-header-startseite.jpg) no-repeat center transparent;
         background-size:cover;
}
.startseite .ce_text.teaser{
         margin-top:0px;
         margin-bottom:0px;
}
/* Wohnen */
body.wohnen #header{
         background:url(../layout/bg-header-wohnen.jpg) no-repeat center transparent;
         background-size:cover;
}
body.uetersener-strasse #header{
         background:url(../layout/bg-header-uetersener-strasse.jpg) no-repeat center transparent;
         background-size:cover;
}
body.birkenweg #header{
         background:url(../layout/bg-header-birkenweg.jpg) no-repeat center transparent;
         background-size:cover;
}
body.prisdorf #header{
         background:url(../layout/bg-header-prisdorf.jpg) no-repeat center transparent;
         background-size:cover;
}
/* Standorte */
body.standorte #header{
         background:url(../layout/bg-header-standorte.jpg) no-repeat center transparent;
         background-size:cover;
}
/* Preise */
body.preise #header{
         background:url(../layout/bg-header-preise.jpg) no-repeat center transparent;
         background-size:cover;
}
/* Aktuelles */
body.aktuelles #header{
         background:url(../layout/bg-header-aktuelles.jpg) no-repeat center transparent;
         background-size:cover;
}
/* Kontakt */
body.kontakt #header,
body.jobangebot #header{
         background:url(../layout/bg-header-kontakt.jpg) no-repeat center transparent;
         background-size:cover;
}
/* Impressum */
body.impressum #header{
         background:url(../layout/bg-header-impressum.jpg) no-repeat center transparent;
         background-size:cover;
}

.cc-close{ display:none !important; }

/* Leaflet */