/*
Theme Name: Hello Elementor Child (Anja Mumm)
Template: hello-elementor
Version: 1.0
Description: Kindtheme mit eigenem Header (Logo, Menü) und Footer – ersetzt die Elementor-Pro-Theme-Builder-Templates.
*/
:root{--am-dunkel:#293f44;--am-text:#2c394c;--am-akzent:#7ac5bf}
.am-header{background:#fff;border-bottom:1px solid #e6ecec;position:relative;z-index:50}
/* gleiche Breite wie die Elementor-Container (1320px), ohne Innenabstand: Logo links und Menü rechts schließen bündig mit dem Header-Bild ab */
.am-header__inner{width:min(100%,1320px);margin:0 auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box}
.am-logo{flex:0 0 auto}
.am-logo img{display:block;width:172px;height:auto}
.am-nav{flex:1 1 auto}
.am-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;justify-content:flex-end;flex-wrap:nowrap}
.am-nav>ul>li:last-child>a{padding-right:0}
.am-nav a{white-space:nowrap}
.am-nav li{position:relative}
.am-nav a{color:var(--am-text);text-decoration:none;font-size:16px;line-height:55px;display:block}
.am-nav a:hover,.am-nav .current-menu-item>a,.am-nav .current-menu-ancestor>a{color:var(--am-dunkel);box-shadow:inset 0 -3px 0 var(--am-akzent)}
.am-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid #e6ecec;padding:6px 0;flex-direction:column;gap:0;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.am-nav li:hover>.sub-menu,.am-nav li:focus-within>.sub-menu{display:flex}
.am-nav .sub-menu a{line-height:1.3;padding:10px 18px}
.am-toggle{display:none;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--am-text)}
@media(max-width:900px){.am-toggle{display:block}.am-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e6ecec}.am-nav.is-open{display:block}.am-nav ul{flex-direction:column;gap:0;padding:8px 20px}.am-nav a{line-height:1.3;padding:12px 0}.am-nav .sub-menu{display:flex;position:static;border:0;box-shadow:none;padding-left:16px}}
/* Footer: hell mit grüner Trennlinie wie im Staging */
.am-footer{background:#fff;color:var(--am-text);margin-top:60px;padding:0 20px 36px}
.am-footer__line{max-width:1140px;margin:0 auto 32px;border-top:2px solid #ace2da}
.am-footer a{color:var(--am-text);text-decoration:none}.am-footer a:hover{color:var(--am-dunkel);text-decoration:underline}
.am-footer__inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;font-size:16px}
.am-footer p{margin:0 0 .6em}.am-footer ul{margin:0;padding-left:1.2em}.am-footer li{margin:0 0 .4em}
.am-footer__links{line-height:1.9;font-weight:700}
.am-footer__title{font-weight:400;margin-bottom:.3em}
.am-footer__contact{list-style:none;padding-left:0!important}
.am-footer__social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2a3f44;color:#fff!important;border-radius:3px;font-size:13px;font-weight:700}
.am-footer__social:hover{background:var(--am-akzent);text-decoration:none!important}
@media(max-width:900px){.am-footer__inner{grid-template-columns:1fr 1fr}}@media(max-width:560px){.am-footer__inner{grid-template-columns:1fr}}

/* Feinschliff Menü: Hello-Standardstile für Buttons/Links überschreiben */
.am-header .am-toggle,.am-header .am-toggle:hover,.am-header .am-toggle:focus,.am-header .am-toggle:active{background:none;border:0;color:var(--am-text);padding:4px 14px;box-shadow:none;outline-offset:2px}
.am-header .am-nav a,.am-header .am-nav a:hover{text-decoration:none}
@media(max-width:900px){
	.am-nav{box-shadow:0 10px 24px rgba(0,0,0,.08);max-height:calc(100vh - 90px);overflow:auto}
	.am-nav>ul>li>a{font-weight:700}
	.am-nav .sub-menu a{padding:8px 0}
}

/* Navigation: kräftigere Schrift, vertikale Trenner, Pfeil bei Menüpunkten mit Untermenü */
.am-header .am-nav>ul>li>a{font-weight:600;letter-spacing:.01em}
@media(min-width:901px){
	.am-nav>ul{gap:0}
	.am-nav>ul>li{padding:0 18px;position:relative}
	.am-nav>ul>li:first-child{padding-left:0}
	.am-nav>ul>li:last-child{padding-right:0}
	.am-nav>ul>li+li::before{content:"";position:absolute;left:0;top:50%;height:22px;margin-top:-11px;border-left:1px solid #b9c9ca}
	.am-nav .sub-menu{left:0}
}
.am-nav .menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;margin:0 0 3px 9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);vertical-align:middle;transition:transform .15s}
.am-nav .menu-item-has-children:hover>a::after,.am-nav .menu-item-has-children:focus-within>a::after{transform:rotate(-135deg);margin-bottom:-2px}
.am-nav .sub-menu a{font-weight:400}
.am-nav .sub-menu .menu-item-has-children>a::after{display:none}
@media(max-width:900px){.am-nav .menu-item-has-children>a::after{display:none}}

/* Footer: gleiche Breite wie Header und Elementor-Layout (bis 1320px), Trennlinie über die volle Layoutbreite */
.am-footer{padding-left:0;padding-right:0}
.am-footer__line{width:min(100%,1320px);max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
.am-footer__inner{width:min(100%,1320px);max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
@media(max-width:1340px){.am-footer__inner{padding-left:12px;padding-right:12px}}

/* ===== Blog: Übersicht ===== */
.am-blog-intro{margin-bottom:8px}
.am-blog{width:min(100%,1320px);margin:24px auto 0;box-sizing:border-box}
@media(max-width:1340px){.am-blog{padding:0 12px}}
.am-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:1000px){.am-blog__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.am-blog__grid{grid-template-columns:1fr}}
.am-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe9e8;border-top:3px solid #ace2da;padding:22px 22px 20px;transition:box-shadow .15s,transform .15s}
.am-card:hover{box-shadow:0 8px 22px rgba(41,63,68,.10);transform:translateY(-2px)}
.am-card__meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px;color:#6b7c7d;margin-bottom:10px}
.am-card__cat{background:#e8f5f3;color:#293f44;padding:2px 10px;border-radius:20px;font-size:13px}
.am-card__title{margin:0 0 10px;font-size:21px;line-height:1.3;font-weight:600}
.am-card__title a{color:var(--am-dunkel,#293f44);text-decoration:none}
.am-card__title a:hover{text-decoration:underline}
.am-card__excerpt{margin:0 0 16px;color:#44525a;font-size:16px;line-height:1.55;flex:1}
.am-card__more{align-self:flex-start;font-weight:600;color:var(--am-dunkel,#293f44);text-decoration:none;border-bottom:2px solid #ace2da}
.am-card__more:hover{border-color:#293f44}
.am-pager{margin:40px 0 0}
.am-pager ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0;padding:0}
.am-pager a,.am-pager span{display:block;min-width:40px;padding:8px 12px;text-align:center;border:1px solid #dfe9e8;color:#293f44;text-decoration:none;box-sizing:border-box}
.am-pager a:hover{background:#e8f5f3}
.am-pager .current{background:#293f44;color:#fff;border-color:#293f44}
.am-pager .dots{border:0}

/* ===== Blog: Einzelbeitrag ===== */
.am-post{width:min(100%,820px);margin:28px auto 0;box-sizing:border-box}
@media(max-width:860px){.am-post{padding:0 14px}}
.am-post__back{display:inline-block;margin-bottom:18px;color:#293f44;text-decoration:none;font-weight:600;border-bottom:2px solid #ace2da}
.am-post__title{margin:6px 0 24px;font-size:clamp(26px,4vw,38px);line-height:1.2;font-weight:600;color:#293f44}
.am-post__head{border-bottom:1px solid #dfe9e8;margin-bottom:26px}
.am-post__content{font-size:18px;line-height:1.7;color:#2c394c}
.am-post__content h2,.am-post__content h3{margin:1.6em 0 .5em;line-height:1.3;color:#293f44}
.am-post__content img,.am-post__content iframe,.am-post__content video{max-width:100%;height:auto}
.am-post__content iframe{border:0}
.am-post__content blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.2em;border-left:4px solid #ace2da;color:#44525a}
.am-post__content a{color:#1f6f6a}
.am-post__nav{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:20px;border-top:1px solid #dfe9e8;font-size:16px}
.am-post__nav a{color:#293f44;text-decoration:none;font-weight:600}
.am-post__nav a:hover{text-decoration:underline}
.am-post__next{text-align:right;margin-left:auto}

/* Korrekturen: Hello begrenzt .site-main auf 800px; Kit-Stile für Überschriften/Links überschreiben */
body.blog .site-main,body.single-post .site-main{max-width:none;width:100%;padding:0;margin:0}
.am-blog .am-card h2.am-card__title{font-size:21px;line-height:1.3;font-weight:600;margin:0 0 10px;color:#293f44}
.am-blog .am-card h2.am-card__title a,.am-blog .am-card a.am-card__more,.am-post a.am-post__back,.am-post .am-post__nav a{text-decoration:none}
.am-blog .am-card h2.am-card__title a:hover,.am-post .am-post__nav a:hover{text-decoration:underline}
.am-post h1.am-post__title{font-weight:600;color:#293f44;margin:6px 0 24px}
.am-post .am-post__content{font-weight:400}
html body.blog main#content.site-main,html body.single-post main#content.site-main{max-width:none;width:100%;margin:0;padding:0}
.am-footer a,.am-footer a:visited{text-decoration:none}
.am-footer a:hover{text-decoration:underline}

/* Startseite: "Mumm tippt" */
.elementor-element-dab7da6{display:none!important}
.am-latest{margin:8px auto 56px}
.am-latest__all{text-align:center;margin:28px 0 0}
.am-latest__all a{font-weight:600;color:#293f44;text-decoration:none;border-bottom:2px solid #ace2da}
.am-latest__all a:hover{border-color:#293f44}
.elementor-element-ec2d76e{display:none!important} /* "Mehr"-Button unter "Mumm tippt" entfernt */
.am-latest .am-latest__all a{text-decoration:none!important}

/* Hochgestufte H1 (SEO) behält die Optik der bisherigen H2 */
.elementor h1.am-h1-promoted{font-size:1.6rem;line-height:1.17}

/* Beitrag: verwandte Beiträge + Angebote */
.am-related,.am-services{margin:40px 0 0;padding-top:22px;border-top:1px solid #dfe9e8}
.am-related h2,.am-services h2{font-size:20px;margin:0 0 10px;color:#293f44}
.am-related ul,.am-services ul{margin:0;padding:0;list-style:none}
.am-related li{margin:6px 0}
.am-services ul{display:flex;flex-wrap:wrap;gap:10px}
.am-related a{color:#293f44;text-decoration:none;border-bottom:1px solid #ace2da}
.am-related a:hover{border-color:#293f44}
.am-services a{display:inline-block;padding:8px 16px;border:1px solid #ace2da;color:#293f44;text-decoration:none;font-weight:600}
.am-services a:hover{background:#e8f5f3}