/*******************************************************
  hpk2 Farbschema Layout 15 rot color #007e7e
*******************************************************/

body {
  background-image: url("/fileadmin/templates/hpk2/css/layout5/hg_bilder/diagonale_streifen_grau_weiss.jpg");
  background-position: center 100px;
  background: #fff;
  box-sizing:border-box;
  font-size: 16px;
}

#inhalt .csc-frame.box, 
#inhalt .IM.box.spalte, 
#inhalt .IM.box.normal {
	border: none;
	margin-bottom: 15px;
}

#inhalt .csc-frame.box.layout-13 {
	background: #f2f2f2;
	min-height: auto;
}

#inhalt .csc-frame.box.layout-1, 
#inhalt .csc-frame.box.layout-2, 
#inhalt .csc-frame.box.layout-3,
#inhalt .csc-frame.box.layout-6,
#inhalt .csc-frame.box.layout-9,
#inhalt .csc-frame.box.layout-10 {
	border: 1px solid #e6e6e6;
	border-radius: 16px;
}

#inhalt .csc-frame.box.layout-1 .csc-textpic-text, 
#inhalt .csc-frame.box.layout-2 .csc-textpic-text, 
#inhalt .csc-frame.box.layout-3 .csc-textpic-text {
	padding-bottom: 0;
}

/* #seitenart-0 #inhalt .layout-1 .csc-content, 
#seitenart-0 #inhalt .layout-2 .csc-content, 
#seitenart-0 #inhalt .layout-3 .csc-content {
	margin-bottom: 0;
} */

#seitenart-0 #inhalt .csc-frame.box.layout-9,
#seitenart-0 #inhalt .csc-frame.box.layout-10 {
	border: none;
}

#inhalt .IM.box.ID-2.layout-10,
#inhalt .IM.box.ID-2.layout-10 .tx-hpkfe-pi-gmap {
	padding: 0;
}

#inhaltumschlag {
	box-sizing: border-box;
	padding: 15px 5%;
	margin: 320px auto 0;
	width: 100%;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	#inhaltumschlag {
		margin: 370px auto 0;
	}
}

@media only screen and (min-width: 960px) {
	#inhaltumschlag {
		box-sizing: border-box;
		padding: 15px 10%;
		margin: 380px auto 0;
		width: 100%;
	}
}

h1, h2, h3, h4, h5, h6 {
	/*font-weight: 700;*/
    text-transform: uppercase;
}

#inhalt h1#titelueberschrift {
	font-size: 210%;
}

@media only screen and (min-width: 960px) {
	#inhalt h1#titelueberschrift {
		font-size: 250%;
		margin-top: 0;
		margin-bottom: 0;
	}
}

#umschlag h2 {
	font-size: 170%;
}

@media only screen and (min-width: 1300px) {
	#umschlag h2 {
		font-size: 200%;
	}
}

#seitenart-0 #inhalt .csc-header h2 {
    margin: 0;
    margin-top: 45px;
}

#umschlag .inhalt_menu .layout-6 .csc-header h2 {
	align-self: flex-start;
}

.hpk_kon_formset > h2:first-child {
	display: none;
}

#inhalt .hpk_kon_container h2 {
    margin-top: 5px;
}

#umschlag h3,
div.newstitlesingle,
#inhalt .hpk_kon_container h2 {
	font-family: "nexa_lightregular", Arial, Helvetica, sans-serif;
	font-size: 150%;
	text-transform: none;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

@media only screen and (max-width: 1299px) {
	#umschlag h3,
	div.newstitlesingle,
	#inhalt .hpk_kon_container h2 {
		font-size: 120%;
	}
}

#inhalt .csc-frame.box.layout-1 h3, 
#inhalt .csc-frame.box.layout-2 h3, 
#inhalt .csc-frame.box.layout-3 h3,
#inhalt .csc-frame.box.layout-9 h3,
#inhalt .csc-frame.box.layout-10 h3 {
	text-align: center;
}

a, a:hover {
	color: #007e7e;
}

#inhalt .box a.link-typ1, 
#inhalt .box a.link-typ2 {
	position: absolute;
    transform: translateX(-50%);
	font-size: 85%;
	background: #007e7e;
	border: 1px solid #007e7e;
    color: #fff;
    border-radius: 16px;
    padding: 10px 25px;
    text-transform: uppercase;
	text-decoration: none;
	width: 85%;
	left: 50%;
}

@media only screen and (min-width: 641px) {
	#inhalt .box a.link-typ1, 
	#inhalt .box a.link-typ2 {
		width: 65%;
	}
}

@media only screen and (min-width: 960px) {
	#inhalt .box a.link-typ1, 
	#inhalt .box a.link-typ2 {
		width: 55%;
	}
}

@media only screen and (min-width: 1350px) {
	#inhalt .box a.link-typ1, 
	#inhalt .box a.link-typ2 {
		width: 75%;
	}
}

@media only screen and (max-width: 640px) {
	.box a.link-typ1, 
	.box a.link-typ2 {
		width: 85%;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 1350px) {
	.layout-0.box a.link-typ1, 
	.layout-0.box a.link-typ2 {
		width: 30%;
	}
}

body #umschlag input[type="submit"],
#inhalt .bewertungen-link,
.detailsansehen p.detailsansehen a {
	display: inline-block;
	font-size:85%;
	background: #007e7e;
	border: 1px solid #007e7e;
    color: #fff;
    border-radius: 16px;
    padding: 5px 20px;
    text-transform: uppercase;
	text-decoration: none;
}

.box a.link-typ1:hover, 
.box a.link-typ2:hover, 
#inhalt .bewertungen-link:hover, 
.detailsansehen p.detailsansehen a:hover,
body #umschlag input[type="submit"]:hover {
	background: #fff;
	border: 1px solid #007e7e;
    color: #007e7e;
}

p.detailsansehen a:before, 
a.link-typ1:before, 
a.link-typ2:before, 
a.link-typ3:before {
	display: none;
}

#umschlag div.csc-textpic-border img {
    border: none;
    border-radius: 20px;
}

.cl-right {
	display: none;
}

@media only screen and (max-width: 640px) {
	#umschlag #inhalt .csc-frame.box.layout-16, 
	#umschlag #inhalt .csc-frame.box.layout-17 {
		margin-bottom: 0;
		margin-top: 15px;
	}
}

/*#handymenue {
	position: fixed;
	top: 55px;
}*/

#handymenue li {
  background-color: #007e7e;
}
.navicon, #handymenue a,  #handymenue a:hover  { 
  color: #FFFFFF; 
}
#handymenue ul.handymenue2 li {
  background-color: #FFFFFF;
}
ul.handymenue2 li a:before {
  content: "\f18e";
  font-family: FontAwesome;
  color: #007e7e;
  margin-right: 0.5em;
}
ul.handymenue3 li a:before {
  content: "";
}
#handymenue ul.handymenue2 .navicon,
#handymenue ul.handymenue2 li a {
  color: #555555;
}
#handymenue ul.handymenue2 li a.aktiv ~ .touch-button i.navicon,
#handymenue ul.handymenue2 li a.aktiv {
  color: #007e7e;
}

.csc-frame a:hover,
a.link-typ1, 
a.link-typ2, 
a.link-typ3 {
  color: #555555;
}

.csc-frame a,
p.detailsansehen a:hover, 
a.link-typ1:hover, 
a.link-typ2:hover, 
a.link-typ3:hover,
#umschlag h2,
#umschlag h3,
#umschlag h1#titelueberschrift {
  color: #007e7e;
}

#umschlag h3,
#inhalt .hpk_kon_container h2 {
	color: #646466;
}

@media only screen and (max-width: 959px) {
	#mobil {
		width: 99%;
		padding-left: 2%;
		background: #FFFFFF;
		font-size: 18px;
		z-index: 200;
		position: fixed;
		top: 0;
		display: block;
		border-bottom: 1px solid #D8D8DF;
		box-shadow: 0px 0px 0px 1.5px #efeff0;
		-pie-box-shadow: 0px 0px 0px 1.5px #EFEFF0;
		-moz-box-shadow: 0px 0px 0px 1.5px #EFEFF0;
		-webkit-box-shadow: 0px 0px 0px 1.5px #efeff0;
		text-shadow: 0px 1px 0px rgb(180 180 180 / 20%);
	}
	
	.menu-button {
		display: inline-block;;
	}

	#navigationmobil {
		float: left;
		padding: 15px 10px 15px 15px;
		z-index: 500;
	}

	
	#suchemobil {
		display: none;
	}
	
	ul.handymenue {
		box-sizing: border-box;
		display: inherit;
	}
	
	.flexnav.opacity {
		opacity: 1;
	}

	.flexnav {
		overflow: hidden;
	}
	
	.flexnav li {
		font-size: 100%;
		position: relative;
		overflow: hidden;
		float: none;
		width: 100%;
	}
	
	.flexnav li ul li {
		font-size: 100%;
		position: relative;
		overflow: hidden;
	}
	
	.handymenue2.flexnav-show {
		display: block;
		position: relative;
	}
}

@media (min-width: 960px) {
	.flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		background-color: #a6a6a2;
		overflow: visible;
		width: 20%;
	}
}

#headumschlag {
    background: #FFFFFF;
    border-bottom: 3px solid #007e7e;
    /*position: fixed;*/
    z-index: 999;
    padding: 0 10%;
    top: 58px;
    left: 0;
	margin: 0;
	min-height: 170px;
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	#headumschlag {
		padding: 0 4%;
		min-height: 110px;
	}
}

@media only screen and (min-width: 960px) {
	#headumschlag {
		background: #FFFFFF;
		border-bottom: 3px solid #007e7e;
		position: fixed;
		z-index: 999;
		padding: 0 2%;
		top: 0;
		left: 0;
		min-height: 50px;
		width: 100%;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 1300px) {
	#headumschlag {
		background: #FFFFFF;
		border-bottom: 3px solid #007e7e;
		position: fixed;
		z-index: 999;
		padding: 0 5%;
		top: 0;
		left: 0;
		min-height: 50px;
		width: 100%;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 1600px) {
	#headumschlag {
		background: #FFFFFF;
		border-bottom: 3px solid #007e7e;
		position: fixed;
		z-index: 999;
		padding: 0 10%;
		top: 0;
		left: 0;
		min-height: 50px;
		width: 100%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 959px) {
	#headernavi {
		display: none;
	}
}
  
@media only screen and (min-width: 960px) {
	#headernavi {
		background: #fff;
		/*border-bottom: 1px solid #007e7e;*/
		display: block;
		height: 50px;
		max-width:100%;
		padding: 20px 20px 15px;
		position: relative;
		top: -65px;
		margin-bottom: 30px;
	}
}


ul#hauptmenue li,
ul#kopfmenue li {
    text-transform: uppercase;
    margin-right: 10px;
    color: #007e7e;
}
  
#headernavi a {
	background: #fff;
	border: 1px solid #007e7e;
    border-radius: 16px;
	color: #007e7e;
	font-size: 85%;
	padding:5px 19px;
}

#headernavi li a:hover,
#headernavi li.aktiv a {
  color: #fff;
  background: #007e7e;
    border-radius: 20px;
}

#headernavi .suchenav a,
#headernavi .suchenav a:hover {
	background: none;
	border: none;
}

/*#logo:after {
  border-top: 1px solid rgb(231, 15, 15);
  border-color: #007e7e;
}*/

#logo {
    background: #fff;
    float: none;
    left: 0;
    position: relative;
    z-index: 20;
    padding: 0;
    margin-top: 0;
    min-height: 60px;
    /* border: none; */
    top: 105%;
    /* width: 350px; */
    text-align: center;
    box-sizing: border-box;
    top: 0;
    border: none;
    width: 230px;
	max-width: 300px;
    margin-top: 20px;
}

@media only screen and (min-width: 960px) {
	#logo {
		background:#fff;
		float: none;
		left: 0;
		position: absolute;
		z-index: 20;
		padding: 30px;
		margin-top: 0;
		min-height: 100px;
		/*border:none;*/
		/* margin-top: 15
	px
	; */
		top: 105%;
		/*width: 350px;*/
		text-align: center;
		box-sizing: border-box;
		top: 20px;
		/*border-image: linear-gradient(to top, rgb(231, 15, 15), rgba(0, 0, 0, 0)) 1 100%;
		border-color: #007e7e;*/
		border: 3px solid #007e7e;
		width: 300px;
		
	}
}

@media only screen and (max-width: 959px) {
	#logo2 {
		position: fixed;
		top: 13px;
		z-index: 800;
		right: 15px;
	}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	#logo2 {
		top: 7px;
		right: 25px;
	}
}

@media only screen and (min-width: 960px) {
	#logo2 {
		display: flex;
	}
}

#inhaltumschlag { 
  background: #FFFFFF; 
  max-width: 100%;
  	box-sizing: border-box;
	padding: 15px 5%;
	width: 100%;
}

@media only screen and (min-width: 960px) {
	#inhaltumschlag { 
	  background: #FFFFFF;  
	  max-width: 100%;
		box-sizing: border-box;
		padding: 15px 2%;
		margin: 330px auto 0;
		width: 100%;
	}
}

@media only screen and (min-width: 1300px) {
	#inhaltumschlag { 
	  background: #FFFFFF;  
	  max-width: 100%;
		box-sizing: border-box;
		padding: 15px 5%;
		margin: 420px auto 0;
		width: 100%;
	}
}

@media only screen and (min-width: 1600px) {
	#inhaltumschlag { 
	  background: #FFFFFF;  
	  max-width: 100%;
		box-sizing: border-box;
		padding: 15px 10%;
		margin: 500px auto 0;
		width: 100%;
	}
}

@media only screen and (min-width: 1800px) {
	#inhaltumschlag { 
	  background: #FFFFFF;  
	  max-width: 100%;
		box-sizing: border-box;
		padding: 15px 10%;
		margin: 585px auto 0;
		width: 100%;
	}
}

#kopf {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
    z-index: 10;
    min-height: 70px;
    /* width: 350px; */
    /* text-align: center; */
    /* background: #fff; */
    margin: 0;
	width: auto;
    max-width: 100%;
    /* background: #fff; */
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	#kopf {
		justify-content: space-between;
		align-items: center;
		padding: 0;
		position: relative;
		z-index: 10;
		min-height: 70px;
		/* width: 350px; */
		/* text-align: center; */
		/* background: #fff; */
		margin: 0;
		width: auto;
		max-width: 100%;
		/* background: #fff; */
	}
}

@media only screen and (min-width: 960px) {
	#kopf {
		justify-content: flex-end;
	}
}

#kopf .tx-hpkfe-pi-adresse {
display: flex;
font-size: 18px;
/*font-family: "nexa_boldregular",arial,sans-serif;*/
	/* margin-top: 45
px
; */
	overflow: hidden;
	line-height: 14px;
	background: #fff;
	height: auto;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
	width: 80%;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	#kopf .tx-hpkfe-pi-adresse {
		justify-content: flex-end;
		width: 50%;
	}
}

@media only screen and (min-width: 960px) {
	#kopf .tx-hpkfe-pi-adresse {
    display: flex;
    font-size: 18px;
    /*font-family: "nexa_boldregular",arial,sans-serif;*/
		/* margin-top: 45
	px
	; */
		overflow: hidden;
		line-height: 14px;
		background: #fff;
		width: 100%;
		height: auto;
		min-height: 70px;
		align-items: center;
		justify-content: flex-end;
		margin-left: 15px;
		margin-top: 3px;
		margin: 3px 50px 0 0;
		width: 50%;
	}
}

@media only screen and (max-width: 820px) {
	#seitenart-0 #submenue_newsbox, #kopf .tx-hpkfe-pi-adresse {
		display: flex;
	}
}


#cvideo-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(197,197,197,0.5);
    top: 0;
    left: 0;
    z-index: 3;
    position: absolute;
}

.clipbox-header .clipbox-describe {
	display: none;
}
 
@media only screen and (min-width: 960px) {
	.clipbox-header .clipbox-describe {
		display: block;
		position: absolute;
		width: 100%;
		top: 100%;
		text-align: center;
		animation: position-headline 1s 1; 
		animation-delay: 2s;
		animation-fill-mode: forwards;
		z-index:4;
	}

	@keyframes position-headline {
	  from { 
			 top: 100%;
		   }
	  to { 
			top: 30%;
		  }
	 }
}

.clipbox-header .clipbox-describe h2 {
	/*background: #007e7e;*/
	font-size: 250% !important;
	color: white !important;
	text-shadow: 2px 1px 2px rgb(0 0 0 / 60%);
	display: inline-block;
	width:auto;
	font-weight: 900;
	/*box-shadow: 1px 1px 90px rgb(255 255 255);
    padding: 0 10px;*/
}

@media only screen and (min-width: 1300px) {
	.clipbox-header .clipbox-describe h2 {
		font-size: 350% !important;
	}
}

.clipbox-header .clipbox-describe p {
	font-size: 150% !important;
	color: white;
	text-shadow: 2px 1px 2px rgb(0 0 0 / 60%);
}

.clipbox-header .clipbox-describe .hpk_adr_tel2 a {
    transform: translateX(-50%);
    font-size: 120%;
    background: #007e7e;
    color: #fff !important;
    border-radius: 20px;
    padding: 5px 20px;
    text-transform: uppercase;
}

.fa-search:before {
	font-size: 20px !important;
}

.clipbox-header .clipbox-describe .hpk_adr_tel2 a:before {
    content: "\f095";
    padding-right: 8px;
    font-family: FontAwesome;
}

#kopf .tx-hpkfe-pi-adresse .hpk_adr_firma,
#kopf .tx-hpkfe-pi-adresse .hpk_adr_tel a  {
  color: #007e7e;
}

#headernavi .suchenav {
  color: #007e7e;
}

/*#headernavi .suchenav #suchefont {
  background: #007e7e;
}*/

#headernavi .suchenav #suchefont {
	border-bottom: 3px solid #007e7e;
    position: absolute;
    min-width: 300px;
    margin-left: -275px;
    margin-top: -37px;
    padding: 8px 0;
    overflow: hidden;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

#headernavi .suchenav #suchefont input,
#headernavi .suchenav #suchefont .btn-success  {
  color: #007e7e;
  background-color: #FFFFFF;
  background-image: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  padding: 0;
}

#headernavi .suchenav a.suchefontclose {
	padding: 6px 10px 5px;
}

#headernavi .suchenav .open {
	display: block;
    width: 165px !important;
    border: 1px red solid;
    background-color: white;
    padding: 15px !important;
    right: 50px;
}

/*div#submenue_newsbox {
    position: fixed;
    top: 110px;
    left: 0;
    z-index: 1000;
    background: #f2f2f2;
    padding: 30px;
    transform: translateX(-95%);
    transition: transform 0.5s;
}

div#submenue_newsbox:hover {
    transform: translateX(0);
}*/

#submenue_newsbox {
	margin-top: 10px;
	width: 100%;
}


@media only screen and (min-width: 960px) {
	#submenue_newsbox { 
		margin-top: -30px;
		width: 36%;
	}
}

@media only screen and (min-width: 1300px) {
	#submenue_newsbox { 
		margin-top: -30px;
		width: 25%;
	}
}

#seitenart-0 #inhalt, 
#seitenart-1 #inhalt, 
#seitenart-2 #inhalt {
	margin-left: 0;
	width: 100%;
	box-sizing: border-box;
}

#seitenart-0 #inhalt {
	position: relative;
    top: 0;
}

@media only screen and (min-width: 960px) {
	#seitenart-0 #inhalt {
		top: -75px;
	}
	
	#seitenart-0 #inhalt, 
	#seitenart-1 #inhalt, 
	#seitenart-2 #inhalt {
		width: 63%;
	}
}

@media only screen and (min-width: 1300px) {
	#seitenart-0 #inhalt {
		top: -75px;
	}
	
	#seitenart-0 #inhalt, 
	#seitenart-1 #inhalt, 
	#seitenart-2 #inhalt {
		width: 72%;
	}
}

/*div#untermenue2:before,
div#untermenue2:after {
	position: absolute;
    right: 0;
    display: block;
    background: #f2f2f2;
    color: #f00;
    padding: 30px;
    box-sizing: border-box;
    transform: translateX(100%);
	font-family: FontAwesome;
	font-size: 30px;
}

div#untermenue2:before {
    content: "\f017";
    top: 20px;
}

div#untermenue2:after {
    content: "\f0b1";
    top: 130px;
}*/

#submenue_newsbox #untermenue2 {
	margin-left: 0;
}
	
@media only screen and (min-width: 960px) {
	#submenue_newsbox #untermenue2 {
		margin-left: 20px;
	}
}

#submenue_newsbox #untermenue2 li a {
  color: #555555;
}

#submenue_newsbox #untermenue2 li a.aktiv,
#submenue_newsbox #untermenue2 li a:hover {
  color: #007e7e;
}

.sprachauswahl a {
  color: #FFFFFF;
  background: #007e7e;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color:#007e7e;
  color:#FFFFFF
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active{
  background-color:#a70a0a;
  color:#FFFFFF
}

a.cc_more_info {
  color:#007e7e;
}

#umschlag .inhalt_menu {
    margin-left: 0;
	width: 100%;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	#umschlag .inhalt_menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: stretch;
	}
	
	#seitenart-1 #umschlag .inhalt_menu,
	#seitenart-2 #umschlag .inhalt_menu {
		margin-bottom: 30px;
	}
	
	#umschlag .inhalt_menu .layout-0,
	#umschlag .inhalt_menu .layout-6 	{
		box-sizing: border-box;
		width: 48%;
	}
	
	#umschlag .inhalt_menu .layout-0 .layout-0 {
		box-sizing: border-box;
		width: 100%;
	}
}

@media only screen and (min-width: 960px) {
	#umschlag .inhalt_menu {
		margin-left: 20px;
		width: 300px;
	}
}

@media only screen and (min-width: 1300px) {
	#umschlag .inhalt_menu {
		margin-left: 0;
		width: 300px;
	}
}

#umschlag .cycle-slideshow,
#umschlag .bewertungen-single-item,
#umschlag .inhalt_menu .layout-6 {
    border: 1px solid #e6e6e6;
	border-radius: 20px;
	margin-bottom: 45px;
	position: relative;
}

#umschlag .inhalt_menu .layout-6 {
	padding: 30px;
}

.bewertungen-cont-top hr {
	background-color: #e6e6e6;
}

#umschlag .inhalt_menu .layout-0 .csc-header-25,
#umschlag .inhalt_menu .layout-0 .csc-textpic-text .csc-content {
    margin-left: 30px;
}

#umschlag .inhalt_menu .layout-0 .cycle-slideshow .csc-textpic-text .csc-content {
	margin-left: 0;
}


.tester {
    /* background: #f00; */
    transform: rotate(45deg);
    padding: 10px;
    color: #fff;
    text-align: center;
    width: 30%;
    position: absolute;
    top: 10px;
    right: -35px;
}

.ribbon-content {
    content: "";
    position: absolute;
    border: 3px solid #007e7e;
    top: -10px;
    background: #007e7e;
    left: 0;
    right: 0;
    display: block;
    z-index: -1;
    /* width: 10px; */
    height: 45px;
    transform: perspective(2em) rotateX(30deg) rotateY(-180deg) rotateZ(360deg);
}

#umschlag .cycle-slideshow h2, 
#umschlag .bewertungen-single-item h2 {
    font-size: 150%;
}

#umschlag .inhalt_menu h2 {
	font-size: 130%;
}

#umschlag .cycle-slideshow h3, 
#umschlag .bewertungen-single-item h3 {
	font-size: 110%;
}

.csc-header h3 {
    text-transform: none;
}

.cycle-slide,
.bewertungen-cont-top {
	padding: 30px;
}

.cycle-slide {
	padding-bottom: 45px;
}

#umschlag .cycle-slide .link-typ1,
#umschlag .cycle-slide .link-typ2 {
	bottom: 45px;
}


.cycle-pager {
	bottom: -15px !important;
	top: auto !important;
}

.cycle-pager-active {
	color: #007e7e;
}

/*#umschlag .inhalt_menu h2,
#umschlag .inhalt_menu a {
	color: #fff;
}*/

#inhalt .csc-header {
	/*background: #fff;*/
	margin: 0;
	padding: 0 15px 15px;
}

.inhalt_menu .box a.link-typ1, 
.inhalt_menu .box a.link-typ2 {
	box-sizing: border-box;
    width: 85%;
}


/* 
#kopfmenue_div {
	float: none;
} 
*/

#submenue_newsbox .box {
	margin: 0;
}

@media only screen and (max-width:959px){
	#submenue_newsbox #untermenue2 {
		display: none;
	}
}

#submenue_newsbox .news-latest-container {
  background: #e6e6e6;
}

#inhalt .tx-hpkfe-pi-partner img {
    border: 1px solid #e6e6e6;
    border-radius: 20px;
}

#inhalt .tx-hpkfe-pi-partner img:hover {
	border: 1px solid #007e7e;
}

#fussumschlag {
  color: #555555;
  background: #fff;
  border-top: 3px solid #007e7e;
margin-top: 0;
    min-height: 240px;
    position: relative;
	padding: 0;
}

#fussinhalt {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 5%;
    max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

#fussumschlag #fussinhalt div.tx-hpkfe-pi-adresse {
	width: auto;
	margin: 0;
}

#fussumschlag #fussinhalt ul#fussmenue {
	font-size: 16px;
	margin-left: 0;
	padding-top: 1%;
    padding-bottom: 2%;
	position: relative;
	left: 0;
	right: 0;
}

ul.zentralfussmenu li.ebene1_strong {
	font-size: 16px;
}

#fussumschlag a {
  color: #555555;
}

#fussumschlag a:hover {
  color: #000000;
}

@media only screen and (min-width: 640px) and (max-width:1599px){
	#fussinhalt {
		box-sizing: border-box;
		margin: 30px 0;
		padding: 0 5%;
		width: 100%;
	}
	
	#fussinhalt div.tx-hpkfe-pi-adresse,
	#fussinhalt ul.zentralfussmenu,
	ul#fussmenue {
		margin: 0;
		padding: 0;
	}
	
	ul#fussmenue {
		top: 0;
	}
	
	#fussmenue li {
		width: auto;
		padding: 0 10px 0 0;
	}
}

#sliderumschlag {
	overflow: hidden;
	/*position: fixed;*/
    top: 227px;
    z-index: 0;
}

@media only screen and (min-width: 640px) and (max-width:959px){
	#sliderumschlag {
		top: 169px;
	}
}

@media only screen and (min-width: 960px) {
	#sliderumschlag {
		max-height: 775px;
		min-height:262px;
		overflow: hidden;
		position: fixed;
		top: 75px;
		z-index: 0;
	}
}

@media only screen and (min-width: 1300px) {
	#sliderumschlag {
		max-height: 775px;
		min-height:514px;
		overflow: hidden;
		position: fixed;
		top: 75px;
		z-index: 0;
	}
}

#umschlag .tx-emasters-lib-uni-pi-video .csc-textpic {
	overflow: hidden;
}

.csc-textpic-center-inner:hover {
	opacity: 0.4;
    filter: alpha(opacity=50);
}

#sliderumschlag .tx-emasters-lib-uni-pi-video .csc-textpic-text {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    z-index: 2;
	    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
}

/*#sliderumschlag #slider .flex-caption div,
#sliderumschlag #slider .flex-caption h3 {  
  background-color: rgba(250,250,250,0.8);
}*/

#slider {
    background-size: 100%;
    background-position: top;
    position: relative;
    overflow: hidden;
    height: auto !important;
}

#slider .flex-control-nav li a {
  background-color: #FFFFFF;
}

#slider .flex-control-nav li a:hover,
#slider .flex-control-nav li a.active {
  background-color: #007e7e;  
}

.bewertungen-list-item,
#umschlag .news-list-item {
	border: 1px solid #e6e6e6;
	border-radius:20px;
	margin: 2em 0 0;
	padding: 1em;
	position: relative;
}

.bewertungen-cont-right {
	border-left: 1px solid #e6e6e6;
}

#umschlag .news-list-item:first-child {
	margin: 0;
}

div.newsdatum {
  border-right: 1px solid #646466;
}

div.newsdatum .tag {
  background-color: #646466;
  color: #FFFFFF;
}

div.newstitlesingle,
.news_title a {
	color: #646466;
}

div.newstitlesingle:hover,
.news_title a:hover {
	color: #007e7e;
}

div.newstitlesingle {
	margin: 0 0 0 15px;
}

body #umschlag input,
body #umschlag select,
body #umschlag textarea,
#suchefont .boxsuche_input {
  border-color: #e6e6e6;
  border-radius: 16px;
}

input[type="submit"] {
  background-color: #007e7e;
  border-color: #007e7e;
  margin: 15px 0;
}

.accordion_element {
    padding: 20px;
    border-top: 1px solid #fff;
    text-align: left;
    border: 1px solid #e6e6e6;
    margin: 15px 0;
    border-radius: 20px;
}

.csc-frame .accordion_element a {
	display: inline-block;
	position: relative;
}

.accordion_header i {
	left: 0;
}

.clipbox {
	overflow: hidden;
	position: relative;
}

#inhalt .clipbox .csc-content {
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    margin-bottom: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 120px;
	text-align: center;
	transform: translateY(60%);
	transition: transform 0.5s;
}

#inhalt .clipbox:hover .csc-content {
    transform: translateY(0%);
}

/*.bodytextcontent div.csc-textpic-center .csc-textpic-center-inner {
	right: -55%;
}

.bodytextcontent .image-caption {
	margin-left: 30px;
}*/

/**** FontAwesome Icons ****/

p.detailsansehen a:before, 
a.link-typ1:before, 
a.link-typ2:before, 
a.link-typ3:before {
  content: "\f18e";
  font-family: FontAwesome;
  color: #007e7e;
}

#kopf .tx-hpkfe-pi-adresse .hpk_adr_tel a:before {
  content: "\f095";
  padding-right: 8px;
  font-family: FontAwesome;
}

#kopf .tx-hpkfe-pi-adresse .hpk_adr_mail a:before {
  content: "\f0e0";
  padding-right: 8px;
  font-family: FontAwesome;
}

#fussumschlag .zentralfussmenu .ebene2 a:before {
  content: "\f105";
  font-family: FontAwesome;
  color: #007e7e;
}

#seitenart-0 #inhalt .layout-8 li:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #007e7e;
}

#submenue_newsbox #untermenue2 li .fa-chevron-right:before {
  content: "\f18e";
  font-family: FontAwesome;
  color: #007e7e;
}

#headernavi .suchenav #suchefont .btn-success:before {
  content: "\f101";
  font-family: FontAwesome;
}

#umschlag .tx-indexedsearch-icon.icon:before {
  content: "\f0a9";
  font-family: FontAwesome;
}

/********** Cookie **************/

.cookie-wrapper {
	background: rgba( 0, 0, 0, 0.75 );
	box-shadow: 0 0 5px #aeaeae;
}

.cookie-content {
	background: #fff;
	box-shadow: 0 0 5px #acacac;
}

.cookie-list  .dismiss-cookies.cookie-button,
.dismiss-cookies.cookie-button,
.save-cookies.cookie-button,
.save-cookies-settings.cookie-button {
	background: #007e7e;
	border-radius: 26px;
    color: #fff;
	font-weight: bold;
	height: 50px;
	text-transform: uppercase;
}

.cookie-content fieldset:nth-child(odd),
.cookie-list li:nth-child(odd) {
	background: #f2f2f2;
}

.cookie-content fieldset:nth-child(even),
.cookie-list li:nth-child(even) {
	background: #eaeaea;
}

.cookie-note {
	color: #999;
}

.dismiss-cookies {
	background: #ddd;
	color: #555;
}

.cookie-list-link {
    background: #fff;
    border: 1px solid #aaa;
	color: #aaa;
}

.cookie-list-link:hover {
    background: #007e7e;
    border: 1px solid #007e7e;
    color: #fff;
}

.cookie-list-link:before:hover {
	color: #fff;
}

.cookie-list {
	background: #fff;
} 

.cookie-list li li:nth-child(odd),
.cookie-list li li:nth-child(even) {
	background: transparent;
}

.cookie-icon-wrapper {
	background: #ddd;
}

/* Flip Effekt ----------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1080px) {
	#inhalt .csc-frame.layout-6,
	#inhalt .layout-6 .csc-header,
	#inhalt .layout-6 .bodytextcontent {
		box-sizing: border-box;
	}
	
	#inhalt .csc-frame.layout-6 {
		-webkit-perspective: 2000px;
		perspective: 2000px;
		position: relative;
	}

	#inhalt .layout-6 .csc-header,
	#inhalt .layout-6 .bodytextcontent {
		align-self: center;
		display: flex;
		height: 100%;
		left: 0;
		margin: 0;
		padding: 15px;
		position: absolute;
		text-align: center;
		top: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		transition: ease-in-out 0.4s;
		width: 100%;
	}

	#inhalt .layout-6 .csc-header {
		background: #e6e6e6;
		border-radius: 16px;
	}
	
	#inhalt .layout-6 .csc-header h2 {
		display: flex;
		align-self: center;
		justify-content: center;
		margin: 0;
		font-size: 150%;
	}

	#inhalt .layout-6 .bodytextcontent {
		opacity: 0;
		position: relative;
		text-align: left;
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}

	#inhalt .layout-6:hover .csc-header {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	#inhalt .layout-6:hover .bodytextcontent {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

/********** Glide Effekt Startseite **************/

#seitenart-0 #inhalt {
	overflow: hidden;
	text-align: center;
	float: none;
	margin: 0 auto;
}

#seitenart-0 #inhalt .csc-frame.box.layout-16,
#seitenart-0 #inhalt .csc-frame.box.layout-17	{
	position: relative;
	transition: transform 0.5s;
}

#seitenart-0 #inhalt .csc-frame.box.layout-16 {
	transform: translateX(-101%);
}


#seitenart-0 #inhalt .csc-frame.box.layout-17 {
	transform: translateX(102%);
}

html:hover #seitenart-0 #inhalt .csc-frame.box.layout-16,
html:hover #seitenart-0 #inhalt .csc-frame.box.layout-17 {
	transform: translateX(0);
}