.motivbild {width: 100%; background-size: 0; background-color: #ccc !important; }
.home h1.site-title {  white-space: nowrap;  width: 100%; z-index: 21; background-color: #ccc; margin: 0;}
.home h1.site-title img {height: auto;  width: 75%; max-width: 500px; padding: 15px 3%; }
#pageheader_content  { color: #fff; margin: 0; }
#pageheader_content .more-link {color: #fff; text-decoration: none;  padding-top: 20px; }
#pageheader_content .more-link:hover, #pageheader_content .more-link:focus, #pageheader_content .more-link:active { color: #ee7f00 !important;}
#pageheader_content .more-link::before { content: ""; width: 0;}
.pageheader_element { padding: 15px 3%; font-size: 1.2em; line-height: 1.4em; text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); background-color: #ccc; }
.pageheader_element .infotext { padding-right: 35px;}
.pageheader_element img {max-width: 65%; margin-bottom: 20px; }
@media screen and (min-width:651px) {    
.home h1.site-title {  width: 25%; }
}
@media screen and (min-width:1000px) {      
.bannerimage { display: none;}
.motivbild {width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; padding: 20px 0 0 0; height: 100vh;} 
.home h1.site-title { margin: 15px 0 0 15px;  background-color: transparent;float: left; display: inline-block;  }
.home h1.site-title img { width: 100%; max-width: 100%; margin: 0;}
.pageheader_element {  width: 48.5%;   margin: 0; font-size: .8em; line-height: 1.4em;  float: right;}
.pageheader_element { margin: 0 5% 0 5%;  background-color: transparent;  max-width: 55%; margin: 0 3% 20px 3%;vertical-align: bottom;}
#pagehead {  display: table; width: 100%; padding-left: 35%;  vertical-align: bottom;}
#pageheader_content { display: table-cell; vertical-align: bottom;}
}
@media screen and (min-width:1500px) { 
.home h1.site-title {  width: 40%; max-width: 550px;}
.pageheader_element { font-size: 1.4em;  line-height: 1.4em; }
.pageheader_element .infotext { padding-top: 30px; padding-right: 0;}
}