/* Allgemeine Inhaltsseiten (Theme 0.7.4) - Abschnitte aus den alten
   Kubio-Seiten, Gestaltung wie Produkt- und Ratgeberseiten. */

/* Kopf (gleiche Klassen wie die Ratgeber) */
.ev-r-kopf{padding:40px 0 48px}
.ev-r-kopf .ev-p-titel{max-width:22ch}
.ev-r-kopf .ev-p-lead{max-width:62ch}
.ev-r-meta{margin:18px 0 0;font-size:15px;color:var(--text2)}
.ev-r-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Abschnitt */
.ev-t .ev-t-kopf{max-width:760px;margin-bottom:32px}
/* Einleitung in voller Breite (Ueber uns, Nutzer 2026-10-16: "text in voller breite da ja da kein bild ist") */
.ev-t .ev-t-kopf.ev-t-kopf-voll{max-width:none}
.ev-t .ev-t-kopf .ev-h2{margin-bottom:14px;max-width:none}
.ev-t p,.ev-t li{font-size:17px;line-height:1.7}
.ev-t p{margin:0 0 14px}
.ev-t .ev-t-text>*:last-child{margin-bottom:0}
.ev-t a:not(.ev-btn){font-weight:800;color:var(--tinte);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--orange)}
.ev-t h3{font-size:22px;line-height:1.25;font-weight:900;margin:0 0 10px}
/* Zwischenueberschriften als h2 (Gliederung ohne Sprung H1 -> H3, Pruefung 2026-10-17), gleiche Optik wie h3 */
.ev-t-zeile h2,.ev-t-karten h2{font-size:22px;line-height:1.25;font-weight:900;margin:0 0 10px}
.ev-t .ev-t-label{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin:0 0 6px}

/* Haekchenliste */
.ev-t-haken{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:8px}
.ev-t-haken li{position:relative;padding-left:30px;font-size:16px;line-height:1.5}
.ev-t-haken li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.ev-t-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}

/* Angebotszeilen mit Bild (Zickzack) */
.ev-t-zeilen{display:grid;gap:56px}
/* Text oben neben dem Bild, nicht mittig (Nutzer 22.10.2026, Theme 0.9.41) */
.ev-t-zeile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}
.ev-t-zeile:nth-child(even) .ev-abzug{order:-1}
.ev-t-zeile .ev-abzug{margin:0;padding:8px 8px 26px}
.ev-t-zeile .ev-abzug img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ev-t-zeile:nth-child(odd) .ev-abzug{--dreh:1.2deg}
.ev-t-zeile:nth-child(even) .ev-abzug{--dreh:-1.2deg}
/* Variante: erste Zeile mit Bild links (Ueber uns, wie die alte Seite) */
.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(odd) .ev-abzug{order:-1}
.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(even) .ev-abzug{order:0}
/* Variante: kleinere Bilder, mehr Platz fuer Text (Ueber uns, Nutzer 2026-10-16: "bilder zu gross") */
.ev-t-zeilen-klein .ev-t-zeile{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:48px}
.ev-t-zeilen-klein.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(odd){grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr)}
.ev-t-zeilen-klein:not(.ev-t-zeilen-bildlinks) .ev-t-zeile:nth-child(even){grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr)}
.ev-t-zeilen-klein.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(even){grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr)}
.ev-t-zeilen-klein .ev-abzug{max-width:340px}
/* Bild im eigenen Seitenverhaeltnis, ohne Beschnitt (z. B. breites Foto mit Schrift, Ueber uns Buero) */
.ev-t-zeile .ev-abzug.ev-abzug-frei img{aspect-ratio:auto;object-fit:fill}
/* Logos und Grafiken nicht beschneiden */
.ev-t-zeile .ev-abzug.ev-abzug-ganz img{object-fit:contain;background:#fff;padding:20px;box-sizing:border-box}

/* Textkarten ohne Bild */
.ev-t-karten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ev-t-karten>li{background:var(--papier);border:1px solid var(--linie);border-radius:14px;padding:24px 26px}
.ev-t.ev-papier .ev-t-karten>li{background:#fff}
.ev-t-karten>li>*:last-child{margin-bottom:0}

/* Kurze Hinweise (frueher Symbolkaesten) */
.ev-t-infos{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ev-t-infos li{border-top:3px solid var(--orange);padding-top:14px}
.ev-t-infos b{display:block;font-size:17px;font-weight:900;margin-bottom:6px}
.ev-t-infos span{display:block;font-size:15px;line-height:1.6;color:var(--text2)}

/* Tabellen, Einbettungen, Bilder im Text */
.ev-t table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin:8px 0 24px}
.ev-t th{background:var(--papier);text-align:left;padding:12px 16px;font-weight:800}
.ev-t td{padding:11px 16px;border-top:1px solid var(--linie)}
.ev-t .ev-t-tabelle{overflow-x:auto;border:1px solid var(--linie);border-radius:14px;margin:8px 0 24px}
.ev-t .ev-t-tabelle table{margin:0}
.ev-t iframe{max-width:100%;border:0;border-radius:14px}
.ev-t .ev-t-bild{margin:24px 0}
.ev-t .ev-t-bild img{display:block;max-width:100%;height:auto;border-radius:14px}
.ev-t .ev-t-frei{margin-top:28px}

/* Preise in Angebotskarten und Bildergalerie (frueher Kubio-Preistabelle/Slider) */
.ev-t .ev-t-preis{display:inline-block;font-size:28px;font-weight:900;color:var(--tinte);margin:4px 0 8px}
.ev-t-galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.ev-t-galerie img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
@media(max-width:600px){.ev-t-galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Formulare (Kontaktformular u. a.) */
.ev-t form{max-width:640px}
.ev-t form p{margin:0 0 16px}
.ev-t form label{display:block;font-weight:800;font-size:15px;color:var(--tinte)}
.ev-t input[type=text],.ev-t input[type=email],.ev-t input[type=tel],.ev-t input[type=number],.ev-t input[type=date],.ev-t input[type=url],.ev-t select,.ev-t textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px 14px;font:inherit;font-size:16px;color:var(--tinte);background:#fff;border:1px solid rgba(43,45,66,.25);border-radius:10px}
.ev-t textarea{min-height:160px;resize:vertical}
.ev-t input:focus,.ev-t select:focus,.ev-t textarea:focus{outline:3px solid var(--orange-hell);border-color:var(--orange)}
.ev-t input[type=checkbox],.ev-t input[type=radio]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:-3px;accent-color:var(--tinte)}
.ev-t .wpcf7-list-item{margin:0}
.ev-t .wpcf7-list-item label{font-weight:400}
.ev-t input[type=submit],.ev-t button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;font:inherit;font-weight:800;font-size:16px;color:#fff;background:var(--tinte);border:0;border-radius:var(--r-knopf);box-shadow:0 3px 0 #11121d;cursor:pointer}
.ev-t input[type=submit]:hover,.ev-t button[type=submit]:hover{background:#3a3d57}
.ev-t .wpcf7-not-valid-tip{font-size:14px;color:var(--rot);margin-top:4px}
.ev-t .wpcf7-response-output{border-radius:10px;padding:12px 16px!important;margin:16px 0 0!important}
.ev-t .ev-t-karte iframe{display:block;width:100%;height:400px;margin:8px 0 28px}

/* Widget mit Hinweisen daneben (Warenkorb) */
.ev-t-zweispaltig{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
.ev-t-hinweise{display:grid;gap:24px}
.ev-t-hinweise h2,.ev-t-hinweise h3{font-size:18px;margin:0 0 6px}
.ev-t-hinweise p{font-size:15px;line-height:1.6;color:var(--text2);margin:0}
.ev-t-widget{min-width:0}

/* Lange Textseiten (Mietbedingungen, Datenschutz, Impressum) */
.ev-t-lang .ev-in{max-width:860px}
.ev-t-lang h2{font-size:clamp(22px,2.2vw,28px);line-height:1.25;font-weight:900;margin:44px 0 12px}
.ev-t-lang h2:first-child{margin-top:0}
.ev-t-lang h3{font-size:19px;margin:28px 0 8px}
.ev-t-lang ul,.ev-t-lang ol{margin:0 0 16px;padding-left:22px}
.ev-t-lang li{margin-bottom:6px}

@media(max-width:900px){
.ev-t-zeile{grid-template-columns:1fr;gap:24px}
.ev-t-zeile .ev-abzug,.ev-t-zeile:nth-child(even) .ev-abzug,.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(even) .ev-abzug{order:-1;max-width:520px}
.ev-t-zeilen-klein .ev-t-zeile,.ev-t-zeilen-klein.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(odd),.ev-t-zeilen-klein:not(.ev-t-zeilen-bildlinks) .ev-t-zeile:nth-child(even),.ev-t-zeilen-klein.ev-t-zeilen-bildlinks .ev-t-zeile:nth-child(even){grid-template-columns:1fr}
.ev-t-zeilen-klein .ev-abzug{max-width:300px}
.ev-t-karten{grid-template-columns:1fr}
.ev-t-infos{grid-template-columns:repeat(2,minmax(0,1fr))}
.ev-t-zweispaltig{grid-template-columns:1fr;gap:36px}
}
@media(max-width:767px){
.ev-r-kopf{padding:24px 0 36px}
.ev-r-knoepfe .ev-btn,.ev-t-knoepfe .ev-btn{flex:1 1 auto;text-align:center}
.ev-t p,.ev-t li{font-size:16px}
}
@media(max-width:480px){.ev-t-infos{grid-template-columns:1fr}}
/* Kontaktseite (Theme 0.9.7, Nutzer 2026-10-17: "das formular mal bitte neben dem text"): Text, Kontaktwege und
   Karte links, Formular rechts in einer Karte (mitlaufend nur, wenn sie ganz ins Fenster passt). Bis 1100 px untereinander. */
.ev-t-formular{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;align-items:start}
.ev-t-formular-box{background:var(--papier);border:1px solid var(--linie);border-radius:14px;padding:28px}
.ev-t.ev-papier .ev-t-formular-box{background:#fff}
.ev-t .ev-t-formular-box h2{font-size:24px;line-height:1.25;font-weight:900;margin:0 0 6px}
.ev-t-formular-box .ev-t-formular-hinweis{color:var(--text2);font-size:15px;line-height:1.5;margin:0 0 18px}
.ev-t .ev-t-formular-box form{max-width:none}
.ev-t .ev-t-formular-box input:focus,.ev-t .ev-t-formular-box select:focus,.ev-t .ev-t-formular-box textarea:focus{outline-color:var(--orange)}
/* Mitlaufen nur, wenn das ganze Formular in das Fenster passt (Review-Fund: sonst ist der Absendeknopf verdeckt). */
@media(min-width:1101px) and (min-height:900px){.ev-t-formular-box{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 96px)}}
/* Theme 0.9.16 (Nutzer 2026-10-18: Kategorie und Modul nebeneinander): Im 480-px-Kasten ist das Formular schmaler als
   die 540-px-Grenze des Formular-Widgets. Am Computer stehen Felder mit halber Breite trotzdem paarweise. Die
   Widget-Regeln sind :where() (Spezifitaet 0), diese hier gewinnen also immer. */
@media(min-width:1101px){
.ev-t-formular-box .emf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ev-t-formular-box .emf-field{grid-column:1/-1}
.ev-t-formular-box .emf-field.emf-half{grid-column:span 1}
}
@media(max-width:1100px){.ev-t-formular{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){.ev-t-formular-box{padding:22px 18px}}
/* Kompakte Paketreihe (Theme 0.9.31, Nutzer 2026-10-19 zur Drucker-Seite: "die pakteboxen sind zu gross"):
   vier schmale Preiskarten nebeneinander, gemeinsame Leistungen einmal darunter, ein Paket hervorgehoben. */
.ev-t-pakete{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ev-t-pakete>li{position:relative;background:var(--weiss);border:1px solid var(--linie);border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:2px}
.ev-t.ev-weiss .ev-t-pakete>li{background:var(--papier)}
.ev-t-pakete h3{font-size:18px;font-weight:900;margin:0}
.ev-t-pakete .ev-t-paket-menge{margin:0;color:var(--text2);font-size:15px}
.ev-t-pakete .ev-t-preis{font-size:30px;margin:10px 0 0}
.ev-t-pakete .ev-t-paket-zusatz{margin:0;color:var(--text2);font-size:14px}
.ev-t .ev-t-pakete>li.ev-t-paket-tipp{border:2px solid var(--orange);background:var(--weiss)}
.ev-t-paket-etikett{position:absolute;top:-12px;left:18px;background:var(--orange-hell);border:1px solid var(--orange);color:var(--tinte);font-size:12.5px;font-weight:900;padding:3px 10px;border-radius:999px;white-space:nowrap}
.ev-t-haken.ev-t-haken-reihe{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:0 0 18px}
/* .ev-t p (17px) ist spezifischer als .ev-t-klein, deshalb mit .ev-t davor (Theme 0.9.41) */
.ev-t-klein,.ev-t p.ev-t-klein{font-size:14px;line-height:1.45;color:var(--text2)}
@media(max-width:900px){.ev-t-pakete{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ev-t-haken.ev-t-haken-reihe{grid-template-columns:1fr}.ev-t-pakete{gap:12px}.ev-t-pakete>li{padding:20px 14px 16px}.ev-t-paket-etikett{left:10px;font-size:11.5px;padding:3px 8px}}
.ev-t-kopf.ev-t-kopf-abstand{margin-top:56px}
.ev-t-pakete p{margin:0}


/* Preisvergleich zweier Ausführungen als Karten (statt Tabelle, Nutzer 22.10.2026, Theme 0.9.41) */
.ev-t-vergleich{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ev-t-vergleich>li{background:var(--weiss);border:1px solid var(--linie);border-radius:14px;padding:28px 26px 26px;display:flex;flex-direction:column}
.ev-t.ev-weiss .ev-t-vergleich>li{background:var(--papier)}
.ev-t .ev-t-vergleich h3{font-size:20px;font-weight:900;margin:0 0 4px}
.ev-t .ev-t-vergleich .ev-t-vergleich-zusatz{margin:0;font-size:15px;line-height:1.5;color:var(--text2)}
.ev-t .ev-t-vergleich .ev-t-preis{display:block;font-size:40px;line-height:1.1;margin:18px 0 20px;font-variant-numeric:tabular-nums}
.ev-t-vergleich .ev-t-haken{margin:0;padding-top:20px;border-top:1px solid var(--linie)}
@media(max-width:700px){.ev-t-vergleich{grid-template-columns:1fr;gap:14px}.ev-t-vergleich>li{padding:22px 18px}.ev-t .ev-t-vergleich .ev-t-preis{font-size:34px;margin:14px 0 16px}}