/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
a,a svg{-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
html{line-height:1.15;-webkit-text-size-adjust:100%;}
h1{font-size:2em;margin:0.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline: none;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
[hidden]{display:none;}
html {box-sizing:border-box;display: flex;flex-direction: column;min-height: 100vh;}
*,*:before,*:after{box-sizing:inherit;}
strong{font-weight:700;}
ol,ul{margin:0;padding:0;}
code,pre{font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:12px;}
code{padding:2px 4px;white-space:nowrap;}
pre{display:block;padding:9.5px;margin:0 0 10px;line-height:18px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;}
pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;}
cite{font-style:normal;}
.clearfix:after{content:"";display:table;clear:both;}
p { margin-top:0; margin-bottom:1em; }

/* --------
   ALGEMEEN
   -------- */

:root { font-size:16px; }
.wrap {max-width:var(--siteWidth);margin:0 auto;padding-left: var(--gap);padding-right: var(--gap);}
.wrap:after{/* content:""; */display:table;clear:both;}
.site-inner{padding:36px 0;}
.wp-block-post-title { max-width:var(--siteWidth); }
body{color:var(--colorBlack);font-family:var(--fontP);font-size:inherit;font-weight:400;line-height:1.55;margin:0;flex-grow: 1;}
html body.admin-bar {margin-top: 46px;}
.site-main {/* margin: var(--gap2x) 0; */}
.site-container { flex-grow:1; }

/* General */
h1,h2,h3,h4,h5,h6{font-family:var(--FontS);font-weight:400;line-height:1.2;margin:0 0 16px;}
h1,h2,h3,h4 {color:var(--colorP);}
h5,h6{color:var(--colorBlack)}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit; text-decoration:none; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--ColorPd);text-decoration:none;}
h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus{outline:none;}
h1, h2 {font-size: 1.6rem;}
h3, h4 {font-size: 1.2rem; font-weight: bold;} 
h5, h6 {font-size: 1rem;font-weight: bold;}
p { max-width:50em; }

/* Input */
input,select,textarea{background:#fff;line-height:24px;padding:14px 16px;width:100%;border: 1px solid var(--colorGrey);}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline: var(--colorP) auto 1px;}
select{line-height:54px;height:54px;}
textarea{width:100%;}
::-moz-placeholder{color:var(--colorGrey);opacity:1;}
::-ms-input-placeholder{color:var(--colorGrey);}
::-webkit-input-placeholder{color:var(--colorGrey);}
input:focus::-webkit-input-placeholder,input:focus::-moz-placeholder,input:focus:-ms-input-placeholder,textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-placeholder,textarea:focus:-ms-input-placeholder{color:transparent;}

/* Search */
.search-form { display:grid; grid-template-columns:1fr min-content; gap:var(--gap0x); }
.site-header .search-form {max-width:400px;position:relative;overflow:hidden; display:block; }
.site-header .search-form .search-field{border:1px solid grey;padding-right:44px;width:100%;outline: none;}
.site-header .search-form .search-submit{background: var(--colorP);border:none;height:44px;line-height: 44px;position:absolute;top:50%;margin-top:-22px;right:4px;color: var(--colorWhite);padding-top: 0; width:auto; }
.site-header .search-form .search-submit svg{fill:#000;width:20px;height:20px;}
.site-header .search-form .search-submit svg:hover{fill:#000;}

/* -------------------------
    CONTENT ALIGN & COLORS
  -------------------------- */

.alignfull {margin-left: calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:unset!important;max-width:unset!important;}
.wp-block-cover__inner-container { padding:0 var(--gap); max-width:var(--siteWidth); }

.wp-block-cover, .wp-block-cover-image { min-height:30vh; }

.wp-block-buttons {display:flex;gap: var(--gap0x);flex-wrap: wrap;}
.wp-block-button__link, [type="submit"] {border-radius:5px;background: var(--colorP);line-height: 1.5em;color: var(--colorWhite); border:none; }
.wp-block-button__link:hover, [type="submit"]:hover {border-radius:5px;background: var(--colorPd);}

.has-primary-color{color:var(--colorP);}
.has-secondary-color{color:var(--colorS);}
.has-primary-variation-color{color:var(--colorPd);}
.has-secondary-variation-color{color:var(--colorSd);}
.has-black-custom-color{color:var(--colorBlack);}
.has-white-custom-color{color:var(--colorWhite);}
.has-grey-custom-color{color:var(--colorGrey);}
.has-primary-background-color{background:var(--colorP);}
.has-secondary-background-color{background:var(--colorS);}
.has-primary-variation-background-color{background:var(--colorPd);}
.has-secondary-variation-background-color{background:var(--colorSd);}
.has-black-custom-background-color{background:var(--colorBlack);}
.has-white-custom-background-color{background:var(--colorWhite);}
.has-grey-custom-background-color{background:var(--colorGrey);}

/* --------
    HEADER
   -------- */

.site-header{background:#fff;border-bottom:1px solid #e0e0e0;position:relative;}

.site-header.sticky { position:fixed; width:100%;z-index: 10; }
.site-header.sticky.active::before { display:none; }
.site-header .title-area .site-title {padding: 14px 0;}
.site-header .wrap { position:relative;}

.site-header .wrap {display:flex;flex-direction: row;align-items: center;}
.site-header .wrap .togglebtn{ width:48px;height:48px;right:48px;}
.site-header .wrap .search.togglebtn {right:0;}
.site-header .wrap .header-search {top: 32px;/* padding: 0 31px; */position: absolute;z-index:10;background:transparent;overflow:hidden;bottom:unset;width:100%;margin:0 auto;max-width:var(--siteWidth);}
.site-header .wrap .header-search.active .search-form{z-index:10;margin: 0 0 0 auto;background: transparent;}
.site-header .wrap .header-search.active .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000045;z-index:9;}
.site-header .wrap .nav-menu {flex-grow: 1;display: none;}
.site-header .wrap .nav-menu.active { display:block; background:var(--colorWhite); position:absolute; top:100%; right:0; z-index:1; }
.site-header .wrap .nav-menu.active .search { display:none; }

.site-header.active::before{background:#fff;box-shadow:2px 0px 10px rgba(0, 0, 0, 0.3);content:'';width:111px;height:48px;position:fixed;top:0;right:0;z-index:10;border-radius:0 0 0 15px;}
.site-header.active .wrap .togglebtn {display:block;position:fixed;top:0;right:0;z-index:10;}
.site-header.active .wrap .menu.togglebtn {right:48px;}

.site-header.active .wrap .nav-menu.active,
.site-header.active .wrap .header-search.active {display:block;margin:0;position:fixed;top: 80px;right:0;z-index:10;width:auto;}
.site-header.active .wrap .nav-menu.active .nav-primary{-webkit-box-pack:start;justify-content:start;}
.site-header.active .wrap .nav-menu.active .nav-primary ul{width: var(--menuWidthOnScroll);}
.site-header.active .wrap .nav-menu.active li{float:unset;}
.site-header.active .wrap .nav-menu.active .menu-item.search{display:none;}

.site-header.hamburger .wrap .togglebtn { display:block; }
.site-header.hamburger .nav-menu .menu { flex-direction:column; }
.site-header.hamburger .wrap .nav-menu { display:none; }
.site-header.hamburger .wrap .nav-menu.active { display:block; }

.site-header.sticky .wrap .nav-menu.active,
.site-header.sticky .wrap .header-search.active{display: block;margin: 0;position: absolute;top: 100%;right: 0;z-index: 10;width: auto;}
.site-header.sticky .menu-item.search { display:none; }
.site-header.sticky.active .wrap .togglebtn {position: static; display:none; }
.site-header.sticky.active .wrap .header-search.active,
.site-header.sticky.active .wrap .nav-menu.active { position: absolute;top: 100%;}

.site-header.sticky.hamburger.active .wrap .togglebtn { display:block; }

.title-area {text-align:left;margin: 0;min-width: 200px;flex-grow: 1;}
.title-area h1.site-title,.title-area p.site-title{margin:0;font-size:24px;line-height:30px;padding:8px;}
.title-area h1.site-title a,.title-area p.site-title a{text-decoration:none;color:inherit;}
.title-area .site-title .icon{max-height:100px;}

.banner {position:relative;height: 30vh;background-size:cover;background-position:center center;order: 0;overflow: hidden;max-height: 480px;flex: 0 0 auto;}
.banner::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); }
.banner img { width:100%; }

.nav-menu > *{line-height:0;}
.nav-menu ul{clear:both;line-height:1;margin:0;width:100%;}
.nav-menu .menu-item{list-style:none;position:relative;}
.nav-menu .menu-item a{font-family: var(--fontS);color: inherit;letter-spacing:0;text-transform:inherit;display:block;font-size: inherit;font-weight: inherit;line-height:22px;padding:13px 18px;position:relative;text-decoration:none;}
.nav-menu .menu-item:hover > a{background:inherit;color: inherit;}
.nav-menu .menu-item.current-menu-item > a,.nav-menu .menu-item.current-menu-ancestor > a{color: inherit;}
.nav-menu .submenu-expand{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;outline:none;cursor:pointer;position:absolute;line-height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:4px;}
.nav-menu .submenu-expand svg{fill:#757575;}
.nav-menu .nav-primary .menu-item.search{line-height:0;}
.nav-menu .nav-primary .menu-item.search button{padding:12px;}

.site-header .togglebtn {background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;outline:none;cursor:pointer;line-height:0;text-align:center;}
.site-header .togglebtn .close{display:none;}
.site-header .togglebtn:hover {background:#00000033;}
.site-header .togglebtn.active .close{display:inline;}
.site-header .togglebtn.active .open {display:none;}

.header-search{background:#eee;overflow:hidden;padding:16px;width:100%;}
.header-search:not(.active) {  display: none;}

/* ---------
   CONTENT
  ---------*/

.wp-block-media-text,
.wp-block-columns,
.wp-block-group,
.wp-block-gallery {gap: var(--gap);padding: var(--gap0x) 0; }
.wp-block-group__inner-container > .wp-block-columns,
.wp-block-media-text .wp-block-media-text__content { padding:0; }

.wp-block-group.alignfull .wp-block-group__inner-container {max-width: var(--siteWidth);margin:0 auto;padding: 0 var(--gap);}

.entry-content ul, .entry-content ol { list-style-position:inside; }

.slick-track { display:flex; gap:var(--gap0x); }
.slick-track figure.wp-block-image { vertical-align:bottom; }
figure.wp-block-gallery.has-nested-images {display: flex;gap:var(--gap0x);flex-wrap: wrap;}
figure.wp-block-gallery.has-nested-images > figure { min-width:300px; }


.archive-wrapper { display:flex; flex-direction:column; gap:var(--gap); padding:var(--gap) 0; }
.archive-wrapper .post-summary {display:grid;grid-template-columns:1fr 2fr;gap:var(--gap0x);border:1px solid var(--colorGrey);max-width: 800px;}
.archive-wrapper .post-summary__image {width:100%;display:block;position:relative;margin: 2px;}
.archive-wrapper .post-summary__image img { position:absolute; width:100%; height:100%; object-fit:cover; }
.archive-wrapper .post-summary__content { padding:var(--gap0x); }
.archive-wrapper .post-summary__content h2 a { text-decoration:none; }

/* --------
    FOOTER
  ---------*/

.site-footer{font-size:16px;padding: 32px 0 16px 0;background-color: var(--colorSd); color:var(--colorWhite); }
.site-footer .wrap {display:flex;justify-content: space-between;flex-wrap: wrap;gap: var(--gap);}

.site-footer a{ color: inherit;text-decoration:none; }
.site-footer a:hover{opacity:1;}
.site-footer .madebywa{font-size: 10px;color: #000;text-align:right;opacity: 0.8;font-family: monospace;margin-top:25px}

.site-footer .footer-menu ul {display:flex;gap:var(--gap0x);flex-wrap: wrap;}
.site-footer .footer-menu ul li,
.site-footer .sub-footer-menu ul li {list-style-type:none}
.site-footer .sub-footer-menu .widget:last-child > *{text-align: end;display:flex;justify-content: flex-end;}

/*-------------
  MEDIA QUERIES
  ------------- */

@media (min-width:768px){
  body{overflow-x: hidden;}
  html body.admin-bar {margin-top: 32px;}
  h1, h2 {font-size: 2rem;}
  h3, h4 {font-size: 1.2rem;} 
  h5, h6 {font-size: 1rem; }

  .full-width-content .entry-content > *.alignwide,
  .content .entry-content > *.alignwide{margin: calc(2 * 20px) calc(25% - 25vw);  }

  .nav-menu .nav-secondary .menu-item.search {margin: 5px 0 0 8px;}
  .nav-menu .nav-secondary .menu-item.search .search-field {padding-top: 8px;padding-bottom: 8px;width: 268px;}
  .nav-menu { }
  .nav-menu .nav-primary,
  .nav-menu .nav-secondary {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;  }
  .nav-menu .nav-primary + .nav-secondary {margin-bottom: 16px;  }
  .nav-menu .menu {display: flex;width: auto;}
  .nav-menu .menu-item:hover > .sub-menu {left: auto;opacity: 1;  }
  .nav-menu .sub-menu {background: #eee;left: -9999px;opacity: 0;position: absolute;width: 215px;z-index: 10;  }
  .nav-menu .sub-menu .menu-item:hover > a {background:  #fefefe;  }
  .nav-menu .sub-menu .sub-menu {margin: -48px 0 0 215px;  }

  .site-header .wrap .nav-menu { display:block; }
  .site-header .wrap .nav-menu.active { position:static; }
  .site-header.active .nav-menu.active .sub-menu .sub-menu {margin: -48px 0 0 -215px;}
 
  .site-header .wrap .togglebtn {display: none;}
}