/*---Kawai-Rot----#fe0c19---*/

html {
-webkit-text-size-adjust:none;
}

body {
font-family: 'Roboto', sans-serif;
background-color: white;

}

body a {
color: #fe0c19;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	/*margin-bottom: 18px;*/
}

hr{
	display: none;
} 

/*----MAINPAGE-FIXES----*/

.start-social-element {
	border: none !important;
}

.vegas-overlay {
	background: none !important;
}


.first-banner-caption {
	background-color: rgba(0, 0, 0, 0.7) !important;
	border: none !important;
	max-width: 500px !important;
	width: auto !important;
	left: 0 !important;
	right: auto !important;
	top: auto !important;
	bottom: 200px !important;
	padding: 50px !important;
	font-size: 42px !important;
}
.first-banner-caption:hover {
	background-color: #fe0c19 !important;
}
.first-banner-caption:hover p a {
	color: white !important;
}

.first-banner-caption a {
	color: white !important;
	font-weight: 900 !important;
}

.first-banner-caption p {
	font-size: 14px !important;
	margin-top: 14px !important;
}

.first-banner-caption p a {
	color: #fe0c19 !important;
}

@media screen and (max-width: 615px) {
	.first-banner-caption {
		width: calc(100% - 100px) !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		font-size: 28px !important;
		bottom: 100px !important;
	}
	.first-banner-caption:hover {
		transform: none !important
	}
	.first-banner-caption p {
		display: block !important;
	}
}

/*----SONSTIGE FIXES----*/

.download-kategorie-element {
	border: none !important;
	text-align: left !important;

}

.download-kategorie-element a {
	color: #252525 !important;
	font-size: 28px !important;
	font-weight: 600 !important;
}

.download-kategorie-element-active, .download-kategorie-element:hover {
	padding-bottom: 20px !important;
}

#download-optional-text a {
	font-size: 28px !important;
	font-weight: 600 !important;
	color: #252525 !important;
	line-height: 2 !important;
}

#download-optional-text p {
	font-size: 14px;
	line-height: 1.5 !important;
}

#download-optional-text p a {
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #fe0c19 !important;
}

.muss {
	border: 1px solid #fe0c19 !important;
}

.kann {
	border: 1px solid #bababa !important;
}

.fuss .blau {
	background-color: #fe0c19 !important;
}

/*----NAV----*/

header.hmain {
z-index: 98;
background-color: rgba(255,255,255,0.9);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 0 50px rgba(0,0,0,0.1);
height: 70px;
width: 100%;
position: fixed;
top: 0;
transition: height 0.3s;
} 

header.hmain + div {
	height: 70px !important;
}

#commonsitecontainer {
min-height:400px;
line-height: 1.5em;
}

#galleria_container, #plistcontainer {
 height:600px;
 max-height: 60%;
 position:relative;
 padding:.2em;
 margin:20px auto;
}
#plistmini {
 width:120px;
 height:1.4em;
 float:left;
 position:relative;
 padding:0;
 margin:10px 8px;
 overflow:hidden;
 display:block;
}

#galleria_container img {
 max-width:100%;
}
/*
#galleriah-nav{position:absolute;top:-30px;width:100%;height:31px;left:0;display:none;white-space:nowrap;}
#galleriah-nav-left{cursor:pointer;width:19px;height:31px;position:absolute;left:5px;z-index:2;}
#galleriah-counter{text-align:center;width:100%;height:20px;position:absolute;top:0;}
#galleriah-nav-right{cursor:pointer;width:19px;height:31px;position:absolute;right:0;z-index:2;}
#galleriah-nav-left:hover,
#galleriah-nav-right:hover{opacity:.5;filter: alpha(opacity=60);}
#galleriah-nav-left {background-image:url(/js/themes/classic/arrow-prevbig.png);background-repeat:no-repeat;}
#galleriah-nav-right {background-image:url(/js/themes/classic/arrow-nextbig.png);background-repeat:no-repeat;}
*/

.product-list {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
}

.product-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.product-list ul li {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	width: 100px;
	text-align: center;
	margin: 10px;
	padding: 10px;
	transition: all 0.3s;
	background-color: #252525;
	color: white;
}

.product-list ul a.vp_active li,
.product-list ul a:hover li {
	background-color: #fe0c19;
	transition: all 0.3s;
}

.product-list ul a.vp_active li,
.product-list ul a:hover li {
	color: white;
	transition: all 0.3s;
}

/*
.product-list ul li a {
	display:block;
	width:100%;
	height:100%;
}
*/

.product-list ul li.headline {
	margin-left:0;
	margin-right:10px;
	border:none;
	min-width:30%;
	white-space: nowrap; 	
}

.product-list ul li.headline:hover {
	background-color: transparent;
}


.mininav {
 width:20px;
 height:20px;
 display: inline-block;
 margin:5px;
 border:1px solid #252525;
 cursor:pointer;
}

#pfinderform {
 display:block !important;
}
#pfinder {
 color:#ccc;
 width:100%;
 height: 100px;
 text-decoration: none;
}
#pfinderheader {
 color:#252525;
 height:26px;
 cursor:pointer;
 display: none;
}
.pfcriteria {
 width:200px;
 height:50px;
 float:left;
 display:block;
 color:#252525;
 margin: 10px 2px;
}
.pfsend {
 margin-left:280px;
 width:120px;
 height:30px;
}
#pfinder select {
 margin-top:6px;
 color:#666;
 width:180px;
}


.g_map {
 width: 100%;
 height: 100%;
 min-width: 300px;
 min-height: 500px;
 border: 1px solid #777;
 overflow: hidden;
 margin: 10px 0;
}

.gdatacontainer {
 width:100%;
 min-width: 14em;
 height:100%;
 max-height: 100vh;
 text-align: left;
}

.ddata {
 float:left;
 width:13em;
 height:13em;
 border: 1px solid #e0bcbc;
 padding:10px;
 cursor:pointer;
 margin:10px 15px 10px 5px;
 line-height: 1.5em;
 min-width:13em;
}
.ddatatop {
 margin-top:10px;
}

.ddata:hover, .ddata_act {
 background-color:#fceae9;;
}

#infoboxh_container {
 position:relative;
 margin:0 auto;
 display: inline;
 overflow:hidden;
}

#infoboxh {
 width:300px;
 height: 16em;
 float:left;
 padding-left:10px;
 position:relative;
 margin:5px -8px 5px 18px;
 overflow:hidden;
 display:block;
}


#logo {
left: 0px;
top: 23px;
display: block;
background-image: url("../img/logo_hover.png");
background-repeat: no-repeat;
background-size: 100px 20px;
height: 20px;
width: 100px;
margin-left: 20px;
position: absolute;
transition: opacity 0.3s;
}

#logo:hover {
opacity: 0.8;
transition: opacity 0.3s;
}

#logo2 {
left: 225px;
top: 18px;
display: block;
background-image: none;
background-repeat: no-repeat;
background-size: 97px 40px;
height: 40px;
width: 97px;
margin-left: 20px;
position: absolute;
}

header.hmain ul {
float: right;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 65%;
max-width:1000px;
}

header.hmain ul li {
display: block;
flex-grow: 1;
}

header.hmain ul li a {
font-size: 14px;
font-weight: 400;
color: #252525;
text-decoration: none;
padding-bottom: 9px;
padding-top: 16px;
padding-left: 10px;
padding-right: 10px;
transition: color 0.3s;
-ms-transition: color 0.3s;
-webkit-transition: color 0.3s;
}

header.hmain ul li a:hover {
color: #fe0c19;
transition: color 0.3s;
-ms-transition: color 0.3s;
-webkit-transition: color 0.3s;
}

header.hmain ul li #active {
	color: #fe0c19;
}

#welt {
z-index: 99;
background-image: url("../img/Weltkugel_hover.png");
background-size: cover;
flex-grow: 1;
display: block;
width: 20px;
height: 20px;
margin-right: 30px;
transition: opacity 0.3s;
margin-top: -3px;
}

#welt:hover {
	opacity: 0.8;
	transition: opacity 0.3s;
}

/* dsearchbox STYLE */
.dsearch-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.dsearch-box-element {
	display: block;
	flex-grow: 2;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid #bababa;
	margin: 20px 20px 20px 0;
}

.dsearch-box-element p {
	line-height: 1.5;
	position: absolute;
	margin-top: -30px;
}

.dsearch-box-element select {
	-webkit-appearance: none;
  	-moz-appearance: none;
	appearance: none;

	display: block;
	flex-grow: 2;
	flex-shrink: 0;
	text-align: center;
	border: transparent;
	width: 100%;
	height: 60px;
	padding: 20px;
	background-color: transparent;
	color: black;
	font-size: 12pt;
}

.dsearch-box-element:hover select {
	color: black !important;
	cursor: pointer;
}

.dsearch-box-element:hover {
}

.dsearch-box-element:hover input {
	cursor: pointer;
}

.dsearch-box-element:hover p {
	color: black ;
}

.dsearch-box-element input {
	-webkit-appearance: none;
  	-moz-appearance: none;
	appearance: none;

	display: block;
	flex-grow: 2;
	flex-shrink: 0;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	border: transparent;
	width: 100%;
	height: 60px;
	background-color: transparent;
	color: black !important;
	font-size: 12pt;
}

.dsearch-box-go {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
	/*border: 1px solid #fe0c19;*/
	margin: 20px 0;
	width: 60px;
}

.dsearch-box-go input {
	-webkit-appearance: none;
  	-moz-appearance: none;
	appearance: none;

	width: 60px;
	height: 60px;
	border: transparent;
	background-color: transparent;
	background-image: url('/style/img/search.png');
	background-repeat: no-repeat;
	background-position: center 55%;
	background-size: 30px 30px;
	font-size: 12pt;
}

.dsearch-box-go:hover {
	background-color: #fe0c19;
	color: white;
}

.dsearch-box-go:hover input {
	color: white;
	cursor: pointer;
	background-image: url('/style/img/search_hover.png');
}

.dsearch-box-element input:focus{
    outline: none;
}
.dsearch-box-element select:focus{
    outline: none;
}

.autocomplete-suggestions {
margin-left:-1px;
border: 1px solid #fe0c19;
width: 10%;
max-height: 300px;
overflow: hidden;
background-color: white;
}
.autocomplete-suggestion { 
padding: 10px;
padding-left: 20px;
transition: all 0.1s;
white-space: nowrap; 
}
.autocomplete-selected { 
background-color: #fe0c19;
color: white;
transition: all 0.1s;
cursor: pointer;
}

/* _NEW_MENU */

.newmenu-wrapper {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}

.newmenu-a {
	width: calc(25% - 80px);
	margin: 40px;
	display: inline-block;
	transition: all 0.3s;
}
.newmenu-a:hover {
	transform: scale(1.07);
	transition: all 0.3s;
}
.newmenu-a:hover .newmenu-titlediv {
	transform: scale(1);
	transition: all 0.3s;
}
.newmenu-a:hover .newmenu-title {
	color: #fe0c19;
	transform: scale(1.5);
	transition: all 0.3s;
}

.newmenu-img {
	background-image: url();
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.newmenu-titlediv {
	margin-top: 20px;
	text-align: center;
	transition: all 0.3s;
}

.newmenu-title {
	color: black;
	display: block;
	font-weight: 600;
	font-size: 12pt;
	transition: all 0.3s;
}

.newmenu-desc {
	margin-top: 10px;
	color: #565656;
	font-size: 10pt;
	line-height: 1.5;
	transition: all 0.3s;
}

@media screen and (max-width: 1000px) {
	.newmenu-a {
		width: calc(50% - 80px);
	}
}
@media screen and (max-width: 615px) {
	.newmenu-a {
		width: calc(50% - 40px);
		margin: 20px;
	}
}

/* _BAUSTEINE */

.BS_vollebreite {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-bottom: 0 !important;
	background-size: cover;
	background-position: center center;
}

.BS_boxed {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between !important;
	overflow: hidden;
}

.BS_boxed .start-highlight-bild {
	border-radius: 10px;
	overflow: hidden;
}

.BS_boxed .start-highlight-bild img {
	transition: all 0.3s;
	border-radius: 10px;
	display: block;
}
.BS_boxed .start-highlight-bild:hover img {
	transform: scale(1.03);
	transition: all 0.3s;
}

.BS_halfboxed {
	max-width: calc(50% - 10px);
	min-width: 450px;
	width: 50% !important;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px !important;
}
.BS_halfboxed .start-highlight-text {
	width: 100%;
	max-width: 600px;
	margin-top: 50px;
}

.BS_halfboxed .start-highlight-bild {
	max-width: 100% !important;
	height: 30vw;
	object-fit: cover;
	overflow: hidden;
	border-radius: 10px;
}

.BS_halfboxed .start-highlight-bild img {
	transition: all 0.3s;
}
.BS_halfboxed .start-highlight-bild:hover img {
	transform: scale(1.03);
	transition: all 0.3s;
}

.BS_ImageFullWidth {
	max-width: 100% !important;
}

.BS_vollebreite .start-highlight-text {
	float:left;
}

.BS_vollebreite .start-highlight-text, .BS_vollebreite .start-highlight-text .BS_title {
	color: white;
}

.darkfont a, .darkfont p {
	color: #252525 !important;
}

.reverse .start-highlight-text {
	float: right !important;
}

.BS_trenner {
	background-image: url(https://www.kawai.de/grafik/pattern_schwarz.jpg);
	background-size: 150px 150px;
	margin-top: 0 !important;
}

.BS_social {
	background-color: #252525;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.BS_Button {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
}
.BS_Button a {
	background-color: #fe0c19;
	padding: 20px;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 50px;
	color: white;
	transition: all 0.3s;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.BS_Button a:hover {
	background-color: #bd272e;
	transition: all 0.3s;
}

.BS_social a {
	margin: 30px;
	width: 60px;
	transition: all 0.3s;
}
.BS_social a:hover {
	opacity: 0.7;
	transition: all 0.3s;
}
.BS_social a img {
	width: 100%;
}

.patternred {
	background-image: url(https://www.kawai.de/grafik/pattern_rot.jpg) !important;
}

.patternwhite {
	background-image: url(https://www.kawai.de/grafik/pattern_white.jpg) !important;
}

.BS_nurtext {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.BS_nurtext .start-highlight-text {
	float: none !important;
	max-width: 800px !important;
	margin: 0 auto !important;
	padding-left: 20px;
	padding-right: 20px;
}

.BS_hoch {
	height: 70vh;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.BS_Youtube-wr {
	background-color: black;
	padding-top: 50px;
	padding-bottom: 50px;
}

.BS_Youtube-wr iframe {
	margin-left: 20px;
	margin-right: 20px;
	height: 720px;
	width: 1280px !important;
}
@media screen and (max-width: 800px) {
	.BS_Youtube-wr iframe {
		height: calc(100vw * 0.5625);
	}
}

@media screen and (max-width: 615px) {
	.BS_vollebreite .start-highlight-text {
		float: left !important;
	}
	.BS_trenner {
		height: 50px !important;
	}
	.BS_social a {
		margin: 15px;
		width: 50px;
	}
}

@media screen and (max-width: 1000px) {
	.BS_halfboxed {
		max-width: 100%;
		min-width: auto;
		width: 100% !important;
		float: none;
	}
	.BS_boxed .start-highlight-bild, .BS_halfboxed .start-highlight-bild {
		max-width: 100% !important;
	}
	.BS_halfboxed .start-highlight-bild {
		height: 50vw;
	}
	.start-highlight-text {
		max-width: 100% !important;
	}
	.start-highlight-bild {
		margin-left: 0px !important;
	}
}

/* PRODUKT HIGHLIGHTS */

.start-highlight {
width: 100%;
margin-bottom: 50px;
margin-top: 50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.reverse {
flex-direction: row-reverse;
text-align: left;
}
.start-highlight-bild {
display: block;
flex-grow: 1;
flex-shrink: 1;
max-width: 50%;
margin-left: 20px;
border-radius: 10px;
}

.start-highlight-bild img {
width: 100%;
}

.start-highlight-text {
display: block;
flex-grow: 1;
flex-shrink: 1;
max-width: 40%;
margin: 20px;
line-height: 1.5;
}

.BS_vollebreite[style^="background-image:"]  .start-highlight-text {
	background-color: rgba(0,0,0,0.4);
	padding: 20px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 10px;
}

.start-highlight-text a {
	font-size: 42px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	color: #252525;
}

.start-highlight-text p {
	font-size: 14px !important;
	line-height: 1.5 !important;
	margin-top: 28px !important;
}

.start-highlight-text p a {
    font-size: 14px !important;
	line-height: 1.5;
	color: #fe0c19 !important;
}

.start-highlight-banner {
width: 100%;
height: auto;
/*background-image: url("test2.jpg"); */
background-size: 100% auto;
background-position: 50% 50%;
background-attachment: initial;
text-align: center;
transition: all 0.3s;
margin-bottom: 100px;
}

.start-highlight-banner-caption {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
padding-top: 100px;
padding-bottom: 100px;
}

.start-highlight-banner-caption span {
font-size: 42px;
line-height: 1.5;
display: block;
margin-right: 20px;
margin-left: 20px;
color: #fe0c19;
font-weight: 600;
}

.start-highlight-banner-caption p {
color: white;
display: block;
margin-right: 0px;
margin-left: 0px;
}

.start-highlight-banner-caption p span {
display: inline-block;
margin-right: 0px;
margin-left: 0px;
}

.start-highlight-banner-caption p, .start-highlight-banner-caption p span {
font-size: 14px;
line-height: 1.5;
}


/*----Banner----*/

.banner {
background-image: url("../img/banner.jpg");
background-size: auto;
background-attachment: fixed;
width: 100%;
height: 35vh;
background-position: center top;
background-repeat: no-repeat;
/*animation: slide 60s infinite;*/
animation-timing-function: ease-in-out;
padding-top: 20px;
}

.banner-gx {
background-image: url("../img/banner-gx.jpg") !important;
}

.banner-produkte {
background-image: url("../img/banner-produkte.jpg") !important;
}

.ptr_class {
cursor:pointer;
}

@keyframes slide {
0% {
background-position: 0% 0%;
}
50% {
background-position: 0% 100%;
}
100% {
background-position: 0% 0%;
}
}


/*----Weißer-Pfeil----*/

.pfeil {
position: absolute;
display: block;
top: 35vh;
width: 100%;
height: 20px;
margin: 0 auto;
}

.rechtecklinks {
flex-grow: 1;
display: block;
background-color: white;
height: 20px;
width: 50%;
}

.pfeilwrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
margin: 0 auto;
}

.pfeill {
flex-grow: 1;
display: block;
margin-left: 0px;
width: 0px;
height: 0px;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 20px 0 0 20px;
border-color: transparent transparent transparent white;
}

.pfeilr {
flex-grow: 1;
display: block;
width: 0px;
height: 0px;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent white transparent;
}

.rechteckrechts {
flex-grow: 1;
display: block;
background-color: white;
height: 20px;
width: 50%;
}

/*----Rotes-Overlay----*/

#overlay {
position: absolute;
top: 0;
margin-left: 20px;
margin-top: 110px;
width: 200px;
height: 610px;
background-color: RGBA(221,52,47,0.7);
}

#overlay p {
font-family: 'Roboto', serif;
color: white;
font-size: 46px;
line-height: 1.2;
margin-left: 10px;
margin-top: 250px;
}

/*----Content----*/

.content-wr, #maincontainer-wr {
width: 100%;
background-color: white;
line-height: 1.5em;
/*min-height: 50vh;*/
}
.content-wr div:first-child {
	margin-top: 0px !important;
}

.content, #maincontainer {
max-width: 1280px;
margin: 0 auto;
padding: 20px;
height: 100%;
background-color: white;
line-height: 1.5em;
}

/*----Content-Allgemeine-Einträge----*/

.content .text,  #maincontainer .text {
margin-top: 120px;
width: 49%;
height: 300px;
text-align: justify;
float: left;
}

.content .bild, #maincontainer .bild {
margin-top: 120px;
width: 49%;
height: 300px;
background-image: url("../img/banner.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
float: right;
}

.content .text2, #maincontainer .text2 {
margin-top: 120px;
width: 49%;
height: 300px;
text-align: justify;
float: right;
}

.content .bild2, #maincontainer .bild2 {
margin-top: 120px;
width: 49%;
height: 300px;
background-image: url("../img/banner.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
float: left;
}

/*---Content-Title---*/

#contenttitle_wr {
margin-top: 0px;
margin-bottom: 0px;
}

#contenttitle_u {
color: RGBA(221,52,47,1);
font-size: 14px;
margin-bottom: 10px;
}

#contenttitle_t {
color: #000;
font-size: 42px;
font-weight: 900;
line-height: 1.1;
}

#feed {
width: 500px;
margin: 0 auto;
}


/*----Content-Area-breit----*/

.area-breit {
/*border: 1px solid RGBA(221,52,47,1);*/
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 14px;
padding-bottom: 10px;
margin-bottom: 20px;
overflow: hidden;
background-color: #252525;
border-radius: 10px;
}

#suche {
width: 50px;
height: 50px;
background-image: url("../img/suche.png");
background-size: auto 100%;
position: absolute;
margin-left: 20px;
margin-top: 0px;
}

#katalog {
width: 50px;
height: 50px;
background-image: url("../img/katalog.png");
background-size: auto 100%;
position: absolute;
margin-top: 10px;
margin-left: 20px;
}

.area-breit .area-breit-title {
color: white;
margin-left: 55px;
font-size: 28px;
margin-top: -4px;
text-transform: uppercase;
font-weight: 600;
}

.area-breit p {
margin-left: 90px;
margin-top: 10px;
margin-right: 20px;
line-height: 1.5;
}

.area-breit .spezi-1 {
background-color: #252525;
}

/*----Content-Area-breit-Spezifikationen----*/

.cfeatures {
width: 50px;
height: 50px;
/*    background-image: url("../img/spezi.png");   */
background-size: auto 100%;
position: absolute;
margin-top: -15px;
margin-left: 20px;
display: none;
}

.cfeatures-title {
position: absolute;
margin-top: 8px;
}

#videos-area, 
#docs-area, 
#features-area, 
#demos-area, 
#reviews-area,
.common-area 
{
margin-top: 65px;
height: 0;
}

.area-breit #videos-area ul,
.area-breit #docs-area ul,
.area-breit #features-area ul,
.area-breit #demos-area ul,
.area-breit #reviews-area ul,
.area-breit .common-area ul
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}

.area-breit .videos-1, 
.area-breit .docs-1, 
.area-breit .features-1, 
.area-breit .demos-1, 
.area-breit .reviews-1 
{
background-color: RGB(236,236,236);
}


.area-breit #videos-area ul li,
.area-breit #features-area ul li,
.area-breit #docs-area ul li,
.area-breit #demos-area ul li,
.area-breit #reviews-area ul li,
.area-breit .common-area ul li
{
display: block;
flex-grow: 1;
padding: 20px;
width: 50%;
line-height: 1.5;
color: #bababa;
font-size: 14px;
padding-top: 3px;
padding-bottom: 3px;
}

#videos-labelpos, 
#docs-labelpos, 
#features-labelpos, 
#demos-labelpos, 
#reviews-labelpos 
{ 
max-width: 1260px;
margin: 0 auto;
text-align: left;
margin-left: 20px;
margin-top: -69px;
margin-bottom: -1px;
}

.show-videos, .show-videos2, .show-videos3, 
.show-features, .show-features2, .show-features3, 
.show-docs, .show-docs2, .show-docs3, 
.show-demos, .show-demos2, .show-demos3,
.show-reviews, .show-reviews2, .show-reviews3
{
z-index: 98;
color: #fe0c19;
font-size: 28px;
font-weight: 400;
}

.show-videos2,
.show-docs2,
.show-features2,
.show-demos2,
.show-reviews2
{
margin-top: 80px;
}

#videos-labelpos2, 
#docs-labelpos2, 
#features-labelpos2, 
#demos-labelpos2,
#reviews-labelpos2 
{ 
max-width: 1260px;
margin: 0 auto;
text-align: left;
margin-left: 20px;
margin-top: -70px;
margin-bottom: 14px;
}


input[id=show-videos],
input[id=show-videos] ~ .area-breit #videos-labelpos2,
input[id=show-videos] ~ .area-breit #videos-labelpos .show-videos2,
input[id=show-videos]:checked ~ .area-breit #videos-labelpos .show-videos,
input[id=show-docs],
input[id=show-docs] ~ .area-breit #docs-labelpos2,
input[id=show-docs] ~ .area-breit #docs-labelpos .show-docs2,
input[id=show-docs]:checked ~ .area-breit #docs-labelpos .show-docs,
input[id=show-features],
input[id=show-features] ~ .area-breit #features-labelpos2,
input[id=show-features] ~ .area-breit #features-labelpos .show-features2,
input[id=show-features]:checked ~ .area-breit #features-labelpos .show-features,
input[id=show-demos],
input[id=show-demos] ~ .area-breit #demos-labelpos2,
input[id=show-demos] ~ .area-breit #demos-labelpos .show-demos2,
input[id=show-demos]:checked ~ .area-breit #demos-labelpos .show-demos,
input[id=show-reviews],
input[id=show-reviews] ~ .area-breit #reviews-labelpos2,
input[id=show-reviews] ~ .area-breit #reviews-labelpos .show-reviews2,
input[id=show-reviews]:checked ~ .area-breit #reviews-labelpos .show-reviews
{
display: none;
}

input[id=show-videos] ~ .area-breit #videos-labelpos .show-videos,
input[id=show-videos]:checked ~ .area-breit #videos-labelpos .show-videos2,
input[id=show-videos]:checked ~ .area-breit #videos-labelpos2,
input[id=show-docs] ~ .area-breit #docs-labelpos .show-docs,
input[id=show-docs]:checked ~ .area-breit #docs-labelpos .show-docs2,
input[id=show-docs]:checked ~ .area-breit #docs-labelpos2,
input[id=show-features] ~ .area-breit #features-labelpos .show-features,
input[id=show-features]:checked ~ .area-breit #features-labelpos .show-features2,
input[id=show-features]:checked ~ .area-breit #features-labelpos2,
input[id=show-demos] ~ .area-breit #demos-labelpos .show-demos,
input[id=show-demos]:checked ~ .area-breit #demos-labelpos .show-demos2,
input[id=show-demos]:checked ~ .area-breit #demos-labelpos2,
input[id=show-reviews] ~ .area-breit #reviews-labelpos .show-reviews,
input[id=show-reviews]:checked ~ .area-breit #reviews-labelpos .show-reviews2,
input[id=show-reviews]:checked ~ .area-breit #reviews-labelpos2
{
display: block;
}

input[id=show-videos]:checked ~ .area-breit #videos-area,
input[id=show-docs]:checked ~ .area-breit #docs-area,
input[id=show-features]:checked ~ .area-breit #features-area,
input[id=show-demos]:checked ~ .area-breit #demos-area,
input[id=show-reviews]:checked ~ .area-breit #reviews-area
{
height: 100%;
transition: height 1s;
}

/*----Content-Area-half----*/


/*----Content-Area-half-common----*/
.area-half-common {
width: 49%;
max-width: 630px;
margin-top: 20px;
background-size: auto 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
height: 200px;
transition: all 0.3s;
}

.area-half-common-overlay {
background: RGBA(0, 0, 0, 0.5);
overflow: hidden;
transition: width 1s;
-ms-transition: width 1s;
-webkit-transition: width 1s;
transition: all 0.3s;
text-align: left;
width: 50%;
height: 200px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
border: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

/*
.area-half-common-overlay:hover {
background: transparent;
transition: all 0.3s;
}*/

.area-half-common:hover .area-half-common-overlay {
    background: #fe0c19;
    transition: all 0.3s, background 0s;
    width: 50%;
    height: 200px;
    margin-top: 0px;
    margin-left: 50%;
    margin-right: 0px;
    border: none;
    -webkit-backdrop-filter: blur(0px);
	backdrop-filter: blur(0px);
}

.area-half-common:hover {
    /*background-image: url("rot.jpg") !important;*/
    background-size: auto 120%;
    transition: all 0.3s;
    /*transform: scale(0.95,0.95);*/
    cursor: pointer;
}

.area-half-common:hover .area-half-common-overlay .area-half-common-title {
    color: white;
    transition: all 0.3s;
	/*top: 70px;*/
	font-size: 42px;
}

.area-half-common:hover p {
	transition: all 0.3s;
	opacity: 0;
}

.clearer {
height: 0px;
display: none;
}

/*.area-half-common:hover .area-half-common-overlay p {
opacity: 1;
max-width: 380px;
transition: opacity 1s 1s, max-width 0s 1s;
-ms-transition: opacity 1s 1s, max-width 0s 1s;
-webkit-transition: opacity 1s 1s, max-width 0s 1s;
}

.area-half-common:hover .area-half-common-overlay .area-half-common-title {
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
font-size: 24px;
margin-top: 20px;
margin-right: 0px;
transition: transform 1s, font-size 1s, margin 1s;
-ms-transition: transform 1s, font-size 1s, margin 1s;
-webkit-transition: transform 1s, font-size 1s, margin 1s;
}

.area-half-common .area-half-common-overlay .area-half-common-title {
float: right;
color: black;
width: 140px;
height: 100px;
text-align: right;
margin-right: 20px;
font-size: 25px;
}*/

.area-half-common .area-half-common-overlay .area-half-common-title {
color: white;
/*width: 100%;*/
display: block;
position: relative;
font-size: 28px;
transition: all 0.3s;
font-weight: 600;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
line-height: 1.2;
top: 0 !important;
}

.area-half-common p {
text-align: left;
margin-top: 40px;
max-width: 100%;
padding-right: 20px;
padding-left: 20px;
color: white;
opacity: 1;
transition: all 0.3s;
font-size: 14px;
}

.area-half-common-left {
float: left;
}

.area-half-common-right {
float: right;
}

.area-half-common-no-image {
	background: #252525 !important;
}

.area-half-common-no-image .area-half-common-overlay {
	background: transparent !important;
	width: 100% !important;
	margin-left: 0 !important;
}

.area-half-common-no-image .area-half-common-overlay .area-half-common-title {
	color: white !important;
}

.area-half-common-no-image .area-half-common-overlay p {
	color: #bababa !important;
	margin-top: 14px !important;
	opacity: 1 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

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

.area-half-common .area-half-common-overlay {
width: auto !important;
}

.area-half-common:hover .area-half-common-overlay p {
/* opacity: 0; */
max-width: 100% !important;
}

.area-half-common:hover .area-half-common-overlay .area-half-common-title {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
font-size: 25px;
margin-top: auto !important;
margin-right: auto !important;
width: 100% !important;
height: auto !important;
}
}


/*----Content-Produkt-Bild----*/

#produkt-bild {
max-width: 100%;
height: 500px;
/* background-image: url("../img/GX-7.jpg"); */
/* transition: background-image 2000ms ease-in-out; */
/* background-size: auto; */
background-repeat: no-repeat;
background-position: 50% 50%;
}

/*----Grauer-Pfeil----*/

.pfeils {
position: relative !important;
top: -40px !important;
}

.rechtecks {
background-color: RGB(236,236,236) !important;
}

.pfeills {
border-color: transparent transparent transparent RGB(236,236,236) !important;
}

.pfeilrs {
border-color: transparent transparent RGB(236,236,236) transparent !important;
}

/*----Comparison----*/
.gy {
background-color:#f8f8f8;
}
.anchor {
position:absolute;
top:-100px;
left:0;
}
h3.w,
.pros h3 {
padding:60px 0 23px 0;
}

.box {
/*
padding:60px 0;
*/
}

.box_ps {
padding-bottom:0 !important;
}

.box_ps2 {
padding-top:0 !important;
}

.g {
background-color:#f0f0f0;
}

.box .inner {
width:930px;
margin:0 auto;
}

.box .inner p.ph {
width:415px;
float:left;
}

.box_r .inner p.ph {
width:415px;
padding:0 0 20px 20px;
float:right;
}

.box_w .inner p.ph {
width:100%;
padding:0 0 20px 0;
float:none;
}

.box_cl .inner p.ph {
width:100%;
padding:0 0 20px 0;
float:none;
}



.box .inner dl {
width:465px;
padding:15px 0 0 0;
float:right;
}

.box_r .inner dl {
width:100%;
padding:15px 0 0 0;
float:none;
}

.box_w .inner dl {
width:100%;
padding:15px 0 0 0;
float:none;
}

.box_cl .inner dl {
width:100%;
padding:15px 0 0 0;
float:none;
}

.box_cl .inner dl dd {
width:100%;
columns: 450px auto;
-moz-columns: 450px auto;
-webkit-columns: 450px auto;
-o-columns: 450px auto;
-ms-columns: 450px auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}



.box .inner dl dt {
font-size:28px;
line-height:34px;
padding:0 0 20px 0;
}

.box .inner dl dd {
font-size:16px;
line-height:26px;
}


.box .inner dl dd p {
font-size:16px;
line-height:26px;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
font-weight:300;
text-shadow:0px 0px 0px rgba(0,0,0,0.5);
}

.box .inner .bl {
width:308px;
float:left;
}

.box .inner .bl p.p {
padding:0 0 27px 0;
}

.box .inner .bl p.btn {
text-align:center;
}

.box .inner .bl p.btn a img {
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.box .inner .bl p.btn a:hover img {
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: "alpha( opacity=70 )";
}

.box .inner .movie {
width:560px;
margin:0 auto 10px auto;

}

p.note_p {
padding:5px 0 0 0;
text-align:right;
font-weight:300;
text-shadow:0px 0px 0px rgba(0,0,0,0.5);
font-size:12px;
}

p.note_p span {
display:block;
float:left;
}

table.common {
border-collapse:collapse;
border:#e0bcbc 1px solid;
}

table.common tr th {
border-right:#e0bcbc 1px solid;
border-bottom:#e0bcbc 1px solid;
}

table.d {
/*
border-top:#e0bcbc 1px solid;
border-left:#e0bcbc 1px solid;
*/
border-collapse:collapse;
}

#overtable {
width:100%;
max-width: 1280px;
}

#comptable tr#detailinfo th,
#overtable tr th {
background-color:#fff;
border:none!important;
}
#overtable tr td {
border:none;
}

#comptable {
color: black;
background-color: #fff;
}
#comptable tr#detailinfo {
outline: none;
}


#overtable tr td {
border:none;
}


table.common tr th,
table.d tr th {
width:116px;
/*
font-size:16px;
*/
font-weight:normal;
padding:10px 20px;
text-align:left;
/*
border-right:#e0bcbc 2px solid;
border-bottom:#e0bcbc 1px solid;
*/
background-color:#fbecec;
font-weight:300;
text-shadow:0px 0px 0px rgba(0,0,0,0.5);
}

table.d tr th.tit {
width:auto;
/*
font-size:16px;
*/
font-weight:normal;
color:#ffffff;
padding:10px 20px;
text-align:left;
border-right:#e0bcbc 2px solid;
border-bottom:#e0bcbc 1px solid;
background-color:#e66767;
}


table.d tr th.s {
width:140px;
padding:8px 15px;
text-align:center;
}

table.d tr th.s2 {
border-right:#e0bcbc 1px solid;
}

table.common tr td,
table.d tr td {
/*
font-size:16px;
*/
padding:10px 20px;
font-weight:400;
text-shadow:0px 0px 0px rgba(0,0,0,0.5);
line-height: 1.5;
}

table.d tr th.sub_cat,
table.d tr td.sub_cat,
table.d tr th.th_sub_cat_hl,
table.d tr td.sub_cat_hl {
/*
border-left:#e0bcbc 1px solid;
border-right:#e0bcbc 1px solid;
*/
font-weight: 400;
}
table.d tr th.th_sub_cat_hl,
table.d tr td.sub_cat_hl {
color: #565656;
}


table.d tr td.f_cell {
/*
border-left:#e0bcbc 1px solid;
*/
}
table.d tr td.l_cell {
/*
border-right:#e0bcbc 1px solid!important;
*/
}

table.d tr td.s {
padding:8px 20px;
}

table.d_comp {
border:none;
table-layout:fixed;
}

table.d_comp tr th {
width:20%;
max-width:300px;
/*
font-size:12px;
background-color:#fcf1f2;
*/
padding:10px;
padding-left: 20px;
background-color:#fff;

border-right:none;
}

table.d_comp tr th.nobg {
max-width:210px;
background:none;
border-right:none;
}

table.d_comp tr th.nobg {
vertical-align: bottom;
}

.pc_link {
display:block;
/*
width:157px;
*/
margin:0 auto;
text-align:center;
/*
font-size:14px;
*/
font-weight:normal;
padding:8px;
background-color: #f2f2f2;
}

table.d_comp tr th.nobg a:hover, .pc_link:hover {
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: "alpha( opacity=70 )";
text-decoration:none;
}



table.d_comp tr th.tit {
color:#ffffff;
text-align:center;
/*
font-size:14px;
*/
padding:6px 15px;
background-color:#fc7e89;
}


table.d_comp tr th.s {
width:70px;
/*
font-size:12px;
*/
padding:6px 15px;
text-align:left;
line-height:18px;
}

table.d_comp tr td {
width:auto;
font-size: 12pt;
padding: 10px;
padding-left: 20px;
border-right:none;
}

table.d_comp tr td.gy {
background-color:#fff;
}

table.d_comp tr td.pro {
border-right:none;
text-align:left;
background-color:#ffffff;
}

table.d_comp tr td.pro p.name {
font-size: 20pt;
font-weight:600;
padding:10px 0 3px 0;
}

table.d_comp tr td.pro p.link {
padding:0 0 5px 0;
}

table.d_comp tr td.pro p.name a {
color:RGBA(221,52,47,1);
text-decoration:none;
/*padding:0 12px 0 0;
background:url(/images/product/img_ar_05.gif) no-repeat right 7px;*/
}

.pro img {
	height: 80px;
}

.box2 {
padding:0 0 60px 0;
}

.box2 .inner {
overflow:hidden;
/*
width:960px !important;
*/
position:relative;
}

.box2 .tover {
display:none;
position:fixed;
width:100%;
top:70px;
background-color:#ffffff;
left:0;
margin:0 auto;
border-bottom:#e0bcbc 1px solid;
/*
padding: 0 20px;
max-width: 1280px;
padding: 20px;
width:100%;
margin: 0 auto;
*/
}


.box2 .tover table {
/*
width:960px;
margin-left: 20px;
*/
margin:0 auto;
}

.compa_btn {
display:none;
}

.compa_title {
width:100%;
margin:0 0 35px 0;
}

.compa_title h2 {
font-size:32px;
font-weight:normal;
text-align:center;
padding:0 0 15px 0;
display: none;
}

.compa_title p.txt {
font-size:14px;
text-align:center;
padding:0 0 25px 0;
display: none;
}

.btn_wrap {
	position: relative !important;
}

.compa_title p.btn1 {
display:none;
}

.compa_title p.btn1 a {
display:block;
width:180px;
padding:10px;
margin:0 auto;
font-size:14px;
text-align:center;
color:#ffffff;
border:#fe0c19 1px solid;
background-color:#fe0c19;
border-radius: 50px;
}
@media screen and (max-width: 800px) {
	.compa_title p.btn1 a, .compa_title p.btn2 {
		width: calc(100% - 20px) !important;
	}
}
.compa_title p.btn1 a:hover {
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: "alpha( opacity=70 )";
text-decoration:none;
}

.cat_compa_title {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cat_compa_title p.btn2 {
max-width: 50%;
color:white;
font-size:12pt;
display: block;
line-height: 1.5;
margin: 10px;

}
.cat_compa_title p.btn2 a {
display: block;
color: #565656;
font-size: 12pt;
background-color:#fff;
padding: 10px;
padding-left: 50px;
padding-right: 50px;
border-radius: 50px;
transition: all 0.3s;
border: 1px solid #565656;
}
.cat_compa_title p.btn2 a:hover {
background-color: #fe0c19;
border: 1px solid  #fe0c19;
color:#fff;
transition: all 0.3s;
}
.cat_compa_title p.btn2:nth-child(2) {

}

.compa_title p.btn2 {
width:180px;
padding:10px;
margin:0 auto;
color:#7d7d7d;
font-size:14px;
text-align:center;
border:#a1a1a1 1px solid;
background-color:#fff;
border-radius: 50px;
}

#act_title {
font-style: italic;
height:20px;
padding:0;
margin:-52px 0 0 165px;
color: RGBA(221, 52, 47, 1);
font-size: 0.72em;

}

/* pro_list_comp
===============================================================*/
.pro_list_comp {
width: 100%;
margin:0 auto;
display: flex;
flex-wrap: wrap;
min-height:50vh;
align-content: flex-start;
}

.pro_list_comp span {
 display: block;
 padding: 10px;
 margin: 10px;
 height: 55px;
border:#252525 1px solid;
width: calc(25% - 42px);
min-width: 220px;
max-width: calc(50% - 40px);
transition: all 0.3s;
}
@media screen and (max-width: 1280px) {
	.pro_list_comp span {
		width: calc(50% - 45px);
		max-width: calc(50% - 45px);
	}
}
@media screen and (max-width: 800px) {
	.pro_list_comp span {
		width: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}
}

.pro_list_comp a {
display:inline-block;
width: 100%;
height:60px;
/*float:left;*/
background-repeat: no-repeat;
background-size: 50px;
background-position: 20px center; 
color: #252525;

}

.pro_list_comp a.end {
/*
margin:0 0 24px 0;
*/
}

.pro_list_comp span:hover {
border:#fe0c19 1px solid;
text-decoration:none;
opacity: 1;
transform: scale(1.05);
transition: all 0.3s;
}

.pro_list_comp a.ck {
	color: #fe0c19;
}

.pro_list_comp a p {
width:70px;
float:left;
}

.pro_list_comp a p img {
width:70px;
}

.pro_list_comp a dl {
margin-left: 100px;
padding:5px 0 0 0;
font-size: 9pt;
}

.pro_list_comp a dl dt {
font-size:12pt !important;
font-weight: 600;
vertical-align: middle;
padding-right:5px;
}


.anc_shadow {
   /* background: rgba(0, 0, 0, 0) repeat scroll 0 0;
    left: 0;
    padding: 0;
    text-align: center;
    top: 70px;
    width: 100%;
    z-index: 10;*/
}

/*
.anc_shadow {
    box-shadow: 0 -2px 1px 3px rgba(82, 82, 82, 0.318);
}
*/

/*----Comparison----*/



/*----Content-Breit-Grau----*/

#contentblack {
/* background-color: RGB(236,236,236); */
background-color: white;
width: 100%;
height: 100%;
margin-top: -40px;
}

#contentblack-wr {
max-width: 1280px;
margin: 0 auto;
padding: 20px;
overflow: hidden;
margin-bottom: 50px;
}

.common_list {
line-height:1.5em;
margin-bottom: 28px;
}

#mlistheader {
line-height:1.5em;
}

.common_list img {
float: left;
margin: 0 28px 28px 0;
max-width: 40%;
min-width: 300px;
margin-bottom: 14px;
}


#contentblack h3,
.common_list h3, #plistcat,
.product-list h3
{
text-align: left;
font-weight: 600;
font-size: 42px;
font-family: 'Roboto', sans-serif;
/*padding-bottom: 28px;*/
clear:both;
}

.common_list h3, #plistcat, .product-list h3
{
font-size: 28px;
margin-bottom: 25px;
}

#pdesc h3 {
border: 0;
font-size: 28px;
font-weight: 600;
text-align: left;
padding: 30px 0 10px 0;
line-height: 1.2;
/*text-transform: uppercase;*/
}

#pdesc img {
max-width:98%;
margin: 10px 0;
}

#contentblack p {
width: 100%;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
text-align: left;
} 

#ytplayer-wr {
width: 100%;
background-color: black;
}

#ytplayer {
display: block;
margin: 0 auto;
max-width: 1280px;
max-height: 720px;
margin-bottom: 20px;
}

#contentblackcoloumn {
column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-webkit-column-count: 3;
width: 100%;
overflow: hidden;
}

.blackbild {
margin-top: 20px;
margin-bottom: 20px;
background-image: url("../img/banner.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 66.66%; 
}

#labelpos { 
max-width: 1260px;
margin: 0 auto;
text-align: right;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
border-top: 1px solid #fe0c19;
margin-top: 20px;
display: none;
}

.show-text, .show-text2 {
z-index: 98;
color: #fe0c19;
}

input[id=show-text]{
display: none;
}

input[id=show-text] ~ #contentblack #labelpos .show-text2 {
display: none;
}

input[id=show-text] ~ #contentblack #labelpos .show-text {
display: block;
}

input[id=show-text]:checked ~ #contentblack #contentblack-wr {
max-height: 100%;
transition: height 1s;
}

input[id=show-text]:checked ~ #contentblack #contentblack-wr #contentblackcoloumn{
max-height: 100%;
transition: height 1s;
}

input[id=show-text]:checked ~ #contentblack #labelpos .show-text {
display: none;
}

input[id=show-text]:checked ~ #contentblack #labelpos .show-text2 {
display: block;
}


.datatab {
 width: 100%;
}

.dt_desc {
 font-weight: bold;
 min-width: 50px;
 width: 10%;
}
.dt_desc, .dt_data {
 line-height: 1.5em;
 padding: 5px;
}

/*----Footer----*/

#clearboth {
clear: both;
margin-bottom: 100px;
}

footer.fmain {
display: block;
padding-top: 40px;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fe0c19;
clear: both;
}

footer.fmain #footerwrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 0 auto;
max-width: 1280px;
}

footer.fmain #footerwrapper article {
flex-grow: 1;
display: block;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 140px;
}

footer.fmain #footerwrapper article ul li {
line-height: 1.5;
}

footer.fmain #footerwrapper article ul li:first-child{
display: block;
margin-bottom: 20px;
font-weight: 600 !important;
font-size: 14px;
}

footer.fmain #footerwrapper article ul li a{
color: white;
text-decoration: none;
font-size: 14px;
}

footer.fmain #footerwrapper article ul li a:hover{
text-decoration: underline;
}

/*----Copyright-Area----*/

#copy {
background-color: #fe0c19;
display: block;
height: 40px;
bottom: 0;
}

#line {
border-top: none !important;
margin-left: 20px;
margin-right: 20px;
height: 40px;
}

#line p {
text-align: center;
margin: 0 auto;
width: 250px;
display: block;
position: relative;
color: white;
font-size: 12px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}

#imprechts {
float: right;
height: 40px;
}

#line a {
float: left;
display: block;
color: white;
font-size: 12px;
text-decoration: none;
position: relative;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}

#line a:hover {
text-decoration: underline;
}

/*----Media Queries----*/

/*----Mobil-Menu----*/

.show-menu {
z-index: 99;
right: 20px;
top: 23px;
position: fixed;
font-size: 100px;
text-decoration: none;
color: #fff;
background: transparent;
text-align: center;
display: none;
}

.show-menu img {
	width: 25px;
	height: 20px;
}

#global {
display: none;
}

input[id=show-menu]{
display: none;
transition: display 1s;
}

input[id=show-menu]:checked ~ header.hmain #menu{
display: block;
}

input[id=show-menu]:checked ~ header.hmain{
height: 100%;
transition: height 0.3s;
overflow: hidden;
}


#jp_container_1 {
  border-left: none;
}
#jp_container_1 .jp-playlist{
  padding: 0;
}

#jp_container_1 .jp-playlist ul {
  display: block;
  width: 100%;
  padding: 0;
  background-color: #252525 !important;
}

#jp_container_1 .jp-playlist ul li {
  display:block;
  width: 100%;
  margin: 0;
  padding:10px 0;
  vertical-align: middle;
  background-color: #252525 !important;
}

#jp_container_1 .jp-playlist ul li div{
  padding:0 20px;
}

div.jp-type-playlist div.jp-playlist a {
	color: white !important;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a:hover {
	color: RGBA(221,52,47,1) !important;
}

.jp-audio, .jp-audio-stream, .jp-video {
	border: none !important;
}

.jp-details, .jp-playlist {
	border: none !important;
}

#reviews-area p {
  margin:0;
}

ul.features_headline,
tr.features_headline {
 background-color: #fff!important;
 margin-top: 28px;
 margin-bottom: 7px;
 
}

tr.features_headline .grp {
 background-color: #fff!important;
}

ul.features_headline.grp li {
 color: #fe0c19 !important;
}


td.grp {
 text-align: center;
 padding-top: 15px!important;
 padding-bottom: 15px!important;
 background-color: #fff!important;
}

ul.features_headline li,
tr.features_headline td {
	color: #252525 !important;
	font-weight: 600;
	font-size: 20pt !important;
	font-weight: 600 !important;
}
/*----1280px----*/

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

#ytplayer {
max-width: 720px;
max-height: 480px;
}

}

/*----1000px----*/

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


header.hmain ul {
display: none;
width: 100%;
text-align: right;
background-color: RGBA(0, 0, 0, 0);
position: relative;
top: 100px;
transform: none;
}

header.hmain ul li {
padding-top: 10px;
padding-bottom: 10px;
}

header.hmain ul li a {
font-size: 28px;
padding-right: 20px;
}

header.hmain ul li a:hover {
color: #fe0c19;
}

header.hmain ul li #active {
color: #fe0c19;
}


#global {
display: block;
}

#welt {
display: none;
}

#responsive-nav {
width: 70px;
}

.show-menu {
display: flex;
}

#overlay {
height: 280px;
}

#overlay p {
margin-top: 0px;
}

.banner {
background-repeat: no-repeat;
background-size: auto 35vh;
}

.pfeil {
top: 410px;
}

.pfeils {
top: -40px !important;
}

.area-half-common .area-half-common-overlay {
width: 200px;
}

.area-half-common:hover .area-half-common-overlay p {
/* opacity: 0; */
max-width: 250px;
}

.area-half-common:hover .area-half-common-overlay .area-half-common-title {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
font-size: 25px;
margin-top: 0px;
margin-right: 20px;
width: 140px;
height: 100px;
}


#produkt-bild {
max-width: 100%;
height: 0;
padding-bottom: 100%;
/* background-image: url("../img/GX-7.jpg"); */
transition: background-image 1s ease-in-out;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: scroll;
}

#contentblack p {
width: 100%;

}
}

/*----800px----*/

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

#contentblackcoloumn {
column-count: 1;
-moz-column-count: 1;
-ms-column-count: 1;
-webkit-column-count: 1;
}

footer.fmain #footerwrapper {
flex-wrap: wrap;
}

footer.fmain #footerwrapper article {
width: 100px;
margin-bottom: 40px;
}

#ytplayer {
max-width: 480px;
max-height: 270px;
}

}

/*----615----*/

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


#line p {
text-align: left;
margin-left: 0;
clear: both;
}

#imprechts {
float: left;
}

#copy {
height: 80px;
}

#overlay {
width: 150px;
height: 160px;
}

#overlay p{
margin-top: 5px;
font-size: 25px;
}

.banner {
background-position: 50% 0;
background-repeat: no-repeat;
}

#logo2 {
left: 165px;
}


.area-half-common {
width: 100%;
}
.area-half-common-left {
float: left;
}

.area-half-common-right {
float: left;
}
.cat_compa_title p.btn2 {
width: 100%;
max-width: 100%;
text-align: center;
}
.cat_compa_title p.btn2:nth-child(2) {
float: left;
}

.content .text, .content .text2, .content .bild, .content .bild2 {
float: left;
width: 100%;
margin-top: 40px;
}

.content .text, .content .text2 {
height: 300px;
}

.cfeatures-title {
font-size: 16px !important;
margin-top: 13px;
}

.start-highlight-text a {
	font-size: 28px !important;
}
.reverse, .start-highlight, .start-highlight-reverse {
	text-align: left !important;
}

.start-highlight-banner-caption span {
font-size: 28px;
}

.start-highlight-banner-caption p {
margin-left: 12px;
}

.common_list img {
width: 100%;
margin-right: 0;
}

}


/*----490px----*/

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

#ytplayer {
max-width: 270px;
max-height: 152px;
}

#logo2 {
display: none;
}

.start-highlight-banner {
background-size: auto 100%;
}

}



.elementor-87 .elementor-element.elementor-element-655aa4d {
	z-index: auto !important;
}

/*
#cookie-popup { 
  text-align: center; 
  background: #fff;
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
 
#cookie-popup.hidden {
  display: none;
}

#bnnr_fixed_bg, #bnnr_fixed_bg * {
    box-sizing: border-box;
    backface-visibility: initial;
    text-transform: initial;
    -webkit-text-size-adjust: 100%;
}

#cntnt-ck_banner {
    overflow: overlay!important;
}

#bnnr-body-rightSide-ck_banner {
    box-shadow: var(--boxShadowShowScroll);
}
*/


#ckctrl_box {
    background-color: #ffffff;
    z-index: 999997;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Open Sans', Arial, 'Trebuchet MS', 'Segoe UI', 'Helvetica', sans-serif;
    box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35);
    color: #080708;
    box-sizing: border-box;
}

#ckctrl_close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 29px;
    line-height: 13px;
    cursor: pointer;
    color: #fe0c19;
    height: 15px;
    width: 15px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    letter-spacing: 0;
    font-family: 'Trebuchet MS', 'Arial', sans-serif;
    font-weight: 100;
    opacity: 0.85;
    z-index: 999999;
}

#ckctrl_buttons {
    display: flex;
    flex-direction: row;
    font-weight: 700;
}
#ckctrl_m {
	padding: 4px;
    display: inline;
    cursor: pointer;
    color: #fe0c19;
    opacity:0.80;
	background-color: #ffffff;
	margin-left: -5px;
	margin-bottom: -5px;
}
#ckctrl_m #ckctrl_micon .ckctrl_gear {
    fill: #fe0c19;
}
#ckctrl_m:hover #ckctrl_micon .ckctrl_gear {
    fill: #fe0c19;
}

svg#ckctrl_micon {
    width: 15px;
    height: 15px;
    display: inline;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1px;
    vertical-align: baseline;
}
#ckctrl_header {
    background-color: transparent;
    z-index: 999998;
    color: #080708;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.4px;
    opacity:1;
}
.ckctrl_cbox {
    display: flex;
    flex-direction: row;
}
input.ckctrl_cbox_input {
}
span.ckctrl_cbox_text {
    display: inline-block;
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    color: #080708;
}
#ckctrl_accept {
    border: 0;
    transition: all 0.25s ease 0s;
    background-color: #fe0c19;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    line-height: 3.3;
    letter-spacing: 0.4px;
}
/*IE 9 fixes*/
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    #ckctrl_accept {
    	display: inline-block;
    }
    #ckctrl_buttons{
    	text-align:center;
    }
}

#ckctrl_accept {
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition-duration: 100ms;
    transition-timing-function: ease-in-out;
    min-width: 103px;
}
.ckctrl_bigger {
    transform: scale(1.1);
}
#ckctrl_link {
    text-decoration: none;
    color: #080708;
    font-size: 9px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    opacity: 0.8;
}

#ckctrl_description {
    color: #080708;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 1.8;
    font-weight: 400;
    opacity: 0.85;
}
#ckctrl_cboxs {
}
#ckctrl_close:hover,
#ckctrl_m:hover,
#ckctrl_link:hover
{
    opacity: 1;
}

@media print{
    #ckctrl_box{
        display:none;
    }
}

#ckctrl_box .my-cbox_bg{
	display:inline-flex;
	position:absolute;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;width:18px;height:18px;border:2px solid #fefefe;border-radius:2px;background-color:transparent;pointer-events:none;
}

#ckctrl_box {
	bottom: 20px;
	left: 20px;
    position: fixed;
    padding: 15px 20px 15px 20px;
    width: 300px;
    text-align: left;
    max-height: 85%;
    overflow-y: auto;
    max-width: calc(100% - 40px);
	display:none;
}

#ckctrl_buttons {
    justify-content: space-between;
    margin: 0 -5px 0 -5px;
    flex-wrap: wrap;
}

#ckctrl_header {
    padding: 14px 0 12px;
    text-align: left;
    margin: 0;
}
#ckctrl_cboxs {
    margin: -6px 0 18px -11px;
}
.ckctrl_cbox {
    margin: 0 0 -10px 0;
}
#ckctrl_accept {
    flex-grow: 1;
    padding: 0 7px;
    margin: 0 5px 10px 5px;
}
#ckctrl_description {
    margin: 0 0 12px;
}

#ckctrl_box{
    transition: width 200ms 600ms;
}

#ckctrl_accept {
	border-radius: 20px;
}

#ckctrl_box {
	border-radius: 10px;
}

@media only screen and (max-width: 366px) {
    #ckctrl_box{
    bottom: 0;
    left: 0;
        width: 100%;
        padding: 15px;
        border-radius:0;
		max-width: 100%;
    }
    #ckctrl_description,
    #ckctrl_buttons,
    #ckctrl_cboxs
    {
        margin-bottom: 8px;
    }
    #ckctrl_header{
        padding-top:5px;
    }
    #ckctrl_cboxs {
        display: flex;
        flex-wrap: wrap;
    }
    #ckctrl_box {
		max-height: 100%;
	}
}

#ckctrl_box {
    font-family: Raleway, sans-serif;
}
#ckctrl_header {
    font-family: Raleway, sans-serif;
}

#ot-sdk-btn {
  cursor:pointer; 
  position:fixed; 
  padding:5px; 
  color:#fe0c19; 
  display:flex; 
  align-items:center; 
  max-height:30px; 
  z-index:2147483640;
  bottom:0; 
  left:0; 
  border-top-left-radius:3px; 
  border-top-right-radius:3px;
}


/* The container */
.ck_settings {
  position: relative;
  padding-left: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px;
  display: flex;
  align-items: center;
  line-height: 1.5;
  font-family: Raleway, sans-serif;
  color: #080708;
  cursor: pointer;
}

.ck_settings_text {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
}

/* Hide the browser's default checkbox */
.ck_settings input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #eee;
  box-sizing:border-box;
  width:18px;
  height:18px;
  border:2px solid #c0c0c0;
  border-radius:2px;
}

/* On mouse-over, add a grey background color */
.ck_settings:hover input:enabled ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a red background */
.ck_settings input:enabled:checked ~ .checkmark {
  background-color: #fe0c19;
}

.ck_settings input[disabled]:checked ~ .checkmark {
  background-color:rgba(8,7,8,0.26);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ck_settings input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.ck_settings .checkmark:after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ck_settings input[disabled]:checked~.my-cbox_bg,
.ck_settings input[disabled]:indeterminate~.my-cbox_bg{border-color:transparent;background-color:rgba(8,7,8,0.26)}

.ck_settings input:disabled~.my-cbox_bg .my-cbox_cmark{color:#c0c0c0}

.ck_info_container {
  width: 100%;
  padding: 20px;
  margin: 20px;
  display: block;
  line-height: 30px;
  font-family: Raleway, sans-serif;
  color: #080708;
  vertical-align: middle;
}

.ck_info_container span.ck_ytinfo_pic {
  display: inline-flex;
  background-image: url("../img/youtube-30.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  position: absolute;
  left: 45px;
}

.ck_info_container span.ck_gminfo_pic {
  display: inline-flex;
  background-image: url("../img/gm-icon.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  position:absolute;
}

.ck_info_container span.ck_info_text {
  display: inline-flex;
  vertical-align: middle;
  padding-left: 45px;
}