@charset "utf-8";
/* CSS Document */
/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

@-ms-viewport{width:device-width}
header, section, footer{width: 100%;}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='col-'] {	float: left;}
[class*='col-']:last-of-type {	padding-right: -20px;}
.row {	width: 100%;	max-width: 1140px;	min-width: 755px;	margin: 0 auto;}
.row:after {	content: "";	display: table;	clear: both;}


.col-20{width: 20%;}
.col-25{width: 25%;}
.col-30{width: 30%;}
.col-33{width: 33%;}
.col-40{width: 40%;}
.col-50{width: 50%;}
.col-55{width: 55%;}
.col-60{width: 60%;}
.col-70{width: 70%;}
.col-80{width: 80%;}
.col-90{width: 90%;}
.col-100{width: 100%;}

* { margin:0; padding:0; } 

html, body{ height: 100%; font-family: 'Open Sans', sans-serif; font-size:13px; color: #51534d;}
body {    overflow-x: hidden;}

a{text-decoration: none;}
.clear{	clear:both;	}
ul{list-style: none;}

p{margin-bottom: 15px;}

hr{width: 150px; border: 1px solid rgba(220,220,220,1.00); margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}

#wrapper{position: absolute;  height: 115%;  width: 100%; background:url(images/hintergrund.png) no-repeat; background-size:cover;}

.greenline{background:#89c202; height: 5px; width: 100%;}
	
header{ position:relative; z-index: 10; }
header .minihead{ width: 900px;height: 350px; position:relative; margin: 0 auto;}
header .minihead .logo-area{background:#89c202; text-align: center;height: 350px; float: left; width: 318px;}
header .minihead .logo-area h1{margin-top: 5%; }
header .minihead .logo-area span{color:#eeffdd;font-family: 'Lato', sans-serif; font-size: 1.9em; font-weight: 300; margin-top: 20px ; display: block;}
header .minihead .image{width: 582px;float: left;}
.effect{    position:relative;    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.effect:before, .effect:after{    content:"";    position:absolute;    z-index:-1;    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);    box-shadow:0 0 20px rgba(0,0,0,0.8);    top:10px;    bottom:10px;    left:0;    right:0;    -moz-border-radius:100px / 10px;    border-radius:100px / 10px;}
.effect:after{    right:10px;    left:auto;    -webkit-transform:skew(8deg) rotate(3deg);       -moz-transform:skew(8deg) rotate(3deg);        -ms-transform:skew(8deg) rotate(3deg);         -o-transform:skew(8deg) rotate(3deg);            transform:skew(8deg) rotate(3deg);}
header .icon-left-nav{position: relative; width: 30px; float: left; margin: -230px 0 20px -15px;}
header .icon-left-nav ul li{margin-bottom: 15px;}

nav.mainnav{margin-top: -35px; position: relative; z-index: 20;}
nav.mainnav .row{background: url(images/bg_schwung2.png) no-repeat; height: 88px;}
/*nav .swing{ height: 42px; position: relative; z-index: 100;margin-top:-34px;}*/
nav.mainnav ul{ margin-top:-33px;background: url(images/bg_schwung.png) no-repeat; width: 100%; height: 80px; display: block; position: absolute; z-index: 100;}
nav.mainnav ul li{float: left; text-transform:uppercase; margin-left: 10px; font-family: 'Lato', sans-serif; font-size: 1.2em; }
nav.mainnav ul li a{display: block; color:#89c202; background: #dcffba; height: 50px;padding: 10px 20px 10px 20px;}
nav.mainnav ul li:hover a, nav.mainnav ul .current-menu-item a {color:#dcffba; background: #89c202;}
nav.mainnav ul li:nth-child(1) a{display: block;  height: 37px;padding: 7px 20px 20px 20px; margin-top: -7px; margin-left: 460px; position: relative; z-index: 80;}
nav.mainnav ul li:nth-child(2) a{display: block;  height: 38px;padding: 8px 20px 20px 20px; margin-top: -8px;}
nav.mainnav ul li:nth-child(3) a{display: block;  height: 42px;padding: 12px 20px 20px 20px; margin-top: -12px;}
nav.mainnav ul li:nth-child(4) a{display: block;  height: 47px;padding: 17px 20px 20px 20px; margin-top: -17px;}
nav.mainnav ul li:nth-child(5) a{display: block;  height: 47px;padding: 17px 20px 20px 20px; margin-top: -17px;}

nav.mainnav ul li.leistungen .icon{background:url(images/icon-leistungen.png) no-repeat; width: 35px; height: 35px; display: block; position: relative; z-index: 120; margin-top: 10px; margin-left: 450px;}
nav.mainnav ul li.leistungen:hover .icon, nav.mainnav ul .current-menu-item.leistungen .icon{background:url(images/icon-leistungen_hover.png) no-repeat;}
nav.mainnav ul li.aktuelles .icon{background:url(images/icon-aktuelles.png) no-repeat; width: 35px; height: 35px; display: block; position: relative; z-index: 120; margin-top: 10px; margin-left: -7px;}
nav.mainnav ul li.aktuelles:hover .icon, nav.mainnav ul .current-menu-item.aktuelles .icon{background:url(images/icon-aktuelles_hover.png) no-repeat;}
nav.mainnav ul li.lexikon .icon{background:url(images/icon-lexikon.png) no-repeat; width: 35px; height: 35px; display: block; position: relative; z-index: 120; margin-top: 10px; margin-left: -7px;}
nav.mainnav ul li.lexikon:hover .icon, nav.mainnav ul .current-menu-item.lexikon .icon{background:url(images/icon-lexikon_hover.png) no-repeat;}
nav.mainnav ul li.unternehmen .icon{background:url(images/icon-ueber-uns.png) no-repeat; width: 35px; height: 35px; display: block; position: relative; z-index: 120; margin-top: 10px; margin-left: -7px;}
nav.mainnav ul li.unternehmen:hover .icon, nav.mainnav ul .current-menu-item.unternehmen .icon{background:url(images/icon-ueber-uns_hover.png) no-repeat;}
nav.mainnav ul li.partner .icon{background:url(images/icon-partner.png) no-repeat; width: 35px; height: 35px; display: block; position: relative; z-index: 120; margin-top: 10px; margin-left: -7px;}
nav.mainnav ul li.partner:hover .icon, nav.mainnav ul .current-menu-item.unternehmen .icon{background:url(images/icon-partner_hover.png) no-repeat;}



section .content{height: 450px; max-height: 450px;background:url(images/zahn_bg.png) no-repeat #fff; background-position:right bottom;}
section .content h2{color: #89c202; font-size: 1.8em; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:300; border-bottom: 1px solid #89c202; margin-bottom: 30px; width: 350px;  }
section .content aside h2, section .content aside p{margin-left: 30px;}
section .content aside h3{margin: 20px 0 10px 30px; color:#89c202;  font-size: 1.2em;}
section .content aside p span.ansprech{font-weight: 600; display: block; width: 200px; height: 10px; float: left;}
section .content aside p span.zeit{font-weight: 600; display: block; width: 70px; height: 10px; float: left;}
section .content .innercontent{padding: 0 100px 0 20px; text-align:justify;}
section .content aside a, section .content .innercontent a{ color:#89c202; text-decoration: none;}

section .content .innercontent img{float: right; width: 250px; height: auto; margin-top: 30px;}

section .content nav{float: left; margin: 20px 0 0 20px;}
section .content nav ul li{background:url(images/leistungs-nav-icon.png) no-repeat; padding-left: 30px; float: none; text-transform:none; margin-bottom: 10px;}
section .content nav ul li a{color: #689302;}
section .content nav ul.abc{width: 250px; margin: 0 0 0 20px;}
section .content nav ul.abc li{background:#689302; float: left;  display: block; text-transform:none; margin: 0 10px 10px 0; text-align: center;padding: 0;}
section .content nav ul.abc li a{color: #fff; font-weight: 600;display: block;width: 25px; height: 25px; line-height:25px;}
section .content nav ul.abc li a:hover{color:#689302; background: #f7feef }
section .content nav ul.abc li.current-menu-item a{color:#689302; background: #f7feef }
section .content .textarea{width: 400px; float: left; min-height: 200px;}
section .content .textarea h3{margin-bottom: 10px; color:#89c202; }
section .content .bild{width: 200px; float: left;}


section .content h4{color:#689302; text-transform:uppercase; font-size: 1.4em; margin: 10px 0;}
section .content .lexi{font-size: 0.9em;width: 80%;}
section .content .lexi p span{display: block; font-weight: 600; font-size: 1.1em;}

section #inhalt h2{margin-left: 0px;}
section #inhalt h3{color: #89c202; font-size: 1.8em; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:300; border-bottom: 1px solid #89c202; margin-bottom: 30px; width: 350px;margin-left: 20px;}
section .newsbox{width: 45%; float: left; margin-left: 3%; min-height: 250px;background:url(images/zahn_bg.png) no-repeat #f7feef; background-position:right bottom; background-size: contain; border: 1px dotted rgba(128,199,122,0.30); margin-bottom: 20px;}
section .newsbox p, section .newsbox h3{margin: 10px 20px;}
section .newsbox-start{width: 350px; float: left; margin: -30px 0 0 30px; min-height: 250px;background:url(images/zahn_bg.png) no-repeat #f7feef; background-position:right bottom; background-size: contain; border: 1px dotted rgba(128,199,122,0.30); position: relative;border-top: none; padding: 20px;}
section .newsbox-start h4{font-weight: 400; font-size: 1.4em; text-transform:none; width: 200px;}
section .newsbox-start .readmore{display: block; padding: 5px 10px; width: 100px; text-align: center; background: #89c202; color: #fff;position: absolute; right: 0; bottom: 0;}
section .newsbox-start .icon{width: 24px; height: 29px; background:url(images/news-icon.png) no-repeat; position: absolute; left: 0; top: 0; }
#inhalt{height: 430px;overflow-y: scroll; margin-bottom: 20px; }


.buttonwrap{	width: 167px; float: left; margin: 0 30px 30px 10px; z-index: 5;}
a.button{	background:url(images/leistungs_bg.png) no-repeat; z-index: 10;font-family: 'Lato', sans-serif;  width: 177px; margin: -12px 0 0 -10px; padding: 3px 0 0 26px;  float: left; color: #fff;   position: relative; height: 23px;}


section .apple{position:absolute; margin: -150px 0 0 -40px; float: left;}

section .box{width: 100%; float: none;}
section .box .job-info{padding-right: 10px;}
section .box .job-info,section .box .job-kontakt{width: 50%; float: left;}

footer{background:#89c202; height: 25px; width: 100%; color: #fff;position: fixed; bottom: 0;}
footer a{color: #fff;}

/* Mobile Button */
.mobile { height: 40px; margin: 0px; z-index: 200; float: right;padding: 0; display: block; position: fixed; right: 10px; top: 2px; }
.display{display:none;}


/* Formular */
.kontaktbox{float: left; width: 250px;}
.formular{padding: 5px 0 5px 10px; float: left; width: 450px; margin-top: 50px;}
.formular .daten{width: 210px; float: left;}
.formular .mitteilung{width: 450px;}
.formular .box{width: 90%;  border:1px solid rgba(238,238,238,0.9);padding: 10px; display: inline-block; clear: both; margin-bottom: 20px;}
.formular .box .daten{float: left;width: 300px;}
form label {	line-height:1.4;	vertical-align:top;	width:150px;	float:left; font-size: 1.1em; font-weight:300; margin-top: 10px;}
input, select {	border:1px solid rgba(238,238,238,0.9);	 width: 200px;color: rgba(88,126,96,1.0); height: 30px;}
input[type="submit"]{background: #89c202;  width: 200px; text-align: center; text-transform:uppercase; float: right; margin-top: 10px; height: 50px; line-height:50px; color: #fff;}
textarea{border:1px solid rgba(238,238,238,0.9);width: 450px; height: 100px;}
input:focus {	color: #1c8bc3;	border: 1px solid #89c202;	background: rgba(238,238,238,0.4);}
textarea:focus {	color: #1c8bc3;	border: 1px solid #89c202;	background: rgba(238,238,238,0.4);}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
    nav.mainnav ul{ margin-top:-33px;background: none; width: 100%; height: 80px; display: block; position: absolute; z-index: 100;}

}
.mitteilung a{color: #89c202;}
span.datenschutz{width: 100%; margin: 10px 0;}
span.datenschutz input{float: left; display: inline-block; margin-right: 15px; width: auto;}
span.datenschutz .wpcf7-list-item-label{ float: left; width: auto; display: inline-block; padding-top: 7px;}