/*
Theme Name: Surfschule Norderney
Theme URI: https://www.surfschule-norderney.de/
Author: Migration für Surfschule Norderney
Description: Responsives WordPress-Theme nach dem bisherigen Joomla/YOOtheme-Auftritt.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: surfschule-norderney
*/

:root{--green:#799f2a;--green-dark:#5f7f20;--orange:#f39a1d;--charcoal:#40413f;--paper:#f5f4ef;--ink:#333;--max:1010px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:#739d97 url('assets/site/images/body_bg.jpg') center top/cover fixed no-repeat;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}
a{color:var(--green-dark);text-decoration:none} a:hover{text-decoration:underline}
img,video,iframe{max-width:100%;height:auto}
.site-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:68px 0 36px}
.site-header{border-top:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75);padding:25px 30px;margin-bottom:72px}
.site-nav{background:var(--green);display:flex;align-items:stretch;position:relative;z-index:20}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}
.site-nav li{position:relative;margin:0}
.site-nav a{display:block;color:#fff;text-transform:uppercase;font-size:16px;padding:9px 24px;border-right:1px solid rgba(255,255,255,.45);text-decoration:none;white-space:nowrap}
.site-nav a:hover,.site-nav .current-menu-item>a,.site-nav .current-menu-ancestor>a{background:rgba(255,255,255,.12)}
.site-nav .sub-menu{position:absolute;left:0;top:100%;min-width:235px;background:#fff;display:none;box-shadow:0 12px 30px rgba(0,0,0,.25);flex-direction:column}
.site-nav .sub-menu a{color:#3d3d3d;border:0;border-bottom:1px solid #e5e5e5;padding:10px 15px;text-transform:none}
.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:flex}
.menu-toggle{display:none;width:100%;border:0;background:var(--green);color:white;padding:12px;font-weight:bold;text-transform:uppercase;cursor:pointer}
.search-link{margin-left:auto;color:#fff;background:#6fb398;padding:9px 18px;display:flex;align-items:center}
main{display:block}
.source-block{margin:0 0 40px}
.source-block>.uk-container,.source-block>.uk-grid,.source-block>section{width:100%}
.uk-panel,.wk-panel{position:relative}
.uk-panel-box{padding:26px;background:rgba(245,244,239,.96)}
.uk-panel-box-secondary{background:rgba(74,74,74,.4);color:#fff;padding:28px}
.uk-panel-box-primary{background:rgba(119,158,44,.96);color:#fff;padding:28px}
.uk-panel-box-secondary a,.uk-panel-box-primary a{color:#fff;text-decoration:underline}
.uk-panel-box-secondary h1,.uk-panel-box-secondary h2,.uk-panel-box-secondary h3,.uk-panel-box-secondary h4{color:#fff}
.source-block h1,.source-block h2,.source-block h3,.source-block h4{line-height:1.3;text-transform:uppercase;letter-spacing:.02em}
.source-block h1,.source-block h2{color:var(--orange)}
.source-block p:empty{display:none}
.wk-slideshow-items{margin:0;padding:0;list-style:none;min-height:0!important}
.wk-slideshow-items li{display:none}.wk-slideshow-items li:first-child,.wk-slideshow-items .wk-active{display:block}
.wk-slideshow-items img{display:block;width:100%!important;height:auto!important;object-fit:cover}
.home .home-content .wk-slideshow{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
.home .home-content .wk-slideshow-items li>p{width:100%;margin:0}
.wk-grid,.uk-grid{display:flex;flex-wrap:wrap;gap:14px}
.wk-grid>*{flex:1 1 180px}.uk-width-1-1{width:100%}
.wk-inline-clip{overflow:hidden}.wk-inline-clip img{display:block;width:100%;transition:transform .25s}.wk-inline-clip:hover img{transform:scale(1.03)}
.wk-position-cover{position:absolute;inset:0}.wk-overlay{pointer-events:none}
table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.95);color:#333;overflow:auto;display:block}
th,td{border:1px solid #bbb;padding:8px;vertical-align:top}
.page-content{background:rgba(247,246,241,.96);padding:34px;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.page-content .source-block{margin-bottom:30px}.page-content .source-block:last-child{margin-bottom:0}
.ssn-form{background:rgba(247,246,241,.98);padding:28px;margin:30px 0;color:#333}
.ssn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ssn-form .full{grid-column:1/-1}
.ssn-form label{display:block;font-weight:bold;margin-bottom:4px}.ssn-form input,.ssn-form textarea,.ssn-form select{width:100%;padding:11px;border:1px solid #aaa;background:#fff;font:inherit}.ssn-form textarea{min-height:150px}
.ssn-form button{border:0;background:var(--green);color:#fff;padding:12px 22px;font-weight:bold;cursor:pointer}.ssn-form button:hover{background:var(--green-dark)}
.ssn-message{padding:12px;margin:0 0 18px;background:#e9f4da;border-left:5px solid var(--green)}.ssn-error{background:#fae2df;border-left-color:#b63d2e}
.site-footer{background:rgba(48,49,47,.96);color:#ddd;padding:30px;margin-top:50px;display:flex;gap:25px;justify-content:space-between;align-items:center}
.site-footer a{color:#fff}.footer-logo{width:105px;height:auto}
@media(max-width:800px){.site-shell{width:min(100% - 20px,var(--max));padding-top:20px}.site-header{margin-bottom:28px;padding:14px}.menu-toggle{display:block}.site-nav{display:block}.site-nav ul{display:none;flex-direction:column}.site-nav.is-open ul{display:flex}.site-nav .sub-menu{position:static;box-shadow:none;display:none}.site-nav li.is-open>.sub-menu,.site-nav li:focus-within>.sub-menu{display:flex}.site-nav a{border-bottom:1px solid rgba(255,255,255,.35)}.search-link{display:none}.page-content{padding:18px}.ssn-form-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;text-align:center}}