/* ===== Schriften (lokal, kein Google-Fonts-Aufruf) ===== */
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-400-normal.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}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-ext-400-normal.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}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/eb-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/eb-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Alata";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/alata-latin-400-normal.woff2) format("woff2"),url(../fonts/alata-latin-ext-400-normal.woff2) format("woff2")}

/* ===== Basis ===== */
html{background:var(--sk-bg);color:var(--sk-text);font-family:"EB Garamond",Georgia,serif;font-size:18px;line-height:1.75}
body{background:var(--sk-bg);color:var(--sk-text)}
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6{font-family:"Alata",sans-serif;color:var(--sk-text);font-weight:600}
h6,.uk-h6{font-weight:500}
a,.uk-link{color:var(--sk-primary)}
a:hover,.uk-link:hover{color:var(--sk-primary);text-decoration:underline}
::selection{background:var(--sk-primary);color:var(--sk-bg)}
p,ul,ol,dl,pre,address,fieldset,figure{margin:0 0 20px}

/* ===== Header (liegt über dem Verlauf) ===== */
.sk-header{position:absolute;top:0;left:0;right:0;z-index:20;height:113px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 35px 0 14px;box-sizing:border-box}
.sk-logo{display:block;margin-top:18px;line-height:0}
.sk-logo img{width:68px;height:auto}
.sk-logo-text{font-family:"Alata",sans-serif;font-size:20px;line-height:1.4;color:var(--sk-primary);display:inline-block;margin-top:24px}
.sk-logo:hover{text-decoration:none}
.sk-burger{margin-top:32px;width:64px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;color:#09164f}
.sk-burger span{display:block;height:3px;background:currentColor;border-radius:0}
.sk-burger:hover{opacity:.75}

/* ===== Offcanvas ===== */
.uk-offcanvas-bar.sk-offcanvas{background:var(--sk-bg);color:var(--sk-text);padding:20px 30px}
@media (min-width:960px){.uk-offcanvas-bar.sk-offcanvas{padding:30px 30px}}
.uk-offcanvas-overlay::before{background:rgba(33,43,56,.4)}
.sk-offcanvas .uk-offcanvas-close{color:var(--sk-primary);top:20px;right:20px}
.sk-oc-logo{text-align:center;margin:20px 0 40px}
.sk-oc-logo img{width:70px;height:auto}
.uk-offcanvas-bar.sk-offcanvas{--uk-inverse:dark}
.sk-offcanvas .sk-oc-nav > li > a{font-family:"Alata",sans-serif;font-size:15px;color:var(--sk-primary)!important;padding:6px 0}
.sk-offcanvas .sk-oc-nav > li > a:hover{opacity:.7;text-decoration:none}
.sk-offcanvas .uk-offcanvas-close,.sk-offcanvas .uk-close{color:var(--sk-primary)!important}

/* ===== Verlauf + Hintergrundbild ===== */
.tm-page{min-height:100vh;display:flex;flex-direction:column}
.sk-verlauf{flex:1 0 auto;display:flex;flex-direction:column;background-color:var(--sk-bg);background-image:linear-gradient(to top,var(--sk-dark) 0,var(--sk-mid) 50%,var(--sk-bg) 100%)}
.sk-bgimg{flex:1 0 auto;background-repeat:no-repeat;padding-top:113px;padding-bottom:40px;min-height:60vh}

/* ===== Filter + Galerie ===== */
.sk-galerie{padding:0 18px;text-align:center}
.sk-filter{list-style:none;margin:0 0 30px;padding:24px 0 0;display:flex;flex-wrap:wrap;gap:6px 0;justify-content:flex-start}
.sk-filter > li{padding-left:0;margin-right:28px}
.sk-filter > li > a{font-family:"Alata",sans-serif;font-size:15px;line-height:1.5;color:var(--sk-primary);text-decoration:none;transition:opacity .1s}
.sk-filter > li > a:hover{opacity:.6;text-decoration:none}
.sk-filter > li.uk-active > a{color:var(--sk-primary)}
.sk-grid{text-align:left}
.sk-grid.uk-grid-small{margin-left:-15px}
.sk-grid.uk-grid-small > *{padding-left:15px}
.sk-grid.uk-grid-small > .uk-grid-margin{margin-top:15px}
.sk-item{display:block;position:relative;line-height:0;overflow:hidden}
.sk-item img{width:100%;height:auto;display:block}
.sk-hover{background:rgba(247,241,235,.3)}
.sk-noimg{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:rgba(255,255,255,.4);font-family:"Alata",sans-serif;font-size:15px;line-height:1.4;padding:20px;text-align:center}
@media (max-width:639px){.sk-filter > li{margin-right:18px}.sk-galerie{padding:0 15px}.sk-header{padding:0 15px 0 10px}.sk-logo img{width:52px}.sk-burger{width:48px;height:20px;margin-top:26px}.sk-bgimg{padding-top:96px}}

/* ===== Projekt (Seite + Modal) ===== */
.sk-project{padding-top:10px;padding-bottom:60px}
.sk-project-title{font-family:"Alata",sans-serif;font-size:22px;font-weight:600;line-height:1.4;margin:0 0 20px;color:var(--sk-text)}
.sk-project-body p{margin:0 0 20px}
.sk-project-body p:last-child{margin-bottom:0}
.sk-slider{position:relative}
.sk-slide{text-align:center}
.sk-slide-img{display:flex;align-items:center;justify-content:center;height:min(700px,calc(100vh - 200px));min-height:280px}
.sk-slide-img img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.sk-caption{font-family:"EB Garamond",serif;font-size:13px;font-weight:500;line-height:1.4;margin:20px 0 0;color:var(--sk-text)}
.sk-slidenav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--sk-primary);z-index:2}
.sk-slidenav:hover{color:var(--sk-primary);opacity:.6}
.sk-prev{left:0}
.sk-next{right:0}
.sk-slider .uk-slider-container{margin:0 52px}
.sk-dots > * > *{border-color:var(--sk-primary)}
.sk-dots > .uk-active > *{background:var(--sk-primary)}
@media (max-width:959px){
  .sk-slider .uk-slider-container{margin:0 34px}
  .sk-slide-img{height:min(70vh,560px)}
  .sk-project-text{order:-1}
}

/* ===== Modal (Lightbox-Ersatz) ===== */
.sk-modal{background:rgba(247,241,235,.85);padding:40px 15px}
.sk-modal-dialog{background:var(--sk-bg);width:1110px;max-width:calc(100% - 0px);padding:40px 36px 40px;box-shadow:0 10px 40px rgba(33,43,56,.12)}
.sk-modal-close{color:var(--sk-primary);top:14px;right:14px}
.sk-modal .sk-project{padding:0}
.sk-modal-body{min-height:300px}
.sk-modal-body.is-loading{background:radial-gradient(circle,var(--sk-mid) 3px,transparent 4px) center/14px 14px no-repeat}
@media (max-width:639px){.sk-modal{padding:0}.sk-modal-dialog{padding:50px 15px 30px;min-height:100vh}}

/* ===== Seiten ===== */
.sk-page{padding-top:30px;padding-bottom:80px}
.sk-page.uk-container{max-width:900px}
.sk-page-title{font-family:"Alata",sans-serif;font-size:32px;line-height:1.3;margin:0 0 30px}
.sk-page-body h2,.sk-page-body h3{margin-top:40px}
.sk-page-body img{height:auto}

/* ===== Footer (wie YOOtheme: Container 1200 px, 5 Spalten, Logo links) ===== */
.sk-footer{background:var(--sk-dark);color:var(--sk-bg);padding:0 0 70px}
.sk-footer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;gap:20px 40px;max-width:1200px;margin:0 auto;padding:22px 40px 0;box-sizing:content-box}
.sk-footer-logo{line-height:0;justify-self:start}
.sk-footer-logo img{width:45px;height:auto}
.sk-footer-link{font-family:"Alata",sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:var(--sk-bg);text-decoration:none;text-align:center}
.sk-footer-link:hover{color:var(--sk-bg);opacity:.7;text-decoration:none}
.sk-copyright{max-width:1200px;margin:40px auto 0;padding:0 40px;text-align:center;font-size:14px;line-height:1.4;color:rgba(255,255,255,.5)}
@media (max-width:959px){.sk-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 30px 0}.sk-footer-logo{grid-column:1/-1;justify-self:center}}
@media (max-width:639px){.sk-footer-grid{grid-template-columns:1fr 1fr;padding:22px 15px 0}}

/* ===== Übernommene YOOtheme-Seiten (Atelier, Kontakt …) ===== */
.sk-layoutpage .sk-bgimg{padding-top:113px;padding-bottom:0}
@media (max-width:639px){.sk-layoutpage .sk-bgimg{padding-top:96px}}
.sk-page-html{padding:0}
.sk-page-html .uk-section-default,.sk-page-html .uk-section-muted{background:transparent}
.sk-page-html .uk-section-large{padding-top:140px;padding-bottom:140px}
@media (max-width:959px){.sk-page-html .uk-section-large{padding-top:110px;padding-bottom:70px}}
.sk-page-html h1,.sk-page-html .uk-h1{font-family:"Alata",sans-serif;font-size:47.25px;font-weight:600;line-height:1.2;color:var(--sk-text)}
@media (max-width:959px){.sk-page-html h1,.sk-page-html .uk-h1{font-size:36px}}
.sk-page-html h2{font-weight:600}.sk-page-html h3,.sk-page-html h4{font-weight:600}
.sk-page-html .uk-light,.sk-page-html .uk-light a{color:inherit}
.tm-grid-expand > *{flex-grow:1}
.uk-overlay-primary{background:rgba(247,241,235,.3)}
.sk-page-html .el-item img,.sk-page-html .uk-panel img{max-width:100%;height:auto}
.uk-lightbox{background:rgba(33,43,56,.95)}