/*
Theme Name: Ich will nach Island – Design
Theme URI: https://ich-will-nach-island.de
Description: Child-Theme mit dem Island-Reiseblog-Design (Space Grotesk, Moos-Akzent, Puffin-Logo). Auf Basis deines gekauften Themes.
Author: ich-will-nach-island.de
Version: 1.0.0
Template: flatsome
*/

/* =========================================================================
   WICHTIG: Trage oben bei "Template:" den ORDNERNAMEN deines aktuellen
   (gekauften) Themes ein – exakt so, wie er unter wp-content/themes/ heißt.
   Ohne den richtigen Template-Wert aktiviert WordPress das Child-Theme nicht.
   ========================================================================= */

/* ============================================================
   Ich-will-nach-island.de — Hi-fi Design
   Blue scheme · Space Grotesk + Space Mono · moss accent
   ============================================================ */

:root{
  --paper:   oklch(0.992 0.003 230);
  --ice:     oklch(0.948 0.020 232);
  --ice-2:   oklch(0.905 0.034 230);
  --line:    oklch(0.885 0.013 235);
  --line-2:  oklch(0.93 0.010 235);
  --ink:     oklch(0.28 0.035 252);
  --slate:   oklch(0.49 0.026 252);
  --navy:    oklch(0.32 0.066 252);
  --navy-d:  oklch(0.21 0.052 254);
  --accent:    oklch(0.55 0.095 142);
  --accent-d:  oklch(0.47 0.092 142);
  --on-accent: oklch(0.99 0.01 142);
  --accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 2px oklch(0.32 0.066 252 / .06), 0 14px 38px oklch(0.32 0.066 252 / .10);
  --shadow-sm: 0 1px 2px oklch(0.32 0.066 252 / .05), 0 6px 18px oklch(0.32 0.066 252 / .08);
  --font-d: 'Space Grotesk', system-ui, sans-serif;
  --font-m: 'Space Mono', ui-monospace, monospace;
  --maxw: 1180px;
}
:root[data-corner="sharp"]{ --radius: 0px; --radius-sm: 0px; }

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--ice);
  color:var(--ink);
  font-family:var(--font-d);
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }

.media{ background-size:cover; background-position:center; background-repeat:no-repeat; background-color:var(--ice-2); }
.eyebrow{ font-family:var(--font-m); font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent-d); }
.muted{ color:var(--slate); }

/* page shell */
.site{ display:block; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 26px; }

/* HEADER */
.bh{ position:relative; background:var(--paper); border-bottom:1px solid var(--line); z-index:40; }
.bh-top{ max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; gap:24px; padding:17px 26px; }
.logo{ display:flex; align-items:center; gap:12px; }
.logo .mark{
  height:48px; flex:none; display:grid; place-items:center;
}
.logo .mark img{ height:48px; width:auto; display:block; }
.logo .wm{ display:flex; flex-direction:column; gap:2px; line-height:1.05; }
.logo .wm .t1{ font-weight:600; font-size:21px; letter-spacing:-.015em; white-space:nowrap; color:var(--ink); }
.logo .wm .t1 b{ color:var(--accent-d); font-weight:700; }
.logo .wm .t2{ font-family:var(--font-m); font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--slate); }

.bh-search{
  margin-left:auto; display:flex; align-items:center; gap:9px;
  border:1px solid var(--line); border-radius:999px;
  padding:10px 16px; min-width:260px; color:var(--slate);
  font-family:var(--font-m); font-size:12.5px; background:var(--ice);
  cursor:text; transition:.14s;
}
.bh-search:hover{ border-color:var(--accent); }
.bh-search span{ white-space:nowrap; }
.bh-search svg{ width:16px; height:16px; flex:none; }

.bh-nav{ max-width:var(--maxw); margin:0 auto; display:flex; gap:2px; padding:0 18px; }
.nav-item{ position:relative; }
.nav-item > .nl{
  display:flex; align-items:center; gap:7px;
  padding:15px 18px; font-size:19px; font-weight:600; cursor:pointer; color:var(--ink);
  border-bottom:2.5px solid transparent; transition:.14s;
}
.nav-item > .nl .car{ font-size:11px; color:var(--slate); transition:transform .18s; }
.nav-item:hover > .nl{ color:var(--accent-d); }
.nav-item:hover > .nl .car{ transform:rotate(180deg); color:var(--accent-d); }
.nav-item.active > .nl{ color:var(--accent-d); border-bottom-color:var(--accent); }

/* clean hover dropdown */
.dropdown{
  position:absolute; top:calc(100% + 8px); left:0; z-index:50;
  min-width:248px; background:var(--paper);
  border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:8px; opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
  overflow:hidden;
}
.dropdown::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--accent); }
.nav-item:hover .dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.dropdown a{
  display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:var(--radius-sm);
  font-size:16.5px; color:var(--ink); transition:.12s;
}
.dropdown a .dot{ width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none; opacity:.6; }
.dropdown a:hover{ background:var(--ice); color:var(--accent-d); }
.dropdown a:hover .dot{ opacity:1; }

/* BUTTONS / TAGS */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-d); font-weight:600; font-size:15.5px;
  padding:12px 22px; border-radius:999px; cursor:pointer;
  border:1.5px solid var(--navy); background:transparent; color:var(--navy);
  transition:.15s; white-space:nowrap;
}
.btn:hover{ background:var(--navy); color:#fff; }
.btn.solid{ background:var(--accent); border-color:var(--accent); color:var(--on-accent); }
.btn.solid:hover{ background:var(--accent-d); border-color:var(--accent-d); }
.btn.lg{ padding:15px 28px; font-size:17px; }
.btn.ghost{ border-color:transparent; color:var(--accent-d); padding-left:6px; padding-right:6px; }
.btn.ghost:hover{ background:transparent; color:var(--navy); }

.tag{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-m); font-size:11px; text-transform:uppercase; letter-spacing:.09em;
  border-radius:999px; padding:5px 12px; background:var(--ice); color:var(--slate); border:1px solid var(--line);
}
.tag.cat{ color:var(--accent-d); border-color:color-mix(in oklch, var(--accent) 35%, var(--line)); background:var(--accent-soft); }
.tag.neu{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); font-weight:700; }

/* HERO */
.hero{ position:relative; min-height:560px; display:flex; align-items:flex-end; overflow:hidden; }
.hero .media{ position:absolute; inset:0; }
.hero::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, oklch(0.21 0.052 254 / .15) 0%, oklch(0.21 0.052 254 / .05) 38%, oklch(0.18 0.05 254 / .82) 100%),
             linear-gradient(90deg, oklch(0.18 0.05 254 / .55) 0%, transparent 60%);
}
.hero-inner{ position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; width:100%; padding:48px 26px 64px; }
.hero .eyebrow{ color:oklch(0.92 0.04 150); }
.hero h1{
  font-weight:700; font-size:60px; line-height:1.02; letter-spacing:-.025em;
  color:#fff; margin:14px 0 14px; max-width:13ch; text-wrap:balance;
}
.hero p{ font-size:20px; color:oklch(0.92 0.02 230); max-width:46ch; margin:0 0 26px; }
.hero-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.hero .btn{ border-color:#fff; color:#fff; }
.hero .btn:hover{ background:#fff; color:var(--navy); }
.hero .btn.solid{ border-color:var(--accent); color:var(--on-accent); }

/* ROUTE PLANNER */
.planner-zone{ background:var(--ice); }
.planner{
  max-width:var(--maxw); margin:32px auto 0; position:relative; z-index:10;
  background:var(--paper); border:1px solid var(--line); border-radius:0;
  box-shadow:var(--shadow); overflow:hidden;
  display:grid; grid-template-columns:1.05fr 1.25fr;
}
.planner-map{ position:relative; min-height:340px; }
.planner-map .media{ position:absolute; inset:0; }
.planner-map::after{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, oklch(0.18 0.05 254 / .35), transparent 60%); }
.planner-route{ position:absolute; inset:0; z-index:2; }
.planner-badge{
  position:absolute; left:18px; top:18px; z-index:3;
  font-family:var(--font-m); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:#fff; background:oklch(0.21 0.052 254 / .55); backdrop-filter:blur(6px);
  padding:7px 12px; border-radius:999px; border:1px solid oklch(1 0 0 / .2);
}
.planner-form{ padding:32px 34px 34px; display:flex; flex-direction:column; gap:18px; }
.planner-form h2{ font-weight:700; font-size:27px; letter-spacing:-.02em; margin:6px 0 2px; }
.planner-fields{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pfield{ display:flex; flex-direction:column; gap:6px; }
.pfield label{ font-family:var(--font-m); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--slate); }
.pfield .ctrl{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  border:1px solid var(--line); border-radius:var(--radius-sm); padding:12px 14px;
  background:var(--ice); font-size:15.5px; font-weight:500; color:var(--ink); cursor:pointer; transition:.14s;
}
.pfield .ctrl:hover{ border-color:var(--accent); }
.pfield .ctrl .car{ color:var(--slate); font-size:11px; }
.pchips{ display:flex; flex-wrap:wrap; gap:8px; }
.pchip{
  font-family:var(--font-m); font-size:12px; padding:7px 13px; border-radius:999px; cursor:pointer;
  border:1px solid var(--line); background:var(--paper); color:var(--slate); transition:.14s;
}
.pchip.on{ background:var(--accent-soft); border-color:var(--accent); color:var(--accent-d); font-weight:700; }
.pchip:hover{ border-color:var(--accent); }
.planner-actions{ display:flex; align-items:center; gap:16px; margin-top:4px; }
.planner-actions .hint{ font-family:var(--font-m); font-size:11.5px; color:var(--slate); }

/* SECTIONS / CARDS */
.sec{ padding:64px 0; }
.sec-h{ display:flex; align-items:flex-end; gap:16px; margin-bottom:30px; }
.sec-h .st{ font-weight:700; font-size:31px; letter-spacing:-.02em; line-height:1.05; }
.sec-h .more{ margin-left:auto; font-family:var(--font-m); font-size:12.5px; color:var(--accent-d); white-space:nowrap; }
.sec-h .more:hover{ text-decoration:underline; }
.sec-sub{ margin:-22px 0 30px; color:var(--slate); font-size:17px; max-width:54ch; }

.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }

.card{
  display:flex; flex-direction:column; background:var(--paper);
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow-sm); transition:.18s;
}
.card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.card .thumb{ height:198px; position:relative; }
.card .body{ padding:16px 20px 22px; display:flex; flex-direction:column; gap:9px; }
.card .body .meta{ display:flex; gap:7px; }
.card .ct{ font-weight:600; font-size:20px; line-height:1.18; letter-spacing:-.01em; }
.card:hover .ct{ color:var(--accent-d); }
.card .cd{ display:flex; gap:12px; font-family:var(--font-m); font-size:11.5px; color:var(--slate); margin-top:2px; }

.catstrip{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cattile{ position:relative; height:210px; border-radius:var(--radius); overflow:hidden; display:flex; align-items:flex-end; box-shadow:var(--shadow-sm); }
.cattile .media{ position:absolute; inset:0; transition:transform .4s ease; }
.cattile:hover .media{ transform:scale(1.06); }
.cattile::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 30%, oklch(0.18 0.05 254 / .78)); }
.cattile .lbl{ position:relative; z-index:2; padding:20px; color:#fff; font-weight:700; font-size:29px; letter-spacing:-.015em; line-height:1.08; }
.cattile .lbl small{ display:block; font-family:var(--font-m); font-weight:400; font-size:13.5px; letter-spacing:.07em; text-transform:uppercase; opacity:.85; margin-top:5px; }

.band{ background:linear-gradient(150deg, var(--navy), var(--navy-d)); color:#fff; border-radius:calc(var(--radius) + 6px); padding:46px 48px; display:flex; align-items:center; gap:40px; flex-wrap:wrap; }
.band .bt{ flex:1; min-width:280px; }
.band h3{ font-weight:700; font-size:30px; letter-spacing:-.02em; margin:8px 0 8px; }
.band p{ color:oklch(0.88 0.02 230); margin:0; max-width:44ch; }
.band .nl-form{ display:flex; gap:10px; flex:1; min-width:280px; }
.band .nl-form input{ flex:1; border:1px solid oklch(1 0 0 / .25); background:oklch(1 0 0 / .08); color:#fff; border-radius:999px; padding:14px 20px; font-family:var(--font-m); font-size:14px; }
.band .nl-form input::placeholder{ color:oklch(0.85 0.02 230); }

/* ARTICLE */
.art-hero{ position:relative; min-height:480px; display:flex; align-items:flex-end; overflow:hidden; }
.art-hero .media{ position:absolute; inset:0; }
.art-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, oklch(0.18 0.05 254 / .25) 0%, transparent 40%, oklch(0.16 0.045 254 / .85) 100%); }
.art-hero .inner{ position:relative; z-index:2; max-width:920px; margin:0 auto; width:100%; padding:46px 26px 50px; }
.art-hero .bc{ font-family:var(--font-m); font-size:12px; color:oklch(0.88 0.03 230); margin-bottom:14px; letter-spacing:.04em; }
.art-hero h1{ font-weight:700; font-size:50px; line-height:1.04; letter-spacing:-.025em; color:#fff; margin:12px 0 14px; max-width:20ch; text-wrap:balance; }
.art-hero .ameta{ display:flex; gap:16px; font-family:var(--font-m); font-size:12.5px; color:oklch(0.9 0.02 230); }

.art-grid{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:48px; align-items:start; padding:54px 0 64px; }
.prose{ max-width:none; }
.prose .lead{ font-size:21px; line-height:1.5; color:var(--ink); margin:0 0 24px; }
.prose h2{ font-weight:700; font-size:28px; letter-spacing:-.02em; margin:38px 0 14px; }
.prose p{ font-size:17.5px; line-height:1.62; color:var(--ink); margin:0 0 16px; }
.prose figure{ margin:26px 0; }
.prose figure .media{ height:340px; border-radius:var(--radius); }
.prose figure figcaption{ font-family:var(--font-m); font-size:11.5px; color:var(--slate); margin-top:9px; text-align:center; }
.prose .duo{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:26px 0; }
.prose .duo .media{ height:240px; border-radius:var(--radius); }

.callout{
  display:flex; gap:14px; align-items:flex-start;
  background:var(--accent-soft); border:1px solid color-mix(in oklch, var(--accent) 32%, var(--line));
  border-left:4px solid var(--accent); border-radius:var(--radius-sm);
  padding:18px 20px; margin:26px 0; font-size:16.5px; line-height:1.5;
}
.callout .ct-tip{ font-family:var(--font-m); font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--on-accent); background:var(--accent); padding:4px 9px; border-radius:6px; flex:none; margin-top:2px; }

.aside{ display:flex; flex-direction:column; gap:22px; position:sticky; top:24px; }
.scard{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); overflow:hidden; }
.scard .sc-h{ font-family:var(--font-m); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--slate); padding:16px 18px 0; display:flex; align-items:center; gap:8px; }
.scard .sc-h::before{ content:""; width:8px; height:8px; border-radius:2px; background:var(--accent); }
.scard .sc-body{ padding:14px 18px 18px; }

.qrow{ display:flex; align-items:center; gap:13px; padding:12px 0; border-bottom:1px solid var(--line-2); }
.qrow:last-child{ border-bottom:none; }
.qrow .qic{ width:42px; height:42px; flex:none; border-radius:var(--radius-sm); background:var(--ice); display:grid; place-items:center; }
.qrow .qic svg{ width:22px; height:22px; }
.qrow .qk{ font-family:var(--font-m); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--slate); }
.qrow .qv{ font-weight:600; font-size:15.5px; line-height:1.15; }

.toc a{ display:block; padding:9px 0 9px 14px; border-left:2px solid var(--line); font-size:15px; color:var(--slate); transition:.12s; }
.toc a:hover, .toc a.on{ border-left-color:var(--accent); color:var(--accent-d); font-weight:600; }

.route-cta{ background:linear-gradient(150deg, var(--navy), var(--navy-d)); color:#fff; border:none; }
.route-cta .sc-body{ padding:20px 20px 22px; display:flex; flex-direction:column; gap:12px; }
.route-cta .rc-k{ font-family:var(--font-m); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:oklch(0.88 0.05 150); }
.route-cta h4{ font-weight:700; font-size:20px; letter-spacing:-.01em; margin:0; line-height:1.15; }
.route-cta p{ margin:0; font-size:14px; color:oklch(0.86 0.02 230); }
.route-cta .btn.solid{ width:100%; justify-content:center; }

.minimap{ position:relative; height:160px; }
.minimap .media{ position:absolute; inset:0; }
.minimap .planner-route{ position:absolute; inset:0; }

.related{ background:var(--paper); border-top:1px solid var(--line); }

/* FOOTER */
.bf{ background:var(--navy-d); color:oklch(0.86 0.015 230); }
.bf-grid{ max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:34px; padding:54px 26px; }
.bf .logo .wm .t1{ color:#fff; }
.bf .logo .wm .t1 b{ color:var(--accent); }
.bf .logo .mark{ background:none; border:none; box-shadow:none; height:42px; }
.bf .logo .mark img{ height:42px; }
.bf .blurb{ margin-top:14px; max-width:30ch; font-size:14.5px; color:oklch(0.78 0.02 230); }
.bf h5{ margin:0 0 14px; font-family:var(--font-m); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:oklch(0.72 0.04 150); }
.bf a{ display:block; font-size:14.5px; padding:5px 0; color:oklch(0.84 0.015 230); transition:.12s; }
.bf a:hover{ color:#fff; }
.bf-base{ border-top:1px solid oklch(1 0 0 / .1); }
.bf-base .in{ max-width:var(--maxw); margin:0 auto; padding:18px 26px; display:flex; gap:14px; font-family:var(--font-m); font-size:11px; color:oklch(0.66 0.02 230); letter-spacing:.04em; }

.ic{ fill:none; stroke:var(--ink); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.ic.acc{ stroke:var(--accent-d); }
.ic.w{ stroke:#fff; }

.rline{ fill:none; stroke:var(--accent); stroke-width:3; stroke-dasharray:2 9; stroke-linecap:round; }
.rpin{ fill:#fff; stroke:var(--accent-d); stroke-width:2.5; }
.rpin.start{ fill:var(--accent); stroke:#fff; }

/* discover / wohin soll's gehen */
.discover-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:36px; align-items:stretch; }
.discover-map{ position:relative; min-height:330px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); display:grid; place-items:center; }
.discover-map::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, oklch(0.18 0.05 254 / .12), oklch(0.18 0.05 254 / .55)); }
.disc-btn{ position:relative; z-index:4; }
.discover-text{ display:flex; flex-direction:column; justify-content:center; gap:14px; }
.discover-text h2{ font-size:34px; margin:0; }
.discover-text p{ color:var(--slate); font-size:18px; margin:0; max-width:46ch; }
.disc-search{ margin-left:0; max-width:400px; min-width:auto; }
.disc-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; }

@media (max-width: 880px){
  .planner{ grid-template-columns:1fr; }
  .planner-map{ min-height:200px; }
  .grid3{ grid-template-columns:1fr 1fr; }
  .catstrip{ grid-template-columns:1fr 1fr; }
  .art-grid{ grid-template-columns:1fr; }
  .aside{ position:static; }
  .hero h1{ font-size:42px; }
  .bf-grid{ grid-template-columns:1fr 1fr; }
  .discover-grid{ grid-template-columns:1fr; }
}

/* Space Grotesk — klare, gut leserliche Anzeigeschrift */
.prose p{ font-size:18.5px; }
.prose .lead{ font-size:22px; }


/* =========================================================================
   WordPress-Anpassungen — Menü (wp_nav_menu) an das Design angepasst
   ========================================================================= */
.bh-nav .iwni-nav{ list-style:none; margin:0; padding:0; display:flex; gap:2px; }
.bh-nav .iwni-nav li{ position:relative; }
.bh-nav .iwni-nav > li > a{
  display:flex; align-items:center; gap:7px;
  padding:15px 18px; font-size:19px; font-weight:600; color:var(--ink);
  border-bottom:2.5px solid transparent; transition:.14s; text-decoration:none;
}
.bh-nav .iwni-nav > li:hover > a,
.bh-nav .iwni-nav > li.current-menu-item > a{ color:var(--accent-d); }
.bh-nav .iwni-nav > li.current-menu-item > a{ border-bottom-color:var(--accent); }
/* Dropdown (Untermenü) */
.bh-nav .iwni-nav .sub-menu{
  list-style:none; margin:0; padding:10px; position:absolute; top:calc(100% + 8px); left:0; z-index:50;
  min-width:248px; background:var(--paper); border:1px solid var(--line);
  border-radius:var(--radius); box-shadow:var(--shadow); opacity:0; visibility:hidden;
  transform:translateY(6px); transition:.16s; overflow:hidden;
}
.bh-nav .iwni-nav .sub-menu::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--accent); }
.bh-nav .iwni-nav li:hover > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.bh-nav .iwni-nav .sub-menu a{ display:block; padding:10px 12px; border-radius:var(--radius-sm); font-size:16.5px; color:var(--ink); text-decoration:none; transition:.12s; }
.bh-nav .iwni-nav .sub-menu a:hover{ background:var(--ice); color:var(--accent-d); }
/* Footer-Menü */
.bf .iwni-foot-menu{ list-style:none; margin:0; padding:0; }
.bf .iwni-foot-menu a{ display:block; font-size:14.5px; padding:5px 0; color:oklch(0.84 0.015 230); text-decoration:none; }
.bf .iwni-foot-menu a:hover{ color:#fff; }
/* WordPress-Standardklassen abfangen */
.iwni-content img{ max-width:100%; height:auto; }
.aligncenter{ display:block; margin:0 auto; }
.alignright{ float:right; margin:0 0 1em 1.5em; }
.alignleft{ float:left; margin:0 1.5em 1em 0; }