/* CSS Document */
@import url(/css/font/open-sans.css);
@import url(/styles/optimal-absichern-compa.css?fr=245);
/*  @import url(/css/css-compa.css); 
@import url(/css/css_resp.css);  */


body, td, th { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; margin: 0px; padding: 0px; color: #010101; }
form { margin: 0px; padding: 0px; }
img { border: 0px }
a { color: #134994; text-decoration: none; }
a:hover { text-decoration: underline; }
.breaker { height: 1px; overflow: hidden; clear: both; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.spacer30 { height: 30px; width: 30px; }
header { position: relative; }
.logo, .navi, .nav, .portal, .content, #pagecontent { max-width: 996px; width: 100%; margin: 0 auto; position: relative; }
.tophead { box-sizing: border-box; background-color: #7dba2f; color: #ffffff; padding: 6px; font-size: 16px; max-width: 996px; width: 100%; margin: 0 auto; position: relative; }
.topheadwrapper { width: 100%; background-color: #7dba2f; }
#brand { width: 100%; background-color: #ecf2f6; height: 100px; }
#brand .logo { position: relative; }
#brand .hsuche { position: absolute; right: 5px; top: 30px; }


.hsuche {  padding: 5px 5px 5px 5px; width: 305px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.hsuche input[type="text"] { border: 3px solid #999; border-radius: 3px; box-shadow: 5px 5px 5px #ddd inset; height: 25px; padding: 0 5px 0 5px; text-align: left; width: 95%; max-width: 310px; }
.hsuchebutton { background-color: #7dba2f; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 18px; margin: 0px; padding: 2px; text-align: center; width: 40px; height: 26px; position: absolute; right: 5px; top: 5px; }

.support { position:absolute; box-sizing: border-box; left:39%; top:17px; text-align:center; font-size:28px; color:#134994; font-weight:600;
padding: 7px 5px 5px 5px; background-color:#ced6de; width: 240px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.support span{  display:block; font-size:11px; color:#727272; font-weight:bold;	}
.support i {   font-size: 25px; margin-right:8px; color:#7dba2f;}

.artikelsupport { float:left; font-size:14px; color:#000; font-weight:bold; }
.artikelsupport i { font-size: 14px; margin-right: 4px; color:#7dba2f; position:static !important;}


#brand .login { position: absolute;  }
#brand .login a { position:relative; background-color:#134994; display:inline-block; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; text-decoration:none; font-size: 14px; margin:5px 0px 0px 10px; padding: 5px 6px 2px 32px; text-align: left; width: 150px; height: 30px; box-sizing: border-box; }
#brand .login a i { font-size: 20px; position:absolute; left:10px; top:5px; 	}
#brand .login a:first-child i {left:7px;}
#brand .login a:last-child i {font-size: 25px;top:3px;}
#brand .login a:hover { background-color:#7dba2f; }


#brand .hsuche { right: 0px; top: 10px; }
#brand .login { right: 0px; top: 48px; }

.date { position: absolute; left: 0px; top: 7px; }
.tophead a { color: #ffffff; text-decoration: none; }
.tophead span { float: right; }
#cchinweis { display: none; box-sizing: border-box; z-index: 1000; position: fixed; bottom: 0px; left: 0px; width: 100%; text-align: center; font-size: 13px; background-color: #909090; padding: 8px 50px 53px 4px; color: #fff; }
#cchinweisclose { position: absolute; top: 10px; right: 10px; height: 23px; width: 23px; background-image: url(/images/ccclose.png); cursor: pointer; }
#cchinweisok { padding:4px 7px 4px 7px; border:1px solid #ffffff; font-weight:bold; display:inline-block; margin-left:10px; margin-top:3px; cursor:pointer; }

#einfohinweis { display: none; box-sizing: border-box; z-index: 100; position: relative; top: 0px; left: 0px; width: 100%; text-align: center; font-size: 13px; background-color: #909090; padding: 4px 50px 6px 10px; color: #fff; }
#einfohinweisclose { position: absolute; top: 10px; right: 10px; height: 23px; width: 23px; background-image: url(/images/ccclose.png); cursor: pointer; }
#einfohinweisok { padding:4px 7px 4px 7px; border:1px solid #ffffff; font-weight:bold; display:inline-block; margin-left:10px; margin-top:3px; cursor:pointer; }

#erstinfohw { padding:3px 3px 3px 3px; }

#headnav ul { display: block; position: absolute; top: 3px; right: 0px; padding: 5px; list-style: none outside none; margin: 0px; }
#headnav li { display: inline-block; margin: 0; padding: 0px 6px 0px 6px; position: relative; }
#headnav li a { color: #ffffff; text-decoration: none; }
#headnav li:last-child { border-right: 0px; }
#navwrapper { width: 100%; background-color: #134994; min-height: 90px; z-index: 120 }
.nav ul { display: block; list-style: none outside none; margin: 0; padding: 0px 0px; color: #fff; }
.nav ul li.nav-item { white-space: nowrap; font-size: 16px; background-color: #134994; min-height: 70px; width: 16.6%; text-align: center; display: inline-block; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.nav ul li:last-child { padding: 0px 0px 0px 0px; }
.nav ul li a { color: #fff; text-decoration: none; }
.nav ul li i { display: block; padding: 10px 0px 10px 0px; font-size: 20px; }
.nav ul li:hover { background-color: #e8e8e8; }
.nav ul li:hover a { color: #134994; }
.nav ul li:hover i { color: #7dba2f; }
.nav ul.nav-submenu { display: none; position: absolute; z-index: 10; margin-top: 7px; border-top: 0px solid #134994; border-right: 0px solid #fff; border-bottom: 0px solid #fff; }
.nav ul.nav-submenu li { min-width: 158px; background: #e8e8e8 url("/images/boxes/greenline.png") repeat-y scroll left center; font-size: 15px; height: auto; width: auto; text-align: left; display: block; margin: 0px 0px 0px 0px; padding: 3px 15px 5px 20px; position: relative; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.nav li:hover ul { display: block; }
.nav ul.nav-submenu li a { color: #134994; white-space: nowrap; }
.nav ul.nav-submenu li:hover { color: #fff; background-color: #134994; }
.nav ul.nav-submenu li:hover a { color: #fff; }
.nav ul.nav-submenu li:last-child { border-bottom-right-radius: 3px; }


/* NV 2020 */
.nav ul li.nav-item { width: 23.5%; background-color:rgba(255,255,255,0.08); margin-right:2%;padding-top:9px;min-height: 65px; }
#navwrapper { width: 100%; background-color: #134994; min-height: 92px; z-index: 120;}
.nav ul li.nav-item:last-child { margin-right:0%;}
.nav ul li.nav-item:hover { background-color:rgba(255,255,255,0.9);}
.nav ul li i { padding: 3px 0px 10px 0px; }
.nav ul.nav-submenu { margin-top: 10px;	min-width:234px; box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.15); }
.nav ul.nav-submenu li { padding: 7px 15px 8px 20px;}


.maklermovie {text-align:center; padding: 10px 0px 20px 0px;}
.maklermovie iframe { max-width:640px !important; width:100% !important; height:auto !important; min-height:360px; }

/* FOOTER */
footer { width: 100%; margin-top: 10px; }


.footerlogowrapper{ width: 100%; background-color: #134994;  }
.footerlogo { width: 100%; max-width: 996px; margin: 0 auto; position: relative; color: #fff; padding: 15px 0px 30px 0px; box-sizing: border-box; }

.footerlogo i { font-size: 70px; float:right; margin-left:20px; margin-top:30px; z-index:1;}
.footerlogo img { margin-bottom:10px;}
.footerlogo a { color:#fff; }
.footerlogo a:hover { color:#95bd20; }

.footerpartnerwrapper{ width: 100%; background-color: #ffffff;  }
.footerpartner { text-align:center; width: 100%; max-width: 996px; margin: 0 auto; position: relative; color: #333; padding: 10px 0px 20px 0px; font-size:15px; box-sizing: border-box; }
.footerpartner img { margin: 3px 7px 3px 7px; }

.footercontentwrapper{ width: 100%; background-color: #134994;  }
.footercontent { font-weight:bold; width: 100%; max-width: 996px; margin: 0 auto; position: relative; color: #fff; padding: 30px 0px 30px 0px; box-sizing: border-box; }

.footercontent li span {display:block;font-weight:bold;}

.footercontent .col3 { width:33.3333333%; display: inline-block; vertical-align: top }
.footercontent .col3.x1 { width:33%; display: inline-block; vertical-align: top }
.footercontent .col3.x2 { width:34%; display: inline-block; vertical-align: top }
.footercontent .col3.x3 { width:33%; display: inline-block; vertical-align: top }
.footercontent .subheader { margin:10px 0px 20px 0px; }
.footercontent p { font-weight:normal }

.footercontent ul { display: block; padding: 0px  0px  20px  0px; list-style: none outside none; margin: 0 auto; text-align: left; }
.footercontent li { font-size: 15px; font-weight:normal; display: block; margin: 0; padding: 10px 6px 0px 0px; position: relative;  }
.footercontent li a { color: #ffffff; text-decoration: none; }
.footercontent li:last-child { }

.footercontent button.whitebutton { box-sizing: border-box;  cursor: pointer; width: 200px; padding: 5px 9px 5px 9px; margin-top:10px; font-size: 18px; color: #ffffff; border: 1px solid #fff; background-color: #7dba2f; text-align: center;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.footercontent input[type="text"]  { box-sizing: border-box; width: 200px; border: 1px solid #cdcdcd; font-size: 15px; border-radius: 3px; box-shadow: 5px 5px 5px #aaa inset; height: 35px; margin: 10px 0px 5px 0; padding: 3px 13px 3px 13px; text-align: left;  }



.footerlegalwrapper{ width: 100%; background-color: #0c2f5f;  }
.footerlegal { width: 100%; max-width: 996px; margin: 0 auto; position: relative; color: #fff; padding: 30px 0px 30px 0px; box-sizing: border-box; }


.footerlegal ul { display: block; padding: 5px; list-style: none outside none; margin: 0 auto; text-align: center; }
.footerlegal li { font-size: 13px; display: inline-block; margin: 0; padding: 0px 6px 0px 6px; position: relative; border-right: 1px solid #fff; }
.footerlegal li a { color: #ffffff; text-decoration: none; }
.footerlegal li:last-child { border-right: 0px; }

:target:before { content: " "; display: block; height: 50px; /* fixed header height*/ margin: -50px 0 0; /* negative fixed header height */ }
.portal h1 { font-size: 22px; fonot-weight: bold; color: #565656; text-transform: uppercase; }
.fullbox { width: 100%; height: 257px; background: url(/images/boxes/bg_bu_1.jpg) #efefef right top no-repeat; margin-bottom: 30px; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.fullbox.bu { background-image: url(/images/boxes/bg_bu_1.jpg) }
.fullbox h2, .halfbox h2, .halfbox h2, .article .halfbox h2, .sidebarcompbox h2 { padding: 10px 10px 5px 20px !important; margin: 0px !important; font-size: 22px !important; color: #134994 !important; }
.halfbox h2 { padding: 10px 10px 0px 20px !important; }
.fullbox p { padding: 0px 10px 30px 20px; margin: 0px; font-size: 17px; font-weight: bold; }
.fullbox .quickinputs, .halfbox .quickinputs, .sidebarcompbox .quickinputs { float: left; background-color: #d4dbe4; background-color: rgba(19, 73, 128, 0.15); padding: 10px 5px 5px 5px; margin: 0 0 0 20px; width: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.fullbox li, .halfbox li, .sidebarcompbox li { padding: 4px 0px 6px 35px; background: url(/images/icons/check.png) no-repeat 0px 1px; list-style: none; }
.fullbox ul { width: 300px; padding: 0px 0px 0px 20px; float: left; }


.fullbox.heilpraktiker { width: 100%; height:auto; background: url(/images/boxes/bg_bu_1.jpg) #efefef right bottom no-repeat; margin-bottom: 30px; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.fullbox.heilpraktiker .quickinputs { padding: 10px 10px 10px 10px; margin: 0 0 20px 20px; width: 630px;  }
.fullbox.heilpraktiker ul { width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px}
.fullbox.heilpraktiker h1 { padding: 10px 10px 5px 20px !important; margin: 0px !important; font-size: 22px !important; color: #134994 !important; }

.fullbox.oaintro { width: 100%; height:auto; background: url(/images/boxes/bg_bu_1.jpg) #efefef right top no-repeat; margin-bottom: 30px; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.fullbox.oaintro .quickinputs { padding: 10px 10px 10px 10px; margin: 0 0 20px 20px; width: 50%;  }
.fullbox.oaintro ul { width: 100%; padding: 5px 0px 0px 0px; margin: 0px 0px 10px 0px}
.fullbox.oaintro li { padding: 6px 0px 8px 35px;  }
.fullbox.oaintro .h1 { font-weight:normal; padding: 20px 10px 20px 20px !important; margin: 0px !important; font-size: 22px !important; color: #134994 !important; }
.fullbox.oaintro { border-bottom:10px solid #ced6de; border-radius: 0px; padding: 5px 0px 10px 0px; box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset; background: url(/images/teaser/oliver-mest-makler.jpg) #efefef center top no-repeat; }
.fullbox.oaintro .oaintrowrapper { width:100%; max-width:996px; margin:0 auto; }
.fullbox.oaintro .h0 { font-size:16px;padding: 20px 10px 0px 0px !important; }
.fullbox.oaintro h1 span { font-size:16px;padding: 15px 10px 0px 0px !important; display:block; color:#000; font-weight:normal;}
.fullbox.oaintro .h1 { font-size:16px;padding: 5px 10px 20px 0px !important; }
.fullbox.oaintro .quickinputs {background-color:rgba(255,255,255,0.5); ; margin-left:0px; width:47%;}
.fullbox.oaintro ul { margin: 0px 0px 0px 0px; }
.sp11.isintro { margin-bottom:-60px;z-index:30;}





.halfbox ul, .sidebarcompbox ul { padding: 0px 0px 0px 20px; margin: 10px 0px 10px 0px; }
.halfbox .quickinputs, .sidebarcompbox .quickinputs { float: none; position: relative; padding: 2px 5px 5px 5px; width: 90%; }
.sidebarcompbox .quickinputs { float: none; background-color: #d4dbe4; background-color: rgba(19, 73, 128, 0.15); padding: 10px 5px 5px 5px; margin: 0 0 0 0px; width: 98%; }
.sidebarcompbox ul { padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; }
.quickinputs input[type="text"] { border: 1px solid #cdcdcd; border-radius: 3px; /* box-shadow: 5px 5px 5px #aaa inset; */
height: 30px; margin: 0 0px 5px 0; padding: 0 5px 0 5px; text-align: left; width: 150px; }
.quickinputs label { width: 130px; margin: 5px 0 0 0; float: left; clear: both; }
.halfbox .quickinputs label { width: auto; margin: 0px 0 0 0; float: none; display: block; }
.quickinputs select { border: 1px solid #cdcdcd; border-radius: 3px; /* box-shadow: 5px 5px 5px #aaa inset; */
height: 30px; margin: 0 0px 5px 0; padding: 0 0 0 5px; width: 160px; }
.quickinputs button { display: block; width: 100%; cursor: pointer; margin: 10px 0px 5px 0px; padding: 5px 5px 5px 5px; font-size: 18px; font-weight: 500; color: #fff; background-color: #7dba2f; text-align: center; text-transform: uppercase; font-family: 'Open Sans', Arial, sans-serif; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.halfbox .quickinputs button { display: block; width: 230px; float: right; position: absolute; right: 10px; bottom: 10px; }
.button90 { cursor: pointer; margin: 10px 0px 5px 0px; padding: 5px 15px 5px 15px; font-size: 18px; font-weight: bold; color: #fff; background-color: #7dba2f; text-align: center; text-transform: uppercase; font-family: 'Open Sans', Arial, sans-serif; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.col2 { width: 50%; display:inline-block;}
.sp2 { width: 50%; float: left; box-sizing: border-box; }
.sp3, .sp3b { width: 33.33333%; float: left; box-sizing: border-box; }
.sp4 { width: 25%; float: left; box-sizing: border-box; }
.sp11 { width: 100%; box-sizing: border-box; }
.halfbox { width: 97%; margin-right: 3%; height: 257px; background: url(/images/boxes/bg_bu_1.jpg) #efefef right top no-repeat; margin-bottom: 30px; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.halfbox.last { width: 97%; margin-left: 3%; }
.article .halfbox { width: 100%; margin-right: 0%; }
.halfbox.risi { background-image: url(/images/boxes/bg_risi_1.jpg) }
.halfbox.unf { background-image: url(/images/boxes/bg_unf_1.jpg) }
.minirechner { margin-bottom: 35px; }
.minirechner ul { display: block; list-style: none outside none; margin: 0; padding: 0px 0px; color: #fff }
.minirechner li { text-align: left; color: #134994; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; height: 60px; width: 211px; display: inline-block; margin: 0px 12px 0px 0px; padding: 10px 0px 0px 25px; cursor: pointer; position: relative; background: url(/images/boxes/greenline.png) #eeeeed left repeat-y; font-size: 16px; }
.minirechner li span { display: block; color: #7e7e7e; font-size: 11px; margin-top: 10px; }
.minirechner li:last-child { padding: 10px 0px 0px 25px; margin: 0px 0px 0px 0px; }
#artikelsliderwrapper { width: 100%; overflow: hidden; position: relative; height: 310px; margin-bottom: 2px; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#artikelsliderwrapper #artikelslider { position: absolute; width: 3500px; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#artikelsliderwrapper .artikelsliderelement { position: relative; float: left; width: 100%; max-width: 996px; min-height: 264px; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#artikelsliderwrapper .artikelsliderelement .artikelsliderimage { width: 40%; position: absolute; height: 264px; top: 0px; left: 0px; background-size: cover; background-position: center; }
#artikelsliderwrapper .artikelsliderelement .artikelslidertext { width: 55%; padding-left: 43%; padding-right: 2%; }
#artikelsliderwrapper .artikelsliderelement h2 { color: #555555; font-size: 22px; }
#artikelsliderwrapper .artikelsliderelement h2 span { display: block; font-size: 15px; color: #258c1d; }
#artikelsliderwrapper .artikelsliderelement p { font-size: 14px; }
#artikelsliderwrapper .artikelsliderelement p a { font-weight: bold; }
#artikelsliderwrapper .artikelsliderpos { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; }
#artikelsliderwrapper .artikelsliderpos span { position: relative; cursor: pointer; font-size: 30px; color: #999; z-index: 100 }
#artikelsliderwrapper .artikelsliderpos span.active { color: #000000; }
.artikelteaser1xelement { position: relative; width: 60%; padding-left: 40%; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 264px; overflow: hidden; }
.artikelteaser1xelement .artikelteaserimage { width: 40%; position: absolute; height: 264px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.dd article #artikelsliderwrapper, .article #inartikelsliderwrapper { width: 100%; overflow: hidden; position: relative; height: 320px; margin: 30px 0 15px 0; }
.dd article #artikelslider { position: absolute; width: 3500px; height: 290px; z-index: 5; font-size: 16px; }
.article .artikelsliderelement { border: 0px solid #00f4f4; position: relative; float: left; width: 602px; padding: 10px; background-color: #eeeeed; height: auto; overflow: auto; /* height:264px; overflow:hidden;*/ }
.article .artikelsliderelement .artikelsliderimage { width: 486px; position: absolute; height: 264px; top: 0px; left: 0px; background-size: cover }
.article .artikelsliderelement h2 { color: #555555; font-size: 22px; }
.article .artikelsliderelement h2 span { display: block; font-size: 15px; color: #258c1d; }
.article .artikelsliderelement p { }
.article .artikelsliderelement p a { font-weight: bold; }
.article .artikelsliderpos { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; }
.article .artikelsliderpos span { position: relative; cursor: pointer; font-size: 35px; color: #999; z-index: 100 }
.article .artikelsliderpos span.active { color: #000000; }
.article .artikelsliderelement .imagetabblock { width: 300px; float: right; text-align: center; }
.article .artikelsliderelement .imagetabblock img { max-width: 250px; margin-top: 5px; }
.article .artikelsliderelement img.tablogoxl { max-width: 610px; margin-top: 5px; }
.article .artikelsliderelement .imagetabblock a.tabbutton { margin-top: 20px; background-color: #7dba2f; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; padding: 5px; text-align: center; text-transform: uppercase; }
#inartikelsliderwrapper .slider_prev, #artikelsliderwrapper .slider_prev { color: #fff; cursor: pointer; padding: 0px 20px 0px 5px; width: 50px; position: absolute; z-index: 103; left: 0px; bottom: 5px; top: 10px; background-color: transparent }
#inartikelsliderwrapper .slider_next, #artikelsliderwrapper .slider_next { color: #fff; text-align: right; cursor: pointer; padding: 0px 20px 0px 5px; width: 50px; position: absolute; z-index: 101; right: 0px; bottom: 5px; top: 10px; background-color: transparent }
#inartikelsliderwrapper .slider_prev i, #inartikelsliderwrapper .slider_next i, #artikelsliderwrapper .slider_prev i, #artikelsliderwrapper .slider_next i { position: absolute; bottom: 10px; color: #999 }
.artikelteaserimage, .artikelsliderimage { -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.36) inset; -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.36) inset; box-shadow: 0px 0px 40px rgba(0,0,0,0.36) inset; transition: all .3s ease-in-out; }
.artikelteaserimage:hover, .artikelsliderimage:hover { -webkit-box-shadow: 0px 0px 230px rgba(0,0,0,0.32) inset; -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.32) inset; box-shadow: 0px 0px 20px rgba(0,0,0,0.32) inset; }
.artikelteaser1x { max-width: 996px; width: 100%; overflow: hidden; position: relative; height: 300px; margin-bottom: 0px; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.artikelteaser1xelement { position: relative; width: 60%; padding-left: 40%; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 264px; overflow: hidden; }
.artikelteaser1xelement .artikelteaserimage { width: 40%; position: absolute; height: 264px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.artikelteaser1xelement h2 { color: #555555; font-size: 22px; margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; }
.artikelteaser1xelement h2 span { display: block; font-size: 15px; color: #258c1d; }
.artikelteaser1xelement p { padding: 10px 10px 10px 10px; margin: 0px; font-size: 14px; }
.artikelteaser1xelement p a { font-weight: bold; }
.sp2.x1 { width: 50%; float: left; box-sizing: border-box; padding-right: 10px; padding-bottom: 30px; }
.sp2.x2 { width: 50%; float: left; box-sizing: border-box; padding-left: 10px; padding-bottom: 30px; }
.artikelteaser2x { }
.artikelteaser2xelement { position: relative; width: 60%; padding-left: 40%; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 264px; overflow: hidden; }
.artikelteaser2xelement .artikelteaserimage { width: 40%; position: absolute; height: 264px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.artikelteaser2xelement h2 { color: #555555; font-size: 18px; margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; }
.artikelteaser2xelement h2 span { display: block; font-size: 13px; color: #258c1d; }
.artikelteaser2xelement p { padding: 10px 10px 10px 10px; margin: 0px; font-size: 14px; }
.artikelteaser2xelement p a { font-weight: bold; }
.sp4 { padding: 0px 10px 30px 0px; }
.sp4.x2 { padding: 0px 10px 30px 10px; }
.sp4.x3 { padding: 0px 10px 30px 10px; }
.sp4.x4 { padding: 0px 0px 30px 10px; }
.artikelteaser4x { }
.artikelteaser4xelement { position: relative; width: 100%; padding-top: 150px; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 350px; }
.artikelteaser4xelement .artikelteaserimage { width: 100%; position: absolute; height: 150px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.artikelteaser4xelement h2 { color: #555555; font-size: 18px; margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; }
.artikelteaser4xelement h2 span { display: block; font-size: 13px; color: #258c1d; }
.artikelteaser4xelement p { padding: 10px 10px 10px 10px; margin: 0px; font-size: 14px; }
.artikelteaser4xelement p a { font-weight: bold; }
.artikelteaser4bx { }
.artikelteaser4bxelement { position: relative; width: 100%; padding-top: 150px; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 90px; }
.artikelteaser4bxelement .artikelteaserimage { width: 100%; position: absolute; height: 150px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.artikelteaser4bxelement h2 { color: #555555; font-size: 18px; margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; }
.artikelteaser4bxelement h2 span { display: block; font-size: 13px; color: #258c1d; }
.artikelteaser4bxelement p { padding: 10px 10px 10px 10px; margin: 0px; font-size: 14px; }
.artikelteaser4bxelement p a { font-weight: bold; }
.sp3 { padding: 0px 10px 30px 0px; }
.sp3.x2 { padding: 0px 10px 30px 10px; }
.sp3.x3 { padding: 0px 0px 30px 10px; }
.artikelteaser3x { }
.artikelteaser3xelement { position: relative; width: 100%; padding-top: 150px; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 250px; }
.artikelteaser3xelement .artikelteaserimage { width: 100%; position: absolute; height: 150px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.artikelteaser3xelement h2 { color: #555555; font-size: 18px; margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; }
.artikelteaser3xelement h2 span { display: block; font-size: 13px; color: #258c1d; }
.artikelteaser3xelement p { padding: 10px 10px 10px 10px; margin: 0px; font-size: 14px; }
.artikelteaser3xelement p a { font-weight: bold; }
.sp3b { padding: 0px 10px 10px 0px; }
.sp3b.x2 { padding: 0px 10px 10px 10px; }
.sp3b.x3 { padding: 0px 0px 10px 10px; }
.artikelteaser3bxwrapper { margin-bottom: 40px; padding-top: 40px; width: 100%; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.artikelteaser3bxelement { position: relative; width: 100%; padding-top: 150px; ; background-color: #eeeeed; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 80px; }
.artikelteaser3bxelement .artikelteaserimage { width: 100%; position: absolute; height: 150px; top: 0px; left: 0px; background-size: cover; background-position: center; }
.artikelteaser3bxelement h2 { color: #555555; font-size: 18px; margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; }
.artikelteaser3bxelement h2 span { display: block; font-size: 13px; color: #258c1d; }
.artikelteaser3bxelement p { padding: 10px 10px 10px 10px; margin: 0px; font-size: 14px; }
.artikelteaser3bxelement p a { font-weight: bold; }
/* FIX HEIGT WITH WRAPPAER */

.artikelteaser3bxwrapper .artikelteaser3xelement { min-height: 0px; }
.artikelteaser3bxwrapper .artikelteaser3bxelement { min-height: 0px; }
.artikelteaser3bxwrapper .artikelteaser4bxelement { min-height: 0px; }
.artikelteaser3bxwrapper .artikelteaser4bxlement { min-height: 0px; }
.artikelteaser3bxwrapper .artikelteaser4xelement { min-height: 0px; }
.artikelteaser3bxwrapper .sp4 { padding: 0px 10px 10px 0px; }
.artikelteaser3bxwrapper .sp4.x2 { padding: 0px 10px 10px 10px; }
.artikelteaser3bxwrapper .sp4.x3 { padding: 0px 10px 10px 10px; }
.artikelteaser3bxwrapper .sp4.x4 { padding: 0px 0px 10px 10px; }


.artikelteaser3bxwrapper .sp3 { padding: 0px 10px 10px 0px; }
.artikelteaser3bxwrapper .sp3.x2 { padding: 0px 10px 10px 10px; }
.artikelteaser3bxwrapper .sp3.x3 { padding: 0px 0px 10px 10px; }

.artikelteaserwrapper.spa3ob .artikelteaser3xelement { min-height: 240px !important; }
.artikelteaserwrapper.spa4ob .artikelteaser4xelement { min-height: 320px !important; }
.artikelteaserwrapper.spa4obt .artikelteaser4xelement { min-height: 100px !important; }

.artikelteaser3cxwrapper { margin-bottom: 40px; padding-top: 40px; width: 100%; ; background-color: #ffffff; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.sp3c { width: 33.33333%; float: left; box-sizing: border-box; }
.sp3c .artikelteaser3xelement { min-height: 235px; }
.sp3c.x1 { padding: 0px 10px 20px 0px; background-color: #eeeeed; }
.sp3c.x2 { padding: 0px 0px 20px 10px; background-color: #eeeeed; border-right:10px solid #fff; }
.sp3c.x3 { padding: 0px 0px 20px 0px;  background-color:#ced6de; border-left:10px solid #fff; }
.sp3c.x3 .artikelteaser3xelement { background-color: #ced6de; }




/* sidebar
#sidebar {width:332px; float:left; margin-top:10px;}
*/

#sidebarwrap, .sidebarwrapsticky { max-width: 332px !important; }
#xxxsidebar { max-width: 332px; float: left; margin-top: 10px; width: 33%; box-sizing: border-box; }
.sidebarinhalt { width: 100%; box-sizing: border-box; background-color: #134994; padding: 15px; color: #fff; margin-bottom: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.sidebarinhalt ul { padding: 0px 0px 0px 0px; margin: 0px; }
.sidebarinhalt h4 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 18px; }
.sidebarinhalt li { padding: 4px 0px 6px 25px; background: url(/images/icons/checksquare.png) no-repeat 0px 8px; list-style: none; }
.sidebarinhalt li a { font-size: 15px; color: #ffffff; text-decoration: none; }
.sidebarbox, .sidebarcompbox { z-index:11150; width: 100%; box-sizing: border-box; background-color: #efefef; padding: 15px 13px 10px 13px; margin-bottom: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.sidebarbox h4, .sidebarcompbox h4 { background-color: #efefef; padding: 0px 0px 0px 0px; margin: 0px; font-size: 18px; color: #555555 }
.sidebarbox p { background-color: #efefef; }
/* BREADCRUMB*/

.breadcrumb { border-bottom: 1px solid #d4dbe4; background-color: #fff; position: relative; padding: 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; min-height:24px; margin-bottom:-5px; }
.breadcrumb .fa { color: ##134994; position: absolute; left: 7px; top: 7px; }
.breadcrumb .fa.fa-print { right: 7px; top: 6px; left: auto; font-size:17px;}
.breadcrumb .fa.fa-google-plus-square { right: 27px; top: 7px; left: auto; display:none; }
.breadcrumb .fa.fa-facebook-square { right: 5px; top: 3px; left: auto; font-size:23px; }
.breadcrumb .fa.fa-twitter-square { right: 31px; top: 3px; left: auto; font-size:23px;}
.breadcrumb .fa.fa-linkedin-square { right: 57px; top: 3px; left: auto; font-size:23px;}

.breadcrumb .fa.fa-youtube-square { right: 83px; top: 3px; left: auto; font-size:23px;}
.breadcrumb .fa.fa-instagram { right: 109px; top: 3px; left: auto; font-size:23px;}
.breadcrumb .fa.fa-envelope-square { right: 135px; top: 3px; left: auto; font-size:23px;}

.breadcrumb ul { display: block; list-style: none outside none; margin: 0px; padding: 0px 0px 0px 20px; }
.breadcrumb li { text-transform: uppercase; font-weight: bold; font-size: 16px; display: inline-block; margin: 0; padding: 0px 5px 0px 10px; position: relative; color: #fff; }
.breadcrumb li a { color: #fff; }
.breadcrumb li a:before { clear: both; content: '» '; }
.breadcrumb li:first-child a:before { content: ''; }
/* ARTIKEL */

.article { padding: 10px 30px 30px 0px; float: left; width: 67%; box-sizing: border-box; }
.article.full { padding: 30px 0px 30px 0px; float: none; width: 100%; }

.nonav .article.full { padding: 0px 0px 30px 0px; }

#sidebar { max-width: 332px; float: left; margin-top: 10px; width: 33%; box-sizing: border-box; }
.article h1 { margin: 30px 0px; padding: 0px; font-size: 35px; color: #555; text-transform: none; }
.article h1 span { display: block; color: #258c1d; font-size: 17px; }
.article h2, .article h3, .article h4, .article h5, .stdtextabsatz h2, .stdtextabsatz h3, .stdtextabsatz h4, .stdtextabsatz h5, .stdartikel h2, .stdartikel h3, .stdartikel h4, .stdartikel h5 {
margin: 10px 0px 15px 0px;
padding:0px;
font-size:22px;
}


.stdartikel h3, .article h4, .stdtextabsatz h4 { margin: 10px 0px 15px 0px; padding: 0px; font-size: 16px; }
.stdartikel h3, .article h5, .stdtextabsatz h5 { margin: 10px 0px 15px 0px; padding: 0px; font-size: 16px; }
.stdartikel h3, .article h3, .stdtextabsatz h3 { margin: 10px 0px 15px 0px; padding: 0px; font-size: 19px; color: #134994; }

.article .articleimage { width: 280px; float: left; margin: 5px 20px 10px 0px; }
.article p.teaser { font-weight: bold; font-style: italic; }
.stdartikel a.greenbutton, .article a.greenbutton, .sidebarbox a.greenbutton { display: block; margin: 25px 0px 25px 0px; padding: 6px 10px 6px 10px; font-size: 18px; font-weight: bold; color: #fff; background-color: #7dba2f; text-align: center; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.sidebarbox a.greenbutton { margin: 10px 0px 5px 0px; }
.infotable { margin: 20px 0 35px 0; background-color: #eeeeed; }


span.ihelp { margin: 0 auto; position: relative; width: 20px; height: 20px; background: url(/images/icons/ihelp.png) center no-repeat; display: block; cursor: pointer }
span.ihelp.right { display: block; float: right; }
span.ihelp p { display: none; text-align: left; padding: 5px; border: 1px dotted #666666; left: 20px; top: 10px; z-index: 10; position: absolute; width: 200px; background-color: #d4dbe4; font-size: 12px; font-weight: normal; }

span.ihelp:hover p { display: block; } 


.infotable table { border-top: 12px solid #cfcfce; border-bottom: 12px solid #cfcfce; }
.infotable table tr { border-left: 4px solid #eeeeed; border-right: 4px solid #eeeeed; }
.infotable table th { text-align: center; padding: 7px; border-right: 1px solid #fff; }
.infotable table th:last-child { border-right: 0px solid #fff; }
.infotable table td { vertical-align: top; text-align: left; padding: 7px; border-bottom: 1px solid #e2e2e2; background-color: #ffffff; border-right: 1px solid #efefef; }
.infotable table td:last-child { border-right: 0px solid #efefef; }
.infotable table span.okold { margin: 0 auto; width: 28px; height: 28px; background: url(/images/icons/check.png) center no-repeat; display: block; }
.infotable table span.nokold { margin: 0 auto; width: 28px; height: 28px; background: url(/images/icons/nok.png) center no-repeat; display: block; }
.infotable table span.ok { margin: 0 auto; margin-bottom: 5px; width: 26px; height: 26px; background: url(/images/icons/icok.png) center no-repeat; display: block; }
.infotable table span.nok { margin: 0 auto; margin-bottom: 5px; width: 26px; height: 26px; background: url(/images/icons/icnok.png) center no-repeat; display: block; }
.infotable table span.nn { margin: 0 auto; margin-bottom: 5px; width: 26px; height: 26px; background: url(/images/icons/icnn.png) center no-repeat; display: block; }
.infotable table span.na { margin: 0 auto; margin-bottom: 5px; width: 26px; height: 26px; background: url(/images/icons/icna.png) center no-repeat; display: block; }
.infotable table td.tbcenter { text-align: center; font-weight: bold; }
.infotable table td.tbvcenter { vertical-align: top; width: 50% }
.infotablexx table td.tbvcenterxx { vertical-align: top; width: 50% }
/* NEUE ELEMENTE .article */

h3.accordionhead { cursor: pointer; position: relative; background-color: #eeeeed; border-left: 12px solid #134994; color: #313131; margin: 20px 0px 30px 0px; padding: 20px 70px 20px 20px; font-size: 16px; }
h3.accordionhead span { position: absolute; right: 0px; top: 0px; font-size: 23px; width: 40px; height: 40px; cursor: pointer; padding: 15px 20px 20px 20px; text-align: center; }
div.accordiontext { display: none; margin-bottom: 25px; margin-top: -15px; }
.infotabelement { margin: 30px 0 30px 0; background-color: #eeeeed; }
.infotabelement ul.tab { display: block; padding: 0px; list-style: none outside none; margin: 0px 0px 0px 0px; background: url(/images/icons/sqdotgr12.png) #fff bottom repeat-x; }
.infotabelement ul.tab li { cursor: pointer; display: inline-block; margin: 0px; font-weight: bold; color: #9b9b9b; font-size: 16px; border-left: 12px solid #cfcfce; border-bottom: 12px solid #cfcfce; padding: 20px 26px 0px 26px; height: 44px; background-color: #eeeeed }
.infotabelement ul.tab li.on { color: #000; border-left: 12px solid #134994; border-bottom: 0px; height: 56px; }
.infotabelement ul.tab li:last-child { border-right: 0px; }
.infotabelement .tabcontent { background-color: #eeeeed; padding: 20px; display: none; font-size: 15px; }
.infotabelement .tabcontent h2 { font-size: 16px; font-weight: bold; }
.infotabelement .tabcontent ul { padding-left: 20px; }
.infotabelement .tabcontent li { padding: 3px 5px 0px 5px; }
.article #artikelsliderwrapper, .article #inartikelsliderwrapper { width: 100%; overflow: hidden; position: relative; height: 320px; margin: 30px 0 15px 0; }
.article #artikelslider { position: absolute; width: 3500px; height: 290px; z-index: 5; font-size: 16px; }
.article .artikelsliderelement { border: 0px solid #00f4f4; position: relative; float: left; width: 602px; padding: 0px; background-color: #eeeeed; height: auto; overflow: auto; /* height:264px; overflow:hidden;*/ }
.article .artikelsliderelement .artikelsliderimage { width: 486px; position: absolute; height: 264px; top: 0px; left: 0px; background-size: cover }
.article .artikelsliderelement h2 { color: #555555; font-size: 22px; }
.article .artikelsliderelement h2 span { display: block; font-size: 15px; color: #258c1d; }
.article .artikelsliderelement p { }
.article .artikelsliderelement p a { font-weight: bold; }
.article .artikelsliderpos { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; }
.article .artikelsliderpos span { position: relative; cursor: pointer; font-size: 35px; color: #999; z-index: 100 }
.article .artikelsliderpos span.active { color: #000000; }
.article .artikelsliderelement .imagetabblock { width: 300px; float: right; text-align: center; }
.article .artikelsliderelement .imagetabblock img { max-width: 250px; margin-top: 5px; }
.article .artikelsliderelement img.tablogoxl { max-width: 610px; margin-top: 5px; }
.article #inartikelsliderwrapper .artikelsliderelement { padding:0px 10px; box-sizing: border-box; }
.article .artikelsliderelement .imagetabblock a.tabbutton { margin-top: 20px; background-color: #7dba2f; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; padding: 5px; text-align: center; text-transform: uppercase; }
.article .produktbox { font-size: 15px; margin: 30px 0 30px 0; padding: 10px; background-color: #eeeeed; }
.article .produktbox img { float: right; margin: 0px 0px 20px 20px; max-width: 200px; max-height: 200px; }
.article .produktbox h2 { color: #555555; font-size: 22px; }
.article .produktbox h2 span { display: block; font-size: 15px; color: #258c1d; }
.article .produktbox a.tabbutton {  margin-top: 40px; background: #14cb24; background: -webkit-linear-gradient(#14cb24, #38761d); background: linear-gradient(#14cb24, #38761d); border: 1px solid #1dac1c; border-radius: 5px; color: #fff; display: inline-block; padding: 5px 15px; font: normal 700 21px Arial; text-align: center; text-shadow: 1px 1px 0 #000; }
.produktinfo { background-color: #efefef; padding: 15px 15px 10px 15px; margin: 20px 0 35px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.produktinfo h1 { padding: 0px 0px 0px 0px; margin: 0px; font-size: 30px !important; line-height: 33px; margin-bottom: 5px; color: #555555 }
.produktinfo h1 span { font-size: 30px !important; color: #555555 !important; }
.produktinfo p { }
.produktinfo li { padding: 4px 0px 6px 35px; background: url(/images/icons/check.png) no-repeat 0px 1px; list-style: none; }
.produktinfo ul { padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; }
.produktinfo img { float: right; margin: 5px 0px 20px 20px; max-width: 200px; max-height: 200px; }
/*Radios für Quickrechner als Buttons*/

.inputhaft input[type=radio].but-radio { display: none !important; }
.inputhaft input[type=radio].but-radio + label.but-radiolabel { border: 0px solid #fff; display: block; float: left; font-size: 11px; line-height: 12px; background-repeat: no-repeat; padding-top: 60px; width: 64px; height: 28px; background-image: url(/images/icons/fam1.png); text-align: center; cursor: pointer; }
.inputhaft input[type=radio].but-radio:checked + label.but-radiolabel { background-image: url(/images/icons/fam1on.png); }
.inputhaft .flwrapper { float: left; margin-right: 13px; margin-top: -6px; }
.inputhaft .flwrapper:last-child { margin-right: 0px; }
.inputhaft input[type=radio].but-radio + label.but-radiolabel.family { background-image: url(/images/icons/fam3.png); }
.inputhaft input[type=radio].but-radio:checked + label.but-radiolabel.family { background-image: url(/images/icons/fam3on.png); }
.inputhaft input[type=radio].but-radio + label.but-radiolabel.paar { background-image: url(/images/icons/fam2.png); }
.inputhaft input[type=radio].but-radio:checked + label.but-radiolabel.paar { background-image: url(/images/icons/fam2on.png); }
.inputhaft input[type=radio].but-radio + label.but-radiolabel.singlekid { background-image: url(/images/icons/fam4.png); }
.inputhaft input[type=radio].but-radio:checked + label.but-radiolabel.singlekid { background-image: url(/images/icons/fam4on.png); }
.inputrecht input[type=checkbox].but-check { display: none; }
.inputrecht input[type=checkbox].but-check + label.but-checklabel { border: 0px solid #fff; display: block; float: left; font-size: 11px; line-height: 12px; background-repeat: no-repeat; padding-top: 60px; width: 64px; height: 28px; background-image: url(/images/icons/recht1.png); text-align: center; cursor: pointer; }
.inputrecht input[type=checkbox].but-check:checked + label.but-checklabel { background-image: url(/images/icons/recht1on.png); }
.inputrecht .flwrapper { float: left; margin-right: 13px; margin-top: -6px; }
.inputrecht .flwrapper:last-child { margin-right: 0px; }
.inputrecht input[type=checkbox].but-check + label.but-checklabel.work { background-image: url(/images/icons/recht2.png); }
.inputrecht input[type=checkbox].but-check:checked + label.but-checklabel.work { background-image: url(/images/icons/recht2on.png); }
.inputrecht input[type=checkbox].but-check + label.but-checklabel.traf { background-image: url(/images/icons/recht3.png); }
.inputrecht input[type=checkbox].but-check:checked + label.but-checklabel.traf { background-image: url(/images/icons/recht3on.png); }
.inputrecht input[type=checkbox].but-check + label.but-checklabel.prop { background-image: url(/images/icons/recht4.png); }
.inputrecht input[type=checkbox].but-check:checked + label.but-checklabel.prop { background-image: url(/images/icons/recht4on.png); }
.inputbgeuro { background-image: url(/images/icons/bgeuro.png); background-repeat: no-repeat; background-position: right; }
.textbox { background-color: #eeeeed; border: 12px solid #d4dbe4; margin: 10px 0px 35px 0px; padding: 20px 15px 20px 15px; font-size: 16px; }
.textbox.red { background-color: #eeeeed; border: 12px solid #eb5050; }
.textbox.green { background-color: #eeeeed; border: 12px solid #7dba2f; }
.textbox.blue { background-color: #eeeeed; border: 12px solid #134994; }

.servicebox { background-color: #eeeeed;  border-top: 12px solid #134994; margin: 10px 0px 35px 0px; padding: 13px 15px 10px 15px; font-size: 16px; }
.servicebox h2 {font-size:22px; font-weight:bold; color:#000000; padding:0px; margin:0px 0px 10px 0px;}
.servicebox h3 {font-size:16px; font-weight:bold; color:#5f5f65; padding:0px; margin:0px 0px 10px 0px;}
.servicebox li { font-size:15px; padding: 0px 0px 12px 20px; background: url(/images/icons/servicecheck.png) no-repeat 0px 4px; list-style: none; }
.servicebox ul { padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; }
.servicebox a { font-weight:bold; text-decoration: none;	}
.servicebox .serviceleft, .servicebox .serviceright {display:inline-block; box-sizing: border-box; width: 50%; vertical-align: top;}

.downloadbox { background-color: #eeeeed; border: 12px solid #d4dbe4; margin: 20px 0px 25px 0px; padding: 20px 15px 20px 15px; font-size: 16px; }
.downloadbox a.tabbutton { margin-top: 20px; background-color: #7dba2f; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 18px; font-weight: bold; padding: 5px; text-align: center; text-transform: uppercase; }
.downloadbox a.tabbutton { margin-top: 20px; background-color: #7dba2f; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 18px; font-weight: bold; padding: 5px; text-align: center; text-transform: uppercase; }
.downloadbox h2 { margin-top: 0px; }
.infografikbox { text-align:center; position: relative; background-color: #ffffff; border: 0px solid #d4dbe4; margin: 20px 0px 25px 0px; padding: 0px; min-height: 70px; font-size: 16px; cursor: pointer; }
.infografikbox img { width: 100%; max-width:638px}
.infografikbox span { position: absolute; top: 0px; right: 10px; text-align: right; font-size: 40px; color: #ffffff; width: 100%; }
#ifoverlay { text-align: center; cursor: pointer; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 10000; background-size: contain; background-position: center; background-repeat: no-repeat; }
#ifoverlay img { width: 100%; }
.portalteaser { background-color: #efefef; padding: 15px 15px 10px 15px; margin: 0px 0 35px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.portalteaser h2 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 22px !important; line-height: 33px; margin-bottom: 5px; color: #555555 }
.portalteaser h3 { padding: 0px 0px 0px 0px; margin: 0px; color: #555555; font-size: 16px; }
.portalteaser h3 span { display: block; font-size: 13px; color: #258c1d; }
.portalteaser p { font-size: 14px; }
.portalteaser li { padding: 4px 0px 6px 35px; background: url(/images/icons/check.png) no-repeat 0px 1px; list-style: none; }
.portalteaser ul { padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; }
.portalteaser img { float: left; margin: 5px 20px 10px 0px; max-width: 160px; }
.portalteaser .breaker { height: 15px; }
.portalteaser .portalteaserelement { float: left; padding-right: 20px; width: 50%; box-sizing: border-box; }
.portalteaser a.greenbutton { display: block; width: 200px; margin: 0 auto; padding: 6px 10px 6px 10px; font-size: 18px; font-weight: bold; color: #fff; background-color: #7dba2f; text-align: center; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.portalteaserlabel { margin-top: -20px; background-color: #134994; font-weight: bold; float: right; color: #fff; padding: 10px 15px 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.portalteaserlabel a { color: #fff; }
.portalnewsletter { background-color: #7dba2f; padding: 10px 15px 10px 15px; margin: 0px 0 35px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff }
.portalnewsletter h2 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 22px !important; line-height: 33px; margin-bottom: 5px; color: #ffffff }
.portalnewsletter p { width: 50%; float: left; font-size: 14px; color: #000000; margin: 0px; padding: 0px 0px 5px 0px; }
.portalnewsletter button.whitebutton { cursor: pointer; width: 207px; padding: 5px 9px 5px 9px; font-size: 18px; font-weight: bold; color: #ffffff; border: 1px solid #fff; background-color: #7dba2f; text-align: center; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.portalnewsletter .nlform { width: 50%; float: right; text-align: right; }
.portalnewsletter input[type="text"]  { border: 1px solid #cdcdcd; font-size: 15px; border-radius: 3px; box-shadow: 5px 5px 5px #aaa inset; height: 30px; margin: 0 0px 5px 0; padding: 3px 13px 3px 13px; text-align: left; width: 180px; }
.oaversformmm { display: none; border: 1px solid #dedede; padding: 10px; border-radius: 5px; }

.artsuche { position:relative;padding: 5px 5px 5px 0px; width: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.artsuche input[type="text"] { border: 3px solid #999; border-radius: 3px; box-shadow: 5px 5px 5px #ddd inset; height: 25px; padding: 0 5px 0 5px; text-align: left; width: 95%; max-width: 230px; }
.artsuchebutton { background-color: #7dba2f; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 18px; margin: 0px; padding: 2px; text-align: center; width: 40px; height: 26px; position: absolute; right: 5px; top: 5px; }


.vgfheader { background-color:#134994;font-size:16px;margin:0px 0px 40px 0px; padding: 0px 0px 0px 0px;color:#fff; border: 1px solid #39699e; padding:10px; border-radius: 5px; }

#ovla {background-color: rgba(0,0,0,0.5);
display:none; position: fixed; top:0px; left:0px; bottom:0px; width:100%; z-index:90;
}
.darthclose {width:67px;height:67px; background-image:url(/images/background/close.png); cursor:pointer; position:absolute; right:-34px;top:-34px; }
.darthv { width:825px;padding-bottom:40px; background-color:#FFF; position:fixed; margin-top:200px; left: 50%; margin-left: -411px;}
.darthom  {padding-left:10px; width:192px;padding-top:325px; position:absolute; left:0px;top:0px;background-image:url(/images/background/olliver-mest.png); background-repeat:no-repeat; font-size:12px;color:#333; background-position:0px 0px }
.darthh {font-size:22px;color:#555555;  padding:10px 10px 10px 210px; height:65px;}
.darthh strong { color:#134994;}
.dartht  {font-size:15px; font-weight:bold; background-color:#ecf2f6; padding:20px 10px 10px 210px; height:143px}
.darthlinl {background-color:#7dba2f; padding:10px 10px 10px 210px;}
.darthv button.whitebutton { height: 37px; margin-left:80px; cursor: pointer; width: 207px; padding: 5px 9px 5px 9px; font-size: 18px; font-weight: bold; color: #ffffff; border: 1px solid #fff; background-color: #7dba2f; text-align: center; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.darthv .nlform { width: 50%; float: right; text-align: right; }
.darthv input[type="text"] { border: 1px solid #cdcdcd; font-size: 15px; border-radius: 3px; height: 27px; margin: 0 0px 5px 0; padding: 3px 13px 3px 13px; text-align: left; width: 180px; }
.darthv ul {font-weight:normal; padding: 10px 0px 0px 20px; margin: 10px 0px 10px 0px;}
.darthv li { float:left; width:230px; padding: 4px 0px 6px 35px; background: url(/images/icons/check.png) no-repeat 0px 1px; list-style: none; }

.sp3g2 {float: left;width: 66.66666%;box-sizing: border-box;position: relative;padding-right: 45px;}
.sp3g1 {float: left;width: 33.33333%;box-sizing: border-box;position: relative;}
.ptsp2.x1 { width: 50%; float: left; box-sizing: border-box; padding-right: 10px; padding-bottom: 0px; }
.ptsp2.x2 { width: 50%; float: left; box-sizing: border-box; padding-left: 10px; padding-bottom: 0px; }
.ptsp2 .stdartikel.ptelement {  padding:0px 0px 0px 0px; margin-bottom:0px; }
.artspalte { padding:0px 0px 5px 0px; margin-bottom:0px; }
.artsp2.x1 { width: 50%; float: left; box-sizing: border-box; padding:0px 10px 0px 0px; margin:5px 0px 5px 0px;}
.artsp2.x2 { width: 50%; float: left; box-sizing: border-box; padding:0px 0px  0px 10px; margin:5px 0px 5px 0px;}

.artsp2.x1 h1, .artsp2.x2 h1, .artsp2.x1 h2, .artsp2.x2 h2, .artsp2.x1 h3, .artsp2.x2 h3, .artsp2.x1 h4, .artsp2.x2 h4 { margin-top:0px;}

.cookiefirst-disabled-resource { position:absolute; bottom:0px; left:0px; right:0px; top:0px; cursor:pointer; background: url('/images/background/vidbg.jpg') rgba(0, 0, 150, 0.05)  no-repeat center center;}
.cookiefirst-disabled-content  { background-color:rgba(0, 0, 150, 0.05); color:#333; text-align:center; padding:10px; position:absolute; bottom:50px; left:0px; right:0px; }
.cfyoutubewrapper { position:relative; }
.cookiefirst-ytbutton { margin: 5px 5px 5px 5px; padding: 6px 10px 6px 10px; font-size: 16px; font-weight: 600; color: #fff; cursor:pointer; border:0px; background-color: #7dba2f; text-align: center; text-transform: uppercase; border-radius: 3px;}

#uberlagerwrapper {  display: none; z-index:199;}
.uberlager 	{  position: fixed; z-index:200; width: 100%; height: 100%; background-color:rgba(0,0,0,0.70); display: flex; top:0px; bottom: 0px; left:0px; right:0px; }
.uberlagerinner { width: 100%; display:flex; flex-shrink: 1; flex-direction: column; justify-content: center; align-items: center;}	
.uberlagermessage { padding:20px 250px 20px 20px;  background: url(https://www.optimal-absichern.de/darth/omest.jpg) #e0ddde right bottom no-repeat; max-width: 550px; background-size: contain; }	
.uberlagermessage .header {  padding: 0px 0px 0px 0px; font-weight:400; margin: 0px; font-size: 22px;  color: #134994; }
.uberlagermessage .conten input[type="text"] { border: 1px solid #cdcdcd; font-size: 15px; border-radius: 3px; height: 25px; margin: 0 0px 5px 0; padding: 3px 13px 3px 13px; text-align: left; width: 180px; }
.uberlagermessage button.whitebutton { cursor: pointer; width: 150px; padding: 5px 9px 6px 9px; font-size: 18px;  color: #ffffff; border: 0px solid #fff; background-color: #7dba2f; text-align: center;  text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; }
.uberlagermessage ul { padding: 0px 0px 0px 0px; }
.uberlagermessage li { padding: 6px 0px 6px 35px; background: url(/images/icons/check.png) no-repeat 0px 1px; list-style: none; }
.uberlager .close { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.7; }
.uberlager .close:hover { opacity: 1;}
.uberlager .close:before, .uberlager .close:after { position: absolute; left: 15px; content: ' '; height: 33px;  width: 4px; background-color: #fff; }
.uberlager .close:before { transform: rotate(45deg);}
.uberlager .close:after { transform: rotate(-45deg);}
.uberlager .conten span.att { background-color:#fff; padding: 2px 8px; text-align:center; display:inline-block; margin-bottom:22px;}