:root{--hlcol:#0f6db5 ;--hlcolFG:#fff;--hlcolLight:#438ec7;--hlcolLightFG:#fff;--hl1:#0f6db5 ;--hl2:#9b2e3f;--bgnav:var(--hlcol);--contPadd:.4em .6em;--colA:var(--hl1);--colAhov:var(--hl2)}
html, body{margin:0;padding:0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:1.1rem; line-height:1.6em}
body *{color:inherit;font-family:inherit;box-sizing:border-box;position:relative}
body.nojs{background:darkgray}
div,section,main,aside,nav{display:block;position:relative}
h1,h2,h3,h4,h5,h6{font-weight:200}

@media screen and (min-width:800px){
.fl{float:left;margin-right:2%}
.fl:last-of-type, .fl.last{margin-right:0}
.fr{float:right;margin-left:2%}
.fr:last-of-type, .fr.last{margin-left:0}
.half{width:49%}
.minw{width:8em}
.rest{width:calc(98% - 8em)}
.p13{width:30%} .p23{width:68%}
.hov:hover{background:rgba(102,102,102,.1)}
}
.cl{clear:left}
.cr{clear:right}
.cb{clear:both}
.right{display:flex;flex-direction:row-reverse}
button[type=submit]{background:orange;background:var(--hlcol);border:0;padding:.6em .8em;margin-top:.6em}
.tar{text-align:right}
.tac{text-align:center}
.fail{color:red}
.okay{color:green}
.waiter{text-align:center;font-size:.9em;padding:3em}

.hea::before{content:attr(data-n)}.hea::after{content:"\0040" attr(data-d) "\002e" attr(data-t)}
.childonhov .hoverchild{display:none}
.childonhov:hover .hoverchild{display:block}

::placeholder{color:#aaa;font-size:13px}

.notInIE{position:relative}
.noIE{background:white;background:rgba(255,255,255,.9);text-align:center;font-weight:bold;border:3px solid red;border-radius:4px;color:red;position:absolute;z-index:3000;top:0;left:0;right:0;bottom:0}
.cbp{padding:var(--contPadd)}
.s_flx{display:flex}
@media screen and (max-width:600px){.s_flx{flex-flow:wrap}}
.s_flx.s_flx_sb{justify-content:space-between}
.s_flx.s_flx_e{justify-content:space-evenly}
.s_flx.s_flx_dc{flex-direction:column}
.s_flx.s_flx_sb>.cbp:not(:last-child){padding-right:0}
.s_flx.s_flx_dc>.cbp:not(:last-child){padding-bottom:0}
.s_flx.s_flx_spw .s_flx_miw45p{width:45%}
@media screen and (max-width:600px){.s_flx.s_flx_spw .s_flx_miw45p{width:auto}}
.b{font-weight:bold}
a.nu,a.uoh{text-decoration:none}
a.uoh:hover{text-decoration:underline}
.sz08{font-size:.8em}
.sz09{font-size:.9em}
ul.nls{list-style:none;padding:0}
*:focus{outline:none}
.std{display:block;background:#e20816;color:#fff;padding:.9em}
#std{position:absolute;text-align:center}
@media (orientation:portrait){
#std{bottom:10vw;right:10vw;width:80vw}
#bcnf{max-width:688px;width:80vw;position:absolute;left:10vw;top:10vw}
}
@media (orientation:landscape){
#std{top:22vh;right:10vh;width:calc(100vw - 100vh)}
#bcnf{max-height:718px;height:70vh;position:absolute;left:10vh;top:10vh}
}
.i{margin:0 auto;max-width:1200px}
@media screen and (max-width:1210px){.i{padding:0 .8em}}
#wg8>.i{max-width:unset;padding:0}
#wg12>.i{max-width:900px}
.wt2{{{~0}} - fehlt!!!}
.wt10{position:fixed;left:0;right:0;top:0;z-index:100}
.wt11{}
.wt12{}
.wt12{background:50% 50% no-repeat;background-size:cover;height:70vh}
.wt5>.i>.cbp{margin:1em;padding:1em;border:10px dotted green} 
.wt5{{{~0}}} 
.wt13{{{~0}};border:1px solid #eee;background:#fff;padding:1.4em;margin:1em;border-radius:.3em;box-shadow:#888 1px 1px 9px -2px;text-align:center}
.wt4>.i>.cbp{margin:1em;padding:1em;border:1px dotted blue}
.wt4{{{~0}}}
.wt7{{{~0}}}
a.cta div, a.cta1, div.cta1{text-align:center;display:inline-block;font-size:.8rem;padding:.5rem;line-height:1.1em;text-decoration:none;background:var(--hlcol);color:#fff;border-radius:.2em;cursor:pointer}
a.cta div, a.cta:after, a.cta1, div.cta1{transition:border .3s,background .4s}
a.cta div p{font-size:1.2rem;font-weight:bold;padding:.2rem;margin:0}
a.cta:after{vertical-align:top;content:"";display:inline-block;border:transparent 1.59rem solid;border-right-width:0;border-left-width:0;border-left-color:var(--hl2)}
a.cta:hover div, a.cta1:hover, div.cta1:hover{background:var(--hl2)}
a.cta:hover div{border-radius:.4em 0 0 .4em}
a.cta:hover:after{border-left-width:1.59rem}
.wt9{display:flex;flex-direction:column;justify-content:space-around}
.wt9 ul{list-style:none;display:flex}
.wt9 ul,.wt9 li{margin:0;padding:0}
.wt9 li>a,.wt9 li>label{text-decoration:none;display:inline-block;position:relative;white-space:nowrap;transition:background .2s, color .2s}
.wt9 li>label>input + ul,.wt9 li>label>input{display:none}
.wt9 li>label>input:checked + ul, .wt9 li>label:hover>input + ul, .wt9 li.opened>label>input + ul{display:block}
.wt9 li>a:hover,.wt9 li>label:hover{background:rgba(0,0,0,.6)}
.wt9>ul{}
.wt9>ul>li{}
.wt9>ul>li>label>ul{position:absolute;z-index:200;background:#f4f4f4} 
.wt9>ul>li>label>ul>li{}
.wt9>ul>li>label>ul>li>a{display:block}
.wt9>label, .wt9>input{display:none}
@media screen and (max-width:600px){.wt9>label.to{display:block}
.wt9>input{visibility:hidden}
.wt9>input~ul{display:block;position:fixed;left:0;top:0;right:0;bottom:0;overflow:auto;padding:1em;z-index:2000;background:#444444;background:#444444ee;text-align:center;transform:scale3d(0,0,1) translate(20px,-20px);transform-origin:top right;transition:transform .2s}
.wt9>input~ul li>a{color:#fff !important} 
.wt9>input:checked~ul{transform:scale3d(1,1,1) translate(0,0)}
.wt9 input:checked~label.tc{display:block;position:absolute;top:5px;right:5px;z-index:2002;color:silver}
.wt9 li>a,.wt9 li>label{padding:1.2em !important;display:block}}
.wt3{max-width:100%}
.contact{padding-top:4em;font-size:.9rem}
.contact h1,.contact h2{color:var(--hlcol)}
.contact p{line-height:1.8em}
#contact{}
::-webkit-input-placeholder{color:gray}
::-moz-placeholder{color:gray}
:-ms-input-placeholder{color:gray}
:-moz-placeholder{color:gray}
#wg23{background:#f4f4f4dd}
#wg23, #wg23+.s_sf{height:3em} 
@media screen and (max-width:600px){#wg23{background:#fff}}
#bx31{padding:5px}
#bx31{display:flex;align-items:center;height:3em}
#bx31>img{height:calc(3em - FAIL - FAIL);max-height:FAIL}
#bx32{height:3em}
#bx32,#bx32 a{color:var(--colA)}
#bx32 li.active>a{color:var(--colB);font-weight:bold}
#bx32 li>a:hover,#bx32 li>label:hover{color:var(--colAhov);background:none}
#bx32 li>a,#bx32 li>label{padding:var(--contPadd);line-height:1em}
#bx32>ul>li>a,#bx32>ul>li>label{padding:0 .4em;height:3em;display:flex;align-items:center}
#bx32>ul>li>label>ul{top:3em;left:0}
#wg34{{{_0}} - nicht da}
#bx49{}
#bx49{text-align:center}
#main{}
#slidein_help{display:none}
#overlay_info{display:none}
*[tooltipp]:hover:before{content:attr(tooltipp);background:gray;color:#fff;z-index:5;line-height:1.2em;padding:.3em .6em;max-width:300px;position:absolute;bottom:calc(1.2rem - 6px + 1em);left:-1em;font-size:12px}
*.brman[tooltipp]:hover:before{white-space:pre;display:inline-block}
*[tooltipp]:hover:after{content:"";border:6px solid transparent;border-top-color:gray;z-index:5;height:0;width:0;position:absolute;bottom:calc(1.2rem - 6px);left:0}
#profilefrm>div{width:100%;margin:0 auto;overflow:hidden;position:relative}
#pages>div{width:300%;margin:1px;overflow:hidden;display:flex;align-items:flex-start;transition:left .2s}
.grpblock{width:33.333333333333%;padding:1em}
#pagesteps>div{width:90%;margin:0 auto;display:flex;position:relative}
#pagesteps>div span{border:1px solid;colorgray;width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:50%;text-align:center;font-size:11px}
#pagesteps>div span.fail{background:red;border-color:red;color:#fff}
#pagesteps>div span.done{background:green;border-color:green;color:#fff}
#pagesteps>div hr{width:calc((100% - (3 * 1.2rem)) / 2);border:0;background:silver;height:1px}
#pagesteps>div hr.done{background:green}
#pages div footer>div{display:flex;justify-content:space-between}
#pages div footer>div span{background:gray;color:#fff;display:inline-block;padding:.4em .6em;border-radius:4px}
.showpage1 .step1,.showpage2 .step2 ,.showpage3 .step3{color:#fff;background:silver;border-color:gray;cursor:pointer} 
.showpage1 #pages>div{left:0}
.showpage2 #pages>div{left:-100%}
.showpage3 #pages>div{left:-200%}
#profilefrm{margin:3em 0 1em}
#profilefrm #pages{margin-top:1em}
#profilefrm .grpblock{margin:1em 0;background:rgba(0,0,0,.1);padding:.7em}
.issuerow{}
.issuerow .offertitle{}
.issuerow .offerstar{}
.issuerow .offeregal{}
.issuerow .skala{}
@media screen and (max-width:1199px){#profilefrm .grpblock{margin:1.6em 0;padding:.4rem}
.issuerow{clear:both;font-size:.9em}
.issuerow .offertitle{float:left;width:60%;width:calc(100% - 8em)}
.issuerow .offeregal, .issuerow .offerstar{float:right}
.issuerow .offeregal{margin-right:.5em}
.issuerow .skala{clear:both;float:right;padding:.5em 0 1em}}
@media screen and (min-width:1200px){.issuerow .offertitle{}}
.check_stack{display:block;text-align:center}
.check_stack input, .uocbs input{visibility:hidden;display:none}
.grpblock label.check_stack span{display:block;font-size:11px;color:gray}
.check_stack input:checked ~ span{color:#000}
.check_stack i, .uocbs i{display:none}
.check_stack .on, .uocbs.uocbsCol .on{color:darkorange;color:var(--hl1)}
.check_stack input:checked ~ .on, .check_stack input:not(:checked) ~ .off, .uocbs input:checked ~ .on, .uocbs input:not(:checked) ~ .off{display:inline-block}
.rw2choose{XXborder:1px solid silver;xheight:14mm;width:350px;display:flex;position:relative}
.rw2choose label{margin:0}
.rw2choose label input{visibility:hidden;display:none !important}
.rw2choose label span{width:8mm;height:8mm;display:inline-block;text-align:center;line-height:8mm !important;border:1px solid;color:#333 !important;border-radius:4mm;transition:all .4s}
.rw2choose label span i{display:none}
.rw2choose label span .fas,.rw2choose label span .far{font-size:6mm;line-height:8mm}
.rw2choose input:checked ~ span{color:darkorange !important;background-color:darkorange;color:var(--hlcol) !important;background-color:var(--hlcol)}
.rw2choose input:checked ~ span .on{color:#dbdbdb}
.rw2choose input:checked ~ span svg{fill:#dbdbdb}
.rw2choose input:checked ~ span .on, .rw2choose input:not(:checked) ~ span .off{display:inline-block}
.rw2choose hr{display:inline-block;height:1px;background:#333;border:0;margin:calc((8mm / 2) + 1px) 0}
.rw2choose.rw2c_cnt4 hr{width:1px;width:calc(350px - (4 * 8mm))}
.rw2choose ~ .ret{font-size:9px;text-align:center}
.rw2choose ~ .legend{xbackground:yellow;height:13px}
.rw2choose ~ .legend label{font-size:9px;line-height:11px;position:absolute;overflow:hidden;XXborder-top:2px solid yellow}
.rw2choose ~ .legend label:last-child{right:0;text-align:right}
.rw2choose.rw2c_cnt4 ~ .legend label{width:20%}
.rw2choose.rw2c_cnt4 ~ .legend label:nth-child(2){left:25%;text-align:center}
.rw2choose.rw2c_cnt4 ~ .legend label:nth-child(3){left:55%;text-align:center}
@media screen and (max-width:599px){.rw2choose{width:100%}
.rw2choose ~ .legend label{display:none}
.rw2choose ~ .legend label:first-child,.rw2choose ~ .legend label:last-child{width:unset;display:unset}
.issuerow .skala{float:unset}}
@media screen and (min-width:1200px){.issuerow{display:flex;justify-content:space-between;padding:.3em}
.issuerow .offertitle{width:calc(100% - 350px - 10rem)}}
#progress{position:fixed;bottom:0;left:0;right:0;z-index:200;background:gray}
#progress>span{background:silver;font-size:12px;line-height:19px;position:absolute;top:-27px;padding:0px 8px;border-radius:3px;left:90%;left:calc(90% - 12px - 8px);text-align:center;transition:left .3s}
#progress>span:after{content:"";height:0;width:0;display:inline-block;border:6px solid transparent;border-bottom:0;border-top:8px solid silver;position:absolute;bottom:-8px;left:12px}
#progress>div{height:3px;overflow:hidden}
#progress .pb{height:100px;left:0;transition:width .3s,top .3s;background:green;
background:-moz-linear-gradient(0deg, rgba(0,128,0,1) 1%, rgba(227,227,0,1) 11%, rgba(255,165,0,1) 57%, rgba(255,0,0,1) 100%);
background:-webkit-linear-gradient(0deg, rgba(0,128,0,1) 1%, rgba(227,227,0,1) 11%, rgba(255,165,0,1) 57%, rgba(255,0,0,1) 100%);
background:linear-gradient(0deg, rgba(0,128,0,1) 1%, rgba(227,227,0,1) 11%, rgba(255,165,0,1) 57%, rgba(255,0,0,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#008000",endColorstr="#ff0000",GradientType=1);
width:90%;top:-90px}
@media screen and (min-width:0\0){body:before{content:"Dieser InternetExplorer ist gefährlich veraltet. Bitte einen aktuellen Browser verwenden!";display:fixed;top:0;left:0;right:0;border:4px solid red;color:red;background:#fff;z-index:30000;display:block;text-align:center}
#cookie_banner{display:block;position:unset !important;height:unset !important}
#cookie_banner form{display:block;position:fixed !important;height:unset !important;left:0;top:0;bottom:0;right:0}}
#cookie_banner{position:fixed;height:100vh;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);z-index:999999} 
#cookie_banner form{display:block;position:unset;z-index:10}
#cookie_banner_box{border-radius:.4em .4em 0 0;position:absolute;left:0;right:0;bottom:0;padding:2em;background:#fff;transition:all .2s}
#cookie_banner.details #cookie_banner_box{border-radius:.6em;max-height:80vh;overflow:auto;left:10vw;right:10vw;bottom:10vh}
#cookie_banner_box>h3{margin-top:0}
#cookie_banner_box .btn{font-size:1em;padding:.4em .6em;margin:.5em;border-radius:2px;color:black;text-decoration:none;display:inline-block;line-height:1.1em}
#cookie_banner_box .btn.btn_aware{background:gray;border:1px solid gray;color:#000}
#cookie_banner_box .btn.btn_notaware{background:none;border:1px solid gray;color:gray}
@media screen and (min-width:650px){#cookie_banner_box .btn.fr{float:right}}
@media screen and (max-width:400px){#cookie_banner_box .btn{display:block;text-align:center;width:100%;margin:.5em 0}}
#cookie_banner_box .btn.btn_aware.col_pos{background:green;border-color:green;color:#fff}
#cookie_banner_box .btn.btn_notaware.col_pos{border-color:green;color:green}
#cookie_banner_box .btn.btn_aware.col_neg{background:darkred;border-color:darkred;color:#fff}
#cookie_banner_box .btn.btn_notaware.col_neg{border-color:darkred;color:darkred}
#cookie_banner_box .btn.btn_txtonly{background:none;border-color:transparent !important}
#cookie_banner_box .close{position:absolute;right:0;top:0;font-size:.9em;line-height:1.2em;padding:0 .1em;border-radius:.6em;min-width:1.2em;text-align:center;text-decoration:none;background:#666;color:#fff;margin:.3em;font-weight:600}
#consensList{clear:both;position:relative;width:100%;background:rgba(0,0,0,.1);border-radius:2px;padding:0 5px}
@media screen and (min-width:650px){#cookie_banner:not(.details) #consensList{display:flex;flex-wrap:wrap}
#cookie_banner:not(.details) .groupitem{min-width:120px}
#cookie_banner:not(.details) .groupitem.w50{width:50%}
#cookie_banner:not(.details) .groupitem.w33{width:33.333%}
#cookie_banner:not(.details) .groupitem.w25{width:25%}
#cookie_banner:not(.details) .groupitem.w20{width:20%}
#cookie_banner:not(.details) .groupitem.w16{width:16.666%}}
#cookie_banner.details #consensList{padding-bottom:.1em}
#consensList .groupitem label{font-size:.9em}
#consensList .groupitem label sup{font-size:10px}
#cookie_banner.details #consensList .groupitem{width:100% !important}
#cookie_banner.details #consensList .groupitem>label{font-weight:500}
#consensList .soloitem{display:none}
#cookie_banner.details #consensList .soloitem{display:block;padding:1px;width:90%;margin:0 5%;margin-bottom:1em}
#cookie_banner.details #consensList .soloitem>div{padding:0 .5em;background:rgba(99,99,99,.1);margin-top:2px;border-radius:2px}
#wg25{{{_0}} - nicht da}
#bx35{background-position:39% 50%}
#bx35{background-image:url(/img/use/h1080/annie-spratt-9DkKRpI9MsQ-unsplash-1622x1080x40proz.jpg)}
#bx35>.i{height:100%}
#bx35 span{position:absolute;display:inline-block;background:var(--hlcol);color:#fff;border-left:6px solid var(--hl2);font-size:2.3em;font-weight:bold;padding:.3em .6em;bottom:10vh;left:1vw;max-width:90vw}
#wg27{otto:1px;background:FAIL;color:FAIL;{{_0}}} 
#bx37{{{_0}}}
#bx38{{{_0}}}
#bx39{{{_0}}}
#wg24{background:#eee;font-size:.8em;margin-top:2rem;padding:1em 0}
#wg24>.i{{{_1}}}
#wg24>.i>*{{{_2}}}
@media screen and (max-width:400px){#wg24{{{_0u400}}}
#wg24>.i{{{_1u400}}}
#wg24>.i>*{width:100%}}
#bx33{background:#eee;font-size:.8em;margin-top:2rem;padding:1em 0 - nicht da}
#bx34{background:#eee;font-size:.8em;margin-top:2rem;padding:1em 0 - nicht da}
.privacy{padding:4em;font-size:.9rem}
.privacy h1,.privacy h2{color:var(--hlcol)}
.privacy h2{font-size:1.3em}
.privacy p{line-height:1.8em}
#privacy{}
#wg32{}
#wg32>.i{justify-content:space-evenly}
#wg32>.i>*{{{_2}}}
@media screen and (max-width:400px){#wg32{{{_0u400}}}
#wg32>.i{{{_1u400}}}
#wg32>.i>*{{{_2u400}}}}
#bx46{}
#bx47{}
#wg31{border-top:4px solid var(--hl1);margin-top:2em - nicht da}
#bx45{}
#bx45{text-align:center;padding:2em 2em 1em}
#wg26{Xbackground:var(--hlcol);Xcolor:#fff;var(--hlcolLight);Xcolor:var(--hlcol);padding:1em 0 - nicht da}
.imprint{padding:4em;font-size:.9rem}
.imprint h1,.imprint h2{color:var(--hlcol)}
.imprint p{line-height:1.8em}
#imprint{}
#wg29{{{_0}}}
#wg29>.i{justify-content:space-evenly}
#wg29>.i>*{{{_2}}}
@media screen and (max-width:400px){#wg29{{{_0u400}}}
#wg29>.i{{{_1u400}}}
#wg29>.i>*{{{_2u400}}}}
#bx41{}
#bx41{{{_0}}}
#bx42{}
#bx42{{{_0}}}
#wg36{{{_0}} - nicht da}
#bx51{}
#bx51{text-align:center}
#wg33{{{_0}} - nicht da}
#bx48{}
#bx48{text-align:center}
#wg37{{{_0}} - nicht da}
#bx52{{{_0}} - nicht da}
#wg35{{{_0}} - nicht da}
#bx50{}
#bx50{text-align:center}
#wg28{{{_0}} - nicht da}
#bx40{}
#bx40{text-align:center}