.elementor-85193 .elementor-element.elementor-element-123a70a{--display:flex;}.elementor-85193 .elementor-element.elementor-element-b77de16{text-align:center;}.elementor-85193 .elementor-element.elementor-element-b85a033{--display:flex;--padding-top:2%;--padding-bottom:2%;--padding-left:6%;--padding-right:6%;}.elementor-85193 .elementor-element.elementor-element-aedfa20 .elementor-icon-list-icon{width:14px;}.elementor-85193 .elementor-element.elementor-element-aedfa20 .elementor-icon-list-icon i{font-size:14px;}.elementor-85193 .elementor-element.elementor-element-aedfa20 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}body:not(.rtl) .elementor-85193 .elementor-element.elementor-element-aedfa20 .elementor-icon-list-text{padding-left:10px;}body.rtl .elementor-85193 .elementor-element.elementor-element-aedfa20 .elementor-icon-list-text{padding-right:10px;}.elementor-85193 .elementor-element.elementor-element-cbd25e5{--display:flex;}@media(max-width:767px){.elementor-85193 .elementor-element.elementor-element-cbd25e5{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:2%;}}/* Start custom CSS for html, class: .elementor-element-675da40 *//* ============================================================
   CSS für /de/strandvergleich/
   Alle Regeln sind auf .strandvergleich begrenzt und greifen
   nicht in das Theme ein.
   Einbau: Elementor > Seiten-Einstellungen > Erweitert >
   Eigenes CSS – oder Design > Customizer > Zusätzliches CSS.
   ============================================================ */

.strandvergleich{--ink:#22201c;--muted:#6f6a60;--line:#d9d2c4;--soft:#f4f0e7;--sand:#faf7f0;--sea:#0d6e78;--warn:#a8410f}
.strandvergleich *{box-sizing:border-box}
.strandvergleich .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.strandvergleich .sv-body{padding:30px 0 60px}
.strandvergleich h2{font-size:1.15rem;margin:34px 0 10px}
.strandvergleich p.lead{max-width:75ch;margin:14px 0 22px}
.strandvergleich .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;background:#fff}
.strandvergleich table.data{width:100%;min-width:1080px;border-collapse:collapse;font-size:.86rem}
.strandvergleich table.data th, .strandvergleich table.data td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.strandvergleich table.data thead th{background:var(--soft);position:sticky;top:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#4a453c}
.strandvergleich table.data tbody th{font-weight:650;white-space:nowrap;background:#fcfbf7;position:sticky;left:0}
.strandvergleich table.data tbody tr:nth-child(even) td{background:#fdfcf9}
.strandvergleich table.data td:nth-child(1){min-width:110px}
.strandvergleich table.data td:nth-child(2){min-width:120px}
.strandvergleich table.data td:nth-child(3){min-width:150px}
.strandvergleich table.data td:nth-child(4){min-width:140px}
.strandvergleich table.data td:nth-child(5){min-width:190px}
.strandvergleich table.data td:nth-child(6){min-width:180px}
.strandvergleich table.data td:nth-child(7){min-width:150px}
.strandvergleich table.data td:nth-child(8){min-width:120px}
.strandvergleich table.data td:nth-child(9){min-width:170px}
.strandvergleich .note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--sea);border-radius:8px;padding:14px 18px;margin:26px 0;max-width:85ch}
.strandvergleich .note h3{margin:0 0 8px;font-size:1rem}
.strandvergleich .note ul{margin:8px 0 0 18px;padding:0}
.strandvergleich .note li{margin:4px 0}
.strandvergleich .bad{color:var(--warn);font-weight:600}
.strandvergleich .good{color:#28692d;font-weight:600}
.strandvergleich .sv-foot{border-top:1px solid var(--line);padding:22px 0 40px;font-size:.82rem;color:var(--muted)}
.strandvergleich a{color:var(--sea)}
@media print{
.strandvergleich .scroll{border:none}
.strandvergleich table.data{min-width:0;font-size:.62rem}
.strandvergleich{background:#fff}
}/* End custom CSS */