/*! 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,input[type="search"]{box-sizing:border-box;}
*,*: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;}


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

.wrap{max-width:var(--siteWidth);margin:0 auto;padding-left:16px;padding-right:16px;}
.wrap:after{content:"";display:table;clear:both;}
.site-inner{padding:36px 0;}
body {color:var(--colorBlack);font-family:var(--fontP);font-weight:400;margin:0;display: flex;flex-direction: column;min-height: 100vh;}
body > .site-container { flex-grow:1; }
html body.admin-bar {padding-top: 46px;}
.site-main {/* margin: var(--gap2x) 0; */}

/* General */
h1,h2,h3,h4,h5,h6{font-family:var(--FontS);font-weight:400;line-height:1.2;}
:where(h1,h2,h3,h4,h5,h6) { margin:1.5rem 0 0.5rem; }
:first-child { margin-top:0; }
:last-child { margin-bottom:0; }

h1,h2,h3{color:var(--colorP);}
h4,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.5rem;}
h3 {font-size: 1.3rem;} 
h4, h5, h6 {font-size: 1rem;font-weight: bold;margin-bottom: 0;}
p {/* max-width:50em; */margin: 0.5rem 0 1.5rem;}

/* Input */
button, input,select,textarea{background:#fff; line-height:24px;padding:14px 16px;width:100%;}
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{max-width:400px;position:relative;overflow:hidden;}
.search-form .search-field{border:1px solid grey;padding-right:44px;width:100%;outline: none;}
.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;}
.search-form .search-submit svg{fill:#000;width:20px;height:20px;}
.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;}
.alignwide {margin-left: calc(20% - 20vw)!important;margin-right:calc(20% - 20vw)!important;width:unset!important;max-width:unset!important;}


.wp-block-button__link, button[type="submit"] { border-radius:5px;}

.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 { margin-left:-18px; }
.site-header .title-area .site-title {padding: 13px 18px;}
.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: 3;display: none;}
.site-header .wrap .nav-menu.active { display:block; }

.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;width: 150px;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: 20px;}

.banner {position:relative;height: 30vh;min-height: 300px;background-size:cover;background-position:center center;order: 0;overflow: hidden;max-height: 480px;flex: 0 0 auto;}
.banner img { width:100%; }
.wp-block-cover, .wp-block-cover-image { min-height:300px; }
.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:16px;font-weight:400;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,
.site-header .togglebtn.active {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;}

:target:before { content: ""; display: block; height: 100px; margin: -100px 0 0; }

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

.wp-block-columns { gap:1.75em; }

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

.entry-author {display:grid;gap:var(--gap);justify-items: center;align-items: center;}
.entry-author .content {border:1px solid var(--colorGrey);border-radius:var(--gap);padding:var(--gap); margin-top:-100px; padding-top:85px;box-shadow: 5px 5px 10px #00000011;}
.entry-author picture {z-index:2;display: inline-block;}
.entry-author picture img {border-radius:50%;width: 240px;height: auto;/* max-width: 25vw; */}
.entry-author h4 { margin:0; font-size:1.3em;}
.entry-author .madeby {font-size:0.8rem;text-transform:uppercase;color: var(--colorP);}

.entry-author .links {display:flex;gap:var(--gap);margin-top: 0.5em;}
.entry-author .icon {width:1.4em;vertical-align: sub;margin-right: 5px;}

.site-footer{font-size:16px;padding: 32px 0 16px 0;background-color: var(--colorSd); color:var(--colorWhite); }
.site-footer a{color: inherit;opacity: 0.75;font-weight: bold;}
.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 {display:grid;  grid-template-columns: 1fr 1fr;   grid-template-rows: 1fr 1fr; }
.site-footer .sub-footer-menu {display:grid;  grid-template-columns: 1fr 1fr;   grid-template-rows: 1fr; }
.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 {padding-top: 32px;}
  h1, h2 {font-size: 1.7rem;}
  h3 {font-size: 1.6rem;} 
  h4, 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;}
  .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:not(.hamburger) .title-area { flex-grow:0; }
  .site-header .wrap .nav-menu {display:block;}
  .site-header.active .nav-menu.active .sub-menu .sub-menu {margin: -48px 0 0 -215px;}
  .site-header.sticky.active .wrap .togglebtn { display:none; }
  .site-header .wrap .togglebtn {display: none;}

  .entry-author { grid-template-columns: min-content 1fr; }
  .entry-author .content {padding:var(--gap);margin: 0;padding-left: var(--gap4x);margin-left: calc(var(--gap4x) * -1);}
}