/* Zeitschmiede-Hufwerk Joomla 6 Template */
:root{
  --page:#f7f2e9;
  --paper:#fffdf8;
  --ink:#11151d;
  --muted:#675f55;
  --gold:#b48222;
  --gold-dark:#9b6e19;
  --line:#e6dac8;
}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:Arial, Helvetica, sans-serif;line-height:1.55}
a{color:inherit} img{max-width:100%;height:auto}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.12);position:sticky;top:0;z-index:50}
.header-inner{max-width:1280px;margin:0 auto;padding:22px 34px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.brand{text-decoration:none;display:block;min-width:280px}.brand-title{display:block;font-family:Georgia, 'Times New Roman', serif;font-size:31px;font-weight:700;letter-spacing:.02em;line-height:1.05}.brand-subtitle{display:block;margin-top:5px;color:var(--gold-dark);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.17em}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:34px;flex-wrap:wrap}.main-navigation a{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:2px solid transparent;padding:9px 0}.main-navigation a:hover,.main-navigation .current > a,.main-navigation .active > a{color:var(--gold-dark);border-bottom-color:var(--gold)}
.site-main{background:linear-gradient(90deg,#f5efe5 0,#fffdf8 14%,#fffdf8 86%,#f5efe5 100%)}
.com-content-article,.blog,.item-page,.contact,.com-contact{max-width:1280px;margin:0 auto;background:transparent}.com-content-article__body{margin:0}
.zh-hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:46px;padding:78px 34px 64px}.zh-kicker{font-size:16px;font-weight:800;color:var(--gold-dark);letter-spacing:.28em;text-transform:uppercase;margin:0 0 24px}.zh-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:.045em;margin:0 0 28px;text-transform:uppercase}.zh-script{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;text-transform:none;color:var(--gold-dark);letter-spacing:0;font-size:.55em;line-height:1.05}.zh-hero p{font-family:Georgia,'Times New Roman',serif;font-size:24px;max-width:690px;margin:0 0 30px}.zh-actions{display:flex;gap:16px;flex-wrap:wrap}.zh-btn{display:inline-block;padding:15px 30px;border:1px solid var(--ink);border-radius:6px;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.zh-btn.primary{background:linear-gradient(#c99a36,#a97917);border-color:#a97917;color:#fff}.zh-image{text-align:center}.zh-image img{max-height:520px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.18))}.zh-features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.72)}.zh-feature{padding:24px 24px;text-align:center;border-right:1px solid var(--line)}.zh-feature:last-child{border-right:0}.zh-feature strong{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:17px}.zh-feature span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.zh-section{max-width:1120px;margin:0 auto;padding:70px 34px}.zh-section h2{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.12em;font-size:34px;text-align:center}.zh-section p,.zh-section li{font-size:18px}.zh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.zh-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.site-footer{background:#1d1a16;color:#e8dccb;text-align:center;padding:34px 20px}.footer-inner{max-width:1200px;margin:0 auto}
@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column}.main-navigation ul{gap:18px}.zh-hero{grid-template-columns:1fr;padding-top:46px}.zh-features,.zh-cards{grid-template-columns:1fr 1fr}.zh-image{order:-1}.brand-title{font-size:26px}}
@media(max-width:560px){.header-inner{padding:18px 20px}.brand{min-width:0}.main-navigation ul{display:block}.main-navigation li{margin:10px 0}.zh-hero h1{font-size:45px}.zh-hero p{font-size:19px}.zh-features,.zh-cards{grid-template-columns:1fr}.zh-feature{border-right:0;border-bottom:1px solid var(--line)}}
.zhw-start{
    max-width:1200px;
    margin:35px auto;
    padding:0 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    flex-direction:row-reverse;
}

.zhw-start h1{
    font-size:34px;
    line-height:1.18;
    margin-bottom:20px;
}

.zhw-start-text{
    flex:1;
}

.zhw-start-bild{
    flex:1;
    text-align:right;
}

.zhw-start-bild img{
    max-width:100%;
    height:auto;
}

.zhw-kicker{
    color:#b08a3e;
    letter-spacing:2px;
    font-size:14px;
    font-weight:700;
    margin-bottom:14px;
}


.zhw-lead{
    font-size:20px;
    line-height:1.45;
    margin-bottom:20px;
}

@media(max-width:900px){
    .zhw-start{
        flex-direction:column;
    }

    .zhw-start-bild{
        text-align:center;
    }
    
}
header a,
header a:visited,
header a:hover,
.site-header a,
.site-header a:visited,
.site-header a:hover {
    text-decoration: none !important;
}
header a,
header a::before,
header a::after,
.site-header a,
.site-header a::before,
.site-header a::after,
.brand a,
.brand a::before,
.brand a::after {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
}
a.brand,
a.brand:link,
a.brand:visited,
a.brand:hover,
a.brand:active,
a.brand .brand-title,
a.brand .brand-subtitle {
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
a.brand {
    display: none !important;
}

.header-inner {
    justify-content: flex-end !important;
}
/* Startseite: Bild links, Text rechts */
.zhw-start {
    max-width: 1200px !important;
    margin: 60px auto !important;
    padding: 0 40px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 60px !important;
}

.zhw-start-text {
    flex: 1 !important;
}

.zhw-start-bild {
    flex: 1 !important;
    text-align: left !important;
}

.zhw-start-bild img {
    max-width: 100% !important;
    height: auto !important;
}

.zhw-start h1 {
    font-size: 46px !important;
    line-height: 1.15 !important;
    margin-bottom: 24px !important;
}

@media(max-width:900px) {
    .zhw-start {
        flex-direction: column !important;
    }

    .zhw-start h1 {
        font-size: 38px !important;
    }

    .zhw-start-bild {
        text-align: center !important;
    }
}