/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
	url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
	url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v18-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
	url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
@font-face {
    font-family: 'hamburg-boldregular';
    src: url('../fonts/bp12225_-webfont.eot');
    src: url('../fonts/bp12225_-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bp12225_-webfont.woff') format('woff'), url('../fonts/bp12225_-webfont.ttf') format('truetype'), url('../fonts/bp12225_-webfont.svg#limerick-demiboldcondregular') format('svg');
    font-weight: 400;
    font-style:normal
}
*/
@font-face {
	font-family: 'Square721CnBTWXX-Bold';
	src: url('../fonts/Square.woff2') format('woff2'), url('../fonts/Square.woff') format('woff');
}




/* ########################################################################################## */


/* reset */
.flat-mega-menu ul,
.flat-mega-menu li,
.flat-mega-menu a,
.flat-mega-menu p,
.flat-mega-menu img,
.flat-mega-menu h2 {
	margin: 0;
	padding: 0;
	display: block;
	line-height: normal;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* menu container */
.flat-mega-menu {
	margin: 0 auto;			/* margin for align container center */
	padding: 0;
	position: relative;
	z-index: 999;
	display: block;
	max-width: 1170px;
	height: 40px;
	width: 100%;
	min-width: 180px;
}

/* ul tag layout */
.flat-mega-menu > ul {
	float: right;
	/*margin-right: 60px;*/
	min-height: 40px;
	/*background-color: #666;*/
	width: 100%;
}

/* li tag layout */
.flat-mega-menu > ul > li {
	float: left;
	min-height: 40px;
	line-height: 40px;
	color: #333;
	min-width: 10%;
}

.card-body {
   padding-top: 30px !important;
   padding-bottom: 0px !important;
}

/* a tag layout */
.flat-mega-menu > ul > li > a {
	line-height: 40px;
	color: #333;
	text-align: center;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
}

/* .title class layout */
.flat-mega-menu > ul > .title > a {
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 40px;
	padding-left: 20px;
	text-align: left;
	padding-right: 20px;
}

.flat-mega-menu > ul > .title {
	border-left: none;
	min-width: 25%;
	/* edit: title >800 px ausblenden */
	display: none;
}


/* .lang class */
.flat-mega-menu ul .lang, .flat-mega-menu ul .clogin {
	min-width: 6%;
	text-align: center;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}

	.flat-mega-menu ul .menu-oilfinder {
		background-color: rgb(68,68,68);
		color:#fff;
	}
	.flat-mega-menu ul .menu-oilfinder:hover {
		background-color: rgb(0,0,0);
	}
	.flat-mega-menu ul .menu-oilfinder a {
		color:#fff;
	}

/* .search-bar class */
.flat-mega-menu ul .search-bar {
	min-width: 6%;
	text-align: center;
	cursor: pointer;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid;
}

.flat-mega-menu .search-bar:hover {
	background-color: #FFFFFF;
	color: #666;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

.flat-mega-menu .search-bar ul {
	position: absolute;
	right: 0;
	width: 50%;
}

.flat-mega-menu .search-bar table,
.flat-mega-menu .fa-user tbody {
	width: 100%;
}

.flat-mega-menu .search-bar table tr td:last-child {
	width: 120px;
}

.flat-mega-menu .search-bar ul input[type=text] {
	background-color: #FFFFFF;
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.55);
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.55);
	border: none;
	padding: 10px;
	width: 100%;
	float: left;
	border-right: 10px solid rgba(0,0,0,0.00);
	border-left: 20px solid rgba(0,0,0,0.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	outline: none;
	color: #666;
}

.flat-mega-menu .search-bar ul input[type=submit] {
	border: none;
	width: 85%;
	cursor: pointer;
	font-size: 0.9em;
	float: left;
	height: 40px;
	outline: none;
	border: 1px solid rgba(0,0,0,0.15);
	opacity: 0.81;
	box-shadow: inset 0.5px 0.866px 0px 0px rgba(255, 248, 68, 0.106);
	background: #666;
	color: #FFFFFF;
}

.flat-mega-menu .search-bar ul input[type=submit]:hover {
	opacity: 1;
	outline: none;
}

/* hover animation */
.flat-mega-menu > ul > li:hover > a {
	background: #FFFFFF;
	color: #666;
	/* animation */
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

.flat-mega-menu > ul > .title:hover > a {
	background: inherit;
	color: inherit !important;
}

/*------- Drop down layout start ------*/
.flat-mega-menu .drop-down {
	position: absolute;
	background: #FFFFFF;
	z-index: 999;
	margin-left: 0px;
	width: 100%;
	float: left;
	width: 150px;
	border: 1px solid rgba(0,0,0,0.10);
	border-top: none;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid;
	border-bottom-color: #666;
}

.flat-mega-menu .drop-down .drop-down {
	border-top: 1px solid rgba(0,0,0,0.10);
}

.flat-mega-menu .drop-down li {
	float: left;
	width: 100%;
	position: relative;
}

.flat-mega-menu .drop-down li a {
	color: #555658;
	font-size: 1em;
	text-align: left;
	padding: 10px 20px 10px 25px;
	background-color: #FFFFFF;
	/* animation */
	transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-ms-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
	-webkit-transition: color 0.2s linear 0s, padding-left 0.2s linear 0s;
}

/* drop down hover animation */
.flat-mega-menu .drop-down li:hover > a {
	/*color: #000000;*/
	color:#007B3E;
	padding-left: 30px;
}

/* default hover animation to show drop down */
.flat-mega-menu > ul > li:hover .drop-down {
	display: block;
}

.flat-mega-menu ul li .drop-down li:hover > .drop-down {
	display: block;
}

/* .hover-fade animation to show drop down */
.flat-mega-menu > ul > li .drop-down.hover-fade {
	display: none;
}

.flat-mega-menu > ul > li:hover > .drop-down.hover-fade,
.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-fade {
	display: block;
	/* keyframes animation */
	animation: hover-fade 0.3s linear 0s forwards;
	-moz-animation: hover-fade 0.3s linear 0s forwards;
	-ms-animation: hover-fade 0.3s linear 0s forwards;
	-o-animation: hover-fade 0.3s linear 0s forwards;
	-webkit-animation: hover-fade 0.3s linear 0s forwards;
}

@keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes hover-fade {0% {opacity:0;}100% {opacity:1;}}


/* fontAwesome icons layout */
.flat-mega-menu .drop-down li i {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 20px;
	bottom: 0;
	height: 16px;
	margin: auto;
	color: #555658;
}

/* level 2 .drop-down layout */
.flat-mega-menu .drop-down .drop-down {
	left: 100%;
	top: -10px;
	width: 150px;
}

/*------- one column layout ----------*/
.flat-mega-menu .drop-down.one-column {
	width: 250px;
}

.flat-mega-menu .drop-down .drop-down.one-column {
	width: 230px;
}


/* mobile button hide in desktop mode */
.flat-mega-menu > label,
.flat-mega-menu > input {
	display: none;
}

/* media query */

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

	.flat-mega-menu > ul > .title {
		display: block;
	}

	/* li tag layout */
	.flat-mega-menu > ul > li {
		width: 100%;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid;
		border-bottom-color: #666;
	}
	.flat-mega-menu > ul > li:last-child {
		border-bottom: 0px;
	}

	.flat-mega-menu > ul > li > a {

	}
	.flat-mega-menu > ul > li:hover > a {
		color: #666;
	}

	/* .title class layout */
	.flat-mega-menu > ul > .title a {
		text-align: center;
	}

	/* .full-width class layout */
	.flat-mega-menu .drop-down.full-width {
		position: relative;
		left: 0px !important;
	}

	/* all drop-downs layout */
	.flat-mega-menu .drop-down.one-column,
	.flat-mega-menu .drop-down.two-column,
	.flat-mega-menu .drop-down.full-width,
	.flat-mega-menu .drop-down .drop-down,
	.flat-mega-menu .social-bar ul,
	.flat-mega-menu .search-bar ul,
	.flat-mega-menu .login-form ul {
		width: 100% !important;
		display: block !important;
		position: relative;
		left: 0px;
		transform: scale(1.0, 1.0), rotateY(90deg);
		-moz-transform: scale(1.0, 1.0), rotateY(90deg);
		-ms-transform: scale(1.0, 1.0), rotateY(90deg);
		-o-transform: scale(1.0, 1.0), rotateY(90deg);
		-webkit-transform: scale(1.0, 1.0), rotateY(90deg);
	}

	.flat-mega-menu .drop-down .drop-down {
		border: none;
		border-top: 1px solid #E8E8E8;
		border-bottom: 1px solid #E8E8E8;
		top: 0;
		padding: 0;
	}

	.flat-mega-menu .drop-down .drop-down.one-column {
		padding-left: 20px;
	}

	.flat-mega-menu > ul > li .drop-down.hover-expand,
	.flat-mega-menu > ul > li .drop-down.hover-fade,
	.flat-mega-menu > ul > li .drop-down.hover-zoom {
		display: none;
		border: none;
	}

	.flat-mega-menu > ul > li:hover > .drop-down.hover-expand,
	.flat-mega-menu > ul > li:hover > .drop-down.hover-fade,
	.flat-mega-menu > ul > li:hover > .drop-down.hover-zoom,
	.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-expand,
	.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-fade,
	.flat-mega-menu > ul > li .drop-down li:hover > .drop-down.hover-zoom {
		display: block;
		/* keyframes animation */
		animation: hover-default 0.2s linear 0s forwards;
		-moz-animation: hover-default 0.2s linear 0s forwards;
		-ms-animation: hover-default 0.2s linear 0s forwards;
		-o-animation: hover-default 0.2s linear 0s forwards;
		-webkit-animation: hover-default 0.2s linear 0s forwards;
	}

	.flat-mega-menu > ul > .login-form:hover,
	.flat-mega-menu > ul > .search-bar:hover,
	.flat-mega-menu > ul > li:hover > a {
		color: #FFFFFF;
		background: inherit;
	}

	.flat-mega-menu .drop-down.two-column ul,
	.flat-mega-menu .drop-down.full-width ul {
		width: 50%;
	}

	.flat-mega-menu .drop-down.one-column a,
	.flat-mega-menu .drop-down.two-column a {
		width: auto;
		float: left;
	}


	/* fontAwesome icons layout */
	.flat-mega-menu .drop-down li .fa.fa-angle-right {
		position: relative;
		z-index: 9999;
		right: 0px;
		float: right;
		height: auto;
		color: #555658;
		padding: 0;
		margin: 0 17px 0 0;
		display: block;
		line-height: 38px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	/* mobile button layout */
	.flat-mega-menu #mobile-button {
		position: absolute;
		display: none;
	}

	.flat-mega-menu > ul {
		height: 60px;
		overflow: hidden;
	}

	/* mobile button click to show drop down */
	.flat-mega-menu #mobile-button:checked + ul {
		height: auto;
		overflow: visible;
	}

	/* label tag layout */
	.flat-mega-menu > label {
		width: 60px;
		height: 45px;
		/* edit:
		background-color: rgba(0,0,0,0.10); */
		background-color: #fff;
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		line-height: 45px;
		font-size: 2em;
		/* edit:
		color: #FFFFFF; */
		color: #666;
		cursor: pointer;
	}

	.flat-mega-menu > label i{
		-ms-user-select:none;
		-moz-user-select:none;
		-o-user-select:none;
		-webkit-user-select:none;
	}

	.flat-mega-menu ul .title {
		padding-left: 60px;
	}

	/* collapse class layout */
	.flat-mega-menu .collapse-menu .drop-down.one-column,
	.flat-mega-menu .collapse-menu .drop-down.two-column,
	.flat-mega-menu .collapse-menu .drop-down.full-width,
	.flat-mega-menu .collapse-menu .drop-down .drop-down,
	.flat-mega-menu .collapse-menu .social-bar ul,
	.flat-mega-menu .collapse-menu .search-bar ul,
	.flat-mega-menu .collapse-menu .login-form ul {
		width: 100% !important;
		display: none !important;
		position: relative;
		left: 0px;
		transform: scale(1.0, 1.0), rotateY(90deg);
		-moz-transform: scale(1.0, 1.0), rotateY(90deg);
		-ms-transform: scale(1.0, 1.0), rotateY(90deg);
		-o-transform: scale(1.0, 1.0), rotateY(90deg);
		-webkit-transform: scale(1.0, 1.0), rotateY(90deg);
	}

	.flat-mega-menu > .collapse-menu > li:hover > .drop-down.hover-expand,
	.flat-mega-menu > .collapse-menu > li:hover > .drop-down.hover-fade,
	.flat-mega-menu > .collapse-menu > li:hover > .drop-down.hover-zoom,
	.flat-mega-menu > .collapse-menu > li .drop-down li:hover > .drop-down.hover-expand,
	.flat-mega-menu > .collapse-menu > li .drop-down li:hover > .drop-down.hover-fade,
	.flat-mega-menu > .collapse-menu > li .drop-down li:hover > .drop-down.hover-zoom {
		display: block !important;
		/* keyframes animation */
		animation: hover-fade 0.2s linear 0s forwards;
		-moz-animation: hover-fade 0.2s linear 0s forwards;
		-ms-animation: hover-fade 0.2s linear 0s forwards;
		-o-animation: hover-fade 0.2s linear 0s forwards;
		-webkit-animation: hover-fade 0.2s linear 0s forwards;
	}

	@keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-moz-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-ms-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-o-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}
	@-webkit-keyframes hover-fade { 0% {opacity:0;} 100% {opacity:1}}

}

/* media query */
@media screen and (max-width:320px) {

	/* ul tag layout */
	.flat-mega-menu .drop-down.two-column ul,
	.flat-mega-menu .drop-down.full-width ul {
		width: 100%;
	}

	/* .title class layout */
	.flat-mega-menu ul .title {
		padding-left: 0px;
		text-indent: 60px;
	}
}


/* Flat Menu Overwrites */

/*.flat-mega-menu .drop-down {background: #D7D8D9;}
.flat-mega-menu .drop-down li a {background-color: #D7D8D9;}*/

@media screen and (min-width:769px) {
	.flat-mega-menu li:nth-child(4) .drop-down {
		width: 650px;
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.flat-mega-menu .drop-down li a {white-space: nowrap;}
}


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

	.flat-mega-menu {height: 60px;}
	.flat-mega-menu > ul {min-height: 60px;}
	.flat-mega-menu > ul > .title {height: 60px;}
	.flat-mega-menu > ul > .title > a {line-height: 60px;}
	/*
	.flat-mega-menu > ul > li {min-height: 45px;line-height: 45px;}
	.flat-mega-menu > ul > li > a {line-height: 45px;}
	*/

	.flat-mega-menu > label {
		width: 60px;
		height: 60px;
		background-color: transparent;
		left: auto;
		right:0;
		/*color: #000;*/
		color:#007B3E;
	}
	.flat-mega-menu > ul > li {	background-color: #fff; }
	.flat-mega-menu > ul > li.title { background-color: transparent; }
	.flat-mega-menu ul .title {	padding-left: 0px;padding-right: 60px; border-bottom:none;}
}

.flat-mega-menu .menu-logo {width:auto;height:40px;line-height:45px;border:none;background:none;margin:0px 5px 3px 0px;float:none;display:inline-table;}

.flat-mega-menu > ul > li, .flat-mega-menu > ul > li > ul > li {
	font-weight:normal;
}
.flat-mega-menu > ul > li.active, .flat-mega-menu > ul > li.active > ul > li.active {
	font-weight:bold;
}

/* Submenu Invert */
@media screen and (min-width:1024px) {
}
.flat-mega-menu .drop-down {/*background: #000;*/background-color:#007B3E;border: 1px solid rgba(0,0,0,0.10);border-bottom-color: #666;}
.flat-mega-menu .drop-down .drop-down {border-top: 1px solid rgba(0,0,0,0.10);}
.flat-mega-menu .drop-down li a {color: #fff;/*background-color: #000;*/background-color:#007B3E;}

.flat-mega-menu > ul > li:hover > a {/*background: #000;*/background-color:#007B3E;color: #fff;}
.flat-mega-menu .drop-down li:hover > a {color: #fff;}

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

	.flat-mega-menu > ul > li {	/*background-color: #000;*/background-color:#007B3E; }
	.flat-mega-menu > ul > li {	/*background-color: #000;*/background-color:#007B3E; }
		.flat-mega-menu > ul > li.menu-oilfinder {background-color: rgb(221,221,221);color:#000;}
		.flat-mega-menu > ul > li.menu-oilfinder a {background-color: rgb(221,221,221);color:#000;}
	.flat-mega-menu > ul > li.title { background-color: transparent; }
	.flat-mega-menu > ul > li a {color: #fff;/*background-color: #000;*/background-color:#007B3E;}
	.flat-mega-menu > ul > li:hover > a {color: #ccc;}

}


/* ########################################################################################## */






html {font-size:16px;}
body {font-family: 'Open Sans', sans-serif;font-size: 16px;color:#444;overflow-x: hidden;}

header {}
#top {background-color: #000; }

.navbar-container {	background-color: #000; }

.headerimg {width:100%;background-position: center top;background-repeat: no-repeat;background-size: cover;
	padding-bottom: 18.5%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	height: auto;
}
.headerimg video {max-width: 100%;height:auto;}

a {color: #666;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}

h1 {/*font-family: 'hamburg-boldregular';*/font-family: 'Square721CnBTWXX-Bold';font-weight: normal;font-size:1.4rem;text-transform: uppercase !important;color:#333;margin-bottom:20px;
	margin-top: 0rem !important;
	border-bottom: none !important;
	line-height: 125% !important;
	padding-bottom: 0rem !important;
}
h2 {/*font-family: 'hamburg-boldregular';*/font-family: 'Square721CnBTWXX-Bold';font-size: 1.3rem;color: #333;margin-bottom:20px;font-weight: normal;text-transform: uppercase !important;}
h3 {font-size: 1.2rem;}
h4 {font-size: 1.1rem;font-weight: bold;color: #666;}

#main {position: relative;}
#nav-shortcuts {display:none;position:absolute;top:5vw;right:0;}
#nav-shortcuts > div {width:160px;overflow: hidden; position:relative;right:-120px;margin: 0px 0px 10px 0px;padding:0px 0px 0px 0px;background-color: #D7D8D9;height:30px!important;line-height:30px;font-size:0.8rem;position: relative;color:#000;}
#nav-shortcuts img {width: auto;height:24px!important;margin-top:-2px;margin-left:5px;margin-right:5px;}
#nav-shortcuts a, #nav-shortcuts a:hover {color:#007B3E;white-space: nowrap;}
#nav-shortcuts > div .nav-shortcut-label {display:none;margin-right:20px;}
#nav-shortcuts > div:hover {right:0px;}
#nav-shortcuts > div:hover .nav-shortcut-label {display:inline-block;}


.footer-container {background-color: #dfdfdf;text-transform: uppercase;font-size:0.9rem;}
#footer, #footer a {color:#333;}
ul.footermenu {margin:0px;padding:0px;}
ul.footermenu li {list-style-type: none;}
.social-links {margin:20px 0px 0px 0px;padding: 0px;}
.social-links li {margin:0px;padding: 0px;list-style-type: none;display: inline-block;}
.social-links li img {max-width:35px;}


/* Home */
.home-bg {	background-color: #000;
	background-image: url('../images/REKTOL_KAIZER_Web_2026_Home_Kopfbild_Mobil_01.jpg');background-position: center top; background-size: 100% auto; background-repeat: no-repeat;
	padding-top: 28%;
}
.frame-layout-1 h1, .frame-layout-1 h2 {color:#fff;}
.home-teaser {background-color: #dfdfdf;}
.home-teaser .home-teaser-content {padding:10px;}


/* Content */
.btn-primary {background-color: #666;border-color: #666;}
.btn-primary {background-color: transparent;border-color:#000;color:#000;}
.btn:hover {background-color: transparent;border-color:#000;color:#000;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff;background-color: rgb(56,87,42);border-color: rgb(56,87,42);}


.frame-type-gridelements_pi1 .card {border: none;}
.frame-type-gridelements_pi1 .card-header {padding: 0px;margin-bottom: 0;background-color: transparent;border: none;}
.frame-type-gridelements_pi1 .card-body {background-color: #D7D8D9;}
.frame-type-gridelements_pi1 .card-header h5 button, .frame-type-gridelements_pi1 .card-header h5 .btn {font-family: 'Square721CnBTWXX-Bold';font-size: 1.3rem;color: #333;margin-bottom:0px;font-weight: normal;text-transform: uppercase !important;padding-left:0px;border:none;}
.frame-type-gridelements_pi1 .card-header h5 button:hover, .frame-type-gridelements_pi1 .card-header h5 .btn:hover, .frame-type-gridelements_pi1 .card-header h5 .btn-link:hover {border:none !important;border-width:0px;text-decoration: none;}
.frame-type-gridelements_pi1 .card .collapse.show {margin-bottom:45px;}
.frame-type-gridelements_pi1 .card-header h5 button, .frame-type-gridelements_pi1 .card-header h5 .btn {color:#000;}


.product-icon-header {position:relative;}
.product-icon-header img {position:absolute;top:0px;left:0px;width:50px;height:auto;transform: translateY(-25%);}
.product-icon-header h1 {margin-left:70px;}


@media (max-width:768px) and (orientation: portrait) {
	.home-bg { padding-top: 75%; }
}

@media (max-width:1199px) {

}

@media (max-width:768px) {
	.headerimg {padding-bottom: 25%;}
	.mobile-column-reverse {flex-direction: column-reverse;}
}

@media (max-width:400px) {


}

@media (min-width:769px) {
	.flat-mega-menu > ul > li > a {font-size: 0.8rem;}
	.navbar-container {background:none;background-color: #D7D8D9;}

	.home-bg {background-image: url('../images/REKTOL_KAIZER_Web_2026_Home_Kopfbild_01.jpg');}

	.home-teaser .home-teaser-content {padding:25px;}
}

@media (min-width:992px) {

	.flat-mega-menu > ul > li > a {font-size: 0.9rem;}

	h1 {font-size:2.3rem;}
	h2 {font-size: 1.8rem;}

	.product-icon-header img {position:absolute;top:-50px;left:0px;width:100px;height:auto;transform: none;}
	.product-icon-header h1 {margin-left:130px;padding-top:10px;}

}

@media (min-width:1200px) {
	.flat-mega-menu > ul > li > a {font-size: 1rem;}
	.home-bg {padding-top: 25%;}

	#nav-shortcuts {display:block;}

	.product-icon-header img {position:absolute;top:-75px;left:0px;width:150px;height:auto;}
	.product-icon-header h1 {margin-left:180px;padding-top:15px;}
}



/*********** TYPO3 **********/

/* default styles for extension "tx_frontend" */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; max-width:50%;}

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	width: 150px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 10px;
}
.ce-intext.ce-right .ce-gallery { margin-left: 15px; }
.ce-intext.ce-left .ce-gallery { margin-right: 15px; }
.ce-below .ce-gallery { margin-top: 10px; }

.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

/***** Anpassung fuer minimale Responsivitaet bei Bildelementen ***********************************/

.ce-gallery .ce-column {
	margin: 0;
	width: 100%;
	/* Abstand zwischen Bildern */
	padding: 0px 0px 8px 0px;
	box-sizing: border-box;
}

/* Fluid Image Tags */
.ce-gallery img,
.ce-gallery picture {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* Spaltenbreiten je nach eingestellten Columns auf groesseren Geraeten */
@media (min-width: 640px) {

	.ce-gallery .ce-column {
		padding: 0px 5px 8px 5px;
	}

	.ce-gallery[data-ce-columns="1"] .ce-column {
		padding: 0px 0px 8px 0px;
	}

	.ce-gallery[data-ce-columns="2"] .ce-column {
		width: 50%;
	}

	.ce-gallery[data-ce-columns="3"] .ce-column {
		width: 33.33333333333333%;
	}

	.ce-gallery[data-ce-columns="4"] .ce-column {
		width: 25%;
	}

	.ce-gallery[data-ce-columns="5"] .ce-column {
		width: 20%;
	}
}

/* Bildgröße für Text+Bild-Element auf großen Geräten begrenzen */
@media (min-width: 768px) {
	.ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] .ce-media {max-width: 400px;margin-top:5px;}
}
@media (max-width: 768px) {
	.ce-left .ce-gallery, .ce-right .ce-gallery { float: none; }
}

/*********************************************************************************/


/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
/*.ce-table { width: 100%; max-width: 100%; }*/
.ce-table { width: 100%; max-width: 100%; }
.ce-table tr td:nth-child(1){ width: 30%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table tr { background-color: #EEE; }
.ce-table tr:nth-child(2n+1) { background-color: #EAEAEA; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
/*.ce-table th, .ce-table td { border-top: 1px solid #dadada; }*/
.ce-table th, .ce-table td { border-top: 1px solid #ffffff; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* Space */
.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
/*.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }*/
/*.frame-ruler-after { border-bottom: 2px solid #36A900; }*/
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }


.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.csc-frame-frame1 {background-color: #EDEBF1; border: 1px solid #333333;}
.csc-frame-frame2 {background-color: #F5FFAA; border: 1px solid #333333;}
.important {color: #8A0020;}
.name-of-person {color: #10007B;}
.detail {color: #666;font-weight: bold;font-size: 1.1rem;}
.component-items {color: #186900;}
.action-items {color: #8A0020;}
.component-items-ordered {color: #186900;}
.action-items-ordered {color: #8A0020;}

/* Powermail Forms */
.layout1.col-md-6 {width:100%;} /* Default: 2-spaltiges Formular - wenn Feld auf Layout-1 gesetzt wird -> einspaltig */
.layout1 .col-sm-offset-2 {margin-left:0px;}

/* individual stuff */
div.csc-textpic-intext-left .csc-textpic-imagewrap img, div.csc-textpic-intext-right .csc-textpic-imagewrap img { padding-top:3px; } /* Bei Text+Image-Elementen (nur wenn Bild links/rechts ausgerichtet ist) sollen Bild und Text auf einer horizontalen Linie beginnen */

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

.image-caption {color:#999;}

.home-teaser-img .ce-gallery[data-ce-columns="1"] .ce-column {padding-bottom: 0px !important;}
.home-teaser-img .ce-intext.ce-right .ce-gallery, .home-teaser-img .ce-intext.ce-left .ce-gallery, .home-teaser-img .ce-above .ce-gallery {margin-bottom: 0px  !important;}



/* news */
.news .news-list-item .extra, .news-single .extra {margin-bottom:0.8rem;font-size: 0.8rem;color:#666;}
.news .news-list-item .lead {font-size: 1rem;}
.news .page-navigation {margin-top:30px;}
.news .page-navigation p {font-size: 0.8rem;color:#666;}
.news .page-navigation ul {margin:0px;padding:0px;}
.news .page-navigation li {display: inline-block;padding:5px;background-color: #fdfdfd;margin-right:5px;}

.news-list-item {background-color: #dfdfdf;margin-bottom:30px;}
.news-list-item .news-teaser-content {padding:10px;}
@media (min-width:769px) {
	.news-list-item .news-teaser-content {padding:30px;}
}

.news-single {margin-bottom:45px;}


/* Carousel */
.slick-slide img {margin-left:auto !important;margin-right:auto !important;}
.slick-slide .image-caption {text-align: center;0.9rem;font-weight:bold;color:#fff;margin-top:15px;}
.slick-prev.slick-prev-custom, .slick-next.slick-next-custom {top: 35%;width: 20px;height: 30px;}
@media (max-width:320px) {
	.slick-slide img {width:100%;max-width:120px;height:auto;}
}


/* Rektol Plugin */
.tx-rektol .product-listing-filterbox {background-color: #dfdfdf;}
.tx-rektol .product-item-row {border-bottom:1px solid #dfdfdf;}
@media (min-width:769px) {
	.tx-rektol .brochure-teaser {padding-right:0px;padding-left:30px;}
	.tx-rektol .filterbox-search-button {position: relative;}
	.tx-rektol .filterbox-search-button button, .tx-rektol .filterbox-search-button a {position: absolute;bottom:0px;}
}

/* Modal Popup */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index: 1000;
}
.popup-inner {
	max-width:700px;
	max-height:70%;
	width:90%;
	padding:40px;
	position:absolute;
	top:40%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index: 1001;
}
/* Close Button */
.popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:30px;
	right:30px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
	z-index: 1002;
}
.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}