/*
Theme Name: Burghauser Klar
Theme URI: https://ing-burghauser.de/
Author: Ingenieurbüro Burghauser
Description: Schlankes WordPress-Theme im blau-weißen Design mit SVG-Icons, persönlicher Startseite und Vorlagen für Bedarfs- und Verbrauchsausweise.
Version: 1.0.8
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: burghauser-klar
Tags: custom-logo, custom-menu, custom-background, featured-images, full-width-template
*/

:root{--blue:#285496;--accent:#098de0;--pale:#eaf5fb;--line:#dce5ed;--muted:#526b89}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--blue);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.icon{width:32px;height:32px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:2px solid var(--accent);border-radius:11px;padding:10px 19px;font-weight:700;line-height:1.3;background:var(--accent);color:#fff;transition:background .15s,transform .15s}.btn:hover{background:#0878bf}.btn.secondary{color:var(--blue);background:#fff}.btn.secondary:hover{background:#eaf5fb}.btn .icon{width:21px;height:21px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700;color:var(--blue)}.muted{color:var(--muted)}
header{background:var(--pale);border-bottom:1px solid #eaf0f5}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;line-height:1.3}.brand img{width:54px;height:54px;object-fit:contain;mix-blend-mode:multiply}.brand strong{font-size:19px;letter-spacing:-.4px}.brand span{display:block;font-size:12px;margin-top:3px;color:var(--muted)}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav>a:not(.btn):hover{color:var(--accent)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--blue);width:46px;height:46px;align-items:center;justify-content:center}
.hero{background:linear-gradient(180deg,#f4faff,var(--pale));padding:58px 0 52px}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:64px}.hero h1{font-size:54px;margin:16px 0 21px;line-height:1.08;max-width:600px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:17px;max-width:470px;color:var(--muted);line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-photo{position:relative}.hero-photo img{width:100%;height:360px;object-fit:cover;object-position:40% 50%;display:block;border-radius:18px}.photo-label{position:absolute;bottom:17px;left:17px;right:17px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.96);padding:14px 16px;border-radius:12px;line-height:1.35}.photo-label .icon{color:var(--accent)}.photo-label strong{font-size:14px}.photo-label span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.benefits{display:flex;gap:24px;margin-top:40px;font-size:13px;color:var(--muted);flex-wrap:wrap}.benefits span{display:flex;align-items:center;gap:8px}.benefits .icon{color:var(--accent);width:20px;height:20px}
section{padding:64px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{font-size:32px;margin-top:9px}.section-heading p{max-width:350px;font-size:14px;color:var(--muted)}.types{display:grid;grid-template-columns:1fr 1fr;gap:24px}.type{border:1.5px solid var(--line);border-radius:16px;padding:29px;display:flex;flex-direction:column;position:relative;transition:border-color .15s,box-shadow .15s}.type:hover{border-color:var(--accent);box-shadow:0 6px 24px #2854960b}.type-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.icon-tile{width:62px;height:62px;display:grid;place-items:center;border-radius:13px;background:var(--pale)}.icon-tile .icon{width:39px;height:39px}.type-badge{font-size:11px;font-weight:bold;color:var(--muted);letter-spacing:.5px}.type h3{font-size:26px;margin-bottom:12px}.type p{color:var(--muted);font-size:15px;max-width:420px}.type ul{list-style:none;margin:21px 0 26px;padding:0;display:grid;gap:10px;font-size:14px}.type li{display:flex;gap:9px;align-items:center}.type li .icon{width:18px;height:18px;color:var(--accent)}.type .btn{align-self:flex-start;margin-top:auto}.help-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:14px;color:var(--muted)}.help-row .icon{width:22px;height:22px}.help-row a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.process{background:var(--pale);padding:48px 0}.process-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.process h2{font-size:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{display:grid;grid-template-columns:38px 1fr;column-gap:14px}.number{width:36px;height:36px;border:1.5px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--accent);background:#fff}.step h3{font-size:17px;padding-top:7px;margin-bottom:8px;letter-spacing:-.01em}.step p{font-size:14px;color:var(--muted);line-height:1.6}.extra{padding-bottom:56px}.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.extra-item>.icon{width:38px;height:38px;color:var(--accent);margin-bottom:15px}.extra-item h3{font-size:20px;margin-bottom:10px}.extra-item p{font-size:14px;color:var(--muted);margin-bottom:15px;min-height:68px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.text-link .icon{width:20px;height:20px}.text-link:hover{color:var(--accent)}
.questions{padding-top:0;padding-bottom:60px}.question-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px}.questions h2{font-size:30px;margin:8px 0 14px}.questions p{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:16px 0}details:first-child{padding-top:0}summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}summary::-webkit-details-marker{display:none}summary .icon{width:20px;height:20px}details[open] summary .icon{transform:rotate(45deg)}details p{padding-top:13px;line-height:1.7}
.contact{padding:0 0 52px}.contact-box{border-radius:16px;background:var(--pale);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{font-size:25px;margin-bottom:8px}.contact p{color:var(--muted);font-size:14px}.contact-box>.icon{width:44px;height:44px}.contact-copy{flex:1}.contact .btn{flex-shrink:0}
footer{border-top:1px solid var(--line);padding:25px 0 20px;font-size:12px;color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.design-note{font-size:10px;text-align:center;color:#7186a0;margin-top:22px} @media(max-width:1000px){nav{gap:17px}.brand strong{font-size:16px}.brand img{width:46px;height:46px}.hero-grid{gap:30px}.hero h1{font-size:45px}.hero-photo img{height:340px}}@media(max-width:780px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px}.brand img{width:43px;height:43px}.brand strong{font-size:16px}.brand span{font-size:10px}.menu-toggle{display:flex}.menu-toggle .icon{width:24px;height:24px}nav{display:none;position:absolute;z-index:5;left:18px;right:18px;top:77px;padding:20px;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 10px 24px #28549614}nav.is-open{display:flex}.hero{padding:35px 0 30px}.hero-grid{grid-template-columns:1fr;gap:29px}.hero h1{font-size:40px;letter-spacing:-1.5px;max-width:440px;margin:13px 0 18px}.hero .lead{font-size:15px;line-height:1.7}.actions{margin-top:22px;gap:10px}.actions .btn{font-size:14px;padding:11px 13px}.hero-photo img{height:270px;object-position:40% 44%}.photo-label{padding:11px 13px;bottom:12px;left:12px;right:12px}.benefits{margin-top:25px;gap:11px 20px;font-size:12px}.benefits span:last-child{display:none}section{padding:38px 0}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:28px}.section-heading p{margin-top:13px;font-size:14px}.types{grid-template-columns:1fr;gap:16px}.type{padding:23px}.type h3{font-size:25px}.type-top{margin-bottom:15px}.type ul{margin:18px 0 22px}.type .btn{align-self:stretch}.help-row{align-items:flex-start;text-align:center;font-size:13px}.help-row .icon{margin-top:2px}.process{padding:32px 0}.process h2{font-size:27px}.steps{grid-template-columns:1fr;gap:23px}.process-heading{margin-bottom:22px}.extras{grid-template-columns:1fr;gap:28px}.extra-item{position:relative;padding-left:58px}.extra-item>.icon{position:absolute;left:0;top:0}.extra-item p{min-height:0;margin-bottom:10px}.extra{padding-bottom:35px}.question-grid{grid-template-columns:1fr;gap:22px}.questions{padding-bottom:35px}.questions h2{font-size:27px}summary{font-size:14px}.contact{padding-bottom:32px}.contact-box{padding:24px;flex-wrap:wrap;gap:16px}.contact-box>.icon{width:34px;height:34px}.contact h2{font-size:22px}.contact-copy{min-width:200px}.contact .btn{width:100%}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px}.footer-links{gap:15px}.design-note{text-align:left;margin-top:18px}.btn{min-height:46px}.eyebrow{font-size:10px}}
@media(max-width:360px){.brand{gap:8px}.brand strong{font-size:14px}.brand span{font-size:9px}.brand img{width:36px;height:36px}.header-inner{gap:10px}.menu-toggle{width:40px;flex-shrink:0}.hero h1{font-size:33px}.type-badge{font-size:9px}.type .btn{font-size:13px;padding:10px}.process h2{font-size:24px}}
/* WordPress-Integration */
.skip-link{position:absolute;left:16px;top:-120px;z-index:100;background:#fff;padding:12px;border:2px solid var(--accent)}.skip-link:focus{top:10px}
.brand .brand-logo{width:54px;height:54px;object-fit:contain}.site-menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.site-menu li{position:relative}.site-menu .sub-menu{list-style:none;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;position:absolute;min-width:190px;display:none;z-index:10}.site-menu li:hover>.sub-menu,.site-menu li:focus-within>.sub-menu{display:block}.site-menu .sub-menu a{display:block;padding:5px}.page-main{padding:42px 0 64px;min-height:55vh}.page-title{font-size:36px;margin-bottom:28px}.entry-content{font-size:16px;line-height:1.75;overflow-wrap:anywhere}.entry-content h2{font-size:28px;margin:32px 0 16px}.entry-content h3{font-size:23px;margin:24px 0 12px}.entry-content p{margin-bottom:18px}.entry-content a{text-decoration:underline;text-underline-offset:3px}.entry-content img{max-width:100%;height:auto}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.entry-content iframe{max-width:100%}.post-summary{padding:25px 0;border-bottom:1px solid var(--line)}.post-summary h2{margin-bottom:12px}.pagination{margin-top:25px}.burghauser-form-page{background:var(--pale);padding:28px 0 48px}.burghauser-form-shell{max-width:960px;margin:auto}.burghauser-form-page .wrap{width:min(1120px,calc(100% - 32px))}.burghauser-form .step{display:block}.burghauser-form .button-row{margin-bottom:24px}.burghauser-form .wpforms-container{max-width:100%}.burghauser-form .wpforms-container button[type=submit]{background:var(--accent);border:2px solid var(--accent);color:#fff;border-radius:11px;min-height:48px;padding:12px 22px}.plugin-notice{padding:20px;background:#fff7dc;border-radius:10px;color:#6c5300;font-size:14px;margin:18px 0}.admin-bar header{scroll-margin-top:32px}
@media(max-width:780px){.site-menu{flex-direction:column;align-items:stretch;gap:17px}.site-menu .sub-menu{position:static;display:block;border:none;padding:8px 0 0 16px}.brand .brand-logo{width:43px;height:43px}.page-main{padding:30px 0 40px}.page-title{font-size:29px}.burghauser-form-page{padding-top:18px}}
@media(max-width:360px){.brand .brand-logo{width:36px;height:36px}}

/* Formularanzeige: gilt auch für eine als HTML-Block eingebundene Kombiseite. */
#kombiseite-progress{background:#eaf5fb!important}
.step .step-icon-heading{justify-content:flex-start!important}
.step .step-icon-heading>svg{order:-1!important}

body>header{background:#eaf5fb!important}
.step .step-icon-heading h2{overflow-wrap:anywhere;hyphens:auto}

/* Desktop: großzügigere Lesebreite und eigener Navigationsstreifen. */
.header-contact{display:none}
@media(min-width:781px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding-top:18px;padding-bottom:12px}
 .header-inner>.brand{grid-column:1;grid-row:1;justify-self:start;min-width:0}
 .header-inner>.header-contact{display:inline-flex;grid-column:2;grid-row:1}
 .header-inner>.menu-toggle{display:none}
 .header-inner>#main-nav{grid-column:1/-1;grid-row:2;display:block;min-width:0;width:100%;border-top:1px solid #28549618;padding-top:5px;font-size:15px}
 #main-nav>.nav-contact{display:none}
 #main-nav>.site-menu{justify-content:flex-start;flex-wrap:wrap;gap:3px clamp(16px,2.2vw,36px);width:100%;margin:0}
 #main-nav .site-menu>li>a{display:block;white-space:nowrap;padding:9px 0;font-weight:500;line-height:1.35;border-bottom:2px solid transparent;text-decoration:none}
 #main-nav .site-menu>li>a:hover,#main-nav .site-menu>.current-menu-item>a{color:var(--accent);border-bottom-color:var(--accent)}
 .header-inner .brand strong{white-space:nowrap;font-size:22px}
 .header-inner .brand span{font-size:13px}
 .header-inner .brand .brand-logo{width:58px;height:58px}
}
@media(min-width:1100px){
 body{font-size:18px}
 .wrap{width:min(1440px,calc(100% - 96px))}
 .header-inner .brand strong{font-size:24px}
 .header-inner .brand .brand-logo{width:64px;height:64px}
 .header-inner>#main-nav{font-size:16px}
 .header-inner>.header-contact{font-size:17px;padding:12px 24px}
 .hero{padding:60px 0 54px}
 .hero-grid{grid-template-columns:1.1fr 1fr;gap:clamp(40px,4vw,76px)}
 .hero h1{font-size:clamp(48px,3.45vw,66px);max-width:760px}
 .hero .lead{font-size:20px;max-width:630px;line-height:1.65}
 .hero-photo img{height:clamp(370px,25vw,470px)}
 .actions .btn,.type .btn,.contact .btn{font-size:18px;min-height:54px;padding:13px 24px}
 .eyebrow{font-size:12px}
 .benefits{font-size:15px;gap:32px}
 .photo-label{padding:17px 20px}
 .photo-label strong{font-size:17px}
 .photo-label span{font-size:14px}
 .section-heading h2{font-size:38px}
 .section-heading p{font-size:17px;max-width:440px}
 .type{padding:34px}
 .type h3{font-size:31px}
 .type p{font-size:18px;max-width:550px}
 .type ul{font-size:17px}
 .type-badge{font-size:12px}
 .help-row{font-size:16px}
 .process h2,.questions h2{font-size:35px}
 .step h3{font-size:20px}
 .step p{font-size:17px}
 .extra-item h3{font-size:24px}
 .extra-item p,.questions p,summary{font-size:17px}
 .text-link{font-size:16px}
 .contact h2{font-size:29px}
 .contact p{font-size:17px}
 footer{font-size:14px}
 .page-title{font-size:42px}
 .entry-content{font-size:18px}
 .burghauser-form-shell{max-width:1240px}
 .burghauser-form-page .wrap{width:min(1440px,calc(100% - 96px))}
 .burghauser-form .step label{font-size:18px}
 .burghauser-form .step .step-icon-heading h2{font-size:30px!important}
 .burghauser-form .step input:not([type=radio]):not([type=checkbox]),.burghauser-form .step select,.burghauser-form .step textarea{font-size:18px}
 .burghauser-form .step input[type=text],.burghauser-form .step input[type=number],.burghauser-form .step select{min-height:48px}
 .burghauser-form .step .icon-option-subtitle{font-size:14px}
 .burghauser-form #kombiseite-progress-status{font-size:17px}
 .burghauser-form #kombiseite-progress li{font-size:14px}
}

/* Drei Ausweisarten auf der Startseite. */
.types .type{min-width:0}
.types .type .btn{max-width:100%;text-align:center}
.types .type h3{overflow-wrap:anywhere;hyphens:auto}
@media(min-width:1100px){.types{grid-template-columns:repeat(3,minmax(0,1fr))}.types .type{padding:28px}.types .type h3{font-size:29px}.types .type .btn{font-size:16px;padding:12px 16px}.types .type-top{gap:12px}.types .type-badge{font-size:11px}.types .type ul{font-size:16px}}
@media(min-width:781px) and (max-width:1099px){.types .type-nichtwohngebaeude{grid-column:1/-1}}