/* Eigener Code – im Layout-Baukasten unter „Code → CSS“ bearbeiten */
/* ===== Orendt 2026 – Grundstil (Tag/Nacht über --farbe-*) ===== */
.dl-inhalt--breit{padding-top:0;padding-bottom:0}
.dl-kopf .dl-logo img{height:30px;width:auto}
.dl-knopf--kopf{border-radius:999px!important;padding:.7em 1.3em!important;font-weight:600;transition:transform .2s ease,background .2s ease}
.dl-knopf--kopf:hover{transform:translateY(-2px)}
.dl-nav a{font-weight:500}
.dsg h1,.dsg h2,.dsg h3{font-family:var(--schrift-titel);font-weight:400;letter-spacing:-.015em;line-height:1.08;color:inherit}
.dsg em{font-style:italic;color:var(--farbe-primaer)}
.dsg .dsg-link--knopf{display:inline-flex;align-items:center;gap:.5em;border-radius:999px;padding:.85em 1.5em;font-weight:600;text-decoration:none;background:var(--farbe-primaer);color:var(--farbe-primaer-text);transition:transform .2s ease,box-shadow .2s ease}
.dsg .dsg-link--knopf:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px var(--farbe-primaer)}
.dsg .dsg-link--knopf::after{content:"→";transition:transform .2s ease}
.dsg .dsg-link--knopf:hover::after{transform:translateX(4px)}

/* ===== Cookie-Banner im Orendt-Look ===== */
html body #arata-consent #BannerWrapper{align-content:end;justify-content:flex-start;background:rgba(20,8,15,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html body #arata-consent #ConsentBannerBg{display:none}
html body #arata-consent #ConsentBanner{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100svh - 32px);margin:0 0 24px 24px;padding:30px 30px 24px;background:var(--farbe-hintergrund);color:var(--farbe-text);border:1px solid var(--farbe-rand);border-radius:26px;box-shadow:0 30px 70px -30px rgba(40,5,25,.55);font-family:var(--schrift-text);animation:oCookie .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes oCookie{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
html body #arata-consent #ConsentBanner .col_4_4{display:block;width:100%}
html body #arata-consent #ConsentBannerText,html body #arata-consent #ConsentBanner #form{width:100%!important;text-align:left}
html body #arata-consent #ConsentBannerText::before{content:"";display:block;width:44px;height:44px;margin-bottom:14px;border-radius:14px;background:var(--farbe-primaer) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 4 4 0 0 1-4-4 4 4 0 0 1-5-5z'/%3E%3Ccircle cx='8.5' cy='11' r='.8' fill='white'/%3E%3Ccircle cx='12' cy='16' r='.8' fill='white'/%3E%3Ccircle cx='15.5' cy='13' r='.8' fill='white'/%3E%3C/svg%3E") center/24px no-repeat}
html body #arata-consent #ConsentBanner h2{margin:0 0 10px;font-family:var(--schrift-titel);font-weight:400;font-size:26px;line-height:1.1;color:var(--farbe-text)}
html body #arata-consent #BannerWrapper #desc{max-height:30vh;overflow:auto;font-size:14px;line-height:1.55;color:var(--farbe-text-leise)}
html body #arata-consent #ConsentBanner #form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
html body #arata-consent #ConsentBanner input[type=button]{width:100%;margin:0;padding:13px 10px;border:2px solid var(--farbe-primaer);border-radius:999px;font:600 15px/1.2 var(--schrift-text);cursor:pointer;transition:transform .2s ease,filter .2s ease}
html body #arata-consent #ConsentBanner input[type=button]:hover{transform:translateY(-2px)}
html body #arata-consent #ConsentBanner input.deny{background:transparent;color:var(--farbe-primaer)}
html body #arata-consent #ConsentBanner input.all{background:var(--farbe-primaer);color:var(--farbe-primaer-text)}
html body #arata-consent #ConsentBanner .ac-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}
html body #arata-consent #ConsentBanner #form a{border:0;padding:0;margin:0;font-size:13px;color:var(--farbe-text-leise);text-decoration:underline;text-underline-offset:3px}
html body #arata-consent #ConsentBanner #form a:hover{color:var(--farbe-primaer)}
html body #arata-consent #ConsentImg,html body #arata-consent #ConsentLang{display:none!important}
html body #arata-consent #Consent{left:18px;bottom:18px;width:52px;height:52px;background:var(--farbe-primaer);box-shadow:0 12px 26px -12px rgba(60,5,35,.6);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
html body #arata-consent #Consent:hover{transform:rotate(-12deg) scale(1.08);background:var(--farbe-primaer)}
html body #arata-consent #Consent a{width:52px;height:52px;background-color:#fff!important}
html body #arata-consent #ConsentSettings{background:var(--farbe-hintergrund)!important;color:var(--farbe-text);border-radius:26px 26px 0 0;font-family:var(--schrift-text)}
html body #arata-consent #ConsentSettings ul#Consents li{background:var(--farbe-flaeche);color:var(--farbe-text);border-radius:999px}
html body #arata-consent #ConsentSettings ul#Consents li.active,html body #arata-consent #ConsentSettings ul#Consents li:hover{background:var(--farbe-primaer);color:var(--farbe-primaer-text)}
html body #arata-consent #ConsentSettings input[type=submit],html body #arata-consent #ConsentSettings input[type=button],html body #arata-consent #ConsentSettings button{border-radius:999px;background:var(--farbe-primaer);color:var(--farbe-primaer-text);border:0;padding:11px 18px;font-weight:600;cursor:pointer}
html body #arata-consent #ConsentSettings a{color:var(--farbe-primaer)}
@media (max-width:700px){html body #arata-consent #ConsentBanner{margin:0 16px 16px;width:auto;padding:24px 22px 20px}html body #arata-consent #BannerWrapper{justify-content:center}html body #arata-consent #ConsentBanner #form{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html body #arata-consent #ConsentBanner{animation:none}}

/* ===== Struktur-Overrides für die O-Templates (schlagen die Designer-Grundregeln) ===== */
:is(#content,body) .dsg a.dsg-link{--dsg-farbe:var(--farbe-primaer)}
:is(#content,body) .dsg a.dsg-link--knopf{border-radius:999px;background:var(--farbe-primaer);color:var(--farbe-primaer-text)}
:is(#content,body) .dsg a.dsg-link--knopf:hover{color:var(--farbe-primaer-text)}
:is(#content,body) .dsg .CMStext a:not(.dsg-link){color:var(--farbe-primaer)}
:is(#content,body) .dsg-o-intro-root{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px 40px!important}
:is(#content,body) .dsg-o-intro-text0001{flex:1 1 560px}
:is(#content,body) .dsg-o-intro-text0001 h1{max-width:1000px}
:is(#content,body) .dsg-o-intro-link0001{margin:0!important;align-self:flex-end!important}
:is(#content,body) .dsg-o-hero-root{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:20px!important}
:is(#content,body) .dsg-o-hero-links001,:is(#content,body) .dsg-o-hero-rechts01{display:grid!important;gap:20px!important;min-width:0}
:is(#content,body) .dsg-o-hero-rechts01{grid-template-rows:1fr 1fr}
:is(#content,body) .dsg-o-kachel-root{display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:0!important}
:is(#content,body) .dsg-o-kachel.o-hell .dsg-o-kachel-root{align-items:center!important;justify-content:flex-end!important}
:is(#content,body) .dsg-o-kachel-box00001{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important}
:is(#content,body) .dsg-o-kachel.o-hell .dsg-o-kachel-box00001{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
:is(#content,body) .dsg-o-kachel a.dsg-o-kachel-link0001{margin:0!important;align-self:flex-end!important;background:#fff;color:#241b20}
:is(#content,body) .dsg-o-kachel.o-hell a.dsg-o-kachel-link0001{align-self:flex-start!important;background:var(--farbe-primaer);color:var(--farbe-primaer-text)}
:is(#content,body) .dsg-o-sektion-root,:is(#content,body) .dsg-o-feature-root,:is(#content,body) .dsg-o-band-root,:is(#content,body) .dsg-o-faq-root,:is(#content,body) .dsg-o-laufband-root{display:block!important}
:is(#content,body) .dsg-o-sektion-text0001{display:flex!important;flex-wrap:wrap}
:is(#content,body) .dsg-o-sektion-raster01{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(300px,auto);gap:20px!important}
:is(#content,body) .dsg-o-sektion.o-leistungen .dsg-o-sektion-raster01{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(#content,body) .dsg-o-feature-karte001{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0!important}
:is(#content,body) .dsg-o-feature-spalte01{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:28px!important}
:is(#content,body) .dsg-o-feature a.dsg-o-feature-link0001{background:#fff;color:#241b20;margin:0!important}
:is(#content,body) .dsg-o-feature-bild0001 img{height:100%!important}
:is(#content,body) .dsg-o-studio-root{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px!important;align-items:center!important}
:is(#content,body) .dsg-o-studio-spalte01{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:26px!important}
:is(#content,body) .dsg-o-studio a.dsg-o-studio-link0001{margin:0!important}
:is(#content,body) .dsg-o-band a.dsg-o-band-link0001{background:#fff;color:#241b20;margin-top:44px}
:is(#content,body) .dsg-o-kontakt-root{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px!important;align-items:start!important}
:is(#content,body) .dsg-o-box-root{display:flex!important;flex-direction:column!important;justify-content:space-between!important;height:100%}
:is(#content,body) .dsg-o-box a.dsg-o-box-link0001{margin:0!important}
@media (max-width:1024px){:is(#content,body) .dsg-o-hero-root{grid-template-columns:1fr!important}:is(#content,body) .dsg-o-sektion.o-leistungen .dsg-o-sektion-raster01{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){:is(#content,body) .dsg-o-feature-karte001,:is(#content,body) .dsg-o-studio-root,:is(#content,body) .dsg-o-kontakt-root{grid-template-columns:1fr}}
@media (max-width:700px){:is(#content,body) .dsg-o-sektion.o-leistungen .dsg-o-sektion-raster01{grid-template-columns:1fr}:is(#content,body) .dsg-o-sektion.o-leistungen .dsg-o-sektion-raster01>*:first-child{grid-row:auto}:is(#content,body) .dsg-o-kachel.o-hell .dsg-o-kachel-root{align-items:flex-end!important}}

/* ===== Hero: rechte untere Kachel hängt nach unten heraus ===== */
:is(#content,body) .dsg-o-hero-root{padding-bottom:170px!important}
:is(#content,body) .dsg-o-hero-rechts01>.dsg-o-kachel:last-of-type{margin-bottom:-96px;box-shadow:0 34px 60px -34px rgba(40,5,25,.55)}
@media (max-width:1024px){:is(#content,body) .dsg-o-hero-root{padding-bottom:72px!important}:is(#content,body) .dsg-o-hero-rechts01>.dsg-o-kachel:last-of-type{margin-bottom:0}}
@media (max-width:700px){:is(#content,body) .dsg-o-hero-root{padding-bottom:48px!important}}

/* ===== Admin-Ansicht: Leiste über die ganze Breite; Abschnitte mit Bereichen bekommen sie oberhalb ===== */
:is(#content,body) .dsg{position:relative}
:is(#content,body) .dsg>.AdminWrapper{position:absolute!important;top:10px!important;left:10px!important;right:10px!important;bottom:auto!important;z-index:40;display:flex;align-items:center;gap:6px;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:4px 10px!important;box-sizing:border-box;border-radius:12px;background:rgba(255,255,255,.95)!important;box-shadow:0 8px 24px -12px rgba(0,0,0,.4);opacity:.55;transition:opacity .2s ease}
:is(#content,body) .dsg:hover>.AdminWrapper{opacity:1}
:is(#content,body) .dsg>.AdminWrapper>*{position:static!important;float:none!important;margin:0!important}
:is(#content,body) .dsg>.AdminWrapper>.ContentAdmin.handle{display:flex!important;align-items:center;gap:6px;margin-right:auto!important;cursor:move;color:#241b20;font:600 13px/1 system-ui,sans-serif}
:is(#content,body) .dsg>.AdminWrapper img{width:20px!important;height:20px!important}
:is(#content,body) .dsg:has(.dsg-bereich)>.AdminWrapper{position:relative!important;top:auto!important;left:auto!important;right:auto!important;max-width:1296px!important;margin:12px auto 12px!important;opacity:1;background:var(--farbe-flaeche)!important;border:1px dashed var(--farbe-rand)}
:is(#content,body) .dsg-bereich{position:relative}
:is(#content,body) .dsg-bereich>.ContentAdmin:not(.handle){position:absolute!important;top:-17px!important;left:50%!important;right:auto!important;transform:translateX(-50%);z-index:45;display:flex;width:auto!important;height:auto!important;margin:0!important;padding:3px!important;grid-column:auto!important;grid-row:auto!important;border-radius:999px;background:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
:is(#content,body) .dsg-bereich>.ContentAdmin:not(.handle) img{width:22px!important;height:22px!important}
:is(#content,body) .dsg-bereich:has(>.ContentAdmin:only-child){min-height:80px;outline:2px dashed var(--farbe-rand);border-radius:20px}

/* ===== Markenverbund orendt media / orendt fotostudio ===== */
.dl-topbar{font-size:13px;letter-spacing:.02em}
.dl-topbar .o-markenlink{display:inline-flex;align-items:center;gap:6px;margin-left:14px;padding:4px 12px;border-radius:999px;background:var(--farbe-primaer);color:var(--farbe-primaer-text)!important;text-decoration:none!important;font-weight:600;transition:transform .2s ease,filter .2s ease}
.dl-topbar .o-markenlink:hover{transform:translateY(-1px);filter:brightness(1.1)}

/* ===== Schwebende Knöpfe: unten rechts sauber gestapelt (reCAPTCHA → Nach oben → Cookie) ===== */
:root{--o-fab:48px;--o-fab-rechts:11px;--o-fab-unten:16px;--o-fab-abstand:12px}
body:has(.grecaptcha-badge){--o-fab-unten:88px}
.grecaptcha-badge{bottom:16px!important;border-radius:14px 0 0 14px!important;overflow:hidden;box-shadow:0 12px 26px -12px rgba(0,0,0,.45)!important}
.dl-nachoben{right:var(--o-fab-rechts)!important;bottom:var(--o-fab-unten)!important;width:var(--o-fab)!important;height:var(--o-fab)!important;font-size:20px!important;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)!important;transition:transform .25s cubic-bezier(.3,1.6,.5,1),bottom .35s ease;animation:oFab .4s cubic-bezier(.3,1.4,.5,1) both}
.dl-nachoben:hover{transform:translateY(-3px)}
@keyframes oFab{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
html body #arata-consent #Consent{left:auto!important;right:var(--o-fab-rechts)!important;bottom:calc(var(--o-fab-unten) + var(--o-fab) + var(--o-fab-abstand))!important;width:var(--o-fab)!important;height:var(--o-fab)!important;transition:transform .25s cubic-bezier(.3,1.6,.5,1),bottom .35s ease!important}
body:has(.dl-nachoben[hidden]) #arata-consent #Consent{bottom:var(--o-fab-unten)!important}
html body #arata-consent #Consent a{width:var(--o-fab)!important;height:var(--o-fab)!important}
@media (prefers-reduced-motion:reduce){.dl-nachoben{animation:none}}