:root {
    --color-dark:#91A67F;
    --color-light:#C7D5BE;
    --color-brown:#D37501;
    --color-black:#000000;
    --color-white:#ffffff;
    --color-grey:#f8f8f8;


    --bs-body-color:var(--color-dark);
    --bs-link-color: var(--color-brown);
    --frame-link-color:var(--color-brown);


    --bs-body-color:#ffffff;
    --bs-body-bg:#000000;
    --bs-white-rgb:0,0,0;
    --bs-emphasis-color-rgb:255,255,255;


}

#page-header.navbar-default {background-color:transparent !important;}
#HeaderVideo {width:100%;height:auto;position:absolute;top:-15%;}
.navbar > .container {flex-direction:column;}

.itemwithgrid {background:url("/typo3conf/ext/koehrer_designtemplate12/Resources/Public/Images/gitternetz3.png") no-repeat center top,#000000;}

@media (min-width: 992px) { 

    .navbar-mainnavigation .navbar-brand {height:100px;display:flex;justify-content:center;}
    .navbar-mainnavigation .navbar-brand-image img {max-height: 100px;}

    #page-header {padding:20px;}
    .navbar-collapse {align-items:end;}
    .navbar-mainnavigation .navbar-nav {
        justify-content:center;
      --bs-nav-link-font-size:26px;
      --bs-nav-link-font-weight:600;
    } 

}
@media (min-width: 992px) and (max-width: 1200px){ 
 .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 992px) and (max-width: 1110px){ 
    .navbar-mainnavigation .navbar-brand {height:135px;}
    .navbar-mainnavigation .navbar-brand-image img {max-height: 135px;}
    .navbar-mainnavigation .navbar-nav {
      --bs-nav-link-font-size:21px;
    } 
}