/* 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;
}
.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;}
@media screen and (max-width:900px) {
.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;
}
}
@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;}
}