/* Header */
#header_main:before,
#header_main:after {
  content: " ";
  display: table;
}
#header_main:after {
  clear: both;
}
#header_main {
  max-width: 100%;
}
.header-two-bars{
font:13px Arial, Helvetica, sans-serif;
}
.header-two-bars .header-limiter{
text-align: center;
margin: 0 auto;
}
/* Logo */
.header-two-bars h1{
float: left;
font: normal 30px Arial, Helvetica, sans-serif;
line-height: 40px;
margin: 0;
}
.header-two-bars h1 span {
color: #0097A7;
}
.header-two-bars .header-first-bar{
background-color:#0060AC;
padding: 20px 20px;
height: 90px;
color: #ffffff;
box-sizing: border-box;
border-bottom: 5px solid #EC9801;
margin-bottom: 5%;
}
.header-first-bar img {
 margin-top:2px;
}
.header-two-bars .header-first-bar a {
color: #ffffff;
text-decoration: none;
}
.header-two-bars .header-first-bar nav {
font:16px Arial, Helvetica, sans-serif;
float: left;
margin: 3px 0 0 30px;
padding: 0;
}
.header-two-bars .header-first-bar nav a{
transition: all 0.5s ease 0s;
color: rgba(255,255,255,1);
text-decoration:none;
}
.header-two-bars .header-first-bar nav a:hover {
transition: all 0.5s ease 0s;
color: #EC9801;
}
.header-first-bar nav ul li span {
color: #ffffff;
font: 15px/22px Arial,Helvetica,sans-serif;
margin-left:5px;
font-weight: 600;
}
.header-first-bar nav li {
list-style: none;
display: inline-block;
position: relative;
margin-right: 15px;
}
.header-first-bar nav img {
margin-right: 5px;
}
.header-two-bars .header-second-bar {
background-color: rgba(0, 0, 0, 0.03);
/* border-bottom: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.024); */
padding: 12px 10px 0px;
}
.header-two-bars .header-second-bar h2 {
line-height: 16px;
margin: 0;
float: left;
font-size: 22px;
}
.header-two-bars .header-second-bar h2 a {
font-size: 16px;
color: #4e5359;
text-decoration: none;
}
.header-two-bars .header-second-bar nav {
line-height: 20px;
font-size: 16px;
text-overflow: ellipsis;
overflow: hidden;
}
.header-second-bar nav ul {
padding: 0;
}
.header-second-bar nav li {
list-style: none;
display: inline-block;
position: relative;
margin-right: 10px;
margin-bottom: -10px;
font-weight: 600;
font-size: 15px;
}
.header-two-bars .header-second-bar nav a {
display: inline-block;
color: #5C5C5C;
text-decoration: none;
transition: all 0.5s ease 0s;
}
.header-two-bars .header-second-bar nav a:hover {
color: #EC9801;
}
.article-description {
/* height: 502px; */
}
.technica-effect a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.technica-effect a::before {
	position: absolute;
	top: 75%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}
.technica-effect a:hover::before,
.technica-effect a:focus::before {
	color: #EC9801;
	text-shadow: 20px 0 #EC9801, 10px 0 #EC9801, -10px 0 #EC9801, -20px 0 #EC9801;
}

/* Effect 4: bottom border enlarge */
.technica-effect-1 a {
	padding: 0 0 10px;
}

.technica-effect-1 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #EC9801;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.technica-effect-1 a:hover::after,
.technica-effect-1 a:focus::after {
	height: 2px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* Effect 3: bottom line slides/fades in */
.technica-effect-2 a {
	padding: 0 0 10px;
}
.technica-effect-2 a::after {
	position: absolute;
	top: 106%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #EC9801;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.technica-effect-2 li+a:last-child:after {
position: absolute;
	top: 106%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FF0000;
content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.technica-effect-2 a:hover::after,
.technica-effect-2 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.technica-animated {
	-webkit-animation: 4s linear infinite;
	-moz-animation: 4s linear infinite;
	-ms-animation: 4s linear infinite;
	animation: 4s linear infinite;
}
@-webkit-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0.4;}
}
@keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0.4;}
}
.technica-flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
.header-first-bar .header-limiter form {
float:right;
position: relative;
right: 0px;
/*margin-left: 40px; */
border-radius: 3px;
background-color:#EC9801;
width: 44px;
height: 39px;
cursor: pointer;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.header-two-bars .header-limiter form:before {
position: absolute;
content: '';
border-radius: 50%;
border: 2px solid #fff;
width: 9px;
height: 9px;
top: 12px;
left: 14px;
}
.header-two-bars .header-limiter form:after {
position: absolute;
content: '';
background-color: #fff;
width: 2px;
height: 8px;
top: 22px;
left: 26px;
-webkit-transform: rotate(-44deg);
-moz-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.header-two-bars .header-limiter form input {
position: absolute;
right: 42px;
padding: 4px 12px 6px;
border: none;
width: 210px;
border-radius: 2px 0 0 2px;
height: 39px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 15px;
background: #eceded;
}

ul.navigation li.icon {display: none;}
ul.navigation li:first-child {display: none;}


/*
	Fix for CSS-only switching menu on mobile
*/
input#tpe-menu-switch,
li#tpe-menu-trigger,
li#tpe-menu-trigger-close {
	display:none;
}



@media screen and (max-width:996px) {
.header-second-bar nav {
line-height: 22px!important;
}
.header-second-bar nav li {margin-right: 0px;}
ul.navigation li:first-child {display: inline-block;}
ul.navigation {margin-top: 10px;}
ul.navigation li:not(:first-child) {display: none;}
ul.navigation li.icon {
float: right;
display: inline-block;
font-size: 20px;
margin-left: -30px;
margin-right: 15px;
}


/*
	Fix for CSS-only switching menu on mobile
*/

li#tpe-menu-trigger {
	display:block;
}

li#tpe-menu-trigger:hover {
	color:#777;
}

li#tpe-menu-trigger > label,
li#tpe-menu-trigger-close > label {
	cursor:pointer;
}

li#tpe-menu-trigger-close {
	display:none;
}

input#tpe-menu-switch:checked + ul.navigation {
	display:block;
}

input#tpe-menu-switch:checked + ul > li {
	display:block;
	margin-bottom:10px;
}

input#tpe-menu-switch:checked + ul > li#tpe-menu-trigger {
	display:none;
}

input#tpe-menu-switch:checked + ul > li#tpe-menu-trigger {
	display:none;
}

li#tpe-menu-trigger-close {
	color:#0060AC;
	margin:25px 0!important;
}


}




@media screen and (max-width:900px) {
  ul.navigation.responsive {position: relative;}
  ul.navigation.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
	margin-top:-10px;
  }
  ul.navigation.responsive li {
    float: none;
    display: inline;
  }
  ul.navigation.responsive li a {
    display: block;
    text-align: left;
	margin-left: 15px;
	border-bottom: 1px solid #eee;
margin-top: 10px;
  }

}


figure {}
figure img {
  width: 100%;
  height: auto;
}
figure figcaption {
margin-top:-32px;
 padding:8px;
 position:relative;
 bottom:0;
 color:#fff;

 text-decoration:none;
 left:0;
 right:0;
 outline: none;
 background:rgba(0 , 0 , 0 , .3);
}
@media all and (max-width: 1200px) {
.header-two-bars .header-first-bar form {
display: none;
}
}
@media all and (max-width: 800px) {
.header-two-bars .header-second-bar nav{
font-size:14px;
}
}
@media all and (max-width: 768px) {
.header-two-bars .header-first-bar {
    background-color: #0060AC;
    padding: 20px 20px;
    height: 115px;
    color: #ffffff;
    box-sizing: border-box;
    border-bottom: 5px solid #EC9801;
	text-align: center;
}
.header-first-bar img { margin-top: 2px;}
.header-two-bars h1 { float:none;}
.header-two-bars .header-first-bar nav {float:none; margin: 10px 0 0 10px; }
.header-two-bars .header-first-bar ul { padding-left: 0px;}
#second-menu {
display: none;
}
}
@media all and (max-width: 600px) {
.header-two-bars .header-first-bar{
padding:20px 0;
}
.header-two-bars .header-first-bar h1 {
float: none;
margin: -8px 0 2px;
text-align: center;
font-size: 24px;
line-height: 1;
}
.header-two-bars .header-first-bar nav a.selected {
padding: 5px 8px;
}
.header-two-bars .header-second-bar{
padding: 15px 0 1px;
}
.header-two-bars .header-second-bar h2{
float:none;
margin: 0 0 12px;
}
.header-two-bars .header-second-bar nav{
/* display: none; */
}
}
@media (max-width: 996px) {
.header-two-bars .header-second-bar {
background-color: rgba(0, 0, 0, 0.01);
padding: 0px;}
.nav-wrapper {
float: right;
position: relative;
right: 14px;
height: 30px;
width: 30px;
border:1px solid #dddddd;
top:16px;
background: url(../img/icon-nav-mobile.png) no-repeat center center;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
}
.nav-wrapper .nav-container{
background: #F7F7F7 none repeat scroll 0 0;
border: 1px solid #dddddd;
display: none;
padding: 10px;
position: absolute;
right: -1px;
top: 28px;
width: 200px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.nav-wrapper .nav-container .navigation{
float: none;
margin:0;
}
.nav-wrapper .nav-container .navigation li{
display: block;
margin: 5px 0;
}
.nav-wrapper .nav-container .navigation li a{
display: block;
}
.nav-wrapper:hover .nav-container:hover{
display: inline-block;
z-index:1;
transition: all 0.5s ease 0s;
}
.technica-effect-2 a:hover::after,
.technica-effect-2 a:focus::after {
opacity: 0;
}
}
@media all and (max-width: 460px) {
.header-two-bars .header-first-bar {
padding: 20px 20px;
height: 150px;
text-align: center;
}
}
#page_content{

}
.hph {
height: 100%;
}
@media (max-width:959px){
.hph {
height: auto;
}
}
/* Qualitaet BEGINN */
.qualitaet {
max-width: 100%;
height: 28px;
box-sizing: border-box;
border: 0px none;
position: relative;
}
/* Qualitaet: PE-Zelte */
p.qualitaet.pe-zelte {
background-image: url("../img/pe-zelte.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.pe-zelte:after {
content:" PE Zelte";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
padding-left:0px;
}
/* Qualitaet: Economy */
p.qualitaet.eco {
background-image: url("../img/q_eco_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.eco:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.eco:after {
content:" Economy";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Economy Plus */
p.qualitaet.eco-plus {
background-image: url("../img/q_eco_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.eco-plus:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.eco-plus:after {
content:" Economy Plus";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Premium */
p.qualitaet.premium {
background-image: url("../img/q_premium_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.premium:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.premium:after {
content:" Premium";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Premium Lite */
p.qualitaet.premium-lite {
background-image: url("../img/q_premium_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.premium-lite:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.premium-lite:after {
content:" Premium Lite";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Premium Plus */
p.qualitaet.premium-plus {
background-image: url("../img/q_premium_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.premium-plus:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.premium-plus:after {
content:" Premium Plus";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Premium 260 */
p.qualitaet.premium260{
background-image: url("../img/q_premium_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.premium260:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.premium260:after {
content:" Premium 260";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Premium Plus 260 */
p.qualitaet.premium-plus260 {
background-image: url("../img/q_premium_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.premium-plus260:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.premium-plus260:after {
content:" Premium Plus 260";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional */
p.qualitaet.professional {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional:after {
content:" Professional";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional Plus */
p.qualitaet.professional-plus {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-plus:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-plus:after {
content:" Professional Plus";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 260 */
p.qualitaet.professional260 {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional260:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional260:after {
content:" Professional 260";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 260 Plus */
p.qualitaet.professional-plus260 {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-plus260:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-plus260:after {
content:" Professional  260 Plus";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 300 */
p.qualitaet.professional300 {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional300:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional300:after {
content:" Professional 300";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 300 Plus */
p.qualitaet.professional-plus300 {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-plus300:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-plus300:after {
content:" Professional  300 Plus";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 400 */
p.qualitaet.professional400 {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional400:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional400:after {
content:" Professional 400";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 400 Plus */
p.qualitaet.professional-plus400 {
background-image: url("../img/q_professional_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-plus400:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-plus400:after {
content:" Professional  400 Plus";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 550 */
p.qualitaet.professional-55 {
background-image: url("../img/q_professional_550_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-55:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-55:after {
content:" Professional 550";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 550 Prime */
p.qualitaet.professional-55-prime {
background-image: url("../img/q_professional_550_prime_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-55-prime:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-55-prime:after {
content:" Professional 550 Prime";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Professional 720 Prime */
p.qualitaet.professional-72-prime {
background-image: url("../img/q_professional_720_prime_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.professional-72-prime:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.professional-72-prime:after {
content:" Professional 720 Prime";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Wikinger */
p.qualitaet.wikinger {
background-image: url("../img/wikinger.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.wikinger:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.wikinger:after {
content:" Wikinger";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Everest */
p.qualitaet.everest {
background-image: url("../img/q_everest_prime_plus_full_width.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.everest:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.everest:after {
content:" Everest";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet: Highlander */
p.qualitaet.highlander {
background-image: url("../img/highlander.png") ;background-repeat:repeat-x;
padding: 0 10px;
}
p.qualitaet.highlander:before {
font-family: 'Material Icons';
content: "\E838 \E838 \E838 \E838 \E838 \E838 \E838";
color: #FFF;
font-size: 18px;
vertical-align: top;
}
p.qualitaet.highlander:after {
content:" Highlander";
font-weight: bold;
font-size: 16px;
line-height:28px;
color: #FFF;
}
/* Qualitaet END */
.uk-grid
}
/* Badges */
.uk-badge {
background: #0097a7;
padding: 2px 6px;
border: none;
border-radius: 2px;
text-shadow: none;
font-size: 11px;
line-height: 15px;
font-weight: 400;
}
.uk-badge-primary {
background: #0060AC;
}
.uk-badge-danger {
background: #e53935;
}
.uk-badge-warning {
background: #EC9801;
}
.uk-badge-success {
background: #7cb342;
}
.uk-badge-muted {
background: #bdbdbd;
}
.uk-badge-notification {
border-radius: 20px;
}
.uk-badge.inline-label {
vertical-align: 1px;
margin-left: 4px;
}
.uk-badge-outline {
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
color: #212121;
padding-bottom: 0;
line-height: 16px;
}
/* Grid */
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
margin-top: 24px;
}
.uk-grid.uk-grid-small + .uk-grid-small,
.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
.uk-grid.uk-grid-small > .uk-grid-margin {
margin-top: 10px;
}
/* Table */
.uk-table thead th {
border-bottom: 2px solid rgba(33, 150, 243, 0.50);
}
.uk-table thead th,
.uk-table tfoot td,
.uk-table tfoot th {
font-style: normal;
font-weight: 400;
color: #0060AC;
font-size: 16px;
font-weight: 600;
}
.uk-table td {
border-bottom: 1px solid rgba(33, 150, 243, 0.25);
}
.uk-table tfoot td,
.uk-table tfoot th {
border-top: 2px solid rgba(0, 0, 0, 0.12);
border-bottom: none;
}
.uk-table-hover tbody tr:hover {
background: rgba(33, 150, 243, 0.085);
}
/* Text-Utilities */
.uk-text-small {
font-size: 12px;
}
.uk-text-muted {
color: #757575 !important;
}
.uk-text-primary {
color: #0060AC !important;
}
.uk-text-danger {
color: #e53935 !important;
}
.uk-text-success {
color: #7cb342 !important;
}
.uk-text-warning {
color: #EC9801 !important;
}
.uk-margin-bottom {
margin-bottom: 16px !important;
}
.uk-margin-small-bottom {
margin-bottom: 8px !important;
}
.uk-margin-medium-bottom {
margin-bottom: 32px !important;
}
.uk-margin-large-bottom {
margin-bottom: 48px !important;
}
.uk-margin-medium-top {
margin-top: 32px !important;
}
.uk-margin-large-top {
margin-top: 48px !important;
}
.uk-margin-small-top {
margin-top: 8px !important;
}
/* Tabs */
.uk-tab {
border-bottom-color: rgba(0, 0, 0, 0.12);
}
#tabs > ul > li {
font: 16px/1.5 Arial,Helvetica,sans-serif;
letter-spacing: 0.50px;
color: #212121;
border-bottom: 2px solid transparent;
font-weight: 400;
min-width: 100px;
max-width: 100%;
text-align: center;
-webkit-transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
padding: 8px !important;
margin: 0 !important;
box-sizing: border-box;
position: relative;
top: 1px;
cursor: pointer;
font-weight: bold;
}
#tabscontent {
font: 400 15px/1.5 Arial, Helvetica, sans-serif;
margin-top: 15px;
margin-bottom: 15px;
}
#tabscontent h3 {
font-size: 30px;
}
#tabscontent h4 {
font-size: 20px;
font-weight: bold;
}
#tabscontent h5 {
font-size: 20px;
}
#tabscontent ul {
margin-top: 20px;
margin-left: 20px;
}
#tabscontent li {
list-style-type: square;
margin-bottom: 10px;
font-size: 18px;
font-weight: 300;
}

#tabs > ul > li:hover,
#tabs > ul > li:focus {
background: none;
color: #0060AC;
border-bottom-color: #b2dbfb;
}
#tabs > ul > li.tabActiveHeader {
background: transparent !important;
border-bottom-color: #0060AC;
}
/* IE9 Fixes */
.lte-ie9 *[class*="uk-animation-"] {
opacity: 1 !important;
}
/* Buttons */
.button-area {
text-align: left;
/*position: absolute;*/
bottom:5px;
}
.technica-btn {
background: #fff;
border: none;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
min-height: 31px;
min-width: 70px;
padding: 2px 16px;
margin: 10px 3px 0px;
text-shadow: none;
text-transform: uppercase;
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
color: #212121;
box-sizing: border-box;
cursor: pointer;
-webkit-appearance: none;
display: inline-block;
vertical-align: middle;
font: 13px / 31px Arial, Helvetica, sans-serif; !important;
}
.technica-btn:hover, .technica-btn:focus, .technica-btn:active {
background: #fff;
outline: none;
text-decoration: none;
color: #212121;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.19), 0px 3px 3px rgba(0, 0, 0, 0.23);
}
.technica-btn-flat {
box-shadow: none !important;
background: none;
}
.technica-btn-flat:hover, .technica-btn-flat:focus {
background: rgba(153, 153, 153, 0.2);
}
.technica-btn-flat:active {
background: rgba(153, 153, 153, 0.4);
}
.technica-btn-flat-danger, .technica-btn-flat-danger:hover, .technica-btn-flat-danger:focus, .technica-btn-flat-danger:active {
color: #e53935;
}
.technica-btn-flat-danger:hover, .technica-btn-flat-danger:focus, .technica-btn-flat-danger:active {
background: #fceaea;
}
.technica-btn-flat-primary, .technica-btn-flat-primary:hover, .technica-btn-flat-primary:focus, .technica-btn-flat-primary:active {
color: #1976d2;
}
.technica-btn-flat-primary:hover, .technica-btn-flat-primary:focus, .technica-btn-flat-primary:active {
background: #e3f2fd;
}
.technica-btn-flat-success, .technica-btn-flat-success:hover, .technica-btn-flat-success:focus, .technica-btn-flat-success:active {
color: #7cb342;
}
.technica-btn-flat-success:hover, .technica-btn-flat-success:focus, .technica-btn-flat-success:active {
background: #e1efd2;
}
.technica-btn-flat-warning, .technica-btn-flat-warning:hover, .technica-btn-flat-warning:focus, .technica-btn-flat-warning:active {
color: #EC9801;
}
.technica-btn-flat-warning:hover, .technica-btn-flat-warning:focus, .technica-btn-flat-warning:active {
background: #ffeccc;
}
.technica-btn-flat.disabled {
background: none !important;
}
.technica-btn-danger, .technica-btn-danger:hover, .technica-btn-danger:focus, .technica-btn-danger:active {
background: #e53935;
color: #fff;
}
.technica-btn-primary, .technica-btn-primary:hover, .technica-btn-primary:focus, .technica-btn-primary:active {
background: #0060AC;
color: #fff;
}
.technica-btn-success, .technica-btn-success:hover, .technica-btn-success:focus, .technica-btn-success:active {
background: #93D857;
color: #fff;
font-weight: 600;
letter-spacing: 0.01em;
}
.technica-btn-warning, .technica-btn-warning:hover, .technica-btn-warning:focus, .technica-btn-warning:active {
background: #AAA;
color: #fff;
}
.technica-btn.disabled, .technica-btn.disabled:hover, .technica-btn.disabled:focus, .technica-btn.disabled:active {
color: #a8a8a8;
background: #eaeaea;
box-shadow: none !important;
cursor: default;
pointer-events: none;
}
.technica-btn-small {
line-height: 27px;
min-width: 14px;
font-size: 11px;
}
.technica-btn-large {
line-height: 42px;
font-size: 16px;
}
.technica-btn::-moz-focus-inner {
border: 0;
padding: 0;
}
.technica-btn + .technica-btn {
margin-left: 8px;
}
.technica-btn-block {
width: 100%;
}
.technica-btn + .technica-btn-group {
margin-left: 16px;
}
.technica-card {
background: #fff;
position: relative;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border: none;
}

.technica-card + .technica-card, .technica-card + .uk-grid, .uk-grid + .technica-card {
margin-top: 25px;
margin-bottom: 25px;
}
.technica-card .full_width_in_card {
padding: 16px 24px;
background: rgba(0, 0, 0, 0.085);
}
.technica-card .technica-card-content {
padding: 16px;
}
.technica-card .technica-card-content.padding-reset {
padding: 0;
}
.technica-card .technica-card-content.large-padding {
padding: 24px 35px;
}
.technica-card .technica-card-content.medium-padding {
padding: 24px 15px;
}
.technica-card .technica-card-content.small-padding {
padding: 8px;
}
.technica-card.technica-card-overlay {
overflow: hidden;
padding: 0px 20px 10px;
min-height: 280px;
border-bottom: 3px solid #0060AC;
}
.technica-card.technica-card-coss-selling {
border-bottom: 3px solid #727272;
min-height: 410px;
}
.technica-card.technica-card-vorteile {
min-height: 328.25px;
}
.technica-card.technica-card-overlay .technica-card-content {
height: 70px;
overflow: hidden;
box-sizing: border-box;
}
.technica-card.technica-card-overlay {
position: relative;
}
.technica-card.technica-card-hover {
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.technica-card.technica-card-hover:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.technica-card-primary, .technica-card-success, .technica-card-danger, .technica-card-warning {
border-left: 4px solid transparent;
}
.technica-card-primary {

}
.technica-card-success {
border-left-color: #EC9801;
}
.technica-card-danger {
border-left-color: #e53935;
}
.technica-card-warning {
border-left-color: #EC9801;
}
#ueber-uns img {
max-width: 100%;
height: auto;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 18px;
/* Preferred Material Icon Size */
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
letter-spacing: normal;
/* Support for all WebKit based Browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
vertical-align: -2px;
color: rgba(0, 0, 0, 0.54);
}
.material-icons.technica-inactive {
color: rgba(0, 0, 0, 0.26);
}
.material-icons.technica-24 {
font-size: 24px;
vertical-align: -7px;
}
.material-icons.technica-36 {
font-size: 36px;
vertical-align: -12px;
}
.material-icons.technica-42 {
font-size: 42px;
vertical-align: -20px;
}
.material-icons.technica-48 {
font-size: 48px;
vertical-align: -24px;
}
.material-icons.technica-support-light {
color: #EC9801;
}
.material-icons.technica-light.technica-inactive {
color: rgba(255, 255, 255, 0.3);
}
.material-icons.top {vertical-align: top;}
.material-icons.middle {vertical-align: middle;}
.material-icons.bottom {vertical-align: bottom;}
.material-icons.technica-18 { font-size: 18px; }
.material-icons.technica-20 { font-size: 20px; }
.material-icons.technica-30 { font-size: 30px; }

.material-icons.technica-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.technica-dark.technica-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.technica-light { color: rgba(255, 255, 255, 1); }
.material-icons.technica-light.technica-inactive { color: rgba(255, 255, 255, 0.3); }
.material-icons.technica-green { color: #7CB342 !important;}
/* List */
.technica-list {
margin: 0;
}
.technica-list > li {
margin: 0;
}
.technica-list, .technica-list > li {
list-style: none;
padding: 0;
}
.technica-list, .technica-list:before, .technica-list:after, .technica-list *, .technica-list *:before, .technica-list *:after {
box-sizing: border-box;
}
.technica-list > li {
min-height: 24px;
padding: 6px 4px;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
position: relative;
}

.technica-list > li:last-child,
.technica-list > li:last-child {
border-bottom: none;
}
.technica-list > li > .technica-list-addon-element {
display: block;
}
.technica-list > li {
margin-left: 64px;
}
.technica-list-addon > li {
margin-left: 64px;
position: relative;
}
.technica-list-addon > li:last-child .technica-list-addon-element {
border-bottom: none;
bottom: 0;
}
.technica-list-addon > li:first-child .technica-list-addon-element {
top: 0;
}
.technica-list-addon-element {
position: absolute;
left: -64px;
top: -1px;
bottom: -1px;
width: 64px;
text-align: center;
padding: 0;
display: block;
}
.technica-list-addon-element > .technica-list-addon-icon {
font-size: 28px;
margin-top: 4px;
color: #727272;
}
.technica-list-addon-element > .material-icons {
margin-top: 0px;
}
/* List 2 */
.technica-list-inputs {
margin: 0;
}
.technica-list-inputs > li {
margin: 0;
}
.technica-list-inputs, .technica-list-inputs > li {
list-style: none;
padding: 0;
}
.technica-list-inputs li + li {
margin-top: 8px;
}
/* Features Boxes */
.feature-box {
display: block;
position: relative;
}
.feature-box_icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
display: block;
}
.feature-box_icon > i {
color: #EC9801 ;
font-size: 48px;
}
.feature-box + .heading_a {
margin-top: 10px;
}
/* Footer */
#footer_main {
background: #727272;
box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
padding: 0 25px;
height: 28px;
left: 0;
position: relative;
right: 0;
top: 0;
z-index: 1104;
}
#footer_main .uk-navbar {
color: #fff;
text-shadow: none;
border: none;
line-height: 28px;
height: 28px;
z-index: auto;
font-size: 13px;
 background: transparent;
}
#footer_main .copy-text {
color: rgba(255, 255, 255, 0.4);
}
#footer_main .copy-text span {
color: rgba(255, 255, 255, 0.6);
}
#footer_main .copy-text a {
color: rgba(255, 255, 255, 0.6);
}
#footer_main .copy-text a:hover {
color: rgba(255, 255, 255, 0.8);
}
#page_footer {
background: #FFF none repeat scroll 0% 0%;
padding: 16px 24px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.025);
box-sizing: border-box;
}
#page_footer h3 {
margin: 0px 0px 20px 20px;
padding-bottom: 5px;
border-bottom: 2px solid #0060AC;
}
#page_footer img {
max-width: 35%;
height: auto;
box-sizing: border-box;
border: 0px none;
vertical-align: middle;
float: left;
margin-right: 25px;
}
#page_footer a {
color: #444;
transition: all 0.5s ease 0s;
}
#page_footer a:hover {
color: #EC9801;
}
/* Main Styles */
html {
height: 100%;
overflow-x: hidden;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
body {
min-height: 100%;
font: 15px / 1.42857143 Arial, Helvetica, sans-serif;
box-sizing: border-box;
max-width: 1405px;
}
a,
button {
outline: none !important;
}
a {
color: #1e88e5;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,
a:active {
color: #0d47a1;
text-decoration: none;
}
blockquote {
border-left: 4px solid rgba(0, 0, 0, 0.085);
}
.technica-body {
height: 100% auto;
margin: 0px;
max-width: 1405px;
}
/* clearfix */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
 h2.price {
font-weight: 500;
margin: 0;
padding: 0;
}
.heading_a {
margin: 0;
font: 400 18px / 24px Arial, Helvetica, sans-serif;;
}
.heading_a .sub-heading {
font-weight: 300;
font-size: 14px;
line-height: 18px;
display: block;
color: #727272;
}
.contentheader {
 display: block;
 margin: 35px 0px;
 border-bottom: 2px solid #0060AC;
}
.contentheader h3 {
 margin: 0px 0px -2px;
 padding-bottom: 5px;
 display: inline-block;
 font-size: 22px;

}
.heading_b .sub-heading {
font-weight: 300;
font-size: 16px;
line-height: 20px;
display: block;
color: #727272;
}
.heading_c {
margin: 0;
font: 600 16px / 20px Arial, Helvetica, sans-serif;;
}
.heading_c .sub-heading {
font-weight: 600;
font-size: 16px;
line-height: 20px;
display: block;
color: #0060AC;

}
.heading_a + .uk-grid, .heading_b + .uk-grid, .heading_c + .uk-grid, .heading_list + .uk-grid {
margin-top: 24px;
}
.uk-grid + .heading_a, .uk-grid + .heading_b, .uk-grid + .heading_c, .uk-grid + .heading_list {
margin-top: 24px;
}
/* UiKit EXT */
.uk-text-18 {
font-size: 18px;
}
.uk-text-large {
font-size: 14px;
font-weight: 400;
margin: 0 0 16px;
}
* > .uk-text-large {
margin-top: 16px;
}
.uk-text-small {
font-size: 12px !important;
}
.uk-text-upper {
text-transform: uppercase;
}
.uk-text-italic {
font-style: italic;
}
.uk-text-del {
text-decoration: line-through;
}
.uk-text-center {
text-align: center;
}
.technica-item-image-right {
text-align: center;
float: right;
margin: 10px 0px 25px 25px;
width: 50%;
height: auto;
}
.technica-item-image-left {
text-align: center;
float: left;
margin: 10px 25px 25px 0px;
width: 50%;
height: auto;
}
.technica-item-image-right img {
max-width: 100%;
}
.technica-item-image-left img {
max-width: 100%;
}
.uk-flex {
list-style: outside none none;
}
.uk-grid ul {
padding-left: 0px;
}
.uk-grid li {
padding-bottom: 5px;
}
.technica-images {
padding: 16px 16px 5px;
}
.product-logo {
width: 100%;
height: auto;
text-align:center;
}
.product-logo img{
max-width:100%;
}
.img_small {
width: 100%;
max-width: 100%;
height: auto;
}
/* Layout */
#page_content:before {
content: '';
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
display: block;
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
z-index: -1;
}
#page_content_inner {
padding: 24px 15px 80px;
}
.uk-navbar-content{
padding: 0px;
}
.animate {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.fadein {
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Media Queries */
@media only screen and (min-width: 1220px) {
#page_content {
width: 100%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.technica-btn + .technica-btn {
margin-left: 0px;
margin-top: 10px;
}
}
@media all and (max-width: 960px) {
.technica-card.technica-card-overlay, .technica-card.technica-card-coss-selling, .technica-card .technica-card-content {
margin-top: 4%;
}
.uk-grid-divider .uk-width-medium-1-3:nth-child(1){
display: none;
}
.uk-width-medium-1-3 {
width: 50%;
}
.technica-item-image-right, .technica-item-image-left {
margin: 0px 0px 15px 0px;
width: 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 10px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 481px) {
.uk-navbar-nav {
 padding-left:30%;
}
.uk-navbar-nav > li:nth-child(n+2) {
display: none;
}
#tabs > ul > li {
width: 100%;
border-bottom: 1px solid #ececec;
}
.uk-grid-divider .uk-width-medium-1-3:nth-child(1), .uk-grid-divider .uk-width-medium-1-3:nth-child(3) {
display: none;
}
.uk-width-medium-1-3 {
width: 100%;
}
}
@media (max-width: 768px) {
.support-image { display: none; }
.article-description { height: auto; }
#tabscontent h3 {font-size: 1.33rem;}
#tabscontent h4 {font-size: 1.30rem;}
#tabscontent h5 {font-size: 1.25rem;}
#tabscontent li {margin-left: 10px;margin-bottom: 5px;font-size: 1.2rem;}
.uk-text-18 {font-size: 1.21rem;}
}



/*
	Fixes and updates 09-2017
	-----------------------------------
	Toolport GmbH
	Daniel Tuschhoff
	-----------------------------------
*/


/*
	Navigation: Justify
*/

div.nav-container > ul.navigation {
	display:flex;
	justify-content: space-around;
}


/*
	UI-Kit Cards: Remove Shadow
*/

div.technica-card {
	box-shadow: none;
}

div.technica-card.technica-card-coss-selling {
	border-bottom:none;
}


/*
	UI-Kit Cards: Remove Padding (right)
*/

div.technica-card.hph > div.technica-card-content {
	padding-right:0;
}


/*
	Header: Logo Fixes
*/


@media screen and (min-width: 960px) {
	.header-two-bars .header-limiter {
		text-align:left;
		margin:0;
	}
}

@media screen and (max-width: 959px) {
	.header-two-bars .header-limiter {
		text-align:center;
		margin:0 auto;
	}
}




/*
	Tab Nav: Only 2
*/

.bm-tabs > label {
	width: 49.8%!important;
}


@media screen and (max-width: 768px) {
	.bm-tabs > label  {
		width:100%!important;
	}
}




/*
	TPE Tiles: Light Image Border
*/

div.uk-grid img {
	border:1px solid #eee!important;
}

div.uk-grid .tpe-img-remove-bdr {
	border:0!important;
}



/*
	TPE Headings: H1
*/

#page_content h1 {
	font-weight: 600;
	font-size: 1.4em;
}




/*
	TPE Tiles: Image Subtexts
*/

.tpe-img-sub {
	margin: 2px 0px 10px 0px;
	font-size: small;
	font-style:italic;
	color:#777;
}



/*
	TPE Tiles: Block Slogans
*/


.tpe-block-slogan {
	margin-bottom: 25px;
}

.tpe-block-slogan > span {
	font-size: 1.5em;
	/* color: #666; */
	display: block;
}

.tpe-block-slogan > small {
	font-size: 1em;
	color: #777;
}

/* If only a single paragraph is given */
.tpe-block-slogan-alt {
	margin: 0 0 25px;
	font-size: 1.2em;
	color: #666;
}



/*
	TPE Tiles: Entry Content
*/


.tpe-content-entry > div > h2 {
	margin-bottom:10px;
}


.tpe-content-entry > div > h3 {
	margin:0;
	font-size: 1.3em;
	color: #999;
	text-transform: uppercase;
}


.tpe-content-entry > div > p {
	font-size:1.1em;
	margin-top: 15px;
}







/*
	TPE Tiles: Block Header with lines
*/

.tpe-block-header {
    font-size: 1.6em;
    font-size: 2.0em;
    margin-top: 3.5em;
    overflow: hidden;
	padding-left:4%;
	margin-bottom: 20px;
}

.tpe-block-header > span{
    position: relative;
    display: inline-block;
    color:#555;
    font-weight:300;
    word-break: break-all;
}
.tpe-block-header > span:before, .tpe-block-header > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 1200px;
    margin: 0 20px;
    color:#ddd;
}
.tpe-block-header > span:before{
    right: 100%;
}
.tpe-block-header > span:after{
    left: 100%;
}



/*
	TPE Tiles: Column Header
*/

h4.tpe-column-header {
	font-size:1.3em;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}



/*
	General FIX: Restore Listings
*/

.uk-grid ul {
	padding-left: 16px!important;
}

.uk-grid ul li {
	padding-bottom: 10px;
}

.uk-grid ul > li > ul,
.uk-grid ul > li > ul > li > ul {
	margin-top: 5px;
}



/*
	General FIX: Restore Heading Line-Height
*/

#page_content h3 {
	line-height:36px;
}




/*
	Helper: Clearfix
*/

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}




/*
	Helper: Spacer
*/

hr.tpe-spacer-sm {
	border:0;
	height:20px;
}

hr.tpe-spacer-md {
	border:0;
	height:45px;
}

hr.tpe-spacer-lg {
	border:0;
	height:90px;
}



/*
	Helper: Wrapper
*/

.tpe-content-wrapper {
	padding:0 32px;
	margin-bottom:3%;
}



/*
	Helper: Font-Size ++
*/

#page_content .tpe-font-up11 {
	font-size:1.1em;
}

#page_content .tpe-font-up13 {
	font-size:1.3em;
}






/*
	TPE Fix: Checkmark listings
*/

div#page_content ul.technica-list-inputs.tpe-list-checkmarks {
	padding-left:30px!important;
}

ul.technica-list-inputs.tpe-list-checkmarks > li > i {
	margin-left: -30px;
	margin-right: 10px;
}










/*
	TPE Tiles: CSS3 Content Slider
*/


.tpe-slides-wrapper {
    max-width: 490px;
}

#page_content div.uk-grid ul.tpe-slides {
	padding-left:0px!important;
}

.tpe-slides {
    padding: 0;
    display: block;
    position: relative;
}

@media screen and (max-width: 959px) {
	.tpe-slides {
	    height: 368px;
	}
}

@media screen and (max-width: 499px) {
	.tpe-slides {
	    height: 310px;
	}
}

@media screen and (max-width: 450px) {
	.tpe-slides {
	    height: 270px;
	}
}


.tpe-slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.tpe-slides input { display: none; }

.tpe-slide-container { display: block; }

.tpe-slide {
    top: 0;
    opacity: 0;
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all .7s ease-in-out;
}

.tpe-slide img {
    width: 100%;
    height: auto;
}

.tpe-slides-nav {
	position: absolute!important;
	top: 0!important;
	display: flex!important;
	flex-direction: column!important;
	justify-content: center!important;
	height: 100%!important;
	width: 100%!important;
}

.tpe-slides-nav > label {
	width: 80px!important;
	position:absolute!important;
	float: none!important;
	background: none!important;
	font-weight: normal!important;
	letter-spacing: inherit!important;
	line-height: 0px!important;
	padding-bottom: 35px!important;
	font-size:120px!important;
	opacity:0.6!important;
	color: #fff!important;
	text-shadow: 0px 0px 15px rgb(119, 119, 119)!important;
}

.tpe-slides-nav > label:hover {
	background: none!important;
	color: #fff!important;
	opacity:0.9!important;
}

.tpe-slides-nav > label.tpe-slides-prev {
	left:0!important;
}

.tpe-slides-nav > label.tpe-slides-next {
	right:0!important;
}

input:checked + .tpe-slide-container  .tpe-slide {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}







.tphelper-fleft {
float:left!important;
}

div.tplogo {
float:left!important;
}

div.tpheader-icons {
position:relative;
top:-12px;
float:right!important;
}

div.tpheader-icons > img {
margin-right:20px;
}


/*
	Selector
*/

div.tpe-selector-wrapper {
	width:59%;
	position:relative;
	left:41%;
	margin-bottom:25%!important;
}

.tpe-selector-image {
	position: absolute;
	left: -70%;
	max-width: 65%;
	top: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

div.tpe-selector-wrapper label {
	width:auto;
	margin-right:10px;
	margin-bottom: 10px;
	display:inline-block;
	background:none;
	text-transform:none!important;
}

div.tpe-selector-wrapper label:hover {
	background:none;
}

div.tpe-selector-wrapper label > input:checked + img.tpe-selector-image {
	opacity: 1;
	transition: opacity 1s ease-in-out;
}

div.tpe-selector-wrapper label > span {
	border:1px solid #eee;
	border-radius: 5px;
	padding:2px 12px;
}

div.tpe-selector-wrapper label > input:checked ~ span {
	border:1px solid #fe9900;
	color: #333;
}


@media screen and (max-width : 995px) {
	.hide-mobile {
		display:none!important;
	}

	div.tpe-selector-wrapper {
		text-align:center;
		width:100%;
		left:0;
		margin-bottom:50%!important;
	}

	.tpe-selector-image {
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
		top: 100%;
		max-width:100%;
	}

	div.tpe-selector-wrapper label {
		float:none;
		display:inline-block;
	}
}

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

	div.tpe-selector-wrapper {
		margin-bottom:65%!important;
	}
}

@media screen and (max-width : 1150px) {
	.hide-max-1150 {
		display:none!important;
	}
}




/* TPS5 Anpassungen */

.clearfix:after {
    content:" ";
    display:table;
    clear:both;
}

div#page_content_inner {
  color:#333;
}

#page_content .tpe-font-up11 {
	font-size:1.2em;
}

.uk-grid ul.technica-list {
	padding-left: 16px!important;
	text-align: left;
}

.technica-list > li {
  border: none;
  margin-left: 44px;
}

.bm-tab-content ul {
  margin-left: 3%;
}

.bm-tab-content div.uk-grid > div > ul:first-child,
#bm-tab-content-2 ul,
ul.tpe-slides {
  margin-left: 0;
}

ul ul {
  margin: 0;
}

div#page_content_inner h1,
div#page_content_inner h2,
div#page_content_inner h3,
div#page_content_inner h4,
div#page_content_inner h5,
div#page_content_inner .tpe-block-header span {
  color:#333;
}

.tpe-content-entry > div > p {
  font-size:1.4em;
}


.tps5e-btn {
  font-weight: bold;
  padding: 16px 24px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 3px 0px #666;
  -moz-box-shadow: 0px 1px 3px 0px #666;
  box-shadow: 0px 1px 3px 0px #666;
}

.tps5e-btn-base {
  background: #55646f;
  color: #fff;
  border-color: #4a5761;
  border: 1px solid #4a5761;
}

.tps5e-btn-base:hover {
  background: #5c6c78;
  border-color: #55646f;
  color: #fff;
}


/* Wenn nur 1 Tab angezeigt würde, den Reiter oben ausblenden und Border vom
  Content-Container entfernen */

.bm-tabs > label {
  padding: 10px 0;
}

.bm-tabs > label:only-of-type {
  display: none;
}

.bm-tabs > div:only-of-type > div.bm-tab-content {
  padding-top: 0;
  border: none;
}


/* Linien & Qualitäten */

div.tps5e-line-qual-wrapper {
  border-bottom: 2px solid #eee;
  margin-bottom: 20px;
}

div.tps5e-line-qual-wrapper > img {
  border:none!important;
  max-width: 140px;
  float: left;
  margin-bottom: 10px;
}


div.tps5e-line-qual-wrapper > p.qualitaet {
  background:none;
  padding-left:0;
  margin: 0;
  float:left;
  font-size: 24px;
}

div.tps5e-line-qual-wrapper > p.qualitaet:before {
  line-height: 27px;
  font-size: inherit;
}

div.tps5e-line-qual-wrapper > p.qualitaet:after {
  font-size: 85%;
  font-weight: normal;
  color:#333;
}

div.tps5e-line-qual-wrapper.eco {border-bottom-color: #7db4d3;}
div.tps5e-line-qual-wrapper > p.eco:before {color: #7db4d3;}

div.tps5e-line-qual-wrapper.premium {border-bottom-color: #fbb832;}
div.tps5e-line-qual-wrapper > p.premium:before {color: #fbb832;}

div.tps5e-line-qual-wrapper.professional {border-bottom-color: #f37f2e;}
div.tps5e-line-qual-wrapper > p.professional:before {color: #f37f2e;}