@charset "UTF-8";
/* =========================================================
   123tarifvergleich.de 3.0 - Skin fuer den Mr-Money-Hausratrechner (sp=hr)
   Datei: tfv-mrmoney_7.css
   Einbindung: &css_url=<URL dieser Datei> im Rechner-Link
   (css_url_antrag uebernimmt Mr-Money automatisch -> gleiche Datei im Antrag)
   Nur Gestaltung: keine Felder, Texte, Pflichtinfos oder Funktionen werden
   entfernt oder veraendert. Basis-Layout von Mr-Money bleibt per Import.
   ========================================================= */
@import url("https://www.mr-money.de/module/vglrechner/layouts/style-layout1-standard.css");
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&display=swap");

:root{
  --tfv-green:#2E7D52;
  --tfv-green-deep:#266945;
  --tfv-accent:#60B484;
  --tfv-red:#B44830;
  --tfv-yellow:#F0A800;
  --tfv-text:#25302E;
  --tfv-muted:#5C574F;
  --tfv-line:#E5E1DA;
  --tfv-field:#8C857A;
  --tfv-off:#F7F5F0;
  --tfv-soft:#F3F0EA;
  --tfv-tint:#E6F2EB;
  --tfv-tint-y:#FBF0D6;
  --tfv-tint-r:#F7E7E1;
  --tfv-radius:14px;
}

html,body{background:#FFFFFF!important;}
body{-webkit-font-smoothing:antialiased;}

/* ---------- Grundcontainer ---------- */
#vvergleich{
  width:100%!important;max-width:1000px;margin:0 auto!important;padding:4px 2px 16px;box-sizing:border-box;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:16px!important;line-height:1.5!important;color:var(--tfv-text)!important;background:transparent!important;
}
#vvergleich *{box-sizing:border-box;}
#vvergleich a{color:var(--tfv-green);text-decoration:none;font-weight:600;}
#vvergleich a:hover{color:var(--tfv-green-deep);text-decoration:underline;}
#vvergleich a:focus-visible,#vvergleich button:focus-visible,#vvergleich input:focus-visible,#vvergleich select:focus-visible{outline:3px solid var(--tfv-yellow);outline-offset:2px;}
#vvergleich center{text-align:center;}

/* ---------- Eingabemaske: Karte ---------- */
#vvergleich .eingabeBox{
  width:100%!important;margin:0 0 18px!important;
  border:1px solid var(--tfv-line)!important;border-radius:var(--tfv-radius);overflow:hidden;
  background:#FFFFFF!important;background-image:none!important;box-shadow:none!important;
}
#vvergleich .eingabeBox .line{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
  width:100%!important;padding:12px 20px;background:#FFFFFF!important;
  border-bottom:1px solid var(--tfv-line)!important;
}
/* per JS eingeblendete Zeilen bekommen inline display:block */
#vvergleich .eingabeBox .line[style*="block"]{display:flex!important;}
#vvergleich .eingabeBox .line:last-child{border-bottom:0!important;}
#vvergleich .eingabeBox .line .clear,
#vvergleich .eingabeBox .line br.clear{display:none!important;}
#vvergleich .eingabeBox .line .cell{
  float:none!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  font-size:16px!important;line-height:1.4!important;
}

/* Kopfzeile */
#vvergleich .eingabeBox .line.header_line{padding:0;border-bottom:0!important;}
#vvergleich .eingabeBox .cell.header{
  flex:1 1 100%;background:var(--tfv-green)!important;background-image:none!important;filter:none!important;
  color:#FFFFFF!important;padding:16px 20px!important;text-align:left!important;
  font-family:"Archivo",system-ui,sans-serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:.1px;
}
#vvergleich .eingabeBox .cell.sp1_6{flex:1 1 100%;}
#vvergleich .eingabeBox .sub-sub-header center,
#vvergleich .eingabeBox .sub-header center{text-align:left;}
#vvergleich .vvgl-aufnahme-head{display:block;font-weight:700;font-size:16px;margin-bottom:2px;}
#vvergleich .vvgl-aufnahme-body{display:block;color:var(--tfv-muted);font-size:14px;}
#vvergleich #tr_info_versicherungsbedarf{background:var(--tfv-off)!important;}
#vvergleich #tr_telefonberatung{background:#FFFFFF!important;}
#vvergleich #tr_telefonberatung .cell{font-size:14px!important;}
#vvergleich #tr_telefonberatung .beratungPhone{width:16px;height:16px;margin-right:4px;}

/* Label | Info | Feld */
#vvergleich .eingabeBox .cell.sp1{
  flex:1 1 260px;order:1;text-align:left!important;color:var(--tfv-text)!important;
  font-weight:600!important;font-size:16px!important;overflow-wrap:anywhere;
}
#vvergleich .eingabeBox .cell.sp1 label{font-size:16px!important;cursor:pointer;}
#vvergleich .eingabeBox .cell.sp3{order:2;flex:0 0 24px;text-align:center;}
#vvergleich .eingabeBox .cell.sp2{order:3;flex:1 1 300px;text-align:left;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#vvergleich .eingabeBox .cell.sp2 > .form-text{flex:1 1 140px;width:auto;}
#vvergleich .eingabeBox .cell.sp2 > div{flex:1 1 100%;min-width:0;}
#vvergleich .input-zusatz{color:var(--tfv-muted);font-size:14px;font-weight:600;white-space:nowrap;}

/* Info-Icon */
#vvergleich a.infoicon,
#vvergleich .eingabeBox a.infoicon{
  display:inline-block!important;width:24px!important;height:24px!important;padding:0!important;border-radius:50%;
  background:var(--tfv-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7D52' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 11v6'/%3E%3Cpath d='M12 7.2v.1'/%3E%3C/svg%3E") center/14px no-repeat!important;
  vertical-align:middle;font-size:0!important;
}
#vvergleich a.infoicon:hover{background-color:#D5EADD!important;}

/* Selects & Textfelder */
#vvergleich select.form-select,
#vvergleich .eingabeBox .form-select,
#vvergleich input.form-text,
#vvergleich .eingabeBox .form-text{
  width:100%;max-width:100%;height:48px;padding:0 40px 0 14px!important;
  font-size:16px!important;color:var(--tfv-text)!important;font-family:inherit;
  border:1.5px solid var(--tfv-field)!important;border-radius:10px!important;background-color:#FFFFFF!important;background-image:none;
  transition:border-color .15s,box-shadow .15s;
}
#vvergleich input.form-text,#vvergleich .eingabeBox .form-text{padding:0 14px!important;}
#vvergleich select.form-select{
  -webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7D52' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;
}
#vvergleich select.form-select:hover,#vvergleich input.form-text:hover{border-color:var(--tfv-green)!important;}
#vvergleich select.form-select:focus,#vvergleich input.form-text:focus{
  outline:none;border-color:var(--tfv-green)!important;box-shadow:0 0 0 3px #2E7D5233;
}
/* von Mr-Money markierte Felder (z. B. Pflicht/Hinweis) */
#vvergleich .select_markiert{background-color:#FFFBEF!important;border-color:var(--tfv-yellow)!important;}

/* Checkboxen & Radios (Funktion unveraendert, nur Farbe/Groesse) */
#vvergleich input[type=checkbox],
#vvergleich input.form-checkbox{
  width:22px;height:22px;margin:0 8px 0 0!important;accent-color:var(--tfv-green);vertical-align:middle;cursor:pointer;flex:0 0 22px;
}
#vvergleich input[type=radio]{
  width:20px;height:20px;margin:0 10px 0 0!important;accent-color:var(--tfv-green);vertical-align:middle;cursor:pointer;flex:0 0 20px;
}

/* ---------- Gruppen A-I (rein visuell, per ::before) ---------- */
.mrmo-sparte-hr #vvergleich #tr_vorvers5::before,
.mrmo-sparte-hr #vvergleich #tr_plz::before,
.mrmo-sparte-hr #vvergleich #tr_verssummeauto::before,
.mrmo-sparte-hr #vvergleich #tr_fahrrad::before,
.mrmo-sparte-hr #vvergleich #tr_kombirabatte::before,
.mrmo-sparte-hr #vvergleich #tr_sich_v::before{
  flex:1 1 100%;order:0;display:block;margin:-12px -20px 8px;padding:13px 20px 11px;
  background:var(--tfv-off);border-bottom:1px solid var(--tfv-line);border-top:3px solid var(--tfv-accent);
  font-family:"Archivo",system-ui,sans-serif;font-size:15px;font-weight:700;color:var(--tfv-green-deep);letter-spacing:.2px;
}
.mrmo-sparte-hr #vvergleich #tr_vorvers5::before{content:"Versicherungsbedarf \0000B7  Vertragsdaten";}
.mrmo-sparte-hr #vvergleich #tr_plz::before{content:"Risikoanschrift \0000B7  Wohnsituation";}
.mrmo-sparte-hr #vvergleich #tr_verssummeauto::before{content:"Versicherungssumme \0000B7  Grundschutz";}
.mrmo-sparte-hr #vvergleich #tr_fahrrad::before{content:"Fahrraddiebstahl \0000B7  Glas \0000B7  Elementarsch\0000E4 den";}
.mrmo-sparte-hr #vvergleich #tr_kombirabatte::before{content:"Kombirabatte (optional)";}
.mrmo-sparte-hr #vvergleich #tr_sich_v::before{content:"Sicherheits- und Risikofragen";}

/* Vorhandene Zwischenueberschriften als Gruppenkopf (Text bleibt original) */
#vvergleich .eingabeBox .line.zwischenueberschrift#tr_rabattangaben{
  background:var(--tfv-off)!important;border-top:3px solid var(--tfv-accent);padding:13px 20px 11px;
}
#vvergleich #tr_rabattangaben .cell,#vvergleich #tr_rabattangaben center,#vvergleich #tr_rabattangaben strong{
  text-align:left!important;font-family:"Archivo",system-ui,sans-serif!important;font-size:15px!important;font-weight:700!important;color:var(--tfv-green-deep)!important;
}

/* Elementarschaeden: zentrales Feld, gut lesbar */
#vvergleich #tr_elem{background:var(--tfv-tint)!important;}
#vvergleich #tr_elem .cell.sp1 label{line-height:1.45;}

/* ---------- Kombirabatte: ruhiger, kompakter, klar optional ---------- */
#vvergleich #tr_subheader_kombirabatt,
#vvergleich #tr_kombirabatt_infotext{background:var(--tfv-off)!important;}
#vvergleich #tr_subheader_kombirabatt .cell,
#vvergleich #tr_kombirabatt_infotext .cell{color:var(--tfv-muted)!important;font-size:14px!important;font-weight:400!important;}
#vvergleich #tr_subheader_kombirabatt .cell{font-weight:700!important;color:var(--tfv-text)!important;}
#vvergleich .eingabeBox .line[id^="tr_Kr"]{padding:8px 20px;background:var(--tfv-off)!important;flex-wrap:nowrap;}
#vvergleich .eingabeBox .line[id^="tr_Kr"] .cell.sp1{flex:1 1 auto;font-weight:500!important;font-size:15px!important;order:2;}
#vvergleich .eingabeBox .line[id^="tr_Kr"] .cell.sp1 label{font-size:15px!important;}
#vvergleich .eingabeBox .line[id^="tr_Kr"] .cell.sp2{flex:0 0 auto;order:1;}
#vvergleich .eingabeBox .line[id^="tr_Kr"] .cell.sp3{order:3;}
@media (min-width:640px){
  #vvergleich .eingabeBox .line[id^="tr_Kr"]{float:left;width:50%!important;}
}

/* ---------- Dokument-Scan "Fotos machen statt tippen" (optional, dezent) ---------- */
#vvergleich div#mrmo_pha_preview_box{
  height:auto;min-height:64px;margin:12px 16px!important;background:var(--tfv-off)!important;color:var(--tfv-text)!important;
  border:1px dashed var(--tfv-field);border-radius:12px;overflow:hidden;
}
#vvergleich .mrmo_pha_preview_image_box{flex:0 0 120px;}
#vvergleich .mrmo_pha_preview_image{max-width:110px!important;height:auto!important;bottom:-8px!important;left:10px!important;}
#vvergleich #mrmo_pha_preview_rightbox{font-size:16px!important;color:var(--tfv-green-deep)!important;justify-content:flex-start!important;text-align:left!important;padding:10px 12px;}
#vvergleich #mrmo_pha_preview_rightbox .mrmo_pha_preview_introtext{font-weight:600!important;padding:0!important;}
#vvergleich .mrmo_pha_preview_arrow img{height:28px!important;margin:0 0 0 10px!important;opacity:.7;}
#vvergleich div#mrmo_pha_box{background:var(--tfv-off)!important;border:1px solid var(--tfv-line);margin:12px 16px!important;}
#vvergleich div#mrmo_pha_box .mrmo_pha_feature-box{border-color:var(--tfv-line)!important;border-radius:12px!important;}
#vvergleich .mrmo_pha_highlight{color:var(--tfv-green)!important;}

/* ---------- Filterwahl + Leistungsfilter ---------- */
#vvergleich .mrmoBoxZusatzfragenOptions{
  margin:0 0 18px;padding:18px 20px;background:#FFFFFF;border:1px solid var(--tfv-line);border-radius:var(--tfv-radius);
}
#vvergleich .mrmoBoxZusatzfragenOptions p.zusatzfragen{margin:0 0 10px!important;color:var(--tfv-text)!important;font-size:16px!important;line-height:1.45!important;}
#vvergleich .mrmoBoxZusatzfragenOptions p.zusatzfragen:first-child strong{font-family:"Archivo",system-ui,sans-serif;font-size:17px;}
#vvergleich .mrmoBoxZusatzfragenOptions label{
  display:flex;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--tfv-field);border-radius:12px;cursor:pointer;
  background:#FFFFFF;line-height:1.45;transition:border-color .15s,background-color .15s;
}
#vvergleich .mrmoBoxZusatzfragenOptions label:hover{border-color:var(--tfv-green);}
#vvergleich .mrmoBoxZusatzfragenOptions label:has(input:checked){border-color:var(--tfv-green);background:var(--tfv-tint);}
#vvergleich .mrmoBoxZusatzfragenOptions label input{margin-top:1px!important;}
#vvergleich #mrmoZusatzfragenError{color:var(--tfv-red);font-weight:600;font-size:14px;}
#vvergleich #box_eu .eingabeBox{margin-top:0!important;}
#vvergleich #box_eu,#vvergleich #detailFragen{width:100%!important;max-width:100%!important;}
/* "Welche Leistungen sind besonders wichtig?" deutlich hervorheben */
#vvergleich #detailFragen{border:2px solid var(--tfv-green)!important;}
#vvergleich #detailFragen .cell.header span{display:block;margin-top:4px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:400;font-size:14px!important;color:var(--tfv-tint);}
#vvergleich #detailFragen .mrmo_line .cell.sp1{font-weight:600!important;}
#vvergleich #detailFragen .mrmo_line:hover{background:var(--tfv-off)!important;}

/* ---------- Bauartklassen-Tabelle & Dialoge ---------- */
#vvergleich #dialog-box,#dialog-box{
  width:min(560px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
  border-radius:14px!important;overflow:hidden;border:1px solid var(--tfv-line)!important;box-shadow:0 16px 40px #25302E33!important;background:#FFFFFF!important;
}
#dialog-box .dialog-content{padding:18px 18px 16px!important;max-width:100%;overflow-x:auto;}
#dialog-box #dialog-message{font-size:15px!important;line-height:1.55!important;color:var(--tfv-text)!important;}
#dialog-box #dialog-message font{font-size:inherit!important;font-family:inherit!important;}
#dialog-box #dialog-message table{width:100%!important;max-width:100%;border-collapse:collapse!important;border:1px solid var(--tfv-line)!important;table-layout:fixed;}
#dialog-box #dialog-message td,#dialog-box #dialog-message th{border:1px solid var(--tfv-line)!important;padding:8px 10px!important;vertical-align:top;font-size:14px!important;line-height:1.45;overflow-wrap:anywhere;hyphens:auto;}
#dialog-box #dialog-message tr:first-child td{background:var(--tfv-off);}
#dialog-box a.button.ecke{
  display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;padding:0!important;
  border-radius:50%!important;background:#FFFFFF!important;color:var(--tfv-text)!important;border:1px solid var(--tfv-line)!important;font-weight:700!important;
}
#dialog-overlay{background:#25302E99!important;}

/* ---------- Erstinformation / Beratungsgrundlage (vollstaendig sichtbar) ---------- */
#vvergleich .erstInfoChkBox{
  display:block;position:relative;padding:14px 16px 14px 48px;margin:0 0 14px;
  background:var(--tfv-off);border:1px solid var(--tfv-line);border-radius:12px;font-size:15px;line-height:1.55;color:var(--tfv-text);
}
#vvergleich .erstInfoChkBox input{position:absolute;left:16px;top:15px;margin:0!important;}
#vvergleich #mrmoErstinfoError{color:var(--tfv-red);font-weight:600;font-size:14px;margin:-6px 0 12px;}
#vvergleich #box_erstinfo p,#dialog-box #dialog-message p{font-size:14px!important;line-height:1.55!important;color:var(--tfv-text)!important;}

/* ---------- Buttons ---------- */
#vvergleich input.form-button,
#vvergleich .vergleichbutton,
#vvergleich a.lnk_antrag,
#vvergleich .ergebnisBox .cell a.antrag,
#dialog-box a.button_send{
  display:inline-block;min-height:48px;background:var(--tfv-green)!important;background-image:none!important;filter:none!important;
  color:#FFFFFF!important;border:0!important;border-radius:999px!important;box-shadow:none!important;
  font-family:"Archivo",system-ui,sans-serif!important;font-weight:700!important;font-size:16px!important;line-height:1.2!important;
  padding:14px 30px!important;margin:4px 0 12px!important;cursor:pointer;text-decoration:none!important;
  transition:background-color .15s;
}
#vvergleich input.form-button:hover,
#vvergleich .vergleichbutton:hover,
#vvergleich a.lnk_antrag:hover,
#vvergleich .ergebnisBox .cell a.antrag:hover,
#dialog-box a.button_send:hover{background:var(--tfv-green-deep)!important;}
#vvergleich input.btn-berechnen{min-width:260px;font-size:17px!important;}
#vvergleich .eingabe-submit-btn{text-align:center;}
#vvergleich .ergebnisBox .cell a.antrag,#vvergleich a.lnk_antrag{padding:12px 22px!important;font-size:15px!important;}

/* Sekundaer: weiss, gruene Kontur (Zurueck / Neuer Vergleich / Angebot) */
#vvergleich input.btn-zurueck,
#vvergleich input.btn-neuervgl,
#vvergleich input.form-button.btn-zurueck,
#vvergleich input.form-button.btn-neuervgl,
#vvergleich .ergebnisBox .cell a.angebot,
#dialog-box a.button:not(.ecke){
  background:#FFFFFF!important;color:var(--tfv-green-deep)!important;border:1.5px solid var(--tfv-green)!important;
  border-radius:999px!important;box-shadow:none!important;font-weight:700!important;padding:11px 22px!important;min-height:46px;
}
#vvergleich input.btn-zurueck,#vvergleich input.form-button.btn-zurueck{color:var(--tfv-text)!important;border-color:var(--tfv-field)!important;font-weight:600!important;}
#vvergleich input.btn-zurueck:hover,#vvergleich input.btn-neuervgl:hover,
#vvergleich .ergebnisBox .cell a.angebot:hover{background:var(--tfv-tint)!important;}

/* Rechtstexte */
#vvergleich p{color:var(--tfv-muted);font-size:14px;line-height:1.55;}

/* ---------- Ergebnisliste ---------- */
#vvergleich .ergebnisBox-out,#vvergleich #ergebnisBox-out{width:100%!important;border-bottom:0!important;}
#vvergleich .ergebnisBox{
  border:1px solid var(--tfv-line)!important;border-radius:12px;margin:0 0 14px!important;overflow:hidden;background:#FFFFFF!important;background-image:none!important;
}
#vvergleich .ergebnisBox.ergebnisHeader{background:var(--tfv-off)!important;background-image:none!important;color:var(--tfv-text)!important;font-weight:700;}
#vvergleich .ergebnisBox.ergebnisHeader a,
#vvergleich .ergebnisBox.ergebnisHeader .line .cell,
#vvergleich .ergebnisBox.ergebnisHeader .line .cell *{color:var(--tfv-text)!important;}
/* Positionsnummer neutral - keine Empfehlungsoptik */
#vvergleich .ergebnisBox .position{background:var(--tfv-soft)!important;color:var(--tfv-text)!important;border-radius:0 0 8px 0;font-weight:700;}
#vvergleich .ergebnisBox .cell.sp5,#vvergleich .ergebnisBox .cell.sp5 *{color:var(--tfv-text)!important;font-weight:700;}
/* Mr-Money-Tipp-Kennzeichnungen neutral (keine 123-Empfehlung) */
#vvergleich .ergebnisBox.tipp .tipp_header,
#vvergleich .ergebnisBox.preisTipp .tipp_header,
#vvergleich .ergebnisBox.leistungTipp .tipp_header,
#vvergleich .ergebnisBox.preisleistungTipp .tipp_header{
  background:var(--tfv-off)!important;background-image:none!important;color:var(--tfv-text)!important;font-weight:700;border-bottom:1px solid var(--tfv-line);
}
#vvergleich .ergebnisBox .balken{border-radius:6px;overflow:hidden;}
#vvergleich table .row-header td,#vvergleich table .row-header th,
#vvergleich .table-berechnung .row-header td,
table#tbl_GesellListe .row-header td,table#tbl_vorgaben .row-header td{
  background:var(--tfv-green)!important;background-image:none!important;color:#FFFFFF!important;
}
#vvergleich table td,#vvergleich table th{font-size:14px;line-height:1.45;}
#vvergleich .row-antrag{background:var(--tfv-tint)!important;}
#vvergleich .ui-widget-header{background:var(--tfv-green)!important;border-color:var(--tfv-green)!important;color:#FFFFFF!important;background-image:none!important;}
#vvergleich .ui-state-default,#vvergleich .ui-widget-content .ui-state-default{border-color:var(--tfv-green)!important;}
#vvergleich p.error{border:1px solid var(--tfv-red)!important;background:var(--tfv-tint-r)!important;color:var(--tfv-red)!important;border-radius:10px;font-size:14px;padding:10px 12px;}
#vvergleich .vergleichbutton,#vvergleich .vergleichbutton *{color:#FFFFFF!important;}
#vvergleich .vergleichbutton-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
#vvergleich .vergleichbutton-box .vergleichbutton,
#vvergleich .vergleichbutton-box input.form-button{margin:0!important;}

/* Freie Textfelder (Antrag/Angebot) */
#vvergleich input[type=text]:not(.form-text),
#vvergleich input[type=email],
#vvergleich input[type=tel],
#vvergleich input[type=date],
#vvergleich textarea{
  min-height:46px;padding:0 14px!important;font-size:16px!important;font-family:inherit;color:var(--tfv-text);
  border:1.5px solid var(--tfv-field)!important;border-radius:10px!important;background:#FFFFFF;vertical-align:middle;max-width:100%;
}
#vvergleich textarea{padding:10px 14px!important;}
#vvergleich input[type=text]:focus,#vvergleich input[type=email]:focus,#vvergleich input[type=tel]:focus,#vvergleich textarea:focus{outline:none;border-color:var(--tfv-green)!important;box-shadow:0 0 0 3px #2E7D5233;}

/* Tooltip */
#BubbleValue,#tiptip_content{background:var(--tfv-text)!important;color:#FFFFFF!important;border:0!important;border-radius:8px!important;font-size:14px!important;padding:8px 10px!important;max-width:min(320px,calc(100vw - 24px));}

/* Breite Tabellen nur im eigenen Container scrollen, nie die Seite */
#vvergleich{overflow-x:hidden;}
#vvergleich .ergebnisBox table,#vvergleich #tbl_GesellListe,#vvergleich #tbl_vorgaben{max-width:100%;}

/* ---------- Ergebnisliste Hausrat: Tarifkarten ---------- */
#vvergleich #detailFragen > .line:first-child{padding:0;}
#vvergleich .resultFilter_out{background:var(--tfv-off)!important;background-image:none!important;border:1px solid var(--tfv-line)!important;border-radius:12px;margin:0 0 14px!important;padding:4px 8px;}
#vvergleich .resultFilter_legend a{display:inline-flex;align-items:center;min-height:44px;color:var(--tfv-green-deep)!important;font-weight:700;}
#vvergleich .resultFilter{background:transparent!important;}
#vvergleich #vergleichen-button-center-box{background:#FFFFFF!important;border:1px solid var(--tfv-line)!important;border-radius:12px;box-shadow:0 8px 24px #25302E1F!important;}
#vvergleich #vergleichen-button-center-box .tarif-item{border:1px solid var(--tfv-line)!important;border-radius:10px!important;background:var(--tfv-off)!important;}
#vvergleich #vergleichen-button-center-box .remove-btn{min-width:32px;min-height:32px;border-radius:50%;border:1px solid var(--tfv-line);background:#FFFFFF;color:var(--tfv-text);cursor:pointer;}
#vvergleich .tipp-box-and-info,#vvergleich .sortInfo{color:var(--tfv-muted)!important;font-size:14px!important;font-weight:600;}
#vvergleich .ergebnisBox .innerbox{padding:14px 16px!important;}
#vvergleich .ergebnisBox .cell.sp1 .label{display:block;font-weight:700;color:var(--tfv-text)!important;font-size:16px;margin-top:4px;}
#vvergleich .ergebnisBox .setting{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid var(--tfv-soft);font-size:14px;}
#vvergleich .ergebnisBox .setting_left,#vvergleich .ergebnisBox .setting_right{float:none!important;width:auto!important;}
#vvergleich .ergebnisBox .setting_left{color:var(--tfv-muted);}
#vvergleich .ergebnisBox .setting_right{font-weight:600;color:var(--tfv-text);text-align:right;}
/* Leistungspunkte neutral darstellen (Mr-Money-Punktesystem, keine 123-Bewertung) */
#vvergleich .ergebnisBox .balken span{background:var(--tfv-line)!important;background-image:none!important;border-radius:3px;}
#vvergleich .ergebnisBox .balken span.aktiv{background:var(--tfv-muted)!important;}
#vvergleich .ergebnisBox .punkte,#vvergleich .ergebnisBox .prozentwert{color:var(--tfv-text)!important;}
#vvergleich .ergebnisBox .tarifdetails-box a,#vvergleich .ergebnisBox .tarifdetails-box-mobile{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--tfv-green-deep)!important;font-weight:700;}
#vvergleich .ergebnisBox .betrag,#vvergleich .ergebnisBox .betrag *{color:var(--tfv-text)!important;}
#vvergleich .ergebnisBox .betrag-wert{font-family:"Archivo",system-ui,sans-serif;font-size:24px;font-weight:700;}
#vvergleich .ergebnisBox .zahlweise{color:var(--tfv-muted)!important;font-size:13px;}
#vvergleich .ergebnisBox .tl-box{border-top:1px solid var(--tfv-line);}
#vvergleich .ergebnisBox .tl-box table{width:100%;border-collapse:collapse;}
#vvergleich .ergebnisBox .tl-box td{padding:7px 8px;border-bottom:1px solid var(--tfv-soft);vertical-align:top;overflow-wrap:anywhere;}
#vvergleich .empty-search-result{border:1px solid var(--tfv-line);border-radius:12px;background:var(--tfv-off);padding:16px;}
@media (max-width:620px){
  #vvergleich .ergebnisBox:not(.ergebnisHeader) .cell{float:none!important;width:100%!important;}
  #vvergleich .ergebnisBox .cell.sp5{text-align:left!important;}
}

/* Ergebnisliste: Feinschliff */
#vvergleich .ergebnisBox.ergebnisHeader a.infoicon{display:inline-flex!important;align-items:center;width:auto!important;height:auto!important;min-height:24px;padding:0 0 0 30px!important;font-size:14px!important;border-radius:0;background-color:transparent!important;background-position:left center!important;background-size:22px!important;color:var(--tfv-text)!important;}
#vvergleich .ergebnisBox.tipp,#vvergleich .ergebnisBox.tipp > .line,#vvergleich .ergebnisBox.tipp .innerbox{background:#FFFFFF!important;background-image:none!important;}
#vvergleich .ergebnisBox .tipp_header,#vvergleich .ergebnisBox .tipp_header *{color:var(--tfv-text)!important;letter-spacing:.02em;}
#vvergleich #vergleichen-button-center,#vvergleich input#vergleichen-button-center{background:var(--tfv-green)!important;background-image:none!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;min-height:46px;font-family:"Archivo",system-ui,sans-serif!important;font-weight:700!important;font-size:16px!important;padding:12px 26px!important;cursor:pointer;}
#vvergleich a.filter_email.button_send{display:inline-flex;align-items:center;min-height:46px;padding:11px 22px!important;border:1.5px solid var(--tfv-green)!important;border-radius:999px!important;background:#FFFFFF!important;color:var(--tfv-green-deep)!important;font-weight:700!important;text-decoration:none!important;}
#vvergleich #searchQuery{min-height:46px;}
#vvergleich .searchQueryBox{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;}
#vvergleich .searchQueryBox input[type=button]{background:var(--tfv-green)!important;background-image:none!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;min-height:46px;padding:10px 22px!important;font-weight:700!important;cursor:pointer;}
@media (max-width:620px){
  #vvergleich .vergleichbutton-box{flex-direction:column;align-items:stretch;}
  #vvergleich .vergleichbutton-box > a{width:100%;justify-content:center;text-align:center;}
  #vvergleich .ergebnisBox.ergebnisHeader .line{display:flex;flex-wrap:wrap;gap:4px 12px;padding:10px 14px;}
  #vvergleich .ergebnisBox.ergebnisHeader .cell{float:none!important;width:auto!important;}
  #vvergleich .ergebnisBox.ergebnisHeader .cell.sp6{display:none;}
  #vvergleich #vergleichen-button-center-box .tarif-items{overflow-x:auto;max-width:100%;}
}

#vvergleich .vergleichbutton-box{width:auto!important;max-width:100%!important;}
#vvergleich .vergleichen-button-box{max-width:100%;overflow:hidden;}
#vvergleich .ergebnisBox .setting_right{white-space:nowrap;}
#vvergleich .ergebnisBox .settings-box-out{display:block;}
#vvergleich .ergebnisBox .setting{width:100%!important;}
#vvergleich .ergebnisBox .setting .setting_right{white-space:nowrap!important;flex:0 0 auto;}
#vvergleich .ergebnisBox .setting .setting_left{flex:1 1 auto;white-space:normal!important;text-align:left!important;}
#vvergleich .ergebnisBox .punkte{font-size:13px!important;line-height:1.3;}
/* Tarifkarten: klares Raster statt fester Pixelspalten (Desktop/Tablet) */
@media (min-width:621px){
  #vvergleich .ergebnisBox:not(.ergebnisHeader) .innerbox{display:grid;grid-template-columns:minmax(140px,1fr) minmax(240px,2.2fr) minmax(140px,1fr) minmax(150px,1.1fr);gap:16px 20px;align-items:start;position:relative;padding:22px 44px 18px 18px!important;}
  #vvergleich .ergebnisBox:not(.ergebnisHeader) .innerbox > .cell{float:none!important;width:auto!important;min-width:0;}
  #vvergleich .ergebnisBox:not(.ergebnisHeader) .innerbox > .cell.sp6{position:absolute!important;top:12px;right:12px;}
  #vvergleich .ergebnisBox .innerbox > .position{position:absolute!important;top:0;left:0;width:auto!important;min-width:30px;padding:2px 8px;font-size:13px;text-align:center;}
  #vvergleich .ergebnisBox.ergebnisHeader .line{display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(240px,2.2fr) minmax(140px,1fr) minmax(150px,1.1fr);gap:0 20px;padding:12px 44px 12px 18px!important;}
  #vvergleich .ergebnisBox.ergebnisHeader .line > .cell{float:none!important;width:auto!important;}
  #vvergleich .ergebnisBox.ergebnisHeader .line > .cell.sp6,#vvergleich .ergebnisBox.ergebnisHeader .line > .clear{display:none!important;}
  #vvergleich .ergebnisBox .cell.sp5{text-align:right;}
}

/* Tarifdetails (Leistungsvergleich von Mr-Money - Punktesystem unveraendert) */
#vvergleich .tl-details-box{font-size:14px;}
#vvergleich .tl-details-head{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;padding:10px 0;}
#vvergleich .tl-details-head .tl-details-elem{float:none!important;flex:1 1 160px;min-height:44px;display:flex;align-items:center;gap:6px;padding:8px 12px!important;border:1px solid var(--tfv-line)!important;border-radius:10px!important;background:var(--tfv-off)!important;background-image:none!important;cursor:pointer;font-size:14px!important;color:var(--tfv-text)!important;}
#vvergleich .tl-details-head .tl-details-elem.tl-active{background:#FFFFFF!important;border-color:var(--tfv-text)!important;font-weight:700;}
#vvergleich .tl-details-close{float:none!important;min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;border:1px solid var(--tfv-line);border-radius:50%;background:#FFFFFF;cursor:pointer;font-weight:700;}
#vvergleich .tl-details-tbl-tr{border-bottom:1px solid var(--tfv-soft);}
#vvergleich .tl-details-tbl-td{font-size:14px!important;line-height:1.45!important;padding:6px 8px!important;overflow-wrap:anywhere;}
#vvergleich .tl-details-tbl-td a,#vvergleich .tl-details-q{color:var(--tfv-text)!important;font-weight:500;}
#vvergleich .tl-subheader,#vvergleich .tl-subheader .tl-details-q{font-weight:700!important;color:var(--tfv-green-deep)!important;padding-top:12px!important;}

/* =========================================================
   Antrag / Angebotsstrecke (#antrag) - gleiche 3.0-Optik
   (wird ueber css_url_antrag geladen; Mr-Money setzt diesen Wert
   automatisch auf die css_url, sofern nicht separat angegeben)
   ========================================================= */
html body #antrag{
  max-width:1000px;margin:0 auto;padding:8px 4px 24px;box-sizing:border-box;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:16px;line-height:1.5;color:var(--tfv-text);
}
#antrag *{box-sizing:border-box;}
#antrag a{color:var(--tfv-green);font-weight:600;}
#antrag .head{background:transparent!important;background-image:none!important;border:0!important;padding:4px 0 10px!important;}
#antrag .head_ue{font-family:"Archivo",system-ui,sans-serif!important;font-size:22px!important;font-weight:700!important;color:var(--tfv-text)!important;}
#antrag .head_sparte{color:var(--tfv-green-deep)!important;}
/* Schrittanzeige */
#antrag #steps{display:flex;gap:6px;margin:6px 0 16px;}
#antrag #steps .step{float:none!important;flex:1 1 0;width:auto!important;min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;
  background:var(--tfv-soft)!important;background-image:none!important;color:var(--tfv-muted)!important;border:0!important;border-bottom:3px solid var(--tfv-line)!important;border-radius:10px 10px 4px 4px;padding:6px 8px!important;font-size:14px;font-weight:600;}
#antrag #steps .step.active{background:var(--tfv-tint)!important;color:var(--tfv-green-deep)!important;border-bottom-color:var(--tfv-green)!important;font-weight:700;}
#antrag #steps .step .caption{color:inherit!important;}
#antrag #steps .triangle,#antrag #steps .triangle-border{display:none!important;}
#antrag #steps{flex-wrap:nowrap;max-width:100%;}
#antrag #steps .step{min-width:0!important;max-width:none!important;}
#antrag #steps .step .caption{white-space:normal!important;overflow-wrap:anywhere;line-height:1.25;}

/* Bereiche als Karten */
#antrag .bereichbox{border:1px solid var(--tfv-line)!important;border-radius:14px!important;overflow:hidden;margin:0 0 16px!important;background:#FFFFFF!important;box-shadow:none!important;}
#antrag .ant_ue{background:var(--tfv-off)!important;background-image:none!important;color:var(--tfv-green-deep)!important;border:0!important;border-bottom:1px solid var(--tfv-line)!important;
  font-family:"Archivo",system-ui,sans-serif!important;font-size:16px!important;font-weight:700!important;padding:12px 18px!important;}
#antrag .ant_box{padding:8px 18px 12px!important;background:#FFFFFF!important;}
#antrag .zeile{padding:10px 0!important;border-bottom:1px solid var(--tfv-soft)!important;}
#antrag .zeile:last-child{border-bottom:0!important;}
#antrag .zeile .sp1,#antrag .zeile .sp1-inner{font-weight:600;color:var(--tfv-text)!important;font-size:15px!important;}
#antrag .smallinfo{display:block;color:var(--tfv-muted);font-size:13px;}
#antrag input[type=text],#antrag input[type=email],#antrag input[type=tel],#antrag input[type=date],#antrag input[type=number],#antrag select,#antrag textarea{
  min-height:48px;padding:0 12px;font-size:16px!important;font-family:inherit;color:var(--tfv-text)!important;max-width:100%;
  border:1.5px solid var(--tfv-field)!important;border-radius:10px!important;background:#FFFFFF!important;box-shadow:none!important;
}
#antrag textarea{padding:10px 12px;}
#antrag input:focus,#antrag select:focus,#antrag textarea:focus{outline:none;border-color:var(--tfv-green)!important;box-shadow:0 0 0 3px #2E7D5233!important;}
#antrag input[type=checkbox],#antrag input[type=radio]{width:20px;height:20px;accent-color:var(--tfv-green);vertical-align:middle;}
#antrag .field-is-error,#antrag input.error,#antrag select.error{border-color:var(--tfv-red)!important;background:#FFFFFF!important;}
#antrag .error,#antrag .fehler{color:var(--tfv-red)!important;}
/* Tarifinfo */
#antrag #tarifinfo dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0;font-size:14px;}
#antrag #tarifinfo dt{color:var(--tfv-muted);float:none!important;width:auto!important;}
#antrag #tarifinfo dd{margin:0;font-weight:600;float:none!important;width:auto!important;}
#antrag #tarifname{font-weight:700;color:var(--tfv-text);}
/* Navigation */
#antrag .pb_button,#antrag button.antrag_nav_next,#antrag input[type=submit],#antrag input[type=button]{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:12px 28px!important;
  background:var(--tfv-green)!important;background-image:none!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;box-shadow:none!important;
  font-family:"Archivo",system-ui,sans-serif!important;font-weight:700!important;font-size:16px!important;cursor:pointer;
}
#antrag .pb_button:hover{background:var(--tfv-green-deep)!important;}
#antrag .pb_button img{display:none!important;}
#antrag button.antrag_nav_prev{background:#FFFFFF!important;color:var(--tfv-text)!important;border:1.5px solid var(--tfv-field)!important;}
#antrag .vermittlerinfo_small,#antrag #bereich_vermittlerinfo_small{font-size:13px;color:var(--tfv-muted);line-height:1.5;margin-top:12px;}
#aDialog{border-radius:14px!important;border:1px solid var(--tfv-line)!important;max-width:calc(100vw - 24px);}
@media (max-width:620px){
  #antrag .ant_box{padding:6px 14px 10px!important;}
  #antrag .ant_ue{padding:12px 14px!important;}
  #antrag #steps .step{font-size:13px;}
  #antrag .pb_button{width:100%;float:none!important;margin:6px 0;}
}

/* ---------- Mobile ---------- */
@media (max-width:620px){
  #vvergleich .eingabeBox .line{padding:12px 14px;}
  #vvergleich .eingabeBox .cell.sp1{flex:1 1 calc(100% - 40px);}
  #vvergleich .eingabeBox .cell.sp2{flex:1 1 100%;}
  #vvergleich input.btn-berechnen,#vvergleich input.form-button{width:100%;min-width:0;}
  #vvergleich .ergebnisBox-out,#vvergleich .ergebnisBox{width:100%!important;}
  .mrmo-sparte-hr #vvergleich #tr_vorvers5::before,
  .mrmo-sparte-hr #vvergleich #tr_plz::before,
  .mrmo-sparte-hr #vvergleich #tr_verssummeauto::before,
  .mrmo-sparte-hr #vvergleich #tr_fahrrad::before,
  .mrmo-sparte-hr #vvergleich #tr_kombirabatte::before,
  .mrmo-sparte-hr #vvergleich #tr_sich_v::before{margin:-12px -14px 8px;padding:12px 14px 10px;}
  #vvergleich .eingabeBox .line.zwischenueberschrift#tr_rabattangaben{padding:12px 14px 10px;}
  #vvergleich .eingabeBox .line[id^="tr_Kr"]{padding:8px 14px;}
  #vvergleich .mrmoBoxZusatzfragenOptions{padding:16px 14px;}
  #vvergleich div#mrmo_pha_preview_box,#vvergleich div#mrmo_pha_box{margin:10px 8px!important;}
  #vvergleich .mrmo_pha_preview_image_box{display:none!important;}
}