/* BEGIN DSM DESIGN D (Entwurf D vom 21.10.2026 auf allen Seiten seit 04.11.2026, updates/tresorwolf-seiten/design_d.py) */
@font-face{font-family:"TW Jost";font-weight:300;font-display:swap;src:url(/wp-content/uploads/tw-entwurf/jost-normal-300-latin.woff2) format("woff2")}
@font-face{font-family:"TW Jost";font-weight:400;font-display:swap;src:url(/wp-content/uploads/tw-entwurf/jost-normal-400-latin.woff2) format("woff2")}
@font-face{font-family:"TW Jost";font-weight:500;font-display:swap;src:url(/wp-content/uploads/tw-entwurf/jost-normal-500-latin.woff2) format("woff2")}

/* ---------- Kopf ---------- */
body .elementor-element-28008b45{border-bottom:1px solid #1c1c1c}
body .elementor-element-28008b45 .elementor-icon-list-text{font:400 12px/1 Roboto,sans-serif!important;letter-spacing:.02em!important;color:#a7a097!important}
body .elementor-element-28008b45 .elementor-icon-list-icon svg{width:11px!important;height:11px!important;fill:#BB916F!important}
body .elementor-element-474c7d58 .elementor-social-icon{background:transparent!important}
body .elementor-element-474c7d58 .elementor-social-icon svg{width:13px!important;height:13px!important;fill:#cfc9c0!important;transition:fill .3s}
body .elementor-element-474c7d58 .elementor-social-icon:hover svg{fill:#BB916F!important}
body .elementor-element-4507474b{border-bottom:1px solid rgba(187,145,111,.32)}
body .elementor-element-36de376 .elementskit-navbar-nav>li{border-right:0!important}
body .elementor-element-36de376 .elementskit-navbar-nav>li>a{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:13px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#ece7df!important;
  background:linear-gradient(#BB916F,#BB916F) no-repeat 50% calc(100% - 6px)/0 1px;transition:background-size .35s,color .3s}
body .elementor-element-36de376 .elementskit-navbar-nav>li>a:hover,body .elementor-element-36de376 .elementskit-navbar-nav>li.current-menu-item>a{background-size:calc(100% - 30px) 1px;color:#fff!important}
body .elementor-element-36de376 .elementskit-submenu-panel{background:#0b0b0b!important;border:1px solid #262626!important;border-top:1px solid #BB916F!important;box-shadow:none!important}
body .elementor-element-36de376 .elementskit-submenu-panel a{font-family:Roboto,sans-serif!important;font-size:14px!important;color:#d8d2c9!important}
body .elementor-element-36de376 .elementskit-submenu-panel a:hover{color:#BB916F!important;background:transparent!important}
body .elementor-element-d80f803 .elementor-button-icon{display:none!important}
/* Kopfzeile: Logo, Menü und Knopf auf einer Mittellinie (das Menü hatte unten 20 px Abstand und saß deshalb höher) */
body .elementor-element-4507474b>.elementor-container{align-items:center!important}
body :is(.elementor-element-3d72efcc,.elementor-element-288ef4a2,.elementor-element-ed7316a)>.elementor-widget-wrap{align-content:center!important;align-items:center!important}
body .elementor-element-36de376,body .elementor-element-d5a1a01{margin-bottom:0!important}
/* Tablet: Logo links, Telefon, Menüknopf und Kontakt rechts in einer Zeile statt umgebrochen */
@media(min-width:768px) and (max-width:1024px){
body .elementor-element-4507474b{padding:16px 20px!important}
body .elementor-element-4507474b>.elementor-container{flex-wrap:nowrap!important}
body .elementor-element-3d72efcc{width:auto!important;flex:0 0 auto}
body .elementor-element-288ef4a2{width:auto!important;flex:1 1 auto}
body .elementor-element-288ef4a2>.elementor-widget-wrap{justify-content:flex-end!important;gap:6px}
body .elementor-element-ed7316a{width:auto!important;flex:0 0 auto;margin-left:20px}
body .elementor-element-49f89291 img{width:250px!important;height:auto!important}
}
/* Handy: Kopf weniger hoch */
@media(max-width:767px){
body .elementor-element-4507474b{padding:18px 20px 14px!important}
body .elementor-element-ed7316a{margin-top:6px}
}
/* Logo nicht mehr vom Slider angeschnitten (der lag mit -33 px über der Kopfzeile) */
body .elementor-element-6438dfe{margin-top:0!important}

/* ---------- Knöpfe: eckig, Kupfer, dunkle Schrift; beim Zeigen nur die Linie ---------- */
body .elementor-button:not(.elementor-form *),body .tw-alt .tw-alt-knopf,body .elementor-cta__button.elementor-button,
body .n2-section-smartslider a[class*="n2-style-"][class*="-heading"]{background:#BB916F!important;border:1px solid #BB916F!important;border-radius:0!important;
  color:#0b0b0b!important;font-family:"TW Jost",Roboto,sans-serif!important;font-weight:500!important;font-size:12.5px!important;line-height:1!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;padding:17px 30px!important;box-shadow:none!important;transition:background .3s,color .3s!important}
body .elementor-button:not(.elementor-form *) *,body .n2-section-smartslider a[class*="n2-style-"][class*="-heading"] *{color:inherit!important;fill:currentColor!important;font:inherit!important;letter-spacing:inherit!important}
body .elementor-button:not(.elementor-form *):is(:hover,:focus-visible),body .tw-alt .tw-alt-knopf:is(:hover,:focus-visible),body .elementor-cta:hover .elementor-cta__button.elementor-button,
body .n2-section-smartslider a[class*="n2-style-"][class*="-heading"]:hover{background:transparent!important;color:#BB916F!important}
body .elementor-element-d80f803 .elementor-button{padding:14px 24px!important}
body .elementor-element-9cf33a3 .elementor-cta__button.elementor-button{font-size:12px!important;font-weight:500!important;letter-spacing:.1em!important;padding:15px 16px!important;white-space:nowrap}

/* ---------- Slider: Bilder füllen ihn ganz, dunkler Verlauf für die Schrift, langsamer Zoom, ruhige Pfeile ---------- */
/* Die Bilder standen auf „einpassen“ (object-fit: contain): oben und unten je ein schwarzer Streifen, das war die Lücke unter dem Kopf */
body .n2-section-smartslider .n2-ss-slide-background-image img{object-fit:cover!important}
body .n2-section-smartslider .n2-ss-slide-backgrounds::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:12;
  background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0) 34%),radial-gradient(ellipse 90% 130% at 50% 40%,rgba(0,0,0,0),rgba(0,0,0,.45)),rgba(0,0,0,.36)}
@media (prefers-reduced-motion:no-preference){body .n2-section-smartslider .n2-ss-slide-active .n2-ss-slide-background-image img{animation:tw-zoom 10s ease-out both}}
@keyframes tw-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
body .n2-section-smartslider div.n2-ss-item-content[class*="-hover"]{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:300!important;letter-spacing:.04em!important;text-shadow:0 2px 22px rgba(0,0,0,.6)}
body .n2-section-smartslider p[class*="-paragraph"]{font-family:Roboto,sans-serif!important;font-weight:300!important;color:#f1ece4!important;line-height:1.7!important;text-shadow:0 1px 14px rgba(0,0,0,.8)}
body .n2-section-smartslider .nextend-arrow{width:46px!important;height:46px!important;border:1px solid rgba(243,238,230,.35);border-radius:50%;background:rgba(0,0,0,.25);
  display:flex!important;align-items:center;justify-content:center;opacity:0;transition:opacity .4s,border-color .3s}
/* Pfeile nur, wenn die Maus über dem Slider ist (sie lagen auf „Tresore zum Mieten“ über dem Text); per Tastatur sichtbar */
body .n2-section-smartslider:hover .nextend-arrow,body .n2-section-smartslider .nextend-arrow:focus-visible{opacity:.8}
@media (hover:none){body .n2-section-smartslider .nextend-arrow{opacity:.6}}
body .n2-section-smartslider .nextend-arrow:hover{opacity:1;border-color:#BB916F}
body .n2-section-smartslider .nextend-arrow img{width:16px!important;height:16px!important}
body .n2-section-smartslider .nextend-arrow-previous{margin-left:16px}
body .n2-section-smartslider .nextend-arrow-next{margin-right:16px}

/* ---------- Laufband ---------- */
body .elementor-element-27f2cb7{background:#050505!important;border-color:#1f1f1f!important}
body .elementor-element-27f2cb7 marquee{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:13px!important;letter-spacing:.32em!important;padding:16px 0!important}

/* ---------- Überschriften: Jost in gesperrten Versalien, ein Kupferton ---------- */
body [data-elementor-type="wp-page"] :is(.elementor-widget-heading .elementor-heading-title,.elementor-widget-text-editor h2,.elementor-cta__title),body .tw-alt h2{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;letter-spacing:.14em!important;color:#BB916F!important;line-height:1.3!important}
body [data-elementor-type="wp-page"] .elementor-widget-text-editor h2,body .tw-alt h2{font-size:28px!important}
body .elementor-element-48a033b .elementor-heading-title{font-size:32px!important;letter-spacing:.14em!important}
body .elementor-element-bc6e463 .elementor-heading-title{font-size:14px!important;letter-spacing:.42em!important;font-weight:500!important}
body .elementor-element-d16275f .elementor-heading-title{font-size:30px!important;font-weight:400!important}
body [data-elementor-type="wp-page"] .elementor-widget-text-editor h3,body .tw-alt h3{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:14px!important;line-height:1.6!important;letter-spacing:.32em!important;color:#ece7df!important;margin-top:4px!important}
body .elementor-element-17bdd4a h2.gross,body .elementor-element-17bdd4a h2.gross span{font-family:"TW Jost",Roboto,sans-serif!important;font-size:36px!important;letter-spacing:.18em!important;font-weight:400!important;color:#f1e6da!important}
body .elementor-element-17bdd4a h5,body .elementor-element-17bdd4a h5 *{font-family:"TW Jost",Roboto,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:15px!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:#ead9c6!important;text-shadow:0 1px 10px rgba(0,0,0,.8)}
/* Fließtext etwas wärmer und luftiger */
body [data-elementor-type="wp-page"] .elementor-widget-text-editor p,body .tw-alt p{color:#cdc8c0!important;line-height:1.75!important}
body [data-elementor-type="wp-page"] .elementor-widget-text-editor a:not(.elementor-button){color:#BB916F!important}

/* ---------- Kacheln und Karten: feine Linien ---------- */
body .elementor-element-9cf33a3 .elementor-cta{border-color:#232323!important}
body .elementor-element-9cf33a3 .elementor-cta__title{font-size:16px!important;letter-spacing:.22em!important;color:#f1ece4!important}
body .elementor-element-9cf33a3 .elementor-cta__bg{transition:transform 1.2s!important}
body .elementor-element-9cf33a3 .elementor-cta:hover .elementor-cta__bg{transform:scale(1.04)}
body .tw-alt-karten a{border-color:#232323!important;background:#0f0f0f!important}
body .tw-alt-t{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:15px!important;letter-spacing:.16em!important}
body .tw-alt-u{color:#9b958c!important}
body .tw-alt-d{border-top-color:#232323!important}
body .tw-alt-p{font-family:"TW Jost",Roboto,sans-serif!important;letter-spacing:.08em}

/* ---------- Kaufhaus, Symbol, Video-Band, Adressen ---------- */
body .elementor-element-d5a0d01 .elementor-widget-image img{border:1px solid #232323}
body .elementor-element-d5a0d01 .elementor-element-31e11fa{border-top-color:#232323!important}
body .elementor-element-d2ccd79 svg{width:64px!important;height:64px!important}
body .elementor-element-884772d{position:relative}
body .elementor-element-884772d::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#000,rgba(0,0,0,.45) 28%,rgba(0,0,0,.45) 72%,#000)}
body :is(.elementor-element-6a4e7ae,.elementor-element-c4bddc1,.elementor-element-e59c16f) .elementor-widget-text-editor{border-color:#232323!important;transition:border-color .3s}
body :is(.elementor-element-6a4e7ae,.elementor-element-c4bddc1,.elementor-element-e59c16f) .elementor-widget-text-editor:hover{border-color:#BB916F!important}

/* ---------- Fuß ---------- */
body .elementor-element-2f1379a4{background-color:#BB916F!important}
body .elementor-element-a7ddcec .elementor-heading-title{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:17px!important;letter-spacing:.2em!important;color:#0b0b0b!important}
body .elementor-element-658c132 .elementor-button{background:#0b0b0b!important;border-color:#0b0b0b!important;color:#BB916F!important}
body .elementor-element-658c132 .elementor-button:hover{background:transparent!important;color:#0b0b0b!important}
body .elementor-element-c1c6360 .elementor-button{background:transparent!important;border-color:#0b0b0b!important;color:#0b0b0b!important}
body .elementor-element-c1c6360 .elementor-button:hover{background:#0b0b0b!important;color:#BB916F!important}
body :is(.elementor-element-778d8446,.elementor-element-6373eed4){background-color:#0b0b0b!important}
body .elementor-element-778d8446{border-top:1px solid #1f1f1f}
body :is(.elementor-element-7155a428,.elementor-element-5c19adaa,.elementor-element-490a2a33) .elementor-heading-title{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:500!important;font-size:13px!important;letter-spacing:.28em!important;color:#BB916F!important}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) .elementor-icon-list-item{border-color:#232323!important}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) .elementor-icon-list-text{color:#bdb7ae!important;font-size:14px!important;transition:color .3s}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) a:hover .elementor-icon-list-text{color:#BB916F!important}
body .elementor-element-43481745 .elementor-divider-separator{border-color:#1f1f1f!important}
body .elementor-element-6373eed4 .elementor-heading-title{font-size:12px!important;letter-spacing:.08em!important}

/* ---------- Handy ---------- */
@media(max-width:767px){
/* Handy oben, drei Varianten (Philipp 21.10. abends: „die Mobile-Version … immer noch schrecklich … Entweder auch ein Slider oder … ein paar
   Alternativen“), Umschalten über ?handy=slider (Standard) | vollbild | ueber. Bilder: Hochformat-Ausschnitte der vier Slider-Bilder (hm-1 aus der
   hochgerechneten Fassung, hm-2 bis hm-4 aus den 1400 × 427 px der Slider-Dateien) */
body .elementor-element-61d717f6{min-height:0!important;height:auto!important;padding:0!important;background:#000!important;position:relative}
body .elementor-element-61d717f6>.elementor-container{min-height:0!important;max-width:none!important}
body .elementor-element-61d717f6 :is(.elementor-column,.elementor-widget-wrap,.elementor-widget,.elementor-widget-container){padding:0!important;margin:0!important;width:100%!important}
.tw-hm{position:relative;overflow:hidden}
.tw-hm-spur{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tw-hm-spur::-webkit-scrollbar{display:none}
.tw-hm-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;height:min(118vw,64svh);background:#000 center/cover no-repeat;display:flex;align-items:flex-end;justify-content:center}
.tw-hm-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 42%,rgba(0,0,0,0) 65%);pointer-events:none}
.tw-hm-text{position:relative;z-index:2;text-align:center;padding:0 20px 46px}
.tw-hm-titel{font:300 min(30px,7.4vw)/1.15 "TW Jost",Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f3eee6;margin:0 0 10px!important;text-shadow:0 2px 16px rgba(0,0,0,.8)}
.tw-hm-zeile{font:400 10.5px/1.8 Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#BB916F;margin:0!important}
.tw-hm-punkte{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;justify-content:center;gap:8px}
.tw-hm-punkte button{width:22px;height:2px;padding:0!important;border:0!important;background:rgba(243,238,230,.35)!important;border-radius:0!important;min-height:0!important}
.tw-hm-punkte button[aria-current=true]{background:#BB916F!important}
.tw-hm-knoepfe{display:none}
/* Variante „vollbild“: der Silbertresor füllt den Bildschirm unter dem Kopf, beide Knöpfe im Bild, Kontakt nicht mehr als eigene Zeile */
html.tw-handy-vollbild .tw-hm-slide:not(:first-child),html.tw-handy-vollbild .tw-hm-punkte,html.tw-handy-ueber .tw-hm-slide:not(:first-child),html.tw-handy-ueber .tw-hm-punkte{display:none!important}
html.tw-handy-vollbild .tw-hm-slide:first-child,html.tw-handy-ueber .tw-hm-slide:first-child{background-image:url(/wp-content/uploads/tw-entwurf/hm-1-hoch.webp)!important}
html.tw-handy-vollbild .tw-hm-slide{height:calc(100svh - 92px)}
html:is(.tw-handy-vollbild,.tw-handy-ueber) .tw-hm-knoepfe{display:flex;gap:10px;justify-content:center;margin-top:22px}
html:is(.tw-handy-vollbild,.tw-handy-ueber) .tw-hm-knopf{display:inline-block;padding:15px 22px;font:500 12px/1 "TW Jost",Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none!important;background:#BB916F;border:1px solid #BB916F;color:#0b0b0b!important}
html:is(.tw-handy-vollbild,.tw-handy-ueber) .tw-hm-knopf.tw-hm-umriss{background:rgba(0,0,0,.35);color:#f3eee6!important}
html:is(.tw-handy-vollbild,.tw-handy-ueber) body .elementor-element-ed7316a,html:is(.tw-handy-vollbild,.tw-handy-ueber) body .elementor-element-d5a0b01{display:none!important}
html:is(.tw-handy-vollbild,.tw-handy-ueber) .tw-hm-text{padding-bottom:36px}
html:is(.tw-handy-vollbild,.tw-handy-ueber) .tw-hm-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,0) 52%)}
/* Variante „ueber“: Kopf liegt durchsichtig über dem Bild, das Bild füllt den ganzen Bildschirm */
html.tw-handy-ueber .tw-hm-slide{height:100svh}
html.tw-handy-ueber body .elementor-location-header{position:absolute!important;top:0;left:0;right:0;z-index:30}
html.tw-handy-ueber body .elementor-location-header :is(.elementor-section,.elementor-element-4507474b,.elementor-container){background:transparent!important;border:0!important}
html.tw-handy-ueber body .elementor-location-header::before{content:"";position:absolute;inset:0 0 auto;height:140px;background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,0));pointer-events:none}
body .elementor-element-d5a0b01{padding-top:18px!important}
body .elementor-element-d80f803 .elementor-button-icon{display:inline-flex!important}

body .elementor-element-61d717f6{min-height:250px!important}
body .elementor-element-48a033b .elementor-heading-title{font-size:24px!important;letter-spacing:.1em!important}
body [data-elementor-type="wp-page"] .elementor-widget-text-editor h2,body .tw-alt h2{font-size:22px!important;letter-spacing:.1em!important}
body .elementor-element-d16275f .elementor-heading-title{font-size:24px!important}
body .elementor-element-17bdd4a h2.gross,body .elementor-element-17bdd4a h2.gross span{font-size:24px!important;letter-spacing:.12em!important}
body [data-elementor-type="wp-page"] .elementor-widget-text-editor h3,body .tw-alt h3{font-size:12.5px!important;letter-spacing:.24em!important}
body .tw-alt-t{font-size:14px!important;letter-spacing:.1em!important}
body .elementor-element-d80f803 .elementor-button{padding:12px 22px!important}
body .elementor-element-a7ddcec .elementor-heading-title{font-size:14px!important;line-height:1.7!important}
}
/* ---------- Laufband: über die ganze Breite, dunkel mit Kupferschrift, läuft ohne Halt, Text beginnt in der Mitte (Philipp 21.10. abends) ---------- */
/* Hintergrund wie die Seite (vorher #0e0d0c, wirkte als eigene Farbe), Linien kaum sichtbar */
body .elementor-element-27f2cb7{background:transparent!important;border:0!important;border-top:1px solid #181818!important;border-bottom:1px solid #181818!important;padding:0!important;margin:0!important}
body .elementor-element-27f2cb7>.elementor-container{max-width:none!important}
body .elementor-element-27f2cb7 :is(.elementor-element-5eae5f6,.elementor-element-42a715b){display:none!important}
body .elementor-element-27f2cb7 .elementor-element-f296e69{width:100%!important}
body .elementor-element-27f2cb7 .elementor-widget-wrap{padding:0!important}
.tw-lauf{overflow:hidden;padding:15px 0}
.tw-lauf-spur{display:flex;width:max-content;animation:tw-lauf var(--tw-dauer,70s) linear infinite}
.tw-lauf-reihe{display:flex;align-items:center;flex:none}
.tw-lauf-reihe span{font:400 13.5px/1 "TW Jost",Roboto,sans-serif;letter-spacing:.14em;color:#BB916F;white-space:nowrap;padding-right:100px}
/* wie <marquee>: vom rechten Rand herein bis ganz hinaus links */
@keyframes tw-lauf{from{transform:translateX(var(--tw-w,100vw))}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.tw-lauf-spur{animation:none}}

/* Knöpfe, die „DSM START“ genauer anspricht: ebenfalls eckig (sonst rund, 4 px) */
body .elementor-element-9cf33a3 .elementor-cta__button.elementor-button,body .elementor-element-8735eff .elementor-button{border-radius:0!important;background:#BB916F!important;border:1px solid #BB916F!important;color:#0b0b0b!important;font-family:"TW Jost",Roboto,sans-serif!important;font-weight:500!important;font-size:12.5px!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body .elementor-element-9cf33a3 .elementor-cta:hover .elementor-cta__button.elementor-button,body .elementor-element-8735eff .elementor-button:hover{background:transparent!important;color:#BB916F!important}
body .elementor-element-8735eff .elementor-button *{color:inherit!important;fill:currentColor!important}

/* Kacheln: echte Fotos (Philipp 21.10.: „hier bitte keine KI Bilder nutzen“; KI-Fassungen liegen in assets/tw-entwurf/kacheln/) */

/* ---------- Runde 3: Fuß ohne Unterstreichungslinien ---------- */
body .elementor-element-778d8446{padding:84px 0 46px!important}
body .elementor-element-55273c2b>.elementor-container{max-width:1080px!important}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) .elementor-icon-list-item:not(:last-child)::after{display:none!important}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) .elementor-icon-list-item{padding:7px 0!important;margin:0!important}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) .elementor-icon-list-text{font-size:15px!important;color:#b8b1a7!important;padding-left:0!important}
body :is(.elementor-element-4a0ca059,.elementor-element-31869a7e,.elementor-element-7eefec5c) a:hover .elementor-icon-list-text{color:#f1ece4!important}
body :is(.elementor-element-7155a428,.elementor-element-5c19adaa,.elementor-element-490a2a33){margin-bottom:16px!important}
body .elementor-element-6373eed4{padding:0 0 30px!important}
/* Dreieck über dem Fuß: Elementor-Formtrennung oben an 55273c2b (Philipp: „Das verwirrt mich“) */
body .elementor-element-55273c2b>.elementor-shape-top{display:none!important}
/* Untere Fußzeile bündig mit den Spalten darüber (Copyright hatte 10 px Innenabstand und einen 50-px-Abstandshalter darunter) */
body .elementor-element-6f3380c{display:none!important}
body .elementor-element-371b0ad3 .elementor-widget-wrap{padding:0!important;align-content:center!important}
body .elementor-element-371b0ad3 .elementor-widget{margin-bottom:0!important}
body .elementor-element-371b0ad3 p{margin:0!important}
body :is(.elementor-element-98bb13f,.elementor-element-4ddb640)>.elementor-widget-container{margin:0!important}   /* Rechtslinks hatten -21 px oben */
@media(max-width:767px){body .elementor-element-336a2ba5{margin-top:10px}}
body .elementor-element-43481745 .elementor-divider{padding:0 0 26px!important}
body .elementor-element-371b0ad3>.elementor-container{max-width:1080px!important;align-items:center}
body .elementor-element-4ddb640 .elementor-heading-title{font:400 12px/1.6 Roboto,sans-serif!important;letter-spacing:.08em!important;color:#7d776f!important;text-transform:none!important}
body .elementor-element-98bb13f,body .elementor-element-98bb13f *{font:400 11.5px/1.6 "TW Jost",Roboto,sans-serif!important;letter-spacing:.18em!important;color:#8d877e!important;text-align:right!important}
body .elementor-element-98bb13f a:hover{color:#BB916F!important}
@media(max-width:767px){body .elementor-element-98bb13f,body .elementor-element-98bb13f *{text-align:center!important}body .elementor-element-778d8446{padding:56px 0 30px!important}}


/* ---------- Seiten außer der Startseite (design_d.SEITEN, Durchsicht aller Seitenarten 04.11.2026) ---------- */
/* Erster Abschnitt rückte mit -12 bis -47 px unter den Kopf und schnitt das Logo an (gemessen 04.11. auf elf Seiten; auf der Startseite
   hatte Entwurf D das schon für den Slider 6438dfe behoben) */
body :is(.elementor-element-c710bad,.elementor-element-fa6fc47,.elementor-element-c23750c,.elementor-element-cc3afe3,.elementor-element-3222fde,.elementor-element-2a0405d,.elementor-element-78593e8,.elementor-element-bd3cc5a,.elementor-element-31dcffb,.elementor-element-2b816936,.elementor-element-5ae90d5,.elementor-element-484d6eb){margin-top:0!important}
/* Fragen & Antworten: dort sitzt der negative Abstand (−42 px) am Slider-Element selbst, nicht am Abschnitt (gemessen 05.11. mit jedem
   Element im ersten Bildschirm gegen die Kopfunterkante; seitdem auf keiner Seite mehr ein Element über dem Kopf) */
body .elementor-element-9dc119a>.elementor-widget-container{margin-top:0!important}
/* Seitentitel (h1) im Texteditor wie die übrigen Überschriften (Tresorarten, Franz Jäger) */
body [data-elementor-type="wp-page"] .elementor-widget-text-editor h1{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;letter-spacing:.12em!important;color:#BB916F!important;line-height:1.3!important;font-size:30px!important}
/* Kästen mit Symbol (Einbruch-, Feuer-, Versicherungsschutz auf den Tresorarten-Seiten) */
body [data-elementor-type="wp-page"] .elementor-icon-box-title,body [data-elementor-type="wp-page"] .elementor-icon-box-title a{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:16px!important;letter-spacing:.18em!important;color:#f1ece4!important}
/* Karten der Gebraucht-Seite (Call to Action): dunkel mit feiner Linie wie die Tresorkarten der übrigen Seiten */
body.page-id-51 .elementor-cta{border:1px solid #232323!important}
body.page-id-51 .elementor-cta__content{background-color:#0f0f0f!important}
body.page-id-51 .elementor-cta__title{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;letter-spacing:.16em!important}
/* Blog-Übersicht (ElementsKit-Beiträge) */
body .elementor-widget-elementskit-blog-posts .entry-title,body .elementor-widget-elementskit-blog-posts .entry-title a{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;letter-spacing:.1em!important;line-height:1.4!important}
/* Blogbeiträge (Block-Editor im Theme Kadence, keine Elementor-Seiten) */
body.single-post .entry-title,body.single-post .entry-content :is(h2,h3){font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;line-height:1.35!important}
body.single-post .entry-title{letter-spacing:.12em!important;color:#BB916F!important}
body.single-post .entry-content h2{letter-spacing:.12em!important;color:#BB916F!important;font-size:24px!important}
body.single-post .entry-content h3{letter-spacing:.2em!important;color:#ece7df!important;font-size:16px!important}
body.single-post .entry-content p,body.single-post .entry-content li{color:#cdc8c0!important;line-height:1.75!important}
body.single-post .post-navigation :is(.post-navigation-sub,a){font-family:"TW Jost",Roboto,sans-serif!important;letter-spacing:.14em!important}
/* Produktseiten (WooCommerce, ohne Elementor-Vorlage) */
body.single-product .product_title{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;letter-spacing:.14em!important;font-size:28px!important;line-height:1.3!important}
body.single-product :is(.woocommerce-Tabs-panel h2,.related.products>h2){font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;letter-spacing:.14em!important;font-size:22px!important;color:#BB916F!important}
/* Mit gesperrter Schrift passen beide Knöpfe nicht mehr nebeneinander in die Spalte: untereinander, gleich breit */
body .dsm-tw-anfrage{flex-direction:column!important;align-items:stretch!important;max-width:460px}
body .dsm-tw-anfrage .dsm-tw-knopf{background:#BB916F!important;border:1px solid #BB916F!important;border-radius:0!important;color:#0b0b0b!important;font-family:"TW Jost",Roboto,sans-serif!important;font-weight:500!important;font-size:12.5px!important;line-height:1!important;letter-spacing:.2em!important;text-transform:uppercase!important;padding:17px 30px!important;box-shadow:none!important;transition:background .3s,color .3s!important;text-align:center!important}
body .dsm-tw-anfrage .dsm-tw-knopf:is(:hover,:focus-visible){background:transparent!important;color:#BB916F!important}
body .dsm-tw-anfrage .dsm-tw-knopf.dsm-tw-umriss{background:transparent!important;color:#f1ece4!important}
body .dsm-tw-anfrage .dsm-tw-knopf.dsm-tw-umriss:is(:hover,:focus-visible){background:#BB916F!important;color:#0b0b0b!important}
body.single-product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 26px!important}
body.single-product .woocommerce-tabs ul.tabs::before{border-color:#232323!important}
body.single-product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-bottom:1px solid #BB916F!important;border-radius:0!important;margin:0!important;padding:0!important}
body.single-product .woocommerce-tabs ul.tabs li::before,body.single-product .woocommerce-tabs ul.tabs li::after{display:none!important}
body.single-product .woocommerce-tabs ul.tabs li a{color:#f1ece4!important;font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:12.5px!important;letter-spacing:.2em!important;text-transform:uppercase!important;padding:12px 2px!important}
body.single-product .related.products li.product{border:1px solid #232323!important;border-radius:0!important;background:#0f0f0f!important;overflow:hidden}
body.single-product .related.products .product-details{background:#0f0f0f!important}
body.single-product .related.products .woocommerce-loop-product__title{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:14px!important;letter-spacing:.16em!important;color:#f1ece4!important}
/* ---------- iPad quer und kleine Rechner (1025 bis 1365 px), Saschas Bildschirmfotos vom 23.10.2026 ----------
   1) „Blog“ rutschte in eine zweite Kopfzeile („darf ja nur eine Kopfzeile sein“): gemessen 04.11. brauchte das Menü bei 1025 px
      832 px in 626 px, mit Entwurf D zweizeilig bis 1280 px. Logo 210 px, Menü 12 px mit .12em, Spalten nach Inhalt: einzeilig von
      1025 bis 1440 px gemessen (1025, 1080, 1133, 1180, 1280, 1366).
   2) Erstes Slider-Bild: Schrift lag über dem Tresor („Tresor weiter nach links“). Bild rechtsbündig (Tresor rückt nach links), Textblock
      48 px nach rechts; bei 1080 und 1180 px frei, ab 1366 px war es schon frei. */
@media(min-width:1025px) and (max-width:1365px){
body .elementor-element-4507474b{padding-left:16px!important;padding-right:16px!important}
body .elementor-element-4507474b>.elementor-container{flex-wrap:nowrap!important}
body .elementor-element-49f89291 img{width:210px!important;height:auto!important}
body .elementor-element-3d72efcc{width:auto!important;flex:0 0 auto}
body .elementor-element-288ef4a2{width:auto!important;flex:1 1 auto;min-width:0}
body .elementor-element-ed7316a{width:auto!important;flex:0 0 auto}
body .elementor-element-36de376 .elementskit-navbar-nav{flex-wrap:nowrap!important;justify-content:center}
body .elementor-element-36de376 .elementskit-navbar-nav>li>a{font-size:12px!important;letter-spacing:.12em!important;padding-left:9px!important;padding-right:9px!important;white-space:nowrap}
body .elementor-element-d80f803 .elementor-button{padding:13px 18px!important}
body .n2-ss-slide-background[data-public-id="1"] img{object-position:100% 50%!important}
body .n-uc-08ItVmkAmfGm{transform:translateX(48px)}
}
/* Fragen-Akkordeon (ElementsKit; Fragen & Antworten, Tresorarten): dunkle Felder mit feiner Linie statt Kupferkästen in fetter Roboto,
   offen mit Kupferrahmen (Durchsicht am Handy 05.11.2026) */
body .elementskit-accordion .elementskit-card{border:0!important;background:transparent!important;margin-bottom:8px!important;box-shadow:none!important}
body .elementskit-accordion .elementskit-btn-link{background:#0f0f0f!important;border:1px solid #2a2a2a!important;border-radius:0!important;padding:16px 20px!important;box-shadow:none!important}
body .elementskit-accordion .elementskit-btn-link:not(.collapsed){border-color:#BB916F!important}
body .elementskit-accordion .ekit-accordion-title{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;font-size:15px!important;letter-spacing:.06em!important;line-height:1.45!important;color:#f1ece4!important}
body .elementskit-accordion .elementskit-btn-link:not(.collapsed) .ekit-accordion-title{color:#BB916F!important}
body .elementskit-accordion .elementskit-btn-link :is(i,svg,.icon){color:#BB916F!important;fill:#BB916F!important}
/* ---------- Produktseiten im Design D (Philipp 05.11.2026: „mag ich nicht … wie die UI/UX ist bezüglich der Produktseiten“).
   Aufbau bleibt wie bei WooCommerce (Daten unter dem Titel ohne Reiter hatte Philipp am 14.10. zurückgenommen). ---------- */
body.single-product .woocommerce-product-gallery__wrapper{border:1px solid #232323}
/* Lupe bleibt wie vom Theme (Philipp 05.11.: „Die Lupe davor war gut“); ein Klick irgendwo aufs Bild öffnet die große Ansicht wie die
   Lupe (Skript im mu-plugin), deshalb Hand-Zeiger auf dem ganzen Bild, auch auf der Zoom-Ebene */
body.single-product .woocommerce-product-gallery__image,body.single-product .woocommerce-product-gallery__image *{cursor:pointer!important}
body.single-product .summary .product_title::after{content:"";display:block;width:56px;height:1px;background:#BB916F;margin:20px 0 6px}
body.single-product .summary{padding-top:4px}
body.single-product .product_meta{font-family:"TW Jost",Roboto,sans-serif!important;font-size:11.5px!important;letter-spacing:.16em!important;text-transform:uppercase;color:#8d877e!important;
  border-top:1px solid #1f1f1f;padding-top:16px;margin-top:6px}
body.single-product .product_meta a{color:#BB916F!important;text-decoration:none!important;font-weight:400!important}
body.single-product .product_meta a:hover{color:#f1ece4!important}
body.single-product .woocommerce-tabs.wc-tabs-wrapper{border:0!important;background:transparent!important;padding:0!important}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel{padding-left:0!important;padding-right:0!important;border:0!important}
/* „Beschreibung“ stand als Reiter und gleich darunter noch einmal als Überschrift */
body.single-product .woocommerce-Tabs-panel--description>h2:first-child{display:none!important}
/* Daten des Tresors als Tabelle (Zeilen aus der Beschreibung, Wortlaut unverändert; Aufbau im mu-plugin dsm-tw-design.php) */
body .tw-daten{max-width:720px;margin:0 0 10px;border-top:1px solid #232323}
body .tw-daten-zeile{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:13px 2px;border-bottom:1px solid #1c1c1c;align-items:baseline}
body .tw-daten dt{font:500 11.5px/1.4 "TW Jost",Roboto,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#9b958c;margin:0}
body .tw-daten dd{font:400 16px/1.5 Roboto,sans-serif;color:#f1ece4;margin:0}
body .tw-daten-merkmal dd{grid-column:1/-1}
body .tw-daten-merkmal dd{color:#d8d2c9}
body .tw-daten-preis{border-bottom-color:#2a241e}
body .tw-daten-preis :is(dt,dd){color:#BB916F!important}
body .tw-daten-preis dd{font:400 19px/1.4 "TW Jost",Roboto,sans-serif;letter-spacing:.06em}
@media(max-width:767px){
body .tw-daten-zeile{display:block;padding:11px 0}
body .tw-daten dt{font-size:10.5px;letter-spacing:.14em;margin-bottom:4px}
body .tw-daten dd{font-size:15px}
}
@media(max-width:767px){
body [data-elementor-type="wp-page"] .elementor-widget-text-editor h1{font-size:22px!important;letter-spacing:.08em!important}
body.single-product .product_title{font-size:22px!important}
body.single-post .entry-title{font-size:24px!important;letter-spacing:.08em!important}
body.single-post .entry-content h2{font-size:20px!important;letter-spacing:.08em!important}
body .dsm-tw-anfrage .dsm-tw-knopf{padding:16px 18px!important;letter-spacing:.14em!important}
}

/* ---------- Saschas Rückmeldung 09.11.2026 (design_d.SASCHA_0911) ---------- */
/* Angebote & Gebrauchttresore: „das die ‚Kästen‘ alle die gleiche Größe nach unten haben (so wie bei Tresor 17 – 20 …) (Bei 21 – 24
   unterschiedliche Größen) (bei 25 – 28 …)“. Ursache: Kasten 23 und 24 mit eigener Mindesthöhe (330/315 px), Text unterschiedlich lang,
   27 in einer nachträglich gefüllten Spalte. Jetzt füllt jeder Kasten die Höhe seiner Reihe, Bild oben überall gleich hoch (5, 8, 20
   hatten 153 bis 176 statt 198 px), Titel einheitlich in Versalien („Tresor 24 (NEU)“ stand klein). */
body.page-id-51 .elementor-widget-wrap:has(>.elementor-widget-call-to-action){align-content:stretch}
body.page-id-51 .elementor-widget-call-to-action>.elementor-widget-container{height:100%}
body.page-id-51 .elementor-widget-call-to-action .elementor-cta{height:100%;flex-direction:column;flex-wrap:nowrap}
body.page-id-51 .elementor-widget-call-to-action .elementor-cta__bg-wrapper{flex:0 0 auto}
body.page-id-51 .elementor-widget-call-to-action .elementor-cta__content{flex:1 1 auto;min-height:0!important}
body.page-id-51 .elementor-cta__title{text-transform:uppercase}
@media(min-width:1025px){body.page-id-51 .elementor-cta__bg-wrapper{min-height:198px!important}}
@media(min-width:768px) and (max-width:1024px){body.page-id-51 .elementor-cta__bg-wrapper{min-height:165px!important}}
/* „Mehr über unsere Angebote“ (WooCommerce-Produkte): weiße Titelkästen wie die ähnlichen Produkte der Produktseiten (dunkel, feine Linie) */
body .elementor-wc-products li.product{border:1px solid #232323!important;border-radius:0!important;background:#0f0f0f!important;overflow:hidden}
body .elementor-wc-products li.product .product-details{background:#0f0f0f!important;margin:0!important}
body .elementor-wc-products .woocommerce-loop-product__title,body .elementor-wc-products .woocommerce-loop-product__title a{font-family:"TW Jost",Roboto,sans-serif!important;font-weight:400!important;
  font-size:14px!important;letter-spacing:.16em!important;color:#f1ece4!important;text-transform:uppercase}
body .elementor-wc-products .woocommerce-loop-product__title a:hover{color:#BB916F!important}
/* „unter dem ersten großen Foto ein bisschen Abstand zur Überschrift … Bitte prüfe nochmal die Proportionen und Abstände … auf allen
   Seiten“: gemessen (assets/sascha-2026-11-09/abstand.py, 1440 px) lag die erste Überschrift auf der Angebotsseite 7 px über dem Foto
   (Abschnitt c23750c mit -27 px unten), auf zehn weiteren Seiten 20 px darunter. Jetzt überall gleich: kein negativer Abstand, 24 px mehr */
body :is(.elementor-element-c710bad,.elementor-element-fa6fc47,.elementor-element-c23750c,.elementor-element-cc3afe3,.elementor-element-3222fde,.elementor-element-2a0405d,.elementor-element-78593e8,.elementor-element-bd3cc5a,.elementor-element-31dcffb,.elementor-element-2b816936,.elementor-element-5ae90d5,.elementor-element-484d6eb){margin-bottom:0!important}
body :is(.elementor-element-5e4842f,.elementor-element-5bcee12,.elementor-element-4c8758b,.elementor-element-442ea282,.elementor-element-8bb4cc7,.elementor-element-07ada71,.elementor-element-844a073,.elementor-element-cec83d0,.elementor-element-5f3970e,.elementor-element-7351b1f){margin-top:24px!important}
/* Tresor Auswahl am Handy: Knopf „Jetzt kostenlos Beratung vereinbaren!“ stieß an „Schützen Sie, was Ihnen etwas wert ist“ (−1 px) */
@media(max-width:767px){body .elementor-element-3cb8c8f{margin-top:32px!important}}
/* Franz Jäger Berlin, Slider mit drei Fotos (Smart Slider 6): „aktuell schärfer und viel heller, bitte dies unbedingt beibehalten!! …
   Bitte die 3 Fotos heller! In der Handyversion auch“. Ohne Abdunklung, ohne Zoom, Bild eingepasst wie live (1400 × 427, nicht
   beschnitten und hochgerechnet) */
body .n2-section-smartslider[data-ssid="6"] .n2-ss-slide-backgrounds::after{display:none!important}
body .n2-section-smartslider[data-ssid="6"] .n2-ss-slide-background-image img{object-fit:contain!important;animation:none!important;transform:none!important}
/* Handy-Menü (Popup 1661): „KONTAKT bitte in ein Kästchen setzen, so wie aktuell“. Der Kupferknopf lag kupfern auf dem Kupfer des Menüs */
body .elementor-1661 .elementor-button{background:#0b0b0b!important;border-color:#0b0b0b!important;color:#f1ece4!important}
body .elementor-1661 .elementor-button:is(:hover,:focus-visible){background:transparent!important;color:#0b0b0b!important}

/* ---------- SEO-Runde 09.11.2026 (design_d.SEO_0911) ---------- */
body.single-post .entry-content h2{text-transform:uppercase}
body.single-post .entry-content .dsm-passend{border-top:1px solid #232323;margin-top:48px;padding-top:8px}
body.single-post .entry-content .dsm-passend li{margin-bottom:6px}
body.single-post .entry-content .wp-block-table td,body.single-post .entry-content .wp-block-table th{border-color:#2a2a2a!important}
body.single-post .entry-content .wp-block-table figcaption{color:#9b958c;font-size:13px}
/* END DSM DESIGN D */