@charset "utf-8";  

/* 
CSS Document HPK 
Layout 14 - rot

Grundsetup der Farben:
XXX		->	#2766A1
XXX		-> 	#XXXXXX
XXX		->	#XXXXXX
*/

:root {
	/*colours*/
	--black-ish: #000;
	--white: #fff;
	--mainColor: #000;
	--highlightColor: #a84056;
	--darkBgColor: #858585;
	--lightBgColor: #efefef;
    --orangeBgColor: #f39200;
    --greenBgColor: #becd00;
    --blueBgColor: #009ee0;
	--redBgColor: #e2001a;	
	--dangerColor: #e2001a;
	
	--sectionOneColor: var(--mainColor);
	--sectionTwoColor: var(--darkBgColor);
	--sectionThreeColor: var(--mainColor);
	--sectionFourColor: var(--darkBgColor);
	--sectionFiveColor: var(--mainColor);	
}
#chevron {
  height: auto;
}

#slider {
  width: 100%;
}

#chevron #slider + .container {
	height: 15vh;
	left: 0;
	position: absolute;
	top: 0;
}

/*.no-video #chevron #slider + .container {
	height: 100vh;
}*/

/*header .container {
	min-height: auto;
}*/

.clipbox-describe {
	display: none;
}

.bg-secondary {
    background-color: var(--mainColor) !important;
}

/*.btn-primary,
.cookie-list .dismiss-cookies.cookie-button,
.save-cookies.cookie-button,
.dismiss-cookies.cookie-button {
	border: 1px solid var(--black-ish);
}*/

.tx-hpkfe-pi-kontakt .btn-primary {
	border: 1px solid var(--white);
}

/*p a, p a:active, form a, form a:active, 
form .open-cookies.open-div,
.section-container .ce-bodytext a:not(form a,.gm-style a,
.nav-item a,.accordion_content a,address a), 
.section-container .ce-bodytext a:active:not(form a), 
#initmapnow, .btn-primary, .detailsansehen a, 
.detailsansehen a:active,
.save-cookies.cookie-button {
	background-color: var(--black-ish);
}*/

header a,
header a:active,
p a,
p a:active,
form a,
form a:active,
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_tel a,
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_tel a:active,
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_mail a,
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_mail a:active,
form .open-cookies.open-div {
  	color: black;
	text-decoration: underline;
  	background-color: transparent;
  	padding: 0;
}

header a:hover,
p a:hover,
form a:hover,
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_tel a:hover,
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_mail a:hover,
form .open-cookies.open-div:hover,
a:hover,
.nav-link:hover,
form a:hover {
	text-decoration: none;
  	color: black;
}

.tx-hpkfe-pi-gmap ~ .row .hpk_adr_tel a, 
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_tel a:active, 
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_mail a, 
.tx-hpkfe-pi-gmap ~ .row .hpk_adr_mail a:active {
	background: transparent;
	color: black;
}

#slider {
    opacity: 0.9;
	position: relative;
}

#slider img {
	filter: blur(3px);
}

#logo {
	filter: brightness(0);
	margin-top: 5vh;
    width: 70vw;
}

.no-video #logo {
	margin-top: 35vh;
}

#logo2img {
	padding: 0.25rem;
}

header a, header a:active {
    font-weight: 700;
}

header .hpk_adr_mail {
	font-size: 0;
}

header .hpk_adr_mail a,
header .hpk_adr_tel2 {
	font-size: 1rem;
}

header .hpk_adr_tel a::before,
header .hpk_adr_mail a::before,
.row #logo2img,
.news-single-item .news-single-rightbox,
.arrow-down {
	display: none;
}

video {
  margin-bottom: 6rem;
}

#nav-container {
    top: 60vw;
    bottom: unset;
    background-color: rgba(255,255,255,0.5);
}

.no-video #nav-container {
	top: unset;
	bottom: 2vh;
}

ul:not(.accordion_content ul,.cookie-info-details ul,.tx-hpkfe-pi-datenschutz ul,.news-single-item ul, .navbar-nav) {
    list-style: disc;
	padding-left: 20px;
    margin: 0;
    text-transform: inherit;
    text-decoration: none;
    text-align: left;
}

.tx-hpkfe-pi-kontakt label {
	color: var(--darkBgColor);
}

.homepage-form .cookie-checkbox:checked + label .switch-background, 
.cookie-group-switch .cookie-checkbox:checked + label .switch-background {
	background: var(--black-ish);
}

@media all and (min-width: 350px) {	
	#chevron #slider + .container {
		height: 20vh;
	}
}

@media all and (min-width: 576px) {	
	#chevron #slider + .container {
		height: 30vh;
	}
  
	#logo {
		margin-top: 10vh;
	} 
}

@media all and (min-width: 630px) {
	#chevron #slider + .container {
		height: 35vh;
	}
  
    #nav-container {
        top: 50vw;
	}
  
	header .hpk_adr_mail a,
    header .hpk_adr_tel2 {
		font-size: 1.5rem;
    }
  
	header .tx-hpkfe-pi-adresse {
		padding-top: 6%;
	}   
  
    video {
		margin-bottom: -0.5rem;
	}
}

@media all and (min-width: 768px) {	 

	#chevron #slider + .container {
		height: 43vh;
	}
	
    header .tx-hpkfe-pi-adresse {
		padding-top: 10%;
	}
  
    .no-video .arrow-down {
		top: 55vh;
	}
}

@media (min-width: 992px) {
	#chevron #slider + .container {
		height: 55vh;
	}

	address {
        min-height: 95px;
	}
  
	.tx-hpkfe-pi-kontakt,
	.tx-hpkfe-pi-kontakt .datenschutztext,
	span.sternchen	{
		color: var(--white);
	}
  
    header .tx-hpkfe-pi-adresse {
    	padding-top: 2%;
	}
    
  	.arrow-down {
		display: block;
		top: 45vw;
	}
  
    .no-video .arrow-down {
		top: 75vh;
	}
	
	#newscarousel{
		margin: 0;
	}
	
	#newscarousel .carousel-item .col-md-6.col-lg-4:first-child {
		margin-top: 0;
	}
  
  	.tx-powermail a {
		background: black;
		color: white;
      	text-decoration: underline;
	}
  
  	.tx-powermail a:hover {
		color: white;
     	text-Decoration: none;
	}
}

@media (min-width: 1200px) {
	#chevron #slider + .container {
		height: 68vh;
	}
   
	#logo {
		margin-top: 14vh;
	} 
	
	header .tx-hpkfe-pi-adresse {
		padding-top: 6%;
	}
  
	header.no-video .tx-hpkfe-pi-adresse {
		padding-top: 4%;
	}
}

@media (min-width: 1400px) {
	#chevron #slider + .container {
		height: 79vh;
	}
	
	address {
		min-height: 120px;
	}
}

@media (min-width: 1600px) {
	#chevron #slider + .container {
		height: 90vh;
	}
     
	#logo {
		margin-top: 20vh;
	} 
	
	address {
		min-height: 200px;
	}
  	
	header .tx-hpkfe-pi-adresse {
		padding-top: 8%;
	}
}

@media (min-width: 1800px) {
	#chevron #slider + .container {
		height: 100vh;
	}
}
  
@media (min-width: 2000px) {
	address {
		min-height: 340px;
	}
}

@media (max-height: 400px) {
	#logo, .no-video #logo {
		margin-top: 15vh;
      	width: 50vw;
	}
  
    header .tx-hpkfe-pi-adresse {
    	padding-top: 3%;
    }
  
	header .hpk_adr_mail a, header .hpk_adr_tel2 {
		font-size: 1.2rem;
	}
  
    .arrow-down {
      	display: block;
      	height: 21vh;
 	 }
  
	#nav-container {
    	top: 42vw;
	}
}

@media (max-height: 300px) {
  
    .arrow-down {
      	display: none;
 	 }
}

/********** Karte / Google maps tx-hpkfe-pi-gmap **************/

.hpk_kon_gmap {
    background-color: #e6e6e6;
	background-image: url('/fileadmin/daten/mitglieder/119058/bilder/home/maps-bg.jpg');
    background-size: cover;
    background-position: center;
	
}

p.map_hinweis_p {
    color: white;
}

.map_hinweis_holder
{
    background: none !important;
    padding-top: 15vh;
}