/* SUB PAGES */
body.sub .navigation { opacity: 1; background: var(--navBgColor); box-shadow: rgb(222 222 222) 0px 0px 8px;}
body.sub #desktoplogo img{padding: 4px;background: #fff; border-radius: 7px;}

body.sub div#content {margin: 0px auto 40px auto; min-height: calc(100vh - 200px);}
body.sub h1 {font-size: 36px; line-height: 56px; color: #696969;}
body.sub .firstsec h1 {margin-top: 20px;} 
body.sub.tmpl2 #content h1 {font-size: 36px; line-height: 56px; color: var(--second-color);}
body.sub h2 {font-size: 28px; line-height: 28px; color: #696969;}
body.sub.tmpl2 #content h2 {text-transform:none;}
body.sub h3{font-family: var(--font2); font-size: 16px; line-height: 16px; margin-top: 16px; color: #696969; padding: 0px 20%;}
body.sub h4{margin-top: 12px; padding: 0px 20%;
font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));}
body.sub h5{font-family: var(--font2); font-size: 14px;}

body.sub content img {box-shadow: 0 0 8px #ccc; border: 4px solid #fff;}
body.sub p{ text-align:justify; padding: 12px 20%; font-size:1.1rem; line-height: 1.3rem; margin: 0px;} 
body.sub footer p{text-align:center;}
body.sub content .button {width: 250px; margin:3rem auto;}
body.sub i.info {font-family: var(--font3); font-size: 11px;}

body.sub #start .pattern-diagonal-lines-sm {color: rgba(54,142,167,0.03);}

body.sub #section1 h2 {text-align:left; margin-bottom: 2vh;}
body.sub #section1 .col-10 h2 {margin-top: 24px;}
body.sub #section1.bgkreta {
background-image: url("../../img/motive/sub-bg-schlucht-kreta-desktop.jpg"); position: relative;
background-position: 50%; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important;}
body.sub #section1.bgkreta .col-10 h2,
body.sub #section1.bgkreta .col-10 p{text-align:center; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%,transparent); color: #111; padding:2vh 20vh;}
body.sub #section1 p {padding: 12px 10% 12px 2vw;}
body.sub #section1 .pattern-checks-sm {color: rgba(54,142,167,0.03);}



body.sub #section2 .pattern-zigzag-sm {color: rgba(54,142,167,0.03);}
body.sub #section2 h2 {text-align:left; margin-bottom: 2vh; margin-left: 5%;}
body.sub #section2 p {padding: 12px 2vw 12px 10%;}

body.sub #section3 h2 {text-align:left; margin-bottom: 2vh;}
body.sub #section3 p {padding: 12px 10% 12px 2vw;}
body.sub #section3 {background: radial-gradient(rgba(54,142,167,0.00), rgba(54,142,167,0.03));}

body.sub div#content #impressum,
body.sub div#content #datenschutz {margin: 80px auto 40px auto;}

body.sub #datenschutz ul {font-family: var(--font3); color: #8e826b; text-align:left;  padding: 12px 20%; list-style-type:circle; margin-left: 25px; 
font-size: calc(10px + (14 - 10) * ((100vw - 300px) / (1600 - 300))); line-height: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));}
body.sub #datenschutz ul p {padding: 12px 0;} 

body.sub p.center {text-align:center;}
body.sub #impressum h3{letter-spacing: 0px; margin: 12px 0px 0px 0px; padding: 0px 20%; color: #787878;
font-size: calc(10px + (14 - 10) * ((100vw - 300px) / (1600 - 300))); line-height: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));}
body.sub #impressum p {text-align:center; padding: 0px 20% 12px 20%;}

body.sub div#content #anfrage{margin: 80px auto 40px auto;}

/* SEARCH */
.searchHead {background: linear-gradient(rgba(128,128,128,0.03), rgba(128,128,128,0.06));border-bottom-left-radius: 50% 20%; border-bottom-right-radius: 50% 20%;
margin-bottom: 20px;}
#goto{cursor:pointer;}
body.sub.search #content {margin-top: 80px; text-align:center;}
body.sub.search p {text-align:center;}
body.sub.search p .fa {margin-top: 2px;}
.searchyellow {background: yellow; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchorange {background: orange; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchgreen {background: palegreen; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchblue {background: paleturquoise; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchred {background: tomato; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchgrey {background: silver; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchcoral {background: coral; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchgold {background: gold; border-radius: 5px; padding: 0px 2px 2px 2px;}
.searchbeige {background: wheat; border-radius: 5px; padding: 0px 2px 2px 2px;}
#filter-count p {text-align:center;}
.searchbar .backbutton{width: 240px; text-align:center; margin: 0 auto;}
.searchbar .backbutton a {color: #fff;  font-size:12px; line-height:18px;}
.searchbar .backbutton i.fa {font-size: 14px; line-height:20px;}
.searchbar .banner {margin-top:0px; padding: 3px; width: 180px; display:inline-block; border: 1px solid transparent; font-family:var(--font3);}
.searchbar .banner:hover {border: 1px solid #ccc; border-radius:6px;}

/* PAGE ELEMENTS ENDOFSEC */
.newpe {margin: 50px auto;}

/* PAGE GQN */
body.sub.gqn h1 {font-size: 2em;}
body.sub.gqn {background: linear-gradient(90deg, rgba(0,0,0,0.05), transparent, rgba(0,0,0,0.05));} 
body.sub.gqn p {padding: 0 10%; text-align:center;}
body.sub.gqn .smallinfo p {font-size: 12px; line-height: 14px;font-style:italic; text-align:center; padding: 0 20%;}