/*
Theme Name: Wurm Rohrleitungsbau
Template: twentytwentyfive
Description: Child-Theme für die Franz Wurm GmbH (SPRINZ+SPRINZ, 2026) – Nachbau des bisherigen TYPO3-Designs (mw_starterkit) mit Standard-Blöcken.
Version: 1.0
Text Domain: wurm
*/
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding:0}
.wp-site-blocks>*{margin-block-start:0}
p{margin:0 0 10px}

/* ---------- Kopf: transparent über Slider/Kopfbild, beim Scrollen weiß (wie header.clone) ---------- */
header.wp-block-template-part{position:absolute;top:0;left:0;right:0;z-index:100}
.admin-bar header.wp-block-template-part{top:32px}
.wurm-kopf{height:88px;padding:0 15px;transition:background .3s,box-shadow .3s}
.wurm-kopf-innen{height:88px;max-width:1140px;margin:0 auto!important;align-items:flex-start;justify-content:flex-start!important}
nav.wurm-menue{margin:33px 0 0 160px!important}
ul.wurm-menue{margin:0!important;justify-content:flex-start!important}
.wurm-kopf .wp-block-site-logo{margin-top:15px;align-self:flex-start}
.wurm-kopf .wp-block-site-logo img{width:172px;height:auto}
.wurm-menue{font-family:var(--wp--preset--font-family--montserrat);font-size:13px;font-weight:700}
.wurm-menue .wp-block-navigation-item__content{padding:10px 16px 8px;color:#fff!important;transition:color .3s}
.wurm-menue .wp-block-navigation-item:hover>.wp-block-navigation-item__content,
.wurm-menue .wurm-aktiv>.wp-block-navigation-item__content{color:#0072bc!important}
.wurm-menue .wp-block-navigation__submenu-icon{display:none}
.wurm-menue .wp-block-navigation__submenu-container{background:#fff!important;border:0!important;min-width:170px!important;padding:0!important;
	box-shadow:0 4px 14px rgba(0,0,0,.1);top:100%}
.wurm-menue .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:#555!important;font-size:14px;padding:10px 15px!important}
.wurm-menue .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{color:#0072bc!important}
body.wurm-gescrollt header.wp-block-template-part{position:fixed}
body.wurm-gescrollt .wurm-kopf{background:#fff;border-bottom:1px solid #eee}
body.wurm-gescrollt .wurm-kopf .wp-block-site-logo{margin-top:3px}
body.wurm-gescrollt .wurm-menue .wp-block-navigation-item__content{color:#555!important}
body.wurm-gescrollt .wurm-menue .wurm-aktiv>.wp-block-navigation-item__content,
body.wurm-gescrollt .wurm-menue .wp-block-navigation-item:hover>.wp-block-navigation-item__content{color:#0072bc!important}

/* ---------- Kopfbild der Unterseiten ---------- */
.wurm-kopfbild{padding:190px 15px 60px!important;align-items:flex-start!important;justify-content:center!important}
.wurm-kopfbild::after{content:"";position:absolute;left:0;right:0;top:100px;bottom:0;background:rgba(0,0,0,.2);z-index:0;pointer-events:none}
.wurm-kopfbild .wp-block-cover__inner-container{z-index:2}
.wurm-kopfbild .wp-block-post-title,.wurm-kopfbild h1{margin:0;font-weight:500}

/* ---------- Inhalt ---------- */
.wurm-inhalt{padding:60px 0}
.wurm-inhalt .wp-block-post-content{padding:0 15px}
.wurm-inhalt .wp-block-post-content>.alignfull,.wurm-inhalt .wp-block-post-content>p:has(>.alignfull){margin-left:-15px!important;margin-right:-15px!important;max-width:none!important;width:auto}
.wurm-inhalt-start>.wp-block-post-content{max-width:none!important}
.wurm-inhalt-start .wp-block-post-content>p:has(>.wurm-slider){margin:0 -15px!important;max-width:none!important}
.wurm-inhalt-start{padding-top:0}
.wurm-inhalt .wp-block-post-content>*+*{margin-block-start:0}
.wurm-raster{gap:30px!important;margin-bottom:60px!important}
.wurm-raster:last-child{margin-bottom:0!important}
.wurm-inhalt h2,.wurm-inhalt h3{margin:0 0 10px}
.wurm-inhalt p+h2,.wurm-inhalt p+h3,.wurm-inhalt .wp-block-gallery+h3{margin-top:30px}
.wurm-seitenspalte{padding-top:0}
.wurm-seitenspalte p{margin-bottom:12px}
.wurm-strich::after{content:"";display:block;width:40px;height:3px;background:#0072bc;margin:20px 0}
.wurm-unterzeile{font-family:var(--wp--preset--font-family--georgia);font-style:italic;font-size:18px;color:#aaa;margin:-4px 0 6px!important}
main strong{color:#777}

/* Startseite: Slider + Kacheln */
.wurm-slider{position:relative;height:500px;overflow:hidden;background:#0d2a44;margin:0!important;max-width:none!important}
.wurm-folie{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.wurm-folie.aktiv{opacity:1;z-index:1}
.wurm-folie img{width:100%;height:100%;object-fit:cover;display:block}
.wurm-folie-text{position:absolute;left:0;right:0;top:170px;text-align:center;padding:0 20px}
.wurm-folie-strich{display:block;width:80px;height:3px;background:#0072bc;margin:0 auto 22px}
.wurm-folie-text p{font-family:var(--wp--preset--font-family--montserrat);font-weight:800;font-size:56px;line-height:1.1;color:#fff;
	text-transform:uppercase;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.15);white-space:pre-line}
.wurm-folie.aktiv .wurm-folie-text{animation:wurm-ein 1s ease .3s both}
@keyframes wurm-ein{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.wurm-kacheln{margin:0 0 60px!important;max-width:none!important}
.wurm-kacheln>.wp-block-column{margin:0!important}
.wurm-kachel{min-height:160px!important;padding:0 60px!important;justify-content:flex-start!important}
.wurm-kachel .wp-block-cover__inner-container{width:auto!important}
.wurm-kachel .wp-block-button__link,.is-style-outline>.wp-block-button__link{background:transparent!important;border:3px solid rgba(255,255,255,.5)!important;
	color:#fff!important;padding:5px 30px!important;border-radius:3px}
.wurm-kachel .wp-block-button__link:hover{border-color:#fff!important}
.wurm-raster .is-style-outline>.wp-block-button__link{border-color:#0072bc!important;color:#0072bc!important}

/* Iconboxen (Über uns) */
.wurm-iconbox{position:relative;margin:0 0 60px!important;padding-left:12px}
.wurm-raster:has(.wurm-iconbox){padding-top:60px}
.wurm-iconbox::before{content:"";position:absolute;left:12px;top:0;width:46px;height:46px;background:#0072bc;color:#fff;font:normal 24px/46px FontAwesome;
	text-align:center}
.wurm-iconbox>*{margin:0 0 0 46px!important;padding:0 30px;border-left:1px solid #0072bc}
.wurm-iconbox>h3{padding-top:2px;padding-bottom:10px;font-weight:400}
.wurm-iconbox>p{padding-bottom:10px}
.wurm-iconbox>p:last-child{padding-bottom:40px}
.wurm-fa-building-o::before{content:"\f0f7"}
.wurm-fa-truck::before{content:"\f0d1"}
.wurm-fa-users::before{content:"\f0c0"}
.wurm-fa-keyboard-o::before{content:"\f11c"}

/* Karten (Leistungen) */
.wurm-karte{display:flex;flex-direction:column;margin:0 0 30px!important}
.wurm-karte .wp-block-image{margin:0 0 40px!important}
.wurm-karte .wp-block-image img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}
.wurm-karte-text{background:#f2f2f2;border-top:3px solid #0072bc;padding:20px 20px 30px;margin:0 20px!important}
.wurm-karte-text h3{margin:0 0 10px!important}

/* Bild neben Text (Zertifikate) und Bildreihen (Geschichte) */
.wurm-bildtext{margin:0 0 15px!important}
.wurm-bildtext .wp-block-media-text__media img{max-width:170px;height:auto}
.wurm-bildtext .wp-block-media-text__content{padding:0 0 0 10px!important}
.wurm-reihe{gap:3px!important;flex-wrap:nowrap!important;margin:0 0 20px!important;justify-content:flex-start}
.wurm-reihe.wp-block-gallery.has-nested-images figure.wp-block-image{flex:0 1 auto!important;width:auto!important;margin:0!important}
.wurm-reihe.wp-block-gallery.has-nested-images figure.wp-block-image img{height:180px!important;width:auto!important;max-width:100%;object-fit:contain}

/* Fußzeile */
.wurm-fuss{padding:60px 15px 40px;color:#ccc}
.wurm-fuss .wurm-fuss-spalten{max-width:1140px;gap:30px!important}
.wurm-fuss h3{color:#fff;font-size:20px;font-weight:500;margin:0 0 10px}
.wurm-fuss p{margin:0 0 10px;line-height:24px}
.wurm-fuss a{color:#ccc}
.wurm-fuss a:hover{color:#fff}
.wurm-fuss-adlkofen{padding-top:38px}
.wurm-rechtliches{margin-top:20px!important}
.wurm-siegel{gap:3px!important;flex-wrap:nowrap!important}
.wurm-siegel .wp-block-image{margin:0}
.wurm-siegel img{height:85px!important;width:auto!important;border-radius:3px}

/* ---------- Mobil ---------- */
@media (max-width:991px){
	.wurm-folie-text p{font-size:38px}
}
@media (max-width:781px){
	header.wp-block-template-part{position:relative}
	.admin-bar header.wp-block-template-part{top:0}
	body.wurm-gescrollt header.wp-block-template-part{position:relative}
	.wurm-kopf{background:#fff;height:auto}
	.wurm-kopf-innen{height:auto;padding:5px 0;align-items:center;justify-content:space-between!important}
	nav.wurm-menue{margin:0!important}
	.wurm-kopf .wp-block-site-logo{margin-top:0}
	.wurm-kopf .wp-block-site-logo img{width:130px}
	.wurm-menue .wp-block-navigation__responsive-container-open{color:#333}
	.wurm-menue .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;padding:24px 30px!important}
	.wurm-menue .is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important;padding-top:40px}
	.wurm-menue .is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:6px!important}
	.wurm-menue .is-menu-open .wp-block-navigation-item{align-items:flex-start!important}
	.wurm-menue .is-menu-open .wp-block-navigation-item__content{color:#333!important;font-size:18px;padding:6px 0!important}
	.wurm-menue .is-menu-open .wurm-aktiv>.wp-block-navigation-item__content{color:#0072bc!important}
	.wurm-menue .is-menu-open .wp-block-navigation__submenu-container{box-shadow:none!important;background:transparent!important;padding:0 0 0 18px!important;min-width:0!important}
	.wurm-menue .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:15px;color:#555!important;padding:4px 0!important}
	.wurm-kopfbild{min-height:200px!important;padding-top:20px!important}
	.wurm-kopfbild::after{top:0}
	.wurm-kopfbild h1{font-size:28px}
	.wurm-slider{height:230px}
	.wurm-folie-text{top:80px}
	.wurm-folie-text p{font-size:24px}
	.wurm-kacheln{flex-wrap:wrap!important}
	.wurm-kacheln>.wp-block-column{flex-basis:100%!important}
	.wurm-kachel{padding:0 30px!important}
	.wurm-inhalt{padding:40px 0}
	.wurm-inhalt-start{padding-top:0}
	.wurm-raster{margin-bottom:30px!important}
	.wurm-karte-text{margin:0!important}
	.wurm-karte .wp-block-image{margin-bottom:0!important}
	.wurm-reihe{flex-wrap:wrap!important}
	.wurm-reihe.wp-block-gallery.has-nested-images figure.wp-block-image img{height:auto!important;width:100%!important}
	.wurm-reihe.wp-block-gallery.has-nested-images figure.wp-block-image{width:100%!important}
	.wurm-fuss-adlkofen{padding-top:0}
	.wurm-bildtext .wp-block-media-text__content{padding:10px 0 0!important}
}