/*!
Theme Name: FoB Yellow
Theme URI: https://yellow.f-o-b.de/
Author: FRIENDS OF BYTES
Author URI: https://www.friends-of-bytes.com/
Description: A Responsive WordPress Theme with Gutenberg support by FRIENDS OF BYTES
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 7.3
License:
License URI: https://www.friends-of-bytes.com
Text Domain: fob-yellow
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Sen-Regular.woff2') format('woff2'),
        url('fonts/Sen-Regular.ttf') format('truetype'),
}

.n2-ss-slide-limiter, .n2-ss-slide {
  height: calc(100vh - 25rem) !important;
} 
.n2-ow .slider-text {
  width: fit-content;
}

html{
    line-height:var(--size__line-height-html);
    -webkit-text-size-adjust:100%;
    font-size:var(--size__font-html)
}
body{
    margin:0;
}
main{
    display:block
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    text-decoration:none;
}
a:hover{
    color:var(--color__primary)
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    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:.35em .75em .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-offset:-2px
}
[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
}
*,*::before,*::after{
    box-sizing:inherit
}
html{
    box-sizing:border-box
}
body,button,input,select,optgroup,textarea{
    color:var(--color__text-main);
    font-family:var(--font__main);
    font-size:1rem;
    line-height:var(--size__line-height-body)
}
h1,h2,h3,h4,h5,h6{
    clear:both;
    font-family:var(--font__h);
    margin:var(--size__inner-block-margin) 0
}
h1{
    font-size:var(--size__font-h1);
    color:var(--color__h1)
}
h2{
    font-size:var(--size__font-h2);
    color:var(--color__h2)
}
h3{
    font-size:var(--size__font-h3);
    color:var(--color__h3)
}
h4{
    font-size:var(--size__font-h4);
    color:var(--color__h4)
}
h5{
    font-size:var(--size__font-h5);
    color:var(--color__h5)
}
h6{
    font-size:var(--size__font-h6);
    color:var(--color__h6)
}
p{
    margin-bottom:var(--size__inner-block-margin)
}
dfn,cite,em,i{
    font-style:italic
}
blockquote{
    margin:0 var(--size__block-margin) var(--size__block-margin) var(--size__block-margin);
    font-style:italic
}
blockquote .wp-block-quote__citation,blockquote cite{
    font-weight:bold;
    font-size:.8em;
    font-style:normal
}
blockquote p:last-of-type{
    margin-bottom:0
}
address{
    margin:0 0 1.5em
}
pre{
    background:var(--color__background-pre);
    font-family:var(--font__pre);
    line-height:var(--font__line-height-pre);
    margin-bottom:var(--size__block-margin);
    max-width:100%;
    overflow:auto;
    padding:var(--size__inner-block-margin)
}
code,kbd,tt,var{
    font-family:var(--font__code)
}
abbr,acronym{
    border-bottom:1px dotted var(--color__border-abbr);
    cursor:help
}
mark,ins{
    background:var(--color__background-ins);
    text-decoration:none
}
big{
    font-size:125%
}
html,body{
    height:100%
}
body{
    background:var(--color__background-body);
    font-size:var(--size__font-body);
    min-width:var(--size__site-min-width)
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.has-blue-color{
    color:var(--color__blue)
}
.has-blue-background-color{
    background-color:var(--color__blue)
}
.has-green-color{
    color:var(--color__green)
}
.has-green-background-color{
    background-color:var(--color__green)
}
.has-orange-color{
    color:var(--color__orange)
}
.has-orange-background-color{
    background-color:var(--color__orange)
}
.has-red-color{
    color:var(--color__red)
}
.has-red-background-color{
    background-color:var(--color__red)
}
.has-white-color{
    color:var(--color__white)
}
.has-white-background-color{
    background-color:var(--color__white)
}
.has-black-color{
    color:var(--color__black)
}
.has-black-background-color{
    background-color:var(--color__black)
}
.has-grey-color{
    color:var(--color__grey)
}
.has-grey-background-color{
    background-color:var(--color__grey)
}
.fob-yellow-message{
    border:1px dashed transparent;
    padding:1em
}
.fob-yellow-message.error-message{
    border-color:red
}
.fob-yellow-message.error-message i.fa{
    color:red
}
.fob-yellow-message.warning-message{
    border-color:orange
}
.fob-yellow-message.warning-message i.fa{
    color:orange
}
.logo-wrapper{
    max-width:var(--size__content-width-max);
    display:grid;
    grid-template-columns:auto auto;
    grid-template-rows:auto;
    grid-template-areas:"logo headerinfo";
    font-size:var(--size__font-h2);
    padding:1.5rem;
    margin:0;
    z-index:999;
}
.logo-wrapper .header-info{
    grid-area:headerinfo;
    justify-self:end;
    align-self:end;
    padding:var(--size__inner-block-margin);
    padding-bottom:0;
    margin-bottom:calc(var(--size__block-margin) * (-1))
}
.logo-wrapper a.custom-logo-link{
    align-self:end;
    justify-self:start;
    grid-area:logo;
    display:inline-block;
    line-height:0
}
.logo-wrapper img,.logo-wrapper svg{
    max-width:250px
}
/*Logo*/
a.homelink:hover{
    color:var(--color__primary)
}
.homelink{
    font-size:1.7rem;
}
/*--*/
hr{
    background-color:var(--color__background-hr);
    border:0;
    height:1px;
    margin-bottom:1.5em
}
ul,ol{
    margin:0 0 var(--size__block-margin) calc(var(--size__block-margin) * 2)
}
ul{
    list-style:disc
}
ol{
    list-style:decimal
}
li>ul,li>ol{
    margin-bottom:0;
    margin-left:var(--size__block-margin)
}
dt{
    font-weight:700
}
dd{
    margin:0 var(--size__block-margin) var(--size__block-margin)
}
embed,iframe,object{
    max-width:100%
}
img{
    height:auto;
    max-width:100%
}
figure{
    margin:var(--size__block-margin) 0
}
.xdebug-error.xe-warning{
    z-index:999;
    position:absolute;
    top:0;
    left:0
}
svg{
    max-width:100%;
    height:auto
}
table{
    margin:0 0 1.5em;
    width:100%;
    border-collapse:collapse
}
table th,table td{
    padding:20px 30px;
    border:1px solid var(--color__border-input)
}
.wp-block,[class^=wp-block-]{
    max-width:var(--size__content-width-max)
}
.wp-block[data-align=wide]{
    max-width:var(--size__content-width-alignwide)
}
.wp-block[data-align=full]{
    max-width:100%
}
.wp-block-cover{
    margin-bottom:0;
    margin-top:0
}
.wp-block-cover .wp-block-cover__inner-container>*{
    margin:var(--size__block-margin)
}
.wp-block-group .wp-block-group__inner-container{
    margin-bottom:0;
    margin-top:0
}
.wp-block-group .wp-block-group__inner-container>*{
    margin:var(--size__block-margin)
}
.wp-block-columns{
    margin-bottom:var(--size__block-margin);
    width:100%;
}
.wp-block-image,.wp-block-group,.wp-block-media-text,.wp-block-eedee-block-gutenslider{
    margin-bottom:var(--size__block-margin)
}
.wp-block-image>*>*:last-of-type,.wp-block-group>*>*:last-of-type,.wp-block-media-text>*>*:last-of-type,.wp-block-eedee-block-gutenslider>*>*:last-of-type{
    margin:0;
    padding:1rem;
}
a{
    color:var(--color__link)
}
a:visited{
    color:var(--color__link)
}
a:hover,a:focus,a:active{
    color:var(--color__link-hover);
    outline:0;
    text-decoration:none
}
button,.button,input[type=button],input[type=reset],input[type=submit]{
    cursor:pointer;
    border:1px solid;
    border-color:var(--color__border-button);
    border-radius:var(--size__block-border-radius);
    background:var(--color__background-button);
    color:var(--color__text-button);
    line-height:1rem;
    padding:calc(var(--size__inner-block-margin) / 2) var(--size__inner-block-margin)
}
button:hover,.button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{
    border-color:var(--color__border-button-hover);
    color:var(--color__text-button-hover);
    background-color:var(--color__background-button-hover)
}
button:active,button.aktiv,button:focus,.button:active,.button.aktiv,.button:focus,input[type=button]:active,input[type=button].aktiv,input[type=button]:focus,input[type=reset]:active,input[type=reset].aktiv,input[type=reset]:focus,input[type=submit]:active,input[type=submit].aktiv,input[type=submit]:focus{
    border-color:var(--color__border-button-focus);
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:none
}
button.search-submit{
    padding:0;
    height:2rem;
    width:2rem;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-bottom:.5em
}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{
    color:var(--color__text-input);
    border:1px solid var(--color__border-input);
    border-radius:var(--size__block-border-radius);
    padding:var(--size__inner-block-margin) var(--size__inner-block-margin);
    line-height:1rem;
    height:2rem;
    max-width:100%
}
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus{
    color:var(--color__text-input-focus);
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:none
}
select{
    border:1px solid var(--color__border-input)
}
textarea{
    height:auto
}
form p{
    margin-bottom:var(--size__inner-block-margin)
}
.search-form .search-field{
    max-width:calc(100% - 2.4rem);
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right-width:0
}
.widget-area form{
    font-size:10px
}
.widget-area form label{
    font-size:10px
}
.widget-area form input[type=submit],.widget-area form input[type=button]{
    font-size:12px;
    width:100%
}
.widget-area form input[type=text],.widget-area form input[type=email],.widget-area form input[type=url],.widget-area form input[type=password],.widget-area form input[type=search],.widget-area form input[type=number],.widget-area form input[type=tel],.widget-area form input[type=range],.widget-area form input[type=date],.widget-area form input[type=month],.widget-area form input[type=week],.widget-area form input[type=time],.widget-area form input[type=datetime],.widget-area form input[type=datetime-local],.widget-area form input[type=color],.widget-area form textarea{
    margin-bottom:.5em;
    font-size:.8rem
}
.site{
    min-width:var(--size__site-min-width);
    display:grid;
    height:0%;
    grid-template-rows:auto auto 1fr auto auto;
    grid-template-columns:auto;
    grid-template-areas:"header" "breadcrumb" "main" "footer" "copyright"
}
.site-header{
    grid-area:header;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    min-height: 4.25rem;
    background-color:var(--color__white);
    z-index:99;
    position:fixed;
    right:0;
    left:0;

}
.site-main{
    min-width:var(--size__site-min-width);
    grid-area:main;
    overflow:hidden;
    -webkit-hyphens:var(--font__hyphens);
    -moz-hyphens:var(--font__hyphens);
    -ms-hyphens:var(--font__hyphens);
    hyphens:var(--font__hyphens)
}
.widget-area.sidebar{
    padding-top:var(--size__inner-block-margin);
    grid-area:sidebar;
    min-width:var(--size__site-min-width);
    -webkit-hyphens:var(--font__hyphens);
    -moz-hyphens:var(--font__hyphens);
    -ms-hyphens:var(--font__hyphens);
    hyphens:var(--font__hyphens)
}
.widget-area.footer .wp-block-columns:last-of-type{
    margin-bottom:0
}
.site-info{
    font-size:.8em;
    padding:1em 0;
    grid-area:copyright
}
.site-footer{
    min-width:var(--size__site-min-width);
    grid-area:footer;
    padding-top:var(--size__inner-block-margin);
    background-color:var(--color__background-footer);
    color:var(--color__text-footer)
}
.site-footer a{
    color:var(--color__link-footer)
}
.site-footer a:visited{
    color:var(--color__link-footer)
}
.site-footer a:hover,.site-footer a:focus,.site-footer a:active{
    color:var(--color__link-footer-hover);
    outline:0;
    text-decoration:none
}
.sidebar-wrapper{
    grid-area:sidebarwrapper;
    justify-content:center;
    column-gap:var(--size__site-sidebar-col-gap);
    display:grid;
    width:var(--size__content-width);
    margin:0 auto;
    max-width:var(--size__content-width-max)
}
.sidebar-content .sidebar-wrapper{
    grid-template-columns:var(--size__site-sidebar) 2fr;
    grid-template-areas:"sidebar main"
}
.content-sidebar .sidebar-wrapper{
    grid-template-columns:2fr var(--size__site-sidebar);
    grid-template-areas:"main sidebar"
}
.sidebar-content .comments-area>*,.sidebar-content .navigation.post-navigation>*,.sidebar-content .entry-header>*,.sidebar-content .entry-content>*,.sidebar-content .entry-footer>*,.sidebar-content .page-content>*,.sidebar-content .entry-summary>*,.sidebar-content .page-header>*,.sidebar-content .slide-content>*,.sidebar-content .post-navigation>*,.content-sidebar .comments-area>*,.content-sidebar .navigation.post-navigation>*,.content-sidebar .entry-header>*,.content-sidebar .entry-content>*,.content-sidebar .entry-footer>*,.content-sidebar .page-content>*,.content-sidebar .entry-summary>*,.content-sidebar .page-header>*,.content-sidebar .slide-content>*,.content-sidebar .post-navigation>*{
    max-width:80%
}
.sidebar-content .entry-content .alignwide,.content-sidebar .entry-content .alignwide{
    max-width:90%
}
.sidebar-content .site,.content-sidebar .site{
    grid-template-areas:"header" "breadcrumb" "sidebarwrapper" "footer" "copyright"
}
.sidebar-content .site .widget-area.sidebar,.content-sidebar .site .widget-area.sidebar{
    min-width:unset
}
.sidebar-content .site .widget-area.sidebar .wp-block-columns,.content-sidebar .site .widget-area.sidebar .wp-block-columns{
    flex-flow:column
}
.sidebar-content .site .widget-area.sidebar .wp-block-columns .wp-block-column,.content-sidebar .site .widget-area.sidebar .wp-block-columns .wp-block-column{
    margin-left:0
}
.sidebar-content .site .widget-area.sidebar .wp-block-columns .wp-block-column:nth-child(2n),.content-sidebar .site .widget-area.sidebar .wp-block-columns .wp-block-column:nth-child(2n){
    margin-left:0
}
.sidebar-content .site .sidebar-toggle,.content-sidebar .site .sidebar-toggle{
    display:none
}
.sidebar-content .site-main,.content-sidebar .site-main{
    min-width:unset
}
@media only screen and (max-width: 1180px){
    .sidebar-content .site .sidebar-wrapper{
        display:block
    }
    .sidebar-content .site .sidebar-wrapper .widget-area.sidebar{
        left:calc(var(--size__site-sidebar-mobile-width) * (-1));
        border-right:1px solid var(--color__text-main)
    }
    .sidebar-content .site .sidebar-wrapper .sidebar-toggle{
        -webkit-transform:scaleX(-1);
        -moz-transform:scaleX(-1);
        -ms-transform:scaleX(-1);
        -o-transform:scaleX(-1);
        transform:scaleX(-1);
        left:0;
        border-bottom-left-radius:6px
    }
    .sidebar-content .site .sidebar-wrapper.toggled .widget-area.sidebar{
        left:0
    }
    .sidebar-content .site .sidebar-wrapper.toggled .sidebar-toggle{
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1);
        -ms-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform:scaleX(1);
        border-bottom-left-radius:0;
        border-bottom-right-radius:6px;
        left:var(--size__site-sidebar-mobile-width)
    }
    .content-sidebar .site .sidebar-wrapper .widget-area.sidebar{
        right:calc(var(--size__site-sidebar-mobile-width) * (-1));
        border-left:1px solid var(--color__text-main)
    }
    .content-sidebar .site .sidebar-wrapper .sidebar-toggle{
        right:0;
        border-bottom-right-radius:0;
        border-bottom-left-radius:6px
    }
    .content-sidebar .site .sidebar-wrapper.toggled .widget-area.sidebar{
        right:0
    }
    .content-sidebar .site .sidebar-wrapper.toggled .sidebar-toggle{
        -webkit-transform:scaleX(-1);
        -moz-transform:scaleX(-1);
        -ms-transform:scaleX(-1);
        -o-transform:scaleX(-1);
        transform:scaleX(-1);
        right:var(--size__site-sidebar-mobile-width);
        border-bottom-left-radius:0;
        border-bottom-right-radius:6px
    }
    .sidebar-content .comments-area>*,.sidebar-content .navigation.post-navigation>*,.sidebar-content .entry-header>*,.sidebar-content .entry-content>*,.sidebar-content .entry-footer>*,.sidebar-content .page-content>*,.sidebar-content .entry-summary>*,.sidebar-content .page-header>*,.sidebar-content .slide-content>*,.sidebar-content .post-navigation>*,.content-sidebar .comments-area>*,.content-sidebar .navigation.post-navigation>*,.content-sidebar .entry-header>*,.content-sidebar .entry-content>*,.content-sidebar .entry-footer>*,.content-sidebar .page-content>*,.content-sidebar .entry-summary>*,.content-sidebar .page-header>*,.content-sidebar .slide-content>*,.content-sidebar .post-navigation>*{
        margin-left:auto;
        margin-right:auto;
        max-width:var(--size__content-width-alignwide);
        width:var(--size__content-width)
    }
    .sidebar-content .entry-content .alignwide,.content-sidebar .entry-content .alignwide{
        max-width:var(size__content-width-alignwide-max)
    }
    .sidebar-content .site .sidebar-wrapper,.content-sidebar .site .sidebar-wrapper{
        display:block;
        position:relative;
        overflow:hidden;
        width:100%
    }
    .sidebar-content .site .sidebar-wrapper .site-main,.content-sidebar .site .sidebar-wrapper .site-main{
        height:100%
    }
    .sidebar-content .site .sidebar-wrapper .sidebar-toggle,.content-sidebar .site .sidebar-wrapper .sidebar-toggle{
        -webkit-transition:right .2s ease,left .2s ease;
        -moz-transition:right .2s ease,left .2s ease;
        transition:right .2s ease,left .2s ease;
        z-index:20;
        display:block;
        background-color:var(--color__background-toggle-sidebar);
        color:var(--color__text-toggle-sidebar);
        width:20px;
        height:50px;
        position:fixed;
        top:calc(50% - 25px);
        cursor:pointer;
        text-align:center;
        font-size:1.4em
    }
    .sidebar-content .site .sidebar-wrapper .sidebar-toggle:hover,.content-sidebar .site .sidebar-wrapper .sidebar-toggle:hover{
        color:var(--color__background-toggle-sidebar);
        background-color:var(--color__text-toggle-sidebar)
    }
    .sidebar-content .site .sidebar-wrapper .sidebar-toggle span,.content-sidebar .site .sidebar-wrapper .sidebar-toggle span{
        display:block;
        width:100%;
        height:100%;
        line-height:50px
    }
    .sidebar-content .site .sidebar-wrapper .widget-area.sidebar,.content-sidebar .site .sidebar-wrapper .widget-area.sidebar{
        display:block;
        position:fixed;
        overflow-y:auto;
        z-index:9999999998;
        top:0;
        height:100vh;
        width:var(--size__site-sidebar-mobile-width);
        background-color:var(--color__background-sidebar);
        -webkit-transition:right .2s ease,left .2s ease;
        -moz-transition:right .2s ease,left .2s ease;
        transition:right .2s ease,left .2s ease
    }
    .sidebar-content .site .sidebar-wrapper.toggled,.content-sidebar .site .sidebar-wrapper.toggled{
        display:block
    }
    .sidebar-content .site .sidebar-wrapper.toggled .widget-area.sidebar>*,.content-sidebar .site .sidebar-wrapper.toggled .widget-area.sidebar>*{
        max-width:calc(100% - 2 * var(--size__inner-block-margin));
        margin:0 auto
    }
    .sidebar-content .site .sidebar-wrapper.toggled .sidebar-toggle span,.content-sidebar .site .sidebar-wrapper.toggled .sidebar-toggle span{
        display:block;
        width:100%;
        height:100%;
        line-height:50px
    }
}
.main-navigation{
    text-align:right;
    display:block;
    height:var(--size__site-navi-height);
    font-size:var(--size__font-h2);
    padding:1.5rem
}
.main-navigation .menu-mainmenue-container{
    background-color:#fff;
    margin:0 auto
}
.main-navigation ul{
    display:none;
    list-style:none;
    margin:0;
    padding-left:0
}
.main-navigation ul ul{
    float:right;
    top:100%;
    left:-999em;
    z-index:99999;
    text-align:left;
}
.main-navigation ul ul ul{
    left:-999em;
    top:0
}
.main-navigation ul ul li{
    background-color:#fff;
    float:right;
}
.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{
    display:inline-block;
    left:auto
}
.main-navigation ul ul a{
    width:200px
}
.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{
    left:auto
}
.main-navigation li{
    position:relative
}
.main-navigation a{
    text-decoration:none
}
.main-navigation a:hover{
    color:var(--color__black);
    text-decoration:underline;
}
.menu-menue-container{
    position:fixed;
    right:0;
    margin-right:1.5rem
}
#site-navigation{
    float:right
}
.menu-toggle,.main-navigation.toggled ul{
    display:block;
    margin:0 auto
}
.menu-toggle{
    padding:10px
}
.menu-mainmenue-container{
        max-width:var(--size__content-width-max);
        background-color:transparent;
    }
    .menu-toggle{
        display:none
    }
    .main-navigation ul{
        display:flex;
        justify-content:center;
        flex-wrap:wrap
    }
    .main-navigation a{
        padding:0 .5em
    }
.comment-navigation a,.posts-navigation a,.post-navigation a{
    text-decoration:none
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
    margin:0 0 1.5em
}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{
    display:flex
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
    text-align:center;
    flex:1 0 50%
}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{
    text-align:center;
    flex:1 0 50%
}
.current-menu-item {
    text-decoration: underline;
}
.sticky{
    position:fixed;
}
.page{
    margin:0
}
.page.no-title>:first-child,.page .sidebar-wrapper>:first-child{
    margin-top:0
}
.page.no-title .entry-content>:first-child,.page .sidebar-wrapper .entry-content>:first-child{
    margin-top:0;
    padding-top:var(--size__inner-block-margin)
}
.post{
    margin:0 0 var(--size__block-margin) 0
}
.updated:not(.published){
    display:none
}
.page-content,.entry-content,.entry-summary{
    margin:0
}
.page-links{
    clear:both;
    margin:0 0 var(--size__block-margin)
}
.breadcrumb-wrapper>*,.site-info>*,.comments-area>*,.navigation.post-navigation>*,.entry-header>*,.entry-content>*,.entry-footer>*,.page-content>*,.site-footer>*,.entry-summary>*,.page-header>*,.slide-content>*,.post-navigation>*{
    max-width:var(--size__content-width-max);
    width:var(--size__content-width);
    margin-left:auto;
    margin-right:auto
}
.entry-content .alignwide{
    width:var(--size__content-width-alignwide);
    max-width:var(--size__content-width-alignwide-max)
}
.entry-content .alignfull{
    width:100%;
    max-width:100%
}
.entry-footer{
    padding:.5em
}
.entry-title{
    display: none
}
.alignfull img{
    max-width:100%
}
.tags-links,.comments-link,.cat-links{
    display:block
}
.edit-link{
    display:block;
    padding:.5em;
    max-width:100%;
    width:100%
}
.edit-link a{
    padding:.3em;
    border:1px solid var(--color__primary);
    border-radius:var(--size__block-border-radius);
    text-decoration:none
}
a.post-thumbnail{
    display:block;
    max-width:var(--size__content-width-max);
    width:var(--size__content-width);
    margin-left:auto;
    margin-right:auto;
    text-align:left
}
a.post-thumbnail img{
    width:25%
}
.single .post-thumbnail{
    max-width:var(--size__content-width-max);
    width:var(--size__content-width);
    margin-left:auto;
    margin-right:auto
}
.single .post-thumbnail img{
    width:100%
}
.breadcrumb-wrapper{
    grid-area:breadcrumb;
    width:100%;
    padding:var(--size__inner-block-margin) 0 0 0
}
.breadcrumb-wrapper .breadcrumb{
    font-size:.8em;
    list-style:none
}
.breadcrumb-wrapper .breadcrumb a{
    color:#428bca;
    text-decoration:none
}
.comment-content a{
    word-wrap:break-word
}
.bypostauthor{
    display:block
}
.widget{
    margin:0 0 var(--size__block-margin)
}
.widget select{
    max-width:100%
}
.widget ul,.widget ol{
    margin-left:0;
    list-style-type:none;
    padding-left:var(--size__inner-block-margin);
    margin-bottom:0
}
.widget ul li>ul,.widget ul li>ol,.widget ol li>ul,.widget ol li>ol{
    margin-bottom:0;
    margin-left:var(--size__block-margin)
}
.widget>div{
    max-width:100%;
    width:100%
}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{
    border:none;
    margin-bottom:0;
    margin-top:0;
    padding:0
}
.mejs-controls{
    opacity:0 !important;
    transition:all .5s ease
}
.mejs-container:hover .mejs-controls{
    opacity:1 !important
}
.wp-caption{
    margin-bottom:1.5em;
    max-width:100%
}
.wp-caption img[class*=wp-image-]{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wp-caption .wp-caption-text{
    margin:.8075em 0
}
.wp-caption-text{
    text-align:center
}
.screen-reader-text{
    border:0;
    clip:rect(1px, 1px, 1px, 1px);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute !important;
    width:1px;
    word-wrap:normal !important
}
.screen-reader-text:focus{
    background-color:var(--color__background-screen);
    border-radius:var(--size__block-border-radius);
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto !important;
    clip-path:none;
    color:var(--color__text-screen);
    display:block;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
#primary[tabindex="-1"]:focus{
    outline:0
}
.alignleft{
    float:left;
    margin-right:1.5em;
    margin-bottom:1.5em
}
.alignright{
    float:right;
    margin-left:1.5em;
    margin-bottom:1.5em
}
.aligncenter{
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.5em
}
:root{
    --color__primary: #000000;
    --color__secondary: #5c5c5c;
    --color__h1: var(--color__primary);
    --color__h2: var(--color__primary);
    --color__h3: var(--color__primary);
    --color__h4: var(--color__primary);
    --color__h5: var(--color__primary);
    --color__h6: var(--color__primary);
    --color__background-body: #fff;
    --color__background-screen: #f1f1f1;
    --color__background-hr: #ccc;
    --color__background-button: #e6e6e6;
    --color__background-button-hover: #ccc;
    --color__background-pre: #eee;
    --color__background-ins: #fff9c0;
    --color__background-sidebar: #fff;
    --color__background-toggle-sidebar: #fff;
    --color__background-footer: var(--color__primary);
    --color__text-main: #404040;
    --color__text-toggle-sidebar: var(--color__primary);
    --color__text-footer: #fff;
    --color__text-screen: #21759b;
    --color__text-input: #666;
    --color__text-input-focus: #111;
    --color__text-button: rgba(0, 0, 0, .8);
    --color__text-button-hover: #fff;
    --color__link: var(--color__primary);
    --color__link-hover: var(--color__secondary);
    --color__link-footer: var(--color__secondary);
    --color__link-footer-hover: #fff;
    --color__border-button: var(--color__background-button);
    --color__border-button-hover: var(--color__background-button-hover);
    --color__border-button-focus: #aaa;
    --color__border-input: #aaa;
    --color__border-abbr: #666;
    --color__blue: #59BACC;
    --color__green: #58AD69;
    --color__orange: #FFBC49;
    --color__red: #E2574C;
    --color__white: #FFF;
    --color__black: #000;
    --color__grey: #AAA;
    --columns__one: 100%;
    --columns__two: 50%;
    --columns__three: 33.33%;
    --columns__four: 25%;
    --columns__five: 20%;
    --columns__six: 16.66%;
    --columns__seven: 14.28%;
    --columns__eight: 12.5%;
    --columns__nine: 11.11%;
    --columns__margin: 3.8%;
    --size__site-min-width: 320px;
    --size__site-main: 100%;
    --size__block-margin: 3rem;
    --size__inner-block-margin: 1.5rem;
    --size__site-sidebar: 200px;
    --size__site-sidebar-mobile-width: 300px;
    --size__site-sidebar: 200px;
    --size__site-sidebar-col-gap: calc(var(--size__block-margin) * 2);
    --size__window-width-max: 1200px;
    --size__content-width: 70%;
    --size__content-width-max: 840px;
    --size__content-width-alignwide: 85%;
    --size__content-width-alignwide-max: 1020px;
    --size__block-border-radius: .3em;
    --size__site-navi-height: 40px;
    --size__font-body: 1.2rem;
    --size__line-height-body: 1.3;
    --size__font-html: 14px;
    --size__line-height-html: 1.15;
    --size__font-h1: 1.7rem;
    --size__font-h2: 1.4rem;
    --size__font-h3: 1.3rem;
    --size__font-h4: 1rem;
    --size__font-h5: 1rem;
    --size__font-h6: 1rem;
    --font__main: "Sen", sans-serif;
    --font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    --font__pre: "Courier 10 Pitch", courier, monospace;
    --font__line-height-pre: 1.6;
    --font__hyphens: auto;
    --font__h: "Sen", sans-serif;
}
/*# sourceMappingURL=style.css.map */
/*Seite "Büro"*/
.buero-liste{
    position:fixed; 
    bottom:0;
    list-style-type: none;
    font-size:var(--size__font-h3);
    margin-left:0;
}
a.anker{
    color:var(--color__grey);
}
a.anker:hover{
    color:var(--color__secondary);
}
.about-img{
    margin:auto;
    padding-bottom:2.5rem;
}
.col-1{
    width:20%;
}
.col-2{
    padding:3rem;
    min-width:70%;
}
.col-3{
    width:20%;
}
/*Übersicht Gallerie (Projekte, Umbau, Neubau*/
.wp-gallery-img{
    filter: grayscale(100%);
    max-height: 23.88rem;
}
.wp-gallery-img:hover{
    filter: grayscale(0);
    transition-duration:1s;
}
.chng-view-main{
    margin-right:1.5rem;
    font-size: 2rem;
}
/*Projekt-Seite*/ 
/*Controls*/
.arrow-up{
    justify-content: center;
    padding-top:0.5rem !important;
} 
.arrow-down{
    justify-content:center;
    bottom:3rem !important;
    position:absolute;
    width:44%;
    padding-bottom:2rem;
}
.chng-view-container{
    right:0rem;
    bottom:0rem;
    position:fixed;
    text-align:right;
    max-width:3rem;
    padding-right:3rem;
    padding-bottom:2rem;
}
.chng-view{
    width: 2rem;
    height: auto;
    margin: 1.5rem;
}
.chng-view-p{
    width:1.75rem;
    height:auto;
    vertical-align:middle;
    margin:var(--size__inner-block-margin);
}
/*Unten Links; Datum, Ort, Read more*/
.projectinfo{
    position:absolute; 
    bottom:0;
    font-size:var(--size__font-h2);
    padding:1rem;
    color:var(--color__primary);
}
.place{
    margin-right:1rem;
    margin-left:1.5rem;
}
.year{
    margin-right:1rem;
}
/*Read More*/
.inhalt{
    padding-left:4rem;
}
a.more{
    color:var(--color__grey);
}
.exit-img{
    height:2rem;
    width:auto;
}
.exit{
    text-align:right;
    margin-top:5rem;
}

/*Unten rechts, nächstes Projekt*/
.projectnext{
    position:absolute; 
    bottom:0;
    right:0;
    text-align:right;
    font-size:var(--size__font-h2);
    padding:1rem;
    color:var(--color__primary);
    max-width:30%;
    margin:1.5rem;
}
a.projectnext-grid{
    vertical-align:middle;
    margin:var(--size__inner-block-margin);
}
.projectnext-grid{
    margin-right:1rem !important;
}
/*/Projektseite*/
.daten{
    font-weight:bold;
}
.placeholder{
    visibility:hidden;
}
/*max menu*/
/*/max menu*/
/*slider*/
/*/slider*/
.entry-content{
    padding-top:4.25rem;
}
.hamburger{
    display:none;
    cursor:pointer;
}
.bar{
    display:block;
    width:25px;
    height:3px;
    margin:5px 0;
    transition: all 0.3s ease;
    background-color:black;
}
.wp-slider{
    padding:2rem;
    overflow:hidden;
	margin:0 auto;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
    display:flex;
    min-width: 100%;
    min-height: 65%;
    justify-content: space-between;
}
.wpcookie-slide{
	max-height: 100%;
	min-width:100%;
	display:none;
	animation-name:fade;
	animation-duration:1s;
}
.wpcookie-slide img{
	 width:100%;
     display:flex; 
     justify-self:center;
}
@keyframes fade{
	from{opacity:0.5;}
	to{opacity:1;}
}
.wpcookie-controls{
	font-size:1.5em;
	padding:3.5rem;
	border-radius:5px;
	background:white;
	cursor: pointer;
	transition: 0.3s all ease;
	opacity:0%;
    display:flex;
}
.wpcookie-controls:hover{
	opacity: 100%;
}
.wpcookie-left-arrow{
	left:0;
	border-radius: 0px 5px 5px 0px;   
}
.wpcookie-right-arrow{
	right:-15%;
    top:50%;
	border-radius: 5px 0px 0px 5px; 
}
.wp-slider svg {
	pointer-events: none;
}
.dots-con{
	text-align:center;
}
.wp-dot{
	display:inline-block;
	background:#c4c4c4;
	padding:8px;
	border-radius:50%;
	margin:10px 5px;
}
.wpcookie-slider-active{
	background:#818181;
}
.main-navigation ul ul{
	box-shadow:none;
}
.main-navigation ul ul a{
	width:200px;
    color:var(--color__secondary);
}
.main-navigation ul ul a:hover{
    text-decoration: none;
}
@media only screen and (max-width:680px) {
    .place{
        visibility:hidden;
    }
    .year{
        visibility:hidden;
    }
    .more{
        position:absolute;
        left:0;
        padding:1rem;
    }
    .projectinfo{
        max-width:50%;
    }
    .projectnext{
        padding:0;
        Padding-right:1rem;
        max-width:50%;
    }
    .wp-slider{
        width:100%;
        justify-content: space-between;
        display: flex;
    } 
    .wpcookie-controls{
        padding:0;
    } 
    .dots-con{
        display:none;
    } 
    .hamburger{
        display:block;
        right:0%;
        position:absolute;
        padding-right:1rem;
    } 
    .hamburger.active .bar:nth-child(2){
        opacity:0;
    }
    .hamburger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }
    .menu{
        position: fixed;
        left:-100%;
        gap:0;
        flex-direction:column;
        background-color:white;
        width:100%;
        text-align:center;
        transition:0.3s;
        height:100%;
    }
    .menu.active{
        left:0;
    }
    .menu-item{
        margin: 2rem;
    }
    .chng-view-main{
        display:none;
    }
}
@media only screen and (max-width:781px) {
    .col-1{
        visibility:hidden;
    }
    .col-3{
        visibility:hidden;
    }
}
@media only screen and (max-width:902px) {
    .chng-view{
        visibility:hidden;
    }
    .mega-menu-item-499{
        padding-left:8rem !important;
    }
    .mega-menu-item-500{
        padding-left:8rem !important; 
    }
    .n2_clear {
        margin-inline: 0;
    }
    .n2-ss-slide-limiter, .n2-ss-slide {
        height: calc(100vh - 15rem) !important;
    }
}
@media only screen and (min-width:902px) {
    .mega-sub-menu{
        padding-top:0 !important;
    }
    .mega-menu-wrap{
        max-width:25% !important;
        right:0 !important; 
        position: absolute !important;
        align-items:right !important;
    }
    .mega-menu-item-24{
        min-width:10rem !important;
        padding-left:2rem !important;    
    }
    .mega-menu-item-499{
        padding-left:1.5rem !important;
        max-width:6rem !important;
    }
    .mega-menu-item-500{
        padding-left:0 !important; 
    }
}