/* AM Design-System (Figma 42:199, Tokens: #203146 navy, #fff3d3 cream, #f5f9fd light) */
@font-face{font-family:'AMHead';src:url(https://architekturmacher.mklkreativ.ch/wp-content/uploads/am-fonts/oswald-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'AMHead';src:url(https://architekturmacher.mklkreativ.ch/wp-content/uploads/am-fonts/oswald-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'AMBody';src:url(https://architekturmacher.mklkreativ.ch/wp-content/uploads/am-fonts/inter-300.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'AMBody';src:url(https://architekturmacher.mklkreativ.ch/wp-content/uploads/am-fonts/inter-400.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--am-navy:#203146;--am-cream:#fff3d3;--am-light:#f5f9fd;--am-max:1436px}
html{scroll-behavior:smooth}
body{font-family:'demos-next','AMBody',system-ui,sans-serif;font-weight:300;color:var(--am-navy);font-size:18px}
#main-footer{display:none}
h1,h2,h3{font-family:'akhand','AMHead','Arial Narrow',sans-serif;font-weight:600;color:var(--am-navy)}
/* Header */
#main-header{box-shadow:none;-webkit-box-shadow:none}
#main-header .et-menu-nav>ul.nav>li>a{font-family:'akhand','AMHead',sans-serif;font-size:18px;font-weight:600;color:var(--am-navy);letter-spacing:.02em;opacity:1;text-transform:none}
#main-header .et-menu-nav>ul.nav>li>a:hover{opacity:.55}
#logo{max-height:28px;width:auto}
/* Hero */
.am-hero.et_pb_section{padding:34px 0 110px!important}
.am-hero .et_pb_row{width:100%!important;max-width:100%!important;padding:0!important;display:flex;align-items:flex-start}
.am-hero-img-col{padding:0!important;flex:0 0 49.4%!important;max-width:49.4%!important}
.am-hero-img-col img{display:block;width:100%;height:auto}
.am-hero-text-col{padding:150px 7% 0 9.5%!important;flex:1!important}
.am-h1{font-size:96px;line-height:1.06;margin:0 0 42px}
.am-hero-sub{font-size:25px;line-height:1.5;font-weight:300;margin:0 0 44px;max-width:563px}
.am-btn{display:inline-block;background:var(--am-cream);color:var(--am-navy);font-family:'akhand','AMHead',sans-serif;font-size:18px;font-weight:600;padding:8px 15px;text-decoration:none}
.am-btn:hover{color:var(--am-navy);filter:brightness(.96)}
/* Sektionen */
.am-section.et_pb_section{padding:105px 0}
.am-label{text-align:center;font-family:'akhand','AMHead',sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;margin:0 0 10px}
.am-h2{font-size:45px;text-align:center;line-height:1.22;max-width:720px;margin:0 auto 55px}
.am-row.et_pb_row{width:var(--am-max);max-width:92%}
/* Akkordeon */
.am-accordion .et_pb_accordion .et_pb_toggle{border:none;border-top:1px solid rgba(32,49,70,.3);padding:22px 0}
.am-accordion .et_pb_accordion .et_pb_toggle:last-child{border-bottom:1px solid rgba(32,49,70,.3)}
.am-accordion .et_pb_toggle_title{font-family:'akhand','AMHead',sans-serif;font-size:25px;font-weight:600;color:#000;position:relative;padding-right:50px}
.am-accordion .et_pb_toggle_title:before{content:'';position:absolute;right:0;top:0;width:25px;height:25px;background:var(--am-cream)}
.am-accordion .et_pb_toggle_title:after{display:none}
.am-accordion .et_pb_toggle_content{font-size:18px;line-height:1.6;padding:0 40px 10px 0}
.am-accordion .et_pb_accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{content:'';background:var(--am-navy)}
.am-accordion .et_pb_toggle{margin-top:0}
/* Leistungen rechte Spalte */
.am-listblock p{margin:0 0 18px}
.am-listblock ul{margin:0 0 26px;padding:0;list-style:none}
.am-listblock li{position:relative;padding-left:34px;margin-bottom:6px}
.am-listblock li:before{content:'';position:absolute;left:0;top:2px;width:25px;height:25px;background:var(--am-cream);z-index:-1}
/* Ueber mich */
.am-ueber.et_pb_section{position:relative;overflow:hidden}
.am-ueber.et_pb_section:before{content:'';position:absolute;top:0;bottom:0;left:25.4%;right:0;background:var(--am-cream);z-index:0}
.am-ueber .et_pb_row{position:relative;z-index:1;width:var(--am-max);max-width:92%;display:flex;align-items:center}
.am-ueber-img-col{padding:0!important;flex:0 0 42%!important;max-width:42%!important}
.am-ueber-text-col{padding:60px 0 60px 7%!important;flex:1!important}
.am-caption{font-size:18px;margin-top:14px;line-height:1.4}
.am-ueber .am-h2,.am-ueber .am-label{text-align:left;margin-left:0;margin-right:0}
.am-ueber .am-h2{max-width:none}
/* Kontakt */
.am-kontakt .et_pb_row{display:flex;align-items:flex-start}
.am-kontakt-label{font-family:'akhand','AMHead',sans-serif;font-size:18px;font-weight:600;margin:0 0 8px}
.am-kontakt-wert{font-size:25px;font-weight:300;margin:0 0 34px;line-height:1.35}
.am-kontakt-wert a{color:var(--am-navy);text-decoration:none}
.am-mapnote{font-size:12px;margin-top:6px;opacity:.65}
.am-form .et_pb_contact_field{margin-bottom:12px}
.am-form input[type=text],.am-form input[type=email],.am-form textarea{background:var(--am-light);border:none;padding:9px 17px;font-family:'demos-next','AMBody',sans-serif;font-size:18px;font-weight:300;color:var(--am-navy);width:100%}
.am-form .et_pb_contact_submit{background:var(--am-cream);color:var(--am-navy);font-family:'akhand','AMHead',sans-serif;font-size:18px;font-weight:600;padding:8px 15px;border:none;cursor:pointer}
.am-form .et_pb_contact_submit:hover{filter:brightness(.96)}
/* Footer */
.am-footer.et_pb_section{background:var(--am-navy);padding:52px 0!important}
.am-footer p,.am-footer a{color:#fff;font-size:18px;margin:0}
.am-footer .am-footer-links{text-align:right}
.am-footer .am-footer-links a{font-size:14px;text-decoration:none}
.am-footer .am-footer-links a:hover{text-decoration:underline}
/* Mobile */
@media(max-width:980px){
  .am-h1{font-size:52px}
  .am-hero .et_pb_row{flex-direction:column}
  .am-hero-img-col{flex:0 0 100%!important;max-width:100%!important}
  .am-hero-text-col{padding:50px 6% 0!important}
  .am-h2{font-size:32px;margin-bottom:40px}
  .am-section.et_pb_section{padding:70px 0}
  .am-ueber.et_pb_section:before{left:0}
  .am-ueber-img-col{flex:0 0 100%!important;max-width:100%!important}
  .am-ueber-text-col{padding:40px 0 0!important}
  #logo{max-height:22px}
}
/* Fix Runde 1 */
@media(min-width:981px){#main-header .et_search_outer,#main-header .et_search_form_container{display:none!important}}
#main-header .logo_container img#logo{max-height:28px}
@media(max-width:980px){#main-header .logo_container img#logo{max-height:22px}}

/* Mobile-Fix Runde 2: Spalten stapeln */
@media(max-width:980px){
  .am-kontakt .et_pb_row,.am-ueber .et_pb_row,.am-footer .et_pb_row{flex-direction:column}
  .am-kontakt .et_pb_column,.am-ueber .et_pb_column,.am-footer .et_pb_column{width:100%!important;max-width:100%!important;margin-bottom:34px}
  .am-footer .et_pb_column{margin-bottom:12px}
  .am-footer .am-footer-links{text-align:left}
  .am-ueber-text-col{padding:0!important}
  .am-form{max-width:520px}
}
/* Nav-Farbe enforce */
.et-menu li a, #main-header .et-menu-nav>ul.nav>li>a{color:var(--am-navy)!important}

/* echte CD-Fonts via Typekit fai3ddz (akhand 400/700, demos-next 400/700) */

/* Passform Runde 3: exakte Figma-Geometrie (42:199) */
#main-header{height:117px}
#main-header .container{width:100%!important;max-width:none!important;padding:18px 146px 0!important;height:117px;display:flex;align-items:center}
.am-hero-img-col img{height:826px;object-fit:cover;object-position:center}
.am-hero-text-col{padding:160px 146px 0 165px!important}
.am-h1{margin-bottom:56px}
#leistungen .et_pb_row{display:flex;justify-content:space-between}
#leistungen .et_pb_column:first-child{flex:0 0 707px!important;max-width:707px!important}
#leistungen .et_pb_column:last-child{flex:0 0 562px!important;max-width:562px!important}
.am-ueber-text-col{padding-left:131px!important}
#kontakt .et_pb_row{display:flex;justify-content:flex-start}
#kontakt .et_pb_column:nth-child(1){flex:0 0 306px!important;max-width:306px!important}
#kontakt .et_pb_column:nth-child(2){flex:0 0 417px!important;max-width:417px!important;margin-left:131px!important}
#kontakt .et_pb_column:nth-child(3){flex:0 0 417px!important;max-width:417px!important;margin-left:auto!important}
.am-footer.et_pb_section{padding-top:25px!important;padding-bottom:113px!important}
@media(max-width:1500px){
  #leistungen .et_pb_column:first-child{flex:0 0 49%!important;max-width:49%!important}
  #leistungen .et_pb_column:last-child{flex:0 0 39%!important;max-width:39%!important}
  .am-hero-text-col{padding-left:9.5%!important;padding-right:6%!important}
  #kontakt .et_pb_column:nth-child(1){flex:0 0 22%!important;max-width:22%!important}
  #kontakt .et_pb_column:nth-child(2){flex:0 0 30%!important;max-width:30%!important;margin-left:9%!important}
  #kontakt .et_pb_column:nth-child(3){flex:0 0 30%!important;max-width:30%!important}
}
@media(max-width:980px){
  #main-header,#main-header .container{height:80px;padding-top:0!important;padding-left:6%!important;padding-right:6%!important}
  .am-hero-img-col img{height:auto}
  #leistungen .et_pb_column:first-child,#leistungen .et_pb_column:last-child,
  #kontakt .et_pb_column:nth-child(1),#kontakt .et_pb_column:nth-child(2),#kontakt .et_pb_column:nth-child(3){flex:0 0 100%!important;max-width:100%!important;margin-left:0!important}
}

/* Passform Runde 4: Divi-Gutter nullen */
.am-hero .et_pb_column,#leistungen .et_pb_column,.am-ueber .et_pb_column,#kontakt .et_pb_column{margin-right:0!important;margin-left:0!important}
#kontakt .et_pb_column:nth-child(2){margin-left:131px!important}
#kontakt .et_pb_column:nth-child(3){margin-left:auto!important}
.am-ueber-text-col{padding-left:131px!important}
.am-h2{margin-bottom:48px}
.am-section .et_pb_text{margin-bottom:0}
.am-kontakt-wert{margin:0 0 47px}

/* Passform Runde 5: Row-Paddings + rechte Spalte ans rechte Ende */
#leistungen .et_pb_column:last-child{margin-left:auto!important}
#leistungen .et_pb_row,.am-ueber .et_pb_row,#kontakt .et_pb_row{padding-top:0!important}
.am-footer .et_pb_row{padding-top:0!important;padding-bottom:0!important}

/* Mobile-Fix Runde 6: Leistungen-Row stapeln */
@media(max-width:980px){
  #leistungen .et_pb_row{flex-direction:column!important}
}

/* Mobile-Fix Runde 7: Kontakt-Margins zurueck, Suche global aus */
#main-header .et_search_outer,#main-header .et_search_form_container{display:none!important}
@media(max-width:980px){
  #kontakt .et_pb_column:nth-child(2),#kontakt .et_pb_column:nth-child(3){margin-left:0!important}
}