/*
Theme Name: TTT Himmelblau
Description: Individuelles, mit WordPress-Blöcken bearbeitbares Theme für das Teutsche Theater Teutschenthal.
Version: 1.0.0
Author: Theaterverein Teutschenthal
Requires PHP: 8.0
Text Domain: ttt-himmelblau
*/
:root{--ttt-blue:#087a9c;--ttt-ink:#173b4c;--ttt-sky:#def8fc;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#eff7fa;color:var(--ttt-ink)}.wp-site-blocks{max-width:1280px;margin:auto;background:#fff;box-shadow:0 0 70px #173b4c0c;overflow:hidden}.wp-site-blocks>header,.wp-site-blocks>footer{margin:0}.wp-block-group,.wp-block-columns{box-sizing:border-box}.wp-block-image img{height:auto;max-width:100%}.wp-block-heading{overflow-wrap:normal}.wp-block-button__link{transition:background .15s,transform .15s;text-decoration:none!important}.wp-block-button__link:hover{background:#08627b!important;color:#fff!important;transform:translateY(-1px)}.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #70a7ba;color:#075c79;background:transparent}.wp-block-button.is-style-outline .wp-block-button__link:hover{background:#e2f7fc!important;color:#173b4c!important}.site-header{margin:0}.topnote{margin:0!important;padding:8px 5.5%;background:#407b93;color:#fff;text-transform:uppercase;letter-spacing:1.8px;font-size:11px}.brand{display:flex;align-items:center;gap:30px;padding:25px 5.5%;background:radial-gradient(ellipse at 65% 60%,#b8ffff 0%,#78e5f3 38%,#6ac5e6 73%,#8ac8df 100%)}.brand>.wp-block-group{flex:1}.brand h2{font-size:clamp(27px,3.7vw,44px);margin:0;letter-spacing:-.7px}.brand h2 a{text-decoration:none;color:#153a48}.brand p{font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:12px 0 0}.brand-logo{width:128px;margin:0;flex-shrink:0;mix-blend-mode:multiply}.brand-building{width:155px;margin:0;flex-shrink:0;mix-blend-mode:multiply}.navigation-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 5.5%;border-bottom:1px solid #d2e9ef;position:relative}.navigation-row .wp-block-navigation{font-size:13px}.navigation-row .wp-block-navigation__container{gap:22px}.navigation-row>.wp-block-buttons{margin:0;flex-shrink:0}.navigation-row .wp-block-button__link{font-size:13px;padding:10px 17px}.hero{margin:0!important;gap:0!important;background:radial-gradient(ellipse at 22% 25%,#f3ffff,#def8fc 48%,#c3eff8)}.hero>.wp-block-column{margin:0;display:flex;flex-direction:column;justify-content:center}.hero-copy{padding:55px 11%}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600;color:#087a9c;margin:0 0 12px}.hero h1{font-size:clamp(42px,5.2vw,66px);letter-spacing:-2px;margin:18px 0;line-height:1.04}.lead{font-size:18px;line-height:1.6;color:#41616e}.hero .lead{font-size:16px}.hero .wp-block-buttons{margin-top:25px}.hero-poster{margin:0;height:100%;min-height:420px;background:#5c9dad;display:flex;align-items:center;overflow:hidden}.hero-poster img{width:100%;height:auto;display:block}.home-section{padding:48px 5.5%;margin:0}.home-section>h2{margin:8px 0 26px;font-size:36px}.home-section>.wp-block-buttons{margin-top:25px}.home-section>.wp-block-columns{gap:45px;margin:24px 0 0}.home-section>.wp-block-columns>.wp-block-column{border-top:3px solid #6ccae5;padding-top:20px}.home-section h2{font-size:32px}.home-section .wp-block-column p{font-size:15px}.about-section{padding:45px 5.5%;background:linear-gradient(110deg,#e6f8fc,#cbf3f8);margin:0}.about-section>.wp-block-columns{align-items:center;gap:45px;margin:0}.about-section h2{font-size:38px;margin:12px 0 20px}.about-section .wp-block-column:first-child{flex-basis:33%!important}.about-logo{max-width:280px;mix-blend-mode:multiply}.about-columns{align-items:center}.about-columns .wp-block-image{mix-blend-mode:multiply;max-width:270px}.site-footer{padding:35px 5.5%;background:#407b93;color:#fff;margin:0}.site-footer>.wp-block-columns{margin:0;gap:35px;align-items:center}.site-footer h2{font-size:30px;margin:0 0 15px;color:#fff}.site-footer p{font-size:13px;margin:10px 0}.site-footer a{color:#fff}.social-icons{display:flex;gap:16px;justify-content:flex-end;align-items:center}.social-icons .wp-block-image{width:34px;margin:0}.social-icons a{display:flex;min-height:44px;min-width:44px;align-items:center}.social-icons img{width:34px;height:34px;object-fit:contain}.site-footer>.wp-block-columns>.wp-block-column:last-child{text-align:right}.page-body{padding:45px 5.5% 65px;min-height:400px}.page-body>.wp-block-post-title{font-size:clamp(34px,4vw,48px);margin:0 0 25px}.page-body .wp-block-post-content>p{max-width:850px}.page-body .wp-block-post-content>.wp-block-heading{margin-top:35px}.page-body .wp-block-post-content>.wp-block-image{max-width:850px;margin:30px auto}.page-body .wp-block-post-content>.wp-block-image img{max-height:650px;object-fit:contain}.event{display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid #c8dfe6;margin:0}.event:first-child{border-top:1px solid #c8dfe6}.event-date{text-align:center}.event-date h3{font-size:38px;line-height:1;margin:5px 0}.event-date .month{font-size:11px;letter-spacing:1.5px;margin:0}.event-date .time{font-size:12px;margin:0;white-space:nowrap}.event-info h3{font-size:26px;margin:5px 0 9px}.event-info p{margin:0;font-size:14px;color:#486775}.event-info .eyebrow{color:#087a9c;font-size:10px;letter-spacing:1.4px}.event .wp-block-buttons{margin:0}.event .wp-block-button__link{font-size:13px;padding:10px 15px}.event .small{font-size:12px;margin-top:10px}.event .price{font-weight:bold;margin-top:5px}.event-filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.event-filters button{font:inherit;border:1px solid #81b5c6;background:#fff;color:#145970;border-radius:3px;padding:8px 14px;cursor:pointer}.event-filters button[aria-pressed=true]{background:#087a9c;color:white}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.archive-grid>.wp-block-group{border-top:3px solid #79d6ef;padding-top:18px;margin:0}.archive-grid h3{font-size:23px;margin:0 0 10px}.archive-grid p{font-size:14px}.archive-note{background:#edf7fa;border-left:3px solid #68c8e2;padding:15px 20px;font-size:14px;color:#486775}.archive-year>h2{font-size:34px;margin:35px 0 15px}.archive-entry{display:grid;grid-template-columns:105px 1fr;gap:8px 20px;padding:18px 0;border-top:1px solid #c8dfe6;margin:0}.archive-entry .archive-date{font-size:13px;margin:0;color:#4d6b78}.archive-entry h3{font-size:21px;margin:0}.archive-entry>p:last-child{grid-column:2;font-size:13px;margin:0}.archive-search input{width:100%;max-width:600px;font:inherit;padding:12px 15px;border:1px solid #87b2c3;border-radius:3px}.archive-search label{display:block;margin-bottom:8px}.archive-search .search-count{font-size:13px;color:#486775}.ttt-form{max-width:760px;margin:30px 0}.ttt-form label{display:block;font-size:14px;margin:17px 0 6px}.ttt-form input:not([type=checkbox]),.ttt-form select,.ttt-form textarea{width:100%;padding:12px 14px;font:inherit;color:#173b4c;background:white;border:1px solid #83aebb;border-radius:3px}.ttt-form textarea{min-height:130px}.ttt-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ttt-form .privacy{display:flex;gap:12px;align-items:flex-start;margin:22px 0}.ttt-form .privacy input{margin-top:6px}.ttt-form button{font:inherit;background:#087a9c;color:white;border:0;border-radius:3px;padding:13px 23px;cursor:pointer}.ttt-form .honey{position:absolute;left:-10000px}.ttt-notice{padding:18px 22px;border-left:4px solid #087a9c;background:#e6f8fc;margin:20px 0}.ttt-notice.error{background:#fff2eb;border-color:#ad502d}.ttt-form .required-note{font-size:13px}.event[hidden],.archive-entry[hidden],.archive-year[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd6d2d;outline-offset:4px}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:15px;z-index:99999}
@media(max-width:1000px){.navigation-row{flex-wrap:wrap}.navigation-row .wp-block-navigation__container{gap:15px}.hero-copy{padding:38px 9%}.event{gap:18px}.brand-building{width:120px}.hero h1{font-size:49px}}
@media(max-width:700px){.brand{gap:15px;padding:20px 6%}.brand-logo{width:76px}.brand-building{width:75px}.brand h2{font-size:27px}.brand p{font-size:10px;letter-spacing:1px}.navigation-row{padding:14px 6%;flex-wrap:nowrap}.navigation-row .wp-block-navigation{flex:1}.navigation-row>.wp-block-buttons{margin-left:auto}.hero-copy{padding:35px 7%}.hero h1{font-size:47px}.hero-poster{min-height:0}.hero-poster img{height:auto;width:100%}.home-section,.page-body{padding:32px 6%}.home-section>h2{font-size:29px}.home-section>.wp-block-columns{gap:25px}.about-section{padding:32px 6%}.about-section h2{font-size:31px}.about-logo{max-width:180px}.about-section>.wp-block-columns{gap:22px}.event{grid-template-columns:52px 1fr;gap:12px 18px}.event>.wp-block-buttons{grid-column:2}.event-info h3{font-size:24px}.event-date h3{font-size:33px}.archive-grid{grid-template-columns:1fr 1fr}.site-footer>.wp-block-columns>.wp-block-column:last-child{text-align:left}.social-icons{justify-content:flex-start}.archive-entry{grid-template-columns:1fr;gap:8px}.archive-entry>p:last-child{grid-column:1}.ttt-form .form-row{grid-template-columns:1fr;gap:0}.site-footer{padding:30px 6%}}
@media(max-width:420px){.brand-building{display:none}.brand h2{font-size:25px}.archive-grid{grid-template-columns:1fr}.navigation-row .wp-block-button__link{padding:10px 13px}.hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.site-header>*{margin-block-start:0!important}.wp-site-blocks>.wp-block-post-content{margin-block-start:0!important}.topnote{line-height:1.5}.hero-poster{background:#62a2b3}
.archive-grid .wp-block-image{margin:0 0 16px}.archive-grid .wp-block-image img{width:100%;height:170px;object-fit:cover}.archive-grid>.wp-block-group{min-width:0}.archive-grid .wp-block-image a{display:block}