.city-list-inline {
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.city-list-inline li {
    display: inline;
    margin: 0;
}
/* Dropdown Menü für Navigation */
.main-nav details {
    display: inline-block;
    position: relative;
}
.main-nav summary {
    cursor: pointer;
    font-weight: 600;
    padding: .4rem 1.1rem;
    border-radius: 6px;
    background: var(--grad);
    color: #fff;
    outline: none;
    border: none;
    user-select: none;
}
.main-nav[open] summary, .main-nav summary:focus {
    outline: 2px solid var(--accent);
}
.main-nav ul {
    list-style: none;
    margin: 0;
    padding: .5rem 0 .5rem 0;
}
.main-nav details[open] ul {
    display: block;
    position: absolute;
    left: 0;
    top: 2.2rem;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(60,60,90,0.07);
    min-width: 220px;
    z-index: 1000;
}
.main-nav ul li {
    margin: 0;
}
.main-nav ul li a {
    display: block;
    padding: .6rem 1.2rem;
    color: var(--primary);
    text-decoration: none;
    border-radius: 0;
}
.main-nav ul li a:hover {
    background: var(--light);
    color: var(--accent);
}

/* Städte-Links unter CTA-Box */
.city-links {
    margin-top: 2rem;
    background: #fff;
    color: var(--primary);
    border-radius: 8px;
    padding: 1.2rem 1.2rem 1rem 1.2rem;
    box-shadow: 0 2px 12px rgba(60,60,90,0.06);
    text-align: left;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
.city-links h3 {
    margin-top: 0;
    font-size: 1.05rem;
    color: var(--accent);
    margin-bottom: .7rem;
}
.city-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.city-links li {
    margin-bottom: .3rem;
}
.city-links a {
    color: var(--primary);
    text-decoration: underline;
}
.city-links a:hover {
    color: var(--accent);
}
*,*::before,*::after{box-sizing:border-box}
    :root{--primary:#374151;--accent:#3b82f6;--dark:#1f2937;--light:#f9fafb;--border:#e5e7eb;--grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
    body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;color:var(--dark);margin:0;background:#fff}
    .site-header{background:#fff;border-bottom:1px solid var(--border);padding:.875rem 0;position:sticky;top:0;z-index:100}
    .site-header .inner{max-width:900px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
    .logo{font-size:1.2rem;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:-.01em}
    .logo span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .header-cta{background:var(--grad);color:#fff;text-decoration:none;padding:.45rem 1.1rem;border-radius:6px;font-size:.88rem;font-weight:600;white-space:nowrap;transition:opacity .2s}
    .header-cta:hover{opacity:.88}
    main{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}
    .hero-bar{background:var(--grad);color:#fff;padding:2.75rem 1.25rem;text-align:center}
    .hero-bar .inner{max-width:900px;margin:0 auto}
    .hero-bar h1{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:700;margin:0 0 .75rem;line-height:1.25}
    .hero-bar p{font-size:1.05rem;opacity:.92;margin:0 0 1.5rem}
    .hero-bar a.btn{display:inline-block;background:#fff;color:#764ba2;font-weight:700;padding:.6rem 1.4rem;border-radius:7px;text-decoration:none;font-size:.95rem;transition:opacity .2s}
    .hero-bar a.btn:hover{opacity:.88}
    h2{font-size:1.2rem;font-weight:700;color:var(--primary);margin:2rem 0 .75rem;padding-bottom:.35rem;border-bottom:2px solid var(--border)}
    h2:first-of-type{margin-top:0}
    ul,ol{padding-left:1.3rem;margin:.5rem 0 1.25rem}
    li{margin-bottom:.4rem}
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}
    .link-main{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--accent);margin:.25rem 0}
    hr{border:none;border-top:1px solid var(--border);margin:2rem 0}
    .blog-links{background:var(--light);border-radius:8px;padding:1.25rem 1.5rem}
    .blog-links h2{border-bottom-color:#d1d5db}
    .cta-box{background:var(--grad);color:#fff;border-radius:10px;padding:2rem 1.5rem;text-align:center;margin:2.5rem 0}
    .cta-box p{margin:0 0 1.25rem;font-size:1.05rem;opacity:.95}
    .cta-box a{display:inline-block;background:#fff;color:#764ba2;font-weight:700;padding:.6rem 1.5rem;border-radius:7px;text-decoration:none;transition:opacity .2s}
    .cta-box a:hover{opacity:.88}
    .site-footer{background:var(--light);border-top:1px solid var(--border);padding:1.25rem;text-align:center;font-size:.85rem;color:#6b7280}
    .site-footer a{color:#6b7280}
    @media(max-width:600px){.hero-bar{padding:2rem 1rem}.hero-bar h1{font-size:1.4rem}main{padding:1.75rem 1rem 3rem}}