/* === Designerszeug Theme — Stickzeug-Klon === */

:root {
  --sz-color-bg:           #ffffff;
  --sz-color-body-text:    #000000;
  --sz-color-link:         #000000;
  --sz-color-btn:          #111111;
  --sz-color-btn-dim:      #2b2b2b;
  --sz-color-btn-text:     #ffffff;
  --sz-color-price:        #1c1d1d;
  --sz-color-nav:          #ffffff;
  --sz-color-nav-text:     #000000;
  --sz-color-announcement: #d0d4cc;
  --sz-color-announcement-text: #6c6c6c;
  --sz-color-hero-text:    #ffffff;
  --sz-color-hero-bg:      #0f0f0f;
  --sz-color-border:       #e8e8e1;
  --sz-color-footer:       #810eb2;
  --sz-color-footer-text:  #e5e5e5;
  --sz-color-accent:       #810eb2;
  --sz-font-base: 'Arimo', sans-serif;
  --sz-font-header: 'Arimo', sans-serif;
  --sz-grid-gutter: 17px;
}
@media (min-width: 769px) { :root { --sz-grid-gutter: 22px; } }

body.stickzeug-style {
  font-family: var(--sz-font-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.025em;
  color: var(--sz-color-body-text);
  background: var(--sz-color-bg);
  margin: 0;
}
body.stickzeug-style h1, body.stickzeug-style h2, body.stickzeug-style h3,
body.stickzeug-style h4, body.stickzeug-style h5, body.stickzeug-style h6 {
  font-family: var(--sz-font-header);
  font-weight: 700; line-height: 1; letter-spacing: 0.025em; margin: 0;
}

/* Blocksy & WP-Standard ausblenden */
body.stickzeug-style header.ct-header,
body.stickzeug-style header[data-row="top"],
body.stickzeug-style #header,
body.stickzeug-style footer.ct-footer,
body.stickzeug-style footer[data-row],
body.stickzeug-style #footer,
body.stickzeug-style .page-title,
body.stickzeug-style .entry-header,
body.stickzeug-style article > header { display: none !important; }
body.stickzeug-style main, body.stickzeug-style #main, body.stickzeug-style article,
body.stickzeug-style .entry-content, body.stickzeug-style .ct-container,
body.stickzeug-style .ct-container-narrow {
  max-width: 100% !important; padding: 0 !important; margin: 0 !important;
}
body.home.stickzeug-style .entry-content > p:first-child:last-child { display: none; }

/* Announcement-Bar */
.sz-announcement {
  background: var(--sz-color-announcement);
  color: var(--sz-color-announcement-text);
  text-align: center;
  padding: 10px 17px;
  font-size: 12px;
  letter-spacing: 0.025em;
}
@media (min-width: 769px) { .sz-announcement { font-size: 13.6px; padding: 10px 40px; } }
.sz-announcement strong { font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }
.sz-announcement strong + span { margin-left: 8px; }

/* Header */
.sz-header {
  background: var(--sz-color-nav); color: var(--sz-color-nav-text);
  padding: 7px 0; position: relative; z-index: 100;
}
@media (min-width: 769px) { .sz-header { padding: 20px 0; } }
.sz-header__inner {
  max-width: 1500px; margin: 0 auto; padding: 0 17px;
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: 20px;
}
@media (min-width: 769px) { .sz-header__inner { padding: 0 40px; } }

.sz-header__logo {
  font-family: var(--sz-font-header), sans-serif; font-weight: 800;
  font-size: 22px; color: var(--sz-color-nav-text); text-decoration: none;
  letter-spacing: -0.5px; line-height: 1;
}
@media (min-width: 769px) { .sz-header__logo { font-size: 30px; } }
.sz-header__logo .dot { color: var(--sz-color-accent); }

.sz-nav { display: flex; gap: 30px; justify-content: center; align-items: center; }
.sz-nav a {
  color: var(--sz-color-nav-text); text-decoration: none;
  font-size: 16px; font-weight: 400; padding: 8px 0; letter-spacing: 0.025em;
}
.sz-nav a:hover { opacity: 0.6; }

.sz-header__icons { display: flex; gap: 18px; justify-content: flex-end; align-items: center; }
.sz-header__icon { color: var(--sz-color-nav-text); display: inline-flex; }
.sz-header__icon svg { width: 22px; height: 22px; }
@media (max-width: 768px) { .sz-nav { display: none; } }

/* Hero / Slideshow */
.sz-hero {
  position: relative;
  min-height: calc(100vh - 110px);
  background: var(--sz-color-hero-bg) center/cover no-repeat;
  display: flex; align-items: flex-end;
  color: var(--sz-color-hero-text);
  overflow: hidden;
}
.sz-hero::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.25) 100%);
}
.sz-hero__inner {
  position: relative; z-index: 2; max-width: 1500px; margin: 0 auto;
  padding: 60px 17px; width: 100%; text-align: right;
}
@media (min-width: 769px) { .sz-hero__inner { padding: 45px 40px 80px; } }
.sz-hero__title {
  font-family: var(--sz-font-header), sans-serif;
  font-weight: 700; font-size: 35px; line-height: 1;
  letter-spacing: 0.025em; color: var(--sz-color-hero-text); margin: 0;
}
@media (min-width: 769px) { .sz-hero__title { font-size: 70px; } }
.sz-hero__subtitle { margin: 16px 0 30px; font-size: 20.8px; font-weight: 400; line-height: 1.6; }
.sz-hero__cta {
  display: inline-block; background: #000; color: #fff;
  padding: 9px 17px; font-size: 11px; font-weight: 700;
  line-height: 1.42; letter-spacing: 0.3em;
  text-transform: uppercase; text-decoration: none;
  border: 1px solid #000; min-width: 90px; text-align: center;
}
@media (min-width: 769px) { .sz-hero__cta { padding: 11px 20px; font-size: 13px; } }
.sz-hero__cta:hover { background: var(--sz-color-btn-dim); border-color: var(--sz-color-btn-dim); }