/* hsag Landingpage „Hochsaison und Planung 2027“ – Styles */

/* Schriften lokal gehostet */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/open-sans-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:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/open-sans-latin-600-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:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/open-sans-latin-700-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:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/open-sans-latin-800-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}

/* Basis und Komponenten */
body{margin:0;background:#FFFFFF;font-family:'Segoe UI','Open Sans','Helvetica Neue',sans-serif}
*{box-sizing:border-box}
img{max-width:100%}
:where(a){color:#004175}:where(a):hover{color:#00375F}
input,select,textarea{font:inherit;color:#00375F}
/* Zweifarbiger Fokus-Indikator (WCAG 1.4.11) */
:focus-visible{outline:3px solid #00375F;outline-offset:3px;box-shadow:0 0 0 3px #FFFFFF}
main:focus{outline:none}
html{scroll-behavior:smooth}
/* ===== Kontaktformular – greift auch fuer Contact Form 7, WPForms, Gravity Forms im Container .hsag-lp-form ===== */
.hsag-lp-form{flex:1 1 520px;min-width:0;background:#FFFFFF;border-radius:14px;padding:40px}
.hsag-lp-form form{display:flex;flex-direction:column;gap:18px;margin:0}
.hsag-lp-form .row{display:flex;flex-wrap:wrap;gap:18px}
.hsag-lp-form .col{flex:1 1 220px;min-width:0}
.hsag-lp-form .col-s{flex:1 1 140px;min-width:0}
.hsag-lp-form .col-l{flex:3 1 260px;min-width:0}
.hsag-lp-form label{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:600;color:#00375F}
.hsag-lp-form input[type=text],.hsag-lp-form input[type=email],.hsag-lp-form input[type=tel],.hsag-lp-form select,.hsag-lp-form textarea{width:100%;min-height:48px;padding:0 12px;border:1px solid #A9BCCB;border-radius:8px;background:#FFFFFF;font:inherit;font-weight:400;color:#00375F}
.hsag-lp-form textarea{padding:12px;min-height:120px;resize:vertical}
.hsag-lp-form fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.hsag-lp-form label.check,.hsag-lp-form .wpcf7-list-item label{flex-direction:row;align-items:center;gap:10px;min-height:44px;font-weight:400;color:#4C5B60}
.hsag-lp-form input[type=checkbox]{flex:none;width:20px;height:20px;margin:0;accent-color:#004175}
.hsag-lp-form .hinweis,.hsag-lp-form .pflicht{margin:0;font-size:15px;color:#4C5B60}
.hsag-lp-form button,.hsag-lp-form input[type=submit]{align-self:flex-start;min-height:54px;padding:0 34px;border:0;border-radius:999px;background:#00375F;color:#FFFFFF;font:inherit;font-weight:700;cursor:pointer}
.hsag-lp-form button:hover,.hsag-lp-form input[type=submit]:hover{background:#004175}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* Contact Form 7 */
.hsag-lp-form .wpcf7-form-control-wrap{display:block}
.hsag-lp-form .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:8px 28px}
.hsag-lp-form .wpcf7-list-item{margin:0}
.hsag-lp-form .wpcf7-not-valid{border-color:#B3261E}
.hsag-lp-form .wpcf7-not-valid-tip{color:#B3261E;font-size:14px;font-weight:600;margin-top:4px}
.hsag-lp-form .wpcf7 form .wpcf7-response-output{margin:0;padding:12px 16px;border:2px solid #97BE0D;border-radius:8px;font-size:16px;color:#00375F}
.hsag-lp-form .wpcf7 form.invalid .wpcf7-response-output,.hsag-lp-form .wpcf7 form.failed .wpcf7-response-output{border-color:#B3261E}
@media (max-width: 640px){.hsag-lp-form{padding:24px}}
@media (max-width: 640px){
h1{font-size:40px !important}
h2{font-size:31px !important}
header > div{padding:20px 20px 12px 20px !important}
header nav a:not(:last-child){display:none}
header img{height:36px !important}
main a[href^="#"], section a[href^="#"]{padding:12px 24px !important;text-align:center}
.deco-tl{width:110px !important;height:110px !important;left:-70px !important;top:-70px !important}
section > div, section{padding-left:20px;padding-right:20px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* Sprunglink (WCAG 2.4.1) */
.skip-link{position:absolute;left:16px;top:-200px;z-index:1000;padding:12px 20px;border-radius:8px;background:#00375F;color:#FFFFFF;font-weight:700;text-decoration:none}
.skip-link:focus{top:16px;color:#FFFFFF}
/* Honeypot gegen Spam-Bots */
.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* Layout-Klassen */
.u1{position: relative; overflow: hidden; font-family: 'Segoe UI', 'Open Sans', 'Helvetica Neue', sans-serif; color: #4C5B60; font-size: 18px; line-height: 1.55; background: #FFFFFF}
.u2{position: absolute; left: -70px; top: -70px; width: 170px; height: 170px; border-radius: 50%; background: #97BE0D}
.u3{position: relative; background: #FFFFFF}
.u4{max-width: 1240px; margin: 0 auto; padding: 28px 24px 20px 120px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px}
.u5{display: inline-flex}
.u6{height: 46px; width: auto; display: block}
.u7{display: flex; flex-wrap: wrap; align-items: center; gap: 28px; font-size: 16px; font-weight: 600}
.u8{color: #00375F; text-decoration: none}
.u9{display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 999px; background: #00375F; color: #FFFFFF; text-decoration: none}
.u10{position: relative}
.u11{max-width: 1240px; margin: 0 auto; padding: 56px 24px 88px; display: flex; flex-wrap: wrap; gap: 56px; align-items: center}
.u12{flex: 1 1 540px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
.u13{font-size: 14px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #004175}
.u14{margin: 0; font-size: 60px; line-height: 1.06; font-weight: 800; color: #00375F}
.u15{margin: 0; font-size: 23px; line-height: 1.45; color: #4C5B60}
.u16{margin: 0; font-size: 19px}
.u17{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px}
.u18{display: inline-flex; align-items: center; min-height: 54px; padding: 0 30px; border-radius: 999px; background: #00375F; color: #FFFFFF; font-weight: 700; text-decoration: none}
.u19{display: inline-flex; align-items: center; min-height: 54px; padding: 0 30px; border-radius: 999px; border: 2px solid #00375F; color: #00375F; font-weight: 700; text-decoration: none}
.u20{flex: 1 1 440px; min-width: 0; display: flex; justify-content: center}
.u21{position: relative; width: 100%; max-width: 540px; aspect-ratio: 1 / 1}
.u22{position: absolute; left: 4%; top: 30%; width: 12%; height: 12%; border-radius: 50%; background: #97BE0D}
.u23{position: absolute; left: 22%; top: 8%; width: 38%; height: 38%; border-radius: 50%; background: #97BE0D}
.u24{position: absolute; left: 34%; top: 0; width: 60%; height: 60%; border-radius: 50%; background: rgba(0, 55, 95, 0.86); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 8%}
.u25{font-size: clamp(30px, 4.4vw, 64px); line-height: 1.05; font-weight: 800; color: #97BE0D}
.u26{font-size: clamp(12px, 1.15vw, 17px); line-height: 1.35; color: #FFFFFF; margin-top: 8px}
.u27{position: absolute; left: 0; top: 52%; width: 40%; height: 40%; border-radius: 50%; background: #B5DDF3; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 7%}
.u28{font-size: clamp(24px, 3vw, 46px); line-height: 1.05; font-weight: 800; color: #00375F}
.u29{font-size: clamp(11px, 1vw, 15px); line-height: 1.3; color: #00375F; margin-top: 6px}
.u30{position: absolute; left: 60%; top: 68%; width: 28%; height: 28%; border-radius: 50%; background: #004175; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 5%}
.u31{font-size: clamp(14px, 1.5vw, 22px); line-height: 1.05; font-weight: 800; color: #FFFFFF; white-space: nowrap}
.u32{font-size: clamp(10px, 0.85vw, 13px); line-height: 1.3; color: #FFFFFF; margin-top: 4px}
.u33{background: #F1F6F9}
.u34{max-width: 1240px; margin: 0 auto; padding: 30px 24px; display: flex; flex-wrap: wrap; gap: 24px 48px; justify-content: space-between}
.u35{display: flex; flex-direction: column}
.u36{font-size: 30px; font-weight: 800; color: #00375F}
.u37{font-size: 16px}
.u38{max-width: 1240px; margin: 0 auto; padding: 104px 24px 40px}
.u39{max-width: 840px; display: flex; flex-direction: column; gap: 16px}
.u40{margin: 0; font-size: 44px; line-height: 1.14; font-weight: 800; color: #00375F}
.u41{margin: 0; font-size: 20px; color: #4C5B60}
.u42{display: flex; flex-wrap: wrap; gap: 28px; margin-top: 52px}
.u43{flex: 1 1 340px; min-width: 0; background: #F1F6F9; border-radius: 14px; padding: 36px; display: flex; flex-direction: column; gap: 14px}
.u44{width: 64px; height: 64px; border-radius: 50%; background: #00375F; display: flex; align-items: center; justify-content: center}
.u45{font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #004175}
.u46{margin: 0; font-size: 27px; line-height: 1.2; font-weight: 800; color: #00375F}
.u47{margin: 0}
.u48{color: #00375F}
.u49{margin-top: auto; background: #FFFFFF; border-radius: 10px; padding: 16px 20px; font-size: 17px; color: #00375F}
.u50{display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #004175}
.u51{margin-top: 28px; background: #00375F; border-radius: 14px; padding: 40px 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px 56px}
.u52{flex: 0 1 300px; display: flex; flex-direction: column}
.u53{font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #97BE0D}
.u54{font-size: 62px; line-height: 1.05; font-weight: 800; color: #FFFFFF}
.u55{font-size: 17px; color: #D9E4EE}
.u56{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.u57{margin: 0; font-size: 28px; line-height: 1.25; font-weight: 800; color: #FFFFFF}
.u58{margin: 0; font-size: 19px; color: #D9E4EE}
.u59{max-width: 1240px; margin: 0 auto; padding: 88px 24px 40px}
.u60{flex: 1 1 520px; min-width: 0; background: #F1F6F9; border-radius: 14px; padding: 36px; display: flex; flex-direction: column; gap: 14px}
.u61{margin-top: 28px; background: #00375F; border-radius: 14px; padding: 28px 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; color: #D9E4EE}
.u62{flex: none; width: 52px; height: 52px; border-radius: 50%; background: #97BE0D; display: flex; align-items: center; justify-content: center}
.u63{flex: 1 1 520px; min-width: 0; margin: 0; font-size: 18px}
.u64{color: #FFFFFF}
.u65{color: #97BE0D}
.u66{display: inline-flex; align-items: center; min-height: 50px; padding: 0 26px; border-radius: 999px; background: #97BE0D; color: #00375F; font-weight: 700; text-decoration: none}
.u67{max-width: 1240px; margin: 0 auto; padding: 72px 24px 100px}
.u68{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 44px}
.u69{flex: 6 1 520px; min-height: 40px; border-radius: 999px; background: #97BE0D; display: flex; align-items: center; justify-content: center; padding: 0 20px; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #00375F}
.u70{flex: 2 1 220px; min-height: 40px; border-radius: 999px; background: #F1F6F9; display: flex; align-items: center; justify-content: center; padding: 0 20px; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #00375F}
.u71{list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 28px 12px}
.u72{flex: 1 1 130px; min-width: 130px; display: flex; flex-direction: column; gap: 10px}
.u73{display: flex; align-items: center; gap: 8px}
.u74{flex: none; width: 48px; height: 48px; border-radius: 50%; background: #00375F; color: #FFFFFF; font-weight: 800; display: flex; align-items: center; justify-content: center}
.u75{flex: 1; height: 2px; background: #A9BCCB}
.u76{font-size: 19px; font-weight: 800; color: #00375F}
.u77{font-size: 15px}
.u78{flex: none; width: 48px; height: 48px; border-radius: 50%; background: #004175; color: #FFFFFF; font-weight: 800; display: flex; align-items: center; justify-content: center}
.u79{max-width: 1240px; margin: 0 auto; padding: 104px 24px}
.u80{display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px; margin-top: 48px}
.u81{flex: 1 1 420px; min-width: 0; background: #FFFFFF; border-radius: 14px; padding: 36px; display: flex; flex-direction: column; gap: 14px}
.u82{font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #4C5B60}
.u83{margin: 0; font-size: 26px; font-weight: 800; color: #00375F}
.u84{margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px}
.u85{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 0 4px}
.u86{flex: 1 1 420px; min-width: 0; background: #00375F; border-radius: 14px; padding: 36px; display: flex; flex-direction: column; gap: 14px; color: #D9E4EE}
.u87{margin: 0; font-size: 26px; font-weight: 800; color: #FFFFFF}
.u88{color: #97BE0D; font-weight: 700}
.u89{margin-top: 72px; display: flex; flex-direction: column; gap: 12px}
.u90{margin: 0; font-size: 40px; line-height: 1.15; font-weight: 800; color: #00375F}
.u91{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 36px}
.u92{flex: 1 1 520px; min-width: 0; background: #FFFFFF; border-radius: 14px; padding: 32px; display: flex; flex-direction: column; gap: 18px}
.u93{margin: 0; font-size: 22px; font-weight: 800; color: #00375F}
.u94{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px}
.u95{display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border-radius: 999px; background: #F1F6F9; color: #00375F; font-size: 16px; font-weight: 600}
.u96{width: 30px; height: 30px; border-radius: 50%; background: #00375F; color: #FFFFFF; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center}
.u97{display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border-radius: 999px; background: #00375F; color: #FFFFFF; font-size: 16px; font-weight: 700}
.u98{width: 30px; height: 30px; border-radius: 50%; background: #97BE0D; color: #00375F; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center}
.u99{margin-top: 20px; background: #00375F; border-radius: 14px; padding: 28px 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; color: #D9E4EE}
.u100{max-width: 1240px; margin: 0 auto; padding: 96px 24px 40px}
.u101{margin-top: 20px; background: #00375F; border-radius: 14px; padding: 48px 52px; display: flex; flex-direction: column; gap: 22px}
.u102{font-size: 88px; line-height: 0.6; font-weight: 800; color: #97BE0D; height: 44px}
.u103{margin: 0; font-size: 26px; line-height: 1.45; font-weight: 600; color: #FFFFFF}
.u104{display: flex; flex-direction: column; font-size: 17px}
.u105{color: #A9C0D3}
.u106{max-width: 1240px; margin: 0 auto; padding: 72px 24px 104px}
.u107{display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; margin-top: 48px}
.u108{flex: 1 1 220px; min-width: 0; background: #F1F6F9; border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 10px}
.u109{width: 56px; height: 56px; border-radius: 50%; background: #00375F; display: flex; align-items: center; justify-content: center}
.u110{font-size: 22px; font-weight: 800; color: #00375F}
.u111{font-size: 17px}
.u112{flex: 1 1 220px; min-width: 0; background: #00375F; border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 10px}
.u113{width: 56px; height: 56px; border-radius: 50%; background: #97BE0D; display: flex; align-items: center; justify-content: center}
.u114{font-size: 22px; font-weight: 800; color: #FFFFFF}
.u115{background: #00375F; color: #D9E4EE}
.u116{display: flex; flex-wrap: wrap; gap: 32px 56px; align-items: flex-end; justify-content: space-between}
.u117{flex: 1 1 620px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.u118{font-size: 14px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #97BE0D}
.u119{margin: 0; font-size: 44px; line-height: 1.14; font-weight: 800; color: #FFFFFF}
.u120{margin: 0; font-size: 20px}
.u121{height: 56px; width: auto; display: block}
.u122{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 52px}
.u123{flex: 1 1 260px; min-width: 0; background: #0B4B7A; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column}
.u124{width: 100%; aspect-ratio: 475 / 447; object-fit: cover; display: block}
.u125{padding: 24px; display: flex; flex-direction: column; gap: 12px; flex: 1}
.u126{height: 40px; width: 135px; max-width: 100%; object-fit: contain; align-self: flex-start}
.u127{margin: 0; font-size: 16px}
.u128{margin: auto 0 0; font-size: 16px}
.u129{font-size: 26px; color: #97BE0D}
.u130{height: 40px; width: 128px; max-width: 100%; object-fit: contain; align-self: flex-start}
.u131{height: 40px; width: 174px; max-width: 100%; object-fit: contain; align-self: flex-start}
.u132{height: 40px; width: 143px; max-width: 100%; object-fit: contain; align-self: flex-start}
.u133{margin-top: 28px; display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; justify-content: space-between}
.u134{flex: 1 1 560px; min-width: 0; margin: 0; font-size: 17px}
.u135{font-size: 14px; color: #A9C0D3}
.u136{display: flex; flex-wrap: wrap; gap: 14px}
.u137{display: inline-flex; align-items: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: #97BE0D; color: #00375F; font-weight: 700; text-decoration: none}
.u138{display: inline-flex; align-items: center; min-height: 52px; padding: 0 28px; border-radius: 999px; border: 2px solid #FFFFFF; color: #FFFFFF; font-weight: 700; text-decoration: none}
.u139{max-width: 1240px; margin: 0 auto; padding: 104px 24px; display: flex; flex-wrap: wrap; gap: 56px}
.u140{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.u141{display: flex; gap: 20px; align-items: center; background: #FFFFFF; border-radius: 14px; padding: 26px; margin-top: 8px}
.u142{flex: none; width: 72px; height: 72px; border-radius: 50%; background: #004175; color: #FFFFFF; font-size: 22px; font-weight: 800; display: flex; align-items: center; justify-content: center}
.u143{display: flex; flex-direction: column; gap: 2px; font-size: 17px}
.u144{font-size: 21px; color: #00375F}
.u145{font-weight: 700; color: #004175}
.u146{font-size: 21px; font-weight: 800; color: #00375F; text-decoration: none}
.u147{color: #4C5B60}
.u148{max-width: 1240px; margin: 0 auto; padding: 56px 24px 64px}
.u149{margin: 0 0 16px; font-size: 20px; font-weight: 800; color: #00375F}
.u150{list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 1.6; display: flex; flex-direction: column; gap: 4px}
.u151{position: relative; overflow: hidden; background: #00375F; color: #D9E4EE}
.u152{position: absolute; right: -90px; bottom: -90px; width: 220px; height: 220px; border-radius: 50%; background: #97BE0D}
.u153{position: relative; max-width: 1240px; margin: 0 auto; padding: 64px 24px 32px; display: flex; flex-wrap: wrap; gap: 40px 64px}
.u154{flex: 2 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.u155{height: 46px; width: auto; align-self: flex-start}
.u156{font-size: 26px; font-weight: 800; letter-spacing: 0.04em; color: #FFFFFF}
.u157{margin: 0; font-size: 17px}
.u158{flex: 1 1 160px; display: flex; flex-direction: column; gap: 10px; font-size: 17px}
.u159{color: #D9E4EE}
.u160{flex: 1 1 220px; display: flex; flex-direction: column; gap: 10px; font-size: 17px}
.u161{position: relative; max-width: 1240px; margin: 0 auto; padding: 20px 24px 28px; border-top: 1px solid #1C5280; display: flex; flex-wrap: wrap; gap: 12px 28px; font-size: 14px; color: #A9C0D3}

/* Mobile Anpassungen */
@media (max-width: 640px){.hsag-lp-form{padding:24px}}
@media (max-width: 640px){
h1{font-size:40px !important}
h2{font-size:31px !important}
header > div{padding:20px 20px 12px 20px !important}
header nav a:not(:last-child){display:none}
header img{height:36px !important}
main a[href^="#"], section a[href^="#"]{padding:12px 24px !important;text-align:center}
.deco-tl{width:110px !important;height:110px !important;left:-70px !important;top:-70px !important}
section > div, section{padding-left:20px;padding-right:20px}
}