/* --------------------------------------------------------------------------- mr-money-Vergleichsrechner im VCU24-Dunkeldesign. ERZEUGT aus bestand/mrmoney-original.css durch rechner-css-bauen.py. Nicht von Hand bearbeiten — beim nächsten Lauf wäre die Änderung weg. Aktualisiert mr-money das Original, wird die neue Fassung gesichert und das Skript erneut laufen gelassen; Selektoren und Reihenfolge sind unverändert, damit der Vergleich möglich bleibt. Diese Datei ersetzt NICHT die geteilte vcu24.de/static/vcu/mrmoney.css — die hängt an allen anderen Satellitenseiten und bleibt, wie sie ist. Eingebunden wird sie über den css_url-Parameter des iframes. Werte aus tokens.ts und dem Dunkel-Pendant in Questionnaire.tsx; Begründung in designpaket/rechner-styling.md. --------------------------------------------------------------------------- */ body, html { margin:0; padding: 0 } #vvergleich div,#vvergleich dl,#vvergleich dt,#vvergleich dd,#vvergleich ul,#vvergleich ol,#vvergleich li,#vvergleich h1,#vvergleich h2,#vvergleich h3,#vvergleich h4,#vvergleich h5,#vvergleich h6,#vvergleich pre,#vvergleich code,#vvergleich form,#vvergleich fieldset,#vvergleich legend,#vvergleich input,#vvergleich button,#vvergleich textarea,#vvergleich blockquote,#vvergleich th,#vvergleich td{margin:0;padding:0;}#vvergleich table{border-collapse:collapse;border-spacing:0;}#vvergleich fieldset,#vvergleich img{border:0;}#vvergleich address,#vvergleich caption,#vvergleich cite,#vvergleich code,#vvergleich dfn,#vvergleich em,#vvergleich th,#vvergleich var,#vvergleich optgroup{font-style:inherit;font-weight:inherit;}#vvergleich del,#vvergleich ins{text-decoration:none;}#vvergleich li{list-style:none;}#vvergleich caption,#vvergleich th{text-align:left;}#vvergleich h1,#vvergleich h2,#vvergleich h3,#vvergleich h4,#vvergleich h5,#vvergleich h6{font-size:100%;font-weight:normal;}#vvergleich q:before,#vvergleich q:after{content:'';}#vvergleich abbr,#vvergleich acronym{border:0;font-variant:normal;}#vvergleich sup{vertical-align:baseline;}#vvergleich sub{vertical-align:baseline;}#vvergleich legend{color:rgba(255,255,255,0.92);}#vvergleich input,#vvergleich button,#vvergleich textarea,#vvergleich select,#vvergleich optgroup,#vvergleich option{}#vvergleich input,#vvergleich button,#vvergleich textarea,#vvergleich select{font-size:100%;} #vvergleich { color:rgba(255,255,255,0.92); font-family: "Inter Variable", Sans-serif; font-size:18px; text-align:left; width:96%; margin:0 auto; line-height:20px!important; border-top: 3px solid #D63A2D; border-radius: 5px 5px 0px 0px; padding: 0% 2%;} #vvergleich.contentlvg {width:auto; margin:0;} #vvergleich p {margin:7px 0; padding:0;} #vergleich label {font-size:16px;} .freeze, .freeze *{cursor:progress !important;} .prozent_info {font-size:10px; line-height: 12px;} #vvergleich .fett {font-weight:bold;} #vvergleich .faqlink {text-decoration:none;} #vvergleich .hidden {display: none!important;} #vvergleich .visible {visibility: visible;} .hilfehidden { display: none; } .hilfevisible { visibility: visible; background-color:rgba(232,140,31,0.10); color:rgba(255,255,255,0.92);} #vvergleich .kein_tier.formAlertBox {border: 1px solid #E88C1F!important; color: rgba(255,255,255,0.92)!important ; background: rgba(255,255,255,0.04)!important ; padding: 3px 6px!important ; } #vvergleich .vorvers5.formAlertBox {border: 1px solid #E88C1F!important; color: rgba(255,255,255,0.92)!important ; background: rgba(255,255,255,0.04)!important ; padding: 3px 6px!important ; } #vvergleich .schaeden5.formAlertBox {border: 1px solid #E88C1F!important; color: rgba(255,255,255,0.92)!important ; background: rgba(255,255,255,0.04)!important ; padding: 3px 6px!important ; } #vvergleich #box_faq .ues { font-weight:bold!important } #vvergleich #box_faq table {text-align:left;} #vvergleich #box_faq table ol li {text-align:left; padding:2px 0!important} #vvergleich #box_faq table ul { font-size:10px!important; line-height:12px!important; } #vvergleich #box_faq table ul li {margin:10px 0 10px 0!important; line-height:14px!important; } #vvergleich a {color:rgba(255,255,255,0.92);text-decoration:underline;} #vvergleich a:active {color:rgba(255,255,255,0.58);} #vvergleich a:hover, #vvergleich a:active, #vvergleich a:visited, #vvergleich a:focus {background-color:inherit;} #vvergleich a.infofeld {position: relative; z-index:50;} #vvergleich a.infofeld:hover {background: #D63A2D;text-decoration:none;} #vvergleich a.infofeld span {display: none;} #vvergleich a.infofeld:hover span {display:block;position:absolute;top:-1em;left:15em;width:25em;border:1px solid rgba(255,255,255,0.10);padding:2px;background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.92);text-align: left;text-decoration:none;font-size:12px;z-index:100;} #vvergleich h2 {font-size:14px;font-weight:bold;color:#F43F5E;margin:10px 0 15px 0;} #vvergleich table {color: rgba(255,255,255,0.92);line-height:16px;margin:0;} #vvergleich .chktext {margin:0 0 5px 0;} #vvergleich .eingabe_oeffnen {float:right;} #vvergleich .eingabe_schliessen {float:right;display:none;} #vvergleich p.error {font-weight:bold;color:rgba(255,255,255,0.92);margin:30px 0;padding:10px;border:1px solid #E88C1F;background-color:rgba(255,255,255,0.04);} #vvergleich .row-antrag {font-weight: bold;color: rgba(255,255,255,0.92); background-color: #D63A2D;} #vvergleich .row-anleitung {color: rgba(255,255,255,0.58);text-align:right;} #vvergleich .anleitung {color: rgba(255,255,255,0.92);text-align:left;} #vvergleich .info {font-size: 10px;color: rgba(255,255,255,0.92);} #vvergleich .vergleichlink { font-size:11px } #vvergleich #tarife_email_senden { padding: 5px 0 5px 10px; } #vvergleich #tarife_email_senden .caption1 { font-weight: bold; font-size: 12px; color: rgba(255,255,255,0.92); margin: 0 0 3px 0; } #vvergleich #tarife_email_senden .caption2 { font-weight: normal; font-size: 11px!important; color: rgba(255,255,255,0.92); margin: 0 0 5px 0; } input#email_angebot { width: 240px; } #lnk_email_angebot_zusenden { display: inline-block; } #vvergleich #tarife_email_senden a { font-size:12px!important } #vvergleich .ergebnis_print { margin: 10px 10px 0 0; } #email_angebot_ok .info {font-size:12px;font-weight:bold;color:green;} /* Formatierung und Darstellung der Formularfelder */ #vvergleich .eingabe-submit-btn{ background-color: rgba(255,255,255,0.04); margin-top: 0px; text-align: center; padding-top: 30px; } #vvergleich input.form-button { font-family: "Inter Variable", Sans-serif; font-weight: 500; padding: 10px 100px; font-size: 16px; border: 1px; fill: #fff; color: #FFFFFF; background-color: #D63A2D; border-style: solid; border-color: #D63A2D; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.70); } #vvergleich input.form-button:active {background-color:#D63A2D;border-color: #D63A2D; } #vvergleich input.form-button:hover {background-color:#D63A2D;border-color: #D63A2D; cursor:pointer;} #vvergleich input.form-button-krebs {font-size: 11px;color: rgba(255,255,255,0.92);font-weight:bold;border: 1px solid rgba(255,255,255,0.10);background: rgba(255,255,255,0.03);padding:2px;margin:0 0 0 10px;} #vvergleich .antrag { text-decoration: none; text-align: center; color: #FFFFFF; padding: 5px; font-size: 12px; border-radius: 4px; background: rgba(255,255,255,0.04); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: #D63A2D; background: -webkit-linear-gradient(legacy-direction(to right), #D63A2D 0%, #D63A2D 100%); background: -webkit-gradient(linear, left top, right top, from(#D63A2D), to(#D63A2D)); background: -webkit-linear-gradient(left, #D63A2D 0%, #D63A2D 100%); background: -o-linear-gradient(left, #D63A2D 0%, #D63A2D 100%); background: linear-gradient(to right, #D63A2D 0%, #D63A2D 100%); border: 1px solid #D63A2D; cursor: pointer; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);} #vvergleich .antrag:hover{color: #FFFFFF; border: 1px solid #D63A2D; background: #D63A2D; /* Old browsers */ } #vvergleich .vergleichbutton { background: rgba(255,255,255,0.04); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 2%, rgba(255,255,255,0.04) 8%, rgba(255,255,255,0.07) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.04)), color-stop(2%,rgba(255,255,255,0.04)), color-stop(8%,rgba(255,255,255,0.04)), color-stop(100%,rgba(255,255,255,0.07))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.04) 2%,rgba(255,255,255,0.04) 8%,rgba(255,255,255,0.07) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.04) 2%,rgba(255,255,255,0.04) 8%,rgba(255,255,255,0.07) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.04) 2%,rgba(255,255,255,0.04) 8%,rgba(255,255,255,0.07) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.04) 2%,rgba(255,255,255,0.04) 8%,rgba(255,255,255,0.07) 100%); /* W3C */ filter: none; /* IE6-8 */ font-size: 13px;color: rgba(255,255,255,0.92);font-weight:bold;padding: 1px 6px;margin:0;line-height: 18px;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.70);border: 1px solid rgba(255,255,255,0.10);cursor: pointer;} *+html #vvergleich .vergleichbutton {border:1px solid rgba(255,255,255,0.24);} #vvergleich .vergleichbutton.clicked { box-shadow: none; } #vvergleich .vergleichbutton:hover {color: #FFFFFF; border: 1px solid #E88C1F; background: #E88C1F; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmZiMzc1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZjc1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmM1ODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #E88C1F 0%, rgba(232,140,31,0.28) 2%, #E88C1F 8%, #E88C1F 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E88C1F), color-stop(2%,rgba(232,140,31,0.28)), color-stop(8%,#E88C1F), color-stop(100%,#E88C1F)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E88C1F 0%,rgba(232,140,31,0.28) 2%,#E88C1F 8%,#E88C1F 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E88C1F 0%,rgba(232,140,31,0.28) 2%,#E88C1F 8%,#E88C1F 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E88C1F 0%,rgba(232,140,31,0.28) 2%,#E88C1F 8%,#E88C1F 100%); /* IE10+ */ background: linear-gradient(to bottom, #E88C1F 0%,rgba(232,140,31,0.28) 2%,#E88C1F 8%,#E88C1F 100%); /* W3C */ filter: none; /* IE6-8 */ } #vvergleich .vergleichbutton:active {background-color:rgba(232,140,31,0.10);} /* Für CSS Designer im ADMIN von versicherungsmaklersoftware.de */ #vvergleich input.btn-berechnen {} #vvergleich input.btn-neuervgl {right: 2%; top: 30px; position: absolute; padding: 6px 30px; font-size: 12px; z-index: 200; } #vvergleich input.btn-leivgl-oben {} #vvergleich input.btn-leivgl-unten {} #vvergleich input.btn-weiter {} #vvergleich input.btn-zurueck {} #vvergleich input.form-text {font-size: 12px;color: rgba(255,255,255,0.92);border: 1px solid rgba(255,255,255,0.10);background: rgba(255,255,255,0.04); padding:4px; border-radius:2px} #vvergleich input.form-checkbox {color: rgba(255,255,255,0.92);border: 0;margin:0 5px 0 5px;} #vvergleich .form-area {font-size: 12px;color: rgba(255,255,255,0.92);border: 1px solid rgba(255,255,255,0.10);background: rgba(255,255,255,0.04);} #vvergleich select.form-select {font-size: 11px;color: rgba(255,255,255,0.92);border: 1px solid rgba(255,255,255,0.10);background: rgba(255,255,255,0.04); padding:4px; border-radius:2px; } #vvergleich .fehler {font-weight:bold;color:#E88C1F;} /* eingabe begin */ #vvergleich .select_markiert { background-color:rgba(255,255,255,0.04)!important; } #vvergleich .eingabeBox { width: 100%; margin:0 auto 8px auto; border:0px solid rgba(255,255,255,0.10); } #vvergleich .eingabeBox .line {vertical-align:middle; border-bottom:1px solid rgba(255,255,255,0.24); width:100%; background-color:rgba(255,255,255,0.04); padding: 7px 0px 6px 0px; } #vvergleich .eingabeBox .line:hover {background-color:rgba(255,255,255,0.04);} #vvergleich .eingabeBox .line.header_line { height: 0px!important; overflow:hidden; padding: 0px 0px; } #vvergleich .faqlink {font-size: 12px; color: rgba(255,255,255,0.58); line-height: 12px;} #vvergleich .eingabeBox .line .cell{float:left;vertical-align: middle; font-size:12px; margin:1px 0 2px 0;min-height: 21px;line-height: 14px;padding:4px 3px 0 3px;} #vvergleich .eingabeBox .line label { font-size:12px } #vvergleich .eingabeBox .cell.sp1 {width: 44%;height:auto;margin-right:10px; margin-left:20px; text-align:right; font-size:13px; font-weight:bold; color:rgba(255,255,255,0.58)} #vvergleich .eingabeBox .cell.sp2 {width: 42%;text-align:left;margin-left:10px; padding-top: 0px; font-size: 13px; font-weight: 300;} #vvergleich .eingabeBox .cell.sp3 {width:20px;text-align:center; float:left} #vvergleich .eingabeBox .cell.sp1_6 {width:100%; line-height: 18px!important; } #vvergleich .eingabeBox .cell.header{ height: 0px; color:#FFFFFF;font-weight:bold;text-align:center;margin:0} #vvergleich .eingabeBox .header2 {margin:0!important; background-color:#D63A2D!important; color:#FFFFFF!important;} #vvergleich .eingabeBox .header2 .cell{background-color:#D63A2D!important; color:#FFFFFF!important;} #vvergleich .eingabeBox .cell.z-w-navi .btn-weiter { float:right } #vvergleich .eingabeBox .cellhelp {padding:2px 3px; background-color:rgba(232,140,31,0.10); color:rgba(255,255,255,0.92);} /* Sondereinstellung für WG Rechner */ #vvergleich .eingabeBox .tabl_part_2, #vvergleich .eingabeBox .tabl_part_3 { display:none } #vvergleich .eingabeBox .tabl_part_2 .cell.sp1 {width:111px;} #vvergleich .eingabeBox .tabl_part_2 .cell.sp2 {width:400px;} #vvergleich .eingabeBox .form-checkbox { margin-top:4px; font-size:11px } #vvergleich .eingabeBox .form-text { font-size:13px; } #vvergleich .eingabeBox .form-select { font-size:13px } #vvergleich .eingabeBox.tierhalter .cell.sp1 {width:270px; padding-top: 4px;} #vvergleich .eingabeBox.tierhalter .cell.sp2 {width:230px} #vvergleich .eingabeBox.tierhalter .cell.sp3 {width:34px;} #vvergleich .eingabeBox.rechtsschutz .cell.sp1 {width:270px} #vvergleich .eingabeBox.rechtsschutz .cell.sp2 {width:230px} #vvergleich .eingabeBox.rechtsschutz .cell.sp3 {width:34px;} #vvergleich .eingabeBox.gewerbers .cell.sp1 {width:320px} #vvergleich .eingabeBox.gewerbers .cell.sp2 {width:150px} #vvergleich .eingabeBox.gewerbers .cell.sp3 {width:34px;} #vvergleich .eingabeBox.buero .cell.sp1 {width:280px} #vvergleich .eingabeBox.buero .cell.sp2 {width:190px} #vvergleich .eingabeBox.buero .cell.sp3 {width:34px;} #vvergleich .eingabeBox.haftpflicht .cell.sp1 {width:250px} #vvergleich .eingabeBox.haftpflicht .cell.sp2 {width:220px} #detailFragen .cell.sp1 {width:250px!important} #detailFragen .cell.sp2 {width:250px!important} /* Sondereinstellung für Risikolv Rechner */ #vvergleich .eingabeBox.risikolv .reihe-2, #vvergleich .eingabeBox.risikolv .reihe-3 { border-bottom:1px dotted rgba(255,255,255,0.10) } #vvergleich .eingabeBox.risikolv .reihe-2, #vvergleich .eingabeBox.risikolv .reihe-3, #vvergleich .eingabeBox.risikolv .reihe-4 { padding-bottom: 4px;} #vvergleich .eingabeBox.risikolv .cell.sp1 {width:50%;} #vvergleich .eingabeBox.risikolv .cell.sp2 {width:18%;} #vvergleich .eingabeBox.risikolv .cell.sp3 {width:18%;} #vvergleich .eingabeBox.inhalt #Elektronik_Verssumme, #vvergleich .eingabeBox.inhalt #Autoinhalt_Verssumme { width: 100px; } #vvergleich .eingabeBox.fragemasken .cell.sp1 { width: 27% } #vvergleich .eingabeBox.fragemasken .cell.sp2 { width: 60% } #tbl_before td {padding:3px 5px;} #tbl_before {width:602px;margin:0 auto;border-left:1px solid rgba(255,255,255,0.10);border-right:1px solid rgba(255,255,255,0.10);border-bottom:1px solid rgba(255,255,255,0.10);} #box_eu {width:600px;margin:0 auto;} #detailFragen {width:600px;margin:0 auto;} #detailFragen td{padding:3px 5px;} #gesinfo_dialog {display:none;} table#tbl_GesellListe, table#tbl_vorgaben { width:600px;margin:0 auto; } #vvergleich table.info-bauklassen td { padding:4px; border:1px solid rgba(255,255,255,0.10) } #vvergleich a.infoicon {display:inline-block; background:url(/hilfe-symbol.png); background-repeat: no-repeat; color: #FFFFFF; background-position: top right; vertical-align:middle; cursor:help; padding-right:20px; height:20px; } #vvergleich .eingabeBox a.infoicon {padding-right:0; background-position:top center; margin-top:0!important} #vvergleich a.quickinfo { text-decoration:none; border-bottom:1px dotted rgba(255,255,255,0.10); display:inline!important } #vvergleich .clear {clear:both;height:0; font-size:0 } /* eingabe end */ #vvergleich .tarifdetails-box-mobile {margin-top: 0px!important; position: absolute; left: 25%; bottom: 5px; font-size: 10px;} #vvergleich .tl-box {margin-top: 0px!important;} #vvergleich .ergebnisBox-out { width: 100%; border-bottom:1px solid rgba(255,255,255,0.10); margin:0 auto; padding-bottom: 10px; margin-bottom: 10px;} #vvergleich .ergebnisBox { border: 1px solid rgba(255,255,255,0.10); position:relative; background-color:rgba(255,255,255,0.03); border-radius: 10px; margin-bottom: 10px; -webkit-box-shadow: 0px 20px 17px -22px rgba(0,0,0,0.50)!important; -moz-box-shadow: 0px 20px 17px -22px rgba(0,0,0,0.50) !important; box-shadow: 0px 20px 17px -22px rgba(0,0,0,0.50)!important;} #vvergleich .ergebnisBox .innerbox { position:relative} #vvergleich .ergebnisBox.tipp { border:2px solid #E88C1F;} #vvergleich .ergebnisBox .tipp_header {background-color: #E88C1F;font-weight:bold;letter-spacing:2px;font-size:14px;padding:0 3px 3px 3px; text-align:center} #vvergleich .ergebnisBox .tipp_header a {text-decoration:none} #vvergleich .ergebnisBox .tipp_text {font-size:12px; color:rgba(255,255,255,0.92); border-bottom:1px dotted rgba(255,255,255,0.24); line-height:14px; position:relative; background-color:rgba(255,255,255,0.03); text-align:left; font-weight:normal; letter-spacing:0} #vvergleich .ergebnisBox .tipp_text_body { padding:5px 5px 7px 5px; } #vvergleich .ergebnisBox.letzter_tipp { border-bottom:2px solid rgba(232,140,31,0.45); margin-bottom:5px } #vvergleich .ergebnisBox.tipp .line { } #vvergleich .ergebnisBox .line .cell{white-space: nowrap;float:left;vertical-align: top;margin:0 5px 0px 0;} #vvergleich .ergebnisBox.reise .normal_header {background-color:rgba(255,255,255,0.04);font-weight:bold;color:rgba(255,255,255,0.58);font-size:12px;padding:3px 3px 3px 20px; text-align:left} #vvergleich .ergebnisBox .line .cell.sp1 {width: 23%;text-align: center;height:90px;position:relative;display:table; white-space:normal;background: rgba(255,255,255,0.04); border-radius: 10px 0px 0px 10px;} #vvergleich .ergebnisHeader .line .cell.sp1 {background: none!important;} #vvergleich .ergebnisBox .line .cell.sp1 a {text-decoration:none;font-size:10px;left:0;width:110px;display:block;vertical-align:middle;white-space:normal;cursor:help; margin:0 auto} #vvergleich .ergebnisBox .line .cell.sp1 .label {text-decoration:underline;white-space:normal;width:110px;display:inline-block;} #vvergleich .ergebnisBox .line .cell.sp1 img {border:0;cursor:help; margin: 0px auto; max-width: 120px!important;} #vvergleich .ergebnisBox .line .cell.sp1 .bewertung img {cursor:pointer;} #vvergleich .nicht_bewertet {font-size:9px; color:rgba(255,255,255,0.58); font-style:italic} #vvergleich .ergebnisBox .cell.sp2{width:38%;} #vvergleich .ergebnisBox .cell.sp2 .settings-box-out { display: table-cell; vertical-align: middle; height: 170px;padding-left: 20px; } #vvergleich .ergebnisBox .cell.sp2 .setting * { } #vvergleich .ergebnisBox .cell.sp2 .setting {width: 100% ; line-height:22px; } #vvergleich .ergebnisBox .cell.sp2 .setting .lstg_gliedertaxe { font-weight:normal } #vvergleich .ergebnisBox .cell.sp2 .setting .tarif_vs_info { font-weight:normal; } #vvergleich .ergebnisBox .cell.sp2 .setting_left {float:left;text-align:left;width:130px;font-size: 11px; } #vvergleich .ergebnisBox .cell.sp2 .setting_right {font-size: 11px; text-align:left;width:115px; padding-left: 10px; margin-left:125px; white-space:normal; } #vvergleich .ergebnisBox .cell.sp2 .setting_right .pers { font-size:10px; } #vvergleich .ergebnisBox .cell.sp2 .setting_right a {white-space:normal; text-decoration:none; line-height:17px} #vvergleich .ergebnisBox .cell.sp4{text-align:left; position:relative;} #vvergleich .ergebnisBox .cell.sp5{width: 20%; padding-top: 50px; text-align: right; position: absolute; right: 0px; top: 10px; padding: 10px 20px; border-left: 1px solid rgba(255,255,255,0.10); height: 130px;} #vvergleich .ergebnisHeader .cell.sp5 { height: auto !important; position: absolute; border: 0px; text-align: right; top: 0px; right: 0px; width: 25%;} #vvergleich .ergebnisBox .cell.sp5 .zahlweise{font-size:10px; margin-top:2px; margin-bottom: 30px; color:rgba(255,255,255,0.92);} #vvergleich .ergebnisBox .cell.sp6{width:16px;text-align:left; margin:0; position:absolute; top:10px; right:10px} #vvergleich .ergebnisBox .position {display:none; margin-left:2px; margin-bottom:1px; text-align:left; font-weight:normal; font-size:9px; color:rgba(255,255,255,0.92);} #vvergleich .ergebnisBox a.tarifinfo {font-weight:bold; text-decoration:underline!important } #vvergleich .tarifdetails-box { display: block; text-align: center; padding: 0px 0px!important; font-size: 10px; color: rgba(255,255,255,0.92)!important; } #vvergleich .tarifdetails-box a{ color: #D63A2D!important;} #vvergleich .ergebnisHeader.risikolv .cell.sp4 {width:130px} #vvergleich .ergebnisBox.risikolv .line .cell.sp1 .label {text-decoration:none; font-size:10px; } #vvergleich .ergebnisBox.risikolv .line .cell.sp1 img {cursor:default} #vvergleich .ergebnisBox.risikolv .cell.sp2{width:230px;} #vvergleich .ergebnisBox.risikolv .cell.sp5{width:100px;} #vvergleich .ergebnisBox.risikolv .cell.sp5.bruttobeitrag { margin-right:20px; } /* Sondereinstellung für Unfall-Rechner */ #vvergleich .ergebnisBox .cell.sp2 .unf .setting_left {width:140px;} #vvergleich .ergebnisBox .cell.sp2 .unf .setting_right {width:95px;margin-left:145px; } #vvergleich .ergebnisBox.sterbegeld .cell.sp2 .setting_left {width:160px;} #vvergleich .ergebnisBox.sterbegeld .cell.sp2 .setting_right {width:95px;margin-left:165px; } /* Sondereinstellung für Reise-Rechner */ #vvergleich .ergebnisBox.reise .cell.sp2 .setting {font-size:11px; padding-bottom:10px; padding-top:0 } #vvergleich .ergebnisBox.reise .cell.sp2 .setting .tarifart_plus { font-weight:bold; margin-left:50px; line-height:8px } #vvergleich .ergebnisBox.reise .cell.sp2 .setting .vers_art {margin-bottom:2px; padding-bottom:2px; border-bottom:1px dotted rgba(255,255,255,0.10); margin-right:5px} #vvergleich .ergebnisBox.reise .cell.sp2, #vvergleich .ergebnisBox.reise .cell.sp2 .setting { width:270px } #vvergleich .ergebnisBox.reise .cell.sp5 { width:90px; } /* Sondereinstellung für Oeltank-Rechner */ #vvergleich .ergebnisBox.oeltank .cell.sp4 { width:90px; } /* Sondereinstellungen für Gewerbers */ #vvergleich .ergebnisBox.gewerbers .cell.sp2 { width:350px; } #vvergleich .ergebnisBox.gewerbers .cell.sp2 .setting { width:345px; } #vvergleich .ergebnisBox.gewerbers .cell.sp2 .setting_right { width:210px; } #vvergleich .ergebnisBox.gewerbers .cell.sp2 .setting_right .info { line-height: 13px } #vvergleich .ergebnisBox.ergebnisHeader .line .cell {margin:0; padding:10px 0; text-align:center; } #vvergleich .ergebnisBox.ergebnisHeader .line .cell.sp4 {padding-left: 22px;} #vvergleich .ergebnisBox.ergebnisHeader .line .cell.sp1 { height: auto } #vvergleich .ergebnisBox.ergebnisHeader {background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.92); font-size: 16px; font-weight: 700;} *+html #vvergleich .ergebnisBox.ergebnisHeader { border: 1px solid #D63A2D } #vvergleich .ergebnisBox.ergebnisHeader a { color:#D63A2D; text-decoration:none } /* Sondereinstellung für Reise-Rechner */ #vvergleich .ergebnisBox.ergebnisHeader.reise .sp2 { text-align:left; padding-left:10px; } #vvergleich .ergebnisBox.ergebnisHeader.reise .sp4 { text-align:left; width:90px; margin-left:0;} #vvergleich .ergebnisBox.ergebnisHeader.reise .sp5 { text-align:left; width:90px; margin-left:20px;} #vvergleich .cell.sp4 .buttons {font-size:10px;float:left;display:block;margin-top:5px;} #vvergleich .cell.sp4 .buttons span {background-color:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.10);padding:1px 2px;border-radius:2px;height:14px;line-height:14px;} #vvergleich .cell.sp4 .buttons .aktiv {background-color:#D63A2D; box-shadow: rgba(0,0,0,0.75) 1px 1px;} #vvergleich .cell .balken {display:block; position:relative; height:75px; border-left: 1px solid rgba(255,255,255,0.10); border-top: 1px solid rgba(255,255,255,0.10); border-right: 1px solid rgba(255,255,255,0.10); border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px} #vvergleich .cell .balken span { background-color: rgba(255,255,255,0.07); background: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, #D63A2D 50%, #D63A2D 51%, #D63A2D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(50%,#D63A2D), color-stop(51%,#D63A2D), color-stop(100%,#D63A2D)); background: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background: linear-gradient(top, rgba(255,255,255,0.07) 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); filter: none; width:14px;margin:0 1px 0 0;padding:0;font-size:0;display:block;position:absolute;bottom:0; } #vvergleich .cell .balken .b1 { height:20px; left:0; margin-left: 10px; margin-bottom: 10px;} #vvergleich .cell .balken .b2 { height:25px; left:15px; margin-left: 10px;margin-bottom: 10px; } #vvergleich .cell .balken .b3 { height:30px; left:30px; margin-left: 10px; margin-bottom: 10px;} #vvergleich .cell .balken .b4 { height:35px; left:45px; margin-left: 10px; margin-bottom: 10px;} #vvergleich .cell .balken .b5 { height:40px; left:60px; margin-left: 10px; margin-bottom: 10px;} #vvergleich .cell .balken .b6 { height:45px; left:75px; margin-left: 10px; margin-bottom: 10px;} #vvergleich .cell.sp4 .leistungssterne span { height:19px; width:19px; display:block; float:left; cursor:pointer; background:url(https://res.makler-bund.de/h1/_images/star_small.png) no-repeat 0 0; margin:0; padding:0 } #vvergleich .cell.sp4 .leistungssterne span.aktiv { background-position:0 -38px!important; } #vvergleich .cell.sp4 .leistungssterne span.aktiv_halb { background-position:0 -57px!important; } #vvergleich .cell.sp4 .leistungssterne .leistungspunkte { clear:both; font-size:10px; padding-top:10px; text-align:center; width:95px; } #vvergleich .cell.sp4 .sterne_kriterien { border:2px solid rgba(255,255,255,0.24); background-color:rgba(255,255,255,0.03); position:absolute; width:340px;z-index:9999; font-size:10px; padding:5px; box-shadow: 0 0 10px rgba(0,0,0,0.70); border-radius: 5px; } #vvergleich .cell.sp4 .sterne_kriterien p.ue { margin:0 0 3px 0; font-weight:bold; font-size:13px; text-align:center } #vvergleich .cell.sp4 .sterne_kriterien dl.line { border-bottom:1px dotted rgba(255,255,255,0.24);} #vvergleich .cell.sp4 .sterne_kriterien dl.spalten dt {clear:left; float:left; width:260px;padding:3px 0; font-weight:normal; white-space:normal} #vvergleich .cell.sp4 .sterne_kriterien dl.spalten dd {margin-left:270px;padding:3px 0; width: 75px;} #vvergleich .cell .balken .aktiv { background-color: #D63A2D; background: -moz-linear-gradient(top, #D63A2D 0%, #D63A2D 50%, #D63A2D 51%, #D63A2D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D63A2D), color-stop(50%,#D63A2D), color-stop(51%,#D63A2D), color-stop(100%,#D63A2D)); background: -webkit-linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background: -o-linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background: -ms-linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background: linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); filter: none; } #vvergleich .ergebnisBox .balken { margin-top:20px } .empfehlungen-dummy, .leistunginfo-dummy, .tarifinfo-dummy, .angebot-dummy { display:none } #content-leistunginfo .symbole { margin:5px 10px 15px 0;} #content-leistunginfo .buttons .buttonline {display:block;font-size:12px } #content-leistunginfo .buttons span { display:inline-block; margin:0 10px 5px 0;text-align:center; width:50px; font-size:10px; height:14px; line-height:14px;} #content-leistunginfo .cell.sp4 .balkenline { float:left; width:100px;} #content-leistunginfo .balkenline .balken, #content-leistunginfo .cell.sp4 .balkenline .punkte{width:54px; padding-bottom:10px;} #content-leistunginfo .text{margin-top:10px;} #content-leistunginfo .prozentwert{font-size:9px;} #content-leistunginfo .cell .balken span{width:8px;} #content-leistunginfo .cell .balken .b1{ height:10px; left:0; } #content-leistunginfo .cell .balken .b2{ height:14px; left:9px; } #content-leistunginfo .cell .balken .b3{ height:18px; left:18px; } #content-leistunginfo .cell .balken .b4{ height:22px; left:27px; } #content-leistunginfo .cell .balken .b5{ height:26px; left:36px; } #content-leistunginfo .cell .balken .b6{ height:30px; left:45px; } #content-leistunginfo .infotext{ display:none} #content-tarifinfo .symbole { float:left;margin:5px 10px 15px 0;} #content-tarifinfo .infotext {display:none} #legende_schaden_info, #legende_service_info, #infotext_wartezeit, #infotext_schaden, #infotext_empfehlung { display:none } #vvergleich input.empfehlung { float:left; margin:5px 0 0 10px;} #vvergleich input.wissenswertes { float:left; margin:5px 0 0 0;} #vvergleich .cell.sp4 .punkte { display:block;text-align:center;width:110px;font-size:11px;color:rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.10); border-bottom: 1px solid rgba(255,255,255,0.10); border-right: 1px solid rgba(255,255,255,0.10); border-top: 1px solid rgba(255,255,255,0.10); background: linear-gradient(to right, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 34%, rgba(255,255,255,0.04) 71%, rgba(255,255,255,0.04) 100%); border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; padding: 6px 0px;} #vvergleich .cell.sp4 .punkte .prozentwert {font-weight:500; } #vvergleich .cell .betrag {font-weight: 600;font-size: 25px; margin:0 0 0 0;display:block; padding-top: 25px;} #vvergleich .ergebnisBox .cell a.antrag {font-size:12px;display:block;} #vvergleich .ergebnisBox .cell a.angebot {margin-top:10px;font-size:12px;display:block;} #vvergleich .vergleichbutton-box {text-align:right;margin:0 0 0 0;padding:0;} #vvergleich .vergleichbutton-box.abstand {width: 100%; margin-top:10px; font-size: 12px; padding-left: 10px; margin-bottom: 20px;} #vvergleich .resultFilter_out { border-bottom:1px solid rgba(255,255,255,0.10); position:relative} #vvergleich .resultFilter { position:relative; margin:0 0 0 0; width: 100%; font-size: 12px;} #vvergleich .resultFilter_legend {font-weight:bold;padding:25px 5px 25px 5px; font-size:12px} #vvergleich .resultFilter_legend a { text-decoration:none; padding:2px 0 0 20px; vertical-align:middle;} #vvergleich .resultFilter_legend a.unten { background:url(https://res.makler-bund.de/h1/_images/pfeil_unten.png) no-repeat left; } #vvergleich .resultFilter_legend a.oben { background:url(https://res.makler-bund.de/h1/_images/pfeil_oben.png) no-repeat left; } #vvergleich .resultFilter .zahlweise, #vvergleich .resultFilter .beitrag, #vvergleich .resultFilter .prozent, #vvergleich .resultFilter .sortierung, #vvergleich .resultFilter .sb, #vvergleich .resultFilter .lstg_gliedertaxe, #vvergleich .resultFilter .tarif_sort{ margin:0 20px 10px 0; height:15px; width:100% } /*#vvergleich .resultFilter .gefunden {font-weight:bold;font-size:13px; margin:10px 10px 10px 250px; text-align:center}*/ #vvergleich .resultFilter .gefunden {color: rgba(255,255,255,0.92); font-weight:bold;font-size:13px; margin:0 10px 10px 0; text-align:right;} #vvergleich .resultFilter .prozent_info { font-size:10px; margin:0 0 5px 0; } #vvergleich .resultFilter .leftside { float:left; width: 28%;} #vvergleich .resultFilter .leftside .infoicon { margin-right:5px} #vvergleich .resultFilter .ZahlweiseSlider, #vvergleich .resultFilter .BeitragSlider, #vvergleich .resultFilter .PunkteSlider, #vvergleich .resultFilter .SortierungSlider, #vvergleich .resultFilter .SBSlider, #vvergleich .resultFilter .LstgGliedertaxeSlider, #vvergleich .resultFilter .selectsortierung {float: right; width: 68%; } #vvergleich .lvg_pfeil_oben img {padding-right: 15px;} #vvergleich .vergleichbutton-box a{padding-top: 10px;} /*#angezeigte_tarife {color:#F43F5E;}*/ /*#chk_show_hidden_tarife {display:block;margin-top:5px;font-weight:normal;} #chk_show_hidden_tarife.hidden {visibility:hidden;} #chk_show_hidden_tarife label { display:inline }*/ #vvergleich #chk_show_hidden_tarife { float: left; display:block;margin:0 50px 0 7px; font-weight:normal;} #chk_show_hidden_tarife.hidden {display:block!important; visibility:hidden!important;} #chk_show_hidden_tarife label { color: rgba(255,255,255,0.92); display:inline; font-size:11px } #vvergleich .blaettern { text-align:center; margin:10px 0 5px 0 } #vvergleich .blaettern a { padding:3px 5px;margin:0 0 } #vvergleich .blaetter-seiten a.active { font-weight:bold; color:#F43F5E } #vvergleich a.ausgrauen {color:rgba(255,255,255,0.58);} /*#vvergleich .ergebnisBox.hidden {display:none;}*/ #vvergleich .ergebnisBox.ausgrauen * {color:rgba(255,255,255,0.58)!important;} #vvergleich .ergebnisBox.ausgrauen .balken span {opacity: 0.3!important;} #vvergleich .ergebnisBox.ausgrauen .cell.sp4 .buttons span {opacity: 0.3!important;} #vvergleich .ergebnisBox.ausgrauen img {opacity: 0.3!important;} #vvergleich .ergebnisBox.ausgrauen .infoicon { } #vvergleich .ergebnisBox.ausgrauen a.tarif_gesinfo div {opacity: 0.3!important;} #vvergleich .chkleistungsvgl { float:right; margin:2px 0 0 0;} #vvergleich .BeitragSliderValue, #vvergleich .PunkteSliderValue, #vvergleich .ZahlweiseSliderValue, #vvergleich .SortierungSliderValue, #vvergleich .LstgGliedertaxeSliderValue, #vvergleich .SBSliderValue {background:none repeat scroll 0 0 transparent;border:medium none; white-space:nowrap; } /* Tooltip Tests */ /* eingabe begin */ #vvergleich a.tTip { font-weight:bold; border:0; margin-top:2px; text-decoration:none; display:block } #vvergleich .tTip {cursor:help; } #vvergleich .tTip img {border:0 } /* #vvergleich .tip {color: rgba(255,255,255,0.92);width:212px;padding-top:37px;overflow: hidden;display:none;position:absolute;z-index: 500;background: rgba(255,255,255,0.03) url(https://res.makler-bund.de/h1/_images/tipTop.png) no-repeat top;} #vvergleich .tipMid {background: rgba(255,255,255,0.03) url(https://res.makler-bund.de/h1/_images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;} #vvergleich .tipBtm {background: rgba(255,255,255,0.03) url(https://res.makler-bund.de/h1/_images/tipBtm.png) no-repeat bottom; height: 32px;} */ #tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999} #tiptip_holder.tip_top{padding-bottom:5px} #tiptip_holder.tip_bottom{padding-top:5px} #tiptip_holder.tip_right{padding-left:5px} #tiptip_holder.tip_left{padding-right:5px} #tiptip_content{ text-align:left; font-size:11px;color:rgba(255,255,255,0.92);padding:4px 8px;border:1px solid rgba(255,255,255,0.24);background-color:rgba(232,140,31,0.10);border-radius:3px;box-shadow:0 0 3px #555; font-family: Verdana, Arial, Helvetica, sans-serif} #tiptip_content{ max-height:250px; overflow: auto } #tiptip_content ul { margin-left:0; padding-left:15px } #tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0} #tiptip_holder.tip_top #tiptip_arrow{border-top-color:rgba(255,255,255,0.10);border-top-color:rgba(255,255,255,0.10);} #tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:rgba(255,255,255,0.10);border-bottom-color:rgba(255,255,255,0.10);} #tiptip_holder.tip_right #tiptip_arrow{border-right-color:rgba(255,255,255,0.10);border-right-color:rgba(255,255,255,0.10);} #tiptip_holder.tip_left #tiptip_arrow{border-left-color:rgba(255,255,255,0.10);border-left-color:rgba(255,255,255,0.10);} #tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-top-color:rgba(232,140,31,0.35);} #tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-5px;border-bottom-color:rgba(232,140,31,0.35);} #tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgba(232,140,31,0.35);} #tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgba(232,140,31,0.35);} *+html #tiptip_content { border:1px solid rgba(255,255,255,0.10); } /* eingabe end */ #vvergleich .ui-state-default, #vvergleich .ui-widget-content .ui-state-default, #vvergleich .ui-widget-header .ui-state-default { border: 1px solid rgba(255,255,255,0.24); background: #D63A2D; font-weight: bold; color: rgba(255,255,255,0.92); } #vvergleich .ui-state-default a, #vvergleich .ui-state-default a:link, #vvergleich .ui-state-default a:visited { color: #D63A2D; text-decoration: none; } #vvergleich .ui-state-hover, #vvergleich .ui-widget-content .ui-state-hover, #vvergleich .ui-widget-header .ui-state-hover, #vvergleich .ui-state-focus, #vvergleich .ui-widget-content .ui-state-focus, #vvergleich .ui-widget-header .ui-state-focus { border: 1px solid #D63A2D; background: #D63A2D; font-weight: bold; color: rgba(255,255,255,0.92); } #vvergleich .ui-state-hover a, #vvergleich .ui-state-hover a:hover { color: #D63A2D; text-decoration: none; } #vvergleich .ui-state-active, #vvergleich .ui-widget-content .ui-state-active, #vvergleich .ui-widget-header .ui-state-active { border: 1px solid rgba(255,255,255,0.24); background: #D63A2D; font-weight: bold; color: #FFFFFF; } #vvergleich .ui-state-active a, #vvergleich .ui-state-active a:link, #vvergleich .ui-state-active a:visited { color: #FFFFFF; text-decoration: none; } #vvergleich .ui-widget :active { outline: none; } #vvergleich .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } #vvergleich .ui-widget .ui-widget { font-size: 1em; } #vvergleich .ui-widget input, #vvergleich .ui-widget select, #vvergleich .ui-widget textarea, #vvergleich .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } #vvergleich .ui-widget-content { border: 1px solid #D63A2D; background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.92); } #vvergleich .ui-widget-content a { color: rgba(255,255,255,0.92); } #vvergleich .ui-widget-header { border: 1px solid #D63A2D; color: rgba(255,255,255,0.92); font-weight: bold; } #vvergleich .ui-widget-header a { color: rgba(255,255,255,0.92); } #vvergleich .ui-slider { position: relative; text-align: left; cursor:pointer; } #vvergleich .ui-slider .ui-slider-handle { /*background: #D63A2D url(https://res.makler-bund.de/h1/_images/slider.png) 50% 50% no-repeat;*/ background: #D63A2D; background-image: url(https://res.makler-bund.de/h1/_images/slider.png); background-image: url(https://res.makler-bund.de/h1/_images/slider.png), -moz-linear-gradient(top, #D63A2D 0%, #D63A2D 50%, #D63A2D 51%, #D63A2D 100%); background-image: url(https://res.makler-bund.de/h1/_images/slider.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D63A2D), color-stop(50%,#D63A2D), color-stop(51%,#D63A2D), color-stop(100%,#D63A2D)); background-image: url(https://res.makler-bund.de/h1/_images/slider.png), -webkit-linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background-image: url(https://res.makler-bund.de/h1/_images/slider.png), -o-linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); background-image: url(https://res.makler-bund.de/h1/_images/slider.png), -ms-linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%); /*background-image: url(https://res.makler-bund.de/h1/_images/slider.png), linear-gradient(top, #D63A2D 0%,#D63A2D 50%,#D63A2D 51%,#D63A2D 100%);*/ background-position: 50% 50%; background-repeat: no-repeat; cursor:pointer; position: absolute; z-index: 3; width: 1.6em!important; height: 1.2em!important; } #vvergleich .ui-slider .ui-slider-range { background-color: #D63A2D; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; cursor:pointer; background-image: url(https://res.makler-bund.de/h1/_images/handle_bg.png); /* -webkit-gradient */ background-repeat: repeat-x; } #vvergleich .ui-slider .tick { z-index: 2; border-left: 2px solid #D63A2D; position: absolute; height: 100%; font-size: 1.8em; line-height: 1.8em; background: none; text-align: center; } #vvergleich .ui-slider-horizontal { height: .5em; margin:3px 0 3px 0; border-radius:2px; } #vvergleich .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; border-radius:10px;-webkit-box-shadow:rgba(0,0,0,0.60) 1px 1px;box-shadow:rgba(0,0,0,0.60) 1px 1px; } #vvergleich .ui-slider-horizontal .ui-slider-handle:hover { background-color:#D63A2D; } #vvergleich .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #vvergleich .ui-slider-horizontal .ui-slider-range-min { left: 0; } #vvergleich .ui-slider-horizontal .ui-slider-range-max { right: 0; } #content-angebot dl.spalten dt {clear:left; float:left; width:120px;padding:3px; font-weight:bold} #content-angebot dl.spalten dd {margin-left:120px;padding:3px} #content-angebot dl.spalten .feld1 { width:300px; } #content-angebot dl.spalten .feld2 { width:65px; } #content-angebot dl.spalten .feld3 { width:230px; } #content-angebot dl.spalten .text1 { width:300px; height:35px; } #content-angebot dl.spalten dd.tarif, #content-angebot dl.spalten dd.gesellschaft { font-weight:bold} #content-angebot dl.spalten .feld1, #content-angebot dl.spalten .feld2, #content-angebot dl.spalten .feld3, #content-angebot dl.spalten .text1 {border:1px solid rgba(255,255,255,0.24)} #content-angebot dl.spalten .feld1.error, #content-angebot dl.spalten .feld2.error, #content-angebot dl.spalten .feld3.error, #content-angebot dl.spalten .text1.error {border:3px solid #F43F5E} /* eingabe begin */ #dialog-overlay {width:100%;height:100%;opacity: 0.8;background:rgba(255,255,255,0.03);position:fixed;top:0; left:0; z-index:3000; display:none;} #dialog-box {padding-top:5px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.70);box-shadow: 0 0 10px rgba(0,0,0,0.70);border-radius: 5px;border:3px solid #D63A2D;background:rgba(255,255,255,0.03);width:550px;position:absolute;z-index:5000;display:none;} #dialog-box .dialog-content {text-align:left; padding:5px 0 0 5px; margin:13px;color:rgba(255,255,255,0.92); line-height:16px;font-size:13px; } #dialog-box .buttons {text-align:center;margin:10px auto 0 auto;} #dialog-box a.button_send {margin-right:10px;text-align:center;display:inline;padding: 3px 5px;color: #FFFFFF;text-decoration: none;font-weight: bold;line-height: 1;width:80px;background-color: #D63A2D;border-radius: 5px;box-shadow: 0 1px 3px rgba(0,0,0,0.70);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.10);position: relative;cursor: pointer;} #dialog-box a.button { display:none; } #dialog-box a.button.ecke {position:absolute; right:2px; top:0; text-align:center; display:block;padding: 2px 5px;color: #FFFFFF;text-decoration: none;font-weight: bold;line-height: 1;width:20px;background-color: #D63A2D;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.70);-o-box-shadow: 0 1px 3px rgba(0,0,0,0.70);-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.70);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.70);box-shadow: 0 1px 3px rgba(0,0,0,0.70);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.10);cursor: pointer;} #dialog-box a.button:hover, #dialog-box a.button_send:hover {background-color:#D63A2D;} #dialog-box a.button:active, #dialog-box a.button_send:active {background-color:#D63A2D;} #dialog-message {max-height:400px;overflow:auto;} #dialog-box .dialog-content p {font-weight:normal;margin:0 0 10px 0;} #dialog-box .dialog-content ul {margin:10px 0 10px 0;padding:0; list-style:none;} #dialog-box .dialog-content ul li{margin-bottom:5px;} #dialog-box .bewertungslogo { float:right; margin-right:20px } #dialog-box p.kategorie { border-bottom:1px dotted rgba(255,255,255,0.10); margin-bottom:5px; margin-right:20px; padding-bottom:5px } #dialog-box dl.kategorie_bereich { margin-bottom:6px } #dialog-box dd.beschreibung { clear:both; float:left; width:350px; margin:0 } #dialog-box dt.bewertung_sterne { width:100px; margin-right:20px; float:right; text-align:center } #dialog-box p.makler { font-weight:bold; border-bottom:1px dotted rgba(255,255,255,0.10); margin-bottom:5px; margin-right:20px; padding-bottom:5px } #dialog-box p.makler_meinung { font-style:italic } /* eingabe end */ table#tbl_GesellListe .row-header td , table#tbl_vorgaben .row-header td, table#detailFragen .row-header td { font-size:12px; font-weight:bold; padding:10px 0 10px 0; border-bottom:1px solid rgba(255,255,255,0.24) } #vvergleich .rot {color: #F43F5E;} #vvergleich .table-berechnung{border-top:1px solid rgba(255,255,255,0.10);border-left:1px solid rgba(255,255,255,0.10);width:100%;} #vvergleich .table-berechnung tr td {border-bottom:1px solid rgba(255,255,255,0.10);border-right:1px dotted rgba(255,255,255,0.10);text-align:left;padding:2px 6px;} #vvergleich .table-berechnung td.sp1 {text-align:center;vertical-align:middle;} #vvergleich .table-berechnung td.sp1 a {text-decoration:none;padding:5px 0;display:block;} #vvergleich .table-berechnung td.sp1 a .label {text-decoration:underline;font-size:11px;} #vvergleich .table-berechnung td.sp5 {text-align:right;white-space:nowrap;} #vvergleich .table-berechnung td.sp6 {white-space:nowrap;font-weight:bold;font-size:14px;color:#F43F5E;} #vvergleich .table-berechnung td.sp7 {white-space:nowrap;} #vvergleich .table-berechnung td.sp8 {text-align:right;white-space:nowrap;} #vvergleich .table-berechnung td.sp8 .chkleistungsvgl {margin:0;float:none;} #vvergleich .table-berechnung .row-header td {font-weight:bold;text-align:center;background-color: #D63A2D;color:#FFFFFF;} #vvergleich .table-berechnung .row-header a {color:#FFFFFF;} #vvergleich .table-berechnung a.infoicon {text-decoration:none;} div.auxmtbasicemnxczelas, div.auxmtbasicemnxczelas span, div.auxmtbasicemnxczelas li { background-color: rgba(255,255,255,0.03)!important; } div.auxmtbasicemnxczelas li { margin-left:0!important; font-family: inherit, sans-serif; font-size:12px!important; color: rgba(255,255,255,0.58)!important; border-top-color: rgba(255,255,255,0.10)!important; } div.auxmtbasicemnxczelas li.ac_over { color:#FFFFFF!important; background-color: rgba(255,255,255,0.12)!important } /* eingabe begin */ #DIV_Gliedertaxe { width: 100%; height: 440px; position: relative; margin: auto; border-top:1px solid rgba(255,255,255,0.10) } #DIV_Gliedertaxe input{ position: absolute; border: solid 0 #D63A2D;border-bottom-width: 1px;color: rgba(255,255,255,0.92);bottom: -2px;text-align: right;width: 42px;font-size:12px; } #DIV_Gliedertaxe .gliedertaxe_bild { position: absolute; left: 0; top: 0; } #DIV_Gliedertaxe .info {line-height:14px; font-size:11px; margin-right:20px; position: absolute; left: 20px; top: 8px;} #DIV_Gliedertaxe .links { left: 20px; position: absolute; width: 220px; } #DIV_Gliedertaxe .rechts { left: 390px; position: absolute; width: 180px; } #DIV_Gliedertaxe .links input{right: 10px;} #DIV_Gliedertaxe .links .prefix{ right: 60px; white-space: nowrap;} #DIV_Gliedertaxe .links .suffix{ right: 0;} #DIV_Gliedertaxe .rechts input{ left: 0;} #DIV_Gliedertaxe .rechts .prefix{ left: 56px; white-space: nowrap;} #DIV_Gliedertaxe .rechts .suffix{ left: 45px;} #DIV_Gliedertaxe .suffix{ position: absolute; bottom: 0; font-size:11px;} #DIV_Gliedertaxe .prefix{ position: absolute; bottom: 0; text-align: right; font-size:11px;} /* eingabe end */ /* für Antrag */ #mrmoAntrag table, #tbl_antrag, #TBL_Beratungsdokumentation table { margin:0 auto;padding:0} #mrmoAntrag table td, #tbl_antrag td, #TBL_Beratungsdokumentation table td {padding:3px} #mrmoAntrag table input.Auftrag, #tbl_antrag input.Auftrag, #TBL_Beratungsdokumentation table input.Auftrag { font-size:14px; font-weight:bold; margin:10px 0} #mrmoAntrag table .antart, #tbl_antrag .antart, #TBL_Beratungsdokumentation table .antart { font-size:15px; font-weight:bold; color:rgba(255,255,255,0.92); } #mrmoAntrag table .antart span, #tbl_antrag .antart span, #TBL_Beratungsdokumentation table .antart span { padding-top:10px; display:inline-block;} #mrmoAntrag table .antart img, #tbl_antrag .antart img, #TBL_Beratungsdokumentation table .antart img {float:right;} #mrmoAntrag table .balken, #tbl_antrag .balken, #TBL_Beratungsdokumentation table .balken {background-color:#D63A2D; height:8px} #mrmoAntrag table .antus, #tbl_antrag .antus, #TBL_Beratungsdokumentation table .antus {font-size:12px; font-weight:bold; color:rgba(255,255,255,0.92); background-color:rgba(255,255,255,0.07);} #mrmoAntrag table .antt, #tbl_antrag .antt, #TBL_Beratungsdokumentation table .antt {font-size:12px; font-weight:normal; background-color:rgba(255,255,255,0.04);} #mrmoAntrag table .antk, #tbl_antrag .antk, #TBL_Beratungsdokumentation table .antk {font-size:9px; font-weight:normal; background-color:rgba(255,255,255,0.04);} /* Für 1-2-3 Schritte */ /* eingabe begin */ .clear_steps {clear:both; height:8px} #steps {width:600px; margin:0 auto;} #steps .step {float:left; height:30px; position:relative; background-color:#D63A2D;} #steps .step1 {width:30%;border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px;} #steps .step2 {width:40%} #steps .step3 {width:30%;border-top-right-radius:5px; -moz-border-radius-topright:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;} #steps .step.active {background-color:#D63A2D; } #steps .number {font-size:20px; font-weight:bold; color:rgba(255,255,255,0.92); display:inline-block; position:absolute; left:0; top:6px!important; line-height:13px} #steps .step1 .number {left:10px;} #steps .active .number {color:rgba(255,255,255,0.58); } #steps .caption {font-family:verdana, sans-serif; font-weight:bold; font-size:13px; margin:6px 40px 0 30px; display:inline-block; color:rgba(255,255,255,0.92);} #steps .step1 .caption {margin-left:40px;} #steps .caption a {color:#FFFFFF; text-decoration:none;} #steps .active .caption {color:#FFFFFF; } #steps .triangle { font-size:0; display:inline-block; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #D63A2D; border-style: solid; border-width: 15px; height:0; width:0; position:absolute; top:0; right:2px; z-index:3000; } #steps .triangle-border {font-size:0; display:inline-block; border-top-color: #D63A2D; border-right-color: #D63A2D; border-bottom-color: #D63A2D; border-left-color: rgba(255,255,255,0.24); border-style: solid; border-width: 15px; height:0; width:0; position:absolute; top:0; right:0; z-index:1000;} #steps .active .triangle { font-size:0; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #D63A2D;} #steps .fullactive .triangle-border { border-top-color: #D63A2D; border-right-color: #D63A2D; border-bottom-color: #D63A2D; border-left-color: rgba(255,255,255,0.24);} /* eingabe end */ input[disabled], input:disabled {background-color: rgba(255,255,255,0.04) !important;color: rgba(255,255,255,0.58) !important;} /* eingabe begin */ #vvergleich p.zusatzfragen { font-size:11px; margin:5px 5px 10px 5px} #vvergleich p.zusatzfragen label, #vvergleich p.zusatzfragen input { cursor:pointer; } #vvergleich p.zusatzfragen input { float:left; margin:5px 10px 5px 5px} #vvergleich .row-1 {background-color: rgba(255,255,255,0.04)!important} #vvergleich .row-2 {background-color: rgba(255,255,255,0.03)!important} /* eingabe end */ #vvergleich .bewertung { width: 95px; height:19px; margin:8px auto 0 auto } #vvergleich .bewertung .star { float:left; cursor:pointer; background:url(https://res.makler-bund.de/h1/_images/star_small.png) no-repeat 0 0; height:19px; width:19px; margin:0; padding:0 } #vvergleich .bewertung .markiert_halb { background-position:0 -57px; } #vvergleich .bewertung .markiert { background-position:0 -38px; } #vvergleich .vertical { display:table-cell; vertical-align:middle; height: 170px; border-right: 1px solid rgba(255,255,255,0.10); } /* kfz rechner begin */ #vvergleich .row-3{background:rgba(232,140,31,0.10)!important} #vvergleich .toggle_table{z-index:7;width:600px;margin-top:50px;position:absolute} #vvergleich .errorBox{padding:1px 5px;margin:3px 0;color:#F43F5E;background:rgba(244,63,94,0.12);border:1px solid #F43F5E} #vvergleich .subHeader{text-align:center;font-weight:bold;padding:5px;border-bottom:1px solid #D63A2D;border-top:1px solid #D63A2D;border-left:1px solid #D63A2D;border-right:1px solid #D63A2D} #vvergleich #vgl_layer{position:absolute;z-index:3;top:0;left:0;background-color:#13131F;opacity:0.5;filter:Alpha(opacity=50);} #vvergleich .topRound{-moz-border-radius-topleft:5px;-moz-border-radius-topright:20px} #vvergleich .schattiert{-moz-box-shadow:1px 4px 16px 3px #000} #vvergleich .topMenuBox{white-space:nowrap; font:11px Arial,Helvetica,sans-serif; } #vvergleich .topMenuBox .MenuEntry{text-align:center;padding:2px 18px;margin-right:10px;cursor:default;display:inline-block;border-left:1px solid #D63A2D;border-top:1px solid #D63A2D;border-right:1px solid #D63A2D} #vvergleich .topMenuBox .MenuEntry.none{color:rgba(255,255,255,0.58);background:rgba(255,255,255,0.04)} #vvergleich .topMenuBox .MenuEntry.aktiv{color:#FFFFFF;background:#D63A2D} #vvergleich .topMenuBox .MenuEntry.done{color:rgba(255,255,255,0.92);background:rgba(16,185,129,0.14)} #vvergleich .topMenuBox .MenuEntry.done:hover{cursor:pointer; color:#FFFFFF;background:#D63A2D} #vvergleich .sp0{width:276px} #vvergleich .sp100{width:100px} #vvergleich .sp148{width:148px} #vvergleich .sp200{width:200px} #vvergleich .sp228{width:228px} #vvergleich input[readonly]{color:rgba(255,255,255,0.58);background:rgba(255,255,255,0.04)} /* kfz rechner eingabe end */ #vvergleich table .row-header { font-weight: bold; text-align: center; background-color: #D63A2D; } #vvergleich table .row-header td, #vvergleich table .row-header th { color: #FFFFFF!important; } #vvergleich .BubbleStyle{text-align:center; margin:0 auto; position:absolute; text-decoration:none!important; font-size:11px; font-family:Verdana, Arial, sans-serif; padding:3px 4px; color:rgba(255,255,255,0.92)!important; z-index:10000; display:none; height:15px; border:1px solid rgba(255,255,255,0.10); border-radius:5px; background-color:rgba(232,140,31,0.10)} /* PRINT */ .printonly { display: none } @media print { .printonly { display: block } #vvergleich .ergebnisBox, #vvergleich .ergebnisBox div, #vvergleich .ergebnisBox span { page-break-inside: avoid!important; } } /* Touch Style */ #vvergleich.isTouchDevice .ui-slider-horizontal .ui-slider-handle { top:-.8em; } #vvergleich.isTouchDevice .ui-slider .ui-slider-handle { width: 2.5em!important; height: 1.7em!important; } /* Neues Tipp-System */ #vvergleich #ergebnisBox-out { position: relative; } #vvergleich .ergebnisBox.preisTipp { background: url(https://res.makler-bund.de/h1/_images/preisTipp.png); background-position: 101% 102%; background-repeat: no-repeat; } #vvergleich .ergebnisBox.leistungTipp { background-image: url(https://res.makler-bund.de/h1/_images/leistungTipp.png); background-position: 102% 104%; background-repeat: no-repeat; } #vvergleich .ergebnisBox.preisleistungTipp { background-image: url(https://res.makler-bund.de/h1/_images/plTipp.png); background-position: 101% 104%; background-repeat: no-repeat; } #vvergleich .ergebnisBox.preisTipp .cell.sp6, #vvergleich .ergebnisBox.leistungTipp .cell.sp6, #vvergleich .ergebnisBox.preisleistungTipp .cell.sp6 { top:0 } #vvergleich .ergebnisBox.preisTipp .tipp_header a.infoiconAutoTipp, #vvergleich .ergebnisBox.leistungTipp .tipp_header a.infoiconAutoTipp, #vvergleich .ergebnisBox.preisleistungTipp .tipp_header a.infoiconAutoTipp { background: none; text-decoration:none; color: #F43F5E; cursor: default; font-size: 13px; } #vvergleich .ergebnisBox.preisTipp .tipp_header, #vvergleich .ergebnisBox.leistungTipp .tipp_header, #vvergleich .ergebnisBox.preisleistungTipp .tipp_header { background: rgba(232,140,31,0.10); background: -moz-linear-gradient(top, rgba(232,140,31,0.10) 0%, rgba(232,140,31,0.10) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,140,31,0.10)), color-stop(100%,rgba(232,140,31,0.10))); background: -webkit-linear-gradient(top, rgba(232,140,31,0.10) 0%,rgba(232,140,31,0.10) 100%); background: -o-linear-gradient(top, rgba(232,140,31,0.10) 0%,rgba(232,140,31,0.10) 100%); background: -ms-linear-gradient(top, rgba(232,140,31,0.10) 0%,rgba(232,140,31,0.10) 100%); background: linear-gradient(to bottom, rgba(232,140,31,0.10) 0%,rgba(232,140,31,0.10) 100%); filter: none; font-weight:bold;letter-spacing:2px;font-size:14px;padding:4px 3px 3px 5px; text-align:center } #vvergleich .ergebnisBox.tipp.preisTipp, #vvergleich .ergebnisBox.tipp.leistungTipp, #vvergleich .ergebnisBox.tipp.preisleistungTipp { margin-bottom: 10px; border: 1px solid rgba(255,255,255,0.10); background-color: rgba(232,140,31,0.10) ! important; } #vvergleich .ergebnisBox.preisTipp .line .tippNichtGefunden , #vvergleich .ergebnisBox.leistungTipp .line .tippNichtGefunden, #vvergleich .ergebnisBox.preisleistungTipp .line .tippNichtGefunden { color: #F43F5E; font-weight: bold; padding-top: 27px; margin-left: 142px; margin-right: 91px; } #vvergleich .ergebnisBox.preisTipp .position, #vvergleich .ergebnisBox.leistungTipp .position, #vvergleich .ergebnisBox.preisleistungTipp .position { display:none; } #vvergleich .ergebnisBox .position { display: none; visibility: hidden; } #vvergleich .sortInfo { margin-bottom: 5px; font-weight: bold; text-align: center } #vvergleich .ergebnisHeader .line .cell.sp1 {background: rgba(255,255,255,0.03)!important;} #vvergleich .ergebnisHeader .line .cell.sp4 { padding-left: 22px!important; } #mrmo_vvergleich .tarifdetails-box, #vvergleich .tarifdetails-box { display: block; text-align: center; padding-top: 10px; } #mrmo_vvergleich .tarifdetails-box-mobile, #vvergleich .tarifdetails-box-mobile { text-align: center; margin-top: 15px; } #mrmo_vvergleich .tarifdetails-box img, #vvergleich .tarifdetails-box img { vertical-align: middle; } #mrmo_vvergleich .tarifdetails-box-mobile img, #vvergleich .tarifdetails-box-mobile img { vertical-align: middle; } #mrmo_vvergleich .tl-details-box, #vvergleich .tl-details-box { margin: 10px; line-height: 1.4; } #mrmo_vvergleich .tl-details-head, #vvergleich .tl-details-head { display: flex; } #mrmo_vvergleich .tl-details-elem, #vvergleich .tl-details-elem { flex: 1 0 0; text-align: center; font-size: 14px; padding: 5px 0; background-color: rgba(255,255,255,0.07); border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; margin: 0 2px; transition: background-color .2s ease; } #mrmo_vvergleich .tl-details-close, #vvergleich .tl-details-close { text-align: right; font-size: 20px; padding: 5px 0; cursor: pointer; margin: 0 2px; width: 32px; color: grey; font-weight: bold; } #mrmo_vvergleich .tl-details-close:hover, #vvergleich .tl-details-close:hover { color: black; } #mrmo_vvergleich .tl-details-tbl-td-q.tl-subheader, #vvergleich .tl-details-tbl-td-q.tl-subheader { font-size: 14px; font-weight: bold; padding-top: 5px; } #mrmo_vvergleich .tl-details-elem:hover, #vvergleich .tl-details-elem:hover { background-color: rgba(255,255,255,0.04); } #mrmo_vvergleich .tl-details-elem img, #vvergleich .tl-details-elem img { vertical-align: middle; opacity: 0.7; } #mrmo_vvergleich .tl-details-elem.tl-active img, #vvergleich .tl-details-elem.tl-active img { opacity: 1; } #mrmo_vvergleich .tl-details-elem.tl-active, #vvergleich .tl-details-elem.tl-active { font-weight: bold; background-color: rgba(255,255,255,0.04); } #mrmo_vvergleich .tl-details-content, #vvergleich .tl-details-content { width: 100%; background-color: rgba(255,255,255,0.04); padding: 5px 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #mrmo_vvergleich .tl-details-tbl-tr, #vvergleich .tl-details-tbl-tr { cursor: default; display: flex; font-size: 13px; padding: 2px 15px; transition: background-color .2s ease; border: 1px solid transparent; } #mrmo_vvergleich .tl-details-tbl-tr:hover, #vvergleich .tl-details-tbl-tr:hover { background-color: white; border: 1px solid rgba(255,255,255,0.24); } #mrmo_vvergleich .tl-details-tbl-td-q, #vvergleich .tl-details-tbl-td-q { width: 50%; padding-right: 5px; } #mrmo_vvergleich .tl-details-tbl-td-a, #vvergleich .tl-details-tbl-td-a { width: 50%; } #mrmo_vvergleich .tl-details-tbl-td, #vvergleich .tl-details-tbl-td { /*border: 1px solid black;*/ } #mrmo_vvergleich a.tTip.tl-details-q, #vvergleich a.tTip.tl-details-q { display: inline; font-weight: normal; color: darkblue; cursor: help; } #mrmo_vvergleich .tl-details-loading, #vvergleich .tl-details-loading { text-align: center; font-weight: bold; padding: 20px; } #mrmo_vvergleich .tl-details-elem-one, #vvergleich .tl-details-elem-one { display: inline-block; line-height: 2.1; } #mrmo_vvergleich .tl-details-elem-two, #vvergleich .tl-details-elem-two { display: inline-block; line-height: 2.1; } #mrmo_vvergleich .tl-arrow-img, #vvergleich .tl-arrow-img { padding-left: 5px; } #vvergleich.mrmo-fixed .tl-details-elem-one { display: block; } #vvergleich.mrmo-fixed .tl-details-elem-two { display: block; font-size: 12px; } #mrmo_vvergleich .tl-details-globalcontent, #vvergleich .tl-details-globalcontent { width: 100%; background-color: rgba(255,255,255,0.04); padding: 5px 0; border-radius: 10px; margin-bottom: 10px; } @media only screen and (max-width:1020px){ #vvergleich .ergebnisBox .cell.sp2 {width: 35%;} } @media only screen and (max-width:888px){ #vvergleich .ergebnisBox .cell.sp5 {border-left: 0px;} #vvergleich .resultFilter .ZahlweiseSlider, #vvergleich .resultFilter .BeitragSlider, #vvergleich .resultFilter .PunkteSlider, #vvergleich .resultFilter .SortierungSlider, #vvergleich .resultFilter .SBSlider, #vvergleich .resultFilter .LstgGliedertaxeSlider, #vvergleich .resultFilter .selectsortierung{ width: 64% } #vvergleich .resultFilter .leftside {width: 32%;} } @media only screen and (max-width:768px){ #vvergleich .eingabeBox .cell.sp1 {width: 100%; height: auto; margin-right: 0px; margin-left: 0px; text-align: center; font-size: 13px; font-weight: bold; color: rgba(255,255,255,0.58); line-height: 20px; } #vvergleich .eingabeBox .cell.sp3 {display: none;} #vvergleich .eingabeBox .cell.sp2 {width: 100%; margin-left: 0px; padding-top: 0px; font-size: 13px; font-weight: 300; text-align: center; padding: 5px 0px; } #vvergleich select.form-select {max-width: 95%;} #vvergleich .resultFilter .leftside {float: none; width: 100%; padding-bottom: 5px;} #vvergleich .resultFilter .ZahlweiseSlider, #vvergleich .resultFilter .BeitragSlider, #vvergleich .resultFilter .PunkteSlider, #vvergleich .resultFilter .SortierungSlider, #vvergleich .resultFilter .SBSlider, #vvergleich .resultFilter .LstgGliedertaxeSlider, #vvergleich .resultFilter .selectsortierung{float: none; width: 100%;} #vvergleich .resultFilter .zahlweise, #vvergleich .resultFilter .beitrag, #vvergleich .resultFilter .prozent, #vvergleich .resultFilter .sortierung, #vvergleich .resultFilter .sb, #vvergleich .resultFilter .lstg_gliedertaxe, #vvergleich .resultFilter .tarif_sort {margin: 0 20px 14px 15px; height: 30px; width: 90%;} #vvergleich .resultFilter .leftside .infoicon {display: none;} #vvergleich .vergleichbutton-box.abstand {margin-top: 0px;} #vvergleich .vergleichbutton-box a {padding-bottom: 10px;} #vvergleich .ergebnisBox {overflow: hidden;} #vvergleich .ergebnisBox .position {display: none;} #vvergleich .ergebnisBox .line .cell.sp1 {background: none; width: 40%;} #vvergleich .vertical {border-right: 0px; height: 130px;} #vvergleich .ergebnisBox.ergebnisHeader {display: none;} #vvergleich .ergebnisBox .cell.sp4 { position: absolute; top: 130px; left: 0px; background: rgba(255,255,255,0.04); width: 40%; padding: 0px 17px 10px 5px;} #vvergleich .ergebnisBox .cell.sp4 .tariflstg-box-out {width: 110px; display: block; margin: 0 auto;} #vvergleich .cell .balken {width: 110px; margin-top: 10px; top: 0px; background: #ffffff75;} #vvergleich .ergebnisBox .cell.sp5 {width: 45%; padding: 0px 30px 0px 0px;} #vvergleich .ergebnisBox .cell.sp5 .zahlweise {margin-bottom: 10px;} #vvergleich .ergebnisBox .cell.sp2 {padding: 130px 0px 0px 0px; width: 57%; position: relative; float: right; margin-right: 0px; } #vvergleich .ergebnisBox .cell.sp2 .settings-box-out { background: rgba(255,255,255,0.04); height: 145px; width: 50%; text-align: center;} } @media only screen and (max-width:500px){ #vvergleich .ergebnisBox .line .cell.sp1 {width: 34%} #vvergleich .ergebnisBox .cell.sp2 {width:64%} #vvergleich .ergebnisBox .cell.sp2 .settings-box-out { padding-left: 0px; position: relative; z-index: 1; padding-bottom: 3px; } #vvergleich .ergebnisBox .cell.sp4 { width: 30%; padding: 0px 22px 10px 8px;} } @media only screen and (max-width: 768px) { #mrmo_vvergleich .tl-details-close, #vvergleich .tl-details-close { display: none ! important; } #mrmo_vvergleich .tarifdetails-box-mobile, #vvergleich .tarifdetails-box-mobile { display: block ! important; z-index: 20; color: rgba(255,255,255,0.92); right: 0%; } #mrmo_vvergleich .tarifdetails-box-mobile, #vvergleich .tarifdetails-box-mobile a{ color: #D63A2D; } #mrmo_vvergleich .tarifdetails-box, #vvergleich .tarifdetails-box { display: none ! important; } #mrmo_vvergleich .tl-box, #vvergleich .tl-box { margin-top: 15px; } #mrmo_vvergleich .tl-details-box, #vvergleich .tl-details-box { margin: 10px 0; } #mrmo_vvergleich .tl-details-tbl-tr, #vvergleich .tl-details-tbl-tr { display: block; margin-bottom: 5px; padding-bottom: 5px; } #mrmo_vvergleich .tl-details-tbl-td-q, #vvergleich .tl-details-tbl-td-q { width: auto; font-weight: bold; } #mrmo_vvergleich .tl-details-tbl-td-q.tl-subheader, #vvergleich .tl-details-tbl-td-q.tl-subheader { border-bottom: 2px dotted rgba(255,255,255,0.24); } #mrmo_vvergleich .tl-details-tbl-td-a, #vvergleich .tl-details-tbl-td-a { width: auto; } #mrmo_vvergleich .tl-details-tbl-tr:hover, #vvergleich .tl-details-tbl-tr:hover { background-color: transparent; border: 1px solid transparent; } #mrmo_vvergleich .tl-details-elem-one, #vvergleich .tl-details-elem-one { display: block; } #mrmo_vvergleich .tl-details-elem-two, #vvergleich .tl-details-elem-two { display: block; font-size: 12px; } } /* ========================================================================= Ergänzungen für den dunklen Grund — nicht im Original enthalten. ========================================================================= */ html, body { background: #1A1A2E; color: rgba(255,255,255,0.92); /* Sagt dem Browser, dass er native Steuerelemente, Bildlaufleisten und Aufklapplisten dunkel zeichnen soll. Ohne das bleiben Auswahlfelder weiße Kästen mitten in der dunklen Maske. */ color-scheme: dark; } #vvergleich { background: transparent; /* mr-money setzt oben eine 3-px-Linie in der Markenfarbe. Bei uns wurde daraus ein roter Balken über dem ganzen Rechner — der Faden ist links als Bahn schon da, zweimal ist einmal zu viel. */ border-top: 0; border-radius: 0; padding: 0; width: auto; } /* mr-money schreibt die Tarifkarten mit `style="background-color:#fff"` direkt ins HTML. Inline-Angaben schlagen jedes Stylesheet — nur !important kommt dagegen an. Ohne diese Regel stehen 17 weiße Kästen auf dunklem Grund, und die weiße Schrift darin ist unsichtbar. */ #vvergleich .ergebnisBox[style], #vvergleich .ergebnisBox { background-color: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.10); border-radius: 14px; } #vvergleich .ergebnisBox.ergebnisHeader { background-color: transparent !important; border: 0; border-bottom: 1px solid rgba(255,255,255,0.10); border-radius: 0; color: rgba(255,255,255,0.58); } /* --- Eingabefelder ------------------------------------------------------ */ #vvergleich input[type="text"], #vvergleich input[type="number"], #vvergleich input[type="email"], #vvergleich input[type="tel"], #vvergleich input[type="date"], #vvergleich input[type="password"], #vvergleich select, #vvergleich textarea { background-color: rgba(255,255,255,0.04); color: rgba(255,255,255,0.92); border: 1px solid rgba(255,255,255,0.10); border-radius: 10px; padding: 8px 12px; font-family: "Inter Variable", system-ui, sans-serif; font-size: 15px; font-weight: 500; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease; } #vvergleich select { padding-right: 28px; } #vvergleich input::placeholder, #vvergleich textarea::placeholder { color: rgba(255,255,255,0.55); opacity: 1; } /* Hover auf Feldern ist bewusst leer — siehe Begründung im Maskenblock. */ #vvergleich input:focus, #vvergleich select:focus, #vvergleich textarea:focus { outline: none; border-color: #D63A2D; box-shadow: 0 0 0 3px rgba(214,58,45,0.20); } /* Das Kalender-Symbol nativer Datumsfelder ist dunkel gezeichnet und auf dunklem Grund unsichtbar. */ #vvergleich input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); opacity: .6; cursor: pointer; } /* --- Knöpfe ------------------------------------------------------------- */ #vvergleich button, #vvergleich input[type="submit"], #vvergleich input[type="button"], #vvergleich .button, #vvergleich .button_send, #vvergleich .btn-weiter, #vvergleich .vergleichbutton { background: #D63A2D; color: #FFFFFF; border: 0; border-radius: 9999px; padding: 10px 22px; font-family: "Inter Variable", system-ui, sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color .2s ease, box-shadow .2s ease; } #vvergleich button:hover, #vvergleich input[type="submit"]:hover, #vvergleich input[type="button"]:hover, #vvergleich .button:hover, #vvergleich .button_send:hover, #vvergleich .btn-weiter:hover, #vvergleich .vergleichbutton:hover { background: #B32E22; box-shadow: 0 10px 26px -8px rgba(214,58,45,0.55); } #vvergleich button:disabled, #vvergleich input:disabled, #vvergleich select:disabled { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.55); box-shadow: none; cursor: not-allowed; } /* --- Tastaturbedienung -------------------------------------------------- */ /* Orange bleibt Links und Knöpfen — Eingabefelder zeigen ihren Fokus über den Faden-Rot-Rahmen samt Halo. */ #vvergleich a:focus-visible, #vvergleich button:focus-visible { outline: 2px solid #E88C1F; outline-offset: 2px; } /* --- Spaltenköpfe und Infosymbole --------------------------------------- */ /* Die Spaltenüberschriften sind in ein gewickelt, das nur einen Tooltip auslöst. Als Link behandelt würden sie rot — vier rote Überschriften nebeneinander widersprechen der 80/15/5-Regel, nach der der Faden eine Linie ist und keine Textfarbe. */ #vvergleich .ergebnisBox.ergebnisHeader a, #vvergleich .ergebnisBox.ergebnisHeader a:hover, #vvergleich .ergebnisBox.ergebnisHeader .cell a, #vvergleich a.infoicon, #vvergleich a.infoicon:hover, #vvergleich .header_label, #vvergleich .tTip { color: rgba(255,255,255,0.58); text-decoration: none; } #vvergleich .ergebnisHeader .cell { color: rgba(255,255,255,0.58); font-weight: 600; letter-spacing: .02em; } /* --- Versicherer-Logos --------------------------------------------------- */ /* Die Logos kommen von mr-money und sind für weißen Grund gezeichnet — dunkle Schrift auf durchsichtigem Grund. Auf Midnight verschwinden sie. Eine helle Kachel dahinter ist ehrlicher als ein Invertierungsfilter, der Markenfarben verfälscht. */ /* Die Kachel gehört um das Bild, nicht um den ganzen Anker: darin steht auch der Tarifname, und der wäre auf Weiß mit weißer Schrift unsichtbar. */ #vvergleich .tarif_gesinfo img, #vvergleich .cell.sp1 img { background: #FFFFFF; border-radius: 8px; padding: 9px 11px; box-sizing: content-box; } #vvergleich .tarif_gesinfo { display: inline-block; background: transparent; } #vvergleich .cell.sp1 { background: transparent; } /* --- Tabellen und Zebrastreifen ----------------------------------------- */ #vvergleich table { color: rgba(255,255,255,0.92); } #vvergleich th { color: #FFFFFF; } /* --- Ergebnis-Leiste: Verfeinern links, Eingaben ändern rechts ----------- */ #vvergleich .ergebnis-leiste { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; /* Die Haarlinie darunter ist der Unterrand von .resultFilter_out. Der Knopfkasten darunter hält 10 px Abstand zu ihr — hier dasselbe Maß, sonst sitzt „Eingaben ändern" auf der Linie und „Vergleichen" schwebt. */ padding-bottom: 10px; } /* mr-money rückt den Knopfkasten 10 px ein — „E-Mail senden" stand damit neben der Kante, an der „Suchergebnis verfeinern" beginnt. */ #vvergleich .vergleichbutton-box { padding-left: 0 !important; padding-right: 0 !important; } /* Die Legende bringt 71 px Innenhöhe für einen 17-px-Link mit — damit säße der Link oben und „Eingaben ändern" 16 px tiefer. Beide auf dieselbe Mittellinie. */ #vvergleich .ergebnis-leiste .resultFilter_legend { display: flex; align-items: center; flex: 0 1 auto; min-height: 40px; margin: 0; padding: 0; } #vvergleich .ergebnis-leiste .resultFilter_legend a { display: inline-flex; align-items: center; margin: 0; } /* mr-money hängt „Eingaben ändern" absolut in `.resultFilter_out` (`position: absolute; top: 30px`). Damit war er nie Teil der Flex-Zeile: die Legende rutschte hoch, der Knopf blieb stehen, und die Zeile darunter lief in ihn hinein. Zurück in den Fluss. */ #vvergleich .ergebnis-leiste input.btn-neuervgl { position: static !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; flex: 0 0 auto; } /* --- Was „Vergleichen" auslöst ------------------------------------------ */ /* mr-moneys Pfeil-GIF: eine eigene 1014-px-Zeile für ein 43 × 28 px großes Bild ohne Text und ohne Bezug. Ersetzt durch den Hinweisblock darunter. */ #vvergleich .lvg_pfeil_oben, #vvergleich .lvg_pfeil_unten { display: none !important; } /* unten dasselbe Pfeil-GIF (Stephan, 05.09.2026) */ #vvergleich .vergleichbutton-box .vergleich-hinweis { /* rechts unter dem Knopf, auf jeder Breite */ margin: 0.75rem 0 0 auto; max-width: 232px; text-align: right; } #vvergleich .vergleichbutton-box .vergleich-hinweis__titel { margin: 0; font-family: "Inter Variable", system-ui, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.35; color: rgba(255, 255, 255, 0.92); } #vvergleich .vergleichbutton-box .vergleich-hinweis__wie { margin: 0.125rem 0 0; font-family: "Inter Variable", system-ui, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.35; color: rgba(255, 255, 255, 0.58); } /* Ab Schreibtischbreite steht der Hinweis links neben dem Knopf in einer Zeile (Reihenfolge Text, dann Knopf — Stephan, 05.09.2026); auf dem Telefon bleibt er darunter. Gilt für den Kasten über und den unter der Liste. */ @media (min-width: 62rem) { #vvergleich .vergleichbutton-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 16px; } #vvergleich .vergleichbutton-box .filter_email { float: none; /* „E-Mail senden" bleibt links: der auto-Rand schiebt Hinweis und Knopf nach rechts. !important, weil mr-money dem Link eigene Ränder gibt. */ margin: 0 auto 0 0 !important; } #vvergleich .vergleichbutton-box .vergleich-hinweis { order: 1; margin: 0; text-align: right; } #vvergleich .vergleichbutton-box .vergleichen-button-box { order: 2; display: inline-flex; align-items: center; } /* Kleiner weißer Pfeil unter dem oberen „Vergleichen"-Knopf: zeigt auf die Kästchen-Spalte. Ein Strich in der Strichstärke der Hinweisschrift, unten mit zwei 45°-Schenkeln geschlossen (Stephan, 06.09.2026). */ #vvergleich .vergleichbutton-box.abstand { position: relative; margin-bottom: 30px; /* vorher 20 (mr-money) — 10 px mehr Luft zur Kopfzeile (Stephan, 06.09.2026) */ } /* Form (Stephan, 06.09.2026): ein Balken, so dick wie die Hinweisschrift hoch ist (13 px), doppelt so lang wie zuvor (32 px), unten in einer 45°-Spitze zulaufend, ausgehöhlt wie ein langes U — drei gleich breite Schenkel weiß/Grund/weiß. */ #vvergleich .vergleich-pfeil { position: absolute; right: 10px; /* Mitte über der Kästchen-Spalte (Kästchen 9 px vom Rand, 13 px breit) */ top: calc(100% + 16px); /* Abstand zum Knopf = Lücke zwischen Hinweistext und Knopf (16 px) */ width: 13px; height: 32px; color: rgba(255, 255, 255, 0.92); pointer-events: none; } #vvergleich .vergleich-pfeil svg { display: block; width: 100%; height: 100%; } /* Spindel-Variante (Stephan, 06.09.2026): die Spindel des Ariadne-Fadens vom Formular, auf den Kopf gestellt. Maße und Maske wie `.wizard-faden__spindel` in rechner-stufen.css (10 × 46 px, Faden-Rot, Maske spindel-line-solo.webp). */ #vvergleich .vergleich-pfeil--spindel { width: 10px; height: 46px; right: 12px; /* Mitte (17 px vom Rand) über der Kästchen-Spalte */ } } /* Die Spindel selbst — auf jeder Breite gleich, nur die Aufhängung unterscheidet sich (Schreibtisch: absolut unter dem Knopf; Telefon: letztes Glied der Knopfspalte). */ #vvergleich .vergleich-pfeil__spindel { display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.92); /* weiß statt Faden-Rot (Stephan, 06.09.2026) */ -webkit-mask-image: url('/spindel-line-solo.webp'); mask-image: url('/spindel-line-solo.webp'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transform: rotate(180deg); /* Spitze nach unten */ } /* Telefon (Stephan, 06.09.2026): alle Knöpfe rechtsbündig untereinander — „Eingaben ändern", „Berechnung als E-Mail senden", „Vergleichen" —, der Hinweis darunter und die Spindel als Schluss, mittig über der Kästchen-Spalte (Kästchen 15 px, 10 px vom Kartenrand → Mitte 17,5 px; Spindel 10 px breit → 12 px Rand). Nur die Überschrift „Suchergebnis verfeinern" bleibt links. */ @media (max-width: 61.99rem) { #vvergleich .ergebnis-leiste { flex-direction: column; align-items: flex-end; gap: 12px; padding-bottom: 16px; } #vvergleich .ergebnis-leiste .resultFilter_legend { align-self: flex-start; } #vvergleich .vergleichbutton-box { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; padding-top: 16px !important; } #vvergleich .vergleichbutton-box .filter_email { float: none !important; margin: 0 !important; } #vvergleich .vergleichbutton-box .vergleichen-button-box { display: inline-flex; align-items: center; } #vvergleich .vergleichbutton-box .vergleich-hinweis { margin: 4px 0 0; text-align: right; } #vvergleich .vergleichbutton-box.abstand { margin-bottom: 16px; } /* Spindelspitze → Karte */ #vvergleich .vergleich-pfeil--spindel { display: block; position: static; width: 10px; height: 46px; margin: 0 12px 0 0; pointer-events: none; } } /* Hinweistext unter der Liste („Die angezeigten Tarife wurden auf der Grundlage …"): ein fortlaufendes Textband über die Rasterbreite, vom Rechner abgesetzt (Stephan, 06.09.2026). Die harten Zeilenumbrüche entfernt rechner-stufen.js. */ #vvergleich .prozent_info { clear: both; margin: 40px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.10); font-family: "Inter Variable", system-ui, sans-serif; font-size: 0.8125rem; line-height: 1.65; color: rgba(255,255,255,0.58); text-align: left; } @media (min-width: 62rem) { /* Der Rechner sitzt 32 px im Seitenraster — das Band geht über die volle Rasterbreite. */ #vvergleich .prozent_info { margin-left: -32px !important; margin-right: -32px !important; } } /* --- Auswahl-Leiste unten (erscheint, sobald ein Kästchen angehakt ist) ------- mr-money liefert sie weiß mit grauen Kärtchen und eigenem