/* CSS-Styles */

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

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

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

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


body{font-family: 'Roboto';font-size:16px;margin:0;padding:0;color:#1d1d1b;}
#wrap{width:100%;background:url("background_light.png") top left;font-size:1vw;overflow:hidden;}
#header{width:100%;position:relative;}
#header img{width:100%;height:auto;
-webkit-box-shadow: 0px 8px 6px -1px rgba(147,147,147,1);
-moz-box-shadow: 0px 8px 6px -1px rgba(147,147,147,1);
box-shadow: 0px 8px 6px -1px rgba(147,147,147,1);
overflow:hidden;}
#logo{width:16%;height:auto;position:absolute;top:0;z-index:1000;}
#logo img{width:100%;height:auto;background:url("background_light.png") top left;padding:0.6em 1.5em 0.6em 1em;box-shadow:none;}
#header_right{position:fixed;top:0;right:0;background:url("background_light.png") top left;z-index:1000;}
#header_right p{font-size:1.4em;}
.language{float:left;margin:0 2em 0 1em;}
.metanav{float:left;margin-right:1em;}
.metanav p a,.metanav p a:visited,.metanav p a:hover{color:#000;text-decoration:none;}
.metanav p a:before,.metanav p a:visited:before,.metanav p a:hover:before{content:'\2630';margin:0 0.3em 0 0;color:#00f !important;font-size:1.6em;line-height:0em;}
#mobilenav {position:fixed;width:20%;background:#393991;top:3.5em;right:0;display:none;z-index:200100}
#mobilenav ul {list-style:none;}
#mobilenav ul li{}
#mobilenav ul li a{display:block;line-height:200%;color:#fff;text-decoration:none;font-weight:bold;}
#mobilenav ul li ul li a{font-weight:normal;}

#mainnav{margin-top:10em;position:fixed;left:20px}
#mainnav_icon{display:none;}
#mainnav ul{margin:0 0 0 -3.8em;}
#mainnav ul li{list-style-type:none;}
#mainnav ul li a span{display:block;text-indent:-1000px;font-size:0.9em;padding:0 10px;line-height:30px;position:relative;top:5px;}
#mainnav ul li a:hover span,#mainnav ul li a.current span{display:block;background-color:#000;border:1px solid #fff;font-size:0.9em;padding:0 10px;line-height:30px;position:relative;top:5px;text-indent:0;width:7em;}
#mainnav ul li a{background:url("mainnav.png") top left no-repeat;color:#fff;text-decoration:none;display:block;padding-left:3.3em;height:41px !important;}
#mainnav ul li:first-child a{background:url("mainnav_top.png") top left no-repeat;}
#mainnav ul li:last-child a{background:url("mainnav_bottom.png") top left no-repeat;}
#mainnav ul li a:hover,#mainnav ul li a.current{background:url("mainnav_hover.png") -1px top no-repeat;}
#mainnav ul li:first-child a:hover,#mainnav ul li:first-child a.current{background:url("mainnav_hover_top.png") -1px top no-repeat;}
#mainnav ul li:last-child a:hover,#mainnav ul li:last-child a.current{background:url("mainnav_hover_bottom.png") -1px top no-repeat;}
#mainnav ul li ul{margin:0 0 0 -2.5em;}
#mainnav ul li ul li{}
#mainnav ul li ul li a, #mainnav ul li ul li:first-child a, #mainnav ul li ul li:last-child a{background:url("subnav.png") top left no-repeat;}
#mainnav ul li ul li a:hover, #mainnav ul li ul li:first-child a:hover, #mainnav ul li ul li:last-child a:hover,#mainnav ul li ul li a.current,#mainnav ul li ul li:first-child a.current,#mainnav ul li ul li:last-child a.current{background:url("subnav_hover.png") -1px top no-repeat;color:#6bb42c;}
#mainnav .nav2nd{display:none;}
.contentwrap{width:100%;}
.content{width:100%;}
.content .tinymcewysiwyg,#normback .tinymcewysiwyg{width:70%;margin:0px auto;text-align:center;padding:2em 0 2em 0;}

/*#normback h2{font-size:2.6em;font-weight:100;padding:10px;margin:0;padding:0;line-height:150%;}*/

.content h1{font-size:3.5em;font-weight:300;}
.content h2,#normback h2,.prodkat h2{font-size:2.5em;font-weight:300;padding-bottom:1em;width:96%;margin-left: auto;margin-right:auto;}
.contentwrap .content h2, .content_light .content h2,#normback h2,.content_light .prodkat h2{border-bottom:1px solid #1d1d1b;}
.content_black .content h2,.content_black .prodkat h2{border-bottom:1px solid #393991;color:#fff}
.prodkat h2{text-align:center !important;}
.prodkat p{text-align:center;}

.content h3{}
.content h4{}
.content p,.content li{font-size:1.6em;font-weight:100;margin:0;}

.trust{width:90%;position:relative;box-sizing:border-box; -moz-box-sizing: border-box;filter:drop-shadow(15px 6px 6px #b0b0b0);margin:2em 0 3em 0 !important;font-size:1vw;}
.innertrust{float:left;box-sizing:border-box; -moz-box-sizing: border-box;padding:2em 0 2em 4em;text-align:center;position:relative;background: #253c90;color:#fff;font-size:1.05em;
	border-right: 1px solid #000;
	}
.innertrust:after, .innertrust:before{left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;

}
.innertrust:after {
	border-color: rgba(37, 60, 144, 0);
	border-left-color: #253c90;

	border-width: 3.82em;
	margin-top: -3.8em;
	filter:drop-shadow(23px 2px 7px #213681);
	
}
.trust div:nth-last-child(2):after{filter:drop-shadow(0px 0px 0px transparent) !important;}

.innertrust:before {
	border-color: rgba(34, 53, 130, 0);
	border-left-color: #223582;

	border-width: 2em;
	margin-top: -2em;
}
.innerinnertrust{color:#fff;font-size:2em;font-weight:bold;}

.betweenerpic{width:100%;height:auto;}
.betweenerpic img{width:100%;height:auto;}
.betweenerpic img.shadow{-webkit-box-shadow: 0px 8px 6px -1px rgba(147,147,147,1);-moz-box-shadow: 0px 8px 6px -1px rgba(147,147,147,1);box-shadow: 0px 8px 6px -1px rgba(147,147,147,1);}

.formgen{background-color:#393991;width:70%;margin:0px auto;color:#fff;font-size:1.4em;padding:3em;box-sizing:border-box; -moz-box-sizing: border-box;margin-top:1em;}
.formgen .fieldblock{margin-bottom:1em;}
.formgen .fieldblock label{display:block;}
.formgen .fieldblock input{width:100%;font-size:1.4em;color:#878787 !important;}
.formgen .fieldblock .formselect{font-size:1em;}
.formgen .fieldblock .formselect option{font-size:1em !important;}
.formgen .radioblock{}
.formgen .radioblock > label{width:49%;float:left;}
.formgen .radioblock div{width:50%;display:inline-block;}
.formgen .radioblock div label{display:inline-block;margin-right:10%;}
.formgen .radioblock div br{display:none;}
.formgen .radioblock input{width:5%;}
.formgen .formtextfield{width:100%;height:30em;}
.formgen .formhinweis{text-align:center;margin:3em 0;}
.formgen .formheadline{text-decoration:underline;margin-bottom:0.5em;margin-top:3em;clear:both;}
.formgen .formsubmit{font-size:1em;margin-top:1em;background-color:#cccccc;padding:0.3em 0.8em;}
.formgen .formsmall .fieldblock{padding-bottom:1em;}
.formgen .formsmall label{width:48%;float:left;line-height:1.8em;}
.formgen .formsmall input{width:49%;float:right;}
.formgen .formplz{width:35%;float:left;}
.formgen .formort{width:55%;float:right;}
.formgen .formort + .fieldblock{clear:both}

.agency{width:70%;margin:0px auto;}
.agencie{margin-left:5em;}
.agency_left{width:47%;float:left;}
.agency_right{width:47%;float:right;}
.agency h4{font-size:1.6em;color:#fff;background-color:#393991;margin-left:2.5em;font-weight:normal;padding:0.3em 0.5em;}
.content .tinymcewysiwyg h4.blue{font-size:1.6em;color:#fff;background-color:#393991;margin-left:2.5em;font-weight:normal;padding:0.3em 0.5em;}
.agency h5,.agencie h5{text-align:left;color:#fff;margin:0 0 0 2.5em;font-size:1.6em;font-weight:normal;padding:0.3em 0.5em;}
.agencie h5{margin-left:-0.5em !important}
.agency .tinymcewysiwyg{margin:0 0 2em 1em !important;padding-top:0;width:80% !important;}
.agencie .tinymcewysiwyg{margin:0 0 2em 1em !important;padding-top:0;width:80% !important;}
.agency p,.agencie p{text-align:left;margin-top:0;padding:0;font-size:1.5em;}
.agency a,.agencie h5{color:#fff;}
.agency .agencypic{width:6% !important;float:left;min-height:1em;}
.agency_left .agencypic,.agency_right .agencypic  {width:12% !important;float:left;min-height:1em;}
.agencypic img{width:100%;height:auto;}
.agencyaddress{width:85%;float:left;}


#footer{width:100%;margin-top:5em;border-top:3px solid #1d1d1b;}
#footer img{width:16%;height:auto;padding:0.6em 1.5em 0.6em 1em;}

img.border{border:1px solid #fff;padding:5px;}
.clear{clear:both;}

#content{clear:left;}
.content_white{clear:both;position:relative;width:100%}
#greenback {width:100%;margin:0px auto;color:#fff;position:relative;}
#greenback img{width:100%;height:auto;position:relative;top:-4.2em;margin-bottom:-4.2em}
#greenback p{background-color:#6bb42c;font-size:1.3em;font-weight:100;padding:10px;}
#backarrow{background:url("backarrow.png") top left no-repeat;width:100%;height:3.5em;background-size:100%;}

/*#normback{width:70%;margin:0px auto;}*/

#normback .tinymcewysiwyg img{border:1px solid black;padding:7px;}
#normback p{}
.twopartscentered{text-align:center !important;}
.twopartscentered .tinymcewysiwyg p {display:inline-block;margin:0 1em;}
.content_light{clear:left;padding-bottom:1.2em;}
.content_light .tinymcewysiwyg{width:70%;margin:0px auto;}
.content_light.border .content{padding-top:1em}
.content_light.border .tinymcewysiwyg{width:68%;border:1px solid #000;padding:1%;}
.content_black{clear:left;width:100%;margin:0px auto;background-color:#000;padding-bottom:1em;}
.content_black .tinymcewysiwyg{width:70%;color:#fff;margin:0px auto;}
.content_black.border .content{padding-top:1em}
.content_black.border .tinymcewysiwyg{width:68%;border:1px solid #fff;padding:1%;}
.tinymcewysiwyg .innercontent{clear:both;width:100%;margin:0px auto;}
.tinymcewysiwyg .innercontent .dreispalter{width:31%;display:inline-block;margin:0 1% 2em 1%;}
.tinymcewysiwyg .innercontent .dreispalter p{margin-top:0;font-size:1.1em;}
.tinymcewysiwyg .innercontent .dreispalter p img{width:70%;height:auto;}
.tinymcewysiwyg .innercontent .dreispalter p a{text-decoration:none;color:#000;}
.tinymcewysiwyg .innercontent2{clear:both;width:100%;margin:0px auto;}
.tinymcewysiwyg .innercontent2 .vierspalter{width:22%;display:inline-block;margin:0 1% 2em 1%;}
.tinymcewysiwyg .innercontent2 .vierspalter p{font-size:1.1em;margin-top:1.5em;}
.tinymcewysiwyg .innercontent2 .vierspalter img{width:70%;height:auto;}
.tinymcewysiwyg .innercontent2 .vierspalter p a{color:#fff;}

.content_black_with_border{clear:left;width:100%;margin:0px auto;background-color:#000;margin-top:-1px;}
.content_black_with_border .tinymcewysiwyg{width:90%;color:#fff;margin:0px auto;}
.content_black_with_border .whiteborder{border:1px solid #fff;width:78%;margin:0px auto;}
.content_black_with_border h4{font-size:1.5em;font-weight:300;margin-bottom:0;}
.content_black_with_border h5{font-size:1.3em;font-weight:100;margin-top:0;}
.content_black_with_border p{font-size:1.2em;font-weight:100;margin-bottom:2em;}
.content_black_with_border p img{width:80%;height:auto;}
#mobilenav ul li a{color:#fff;text-decoration:none;}
.magnific-popup-youtube{margin:0 auto 3em;width:72%;}
.popup-youtube >img {width:100%;}
a img{border:none;}

/* Flexboxen Startseite */
.content .flexcontainer{display:flex;flex-wrap:wrap;width:70%;margin:0 auto;}
.content .flexcontainer .flex-item{display:block;box-sizing:border-box;flex-basis:30%;min-width:200px;background:#fff;margin:0 1.5% 2em;box-shadow:25px 70px 96px -29px #b0b0b0;}
.content .flexcontainer .flex-item .img{width:100%;padding:0;margin:0;position:relative;overflow:hidden}
.content .flexcontainer .flex-item .img img{width:100%;height:auto;margin:0;padding:0}
.content .flexcontainer .flex-item .img .overlay{position:absolute;bottom:0;left:0;width:101%;background-color:transparent;background-image:url("./path3771.png");background-repeat:no-repeat;background-size:cover;height:2.5em}
.content .flexcontainer .flex-item .flexboxcontent{font-size:0.6em;padding:3%;position:relative;top:-0.5em;}
.content .flexcontainer .flex-item .flexboxcontent h2{font-weight:500;margin:0 0 0.5em;width:100%;border-bottom:1px solid #38008A;color:#38008A !important;padding:0 0 0 10px;box-sizing:border-box}
.content .flexcontainer .flex-item .flexboxcontent p{padding:0 10px}
.content .flexcontainer .flex-item .flexboxcontent p.morelink{text-align:right;}
.content .flexcontainer .flex-item .flexboxcontent p.morelink a{display: inline-block;background-color:#393893;color:#fff;padding:2px 5px;line-height:150%;font-weight:bold;text-decoration:none;}
/* // Flexboxen Startseite */

/* Newsticker */
/* .newsholder => Div um alle news
 * newsart => einzelner Artikel
 * newsleft = linke Seite newsart (Bild) ; Bild = newsimg (Div um Bild)
 * newsright = rechte Seite Newsart (Teaser) 
 * */
.newsholder{display:inline-table;border-collapse:collapse;width:70%;margin:2em 15%;background:transparent}

.newsart{display:table-row;background:transparent} 
.newsleft{display:table-cell;width:25%;vertical-align:middle;text-align:center;}
.newsleft .newsimg{width:80%;margin:0px auto;overflow:hidden;}
.newsleft .newsimg img{width:100%;height:auto;-webkit-transition: all 4s ease-in-out;-moz-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.newsholder:hover .newsleft .newsimg img{transform: scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);}
.newsright{display:table-cell;width:75%;vertical-align:top;cursor:pointer}
.newsright p.overline{margin-bottom:0;color:#f29113;}
.newsright h3 {margin:0;font-family: 'Source Sans Pro', sans-serif !important;font-size:2em !important}
.newsright h3 a{text-decoration:none;color:#27378b}
.newsright h3{color:#f7a600 !important}
.newsright p{margin:0}

/* Newsticker */

#slider{width:100%;position:relative;}
#slider img{max-width:100%;width:100%;height:auto;margin:0 !important}

/* PRODUKT SLIDER */
.produkt{width:100%;}
.produkt .prodimg{text-align:center;}
.produkt .prodimg img{width:50%;height:auto;}
.produkt .proddetanf{display: table;
    padding: 5px 10px;
    background: #ccc;
    color: #000;
    text-decoration: none;
    margin:1em 0
}
.produkt p,.produkt li,.produkt table td{font-size:0.8em !important}
.produkt div ul li{float:none !important;}
  .content_light .produkt p,.content_light .produkt table{margin:1em 0}
.content_black  .produkt p,.content_black .produkt table{margin:1em 0}
.content_light .produkt p,.content_light .produkt table td{color:#000}
.content_black  .produkt p,.content_black  .produkt li,.content_black  .produkt table td{color:#fff}

.content_light .produkt p.overline{font-weight:bold;border-bottom:1px solid #000}
.content_black  .produkt p.overline{font-weight:bold;border-bottom:1px solid #fff}
.sliderwrapper{width:70%;margin:2em auto;padding:1em;box-sizing:border-box;}
.content_light .content .sliderwrapper{border:1px solid #000}
.content_black .content .sliderwrapper{border:1px solid #fff}
.test{width:100%;} 
.specialslide {margin:2em auto 2em;font-size:1em;position:relative;width:100%;}
.specialslide .slideorange {margin:0 auto;position:relative;bottom:0.8em;display:table;}


.slideorange div{height:5.5em;display:table;background-color:#F3D48C;width:15em;margin-right:0.8em;text-align:center;float:left;}
.specialslide .slideorange a {color:#000 !important;font-weight:bold;background-color:grey;text-decoration:none;padding:0em 0em;width:9em;display:table-cell;vertical-align:middle;}
.specialslide .slideorange a img{opacity:0.2}
.specialslide .slideorange a:hover,.specialslide .slideorange a.active {background-color:darkgrey;color:#000 !important;}
.specialslide .slideorange a:hover img,.specialslide .slideorange a.active img{opacity:1}

.slyslider {clear:both;width:100%;margin:0 auto;height:1120px;clear:both}
.slyslider ul {list-style:none;margin:0;padding:0;height:100%;}
.slyslider ul li{float: left;
width:800px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 100px 0 0;
padding: 0;
text-align: left;
cursor: pointer;}
.slyslider p{font-size:1em;}
.slyslider ul li .produkt div ul{list-style:disc outside none;}
.slyslider ul li .produkt div ul li{margin-left:1.5em}
.test .buttonrow{width:100%;margin:0 auto;}
.test button#prev{width:36px;height:36px;background:url("pfeil_zurueck_gruen.png") no-repeat;float:left;border:none;}
.test button#next{width:36px;height:36px;background:url("pfeil_weiter_gruen.png") no-repeat;float:right;border:none;}
form.produkt {width:100%;background:#fff !important;}
form.produkt p{padding:1em}
form.produkt label{display:block;}
form.produkt input{width:100%;}
form.produkt textarea{width:100%;height:200px;}
form span.checkdatapro{display:block;width:10%;float:left;height:5em}
form span.checkspandatapro{display:display:block;width:90%;float:right;}
form span.checkspandatapro a,form span.checkspandatapro a:visited{color:#fff}
div.formthanks{width:70%;margin:0 auto;}
.iconwrap{width:50%;margin:0 auto 2em;}
.itemcontainer{display:flex;flex-wrap:wrap}
.itemcontainer .iconitem{min-width:100px;flex-basis:40%;margin:0 1em 1em;background:#fff;}
.itemcontainer .iconitem .img {width:100%;position:relative;}
.itemcontainer .iconitem .img img{width:100%; height:auto}
.itemcontainer .iconitem .img .overlay{position:absolute;bottom:0;left:0;width:101%;background-color:transparent;background-image:url("./path3771.png");background-repeat:no-repeat;background-size:cover;height:2.6em}
.itemcontainer .iconitem .flexboxcontent{background:#fff;}
.itemcontainer .iconitem .flexboxcontent p{margin:0.5em 0 0;padding:0}
.itemcontainer .iconitem .flexboxcontent a {display:block;text-align:right;padding:0 1em 1em;text-decoration:none;color:#000;font-weight:bold;font-size:1.5em}

@media screen AND (min-width:1350px) {
 #wrap{font-size:14px;} 
  .slyslider ul li{float: left;
width:800px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 500px 0 0;
padding: 0;
text-align: left;
cursor: pointer;}
}

@media screen AND (max-width:1350px) {
 #wrap{font-size:14px;} 
  .slyslider ul li{float: left;
width:800px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 100px 0 0;
padding: 0;
text-align: left;
cursor: pointer;}
}

@media screen AND (max-width:1200px) {
#metanav{margin:0 5em 2em 0;padding:0;position:relative;float:right;z-index:100;}
#metanav ul li{font-size:0.8em;font-weight:300;}
#greenback .tinymcewysiwyg{top:43%;}
#greenback h2{font-size:2.3em;}
#greenback p{font-size:1.1em;}
.tinymcewysiwyg .innercontent2 .vierspalter p{font-size:0.9em;}
.tinymcewysiwyg .innercontent .dreispalter p{font-size:0.9em;}
.slyslider ul li{float: left;
width:600px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 100px 0 100px;
padding: 0;
text-align: left;
cursor: pointer;
  
}
.produkt table{width:100% !important;}
.produkt table td{font-size:0.7em !important}

}


@media screen AND (max-width:960px) {
#logo img{width:60%;}
#metanav ul li a{font-size:0.85em;}
#greenback .tinymcewysiwyg{top:30%;}
.tinymcewysiwyg .innercontent .dreispalter{width:45%;}
.tinymcewysiwyg .innercontent2 .vierspalter{width:31%;}

}

@media screen AND (max-width:960px) AND (orientation: portrait){
  #default #slider{margin-top:70px;}
#default  #logo{top:-70px;}
#default  #header_right{position:fixed;top:0px;}
/* anders bei OnePager-Seiten ohne Slider*/
#home #header > img{margin-top:70px;}
  #home  #logo{top:0px;}
#home  #header_right{position:fixed;top:0px;}

#sub #header > img{margin-top:70px;}
  #sub  #logo{top:0px;}
#sub  #header_right{position:fixed;top:0px;}
#mobilenav{position:fixed}
}

@media screen AND (max-width:865px) {
  
.slyslider ul li{float: left;
width:500px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 100px 0 100px;
padding: 0;
text-align: left;
cursor: pointer;
  
}
  .slyslider {clear:both;width:100%;margin:0 auto;height:850px;clear:both}
  .produkt table td{font-size:0.5em !important}
  #mobilenav {width:80%;top:2.5em}
}
@media screen AND (max-width:800px) {

  #metanav ul li a{font-size:0.8em;}
#greenback .tinymcewysiwyg{top:30%;}
#greenback h2{font-size:1.8em;}
#greenback p{font-size:1em;}
  
.tinymcewysiwyg .innercontent .dreispalter{width:45%;}
.tinymcewysiwyg .innercontent2 .vierspalter{width:31%;}
.sliderwrapper{width:95% !important;margin:2em auto;padding:1em;box-sizing:border-box;}
.iconwrap{width:90%;margin:0 auto 2em;}
.itemcontainer{display:flex;flex-wrap:wrap}
.itemcontainer .iconitem{max-width:40%;margin:0 1em 1em;background:#fff;}
.itemcontainer .iconitem .img {width:100%;position:relative;}
.itemcontainer .iconitem .img img{max-width:100%; height:auto}
.itemcontainer .iconitem .img .overlay{position:absolute;bottom:0;left:0;width:101%;background-color:transparent;background-image:url("./path3771.png");background-repeat:no-repeat;background-size:cover;height:2.6em}
.itemcontainer .iconitem .flexboxcontent{background:#fff;}
.itemcontainer .iconitem .flexboxcontent p{margin:0.5em 0 0;padding:0}
.itemcontainer .iconitem .flexboxcontent a {display:block;text-align:right;padding:0 1em 1em;text-decoration:none;color:#000;font-weight:bold;font-size:1.5em}



.nivo-caption {
	width:80% !important;
	
}

.nivo-caption h2{font-size:1.5em !important}

.nivo-controlNav a {
	width:0.8em !important;
	height:0.8em  !important;
	border-radius: 0.8em  !important;
}
}
@media screen AND (max-width:780px) {
  
.slyslider ul li{float: left;
width:380px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 300px 0 300px;
padding: 0;
text-align: left;
cursor: pointer;
  
}
  
}
@media screen AND (max-width:700px) {
  body{font-size:16px;}
  #wrap {font-size:1em;}
#metanav ul{display:none;}
#metanav{width:30%;float:right;margin-right:1em;}
#metanav_icon{display:block;}
#metanav_icon a{color:#fff;text-decoration:none;font-size:1.3em;margin-left:0;float:right;}
#mobilenav {width:80%;top:2.5em}
 #logo{width:35%}
  #header_right p{font-size:1em !important}
#mainnav ul{display:none;}
#mainnav_icon{display:block;}
#mainnav_icon a{color:#fff;text-decoration:none;font-size:1.3em;background-color:#000;padding:10px;margin-left:-1em;border:1px solid #fff;}
#greenback .tinymcewysiwyg{top:25%;width:87%;margin-left:-5px;}
#greenback h2{font-size:1.4em;}
#greenback p{font-size:0.9em;}
#mainnav_icon{display:none;}
.content .tinymcewysiwyg{width:90%;margin:0px auto;text-align:center;padding:2em 0 2em 0;}
.content h1{font-size:2.5em;font-weight:300;}
.content h2{font-size:2em;font-weight:300;padding-bottom:1em;width:96%;margin-left: auto;margin-right:auto;}
.content .flexcontainer .flex-item{display:block;box-sizing:border-box;flex-basis:90%;min-width:200px;}
.content_light p,.content_black p,.content_black_with_border p{font-size:1em;}
.content_light li,.content_black li,.content_black_with_border li{font-size:1em;}
.trust{display:none;}
.tinymcewysiwyg .innercontent .dreispalter{width:46%;}
.tinymcewysiwyg .innercontent .dreispalter p{font-size:0.8em;}
.formgen{width:85% !important;padding:1em}
.formgen input[type="text"],.formgen select,.formgen textarea{width:100% !important;}
.formgen label{display:block;width:100%}
.formgen .formsmall .fieldblock{padding-bottom:1em;}
.formgen .formsmall label{width:100%;float:none;line-height:1.8em;}
.formgen .formsmall input{width:100%;float:none;}
.formgen .formplz{width:100%;float:none;}
.formgen .formort{width:100%;float:none;}
.formgen .formort + .fieldblock{clear:both}
.agency_left{width:100%}
.agency_right{width:100%}

.slyslider ul li{float: left;
width:300px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 100px 0 100px;
padding: 0;
text-align: left;
cursor: pointer;
  
}
.slideorange div{height:5.5em;display:table;background-color:#F3D48C;width:7em;margin-right:0.8em;text-align:center;float:left;}
.specialslide .slideorange a {font-size:0.7em !important}
.iconwrap{width:90%;margin:0 auto 2em;}
.itemcontainer{display:flex;flex-wrap:wrap}
.itemcontainer .iconitem{max-width:90%;margin:0 auto 1em;background:#fff;}
.itemcontainer .iconitem .img {width:100%;position:relative;}
.itemcontainer .iconitem .img img{max-width:100%; height:auto}
.itemcontainer .iconitem .img .overlay{display:none;position:absolute;bottom:0;left:0;width:101%;background-color:transparent;background-image:url("./path3771.png");background-repeat:no-repeat;background-size:cover;height:2.6em}
.itemcontainer .iconitem .flexboxcontent{background:#fff;}
.itemcontainer .iconitem .flexboxcontent p{margin:0.5em 0 0;padding:0}
.itemcontainer .iconitem .flexboxcontent a {display:block;text-align:right;padding:0 1em 1em;text-decoration:none;color:#000;font-weight:bold;font-size:1em}
.nivo-caption {
	width:80% !important;
	
}

.nivo-caption h2{font-size:1em !important}

.nivo-controlNav a {
	width:0.8em !important;
	height:0.8em  !important;
	border-radius: 0.8em  !important;
	margin:0 0.5em 0 0 !important;
}
}

@media screen AND (max-width:525px) {
#logo img{width:70%;height:auto;}
/*Home: Slider runter, menü und logo hoch */
  #default #slider{margin-top:70px;}
#default  #logo{top:-70px;}
#default  #header_right{position:fixed;top:0px;}
/* anders bei OnePager-Seiten ohne Slider*/
#home #header > img{margin-top:70px;}
  #home  #logo{top:0px;}
#home  #header_right{position:fixed;top:0px;}

#sub #header > img{margin-top:70px;}
  #sub  #logo{top:0px;}
#sub  #header_right{position:fixed;top:0px;}
#mobilenav{position:fixed}
  #greenback .tinymcewysiwyg{top:12%;}
#greenback h2{font-size:1.2em;}
#greenback p{font-size:0.8em;}
.tinymcewysiwyg .innercontent .dreispalter{width:98%;}
.tinymcewysiwyg .innercontent2{width:90%;}
.tinymcewysiwyg .innercontent2 .vierspalter{width:40%;}
.tinymcewysiwyg .innercontent2 .vierspalter img{width:90%;height:auto;}
.tinymcewysiwyg .innercontent .dreispalter p img{width:50%;height:auto;}
.nivo-caption {
	width:90% !important;
	
}

.nivo-caption h2{font-size:1em !important}

.nivo-controlNav a {
	width:0.5em !important;
	height:0.5em  !important;
	border-radius: 0.5em  !important;
	margin:0 0.5em 0 0 !important;
}
.slyslider ul li{float: left;
width:300px; /* ANpassen bei media-queries */
height: 100%;
margin: 0 70px 0 70px;
padding: 0;
text-align: left;
cursor: pointer;
  
}
}

@media screen AND (max-width:425px) {
#mainnav_icon a{padding:5px;}
#greenback img{width:140%;height:auto;}
#greenback .tinymcewysiwyg{top:0;left:5px;width:94%;margin-left:5px;}
#greenback h2{font-size:1em;padding-left:5px;margin-left:-5px;}
#greenback p{font-size:0.7em;}
#normback{width:80%;}
.tinymcewysiwyg .innercontent2{width:100%;}
.tinymcewysiwyg .innercontent2 .vierspalter{width:48%;}
.content_light .tinymcewysiwyg,.content_black .tinymcewysiwyg{width:80%;}
.content_light h3,.content_black h3{font-size:1.3em;}
.content_black_with_border h4{font-size:1.3em;}
.content_black_with_border h5{font-size:1.1em;}
.nivo-caption h2{font-size:0.9em !important}

.nivo-controlNav a {
	width:0.4em !important;
	height:0.4em  !important;
	border-radius: 0.4em  !important;
	margin:0 0.4em 0 0 !important;
}
}