@charset "UTF-8";

/* HINTERGRUNDBILD */

body.home .sitebackground { display:block;position:absolute; background-color:#333; width:100%; height:100vh;top:0;background-position:center center; background-repeat: no-repeat;background-size:cover; z-index: -1; }


/* Hintergrundbild für Hochformat */
@media screen and (orientation: portrait) {
  body.home .sitebackground { background-image: var(--fondbild-hoch); }

}
/* Hintergrundbild für Querformat */
@media screen and (orientation: landscape) {
  body.home .sitebackground { background-image: var(--fondbild-quer); }

  }

body.home * {text-align: center;}
body.home header.pageheader {background:rgba(0,0,0,0.5);backdrop-filter: blur(10px);}

/* Typo, Objektliste */
body.home h1 {font-size:2rem;letter-spacing: 0.2rem;color:white;text-shadow: 0px 0px 10px #000; }
body.home p {color:#63656A;}
body.home .entry-content > h2 {font-size:1.66rem;letter-spacing: 0.2rem;text-transform: uppercase;border-top:1px solid #B1B2B4;margin-top:2rem;padding-top:2.5rem;}
body.home .entry-content > p {font-size:1.25rem;font-style: italic;margin-top:2rem;margin-bottom:10vh;}
body.home article.objektliste section div.objekt .caption {border-bottom:none;} 

/* Navigation dunkel */

body.home nav.main-navigation {border-top:1px solid #B1B2B4;border-bottom:1px solid #B1B2B4;}
body.home nav.main-navigation a {color:white;}
body.home nav li a {color:#B1B2B4;}
body.home nav li a:hover {color:white;}
body.home nav.sprach-navigation li:not(.current-lang) a:hover {color:white;}
body.home nav.footer-navigation  {border-top:1px solid #B1B2B4;backdrop-filter: blur(10px);}
body.home nav .sub-menu li a:hover {    background-color: rgba(0, 0, 0, 1); backdrop-filter: blur(10px);  }
body.home nav ul li > ul.sub-menu {    background-color: rgba(0, 0, 0, 0.75);backdrop-filter: blur(10px); }
body.home  ul.sub-menu li {   border-bottom: 1px solid #B1B2B4; }

 .closehamburger {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewbox='0 0 40 40'%3E%3Cpath d='M 10,10 L 30,30 M 30,10 L 10,30' stroke='white' stroke-width='2' stroke-linecap='butt' /%3E%3C/svg%3E");
    display: none;
  }
  .openhamburger {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewbox='0 0 40 40'%3E%3Cpath d='M 5,10 L 35,10 M 5,20 L 35,20 M 5,30 L 35,30' stroke='white' stroke-width='2' stroke-linecap='butt' /%3E%3C/svg%3E");
  }

/* Logo */

body.home #logo img {filter:grayscale(100%) brightness(500%); }
body.home .grosslogo {display:none;}
body.home #logo img {height: 5rem;  margin-top: 3rem;  margin-bottom: 2.5rem;}
body.home header.pageheader #logo img {     transition: all 1s ease;   }
body.home header.pageheader.shrink #logo img { 
    height: 3.5rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  filter:grayscale(100%) brightness(800%);
  }
 

/* Smartphone Navi */

@media (max-width: 799px) {  
    body.home  header.pageheader #logo {    background-color: rgba(0, 0, 0, 0);    backdrop-filter: none!important;  }
   body.home nav.main-navigation {  border-top: none;  border-bottom: 1px solid #B1B2B4;
}    body.home .menubackground { min-height:100vh;background-color: rgba(0, 0, 0, 0.75);    backdrop-filter: blur(10px); margin-top:10rem;}
    body.home #logo img {       height:3rem;    }
    body.home header.pageheader.shrink #logo img {    height: 2.5rem;  margin-top:1.75rem; margin-bottom:1rem;}
    body.home  header.pageheader .menubackground { margin-top:9rem;}
    body.home header.pageheader.shrink .menubackground {margin-top:5.75rem;}
}

/* Anpassung Abstände Headline  */
@media screen and (orientation: portrait) { body.home h1 {margin-top:42vh;margin-bottom:50vh;}}
@media screen and (orientation: portrait) and (min-width: 800px) { body.home h1 {margin-top:30vh;margin-bottom:48.1vh;}}
@media screen and (orientation: landscape) { body.home h1 {margin-top:30vh;margin-bottom:50vh;}}