/* CSS Document */
@import url(https://www.optimal-absichern.de/css/font/open-sans.css);
body { font-family: 'Open Sans', Arial, sans-serif; font-size:15px;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; }
.spacer40 { height: 30px; overflow: hidden; clear: both; }
header {position:relative;}

.tophead, .navi, .portal, .teaser   {max-width:996px; margin:0 auto; position:relative;}
.tophead {height:129px; background-color:#134994; position:relative;}

.footercontent {width:996px; margin:0 auto; position:relative; color:#fff; padding:30px;}
.footercontent a { color:#fff; }

.footercontent .right { float:right; text-align:right; width:100px;}
#topheadwrapper, #topheadwrapperif { height:129px; width:100%;background-color:#134994;
-webkit-box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.36);
box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.36);
}

#topheadwrapperif { height:72px; }
#topheadwrapperif .tophead {height:72px; max-width: 1280px; width:100%; min-width: 990px;}

footer { width:100%; background-color:#134994; margin-top:10px;}

.helpcenter { position:absolute; top: 0px; right: 10px;}
.logo { position:absolute; left 0px; top: 0px;}

#brand {width:100%;background-color:#ecf2f6; height:100px;}

.date {position:absolute; left:0px; top:4px}

#headnav ul { font-size:18px; display: block; position: absolute; bottom: 15px; right: 20px; padding: 5px; list-style: none outside none; margin: 0px;  }
#headnav li { display: inline-block; margin: 0; border-right: 0px solid #333; padding: 0px 55px 0px 6px; position: relative;  }
#headnav li a { color: #fff; }
#headnav li:last-child { border-right: 0px; padding: 0px 6px 0px 6px; }

#navwrapper { width:100%;background-color:#bfc0b9; height:90px;}

#teaserwrapper, .teaserwrapper { width:100%; background:url(../images/kc/aufmacher.jpg) #bfc0b9 center; height:420px;}
.teaserwrapper.small { background:url(../images/kc/aufmacher.jpg) #bfc0b9 center; height:240px !important;}

#headnav li.reg { color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #ff8f00; 
background-color:#ff8f00;
}


#headnav li.reg:hover { border:1px solid #FFF; background-color:#7dba2f; background-color:#ff8f00;}
#headnav li.reg:hover a {text-decoration:none; }

a.grbutton { color: #fff; text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:4px 34px 4px 34px;
border:1px solid #7dba2f; background-color:#7dba2f; font-weight:bold; font-size:18px;}

a.grbutton:hover { border:1px solid #f4a027; background-color:#f4a027; }


.teaser { height:420px; color:#454545; font-size: 20px;}
.teaser.small { height:240px; }


.teaser h1 { color:#134994; font-weight:bold; font-size:30px; margin:0px; padding: 40px 0px 10px 0px;}
.teaser p { font-size: 20px; }

.teaser ul {margin:0px; padding:0px 0px 30px 0px; }
.teaser li {
    padding: 4px 0px 8px 50px;
    background: url(../images/kc/check.png)  no-repeat 0px 0px;
	list-style:none;
}



	
.navi ul { display: block; list-style: none outside none; margin: 0; padding: 0px 0px; color: #fff }
.navi li { 
font-size: 16px; background-color:#134994; height: 70px; width:138px; 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; }
.navi li:last-child { padding: 0px 0px 0px 0px; }
.navi li a { color: #fff;  }
.navi li i { display:block; padding: 10px 0px 10px 0px; font-size:20px; }
.navi li:hover { background-color:#e8e8e8;  }
.navi li:hover a { color: #134994;  }
.navi li:hover i { color: #7dba2f;  }

.portal h1, .sz1 { font-size:22px; font-weight: bold; color:#565656; text-transform:uppercase;}
.portal h2.thx { font-size:22px; font-weight: bold; color:#000; text-transform:uppercase; margin-top:0px;}

.fullbox  { width:100%; height: 257px; background:url(../images/boxes/bg_bu_1.jpg) #efefef right top no-repeat }
.fullbox.bu {background-image:url(../images/boxes/bg_bu_1.jpg)}

.sp11 {width:100%}
.sp2 {width:50%; float:left}

.stepbox  { width:96%; background-color:#efefef; padding:2% 2% 0% 2%; font-size:18px; margin-bottom:20px; }
.sp3 { width:31.3333333333333%; float:left; padding-right:2%;; position:relative;}
.sp3:last-child  {width:33.3333333333333%; padding-right:0%; }


.stepbox h2 {margin:0px; padding:10px 0px 10px 0px; font-size:18px; }
.stepbox h2.ct {text-align:center }

.stepbox h2.fade { color:#999;}
.stepbox p {margin:0px; padding:0px 0px 10px 0px;}
.stepbox .stepimage1, .stepbox .stepimage2, .stepbox .stepimage3 {padding:5px; height: 87px; }
.stepbox .stepimage1 {background: url(../images/kc/ic_st1.png) #134994 center no-repeat; }
.stepbox .stepimage2 {background: url(../images/kc/ic_st2.png) #134994 center no-repeat; }
.stepbox .stepimage3 {background: url(../images/kc/ic_st3.png) #134994 center no-repeat; }

.stepbox .steptext {background-color:#fff; margin-bottom:20px; padding:4px 10px 10px 10px; min-height:160px; }


.stepbox .selison { background:url(../images/kc/sela.png) center no-repeat; width:36px; height:16px; position:absolute; bottom:-16px; width:100% }

.halfbox  { width:100%; height: 257px; background:url(../images/boxes/bg_bu_1.jpg) #efefef right top no-repeat }
.halfbox.risi {background-image:url(../images/boxes/bg_risi_1.jpg)}
.halfbox.unf {background-image:url(../images/boxes/bg_unf_1.jpg)}

.calcbox, .text  { width:96%; background-color:#efefef; padding:2%; font-size:18px; margin-bottom:100px;}
.text  { margin-bottom:40px;padding-top:1%;}

.textbox { width:96%; background-color:#fff; padding:1% 0% 2% 0%; font-size:18px; margin-bottom:40px;}

#calc input[type=radio].calc-radio { display: none; }
#calc input[type=radio].calc-radio + label.calc-radiolabel { padding-left: 37px; padding-right: 30px; height: 32px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: 0 0; font-size: 16px; vertical-align: middle; cursor: pointer; }
#calc input[type=radio].calc-radio:checked + label.calc-radiolabel { background-position: 0 -32px; }
#calc label.calc-radiolabel { background-image: url(/images/calc/radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


#calc input[type=checkbox].calc-checkbox { display: none; }
#calc input[type=checkbox].calc-checkbox + label.calc-checkboxlabel { padding-left: 37px; padding-right: 30px; height: 32px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; }
#calc input[type=checkbox].calc-checkbox:checked + label.calc-checkboxlabel { background-position: 0 -32px; }
#calc label.calc-checkboxlabel { background-image: url(/images/calc/check.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#calc .button { float:left; padding:2px 12px 2px 12px; background-color: #f4a027; margin: 0; border: 3px solid #f4a027; font-size:16px; font-weight:bold; border-radius: 3px; height: 30px; color: #fff; cursor: pointer; }
#calc .button:hover { background-color: #30a820; border: 3px solid #30a820; }

#calc .calcinput { padding:5px 5px 0px 5px; margin:0px 10px 10px 0px;}

#calc .calcinput .calclabel { width:300px; float:left; padding-top:5px;}
#calc .calcinput .calcinput { width:40px; float:left;  margin: 0px; }

#calc .calcinput .pcalclabel { width:300px; float:left; padding-top:5px; text-align:right; padding-right:30px;}
#calc .calcinput .pcalcinput { width:400px; float:left;  margin: 0px; }

#calc .calcinput .rescalcinput { padding:3px; background-color:#fff; width:400px; float:left;  margin: 0px; }
#calc .calcinput .rescalcinputf { padding:3px;  width:400px; float:left;  margin: 0px; }

#calc .calcinput .agbcalcinput { padding:3px; width:400px; float:left;  margin: 0px; }

#calc .calcinput .calchelp, #calc .resultbox .calchelp { position:relative; width:30px; cursor:pointer; height:30px; display:block; float:left; background:url(/images/calc/help.png) no-repeat #fff;}
#calc .calcinput .calchelp .helptext, #calc .resultbox .calchelp .helptext, #calc .calcinput .calcdel .deltext {position:absolute; display:none; width:300px; top:-3px; left:40px;  padding:10px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
background-color: #efefef;
}
#calc .calcinput .calchelp:hover .helptext, #calc .resultbox .calchelp:hover .helptext, #calc .calcinput .calcdel:hover .deltext { display:block;}

#calc .calcinput .calcdel { position:relative; display:block; float:left; width: 28px; height: 28px; border-radius: 14px; background-color: red; cursor:pointer; color:#F8F8F8; text-align:center; font-weight:bold; vertical-align:middle; padding:0; margin:0 }
#calc .calcinput .calcdel .deltext { color:#444 }

#calc input[type="text"] {
    border: 3px solid #999;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #ddd inset;
    height: 25px;
    margin: 0 10px 15px 0;
    padding: 0 5px 0 5px;
	text-align: left;
	width: 136px;
}

#calc input[type="text"].green {
    border: 3px solid #30a820;
}

#calc input[type="text"].red {
    border: 3px solid #de3737;
}

#calc input[type="text"]:focus {
    border: 3px solid #30a820;
}

#calc select {
    border: 3px solid #999;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #ddd inset;
    height: 30px;
    margin: 3px 10px 15px 0;
    padding: 0 0 0 5px;
	width:350px;
}

.calcvers p {font-size:13px;}
.calcvers {clear:both; padding-left:50px; display:none; }
a.grbutton { color: #fff; text-decoration:none;


}

input.grbutton:hover { border:1px solid #f4a027; background-color:#f4a027; }



input.grbutton {
    background-color: #f4a027;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
	border:1px solid #7dba2f; background-color:#7dba2f; font-weight:bold; font-size:18px;
    margin: 20px 0px 10px 0px;
    padding:4px 34px 4px 34px;
}

input.grbutton.right {
float:right;
}

/* ARTIKEL */

.portal h3.accordionhead {cursor:pointer; position:relative; background: url(../images/boxes/greenline.png) #eeeeed left repeat-y; color:#313131; margin: 10px 0px 15px 0px; padding:20px 10px 20px 30px; font-size:16px; }
.portal h3.accordionhead span {position:absolute; right:0px; top:0px;  width:40px;height:40px; cursor:pointer; padding:20px; text-align:center;}
.portal p.accordiontext {display:none;}

.portal	a.greenbutton, .sidebarbox a.greenbutton { display:block; margin: 25px 0px 20px 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;}

a.greenbutton:hover { border:0px solid #f4a027; background-color:#f4a027; text-decoration:none;	 }


.icontext { font-size:18px; margin-bottom:40px;}
.icontext p  { display: inline-block;
margin-top: auto;
margin-bottom: auto; }
.icontext i.fa  { clear:both; display: block; width:120px; height:75px;
padding: 15px 0px 0px 0px; float:left;
font-size: 60px; background-color:#134994; color:#ffffff;text-align:center;margin:5px 20px 20px 0px;}

.text .teamimg { float:right; height_160px; width:160px; border-radius:100% ; margin: 10px 10px 10px 30px; }
.portal.article h2, .portal .text h2 {
color: #222222;
    font-size: 22px;
    font-weight: bold;
	padding: 20px 0px 20px 0px;
	margin:0px;
    text-transform: uppercase;
}

#artikelsliderwrapper { width:996px; overflow:hidden; position:relative; height:490px; margin-bottom:35px; border:0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;   }
#artikelslider { position: absolute;top:120px;background-color::#eeeeed;
width: 3500px;
height: 370px;
z-index: 5;}
.artikelsliderelement { position:relative; float:left; width: 496px; padding-left:500px; ;background-color:#eeeeed; border:0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  height:370px; overflow:hidden;}
.artikelsliderelement .artikelsliderimage { width:450px; padding-right:36px; position:absolute; height:360px; top:0px; left:0px; background-size:cover} 
.artikelsliderelement p { line-height: 28px; font-size:20px; padding:40px 40px 10px 60px; margin-top:20px;}
.artikelsliderelement p a {font-weight:bold;}
.artikelsliderpos { position:absolute; top:0px; left:0px; right:0px; text-align:center;}
.artikelsliderpos div { float:left; width:183px; height:100px; margin-right:20px; cursor:pointer; font-size:20px; color:#333; background-color:#eeeeed; z-index:100}
.artikelsliderpos div:last-child { margin-right:0px;}

.artikelsliderpos div.active { color:#fff; background-color:#134994;}
.artikelsliderpos div p { padding:0px; margin:4px 0px 0px 0px; line-height: 23px;}
.artikelsliderpos div i { font-size:40px; color:#134994; margin-top:5px;}
.artikelsliderpos div.active i { color:#30a820;}

ul.bulls {margin:0px 0px -30px 0px; padding:0px 0px 0px 100px; }
ul.bulls  li { font-size:20px;
    padding: 4px 0px 8px 50px;
    background: url(../images/kc/check.png)  no-repeat 0px 0px;
	list-style:none;
}
@media only screen and (min-width: 220px) and (max-width: 850px) {
	.sp2 {width:100%}
	#calc .calcinput .pcalclabel { width:100%; text-align:left; padding-right:0;}
	#calc .calcinput .pcalcinput { width:100%;  }
	#calc .calcinput .agbcalcinput { width:100%; }
	#calc .calcinput .rescalcinputf { width:100%; }
	#calc .calcinput .rescalcinput { width:100%; }
	.stepbox h2 {font-size:12px}
}