*{border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{font-family:Verdana,Arial,Helvetica,sans-serif;color:#F1F6FC;font-size:96%;line-height:1.7em;background:#0070C0;height:100%;letter-spacing:.02em}
ul{margin:2px 0 6px 5%}
ol{margin-left:20px}
h2,h4,h5,h6{font-size:1.9em;line-height:1.3em;color:#F1F6FC;font-weight:600;margin:0}
h1{font-style:italic;color:#F1F6FC;font-weight:600;font-size:1em;line-height:1.8em;border-top:1.4px solid #4195D1;border-bottom:.2em solid #1477c1;border-bottom:.2em solid rgba(102,153,204,0.1);-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;margin:0;padding:9px 5% 6px}
h3{font-style:italic;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.8em;color:#f0f0ff;font-weight:600;margin:75px 0 0;padding:0 5%}
p{padding-left:5%;padding-right:5%;margin:2em 0 0}
article p{margin-top:2.25em}
u{background:rgba(102,153,204,0.9);font-size:1.1em;font-weight:600;color:#00528D;padding:.1em .4em;border-radius:1px;text-decoration:none}
#anbieterdaten u,.entry-content u{font-size:1em}
hr{border:2px solid #0061A6;width:25%;text-align:center;margin:1em auto;clear:both}
li{list-style:none}
td{font-size:.9em;line-height:1.2em}
strong{color:#E6F1F9;font-weight:600}
input[type=text],input[type=email],textarea,select{border-top:1px solid #00528D;border-left:1px solid #00528D;border-bottom:1px solid #999;border-right:1px solid #999}
input[type=text],input[type=email]{height:2.6em;padding:.4em}
input:focus,textarea:focus{background:#E6F1F9;border:1px solid #F1F6FC}
input,textarea,select{border:1px solid #006ab5;margin:4px 2px;padding:.4em}
input,select{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
select{background-color:#E6F1F9;padding:7px 2px}
a:link{color:#B5CE24;font-weight:500;text-decoration:none}
aside a:link,.link:link,.faq #information a:link,#seitenuebersicht #information a:link,#information table a:link,.newsuebersicht table a:link,.newsuebersicht #information a:link,.letter a:link,#zweitfenster #content a:link,.zusatz a:link,.tab th:last-of-type a:link,#hilfestellung a:link,.artikellinks a:link,.links a:link,#formulare a:link{border-bottom:1px dotted #B5CE24;padding-bottom:2px}
.link:link{padding:0 .2em}
#zweitfenster #content li a:link{border-bottom:0}
a:visited{color:#B5CE24;font-weight:300}
a:hover,a:focus{color:#d7f71e;background:#69c}
a.nohover:hover,thead a:hover{background:none;padding:0}
a[href^="https://www.modern-banking.de/r/"]::after{font-family:'fontello';content:'\e817';color:#B5CE24;position:relative;top:-.2em;right:-.4em;font-size:.8em}
a[href^="https://www.modern-banking.de/r/"]:hover::after{font-family:'fontello';content:'\e817';color:#d7f71e;position:relative;top:-.2em;right:-.4em;font-size:.8em}
ol a[href^="https://www.modern-banking.de/r/"]::after{content:''}
ol a[href^="https://www.modern-banking.de/r/"]:hover::after{content:''}
ol a[href^="https://www.modern-banking.de/r/"]::before{font-family:'fontello';content:'\e817';color:#B5CE24;position:relative;right:-99%;font-size:.8em}
ol a[href^="https://www.modern-banking.de/r/"]:hover::before{font-family:'fontello';content:'\e817';color:#B5CE24;position:relative;right:-99%;font-size:.8em}
a.btn[href^="https://www.modern-banking.de/r/"]::after{content:''}
a.btn[href^="https://www.modern-banking.de/r/"]:hover::after{content:''}
#information{width:60%;float:left;margin-bottom:3em;border-bottom:1.4px solid #00528D;-moz-box-shadow:0 8px 15px rgba(37,53,74,0.4);-webkit-box-shadow:0 8px 15px rgba(37,53,74,0.4);box-shadow:0 8px 15px rgba(37,53,74,0.4);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#0070C0 repeat-x top;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;background:-webkit-gradient(linear,left top,left bottom,from(#0070C0),to(#0070C0),color-stop(0.3,#006BB8),color-stop(0.45,#0067B0));background:linear-gradient(#0070C0,#006BB8 30%,#0067B0 45%,#0070C0);padding:0 0 15px}
#vergleich{float:left;border-bottom:1.4px solid #00528D;width:98%;-moz-box-shadow:0 8px 15px rgba(37,53,74,0.4);-webkit-box-shadow:0 8px 15px rgba(37,53,74,0.4);box-shadow:0 8px 15px rgba(37,53,74,0.4);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:2.2em .9% 2.7em;padding:0 0 15px;background:#0070C0;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;background:-webkit-gradient(linear,left top,left bottom,from(#0067B0),to(#0070C0),color-stop(0.03,#0070C0),color-stop(0.75,#0070C0),color-stop(0.89,#0067B0));background:linear-gradient(#0067B0,#0070C0 3%,#0070C0 75%,#0067B0 89%,#0070C0)}
#vergleich .liste,#vergleich #details{margin-top:5em}
#vergleich .liste .tab thead th{vertical-align:top;height:9.4em;position:relative}
#vergleich .liste .tab th{white-space:normal}
#vergleich .liste .tab thead th a{background:none;outline:none}
#information ul{margin-top:2em}
#information .zero{margin-top:5px}
#inhalt{width:83.3333333334%;margin-top:2.2em;float:right}
aside{width:25%;float:left;font-size:.9em;line-height:1.4em;margin:9em 7px 4em 5%}
#vergleich p{padding:0 5px 0 4px;line-height:1.4em}
#news p{margin:18px 0 0}
#nav31 li,#nav32 li,#nav33 li,#nav34 li{list-style:none;float:left;font-size:.9em}
#nav31 a,#nav32 a,#nav33 a,#nav34 a{text-decoration:none;display:block;text-align:center;color:#f0f0ff;border:2px solid #1478c2;border:2px solid rgba(102,153,204,0.2);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px;border-radius:2px 2px 2px 2px;margin:0 0 .6em;padding:.1em 1.4em;background:rgba(0,82,141,0.2)}
#nav31 a:hover,#nav32 a:hover,#nav33 a:hover,#nav34 a:hover{background:#69c}
#nav31,#nav32,#nav33,#nav34{clear:left;margin:.3em 1.1em;padding:0;color:#BFDBEF}
#nav33,#nav34{padding:.3em 2em .3em 0}
#nav32,#nav33,#nav34{padding-top:.8em}
#nav31{background:#00528D;margin-top:2.5em}
#nav31 #curr31,#nav32 #curr32,#nav33 #curr33,#nav34 #curr34,#anbieter #curr{background:#2880c4;background:rgba(102,153,204,0.4);color:#000;border:2px solid #1478c2;border:2px solid rgba(102,153,204,0.2);display:block;text-align:center;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px;border-radius:2px 2px 2px 2px;margin:0 .1em .6em;padding:.1em 1.4em}
#nav31 li:first-child,#nav32 li:first-child,#nav33 li:first-child,#nav34 li:first-child,#filterForm{color:#BFDBEF;padding:.3em 2em .3em 0;letter-spacing:.6pt}
#filterForm{display:flex;flex-wrap:wrap;margin:6em 1.6em 0;clear: both;font-size:75%}
#filterForm li{margin-right:1.2em}
#filterForm li:first-child{margin-right:2.2em}
#filterForm input[type="checkbox"] + label::before {background: rgba(0,82,141,0.2);border:1px solid rgba(102,153,204,.2)}
#filterForm input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before{background:#2880c4;background:rgba(102,153,204,.4);
box-shadow: inset 0 0 0 3px rgba(102,153,204,.4)}
#filterForm input[type='checkbox']:hover + label::before,input[type='radio']:hover + label::before{box-shadow:inset 0 0 0 3px #69c}
#filterForm input[type="checkbox"]:hover{background:#69c}
#textvergleich{width:60%;margin:6em 20% 2em}
#textvergleich h2{margin:3.5em 0 2em;font-size:1.2em;padding-left:5%;padding-right:5%}
#textvergleich p{padding-right:5%}
#zweitfenster{background-image:none}
#zweitfenster h1 span{display:block;border-top:3px dashed #00528D;padding:14px 0 0;z-index:1;line-height:1.4em}
#zweitfenster h1{font-style:italic;font-weight:600;position:absolute;left:15%;top:0;width:30%;font:1.2em Verdana,Arial,sans-serif;color:#f0f0f0;background-color:#0064AB;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;margin:0;padding:4px 15px 10px;z-index:2}
#zweitfenster.aktion h1{top:-11em}
#zweitfenster.animationoben h1{-webkit-animation-name:droppingHeadline;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-moz-animation-name:droppingHeadline;-moz-animation-duration:1.5s;-moz-animation-iteration-count:1;-moz-animation-direction:normal}
@-webkit-keyframes droppingHeadline {
from{margin-top:-1em}
to{top:0}
}
@-moz-keyframes droppingHeadline {
from{margin-top:-1em}
to{top:0}
}
#zweitfenster table{width:60%;max-width:830px;margin:13em auto;padding-bottom:7em}
#zweitfenster table td:first-child{width:40%;vertical-align:top}
#zinschart{position:relative;top:130px;width:830px;height:auto;max-width:100%;border:8px solid #00528D;-moz-box-shadow:0 6px 20px #25354a;-webkit-box-shadow:0 6px 20px #25354a;box-shadow:0 6px 20px #25354a;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#F1F6FC;margin:0 auto;padding:30px 8px}
#zinschart img{margin-bottom:30px;height:auto;max-width:100%}
#zinschart p{color:#A1A1A1;margin:-4.5em 0 0 40%}
#einleitung,#ebformular{position:relative;top:130px;width:60%;max-width:80em;border-top:1px solid #4195D1;border-bottom:1px solid #00528D;-moz-box-shadow:0 8px 15px #25354a;-webkit-box-shadow:0 1px 8px #25354a;box-shadow:0 1px 8px #25354a;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background:-webkit-gradient(linear,left top,left bottom,from(#0070C0),to(#0070C0),color-stop(0.3,#026BB5),color-stop(0.45,#0269B2));background:linear-gradient(#0070C0,#026BB5 30%,#0269B2 45%,#0070C0);margin:0 auto;padding:0 8px 30px;z-index:5}
#teilnehmer{width:60%;max-width:80em;position:relative;margin:13em auto;padding:0 3.5% 5em}
#teilnehmer ol{margin:1.5em 0 5.5em}
#teilnehmer li{line-height:2em;margin-top:.7em}
#teilnehmer p{padding:0}
#teilnehmer p.gering{padding-top:0;margin-top:0}
#teilnehmer p:last-child{padding-bottom:7em;margin-top:1.5em}
#teilnehmer img{width:26px;height:21px;position:relative;top:4px}
#zweitfenster #content #teilnehmer a:link{border:0}
#teilnehmer a:hover{background:none}
#teilnehmer .produktdetails a:hover{background:#69c;text-shadow:4px 4px 12px #f0f0ff}
#zweitfenster .produktdetails a.btn[href^="https://www.modern-banking.de/r/"]:before{left:105%}
#zweitfenster #erfahrungen .produktdetails{top:1.9em;left:0}
#zweitfenster #erfahrungen .produktdetails a:nth-child(1){float:left;margin-left:5%}
#hilfestellung p{line-height:1.6em}
.aktion #teilnehmer{margin-top:13em}
.aktion .produktdetails{top:-3.5em}
#nav2 li:last-child a,#nav2 li:last-child{-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}
.null{margin:0}
.mehr{margin:3em 0 0}
.viel{margin:4em 0 0}
.gering,.ver p{margin:1.3em 0 0}
.vergleichstabelle{width:100%;padding:2em 1.5em 0 .7em;table-layout:fixed}
.vergleichstabelle .flagge{width:2.65em;height:1.8em;border-radius:2px;position:relative;top:.4em;float:none;margin:0 .15em}
.vergleichstabelle th{text-align:left;font-weight:400;font-size:.8em;line-height:1.3em;color:#F1F6FC;padding:.4em .15em;hyphens:auto}
.vergleichstabelle th.rand1{padding-left:.3em;position:relative;left:-.3em}
.vergleichstabelle td{text-align:right;font-size:.8em;line-height:1.3em;color:#F1F6FC;padding:.6em .3em .5em .2em;-ms-hyphens:auto;hyphens:auto;text-overflow:ellipsis}
.vergleichstabelle td b{color:#F1F6FC}  
.vergleichstabelle a{outline:none}
#details strong{color:#BFDBEF;font-size:.8em;display:block;margin:0 .7em 1.7em}
#details th{width:57%;font-size:.85em}
.spalte{background-color:#0061A6}
.vor{position:relative;top:2px;padding-right:13px;color:#00528D}
.pos{position:relative;top:-.5em;left:-.6em;font-style:italic;font-size:1.5em;color:#00528D;z-index:8}
.pfeil_links,.pfeil_rechts{text-align:left;margin:0;padding:0}
.small{padding-right:5%;font-size:.8em;line-height:1.4em}
.anzeige,.aktionsbeschreibung{font-size:.8em;line-height:1.4em;color:#CFCFCF}
.aktionsbeschreibung{margin-top:12em}
.bild{background:#03375D1F;float:left;margin:3px 17px 15px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.bild p{margin:.4em .9em .7em;padding:.0 0 1.5em}
.auswahl{width:95%;padding:7px 2px}
.ver{color:#F1F6FC;font-size:.9em;line-height:1.3em;margin:4em .8em 1em}
.quelle{color:#F1F6FC;font-size:.75em;line-height:1.3em;padding-right:5%;text-align:right}
.zusatz{text-align:right;color:#CFCFCF;font-size:.75em;line-height:1.3em;padding:3em 1em}
.zusatz span{color:#CFCFCF;margin:0 .7em}
.rand2{font-family:Verdana,Arial,Helvetica,sans-serif;color:#F1F6FC;font-size:.8em;line-height:1.3em;border-color:#417db9 #003c78 #003c78 #417db9;border-style:solid;border-width:.2em}
.rand1{font-family:Verdana,Arial,Helvetica,sans-serif;color:#F1F6FC;font-size:.8em;line-height:1.3em;border-color:#4195d1 #005490 #005490 #4195d1;border-style:solid;border-width:.2em}
.auslandsanlage{color:#bfdbef;font-size:.8em;line-height:1.3em;top:-.8em;position:relative}
.anlegerprofil{color:#bfdbef;font-size:.8em;line-height:1.3em;clear:left;margin:4.8em 1.1em 2em;width:63%;padding:0 5px 0 4px}
.bewertung{padding:0 2px}
.pfeil{padding-left:2px;width:28px;height:9px}
.banklogo{width:74px;height:auto;max-width:100%;border-bottom:4px solid transparent;padding:0;z-index:5}
#hilfe{position:absolute;margin-top:-2.83em;right:1.5%;background-color:transparent}
#hilfe li{float:left;height:2.3em;width:5.2em;padding:.38em 0 0 .6em}
#hilfe .current{background:#2880c4;background:rgba(102,153,204,0.4);border-radius:2px;height:2.5em}
#hilfe .current i{color:#104266}
#hilfe .current i:hover{color:#104266}
.produktdetails{margin-bottom:52px}
.hauptanzeige{margin-top:12px;text-align:center;background:linear-gradient(to bottom,#0070c0 0%,#267fbf 58%,#1478bf 70%,#0070c0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0070c0',endColorstr='#0070c0',GradientType=0)}
.tagesgeldzins{border-top:.16em solid #00528D;color:#00528D;display:inline-block;height:2.5em;font-size:1.4em;width:6.5em;padding:.3em .5em}
.tagesgeldzinsbis{position:absolute;margin-left:-5.5em;margin-top:1.5em;font-size:.5em;color:#00528D}
.teaser{position:relative;top:-2.4em;left:-8.9em;font-size:.5em;color:#00528D}
.leselinie:hover{background:url(leselinie.jpg) repeat-x 50%}
.rueckmeldung{background-color:#0064AB;margin:8px 4px 0;padding:.4em 5%}
#information .rueckmeldung li{margin-left:-1.5em}
.aenderung{background-color:#0064AB}
.bereich{width:11px;height:11px;position:relative;top:2px;margin-right:5px;padding:0}
aside p{margin-top:5em}
aside .clearfix{padding-left:5em}
cite{color:#BFDBEF;font-size:.8em}
#anbietertext1{margin:14em calc(50% - 31em) 10em}
#anbieterdaten{border:0;margin:0;position:relative;top:9em}
#anbieterdaten:first-child{width:40%}
#anbieterdaten ul li:first-child{margin-bottom:1.1em;font-weight:600;color:#00528D}
#anbieterdaten u{background:none;color:#BFDBEF;padding:0}
.datenabschnitt{border-top:1px solid #4195D1;border-bottom:1px solid #00528D;-moz-box-shadow:0 1px 5px #25354a;-webkit-box-shadow:0 1px 5px #25354a;box-shadow:0 1px 5px #25354a;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;background: linear-gradient(to bottom right,#0070C0,#006BB8 75%,#0070C0);margin:0 calc(50% - 31em) .6em;padding:.8em 1.2em}
.datenabschnitt li{margin:.3em 0}
#aenderungen{background:rgba(233,233,233,.1);padding:0 0 2em}
#aenderungen h3{padding-top:2.5em;padding-bottom:1em;color:#00528D;font-size:1.3em}
.neu{background:rgb(23,108,171)}
.positiv,.neutral,.negativ{position:relative;left:-5%;margin-left:-.3em;width:105.4%;border-left:5px solid #393}
.positiv u{color:#2c2c2c;background:#99cf99;font-weight:400}
.negativ u{color:#2c2c2c;background:#df8a8a;font-weight:400}
.neutral u{color:#2c2c2c;background:#98adb6;font-weight:400}
.positiv a:link,.neutral a:link,.negativ a:link,.positiv a:link:hover,.neutral a:link:hover,.negativ a:link:hover,.positiv a:link:focus,.neutral a:link:focus,.negativ a:link:focus{display:block;padding:.3em 11% .4em 5%}
.neutral{border-left:5px solid #999}
.negativ{border-left:5px solid #d31a1b}
.entry-content li{font-size:.96em;line-height:1.7em;margin-top:1.3em}
.entry-content a{text-decoration:none;display:block;color:#E6F1F9;font-weight:400}
.entry-content a:hover,.entry-content a:focus{background-color:#69C;text-shadow:none}
.letter .positiv,.letter .neutral,.letter .negativ{width:100%}
.tel{font-size:.75em}
.bereich:hover,.banklogo:hover,.info:hover,.button:hover,.bereich:hover,.banklogo:focus,.info:focus,.button:hover,.bereich:focus{-webkit-transition:all 200ms ease;-moz-transition:200ms ease;-ms-transition:200ms ease;-o-transition:all 200ms ease;transition:200ms ease}
.bereich:hover,.bereich:focus{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
.banklogo:hover,.button:hover,.banklogo:focus,.button:focus,.info:hover,.info:focus{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}
#auslandsanbieter{padding-left:1.1em;margin:0 5%}
.flagge{width:5.7em;height:3.6em;float:left}
a{outline:none}
.liste thead img{height:auto;width:20px;margin-right:10px;padding:8px 0}
.liste .tab th,.liste .tab td{padding:1.3em .5em}
.tab th,.tab td{text-align:right;border-bottom:1px solid #00528D;font-weight:400;color:#F1F6FC;font-size:.8em;line-height:1.3em;padding:.55em .5em}
.tab thead th{vertical-align:bottom;border:1px solid #00528D;white-space:normal;font-weight:600;color:#BFDBEF;border-width:0 1px 1px 0}
.tab th{border-right:1px solid #00528D;border-bottom-style:dotted}
.tab td{border-right:1px solid #00528D}
.tab th:last-child{border-right:0}
.liste{clear:both;float:left;width:64%;max-width:64%;overflow:visible;z-index:10;position:relative}
#details:target{opacity:0;animation:auswaehlen 1.5s forwards}
@keyframes auswaehlen {
0%{opacity:0;transform:translateX(-3em)}
30%{opacity:.1}
100%{opacity:1;transform:translateX(0)}
}
#details{width:33%;max-width:510px;min-width:295px;border-left:1px solid #00528D;border-right:1px solid #00528D;float:right;overflow:hidden;margin:0;padding:.3em 0}
#details td:first-child{width:57%}
#nav,#subnav{width:100%;overflow:hidden;list-style:none;z-index:8;margin:0 auto}
#nav{border-bottom:1.7px solid #036}
#nav li{background:#00528D;float:left;width:11.111%}
#nav li a{color:#B7D2E6;display:block;font:300 .9em 'Arial Black',Helvetica,Arial,sans-serif;letter-spacing:.7pt;text-align:center;text-decoration:none;height:3em;padding:.7em}
#nav li a:hover,#nav li a:focus{background:#69C}
#nav li:first-child a{background:#0070c0}
#nav li:last-child{border-right:none}
#nav .curr{background:#0e3c5d;background:rgba(102,153,200,0.75);color:#062b45;font:200 .9em 'Arial Black',Helvetica,Arial,sans-serif;letter-spacing:1pt;text-align:center;height:3em;padding:.8em}
#subnav{width:50%;margin:.8em auto}
#subnav li{background:#0063ab;background:rgba(0,82,141,0.6);float:left;width:33.3333333334%}
#subnav.eins{margin-left:41.6666666667%}
#subnav.zwei{margin-left:33.3333333334%}
#subnav li a{color:#f0f0ff;display:block;font-size:.95em;letter-spacing:.7pt;text-align:center;text-decoration:none;height:2.2em;padding:.2em 2px}
#subnav li a:hover{background:#2880c4;background:rgba(102,153,204,0.8)}
#subnav li:first-child,#subnav li:first-child a,#subnav li:first-child a:hover{-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
#subnav li:last-child,#subnav li:last-child a,#subnav li:last-child a:hover{-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
#subnav .curr{background:#D8E7F2;background:rgba(102,153,204,0.4);border:2px solid rgba(102,153,204,0.2);color:#000;font-size:.95em;letter-spacing:.7pt;text-align:center;height:2.2em;padding:.1em 2px;font-weight:500}
footer ul{list-style-type:none;text-align:center;background:#006ab6;background:rgba(0,82,141,0.2);margin:0;padding:.8em 0 4em;border-radius:10px}
footer li{display:inline}
footer a:link,footer a:visited{color:#B4CBDC;text-decoration:none;font:200 .85em Arial,Helvetica,sans-serif;padding:1.4em;letter-spacing:.1em;font-weight:600}
footer a:hover{background:#2880c4;background:rgba(102,153,204,0.2)}
footer img{position:relative;bottom:-5px;width:16px;height:16px;-moz-border-radius:14%;-webkit-border-radius:14%;border-radius:14%;border:.4px solid #000}
footer li{padding:.1em.1em 2em}
footer ul,#todonext li{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAE0lEQVQImWNgIBr4dUoRhQdOIQAGnSWpt9YQDAAAAABJRU5ErkJggg==)}
html{height:100%}
#nonFooter{position:relative;min-height:100%;margin-bottom:3em}
* html #nonFooter{height:100%}
footer{clear:both;position:relative;margin-top:-6.9em}
#zweitfenster footer{padding:5em calc(50% - 37em) 0em}
#vergleich h1{padding:.5em}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
span.customSelect{text-align:left;background-color:#F1F6FC;color:#000;min-height:3.6em;padding:5px .2em 5px .4em;margin-right:20px;border:1px solid #e7dab0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px 3px}
.customSelectInner{background:url(/bilder/select-pfeil.png) no-repeat right 50%;min-height:2.6em}
.customSelect.customSelectHover{color:#444e0d;background:#E6F1F9;color:#444e0d;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
optgroup{font-size:1.1em}
option{font-size:1em}
.vergleichstabelle img{max-width:100%}
#vergleich .liste tr:hover{background:#2880c4;background:rgba(102,153,204,0.2);padding:0}
#vergleich .liste thead tr:hover,.detail a:hover{background:none;padding:0}
#vergleich .detail a:link{position:relative;display:block;padding-top:100%;padding-bottom:100%;border:0}
.detail a:link:before{content:'';position:absolute;top:-50%;right:-100%;bottom:-50%;left:-9999px}
a > .icon::after{content:'';position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}
#anbieterab .anbieter,#anbieterauf .anbieter,#verzinsungab .verzinsung,#verzinsungauf .verzinsung,#renditeab .rendite,#renditeauf .rendite,#landab .einlage,#landauf .einlage,#einlagensicherungab .einlagensicherung,#einlagensicherungauf .einlagensicherung,#landab .land,#landauf .land,#bonusab .bonus,#bonusauf .bonus{background: rgba(102,153,204,0.15);}
#zinschart select{width:40%}
#selected > th,#selected > td{border-color:#4195d1 #005490 #005490 #4195d1;border-style:solid;border-width:.2em .1em}
@font-face{font-family:'fontello';src:url(font/font/fontello.eot?a7b5e108);src:url(font/font/fontello.eot?a7b5e108#iefix) format("embedded-opentype"),url(font/font/fontello.woff?a7b5e108) format("woff"),url(font/font/fontello.ttf?a7b5e108) format("truetype"),url(font/font/fontello.svg?a7b5e108#fontello) format("svg");font-weight:400;font-style:normal}
.icon{font-family:'fontello';font-size:3em;position:absolute;margin-left:-1.6em;color:#b5ce24}
.icon-search{font-size:3.6em;margin-left:-1.4em}
.icon-chart-area{font-size:2.8em;margin-left:-1.8em}
aside .icon-gift{font-size:3.5em;margin-left:-1.42em;color:rgb(181,206,36)}
a.cardgifta img{margin-top:2px;width:2.7em}
a.cardgifta:hover,a.cardgifta:focus{background-color:transparent}
a.cardgifta:hover img{filter: brightness(120%) sepia(100%) saturate(300%) hue-rotate(15deg);}
a:focus>.icon,a:hover>.icon{color:#d7f71e}
a.btn:focus>.icon,a.btn:hover>.icon{color:#0070C0}
.icon-left-open,.icon-right-open{font-size:3.9em;margin-left:-.35em;margin-top:.15em}
.icon-left-open{margin-left:-.9em;margin-top:-1.07em}
.icon-ellipsis-vert,.icon-ellipsis,.icon-help-circled{font-size:1.85em;top:.2em;margin-left:.6em}
.icon-list-numbered{font-size:1.8em;margin-left:.7em;top:.25em}
.icon-table{font-size:2em;margin-left:.55em}
.icon-sliders,.icon-docs{font-size:2em;margin-top:-.15em;margin-left:-1.2em}
.icon-up-open,.icon-down-open{position:absolute;top:3.2em;right:.1em;font-size:2em}
.icon-down-open{right:1.6em}
#vergleich thead a,#vergleich a.nohover,a.nohover.iframe{text-decoration:none;background:none}
.icon-print{margin-top:.5em;margin-left:-1.3em;font-size:1.55em;position:relative;line-height:3em}
.gedreht{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);font-size:1.6em;margin-top:.15em;margin-left:.68em}
.markiert{color:#69c}
.icon-plus-squared-alt,.icon-minus-squared-alt{font-size:1.7em;margin-left:-.2em;z-index:5;position:relative;top:.2em}
.icon-check,.icon-dot{font-size:1.4em;margin-left:-1.25em;margin-top:.5em;color:#e6f1f9}
.icon-file-pdf{font-size:1.2em;margin-left:.3em;color:#F1F6FC;position:relative}
.icon-file-pdf:hover{color:#F1F6FC}
.icon-bank{position:relative;top:.1em;font-size:1.1em;margin-left:-.7em;color:#0070C0;z-index:3}
.icon-gift{position:relative;margin-left:0;font-size:2.7em;margin-top:-.1em;color:#69c;float:left}
#vergleich .liste .icon-gift{display:none}
table .icon-gift{position:relative;font-size:2.4em;color:#b5ce24;float:right;margin:.2em -.06em 0}
table .icon-chat-empty{position:relative;font-size:2.1em;float:right;margin:.1em 0}
table .icon-chart-area{position:relative;font-size:2.1em;float:right;margin:.1em 0}
.icon-bank:hover{color:#0070C0}
#anbieterdaten .icon-bank{top:.07em}
#information .icon-bank{top:-.15em}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}
.icon-search:before{content:'\e800'}
.icon-chat-empty:before{content:'\e801'}
.icon-rss-squared:before{content:'\e802'}
.icon-down-open:before{content:'\e803'}
.icon-up-open:before{content:'\e804'}
.icon-angle-double-down:before{content:'\e805'}
.icon-megaphone:before{content:'\e806'}
.icon-info-circled:before{content:'\f143'}
.icon-help-circled:before{content:'\e808'}
.icon-plus-squared-alt:before{content:'\e809'}
.icon-file-pdf:before{content:'\e80a'}
.icon-chart-area:before{content:'\e80b'}
.icon-print:before{content:'\e80c'}
.icon-calculator:before{content:'\e80d'}
.icon-left-open:before{content:'\e80e'}
.icon-right-open:before{content:'\e80f'}
.icon-chart-bar:before{content:'\e810'}
.icon-minus-squared-alt:before{content:'\e811'}
.icon-dot:before{content:'\e814'}
.icon-check:before{content:'\e815'}
.icon-bank:before{content:'\e8016'}
.icon-link-ext:before{content:'\e817'}
.icon-table:before{content:'\e813'}
.icon-sliders:before{content:'\f1de'}
.icon-docs:before{content:'\801'}
.icon-gift:before{content:'\f0e6'}
.icon-minus-circled:before{content:'\F1C1'}
.icon-ellipsis-vert:before{content:'\F141'}
.icon-ellipsis:before{content:'\F142'}
.icon-chart-bar-1:before{content:'\E818'}
.icon-menu:before{content:'\2630';font-weight:700}
.icon-cancel:before{content:'\2716';font-weight:300}
#produkt{margin:.6em 5%;position:relative}
#erfahrungen #produkt{margin:2.8em 4.5%}
#produkt strong{position:relative;top:-.6em;left:.7em}
article+#produkt{margin-top:4em}
#produkt>li{margin-left:0;list-style:none;width:49.5%;margin-top:.8em;border:4px solid #1478c2;border:4px solid rgba(102,153,204,0.2);-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px;border-radius:4px 4px 4px 4px}
#produkt a{text-decoration:none;display:block;padding:8px 24px 16px .7em;color:#E6F1F9}
#produkt a:focus{text-shadow:none}
#produkt a:hover{background-color:#2880c4;background-color:rgba(102,153,204,0.2);text-shadow:none}
#markiert,#target{padding:0 0 0 5em;height:auto;line-height:1.5em;margin:5em 0 0}
#markiert li{margin:1.8em 0}
#target li{margin:1.8em 0}
#markiert{background-image:url(bilder/ordnen.png);background-repeat:repeat-y;background-position:3% 3%}
.nachprodukt{clear:both;padding-top:30px}
.merkmale{font-size:.8em;position:relative;top:.1em;left:1.4em;margin-bottom:.4em}
#todonext{margin:.1em auto 3em;padding:0;position:relative;margin-top:-7em}
#todonext li{float:left;width:100%;padding-left:30%;padding-right:30%}
#todonext a{display:block;color:#B4CBDC;font-size:.9em;text-decoration:none;text-shadow:none;padding:1.2em .4em 1.2em 3.5em;border:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;text-align:center;height:4.2em;margin-bottom:.2em}
#todonext a:hover{background-color:#2880c4;background-color:rgba(102,153,204,0.2);text-shadow:none}
#todonext.options li:first-child{width:50%;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;padding-left:20%;padding-right:0}
#todonext.options li:nth-child(2){width:50%;-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px;border-radius:0 0 4px 0;padding-right:20%;padding-left:0}
#todonext.options .icon-sliders{margin-left:-1.3em}
.icon-check,.icon-minus-circled{font-size:1.4em;margin-left:-1.25em;margin-top:.1em;color:#e6f1f9}
.kennzeichnung{position:absolute;background:rgba(0,112,192,.5);color:#1477c1;color:rgba(102,153,204,0.6);left:50%;margin-left:-11.5em;margin-top:-1.95em;font-size:.8em;padding:.1em .4em;font-weight:500;-webkit-border-radius:1px 1px 1px 1px;-moz-border-radius:1px;border-radius:1px 1px 1px 1px}
.kennzeichnung-stern{font-size:.8em;margin:2em auto 0;color:#CFCFCF;line-height:1.4em}
.newsmeldung h2{padding:1em 5% 1.1em}
.artikellinks{position:relative;left:15%;top:2.5em;margin-bottom:4em}
#erfahrungen{position:relative;width:53%;max-width:78em;margin:0 auto 17em auto;padding-top:15em}
#erfahrungen p{padding-left:5%;padding-right:5%}
#ebformular{margin-top:1em}
#ebformular p{padding-left:5%;padding-right:5%;margin:12px 0 0}
.seitenzahlen{margin:4em 0 1em}
#zweitfenster #content .seitenzahlen a{font-size:1.2em;padding:1em .5em;border-bottom:.2em solid #B5CE24}
.seitenzahlen a:hover{background-color:#69C;color:#E6F1F9}
.seitenzahlen .current{font-size:1.2em;color:#000;font-weight:600;background-color:#F1F6FC;padding:1em .5em;border-bottom:.2em solid #F1F6FC}
.lesenschreiben{margin:-2px 5px 5em 0;letter-spacing:1pt;list-style:none;text-align:center;font-weight:600}
.lesenschreiben .rechts{float:right;width:35%;line-height:2.5em;background-color:#0064AB;border-bottom:2px solid #00528D;border-left:1px solid #00528D;border-right:1px solid #00528D;border-top:2px solid #4195D1;color:#F1F6FC;-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px;border-radius:0 0 4px 0}
.lesenschreiben .links{float:right;width:35%;line-height:2.5em;background-color:#F1F6FC;border-bottom:2px solid #4195D1;border-left:1px solid #4195D1;border-right:1px solid #4195D1;border-top:2px solid #0070C0;color:#000;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}
.lesenschreiben a{text-decoration:none;display:block}
.lesenschreiben a:hover{background-color:#69C;color:#E6F1F9;padding:0}
.kundenwertung{text-align:right;color:#CFCFCF;position:absolute;top:12em;right:0;background-image:url(bilder/zinsfeld.jpg);background-repeat:repeat-x;background-position:0 4px;padding:0 4px}
.kundenwertung img{width:14px;margin:0 .3em 0 2em}
#fotostrecke{padding:7em 0 13em}
#fotostrecke p{text-align:center;width:60%;margin-left:20%}
#fotostrecke img{height:auto;max-width:100%;text-align:center}
.mitprodukt a::after{content:"";display:block;margin-bottom:-.1em}
.rueckmeldung li{list-style:square;padding:.2em}
.tababstand tr> :first-child{padding-left:3.5em}
#erfahrungen .icon-search{font-size:3.6em;margin-left:-.2em}
.produktdaten{position:relative;top:.8em;left:3.5em}
.getrenntspalte{background-image:url(bilder/zinsangaben4.gif);background-repeat:no-repeat;background-position:center}
.effektivzins{width:47%;float:left;padding-right:2px}
.sollzins{width:47%;float:right;padding-right:2px}
input[type=submit]{margin-top:-.4em}
a.btn:link,a.btn:visited,input[type=submit]{color:#0070C0;font-weight:900}
a.btn:hover,a.btn:focus{padding:.2em 3.65em}
.btn,input[type=submit]:focus{background-color:#B5CE24;border-width:0;border-color:#93a71d #8ea604 #8ea604 #90a612;background:linear-gradient(to bottom,#B5CE24,#d0e627);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;font-family:Courier New;font-size:1.55em;padding:.2em 3.65em;text-decoration:none;margin-left:5%;position:relative;top:.5em;-webkit-box-shadow:inset 1px 1px 2px #f5f8e6,1px 1px 2px #aaa}
a.btn[href^="https://www.modern-banking.de/r/"]{background-color:#B5CE24;border-style:solid;border-width:1px;border-color:#93a71d #8ea604 #8ea604 #90a612;background:linear-gradient(to bottom,#B5CE24,#d0e627);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-family:Courier New;font-size:1.7em;text-decoration:none;-webkit-box-shadow:inset 1px 1px 2px #f5f8e6,1px 1px 2px #aaa;padding:.15em 2.2em;line-height:1.5em;top:0;margin-left:0}
#zweitfenster a.btn[href^="https://www.modern-banking.de/r/"]{padding:.15em 1.6em .2em .4em}
a.btn[href^="https://www.modern-banking.de/r/"]:before{font-family:'fontello';content:'\e817';color:#0070C0;position:relative;top:-.4em;left:2.4em;font-size:.7em}
#zweitfenster #teilnehmer a.btn[href^="https://www.modern-banking.de/r/"]:before{content:'\e817 *'}
#information a.btn[href^="https://www.modern-banking.de/r/"]:before{top:-.8em}
.btn:hover,a.btn[href^="https://www.modern-banking.de/r/"]:hover{background-color:#d7f71e;border-color:#56a07f #2a9f6a #2a9f6a #3c9f72;background:radial-gradient(#d7f71e 85%,#ddf72a);text-decoration:none;cursor:pointer}
#anbieterdaten a.btn{font-size:1.45em;left:.3em}
.produktdetails{position:relative;top:2.9em;right:-6%;margin-bottom:6em;width:90%}
.produktdetails a:nth-child(1){margin-left:1%;float:right;height:1.45em}
.produktdetails a:nth-child(2),.produktdetails a:nth-child(3),.produktdetails a:nth-child(4){float:right;padding:.53em 1.4em;margin:0 0 .1em .1em;font-size:.8em;border-bottom:1px dotted #B5CE24;border-color:#93a71d #8ea604 #8ea604 #90a612;background:linear-gradient(to bottom,#0070C0,#0168b2)}
.produktdetails a:hover{text-shadow:none}
#einleitung .small a{margin-right:1.5em;line-height:2em}
.produktdetails a:hover{text-shadow:none}
.mehranzeigen{display:none}
.mehranzeigeneb{display:inline;position:relative;top:.7em;left:5%;color:#B5CE24;font-weight:500;border-bottom:1px dotted #B5CE24}
.gekuerzteb{display:none}
#details strong{font-size:130%}
.vergleichstabelle tr:first-of-type{height:4.8em}
.vor{top:.5em}
.vergleichstabelle .vor{top:1.2em}
.vorlogo,.vergleichstabelle .vorlogo{top:2.8em}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@-moz-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.banklogo,.pos,.icon-bank,.icon-left-open,.icon-right-open,.abbildung img{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.7s;-moz-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.icon-bank,a[href^="https://www.modern-banking.de/r/"]{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.2s;-moz-animation-duration:.2s;animation-duration:.2s;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
input[type="checkbox"],input[type="radio"]{position:absolute;clip:rect(0,0,0,0)}
input[type="checkbox"] + label::before{font:200%/1.6 sans-serif;content:'\a0';display:inline-block;width:.9em;height:.9em;margin-right:.4em;border-radius:.2em;background:#F1F6FC;text-indent:.15em;line-height:.55;border:1px solid darkgrey}
input[type='radio']:checked + label::before,input[type='radio']:not(:checked) + label::before{content:' ';display:inline-block;width:18px;height:18px;position:relative;top:4px;border:1px solid darkgrey;background:#F1F6FC;margin-right:1em;border-radius:30px;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1)}
input[type='checkbox']:hover + label::before,input[type='radio']:hover + label::before{background:#ddd;box-shadow:inset 0 0 0 3px #F1F6FC}
input[type='checkbox']:checked + label::before,input[type='radio']:checked + label::before{background:#2880c4;background:rgba(102,153,204,0.4);box-shadow:inset 0 0 0 3px #F1F6FC}
input[type="checkbox"]:checked + label::before{content:'\2713'}
tr.abbildung{height:5.2em}
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.84;filter:blur(5px) contrast(.6);transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0 linear .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--next{z-index:99995}
.fancybox-slide--image{overflow:visible;padding:50px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px 6px 0}
.fancybox-slide--iframe{padding:50px 0 0}
.fancybox-content{background:#F1F6FC;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}
.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--html .fancybox-content{margin-bottom:6px}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#F1F6FC;height:calc(100% - 8px);margin-bottom:8px}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{vertical-align:top}
.fancybox-error{background:#F1F6FC;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:focus,.fancybox-button:hover{color:#F1F6FC}
.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}
.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}
.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}
.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}
.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}
.fancybox-button--share svg path{stroke-width:1}
.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}
.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}
.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}
.fancybox-navigation .fancybox-button--arrow_left{left:6px}
.fancybox-navigation .fancybox-button--arrow_right{right:6px}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}
.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}
.fancybox-close-small:focus{outline:none}
.fancybox-close-small:hover svg{opacity:1}
.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}
.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#F1F6FC}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}
.fancybox-caption{bottom:0;color:#F1F6FC;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}
.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}
.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#F1F6FC;text-decoration:underline}
.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#F1F6FC;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}
@-webkit-keyframes a {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes a {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}
.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:link,.fancybox-share__button:visited{color:#F1F6FC}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path{fill:#F1F6FC}
.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#F1F6FC;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x>ul{overflow:hidden}
.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#F1F6FC;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}
.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}
.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}
@media (max-width:800px) {
.fancybox-thumbs{width:110px}
.fancybox-show-thumbs .fancybox-inner{right:110px}
.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}
}
@media only screen and (min-width:140em) {
#nav,#subnav,footer,#todonext{max-width:140em;margin-left:auto;margin-right:auto}
#subnav{margin-top:-1.6em}
#information{max-width:72em}
#inhalt{width:70%}
#hilfestellung{width:45%}
}
@media only screen and (max-width:82em),only screen and (max-device-width:82em) {
#vergleich.girokonto .liste{width:100%;max-width:100%}
#vergleich.girokonto #details{width:70%;max-width:70%;margin-top:5em}
}
@media only screen and (max-width:88em),only screen and (max-device-width:88em) {
#nav li a,#nav .curr{font-size:.8em}
#inhalt{width:100%}
#information{width:68%;margin-left:16%}
#information.mitaside{width:66%;margin-left:.9%}
aside{width:25%}
#subnav.zwei{margin-left:25%;width:75%}
#todonext.options li:first-child{padding-left:0}
#todonext.options li:nth-child(2){padding-right:0}
#todonext li{padding-left:0;padding-right:0}
#vergleich.sparplan .liste{width:100%;max-width:100%}
#vergleich.sparplan #details{width:70%;max-width:70%;margin-top:5em}
#vergleich.brokerage .liste,#vergleich.rahmenkredit .liste,#vergleich.ratenkredit .liste{width:100%;max-width:100%}
#vergleich.brokerage #details,#vergleich.rahmenkredit #details,#vergleich.ratenkredit #details{width:70%;max-width:70%;margin-top:5em}
#vergleich{background:linear-gradient(#0067B0,#0070C0 3%,#0070C0)}
}
@media only screen and (max-width:66em),only screen and (max-device-width:66em) {
#produkt li{width:100%}
#produkt>li:nth-child(2){display:none}
.kennzeichnung{left:100%}
.banklogo{width:65px}
.datenabschnitt{margin:0 3% .6em}
#anbietertext1{margin:14em 5% 10em}
#vergleich .liste{width:100%;max-width:100%}
#vergleich #details,#vergleich.girokonto #details,#vergleich.sparplan #details,#vergleich.brokerage #details{width:100%;max-width:100%;margin-top:5em;padding:1em .5em 0}
.ver{margin:4em 0 1em}
.anlegerprofil{width:95%}
#zweitfenster h1{font-size:1.1em;width:70%}
#textvergleich{width:100%;margin:6em 0 2em}
footer a:link,footer a:visited{padding:1em}
footer ul{padding:1em 3% 0 1.3em}
footer li{display:inline-block;padding:.1em .1em 1.3em}
.hauptanzeige{display:none}
#zweitfenster table{width:84%}
#einleitung,#ebformular{width:80%}
#ebformular{margin-left:10%}
#teilnehmer,#erfahrungen{width:76%;margin-left:12%}
a.btn[href^="https://www.modern-banking.de/r/"]{padding:.15em 1.5em}
#zweitfenster a.btn[href^="https://www.modern-banking.de/r/"]{font-size:1.3em}
#todonext a{height:5.2em}
footer ul{padding-bottom:6em}
.vergleichstabelle{padding:2em 0 0}
.vergleichstabelle th.rand1{left:-.1em}
#nav31 li,#nav32 li,#nav33 li,#nav34 li{font-size:.7em}
table{position:relative}
.icon-right-open{left:15%;top:1.8em;margin-top:0}
.icon-left-open{left:10%;top:1.8em;margin-top:0}
.pos{font-size:1.2em}
#vergleich table{-ms-hyphens:auto;hyphens:auto}
#vergleich .liste .tab thead th{height:14em}
.icon-up-open,.icon-down-open{top:4.3em;right:.1em}
.icon-down-open{top:5.2em;right:.1em}
h1{font-size:.9em}
#hilfe{margin-top:-2.55em}
#hilfe li{width:4.5em}
#hilfe .current{height:2.35em}
h1{font-size:.9em}
.icon-ellipsis-vert,.icon-ellipsis,.icon-help-circled{font-size:1.3em;top:.4em;margin-left:.8em}
.gedreht{font-size:1.3em;margin-left:.7em;top:.35em}
}
@media only screen and (max-width:72em),only screen and (max-device-width:72em) {
#nav .curr{color:#053d65;font-weight:600}
#aenderungen{background:rgba(233,233,233,.25)}
.neu{background:rgba(29,117,179,.6)}
.entry-content a:hover,.entry-content a:focus{background:rgba(102,153,204,.7)}
#information.mitaside{width:84%;margin-left:8%}
#nav li{margin-bottom:1.8px;width:33.3333333334%}
#nav li:nth-child(1){width:100%;margin-bottom:.7em}
#nav li:first-child a{padding-bottom:2.5em}
#nav li a{height:3.2em;padding:1.1em 2px}
#nav ul{border-bottom:1px solid #036}
#nav li:nth-child(3){border-right:none}
#subnav{width:100%;margin:1.em 0 2em}
#subnav li,#hilfe{background:rgb(9,87,143)}
#subnav li{width:33.3333333334%;border-bottom:none;margin-top:9px}
#subnav li a{font-size:.9em;height:auto;font-weight:200}
#subnav.eins,#subnav.zwei{width:43.8%;position:relative;top:-2.2em;margin-left:-43.8%;left:100%}
#subnav.eins li,#subnav.zwei li{width:100%;margin:.1em 0}
#nav .curr{height:3.2em;padding:1.1em 2px}
#subnav .curr{font-size:.9em;height:auto}
#subnav li:nth-child(2).curr{display:none}
#subnav li:first-child,#subnav li:first-child a,#subnav li:first-child a:hover{border-radius:2px}
#subnav li:last-child,#subnav li:last-child a,#subnav li:last-child a:hover{border-radius:2px}
#hilfe li{width:33.3%;padding-right:.4em}
#hilfe li{padding:0}
#hilfe{left:100%;display:inline;margin:-7.9em 0 0 -43.1%;width:43.1%;height:2.05em;border-top-right-radius:0;border-bottom-right-radius:2px}
#hilfe .current{height:2.13em;background:#D8E7F2;background:#4c8fc6;background:rgba(102,153,211,0.75);border-radius:0}
#hilfe .current:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}
.icon-ellipsis-vert,.icon-ellipsis,.icon-help-circled{font-size:1.2em;margin-top:-.15em;margin-left:15%}
.gedreht{margin-top:-.07em;margin-left:1.9em}
#information{position:relative;top:-2em}
#inhalt{width:100%;margin-top:3em}
#information{width:84%;float:none;margin-left:8%}
aside{width:84%;float:none;margin:-2.6em 7px .5em 8%;padding-top:3em;padding-bottom:4em;background:#066BB2}
#zusatzinfo{width:84%;float:none;margin:0;padding:0}
#aenderungen{padding-bottom:6em}
aside .clearfix{padding-left:8em}
aside p{height:8em;margin-left:.5%;margin-top:1%;border-bottom:2px dotted rgba(37,53,74,0.2);padding:2.5em 5% 0 8em;font-size:95%;text-align:center}
aside #markiert, aside #target{font-size:95%;text-align:center;border-bottom:2px dotted rgba(37,53,74,0.2);padding-bottom:2em}
aside .icon{font-size:2.4em;left:16.1%}
aside .icon-search{font-size:2.8em}
aside .icon-chart-area{font-size:2.1em}
aside .icon-gift{font-size:2.6em}
aside .icon-file-pdf{font-size:1.1em;left:0}
#information{-moz-box-shadow:0 2px 3px rgba(37,53,74,0.4);-webkit-box-shadow:0 2px 3px rgba(37,53,74,0.4);box-shadow:0 2px 3px rgba(37,53,74,0.4)}
#vergleich{-moz-box-shadow:0 2px 3px rgba(37,53,74,0.4);-webkit-box-shadow:0 2px 3px rgba(37,53,74,0.4);box-shadow:0 2px 3px rgba(37,53,74,0.4)}
ul.entry-content{font-size:110%}
#vergleich #hilfestellung{width:90%}
#todonext a{display:none}
#vergleich .einlagensicherung{display:none}
#vergleich .bonus{display:none}
}
@media only screen and (max-width:48em),only screen and (max-device-width:48em) {
#hilfe{margin:-7.9em 0 0 -42.8%;width:42.8%}
.vergleichstabelle td{font-size:.7em}
#zweitfenster table{width:94%}
#information,#information.mitaside{width:98%;margin-left:1%}
aside{width:98%;margin-left:1%}
#einleitung,#ebformular{width:98%;margin-left:1%}
#teilnehmer,#erfahrungen{width:94%;margin-left:2%}
.tababstand tr> :first-child{padding-left:.5em}
.gekuerzt{display:none}
.mehranzeigen{display:inline;position:relative;top:.7em;left:5%;color:#B5CE24;font-weight:500;border-bottom:1px dotted #B5CE24}
tr.abbildung{height:3em}
aside .icon{left:15%}
aside .icon-file-pdf{left:0}
}
@media only screen and (max-width:38em),only screen and (max-device-width:38em) {
#nav31 a,#nav32 a,#nav33 a,#nav34 a{background:rgba(0,82,141,0.35)}	
#filterForm{margin:4em .25em 0}
aside .icon.icon-file-pdf{left:0}
aside p{height:9.5em}
#markiert{background-position:4% 3%}
.seitenzahlen a{margin:0}
#inhalt,#vergleich{margin-top:1.5em}
#vergleich{border-bottom:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:#0070C0}
#vergleich h1{border-top:0;height:4em}
aside p{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#vergleich h1{display:none}
body{font-size:80%}
#information p{font-size:120%;line-height:1.6em}
#information p.small{font-size:105%}
#information .bild p{font-size:95%}
#nav li:nth-child(1){width:100%}
#nav31,#nav32,#nav33,#nav34{margin:2em .2em 3.5em}
#nav32,#nav33,#nav34{padding-top:1.5em}
#nav31 li:first-child,#nav32 li:first-child,#nav33 li:first-child,#nav34 li:first-child{padding-right:.9em}
.anlegerprofil{margin:4.8em .1em 0}
.icon-bank{position:absolute}
a.btn[href^="https://www.modern-banking.de/r/"]{padding:.3em 1.9em .3em .3em}
#zweitfenster a.btn[href^="https://www.modern-banking.de/r/"]{padding:.5em 1.5em 1.6em 0;font-size:1em}
.banklogo{min-width:36px;min-height:54px}
.btn,input[type="submit"]:focus{padding:.2em 1.5em}
#erfahrungen{margin-top:4em}
#teilnehmer{margin:16em auto 8em}
h1{border-radius:3px 3px 0 0}
#hilfe{margin-top:-4.4em}
.icon-ellipsis-vert,.icon-ellipsis,.icon-help-circled{margin-left:1.4em}
.gedreht{margin-left:1.4em}
aside .icon{left:17%}
}
@media only screen and (max-width:34em),only screen and (max-device-width:34em) {
.pos{position:relative;top:6em}
}
#openBtn,#closeBtn{display:none} 
.icon-menu{font-size:2.3em;top:.4em;margin-left:.4em;z-index:5}
.icon-cancel{font-size:2.4em;top:.5em;margin-left:.4em}
.logobereich{position:absolute;width:10%;float:left;height:2.7em;top:0}
a.logobereich:hover,a.logobereich:focus{background:none}
.logo{width:135px;height:auto;max-width:100%;border:0;position:relative;left:50%;margin-left:-65px;top:.5em}
@media only screen and (min-width:140em) {
.logobereich{width:10%;max-width:10em;margin-left:auto;margin-right:auto;display:block;position:relative;top:0;left:-62.4em;z-index:3;float:none}
.logo{margin-left:0;left:0}
nav{position:relative;top:-2.7em}
}
@media only screen and (max-width:86em),only screen and (max-device-width:86em) {
.logo{left:3%;margin-left:0}
}
@media only screen and (max-width:72em),only screen and (max-device-width:72em) {
.logo{position:absolute;left:0%;margin-left:-4.7em;max-width:10em;top:1.7em}
.logobereich{width:35%;left:calc(0% + 9.8em)}
.navMain,#content{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.navMain{width:32em;height:100%;top:4.9em;position:fixed;left:-32em;background:gray}
#content{margin-left:1em;margin-top:-3em;height:100%}
#zweitfenster #content{margin-top:-.7em}
#openBtn,#closeBtn{width:3.9em;height:4.7em;margin:0 0 .8em 0;padding:.3em;border-radius:2px}
#openBtn{background:#00528D;display:block;border-bottom:1.3px solid #036;position:relative}
#closeBtn{display:none}
#offen:target .navMain{left:0}
#offen:target #content{background:#0070C0;margin-left:30em;top:4.47em;width:100%;position:fixed}
#offen:target .logobereich,#offen:target #vergleich{position:fixed}
body#offen:target{overflow:hidden}
#offen:target footer{margin-left:30em;margin-top:50em;position:fixed;z-index:-15}
#offen:target #openBtn{display:none}
#offen:target #closeBtn{display:block;background:#00528D;border-bottom:1.3px solid #036;position:fixed;top:0}
.icon-menu,icon-chart-area{top:.6em}
#nav{border-bottom:0}
#nav li{width:85%;margin-bottom:.5em}
#nav li:first-child,#nav li:first-child a{height:0}
#nav li a,#nav .curr{font-size:1.1em}
}
@media (orientation:landscape) and (max-width:55em) {
.navMain{width:95vw;left:-95vw}
#offen:target #content{margin-left:97vw}
#nav li{width:33.3%}
#nav li:first-child,#nav li:first-child a{width:0}
#nav .curr{height:3.2em}
#nav li a,#nav .curr{font-size:1em}
}