:root{–accent:#FF6B35;–accent-hover:#E55A2B;–accent-light:#FF8C42;–accent-soft:rgba(255,107,53,0.08);–accent-glow:rgba(255,107,53,0.25);–bg-dark:#1a1a1a;–bg-dark-2:#0a0a0a;–bg-1:#ffffff;–bg-2:#faf8f5;–bg-3:#f3efe9;–text-primary:#1a1714;–text-secondary:#4d4640;–text-muted:#918980;–text-on-dark:#ffffff;–text-on-dark-muted:rgba(255,255,255,0.7);–border:rgba(0,0,0,0.07);–border-light:rgba(255,255,255,0.08);–shadow-hover:0 16px 56px rgba(0,0,0,0.12);–font-display:’Space Grotesk‘,sans-serif;–font-body:’Inter‘,system-ui,sans-serif;–ease-out-expo:cubic-bezier(0.16,1,0.3,1);–radius-md:12px;–radius-lg:16px;–radius-xl:24px} .la-page *{box-sizing:border-box;margin:0;padding:0} .la-page{font-family:var(–font-body);color:var(–text-primary);line-height:1.6} .la-hero{position:relative;min-height:90vh;display:flex;align-items:center;background:var(–bg-dark);overflow:hidden} .la-hero-bg{position:absolute;inset:0;z-index:1} .la-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.5} .la-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,0.9) 0%,rgba(26,26,26,0.7) 100%);z-index:2} .la-hero-content{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:140px 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .la-hero-text{max-width:560px} .la-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,53,0.15);border:1px solid rgba(255,107,53,0.3);padding:8px 16px;border-radius:50px;font-size:12px;font-weight:600;color:var(–accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px} .la-hero-badge svg{width:14px;height:14px} .la-hero-title{font-family:var(–font-display);font-size:clamp(36px,5vw,56px);font-weight:700;color:var(–text-on-dark);line-height:1.1;margin-bottom:20px} .la-hero-title span{color:var(–accent)} .la-hero-sub{font-size:18px;color:var(–text-on-dark-muted);line-height:1.7;margin-bottom:32px} .la-hero-stats{display:flex;gap:0;margin-bottom:36px} .la-hero-stat{padding:16px 28px 16px 0;border-right:1px solid var(–border-light)} .la-hero-stat:last-child{border-right:none;padding-right:0} .la-hero-stat:first-child{padding-left:0} .la-hero-stat-value{display:block;font-family:var(–font-display);font-size:36px;font-weight:700;color:var(–text-on-dark);line-height:1} .la-hero-stat-value small{font-size:20px;color:var(–accent)} .la-hero-stat-label{display:block;font-size:11px;color:var(–text-on-dark-muted);text-transform:uppercase;letter-spacing:1px;margin-top:6px} .la-hero-cta{display:flex;gap:16px;flex-wrap:wrap} .la-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:50px;font-family:var(–font-body);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.4s var(–ease-out-expo);border:none} .la-btn-primary{background:var(–accent);color:white;box-shadow:0 6px 24px rgba(255,107,53,0.35)} .la-btn-primary:hover{background:var(–accent-hover);transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,107,53,0.45)} .la-btn-secondary{background:rgba(255,255,255,0.08);color:var(–text-on-dark);border:1px solid var(–border-light);backdrop-filter:blur(10px)} .la-btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.2)} .la-btn svg{width:18px;height:18px} .la-hero-image{position:relative} .la-hero-image-card{position:relative;border-radius:var(–radius-xl);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.4)} .la-hero-image-card img{width:100%;height:450px;object-fit:cover} .la-hero-image-badge{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(10,10,10,0.85);backdrop-filter:blur(20px);border-radius:var(–radius-md);padding:16px 20px;display:flex;align-items:center;gap:16px} .la-hero-image-badge-icon{width:44px;height:44px;background:var(–accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0} .la-hero-image-badge-icon svg{width:22px;height:22px;color:white} .la-hero-image-badge-title{font-family:var(–font-display);font-size:15px;font-weight:600;color:white} .la-hero-image-badge-sub{font-size:13px;color:var(–text-on-dark-muted)} .la-inhalt{background:var(–bg-2);padding:100px 24px} .la-inhalt-inner{max-width:1200px;margin:0 auto} .la-section-header{text-align:center;margin-bottom:64px} .la-section-label{display:inline-block;font-size:12px;font-weight:600;color:var(–accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px} .la-section-title{font-family:var(–font-display);font-size:clamp(28px,4vw,40px);font-weight:700;color:var(–text-primary);line-height:1.2} .la-inhalt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px} .la-inhalt-card{background:var(–bg-1);border-radius:var(–radius-lg);padding:32px;border:1px solid var(–border);transition:all 0.4s var(–ease-out-expo)} .la-inhalt-card:hover{transform:translateY(-4px);box-shadow:var(–shadow-hover)} .la-inhalt-card-icon{width:56px;height:56px;background:var(–accent-soft);border-radius:var(–radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .la-inhalt-card-icon svg{width:28px;height:28px;color:var(–accent)} .la-inhalt-card-title{font-family:var(–font-display);font-size:18px;font-weight:600;color:var(–text-primary);margin-bottom:10px} .la-inhalt-card-text{font-size:15px;color:var(–text-secondary);line-height:1.6} .la-muster{background:var(–bg-1);padding:100px 24px} .la-muster-inner{max-width:1200px;margin:0 auto} .la-muster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px} .la-muster-card{background:var(–bg-2);border-radius:var(–radius-lg);padding:32px 24px;text-align:center;border:1px solid var(–border);transition:all 0.4s var(–ease-out-expo)} .la-muster-card:hover{transform:translateY(-4px);box-shadow:var(–shadow-hover)} .la-muster-card-icon{width:80px;height:80px;margin:0 auto 20px;background:var(–bg-1);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(–border)} .la-muster-card-icon svg{width:40px;height:40px;color:var(–accent)} .la-muster-card-title{font-family:var(–font-display);font-size:18px;font-weight:600;color:var(–text-primary);margin-bottom:8px} .la-muster-card-text{font-size:14px;color:var(–text-muted)} .la-fuerwen{background:var(–bg-dark);padding:100px 24px} .la-fuerwen-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center} .la-fuerwen-image{border-radius:var(–radius-xl);overflow:hidden} .la-fuerwen-image img{width:100%;height:500px;object-fit:cover} .la-fuerwen-content{color:var(–text-on-dark)} .la-fuerwen .la-section-label{color:var(–accent);margin-bottom:12px} .la-fuerwen .la-section-title{color:var(–text-on-dark);margin-bottom:32px;text-align:left} .la-fuerwen-list{list-style:none} .la-fuerwen-list li{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(–border-light)} .la-fuerwen-list li:last-child{border-bottom:none} .la-fuerwen-list-icon{width:28px;height:28px;background:var(–accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px} .la-fuerwen-list-icon svg{width:14px;height:14px;color:white} .la-fuerwen-list-text{font-size:16px;color:var(–text-on-dark-muted);line-height:1.5} .la-fuerwen-list-text strong{color:var(–text-on-dark);font-weight:600} .la-voraus{background:var(–bg-2);padding:100px 24px} .la-voraus-inner{max-width:900px;margin:0 auto} .la-voraus-box{background:linear-gradient(135deg,var(–bg-dark) 0%,#2a2a2a 100%);border-radius:var(–radius-xl);padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px} .la-voraus-col h3{font-family:var(–font-display);font-size:20px;font-weight:600;color:var(–text-on-dark);margin-bottom:20px;display:flex;align-items:center;gap:12px} .la-voraus-col h3 svg{width:24px;height:24px;color:var(–accent)} .la-voraus-col ul{list-style:none} .la-voraus-col ul li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;color:var(–text-on-dark-muted);border-bottom:1px solid var(–border-light)} .la-voraus-col ul li:last-child{border-bottom:none} .la-voraus-col ul li svg{width:18px;height:18px;color:var(–accent);flex-shrink:0} .la-details{background:var(–bg-1);padding:100px 24px} .la-details-inner{max-width:1000px;margin:0 auto} .la-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px} .la-details-card{background:var(–bg-2);border-radius:var(–radius-lg);padding:32px 24px;text-align:center;border:1px solid var(–border)} .la-details-card-icon{width:64px;height:64px;background:var(–accent-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px} .la-details-card-icon svg{width:28px;height:28px;color:var(–accent)} .la-details-card-value{font-family:var(–font-display);font-size:28px;font-weight:700;color:var(–text-primary);margin-bottom:4px} .la-details-card-label{font-size:14px;color:var(–text-muted)} .la-galerie{background:var(–bg-2);padding:100px 24px} .la-galerie-inner{max-width:1200px;margin:0 auto} .la-galerie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px} .la-galerie-item{border-radius:var(–radius-lg);overflow:hidden;aspect-ratio:4/3} .la-galerie-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(–ease-out-expo)} .la-galerie-item:hover img{transform:scale(1.05)} .la-cta{background:linear-gradient(135deg,var(–accent) 0%,var(–accent-hover) 100%);padding:80px 24px} .la-cta-inner{max-width:800px;margin:0 auto;text-align:center} .la-cta-title{font-family:var(–font-display);font-size:clamp(28px,4vw,40px);font-weight:700;color:white;margin-bottom:16px} .la-cta-sub{font-size:18px;color:rgba(255,255,255,0.85);margin-bottom:32px} .la-cta .la-btn-primary{background:white;color:var(–accent);box-shadow:0 8px 32px rgba(0,0,0,0.2)} .la-cta .la-btn-primary:hover{background:var(–bg-2);transform:translateY(-2px)} .la-faq{background:var(–bg-1);padding:100px 24px} .la-faq-inner{max-width:800px;margin:0 auto} .la-faq-list{margin-top:48px} .la-faq-item{background:var(–bg-2);border-radius:var(–radius-md);margin-bottom:16px;border:1px solid var(–border);overflow:hidden} .la-faq-question{width:100%;padding:24px;background:none;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;font-family:var(–font-display);font-size:17px;font-weight:600;color:var(–text-primary);transition:color 0.3s} .la-faq-question:hover{color:var(–accent)} .la-faq-question svg{width:20px;height:20px;color:var(–text-muted);transition:transform 0.3s} .la-faq-item.active .la-faq-question svg{transform:rotate(180deg)} .la-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease} .la-faq-item.active .la-faq-answer{max-height:300px} .la-faq-answer-inner{padding:0 24px 24px;font-size:15px;color:var(–text-secondary);line-height:1.7} .la-weitere{background:var(–bg-2);padding:100px 24px} .la-weitere-inner{max-width:1200px;margin:0 auto} .la-weitere-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px} .la-weitere-card{background:var(–bg-1);border-radius:var(–radius-lg);overflow:hidden;border:1px solid var(–border);transition:all 0.4s var(–ease-out-expo);text-decoration:none} .la-weitere-card:hover{transform:translateY(-6px);box-shadow:var(–shadow-hover)} .la-weitere-card-image{height:200px;overflow:hidden} .la-weitere-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(–ease-out-expo)} .la-weitere-card:hover .la-weitere-card-image img{transform:scale(1.05)} .la-weitere-card-content{padding:24px} .la-weitere-card-badge{display:inline-block;font-size:11px;font-weight:600;color:var(–accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px} .la-weitere-card-title{font-family:var(–font-display);font-size:20px;font-weight:600;color:var(–text-primary);margin-bottom:8px} .la-weitere-card-info{display:flex;gap:16px;font-size:14px;color:var(–text-muted)} .la-weitere-card-price{font-weight:600;color:var(–accent)} .la-footer{background:var(–bg-dark-2);padding:60px 24px 30px} .la-footer-inner{max-width:1200px;margin:0 auto} .la-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid var(–border-light)} .la-footer-logo img{height:40px;margin-bottom:16px} .la-footer-text{font-size:14px;color:var(–text-on-dark-muted);line-height:1.6;margin-bottom:20px} .la-footer-contact{font-size:14px;color:var(–text-on-dark-muted)} .la-footer-contact a{color:var(–accent);text-decoration:none} .la-footer-title{font-family:var(–font-display);font-size:14px;font-weight:600;color:var(–text-on-dark);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px} .la-footer-links{list-style:none} .la-footer-links li{margin-bottom:12px} .la-footer-links a{font-size:14px;color:var(–text-on-dark-muted);text-decoration:none;transition:color 0.3s} .la-footer-links a:hover{color:var(–accent)} .la-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;font-size:13px;color:var(–text-on-dark-muted)} .la-footer-legal{display:flex;gap:24px} .la-footer-legal a{color:var(–text-on-dark-muted);text-decoration:none} .la-footer-legal a:hover{color:var(–accent)} @media (max-width:1024px){.la-hero-content{grid-template-columns:1fr;gap:40px}.la-hero-image{display:none}.la-fuerwen-inner{grid-template-columns:1fr;gap:48px}.la-muster-grid{grid-template-columns:1fr 1fr}.la-voraus-box{grid-template-columns:1fr}.la-footer-grid{grid-template-columns:1fr 1fr;gap:32px}} @media (max-width:768px){.la-hero{min-height:auto}.la-hero-content{padding:120px 20px 60px}.la-hero-stats{flex-direction:column}.la-hero-stat{border-right:none;border-bottom:1px solid var(–border-light);padding:14px 0;display:flex;align-items:baseline;gap:12px}.la-hero-stat:last-child{border-bottom:none}.la-hero-cta{flex-direction:column}.la-hero-cta .la-btn{width:100%}.la-details-grid{grid-template-columns:1fr 1fr}.la-galerie-grid{grid-template-columns:1fr}.la-weitere-grid{grid-template-columns:1fr}.la-voraus-box{padding:32px 24px}.la-footer-grid{grid-template-columns:1fr;gap:32px}.la-footer-bottom{flex-direction:column;gap:16px;text-align:center}} (function(){‚use strict‘;document.querySelectorAll(‚.la-faq-item‘).forEach(function(item){item.querySelector(‚.la-faq-question‘).addEventListener(‚click‘,function(){var isActive=item.classList.contains(‚active‘);document.querySelectorAll(‚.la-faq-item‘).forEach(function(i){i.classList.remove(‚active‘);});if(!isActive)item.classList.add(‚active‘);});});})(); {„@context“:“https://schema.org“,“@type“:“Course“,“name“:“Latte Art Kurs Dresden“,“description“:“Latte Art Kurs in Dresden: Lerne Herz, Tulpe, Rosetta und Schwan. 4 Stunden Praxis mit Profi-Equipment. Perfekter Milchschaum garantiert.“,“provider“:{„@type“:“Organization“,“name“:“That’s Coffee GmbH“,“sameAs“:“https://barista-dresden.de“},“offers“:{„@type“:“Offer“,“price“:“190″,“priceCurrency“:“EUR“,“availability“:“https://schema.org/InStock“},“courseMode“:“onsite“,“educationalCredentialAwarded“:“Teilnahmezertifikat“,“timeRequired“:“PT4H“,“hasCourseInstance“:{„@type“:“CourseInstance“,“courseMode“:“onsite“,“location“:{„@type“:“Place“,“name“:“That’s Coffee“,“address“:{„@type“:“PostalAddress“,“streetAddress“:“Louisenstraße 64″,“addressLocality“:“Dresden“,“postalCode“:“01099″,“addressCountry“:“DE“}}}}