/*
Theme Name: Vivendo STRATO
Theme URI: https://example.com/
Author: OpenAI
Description: Überarbeitetes Vivendo-Theme für STRATO WordPress. Vorhandene Seiteninhalte bleiben erhalten; nur das Design wurde angepasst.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vivendo-strato
*/

:root{
  --black:#030303;
  --black-soft:#12110f;
  --gold:#c8963e;
  --gold-light:#e1b764;
  --cream:#f6efe7;
  --paper:#fffaf5;
  --ink:#17130f;
  --muted:#6c6359;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:100;background:#030303;color:#fff;border-bottom:1px solid var(--gold)}
.header-inner{max-width:1280px;min-height:104px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}
.brand{width:205px;display:block}
.brand img{width:100%;display:block;mix-blend-mode:screen}
.primary-nav{display:flex;align-items:center;gap:36px}
.primary-nav a{font-size:16px;text-decoration:none;padding:18px 0;border-bottom:2px solid transparent}
.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--gold-light);border-bottom-color:var(--gold)}
.mobile-menu{display:none}
.home-stage{position:relative;max-width:1536px;margin:auto;background:#000}
.home-stage>img{width:100%;display:block}
.hotspot{position:absolute;display:block;border:1px solid transparent;border-radius:3px}
.hotspot:hover,.hotspot:focus-visible{border-color:var(--gold);background:rgba(200,150,62,.12);outline:none}
.hotspot-home{left:55.3%;top:3.7%;width:7%;height:6.8%}
.hotspot-services{left:63%;top:3.7%;width:7.2%;height:6.8%}
.hotspot-contact{left:70.5%;top:3.7%;width:6.8%;height:6.8%}
.hotspot-imprint{left:77.5%;top:3.7%;width:7.4%;height:6.8%}
.hotspot-privacy{left:85%;top:3.7%;width:8.8%;height:6.8%}
.hotspot-cta{left:36.7%;top:87.1%;width:25.2%;height:6.3%}

.page-hero{background:linear-gradient(180deg,#050505,#171512);color:#fff;text-align:center;padding:62px 20px 48px;border-bottom:1px solid var(--gold)}
.page-hero h1{margin:0 0 14px;color:var(--gold-light);font-size:40px;font-weight:400}
.page-hero .intro{max-width:740px;margin:auto;line-height:1.65;font-size:17px}
.page-shell{max-width:1180px;margin:auto;padding:52px 24px 76px}
.page-content{line-height:1.72}
.page-content h2,.page-content h3{color:#7a531d}
.page-content a{color:#7a531d}
.page-content input,.page-content textarea,.page-content select{
  width:100%;padding:13px 14px;border:1px solid #d8cec2;background:#fff;font:inherit
}
.page-content button,.page-content input[type=submit],.wp-block-button__link{
  border:0;border-radius:0;background:linear-gradient(90deg,#b98224,#d2a34a);color:#fff;
  padding:13px 22px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer
}
.page-content table{width:100%;border-collapse:collapse}
.page-content th,.page-content td{border:1px solid #d7cbbb;padding:12px}

.slug-leistungen .page-shell{max-width:1240px}
.slug-leistungen .page-content{position:relative;min-height:430px;padding-left:52%}
.slug-leistungen .page-content::before{
  content:"";position:absolute;left:0;top:0;width:46%;height:100%;min-height:430px;
  background:url("assets/images/leistungen-haus.jpg") center/cover no-repeat
}
.slug-leistungen .page-content ul{list-style:none;padding:0}
.slug-leistungen .page-content li{position:relative;padding:0 0 20px 42px}
.slug-leistungen .page-content li::before{
  content:"✓";position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;
  background:var(--gold);color:#fff;text-align:center;line-height:23px;font-weight:bold
}

.slug-kontakt .page-content{background:var(--paper);border:1px solid #ddcfbc;padding:30px}
.slug-impressum .page-shell,.slug-datenschutz .page-shell{max-width:980px}
.slug-impressum .page-content,.slug-datenschutz .page-content{
  min-height:520px;background:
    linear-gradient(rgba(255,250,245,.94),rgba(255,250,245,.94)),
    url("assets/images/vivendo-logo.jpg") right bottom/300px auto no-repeat;
  border:1px solid #d8b36f;padding:38px
}
.site-footer{background:#030303;color:#d7cec3;border-top:1px solid var(--gold);text-align:center;padding:27px 18px}
.site-footer a{color:var(--gold-light)}

@media(max-width:820px){
  .header-inner{min-height:76px;padding:9px 15px}
  .brand{width:150px}
  .primary-nav{display:none}
  .mobile-menu{display:block}
  .mobile-menu summary{list-style:none;cursor:pointer;font-size:28px}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu nav{position:absolute;left:0;right:0;top:76px;background:#050505;padding:8px 18px 18px;display:grid}
  .mobile-menu nav a{text-decoration:none;padding:12px 2px;border-bottom:1px solid #29251f}
  .hotspot-home,.hotspot-services,.hotspot-contact,.hotspot-imprint,.hotspot-privacy{display:none}
  .hotspot-cta{left:33%;width:34%;min-height:32px}
  .page-hero{padding:42px 18px 34px}
  .page-hero h1{font-size:32px}
  .slug-leistungen .page-content{padding-left:0;padding-top:320px}
  .slug-leistungen .page-content::before{width:100%;height:285px;min-height:0}
  .slug-impressum .page-content,.slug-datenschutz .page-content{padding:24px;background-size:180px auto}
}


/* Bereinigung der markierten doppelten Elemente */
.home .site-header{display:none!important}
.slug-leistungen .page-content ul:first-of-type{display:none!important}