/**********************************************************/
/****** e-masters HPK2 Basis Datei für alle Layouts ******/
/********************************************************/

@import url("css_styled_content.css");
@import url("flexnav.css");
@import url("hpk2basisboxen.css");
@import url("font-awesome.min.css");
@import url("normalize.css");
@import url("hpk2news.css");

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 13px;
  line-height: 1.42857143;
  background: #ffffff;
  color: #555555;
}

b, 
strong {
  font-weight: bold;
}

h1#titelueberschrift, h1, h2, h3, h4, h5, h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: inherit; 
}

h1#titelueberschrift {
  font-size: 165%; 
  margin-bottom: 0;
}

h1 {font-size: 145%;}
h2 {font-size: 145%; margin-top: 0;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 115%;}
h6 {font-size: 110%;}

p { 
  margin-bottom: 8px; 
  line-height: 140%; 
}

hr {
  margin: 6px 0px; 
  border: 0px none; 
  height: 1px;
  background-color: #e4e4e4; 
  color: #e4e4e4; 
}

iframe {
  border: 0;
}

.important {
  color: red;
}

.align-justify {text-align: justify;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

.csc-content ul,
.csc-content ol,
.csc-frame ul,
.csc-frame ol,
.bodytextcontent ul,
.bodytextcontent ol,
.indent { 
  margin-left: 16px; 
}

.csc-frame ul, 
.csc-frame ol { 
  margin-bottom: 8px; 
}

.clear,
.divider { 
  clear: both;
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  min-height: 0;
  height: 0;
  width: 100%;
}

a { 
  text-decoration: none; 
  color: #428bca;
}

a:hover,
a:focus {
  color: #2a6496;
}

.csc-frame a {
  text-decoration: underline;
}

p.detailsansehen a,
a.link-typ1, 
a.link-typ2, 
a.link-typ3 { 
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}

a.link-typ-underline { 
  text-decoration: underline; 
}

#inhalt .box a.link-typ1,
#inhalt .box a.link-typ2 {
  position: absolute;	
  bottom: 18px;
}

/* #inhalt .bodytext + .bodytext { */
  /* padding-bottom: 15px; */
/* } */

#inhalt .box .textlinks a.link-typ1, 
#inhalt .box .textlinks a.link-typ2 {
  position: static;
}

#inhalt .herstellerlink a {
  text-decoration: none;
}

#fussumschlag #handymenue a {
  color: #ffffff;
}

#mobil a:hover,
#fussumschlag #handymenue a:hover {
  color: #2d2d2d;
}

#mobil a {
  color: #414141;
	white-space: nowrap;
}

#mobil,
.handymenue {
  display: none;
}

@media only screen and (max-width: 980px) {

	body  {
		overflow-x: hidden;
	}
}

/**********************************************/
/*** Bilder Video allgemein / responsive *****/
/********************************************/

#umschlag img, 
#umschlag embed, 
#umschlag object {
  max-width: 100%;
  width: auto;
  height: auto;
  border: 0;
  display: inline;
}

/*
Bilder mit der Angabe "Anzahl an Spalten" werden sonst nicht richtig dargestellt
#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image, 
*/
#umschlag div.csc-textpic-above div.csc-textpic-imagewrap,
#umschlag div.csc-textpic-below div.csc-textpic-imagewrap,
#umschlag .csc-textpic-intext-right div.csc-textpic-imagecolumn.csc-textpic-lastcol.csc-textpic-firstcol {
  float: none;
}

div.csc-textpic-left div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-left div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-image{
  margin-right: 1%;;
}

div.csc-textpic-right div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-right div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-left: 1%;
}

div.csc-textpic-center div.csc-textpic-imagewrap ul li.csc-textpic-image,
div.csc-textpic-center div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-left: 1%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-1-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-1-col {
  width: 100%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-2-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-2-col {
  width: 49%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-3-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-3-col {
  width: 32%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-4-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-4-col {
  width: 24%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-5-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-5-col {
  width: 19%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-6-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-6-col {
  width: 15.5%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-7-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-7-col {
  width: 13%;
}

#umschlag div.csc-textpic div.csc-textpic-imagewrap ul li.image-8-col,
#umschlag div.csc-textpic div.csc-textpic-imagewrap dl.image-8-col {
  width: 11.5%;
}

/* #umschlag div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap, */
/* #umschlag div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap, */
/* #umschlag div.csc-textpic-intext-right div.csc-textpic-imagewrap, */
/* #umschlag div.csc-textpic-intext-left div.csc-textpic-imagewrap { */
  /* width: 38%; */
/* } */

/* #seitenart-0 #umschlag div.layout-13 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap, */
/* #seitenart-0 #umschlag div.layout-13 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap, */
/* #seitenart-0 #umschlag div.layout-13 div.csc-textpic-intext-right div.csc-textpic-imagewrap, */
/* #seitenart-0 #umschlag div.layout-13 div.csc-textpic-intext-left div.csc-textpic-imagewrap { */
  /* width: 15%; */
/* } */

#seitenart-0 #umschlag div.layout-1 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-2 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-3 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-1 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-2 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-3 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-1 div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-2 div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-3 div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-1 div.csc-textpic-intext-left div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-2 div.csc-textpic-intext-left div.csc-textpic-imagewrap,
#seitenart-0 #umschlag div.layout-3 div.csc-textpic-intext-left div.csc-textpic-imagewrap {
  width: 28%;
}

#umschlag div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  text-align: right;
}

#umschlag div.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right: 40%; 
}

#umschlag div.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 39%;
}

#umschlag div.csc-textpic-border img /** Bilder mit Rahmen **/ {
  border: 1px solid #bfbfbf;
}

#umschlag div.tx-hpkfe-pi-gmap img /** Google Map aufheben **/ {
  max-width: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
}

#umschlag .tx-emasters-lib-uni-pi-video .csc-textpic,
#umschlag .csc-textpic-intext-right .csc-textpic-imagerow,
#inhalt .tx-emasters-lib-uni-pi-video .csc-textpic,
#inhalt .csc-textpic-intext-right .csc-textpic-imagerow {
	overflow: visible;
}

.csc-textpic-imagewrap img {
	height: auto;
	max-width: 100%;
	width: auto;
}

#umschlag .gm-control-active > img {
	position: absolute;
}

#umschlag .gm-control-active > img:nth-child(1) {
	display: block;
}

@media only screen and (max-width: 500px) {
	#inhalt .csc-frame.box.layout-7 .csc-textpic-imagewrap,
	#inhalt .csc-frame.box.layout-8 .csc-textpic-imagewrap	{
		max-width: 40%;
	}
}

@media only screen and (max-width: 1300px) {
	#inhalt .csc-frame.box.layout-0 .csc-textpic-imagewrap,
	#inhalt .csc-frame.box.layout-7 .csc-textpic-imagewrap,
	#inhalt .csc-frame.box.layout-8 .csc-textpic-imagewrap,
	#inhalt .csc-frame.box.layout-13 .csc-textpic-imagewrap,
	#inhalt .IM.normal.box.layout-0 .csc-textpic-imagewrap,
	.news-single-img {
		max-width: 47%;
	}
}

#inhalt .csc-frame.box.layout-0 .csc-textpic-equalheight .csc-textpic-imagewrap,
#inhalt .csc-frame.box.layout-7 .csc-textpic-center .csc-textpic-imagewrap,
#inhalt .csc-frame.box.layout-13 .csc-textpic-equalheight .csc-textpic-imagewrap {
	max-width: 100%;
}

/**********************************************/
/*************** Video Plugin ****************/
/********************************************/

.tx-emasters-lib-uni-pi-video {
	box-sizing: border-box;
	width: 100%;
}

#umschlag .tx-emasters-lib-uni-pi-video .emasters_video,
#umschlag .tx-emasters-lib-pi-video .emasters_video,
#umschlag .elastic-video,
#inhalt .elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 7px;
  height: 0;
  overflow: hidden;
  z-index: 2;
}

#umschlag .tx-emasters-lib-uni-pi-video .emasters_video video,
#umschlag .tx-emasters-lib-pi-video .emasters_video video,
#umschlag .elastic-video iframe,
#inhalt .elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

#umschlag .vjs-fullscreen-control.vjs-control /** no fullscreen **/ {
  display: none;
}

#umschlag .vjs-volume-control /** position correctur **/ {
  margin-right: 10px !important;
}

#umschlag .tx-emasters-lib-uni-pi-video .vjs-controls,
#umschlag .tx-emasters-lib-pi-video .vjs-controls {
  z-index: 5;  
}

#umschlag .vjs-big-play-button,
#umschlag .vjs-controls {
  z-index: 15;
}

.emasters_video .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button,
.emasters_video .vjs-default-skin .vjs-big-play-button,
#umschlag .vjs-default-skin .vjs-big-play-button {
  width: 65px;
  height: 65px;
  left: 50%;
  top: 50%;  
  margin: 0;
  border-radius: 50px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: rgb(85, 85, 85); /* Fallback */
  background-color: rgba(85, 85, 85, 0.7);
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
}

.emasters_video .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button:before,
.emasters_video .vjs-default-skin .vjs-big-play-button:before,
#umschlag .vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  line-height: 0;
  text-shadow: 0px 0px 0px;
  text-align: center;
  position: absolute;
  font-size: 25px;
  left: 50%;
  top: 50%;  
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
}

#umschlag .hpk_pc-klein .vjs-default-skin .vjs-current-time, #headerfoto .vjs-default-skin .vjs-duration {
  width: 11%;
}

#umschlag .vjs-default-skin .vjs-big-play-button:hover {
  background-color: rgb(40, 40, 40); /* Fallback */
  background-color: rgba(40, 40, 40, 0.7);
}

#umschlag div.tx-emasters-lib-uni-pi-video div.csc-textpic-intext-right div.csc-textpic-imagewrap /* Video im Text */ {
  width: 42%;
}

@media only screen and (max-width: 640px) {

#umschlag div.tx-emasters-lib-uni-pi-video div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  width: 95%;
}

}

#logo_menu .inhalt_menu .box.layout-13 .emasters_video .vjs-current-time,
#untermenu_div .box.layout-13 .emasters_video .vjs-current-time,
#submenue_newsbox .box.layout-13 .emasters_video .vjs-current-time {
  width: 15%;
}

/*****************Video Header******************/
.middle-content #slider div.tx-emasters-lib-uni-pi-video div.csc-textpic div.csc-textpic-imagewrap,
#umschlag #slider div.tx-emasters-lib-uni-pi-video div.csc-textpic div.csc-textpic-imagewrap {
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

/**********************************************/
/************** Video Overlay ****************/
/********************************************/

.emasters_video {
  position: relative;
}


#seitenart-0 .slider .tx-emasters-lib-uni-pi-video .emasters_video {
	height: 100% !important;
	padding: 0;
}

#seitenart-0 .slider .tx-emasters-lib-uni-pi-video .emasters_video video {
	height: auto;
	position: relative;
}

#seitenart-0 .slider .tx-emasters-lib-uni-pi-video .csc-textpic-imagewrap {
	margin: 0;
}

#seitenart-0 .vjs-default-skin {
	display: flex;
	line-height: 100%;
    max-width: 100%;
    max-height: 100%;
}


#seitenart-0 .slider .vjs-default-skin {
	display: flex;
	height: 100% !important;
	line-height: 100%;
    max-width: 100%;
    max-height: 100%;
}


#seitenart-0 .slider .tx-emasters-lib-uni-pi-video .csc-textpic-text {
	display: none;
}

#seitenart-0 .slider  .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	max-width: 100%;
}

.overlay {
  position: absolute;    
  width: 96%;
  padding: 8px 2% 8px 2%;
  bottom: 15%;	
  left: 0;
  z-index: 15;
  background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 15%, rgba(255,255,255,0.64) 33%, rgba(255,255,255,0.34) 54%, rgba(255,255,255,0.3) 57%, rgba(255,255,255,0.69) 74%, rgba(255,255,255,0.95) 85%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(15%,rgba(255,255,255,0.9)), color-stop(33%,rgba(255,255,255,0.64)), color-stop(54%,rgba(255,255,255,0.34)), color-stop(57%,rgba(255,255,255,0.3)), color-stop(74%,rgba(255,255,255,0.69)), color-stop(85%,rgba(255,255,255,0.95))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 15%,rgba(255,255,255,0.64) 33%,rgba(255,255,255,0.34) 54%,rgba(255,255,255,0.3) 57%,rgba(255,255,255,0.69) 74%,rgba(255,255,255,0.95) 85%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 15%,rgba(255,255,255,0.64) 33%,rgba(255,255,255,0.34) 54%,rgba(255,255,255,0.3) 57%,rgba(255,255,255,0.69) 74%,rgba(255,255,255,0.95) 85%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 15%,rgba(255,255,255,0.64) 33%,rgba(255,255,255,0.34) 54%,rgba(255,255,255,0.3) 57%,rgba(255,255,255,0.69) 74%,rgba(255,255,255,0.95) 85%); /* IE10+ */
  background: linear-gradient(to right,  rgba(255,255,255,0.9) 15%,rgba(255,255,255,0.64) 33%,rgba(255,255,255,0.34) 54%,rgba(255,255,255,0.3) 57%,rgba(255,255,255,0.69) 74%,rgba(255,255,255,0.95) 85%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#f2ffffff',GradientType=1 ); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#oinhalt {
  float: left;
  width: 75%;
  color: #363636;
}

#oheader {
  font-size: 150%;  
  margin-bottom: 2px;
}

#ologo {  
  float: right;
  text-align: right;
  width: 20%;  
}

#ologo img {
  max-height: 50px;
  max-width: 100%;
  width: auto;
  height: auto;
}

#umschlag .overlay img {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.em-yt-overlay {
    position: absolute;
    z-index: 500;
}

.em-yt-content {
    position: relative;
    z-index: 2;
}

p.youtube-text {
    background: rgba(242,242,242, 0.6);
}

.em-yt-button {
    border: none;
    border-radius: 0;
	display: block;
    margin: 1rem auto 0;
	padding: 0.5rem 1rem;
}

img.em-yt-content-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 980px) {

body #oheader {
  font-size: 120%; 
}

body .overlay {
  bottom: 20%;
}

}

/**********************************************/
/***** Video Vorschauleiste (Uebersicht) *****/
/********************************************/

#umschlag .playlist-components {
  position: relative;
  width: 100%;    
  margin: 8px 0 8px 0;
}

#umschlag .playlist-components .playlist {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}

#inhalt .playlist-components .playlist ul {
  margin-left: 0;
  margin-bottom: 5px;
}

#inhalt .playlist-components .playlist li {
  list-style-type: none;
  display: inline;
}

#inhalt .playlist-components .playlist li img {
  border: 3px solid;
  border-color: rgba(7, 20, 30, 0.7);
  margin: 0 8px 0 0;
  cursor: pointer;
  max-width: 100%;
  width: auto;
  height: auto;
}

#inhalt .playlist-components .playlist li img:hover {
  border-color: #FFFFFF;
}

#inhalt .playlist-components .playlist li.active img {
  border-color: #e40514;
}

#inhalt .playlist-components .playlist #prev,
#inhalt .playlist-components .playlist #next {
  display: none;
}

#umschlag .playlist-components .playlist::-webkit-scrollbar{
  width: 9px;
  height: 9px;
}

#umschlag .playlist-components .playlist::-webkit-scrollbar-track-piece{
  background-color: #FAFAFA;
  -webkit-border-radius: 8px;  
}

#umschlag .playlist-components .playlist::-webkit-scrollbar-thumb:vertical{
  height: 50px;
  background-color: rgba(7, 20, 30, 0.7);
  -webkit-border-radius: 8px;
}

#umschlag .playlist-components .playlist::-webkit-scrollbar-thumb:horizontal{
  width: 50px;
  background-color: rgba(7, 20, 30, 0.7);
  -webkit-border-radius: 8px;
}

/**********************************************/
/**************** Bildpositionen *************/
/********************************************/

#umschlag img {
  position: relative; /* PIE htc Bilder sind sonst beim IE8 nicht sichtbar */
}

#inhalt .csc-textpic-intext-right.csc-textpic-imagerow,
#inhalt .csc-textpic-right.csc-textpic-above .csc-textpic-imagewrap,
#inhalt .csc-textpic-right.csc-textpic-below .csc-textpic-imagewrap {
  text-align: right;
  right: 0;
}

#inhalt div.csc-textpic-intext-right div.csc-textpic-imagewrap, 
#inhalt div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left: 0px !important;
}

#inhalt .textlinks .csc-textpic-text span {
  line-height: normal;
}

#inhalt .textlinks .csc-content {
  padding: 0;
  font-size: 100%;
}

#inhalt .textlinks .csc-content p {
  margin-bottom: 5px;
}

#inhalt .textlinks h1,
#inhalt .textlinks .csc-textpicHeader,
#inhalt .textlinks .csc-header {
  font-size: 120%;
  margin-bottom: 0;
}

#inhalt .textlinks .csc-textpic-text {
  position: absolute;
  left: 0;
  bottom: 8%;
  background: -moz-linear-gradient(left, rgba(255,255,255,0.85) 75%, rgba(255,255,255,0.54) 84%, rgba(229,229,229,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(75%,rgba(255,255,255,0.85)), color-stop(84%,rgba(255,255,255,0.54)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0.85) 75%,rgba(255,255,255,0.54) 84%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255,255,255,0.85) 75%,rgba(255,255,255,0.54) 84%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255,255,255,0.85) 75%,rgba(255,255,255,0.54) 84%,rgba(229,229,229,0) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255,255,255,0.85) 75%,rgba(255,255,255,0.54) 84%,rgba(229,229,229,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
  width: 89%;
}

#inhalt .csc-textpic-caption {
  font-size: 90%;
}

@media only screen and (max-width: 768px) {

#inhalt .textlinks .csc-header{
  font-size: 100%;
}

#inhalt .textlinks .csc-textpic-text {
  font-size: 85%;
}

}

@media only screen and (max-width: 640px) {

#inhalt .textlinks .csc-header{
  font-size: 120%;
}

#inhalt .textlinks .csc-textpic-text {
  font-size: 100%;
}

}

/**********************************************/
/****************** Allgemeines **************/
/********************************************/

#seitenart-3 #submenue_newsbox {
	display: none;
}

#seitenart-3 #inhalt {
	padding-left: 15px;
}

#umschlag {	
  width: 1270px;
  margin: 0 auto;
  padding-left: 1%;
  position: relative;
}

#kopf,
#inhaltumschlag {	
  clear: both;
}

#logo {
  float: left;
}

#logo2 {
  float: right;
}

#fussumschlag {
  width: 1270px;
  margin: 0 auto;
  clear: both;
  padding-left: 1%;
  position: relative;
}

/**********************************************/
/***************** Abstaende *****************/
/********************************************/

/* Beispiel für Vererbung 
#inhalt .box > * {
  margin: 0 20px;
}
*/

#inhalt .csc-header,
#inhalt .csc-content,
#inhalt .tx-hpkfe-pi-kontakt,
#inhalt .tx-powermail-pi1,
#inhalt .tx-powermail,
#inhalt .tx-hpkfe-pi-gmap,
#inhalt .tx-hpkfe-pi-adresse,
#inhalt .tx-hpkfe-pi-impressum,
#inhalt .tx-hpkfe-pi-datenschutz,
#inhalt .hpkfe-pi-betroffenenrechte,
#inhalt .tx-hpkfe-pi-referenzen,
#inhalt .tx-indexedsearch,
#inhalt .news-list-container,
#inhalt .news-single-item,
#inhalt .box .tx-emasters-lib-uni-pi-video {
  padding: 0 15px 0 15px;
}

#inhalt .csc-content {
  margin-bottom: 20px;
}

#inhalt .box > table.csc-uploads {
  padding: 0 15px 0 15px;
}

#umschlag .news-latest-container {
  padding: 15px;
}

#inhalt h1#titelueberschrift {
  margin-left: 15px;
}

#inhalt .herstelleruebersicht .herstellerlink {
  padding-left: 15px;
}

#umschlag div.tx-emasters-lib-uni-pi-video div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  padding: 0 10px 5px 10px;
}

#inhalt .csc-textpic-imagewrap {
  padding: 0 15px 0 15px;
  overflow: hidden;
}

#inhalt .textlinks .csc-textpic-imagewrap {
  margin: -15px -15px -20px -15px;
}

#inhalt .textlinks .csc-textpic-text > * {
  padding: 5px 5px 0px 15px;
}

#inhalt div.csc-textpic-intext-left .csc-textpic-single-image,
#inhalt div.csc-textpic-intext-left-nowrap .csc-textpic-text,
#inhalt div.csc-textpic-intext-right-nowrap .csc-textpicHeader {
  padding-left: 15px;
}

#inhalt .layout-0 .csc-textpic-intext-right img {
  margin-right: 0;
}

#inhalt .box.csc-frame,
#inhalt .IM.box.inhalt,
#inhalt .IM.box.normal {
  padding: 15px 0 15px 0;
}

#inhaltumschlag .box .flexslider,
#inhalt .box .flexslider {
  margin: 0 15px 0 15px;
}

#inhalt .box.csc-frame.layout-0 {
  padding-bottom: 0;
}

@media only screen and (max-width: 640px) {

#inhalt .textlinks .csc-textpic-text {  
  padding-left: 15px;
}

/* #inhalt h1#titelueberschrift { */
  /* margin-left: 0px; */
/* } */

/* 
#umschlag #inhalt .box.csc-frame.layout-0 .csc-header,
#umschlag #inhalt .box.csc-frame.layout-0 .csc-content, 
*/
/* #umschlag #inhalt .tx-hpkfe-pi-impressum, */
/* #umschlag #inhalt .tx-hpkfe-pi-datenschutz, */
#umschlag #inhalt .news-list-container,
#umschlag #inhalt .box.csc-frame.layout-0 .tx-hpkfe-pi-gmap,
#umschlag #inhalt .news-single-item,
#umschlag #inhalt .tx-indexedsearch {
  padding: 0;
}

#inhalt .box.csc-frame.layout-0 .csc-textpic-intext-right img {
  margin-right: -15px;
}

#fussumschlag #fussinhalt .tx-hpkfe-pi-adresse {
  padding-left: 10px;
}

}

/**********************************************/
/***************** Cookie Banner ****************/
/********************************************/

.cookie-wrapper {
	background: rgba( 0, 0, 0, 0.75 );
    box-shadow: 0 0 5px #aeaeae;
	box-sizing: border-box;
	display: none;
	height: 100%;
	left: 0;
	overflow-y: auto;
	padding: 1.25em 1.5em;
	position: fixed;
	top: 0;
	-webkit-backface-visibility: hidden;
	width: 100%;
	z-index: 1001;
}

.cookie-content {
	background: #fff;
    box-shadow: 0 0 5px #acacac;
	box-sizing: border-box;
	min-height: 20%;
	left: 50%;
	padding: 2em;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	-webkit-overflow-scrolling:touch;
	width: 100%;
}

.cookie-details-wrapper {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	-webkit-overflow-scrolling:touch;
}

.cookie-details-wrapper,
.cookie-innercontent,
.cookie-button {
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.cookie-button {
	border: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	margin: 1em 0;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	align-items: center;
}

.cookie-button-some {
	height: 50px;
}

#cookieButtonSome:target + .cookie-details {
	display: block;
}

.cookie-details h3 {
	margin: 1em 0;
}

.open-cookies {
	display: inline-block;
	margin: 0 0 1.5em;
}

.cookie-content fieldset {
	border: none;
	margin: 0.5em 0;
	padding: 0.5em 1em;
}

.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-content .all-cookies {
	margin: 1.5em 0;
}

.cookie-content legend {
	box-sizing: border-box;
	display: block;
	font-weight: 700;
	width: 100%;
}

.cookie-content label {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0.5em 0;
	width: 100%;
}

.cookietext {
    text-align: left;
    width: 100%;
}

.homepage-form input {
	box-shadow: none;
}

.cookie-element {
	box-sizing: border-box;
	display: block;
}

ul ul .cookie-element {
	padding: 0 1em 0 0;
}

.cookie-checkbox {
	flex: 0 0 5%;
	max-width: 5%;
}

.cookie-info-wrapper {
	margin: 1em 0;
}

.cookie-info-content {
	display:none;
}

.checkbox-description-text {
	box-sizing: border-box;
	display: block;
	margin: 0.5em 0 0;
	width:100%;
}

.cookie-settings-wrapper {
	display: none;
	margin: 0 0 1.5em;
	position: relative;
}

.form-buttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0 0 1rem 0;
}

.save-cookies,
.dismiss-cookies {
	flex: 0 0 100%;
	max-width: 100%;
}

.dismiss-cookies.cookie-button {
	background: none;
	order: 3;
}

.save-cookies.cookie-button {
	border: none;
	order: 1;
}

.cookie-list  .dismiss-cookies.cookie-button {
	margin: 2em auto 1em;
}

.cookie-list-link {
    border-radius: 3em;
	background: #fff;
    border: 1px solid #aaa;
    color: #aaa;
    display: inline-block;
    height: 30px;
    right: 1em;
	overflow: hidden;
	/*padding: 3px 3px;*/
    position: absolute;
	text-decoration: none;
	text-indent: 0;
    top: 1em;
    width: 30px;
	z-index: 1;
}

.cookie-list-link:before {
    content: "i";
	display: block;
    font-size: 1.5em;
    font-weight: 700;
	text-align: center;
}

.cookie-list-link.cookie-list-active:before {
	content: "X";
}

.cookie-list {
	box-sizing: border-box;
	display: none;
	left: 0px;
	list-style:none;
	padding: 0;
	top: 0px;
	width: 100%;
} 

.cookie-list li {
	margin: 0.25em 0;
	padding: 1em;
}

.cookie-list li ul {
	list-style:none;
	padding: 0;
}

.cookie-list li li:nth-child(odd),
.cookie-list li li:nth-child(even) {
	background: transparent;
	margin: 0;
	padding: 0.25em 0.25em 0.25em 0;
}

.cookie-icon-wrapper {
	background: #ddd;
	border-radius: 2em 0 0 0;
	bottom: 0;
	padding: 1em;
	position: fixed;
	right: 0;
	z-index: 99;
}

.cookie-icon-button {
	margin: 0;
}

@media all and (max-width: 639px) {
	.save-cookies {
		order: 1;
	}
	
	.dismiss-cookies {
		order: 2;
	}
}

@media all and (max-width: 719px) {
	.cookie-text,
	.cookietext,
	.open-cookies,
	.checkbox-description-text {
		font-size: 12px;
	}
}

@media all and (max-width: 1063px) {
	.cookie-content {
		width: 90%;
	}
}

@media all and (max-width: 400px) {
	.cookie-content {
		width: 80%;
	}
}

@media all and (min-width: 640px) {
	/*.dismiss-cookies,
	.save-cookies-settings.cookie-button	{
		flex: 0 0 49%;
		max-width: 49%;
	}*/
}

@media all and (min-width: 900px) {
	.cookie-element {
		display: inline-block;
		padding-right: 1em;
		text-align: right;
		vertical-align: top;
		width: 15%;
	}
	
	.cookie-note {
		display: inline-block;
		width: 84%;
	}
	
	ul ul .cookie-element {
		text-align: right;
	}
	
	.form-buttons {
		justify-content: space-between;
	}
	/*.cookie-button.save-cookies,
	.dismiss-cookies {
		margin: 1em 0;
	}*/
	
	/*.save-cookies {
		flex: 0 0 80%;
		max-width: 80%;
	}*/
	
	.cookie-button.save-cookies,
	.dismiss-cookies,
	.save-cookies-settings.cookie-button	{
		flex: 0 0 32.5%;
		margin: 1em 0;
		max-width: 32.5%;
	}
	
	.save-cookies-settings.cookie-button {
		order: 3;
	}
	
	.dismiss-cookies {
		order: 2;
	}
	
	.save-cookies {
		height: 50px;
	}
}

@media all and (min-width: 1080px) {
	.cookie-content {
		width: 75%;
	}
}

@media all and (min-width: 1300px) {	
	/*.save-cookies {
		flex: 0 0 70%;
		max-width: 70%;
	}
	
	.dismiss-cookies,
	.save-cookies-settings.cookie-button	{
		flex: 0 0 35%;
		max-width: 35%;
	}*/
}

@media all and (min-width: 1600px) {
	.cookie-content {
		width: 65%;
	}
}

@media all and (min-width: 1800px) {
	.cookie-content {
		width: 55%;
	}
}

/**********************************************/
/***************** Navigation ****************/
/********************************************/

/******* Marker ###TOPMENU### ********/
#kopfmenue_div li {
  list-style: none;
  display: block;
  float: left;
}

/******* Marker ###PRINTBUTTON### ********/
#drucken {
  list-style: none;
  display: block;
  float: left;
}

/******* Marker ###MAINMENU### ********/
#hauptmenue_div li {
  list-style: none;
  display: block;
  float: left;
}

/******* Marker ###UNTERMENU2### ********/
ul.untermenu2 li {
  list-style: none;  
}

/******* Marker ###CENTRALFOOTERMENU### ********/
ul.zentralfussmenu {
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  display: block;
  font-size: 10px;   
}

ul.zentralfussmenu li {
  list-style-type: none;
  max-width: 170px;
}

ul.zentralfussmenu li.ebene1_strong  {
  font-weight: bold; 
  padding-bottom: 10px; 
  font-size: 13px;
}

/******* Marker ###BOTTOMMENU### ********/
ul#fussmenue{
  position: absolute;
  right: 1%;
  top: 0;
  font-size: 13px;
}

ul#fussmenue li {
  list-style-type: none;
  padding-bottom: 10px;  
}

/**********************************************/
/*********** Formulare / Powermail ***********/
/********************************************/

input,
select,
textarea {
  width: 70%;
}

input,
select,
textarea,
.hpk_kon_formset select,
.hpk_kon_formset input,
.hpk_kon_formset textarea {
  border: 1px solid;
  box-sizing: border-box;
  padding: 1%;
}

textarea {
	resize: vertical;
}

div.hpk_kon_container2 input.hpk_kon_name2 {height: 0.1px;}

input[type="submit"] {
  border: 1px solid;
  padding: 1%; 
  box-sizing: border-box;
  width: 98.5%; 
  color: white; 
  font-weight: bold;
  transition-property: background-color;
  transition-duration: 1s;
}

input[type="submit"] {
  background-color: #e70f0f;
  border-color: #e70f0f;
}

input[type="submit"]:hover {
  background-color: #555555;
  border-color: #555555;
} 

fieldset,
fieldset.hpk_kon_formset {
  border: 0; 
  background: none; 
  padding: 0;
}

legend,
div.powermail_fieldwrap_type_radio > label.powermail_label {
  font-size: 130%; 
  margin-bottom: 5px;
}

div.powermail_fieldwrap_type_radio > label.powermail_label {
	width: 100%;
}

textarea.hpk_kon_rechempf {
  background: none; 
  width: 98%; 
  height: 150px;
}

textarea.hpk_kon_anfrage {
  background: none; 
  width: 98%; 
  height: 150px;
}

input.hpk_kon_subj {
  background: none; 
  width: 98%;
}

input.hpk_kon_name, 
input.hpk_kon_vname, 
input.hpk_kon_str, 
input.hpk_kon_tel, 
input.hpk_kon_fax, 
input.hpk_kon_email,
input.hpk_kon_mobil {
  background: none; 
  width: 70%;
}

input.hpk_kon_plz {
  background: none; 
  width: 18%;
  margin-right: 1%;
}

input.hpk_kon_ort {
  background: none; 
  width: 50%;
}

label,
label.label_name, 
label.label_vname, 
label.label_str, 
label.label_plz_ort, 
label.label_tel, 
label.label_fax, 
label.label_email,
label.label_mobil {
  display: block; 
  width: 29%; 
  float: left;
}

span.hpk_kon_info {
  padding-top: 2%; 
  padding-bottom: 2%; 
  display: block;
}

input#akz_ds {
	width: 13px;
	float:left;
	margin-top:3px;
}

div.datenschutztext {
	float:none;
	margin-left: 18px;
}

#suchemobil .tx-macinasearchbox-pi1,
#suche .tx-macinasearchbox-pi1 {
  position: relative;
}

#suchemobil .boxsuche_input,
#suche .boxsuche_input  {
  border: 1px solid;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
  width: auto;
}

#suchemobil .boxsuche_submit,
#suche .boxsuche_submit {    
  position: absolute;  
  cursor: pointer;
  color: transparent;
  border: none;	
  -moz-box-shadow: inset 0px 0px 0px 0px;
  -webkit-box-shadow: inset 0px 0px 0px 0px;
  box-shadow: inset 0px 1px 0px 0px;
}

.tx-powermail h3 {
  display: none;
}

.tx-powermail ul.parsley-errors-list {
  margin-left: 0;
}

.tx-powermail ul.parsley-errors-list li {
  color: red;
  list-style-type: none;
}

.powermail_all dt.powermail_all_label,
.powermail_all dd.powermail_all_value {
  float: left;
  width: 45%;
}

.powermail_all dt.powermail_all_label {
  font-weight: bold;
}

.hpk_kon_container {
	clear: both;
}

.tx-powermail .powermail_captchaimage {
	width: 70% !important;
    padding-left: 29%;
    padding-top: 1%;
}

@media only screen and (max-width: 899px) {
	.powermail_fieldwrap .powermail_radio_inner,
	.powermail_fieldwrap_type_submit {
		margin-left: 0;
	}
	
	body input, body select, body textarea,
	body .tx-hpkfe-pi-kontakt label,
	.powermail_fieldwrap_type_submit,
	input.hpk_kon_name, input.hpk_kon_vname, 
	input.hpk_kon_str, input.hpk_kon_tel, 
	input.hpk_kon_fax, input.hpk_kon_email, 
	input.hpk_kon_mobil {
		width: 100%;
	}
	
	.hpk_kon_container input.hpk_kon_plz {
		margin-right: 0;
		width: 30%;
	}
	
	.hpk_kon_container input.hpk_kon_ort {
		width: 68%;
	}
}

/************************************************/
/*** Komfortzusatzleistung eigene Formulare ****/
/**********************************************/

.powermail_fieldwrap,
.tx_powermail_pi1_fieldwrap_html {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.powermail_radio_inner {
  clear: both;
}

.powermail_fieldwrap_type_text {
	clear: both;
}

.powermail_check_inner input,
.powermail_radio_inner input {
  width: auto;
  float: left;
  margin-right: 1%;
}

.powermail_radio_inner label {
  width: 85%;
}

.tx_powermail_pi1_fieldwrap_html_textarea label {
  width: 29%;
  display: block;
  float: left;
}

.powermail_check_inner label {
  width: 80%;
}

.powermail_fieldwrap_type_check .checkbox label {
	width: 70%;
}

.powermail_fieldwrap_type_check .checkbox label  input[type="checkbox"] {
	width: auto;
}

.tx_powermail_pi1_fieldwrap_html_textarea textarea {
  width: 71%;
  display: block;
}

.powermail_fieldwrap_type_submit {
	margin-top: 30px;
}

/**********************************************/
/***************** Anfahrt *******************/
/********************************************/
.hpk_con_form {
  border: 0;
  background: none;
  padding: 0;
  margin-bottom: 20px;
}

.hpk_con_form label,
.hpk_con_form input {
  width: 100%;
  display: block;
  margin-bottom: 8px;
  float: none;
}

input.hpk_anf_start, 
input.hpk_anf_ziel {
  margin-left: 0;
  margin-right: 0;
  border: 1px solid;
  background: none;
  padding: 1%;  
  width: 100%;
}

/**********************************************/
/****************** Suche ********************/
/********************************************/

#tx_indexedsearch label {
  width: 30%; 
  margin: 0;
}

#tx_indexedsearch input {
  width: 28%; 
  margin-bottom: 2%;
}

#tx_indexedsearch select{
  width: 30%; 
  margin-bottom: 2%;
}

#tx_indexedsearch .tx-indexedsearch-form-1 input { 
  width: 61%;
}

#tx_indexedsearch .tx-indexedsearch-search-submit input {
  width: 61%; 
  margin-left: 30%;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: green;
}

.tx-indexedsearch-rules {
  display: none;
}

@media only screen and (max-width: 640px) {

form#tx_indexedsearch label,
form#tx_indexedsearch input,
form#tx_indexedsearch select {
 width: 100%;
 float: none;
 display: block;
}

#tx_indexedsearch .tx-indexedsearch-form-1 input {
  width: 97%;
  margin-bottom: 0;
}

#tx_indexedsearch .tx-indexedsearch-search-submit input {
  width: 100%;
  margin-left: 0%;
}

}

/**********************************************/
/***************** Adresse *******************/
/********************************************/

#umschlag .hpk_adr_tel2 a,
#fussumschlag .hpk_adr_tel2 a,
#umschlag .tx-hpkfe-pi-adresse .hpk_adr_tel a,
#fussumschlag .tx-hpkfe-pi-adresse .hpk_adr_tel a {
  text-decoration: none;
  color: #555555;
}

#inhalt .hpk_adr_land,
#inhalt .hpk_adr_firma {
  margin-bottom: 8px;
}

#inhalt .hpk_adr_firma {
  font-weight: bold;
}

#fussumschlag .hpk_adr_land,
#fussumschlag .hpk_adr_firma {
  margin-bottom: 10px;
}

#fussumschlag .hpk_adr_firma {
  font-size: 13px;
}

#fussumschlag .tx-hpkfe-pi-adresse {
  float: left;
}

#umschlag .box.layout-15 .hpk_adr_firma /* Stellenangebote Adressen-Ueberschrift an h1 angleichen */ {
  font-size: 125%; 
  font-weight: normal;
}

@media only screen and (max-width: 640px) {

#fussumschlag .hpk_adr_firma {
  font-size: 125%;
  margin-top: 10px;
}

}

/**********************************************/
/***************** Partner *******************/
/********************************************/
#inhalt .tx-hpkfe-pi-partner img {
  border: 1px solid;
}

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

#inhalt .tx-hpkfe-pi-partner .partner {
  float: left; 
  padding: 0px 10px 10px 0px;
  width: 30%;
}

/**********************************************/
/*********** Referenzen **********************/
/********************************************/

.tx-hpkfe-pi-referenzen {
  position: relative;
  overflow: hidden;
}

#inhalt .slideholder {
  background: none !important;
}

.tx-hpkfe-pi-referenzen .slideshowContainer {
  margin-bottom: 10px;
}

.tx-hpkfe-pi-referenzen ul,
.tx-hpkfe-pi-referenzen li {
  list-style-type: none;
  margin-bottom: 0;
}

.tx-hpkfe-pi-referenzen a {
  position: absolute; 
  text-decoration: none;
}

.tx-hpkfe-pi-referenzen .prev a { 
  left: 20px;
  top: 10px;
  z-index: 35;
  background: #333333;
  opacity: 0.9;
  width: 35px;
  height: 35px;  
  display: block;  
  color: white;
  border-radius: 30px;
  font-size: 25px;
} 	

.tx-hpkfe-pi-referenzen .next a {
  left: 60px; 
  top: 10px;
  z-index: 35;  
  background: #333333;
  opacity: 0.9;
  width: 35px;
  height: 35px;  
  display: block;  
  color: white;
  border-radius: 30px;
  font-size: 25px;
} 

.tx-hpkfe-pi-referenzen .prev a:before {
  content: "\f053";
  font-family: 'FontAwesome';   
  text-shadow: 1px 1px 1px #333;
  color: white;  
  text-align: center;  
  display: block;
  margin-left: -3px;
} 

.tx-hpkfe-pi-referenzen .next a:before {
  content: "\f054";
  font-family: 'FontAwesome';  
  text-shadow: 1px 1px 1px #333;  
  color: white;
  text-align: center;  
  display: block;  
  margin-right: -3px;
}

.tx-hpkfe-pi-referenzen .slidetext {
  height: auto; 
  padding-top: 1px; 
  padding-left: 2px; 
  line-height: 13pt;
} 

.tx-hpkfe-pi-referenzen a.slider-link {
  position: relative;
}

/**********************************************/
/***************** Download ******************/
/********************************************/

ul.csc-uploads li.csc-uploads-element img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;  
}

ul.csc-uploads  {
  clear: both;
  display: block;
  width: 96%;
}

li.csc-uploads-element {
  list-style-type: none;
  border-top: 1px dotted #555555; 
  margin-top: 10px; 
  padding-top: 10px;
  width: 100%;
  clear: both;
}

ul.csc-uploads li.li-first.csc-uploads-element {
  border-top: 0; 
  padding-top: 0;
}

ul.csc-uploads .csc-uploads-fileImage {
  width: 20%;
  max-width: 20%;
}

ul.csc-uploads .csc-uploads-fileName:before {
  content: "\f019";
  font-family: 'FontAwesome';   
  padding-right: 5px;
}

ul.csc-uploads .csc-uploads-fileName {
  float: left;
  min-width: 15%;
}

ul.csc-uploads .csc-uploads-fileSize {
  width: 60px;
  float: right;
  text-align: right;  
  padding-right: 6px;
}

table.csc-uploads {
  width: 100%;
  border-spacing: 8px;
  border-collapse: separate;
}

table.csc-uploads td {
  border-bottom: 1px dotted;
}

table.csc-uploads td.csc-uploads-fileSize {
  width: 80px;
  text-align: center;
}

table.csc-uploads td.csc-uploads-icon {
  border-bottom: 0;
}

/* ausblenden bei sehr kleinen Boxen */
table.csc-uploads-1 .csc-uploads-icon,
table.csc-uploads-2 .csc-uploads-icon,
table.csc-uploads-4 .csc-uploads-icon,
table.csc-uploads-7 .csc-uploads-icon,
table.csc-uploads-1 .csc-uploads-fileSize,
table.csc-uploads-2 .csc-uploads-fileSize,
table.csc-uploads-4 .csc-uploads-fileSize,
table.csc-uploads-7 .csc-uploads-fileSize,
table.csc-uploads-6 .csc-uploads-fileSize {
  display: none;
}

@media only screen and (max-width: 640px) {
#inhalt table.csc-uploads .csc-uploads-icon,
#inhalt table.csc-uploads .csc-uploads-fileSize  {
  display: none;
}
}

/**********************************************/
/*********** Kennst du einen *****************/
/********************************************/

#umschlag #kdeWidget {
  width: 100% !important;
}

#umschlag #kdeWidgetLogo, 
#umschlag #kdeWidgetLogo *, 
#umschlag #kdeWidget, 
#umschlag #kdeWidget * {
  color: #414141 !important;
}

#umschlag #kdeWidget,
#umschlag #kdeWidgetContent div,
#umschlag #kdeWidgetContent ul li,
#umschlag #kdeWidgetContent h4 {
  border-color: #D8D8DF !important;
}

/**********************************************/
/*************** Bewertungen *****************/
/********************************************/

.bewertungen-cont-left {
  float: left;
  width: 20%;
}

.bewertungen-cont-right {
  float: left;
  border-left: 1px solid #c7c7c7;
  padding-left: 2%;
  margin-left: 2%;
  width: 73%;
}

@media only screen and (max-width: 880px) {
  .bewertungen-cont-left,
  .bewertungen-cont-right {
    float: none;
    width: 100%;
    padding: 0;
	margin: 0;
    border-left: 0;
  }
  .bewertungen-cont-left {
    margin-bottom: 10px;
    border-bottom: 1px solid #c7c7c7;
  }
}

.logogoldwert {
  float: right;
  margin-left: 10px;
}

.bewertungen-cont-top {  
  margin-bottom: 10px;
}

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

.bewertungen-cont-quertop {
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
}

.bewertungen-boxquer-item {
  float: left;
  width: 32.333333%;
  margin-right: 1%;
}

.bodytextcontent .pageinator {
	text-align: center;
}

.bodytextcontent .pageinator .pb_page_first,
.bodytextcontent .pageinator .pb_page_back,
.bodytextcontent .pageinator .pb_page_status,
.bodytextcontent .pageinator .pb_page_next {
	margin-right: 10px;
}

#bewertungen_widget {
	display: block; 
	text-align: center; 
	padding: 5px 0 5px 0; 
	width: 100%;
}

#bewertungen_widget .icon_stars {
	display: inline;
	margin-right: 10px;
}

#innerer_umschlag #bewertungen_widget {
	display: block; 	
	text-align: right;
	padding: 10px 0 5px 0; 
	width: 100%;
}

#innerer_umschlag #bewertungen_widget a {
	color: 000;
}

@media only screen and (max-width: 880px) {
	
	.bewertungen-boxquer-item {
		float: none;
		width: 100%;
		margin-right: 0;
	}  
  
	#bewertungen_widget .icon_stars {
		display: block;
		margin-right: 10px;
	}
	
	#innerer_umschlag #bewertungen_widget {
		display: block; 	
		text-align: center;
		width: 95%;
	}	
}

.bewertungen-list-item  {
  margin-bottom: 10px;
}

.bewertungen_name {
  font-weight: bold;
}

.icon_stars:after {
  font-family: FontAwesome;
  color: #ffba00;
}

.stars_5:after {
  content: '\f005\f005\f005\f005\f005';
}

.stars_4_5:after {
  content: '\f005\f005\f005\f005\f123';
}

.stars_4:after {
  content: '\f005\f005\f005\f005\f006';
}

.stars_3_5:after {
  content: '\f005\f005\f005\f123\f006';
}

.stars_3:after {
  content: '\f005\f005\f005\f006\f006';
}

.stars_2_5:after {
  content: '\f005\f005\f123\f006\f006';
}

.stars_2:after {
  content: '\f005\f005\f006\f006\f006';
}

.stars_1_5:after {
  content: '\f005\f123\f006\f006\f006';
}

.stars_1:after {
  content: '\f005\f006\f006\f006\f006';
}

/**********************************************/
/***** Socialmedia Links und Grafiken ********/
/********************************************/

#sociallinks {
  position: fixed;
  right: 0;
  top: 180px;
  z-index:1000;
}

#sociallinks a {
  display: block;
  width: 35px;
  height: 34px;
  margin-bottom: 10px;
}

#sociallinks .clicktocall a {
  background:url("colorimg/socialmediabuttons.png") top left no-repeat;
  background-position: -321px;
}

#sociallinks .clicktocall a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top left no-repeat;
  background-position: -321px;
}

#sociallinks .facebook a {
  background:url("colorimg/socialmediabuttons.png") top left no-repeat;
}

#sociallinks .facebook a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top left no-repeat;
}

#sociallinks .twitter a {
  background:url("colorimg/socialmediabuttons.png") no-repeat;
  background-position: -40px;
}

#sociallinks .twitter a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") no-repeat;
  background-position: -40px;
}

#sociallinks .googleplus a {
  background:url("colorimg/socialmediabuttons.png") top no-repeat;
  background-position: -80px;
}

#sociallinks .googleplus a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top no-repeat;
  background-position: -80px;
}

#sociallinks .youtube a {
  background:url("colorimg/socialmediabuttons.png") top no-repeat;
  background-position: -120px;
}

#sociallinks .youtube a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top no-repeat;
  background-position: -120px;
}

#sociallinks .xing a {
  background:url("colorimg/socialmediabuttons.png") top no-repeat;
  background-position: -200px;
}

#sociallinks .xing a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top no-repeat;
  background-position: -200px;
}

#sociallinks .rssfeed a {
  background:url("colorimg/socialmediabuttons.png") top right no-repeat;
  background-position: -160px;
}

#sociallinks .rssfeed  a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top right no-repeat;
  background-position: -160px;
}

#sociallinks .instagram a {
  background:url("colorimg/socialmediabuttons.png") top right no-repeat;
  background-position: -241px;
}

#sociallinks .instagram a:hover {
  background:url("colorimg/socialmediabuttons_hover.png") top right no-repeat;
  background-position: -241px;
}

#socialshareprivacy {
  margin-top: 35px; 
  margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  #socialshareprivacy {
    margin-top: 0;
  }
  #socialshareprivacy .social_share_privacy_area {    
    height: auto;
  }  
  #socialshareprivacy .social_share_privacy_area li {    
    float: none;
	height: 25px;
  }
}

@media only screen and (min-width: 1080px) {
	#sociallinks .clicktocall {
		display: none;
	}
}
  
/**********************************************/
/*********** Flexslider Extension ************/
/********************************************/

#umschlag .flexslider {
  background: none;
}

#umschlag .flexslider ul,
#umschlag .flexslider li {
  margin: 0;
}

#umschlag .flextitle {
  font-size: 140%;
}

/**********************************************/
/*************** Cookies *********************/
/********************************************/

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color:#5c5c5c;
  color:#FFFFFF;
}

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

.cc-window .cc-btn {
	display: inline-block;
	width: 215px;
}

@media only screen and (max-width: 640px) {
	.cc-window {
		flex-flow: row wrap;
	}

	.cc-message {
		flex: 0 0 100%;
	}
	
	.cc-compliance {
		margin: 2em auto 1em;
	}
}


/**********************************************/
/*************** CO2 Rechner *****************/
/********************************************/

#co2ratgeber {
  padding-left: 15px;
}

@media only screen and (max-width: 1280px) {

#umschlag {	
  width: 99%;
}

#fussumschlag {
  width: 99%;  
}

}

@media only screen and (max-width: 820px) {

#fussumschlag ul.zentralfussmenu.letztes {
  display: none;
}

#fussumschlag span,
#fussumschlag a,
#fussumschlag {
  font-size: 11px;
}

}

@media only screen and (max-width: 640px) {

body { 
  min-width: 320px;  
}

body #umschlag {
  margin-top: 55px;
  min-width: 320px;
}

#umschlag #suche,
#umschlag #kopfmenue_div,
#umschlag #hauptmenue_div,
#umschlag #hpk2selector_umschlag,
#umschlag #untermenu_div,
#umschlag #hauptmenue2_div,
#fussumschlag #fussinhalt ul.zentralfussmenu,
#drucken {
  display: none;
}

#seitenart-1 #umschlag #inhalt, 
#seitenart-2 #umschlag #inhalt {
  background: none; 
  border: 0;
}

#seitenart-1 #umschlag #hauptinhalt, 
#seitenart-2 #umschlag #hauptinhalt {
  float: none;
  width: 100%;
}

#umschlag #logo {
  width: 70%; 
  max-width: 240px;
  padding-top: 15px;
}

#umschlag #logo2 {
  width: 30%;  
  top: 13px; 
  right: 0;
  margin-right: 15px;
  z-index: 600; 
  width: 110px; 
  height: auto;
  padding: 0;
  position: fixed;
  background: none;
}

#fussumschlag .handymenue {
  font-size: 12px;
  display: block; 
  padding: 2%;
}

#fussumschlag .handymenue ul.zentralmenue li {
  list-style: none;
}

#fussumschlag .handymenue ul.zentralmenue i.fa-angle-down {
  float: right; 
  font-size: 140%;
}

#fussumschlag .handymenue ul.zentralmenue li.ebene1 a {
  font-size: 140%; 
  border-bottom: 1px solid grey; 
  display: block; 
  width: 98%; 
  padding: 6px 0 6px 0;
}

#fussumschlag .handymenue ul.zentralmenue ul.zentalmenu2 li a {
  border-bottom: 0;
}

#fussumschlag .handymenue ul.themenseiten a,
#fussumschlag .handymenue ul.zentralmenue ul.zentalmenu2,
#fussumschlag .handymenue ul.zentralmenue ul.zentalmenu3,
#fussumschlag .handymenue ul.zentralmenue ul.zentalmenu4,
#fussumschlag .handymenue ul.zentralmenue ul.zentalmenu5 {
  padding-top: 6px; 
  padding-bottom: 6px;
}

#fussumschlag .handymenue ul.zentralmenue li.ebene2 a {
  font-size: 125%; 
  display: block;
}  

#fussumschlag .handymenue ul.zentralmenue li.ebene3 a {
  font-size: 105%; 
  padding-left: 20px; 
  display: block;
}

#fussumschlag .handymenue ul.zentralmenue li.ebene4 a {
  font-size: 100%; 
  padding-left: 35px; 
  display: block;
}

#fussumschlag .handymenue ul.zentralmenue li.ebene5 a {
  font-size: 95%; 
  padding-left: 50px; 
  display: block;
}

#fussumschlag .handyanker {
  padding-top: 60px;
}

#fussumschlag span,
#fussumschlag a,
#fussumschlag {
  font-size: 13px;
}

body #fussumschlag div.tx-hpkfe-pi-adresse {
  width: 96%;
  background: none;
  margin: 0;
  padding: 2%;
  border: 0;  
  -pie-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
}

body #fussumschlag ul#fussmenue {
  position: static;
  top: unset;  
  bottom: unset;
}

body #fussumschlag ul#fussmenue li { 
  display: inline;
  border-right: 1px solid #e7e7e7;
  padding: 0 7px 0 7px;
}

body #fussumschlag ul#fussmenue li.erstes {
  padding-left: 0;
}

body #fussumschlag ul#fussmenue li.letztes {
  border-right: none;
}

#mobil {
  width: 99%; 
  padding-left: 1%;  
  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 rgba(180, 180, 180, 0.2);
}  

ul.handymenue {
	box-sizing: border-box;
	display:inherit;
}

#handymenue, #handymenue + #ebene1u2ext li {
    width: 100%;
    left: 0;
    box-sizing: border-box;
}

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

#fussumschlag #fussinhalt {
  background: none;
  border: 0;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}

/**********************************************/
/*********** Suche Box mobil *****************/
/********************************************/

#suchemobil {
  height: 20px;
  padding: 15px 15px 15px 5px;
  width: 60px;
  position: absolute;
  top: 0;
  left: 100px;
  overflow: hidden;
  z-index: 500;
  background: #FFFFFF;
}

#suchemobil:target {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  height: 80px;
  width: 150px;  
}

#suchemobil .sucheclose {
  display: none;
}

#suchemobil:target a.sucheopen {
  display: none;
}

#suchemobil:target a.sucheclose {
  display: block;
}

#suchemobil .boxsuche_submit {
  right: 9px;
  top: 9px;
  width: 16px;
  height: 16px;
  background: url("colorimg/lupe-color12.png") no-repeat 0 0 scroll transparent;
}

#suchemobil .boxsuche_submit {
  right: 15px;
}

#suchemobil .boxsuche_input {
  width: 99%;
  padding: 6px;
  border-color: black;
}

#suchemobil .tx-macinasearchbox-pi1 {
  margin-top: 21px;
  margin-left: 10px;
}

}

/**********************************************/
/*********** Preloader News*******************/
/********************************************/

#umschlag div.news-latest-container {
	align-items: center;
}

.news-latest-container #row-pre {
	padding: 0;
	width: 100px; 
	max-width: 1920px; 
	position: relative;
	left: 50%;
	transform: translate(-50px);
}

.news-latest-container #row-pre .preloader {
	background: #f2f2f2;
    border: 16px solid #fff;
    border-top: 16px solid #666;
    border-radius: 50%;
	box-shadow: 0 0 10px #ccc;
	box-sizing: content-box;
    width: 30px;
    height: 30px;
	margin: 0 auto;
    animation: spin 2s linear infinite;
}

.news-latest-container #row-pre .preloadertxt {
	text-align: center;
}

.news-latest-container #row-pre .preloadertxt p {
	line-height: 35px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*@media only screen and (max-width: 830px) {
	.news-latest-container #row-pre {
		left: 2%;
	}
}*/

/**********************************************/
/*********** Share Buttons *******************/
/********************************************/

.shariff ul {
	margin: 15px 0 8px;
}

/**********************************************/
/*********** Accordion Ext *******************/
/********************************************/

.accordion_header {position: relative;}
.accordion_element {padding: 10px 0 10px 0; border-top: 1px solid grey;}
.csc-frame .accordion_element a {text-decoration: none;}
.accordion_header i {position: absolute; top: 2px;}
.accordion_header_content {margin-left: 20px; display: block;}
.accordion_content {margin-left: 21px;}
.accordion_content {margin-top: 8px;}
.accordion_header_content.fa-minus:before {display: none;}

/**********************************************/
/*************** Impressum *******************/
/********************************************/

body .tx-hpkfe-pi-impressum .haftungsausschluss h2 {font-size: 145%;}

/***********************************************/
/********** IE11 **************/
/*********************************************/

 *::-ms-backdrop, #umschlag .box.layout-6 .csc-textpic-imagewrap img,
 #umschlag .box.layout-7 .csc-textpic-imagewrap img,
 #umschlag .box.layout-9 .csc-textpic-imagewrap img,
 #umschlag .box.layout-10 .csc-textpic-imagewrap img,
#umschlag #inhalt .IM.box.ID-4.inhalt .csc-textpic-imagewrap img { 
	width: 100%;
} /* IE11 */

@media only screen and (max-width: 1300px) {
	 #inhalt .IM.normal.box.layout-0 .textlinks .csc-textpic-imagewrap { 
		max-width: 100%;
		width: 100%;
	} /* IE11 */
}

/**********************************************/
/***************** Google Map ****************/
/********************************************/

.map_hinweis_holder {
    background: #e6e6e6;
    padding: 1em;
    box-sizing: border-box;
    text-align: center;
}

.map_hinweis_button {
    border: none;
    background: #e70f0f;
	color: #fff;
    padding: 0.5em;
}

/*****************************************************/
/**************** Switch Schalter *****************/
/*****************************************************/
.homepage-form .cookie-checkbox,
.cookie-group-switch .cookie-checkbox {
	display: none;
}

.homepage-form label,
.cookie-group-switch label {
	display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
	cursor: pointer;
}

.switch-background {
	background: #ccc;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #aaa inset;
	height: 15px;
	position: relative;
	width: 30px;
}

.switch-button {
	background: #fff;
	border-radius: 15px;
	box-shadow: 1px 1px 1px #aaa;
	height: 20px;
	left: -5px;
	position: absolute;
	top: -3px;
	width: 20px;
}

.homepage-form .cookie-checkbox:checked + label .switch-background,
.cookie-group-switch .cookie-checkbox:checked + label .switch-background {
	background: #e30613;
}

.homepage-form .cookie-checkbox:checked + label .switch-button,
.cookie-group-switch .cookie-checkbox:checked + label .switch-button {
	left: auto;
	right: -5px;
}

/*alert meldung für videobox(thema showcase als layout für mitglieder auch)*/
.videoboxAlert {
  padding: 20px;
  background-color: #ff9800;
  color: white;
  text-align: center;
}

.videoboxClosebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.videoboxClosebtn:hover {
  color: black;
}

.videoboxBeschreibung {
  margin-bottom: 2px;
}

/*bildunterschrifft zentrieren*/
.bodytextcontent .image-caption {
	text-align: center;
}