/* Möwencenter – "neuer Touch": Hafen-Stimmung, kühleres Blau, schwebende Menüleiste.
   Liegt als letzte Schicht über main.css und modern.css. Datei löschen bzw. in functions.php
   die Zeile "mc-touch" entfernen = alter Stand. Möwe, Giebel, Serifen-Überschriften und
   die Farben Hellblau/Blau bleiben bewusst unverändert. */

:root{
  --text:#48516a;           /* etwas kühler als das bisherige Grau */
  --navy:#0f1d3a;
  --navy-deep:#0a1530;
  --sun:#f6b97c;            /* warmer Akzent, passt zum Pfirsich im Hero */
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='120' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 62C180 18 360 106 540 62S900 18 1080 62 1260 106 1440 62V120H0z' fill='%23fff'/%3E%3C/svg%3E");
  --lines:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='46' viewBox='0 0 220 46'%3E%3Cpath d='M0 23C27 6 55 40 82 23S137 6 165 23 193 40 220 23' fill='none' stroke='%23fff' stroke-opacity='.45' stroke-width='1.4'/%3E%3C/svg%3E");
}

/* ---------- Überschriften etwas weicher, mit warmem Akzent ---------- */
.mc-h{color:#35405c}
.mc-h3{color:#3d4863}
.mc-sub-title{letter-spacing:.01em}
.mc-divider img{filter:drop-shadow(0 2px 3px rgba(38,90,169,.25))}
.mc-divider::before{height:2px;background:linear-gradient(90deg,transparent,rgba(38,90,169,.28) 22%,rgba(246,185,124,.65) 50%,rgba(38,90,169,.28) 78%,transparent);opacity:.55}
.mc-divider-hero::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 22%,rgba(246,185,124,.9) 50%,rgba(255,255,255,.55) 78%,transparent);opacity:1}
.mc-shops .mc-divider::before,.mc-rent .mc-divider::before{opacity:.8}

/* ---------- Hero: Hafen-Stimmung ---------- */
.mc-hero-bg::after{background:linear-gradient(180deg,rgba(12,26,56,.62) 0%,rgba(24,46,92,.2) 42%,rgba(20,34,70,.35) 78%,rgba(255,170,100,.2) 100%)}
.mc-hero::before,.mc-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;background-image:var(--wave);background-repeat:repeat-x;pointer-events:none;z-index:2}
.mc-hero::before{height:210px;background-size:1440px 210px;opacity:.1;animation:waveA 46s linear infinite}
.mc-hero::after{height:140px;background-size:1440px 140px;opacity:.16;animation:waveB 30s linear infinite}
@keyframes waveA{to{background-position-x:-1440px}}
@keyframes waveB{to{background-position-x:1440px}}
.mc-hero-title{text-shadow:0 6px 40px rgba(8,18,44,.45)}
.mc-hero-status{text-shadow:0 2px 14px rgba(8,18,44,.5)}
.mc-btn-ghost{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.65);border-radius:999px;padding:.7em 1.7em}
.mc-btn-ghost:hover{background:rgba(255,255,255,.28)}

/* ---------- Menüleiste: schwebende Kapsel beim Scrollen ---------- */
@media (min-width:821px){
  .mc-header{transition:inset .45s var(--ease),width .45s var(--ease),height .45s var(--ease),border-radius .45s var(--ease),background .3s,box-shadow .3s,transform .45s var(--ease)}
  .mc-header.is-solid{inset:12px auto auto 50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));height:64px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(30,60,120,.2),0 0 0 1px rgba(255,255,255,.7) inset}
  .mc-header.is-solid .mc-header-in{max-width:none;padding:0 30px}
  .mc-header.is-solid .mc-logo img{width:44px;height:44px}
}
.mc-nav a.is-active::after{background:var(--sun);height:3px;border-radius:3px}

/* ---------- Flächen: feine Wellenlinien auf den hellblauen Bereichen ---------- */
.mc-shops{background-image:var(--lines),linear-gradient(180deg,#cadcf7,#d7e5fb);background-size:220px 46px,auto}
.mc-rent{background-image:var(--lines),linear-gradient(180deg,#cadcf7,#dbe7fb);background-size:220px 46px,auto}
.mc-office{background:linear-gradient(180deg,#eeedfc,#f4f3fe)}
.mc-welcome{background:linear-gradient(180deg,#fff 60%,#f6f9ff)}

/* ---------- Kacheln und Karten ---------- */
.mc-tile{box-shadow:0 0 0 1px rgba(255,255,255,.65) inset,0 10px 26px rgba(38,90,169,.14)}
a.mc-tile:hover{box-shadow:0 22px 46px rgba(38,90,169,.32),0 0 0 3px rgba(246,185,124,.65)}
.mc-card{box-shadow:0 8px 28px rgba(38,90,169,.14)}
.mc-card:hover{box-shadow:0 20px 44px rgba(38,90,169,.26)}
.mc-feature-ico{border-color:#dbe5f6;background:#fff;box-shadow:0 6px 16px rgba(38,90,169,.1)}
.mc-search{box-shadow:0 8px 28px rgba(38,90,169,.18)}
.mc-info{border-color:#e6edfa}

/* ---------- Knöpfe ---------- */
.mc-btn-solid{background:linear-gradient(135deg,#2e6bc0,#1f4c91);border-radius:12px;box-shadow:0 12px 26px rgba(38,90,169,.32)}
.mc-btn-solid:hover{background:linear-gradient(135deg,#3474cd,#1a428a)}
.mc-act{background:linear-gradient(135deg,#2e6bc0,#1f4c91)}
.mc-top{background:linear-gradient(135deg,#2e6bc0,#1f4c91)}

/* ---------- Geschäfts-Ansicht ---------- */
.mc-stage{background:linear-gradient(135deg,#d7e5fb 0%,#c3d7f6 42%,#e6e1fb 78%,#fbe9dc 100%)}
.mc-chip{background:linear-gradient(135deg,#2e6bc0,#1f4c91)}
.mc-stage-title{color:#2a3652}
.mc-week li.is-today{background:linear-gradient(90deg,#cadcf7,#e3ecfc)}

/* ---------- Fuß: tiefes Marine statt neutralem Dunkelgrau ---------- */
.mc-footer{background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:#9fb0cc}
.mc-footer a{color:#9fb0cc}
.mc-fbig{color:#b6c6e2}
.mc-fhead{color:#fff}
.mc-footbar{background:var(--navy-deep)}
.mc-footer a:hover{color:#fff}

/* ---------- FAQ ---------- */
.mc-acc details[open]{background:linear-gradient(90deg,#f1f6ff,#fff)}
.mc-acc summary::before{background:#b9c6dc}

@media (prefers-reduced-motion:reduce){
  .mc-hero::before,.mc-hero::after{animation:none}
}


/* =====================================================================
   Update 2: Trenner mit Lücke, sanfte Wellen statt starrer Tafeln
   ===================================================================== */
:root{
  --wt-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='100' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V50Q1260 100 1080 50T720 50T360 50T0 50Z' fill='%23fff'/%3E%3C/svg%3E");
  --wt-pale:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='100' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V50Q1260 100 1080 50T720 50T360 50T0 50Z' fill='%23e8effc'/%3E%3C/svg%3E");
  --wt-sky:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='100' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V50Q1260 100 1080 50T720 50T360 50T0 50Z' fill='%23cadcf7'/%3E%3C/svg%3E");
  --wb-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='100' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V50Q180 0 360 50T720 50T1080 50T1440 50V100Z' fill='%23fff'/%3E%3C/svg%3E");
  --wb-mist:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='100' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V50Q180 0 360 50T720 50T1080 50T1440 50V100Z' fill='%23eeedfc'/%3E%3C/svg%3E");
  --wb-mist2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='100' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V50Q180 0 360 50T720 50T1080 50T1440 50V100Z' fill='%23e2e8fb'/%3E%3C/svg%3E");
  --bird:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='24' viewBox='0 0 60 24'%3E%3Cpath d='M2 14C12 2 22 4 30 14 38 4 48 2 58 14 48 9 38 10 30 18 22 10 12 9 2 14z' fill='%23fff'/%3E%3C/svg%3E");
}

/* --- Trenner: Möwe größer, Linie hat in der Mitte eine Pause --- */
.mc-divider{height:48px;margin-bottom:2.4em;--gap:40px}
.mc-divider img{width:48px;height:48px}
.mc-divider::after{display:none}
.mc-divider::before{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - var(--gap)),transparent calc(50% - var(--gap)),transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)),#000 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - var(--gap)),transparent calc(50% - var(--gap)),transparent calc(50% + var(--gap)),#000 calc(50% + var(--gap)),#000 100%);
}
.mc-divider-hero{height:56px;--gap:46px;margin:.7rem auto 1.3rem}
.mc-divider-hero img{width:56px;height:56px}

/* --- Blaue Flächen: weicher Wellenrand statt Spitze/Kante, sanft bewegt --- */
.mc-vee{height:100px}
.mc-vee::before,.mc-vee::after{clip-path:none;background-repeat:repeat-x;background-size:1440px 100%;background-color:transparent}
.mc-vee::before{background-image:var(--wt-pale);top:14px;animation:edgeA 70s linear infinite}
.mc-vee::after{background-image:var(--wt-white);animation:edgeB 52s linear infinite}
.mc-vee-blue{top:-99px}
.mc-vee-blue::before{background-image:var(--wb-mist2);top:0}
.mc-vee-blue::after{background-image:var(--wb-mist)}
@keyframes edgeA{to{background-position-x:-1440px}}
@keyframes edgeB{to{background-position-x:1440px}}
.mc-slant{clip-path:none;height:100px;background:var(--wb-white) repeat-x 0 100%/1440px 100%;animation:edgeA 60s linear infinite}

/* Flächen leben ganz leicht: Farbverlauf wandert, feine Wellenlinien driften */
.mc-shops{overflow:hidden}
.mc-office{overflow-x:clip}
.mc-shops{background-image:var(--lines),linear-gradient(120deg,#cadcf7 0%,#d9e6fb 45%,#c9dbf6 100%);background-size:220px 46px,220% 220%;animation:tint 34s ease-in-out infinite alternate}
@keyframes tint{from{background-position:0 0,0% 30%}to{background-position:220px 46px,100% 70%}}
.mc-office{background-image:linear-gradient(#eeedfc 0,#eeedfc 55%,rgba(238,237,252,0) 100%),linear-gradient(120deg,#eeedfc 0%,#f6f3ff 50%,#eaf0fd 100%);background-repeat:no-repeat;background-size:100% 220px,220% 220%;background-position:0 0,0% 20%;animation:tint2 40s ease-in-out infinite alternate}
@keyframes tint2{from{background-position:0 0,0% 20%}to{background-position:0 0,100% 80%}}

/* Vermietung: Wellenränder oben/unten, dazwischen ruhiger Verlauf */
.mc-rent{padding:130px 0 140px;background-image:var(--wt-white),var(--wb-white),var(--lines),linear-gradient(120deg,#cadcf7 0%,#dbe7fb 50%,#c8dbf7 100%);background-repeat:repeat-x,repeat-x,repeat,no-repeat;background-position:0 0,0 100%,0 0,0 0;background-size:1440px 80px,1440px 80px,220px 46px,220% 220%;animation:rentflow 44s ease-in-out infinite alternate}
@keyframes rentflow{from{background-position:0 0,0 100%,0 0,0% 20%}to{background-position:-720px 0,720px 100%,220px 46px,100% 80%}}

/* Möwen ziehen ganz zart über die Flächen */
.mc-shops::before,.mc-shops::after,.mc-office::before{content:"";position:absolute;left:-90px;width:60px;height:24px;background:var(--bird) center/contain no-repeat;opacity:.5;pointer-events:none;z-index:0;animation:soar 80s linear infinite}
.mc-shops::before{top:19%}
.mc-shops::after{top:58%;transform:scale(.7);animation-duration:110s;animation-delay:-45s;opacity:.4}
.mc-office::before{top:30%;transform:scale(.8);animation-duration:95s;animation-delay:-30s;background-image:var(--bird);opacity:.55;filter:drop-shadow(0 0 1px rgba(38,90,169,.25))}
@keyframes soar{0%{transform:translate(0,0)}25%{transform:translate(28vw,-14px)}50%{transform:translate(56vw,6px)}75%{transform:translate(84vw,-12px)}100%{transform:translate(118vw,0)}}
.mc-shops>.mc-wrap,.mc-office>.mc-wrap{position:relative;z-index:1}

/* --- Hero: Status ohne Punkt, "Mehr" ohne Pfeil --- */
.mc-hero-status{gap:0}

/* --- Video und Galerie: gleich große Kacheln --- */
.mc-video video{aspect-ratio:4/3;height:auto;object-fit:cover}
.mc-gallery img{aspect-ratio:4/3}

@media (prefers-reduced-motion:reduce){
  .mc-vee::before,.mc-vee::after,.mc-slant,.mc-shops,.mc-office,.mc-rent,.mc-shops::before,.mc-shops::after,.mc-office::before{animation:none}
}


/* =====================================================================
   Update 3: kleinere, elegantere Kacheln (6 pro Reihe, letzte Reihe mittig)
   ===================================================================== */
.mc-grid,.mc-grid-office{--cols:6;--gap:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);margin-top:2.2rem;perspective:900px}
.mc-grid>.mc-tile{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}
.mc-tile{border-radius:14px}
.mc-tile-cap{padding:26px 10px 9px}
.mc-tile-cap strong{font-size:.9rem}
.mc-tile-cap em{font-size:.72rem}
.mc-tile-dot{top:9px;right:9px;width:10px;height:10px}
.mc-tile-name{font-size:1rem;padding:10px}
.mc-rail .mc-tile{flex-basis:170px}
@media (max-width:1100px){.mc-grid,.mc-grid-office{--cols:5}}
@media (max-width:900px){.mc-grid,.mc-grid-office{--cols:4;--gap:18px}}
@media (max-width:680px){.mc-grid,.mc-grid-office{--cols:3;--gap:14px}.mc-rail .mc-tile{flex-basis:130px}}
@media (max-width:420px){.mc-grid,.mc-grid-office{--cols:2}}


/* ===== Update 4: Neuigkeiten als große Slideshow (Bild links, Text rechts) ===== */
.mc-news-slider{position:relative;margin:2.6rem auto 0;max-width:1100px;border-radius:26px;overflow:hidden;box-shadow:0 22px 60px rgba(38,90,169,.25);background:#0f1d3a;text-align:left}
.mc-news-track{display:flex;transition:transform .9s cubic-bezier(.65,0,.2,1)}
.mc-slide{flex:0 0 100%;display:grid;grid-template-columns:1.3fr 1fr;min-height:460px;color:#fff;background:linear-gradient(135deg,#16305f,#0f1d3a 70%)}
.mc-slide:hover{text-decoration:none;color:#fff}
.mc-slide-img{position:relative;display:block;overflow:hidden;min-height:100%}
.mc-slide-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 1.2s var(--ease,ease)}
.mc-slide:hover .mc-slide-img img{transform:scale(1.09)}
.mc-slide-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,4vw,52px) clamp(24px,4vw,56px) clamp(60px,6vw,70px)}
.mc-slide time{display:inline-block;background:rgba(255,255,255,.92);color:var(--blue);font-weight:700;border-radius:999px;padding:3px 14px;font-size:.8rem;margin-bottom:14px}
.mc-slide strong{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
.mc-slide-ex{display:block;margin-top:14px;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.55;color:#cfdcf2}
.mc-slide-more{display:inline-block;margin-top:20px;padding:8px 22px;border-radius:999px;border:1.5px solid rgba(255,255,255,.8);font-weight:700;font-size:.9rem;transition:background .3s,color .3s}
.mc-slide:hover .mc-slide-more{background:#fff;color:var(--blue)}
.mc-news-prev,.mc-news-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.mc-news-prev{left:16px}.mc-news-next{right:16px}
.mc-news-dots{position:absolute;right:clamp(22px,3vw,40px);bottom:clamp(20px,3vw,32px);z-index:3;display:flex;gap:8px}
.mc-news-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.4);cursor:pointer;transition:width .4s,background .3s}
.mc-news-dots button.on{width:28px;background:#fff}
.mc-news-slider.single .mc-gal-btn,.mc-news-slider.single .mc-news-dots{display:none}
@media (max-width:760px){
  .mc-slide{grid-template-columns:1fr;min-height:0}
  .mc-slide-img{aspect-ratio:4/3;min-height:0}
  .mc-slide-text{padding:22px 22px 56px}
  .mc-slide-ex{display:none}
  .mc-news-prev,.mc-news-next{display:none}
  .mc-news-slider{border-radius:20px}
}