/*
Theme Name: Wohnscheune Haag
Theme URI: http://www.ir-haag.de
Author: Innovative Raumgestaltung Haag
Description: One-Page-Theme fuer die Wohnscheune Haag, Grossbottwar. Aus dem Claude-Design-Entwurf v3 uebernommen. Schriften lokal eingebunden (kein Google-Fonts-CDN).
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wohnscheune-haag
*/

/* ===== Schriften, lokal ausgeliefert ===== */
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/dmsans-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/dmsans-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/dmsans-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/dmsans-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/dmsans-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/dmsans-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/spacegrotesk-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== Design ===== */

  html { scroll-behavior: smooth; background: #101013; }
  body { margin: 0; background: #101013; color: #F2F1EF; font-family: "DM Sans", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #F2F1EF; text-decoration: none; }
  a:hover { color: #FF3D9A; }
  ::selection { background: #E6007E; color: #FFFFFF; }

.h1:hover{color:#FFFFFF !important;border-bottom:1px solid #E6007E !important}
.h2:hover{border:1px solid #E6007E !important;color:#FF3D9A !important}
.h3:hover{background:#FF3D9A !important;color:#FFFFFF !important}
.h4:hover{background:#E6007E !important;color:#FFFFFF !important}
.h5:hover{color:#FF3D9A !important;border-bottom:1px solid #FF3D9A !important}
.h6:hover{background:#1C1C23 !important}
.h7:hover{color:#F2F1EF !important}
.h8:hover{background:#22222A !important;border:1px solid #E6007E !important;color:#F2F1EF !important}
.h9:hover{color:#FF3D9A !important}
img{max-width:100%}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}

/* --- Kopfzeile auf kleinen Bildschirmen: Logo + Kontakt oben, Navigation als scrollbare Zeile --- */
@media (max-width: 900px){
  .wsh-bar{flex-wrap:wrap;column-gap:12px !important;row-gap:0;padding:10px clamp(14px,4vw,20px) !important}
  .wsh-nav{order:3;width:100%;margin-left:0 !important;flex-wrap:nowrap !important;overflow-x:auto;
           gap:22px !important;padding:0 0 4px;scrollbar-width:none;-ms-overflow-style:none}
  .wsh-nav::-webkit-scrollbar{display:none}
  .wsh-actions{margin-left:auto}
  .wsh-header img{height:34px !important}
}
@media (max-width: 430px){
  .wsh-actions a[href^="tel"]{padding:0 14px !important;font-size:12.5px !important}
  .wsh-actions a[href^="mailto"]{width:40px !important;height:40px !important}
  .wsh-nav{font-size:12px !important;gap:18px !important}
}

/* --- Abstand fuer die WordPress-Adminleiste (nur fuer eingeloggte Benutzer sichtbar) --- */
body.admin-bar .wsh-header{top:32px !important}
@media screen and (max-width:782px){body.admin-bar .wsh-header{top:46px !important}}

/* --- Textseiten (Impressum, Datenschutz) --- */
.wsh-prose h2{font-family:'Space Grotesk',Helvetica,sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,26px);letter-spacing:-0.015em;color:#F2F1EF;margin:38px 0 12px}
.wsh-prose h3{font-family:'Space Grotesk',Helvetica,sans-serif;font-weight:400;font-size:18px;color:#F2F1EF;margin:28px 0 8px}
.wsh-prose p{margin:0 0 16px}
.wsh-prose ul{margin:0 0 16px;padding-left:20px}
.wsh-prose li{margin:0 0 6px}
.wsh-prose a{color:#FF3D9A;border-bottom:1px solid rgba(255,61,154,0.4)}
.wsh-prose a:hover{color:#FFFFFF;border-bottom-color:#E6007E}
.wsh-prose strong{color:#F2F1EF;font-weight:500}