/* @override 
	https://preview.brandguardian.com/css/custom.css
	https://www.brandguardian.com/css/custom.css */


body {
    font: 16px/24px skolar-latin, serif !important;
    color: #000000;
}
h1, h2, h3, h4, h3, h6, .h1, .h2, .h2, .h4, .h3, .h6 {
    font-family: interstate, sans-serif !important;
}

h1 {
    margin-top: 60px;
}

.h2,
h2 {
    font-size: 43px;
}

.h3,
h3 {
	font-size: 30px;
}

.h4,
h4 {
    font-size: 24px;
}


.teaser1, teaser1 {
    font-family: interstate, sans-serif !important;
    font-size: 24px;
	font-weight: 700;
 }
 
.teaser2, teaser2 {
    font-family: interstate, sans-serif !important;
    font-size: 18px;
	font-weight: 700;
}

.teaser3, teaser3 {
    font-family: interstate, sans-serif !important;
    font-size: 14px;
	font-weight: 700;
}

.teaser4, teaser4 {
    font-family: interstate, sans-serif !important;
    font-size: 12px;
	font-weight: 700;
}

.teaser5, teaser5 {
    font-family: interstate, sans-serif !important;
    font-size: 10px;
	font-weight: 700;
}

.teaser6, teaser6 {
    font-family: interstate, sans-serif !important;
    font-size: 9px;
	font-weight: 700;
} 


.title1, title1 {
    font-family: interstate, sans-serif !important;
    font-size: 51px;
	font-weight: 700;
}

.title2, title2 {
    font-family: interstate, sans-serif !important;
    font-size: 43px;
	font-weight: 700;
}

.title3, title3 {
    font-family: interstate, sans-serif !important;
	font-size: 30px;
	font-weight: 700;
}

.title4, title4 {
    font-family: interstate, sans-serif !important;
    font-size: 24px;
	font-weight: 700;
}


.kpi,kpi {
    font-family: interstate, sans-serif !important;
    font-size: 51px;
	font-weight: 700;
}



a {
    color: #000;
    border-bottom: 2px solid #FFEE00;
}

a:hover {
    background-color: #FFEE00;
	color: #000;
}

a.cc-link {
	color: #fff !important;
	text-decoration: none;
}

.lead {
    font-size: 16px !important;
    line-height: 24px;
}

#headerpic {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#headerclip {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 800px;
}

.content {
    position: relative;
    padding: 0 0 40px !important;
}


.blackhg {
    background-color: #000 !important;
}

.row {
    margin: 0;
    padding: 0;
}

.content .row.col-xs-12, .content .row.col-xs-9, .content .row.col-xs-6  {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
}

.50p {
	background-color: green !important;
}

/* COOKIE BANNER */

.iwcc-wrapper {
	background: #fff;
	position: absolute !important;
	font-size: 15px;
	width: 100%;
	max-width: 60em;
	max-height: 100vh;
	overflow-y: auto;
	bottom: 20px !important;
	left: 20px !important;
}

.iwcc-buttons {
	cursor: pointer;
}

.iwcc-show-details a {
	cursor: pointer;
	color: #000;
}

.iwcc-save-selection {
	transition: 200ms ease all;
	font-family: interstate, sans-serif;
	background: #fff !important;
	border: 1px solid green;
	color: #000;
	padding: 0.5em 2em;
	border-radius: 0.2em;
	font-weight: bold;
	text-align: center;
	margin: 0.5em 20px 0.5em 0 !important;
	display: block;
}

.iwcc-accept-all {
	transition: 200ms ease all;
	font-family: interstate, sans-serif;
	background: #000 !important;
	border: 0px none green;
	color: #fff !important;
	padding: 0.5em 2em;
	border-radius: 0.2em;
	font-weight: bold;
	text-align: center;
	margin: 0.5em 20px 0.5em 0 !important;
	display: block:
}

.iwcc-headline {
	font-family: interstate, sans-serif !important;
}


.iwcc-save-selection {
	background: none transparent;
	border: 1px solid #999;
	color: #000
}


a.iwcc-save-selection.iwcc-close {
	margin-right: 20px !important;
}

.iwcc-sitelinks a {
	color: #000;
}

.iwcc-save-selection:hover {
	background-color: #FFEE00 !important;
	border-color: #FFEE00;
	color: #000;
}

.iwcc-accept-all:hover {
	background-color: #FFEE00 !important;
	border-color: #FFEE00;
	color: #000 !important;
}


/* NAVIGATION
-------------------------------------------------- */

.navbar {
    position: relative;
}


button.navbar-toggle {
    background-color: #000 !important;
    border-style: none !important;
    margin-top: 25px;
}

a.navbar-brand {
    padding: 0 15px !important;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 0px none #FFEE00 !important;
}

.nav {
    float: right;
    font: 16px interstate, sans-serif;
}


ul.rex-navi1 {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    height: 80px;
    float: left;
}


ul.rex-navi1 li {
    list-style-type: none;
    float: left;
    height: 80px;
    margin: 0;

}

.rex-navi1 a {
    border-bottom: none;
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    height: 80px;
    margin: 0;
    float: left;
	color: #000 !important;
}

.rex-navi1 a.rex-current {
    border-bottom: 3px solid #000 !important;    
}

.rex-navi1 a:hover {
    border-bottom: 3px solid #FFEE00 !important;
    background-color: #FFF !important;
}

a.sprache {
    height: 38px;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
    float: right;
    display: block;
    right: 0;
    text-transform: uppercase;
    border-bottom-style: none;
    border-left: 1px solid #E6E9ED;
    margin-top: 22px;
    margin-bottom: 20px;
}

.rex-article-101 {
	display: none !important;
}

/* STARTSEITE / HOME
-------------------------------------------------- */

.homeboxhor {
    padding: 0;
    font-family: interstate, sans-serif;
    
}

.homeboxhor div.row {
    margin-bottom: 0;
    padding-bottom: 0;
}

.homeboxhor .homeboxlinksbild {
    padding: 0;
}

.homeboxhor .homeboxrechtsbild {
     padding: 0;   
}

.homeboxblack {
    background-color: #000;
    color: #fff;
}

.homeboxwhite {
    background-color: #FFF;
    float: left;
}

.homeboxrechtstext {
    padding-left: 40px;
    padding-top: 20px;
}

.homeboxlinkstext {
    padding-left: 40px;
    padding-top: 20px;
}

.homeboxrechtstextmobil {
    display: none;
}

.homeboxvert {
    font-family: interstate, sans-serif;
}

.homeboxvert .col-md-4, .homeboxvert .col-md-6, .homeboxvert .col-md-12, .homeboxvert .col-md-8 {
    padding: 0;
}


.homeboxvert .homeboxblack .text {
    padding: 20px 20px 26px 30px;
}

.homeboxvert .homeboxwhite .text {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    height: 240px;
}

.homeboxvert .desk {
    display: block;
}

.homeboxvert .mob {
    display: none;
}

.homeboxvert img.img-responsive {
    width: 100%;
}

.homeboxblack .text a h2, .homeboxblack .text a p, .homeboxlinkstext a h1, .homeboxlinkstext a h2 {
    color: #FFF;
}

.homeboxrechtstext a h1 {
	font-size: 3.9vmin;
}

.homeboxrechtstextmobil a h1 {
	font-size: 3.9vmin;
}

.homeboxlinkstext a h1 {
	margin-top: 40px;
	font-size: 3.9vmin;
}

.homeboxrechtstext a h2 {
	margin-bottom: 0;
	font-size: 2.8vmin;
}

.homeboxrechtstextmobil a h2 {
	font-size: 2.8vmin;	
}

.homeboxlinkstext a h2 {
	margin-bottom: 20px;
	font-size: 2.8vmin;
}

.homeboxwhite .text a h2 {
	font-size: 2.4vmin;
	margin-top: 2vw;
}

.homeboxwhite .text a p {
	font-size: 1.4vmin;
}

.homeboxwhite .text a:hover h2, .homeboxwhite .text a:hover p,
.homeboxblack .text a:hover h2, .homeboxblack .text a:hover p,

.homeboxrechtstext a:hover h1, .homeboxrechtstext a:hover h2,
.homeboxlinkstext a:hover h1, .homeboxlinkstext:hover a h2 {
    text-decoration: underline;
    text-decoration-color: #FFEE00;
    -webkit-text-decoration-color: #FFEE00; /* Safari */    
}



.homeboxvertslider .col-md-4, .homeboxvertslider .col-md-6, .homeboxvertslider .col-md-12, .homeboxvertslider .col-md-8 {
    padding: 0;
}

.homeboxvertslider h3 {
	text-align: center;
	color: #fff;
	padding-top: 110px;
	margin-top: 0;
}

.homeboxvertslider .homeboxwhite .text {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    height: 260px;
}

.homeboxvertslider .homeboxwhite .text a p {
	font: 16px/24px skolar-latin, serif !important;
}

.homeboxvertslider .hgbild {
	height: 260px;
	background-size: cover;
}


.homeboxvertslider .mob {
	display: none;
}



/* NEWSSLIDER
-------------------------------------------------- */


.item .newsb img {
	width: 300px;
}

.item .newsb {
	width: 300px;
	height: 200px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 20px;
}

.shgblack {
	background-color: #000;
	height: 200px;
	color: #fff;
}

.shgyellow {
	background-color: #FFEE00;
	height: 200px;
	color: #000;
}

.carousel-inner .item p {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 0;
	display: block;
}

.carousel-inner .item h1 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 0;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner .item h2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 0;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner .item h3 {
	padding-top: 20px;
	padding-left: 0;
	padding-right: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner .item h6 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 0;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner div.shgyellow.item p {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	color: #000 !important;
}

.carousel-inner div.shgyellow.item h1 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner div.shgyellow.item h2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner div.shgyellow.item h3 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-inner div.shgyellow.item h6 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}

.shgblack a {
    color: #FFF !important;
    border-bottom: 2px none #FFEE00;
}

.shgblack a:hover {
	border-bottom: 2px solid #FFEE00;
	background-color: #000;
}

.shgyellow a {
    color: #000 !important;
    border-bottom: 2px none #FFEE00 !important;
}

.shgyellow a:hover {
    color: #000 !important;
    border-bottom: 2px solid #000 !important;
}


.carousel-indicators {
	position: absolute;
	bottom: -4px;
	left: 50%;
	z-index: 15;
	width: 100%;
	padding-left: 0;
	margin-left: -50%;
	text-align: center;
	list-style: none;
	margin-bottom: -20px;
	background-color: #000;
}


/* CAROUSEL
-------------------------------------------------- */


#owl-demo .item{
  color: #FFF;
}

#owl-slider .slider-hgbild {
	padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    height: 260px;
	background-size: cover;
}

#owl-slider h3 {
	color: #fff;
	position: relative;
	margin-top: 90px;
	margin-right: auto;
	text-align: center;
	display: table;
	margin-left: auto;
}

#owl-slider a:hover h3 {
	color: #FFF;
}

#owl-slider .slider-text {
	padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    height: 260px;
}

#owl-slider  div.owl-item {
	background-color: #fff;
}

#owl-slider .owl-item:nth-child(2n) .slider-hgbild  {
	position: relative;
	top: 260px;
}

#owl-slider .owl-item:nth-child(2n) .slider-text  {
	position: relative;
	top: -260px;
	display: block;
}

div#owl-slider.owl-carousel.owl-theme div.owl-controls.clickable div.owl-pagination div.owl-page span {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 5px 10px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #fff;
	border-radius: 50%;
		
}
		
div#owl-slider.owl-carousel.owl-theme div.owl-controls.clickable div.owl-pagination div.owl-page.active span {
	width: 10px;
	height: 10px;
	margin: 5px 10px;
	background-color: #fff
}


/* CAROUSEL 2
-------------------------------------------------- */


#owl-slider2 .slider-hgbild {
	padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    height: 260px;
	background-size: cover;
}

#owl-slider2 h3 {
	color: #fff;
	position: relative;
	margin-top: 90px;
	text-align: center;
}

#owl-slider2 a:hover h3 {
	color: #FFF;
}

#owl-slider2 .slider-text {
	padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    height: 260px;
}

#owl-slider2  div.owl-item {
	background-color: #fff;
}

#owl-slider2 .owl-item:nth-child(2n) .slider-hgbild  {
	position: relative;
	top: 260px;
}

#owl-slider2 .owl-item:nth-child(2n) .slider-text  {
	position: relative;
	top: -260px;
	display: block;
}

div#owl-slider2.owl-carousel.owl-theme div.owl-controls.clickable div.owl-pagination div.owl-page span {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 5px 10px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #fff;
	border-radius: 50%;
		
}
		
div#owl-slider2.owl-carousel.owl-theme div.owl-controls.clickable div.owl-pagination div.owl-page.active span {
	width: 10px;
	height: 10px;
	margin: 5px 10px;
	background-color: #fff
}



/* CONTENT
-------------------------------------------------- */

.contenthg {
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: right top;
    padding: 0;
}

.content h6 {
    font-size: 18px;
    line-height: 29px;
    font-weight: bold;
}

.content .ja h2, .content .mein h2 {
    margin-top: 0;
    display: flex;
}


.float-left {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}

.float-right {
    float: right;
    margin-bottom: 20px;
    margin-left: 40px;
}

.row div.col-md-6.5050bild {
	padding-left: 0 !important;
}


.5050.col-md-6.float-left {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.svgimg {
	width: 250px;
	display: block;
}

.bildbox {
    width: 250px;
}

.float-left.col-md-3 {
    padding: 0 30px 0 0;
}

.float-right.col-md-3 {
    padding: 0 0 0 30px;
}

img.float-left.col-md-3 {
}


.content .container {
    padding-right: 0;
    padding-left: 0;
}

.z {
	margin-bottom: 20px;
}

.zz {
	margin-bottom: 35px;
}

.zzz {
	margin-bottom: 50px;
}


.content .row {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.content p {
}

.content .ja {
    border-bottom: 1px solid #E6E9ED;
    margin-bottom: 40px;
}

.content .ja p {
}

.content .mein {
}

.text {
    display: table;
    padding-left: 0;
}

.text.col-md-6 {
	padding: 0;
}


.text.col-md-9 {
    margin: 0;
    padding: 0;
}

.fright {
	float: right;
	padding-right: 0;
	margin-bottom: 20px;
	padding-left: 0;
}

.fleft {
	float: left;
	padding-left: 0;
	margin-bottom: 20px;
	padding-right: 40px;
}

.download_btn {
    display: inline;
    background-color: #000;
    padding: 6px 0px;
    margin-top: 10px;
    position: absolute;
}

.download_btn a {
    color: #FFF !important;
    border-bottom-style: none;
    padding: 6px 40px;
}

.download_btn a:hover {
    color: #000 !important;
    border-bottom-style: none;
    padding: 9px 40px;
}


.gbox {
    font: 15px/20px interstate, sans-serif;
    background-color: #FFEE00;
    float: right;
    padding: 30px;
}

.gbox h2, .gbox h3{
    margin-top: 0;
}


.gb {
    margin-top: 40px;
}

.gb h1 {
        margin-top: 0;
}

.gbox.boxh1 {
    margin-top: 77px;
}

.gbox.boxh2 {
    margin-top: 49px;
}

.gbox.boxh3 {
    margin-top: 54px;
}

.content .gbox ul {
    padding-left: 18px;
    list-style-type: square;
}


.black {
    background-color: #000 !important;
    color: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
}

.black a {
    color: #FFF !important;
}

.black a:hover {
    color: #000 !important;
}


.black.ja {
    margin-bottom: 0;
    border-bottom-style: none;
}

.black .container {
    display: flex;
}

.black.ja .container {
    border-bottom: 1px solid #FFF;
}

.black.mein {
    margin-bottom: 0;
    padding-bottom: 0;
}

.black .row {
    padding-bottom: 20px;
    margin-bottom: 0;
    width: 100%;
}

.black .mein .text.col-md-9 {
    padding-left: 20px;
}

.black .text {
    padding-right: 20px;
}

.black ul {
    list-style-type: square;
    padding-left: 15px;
}

.black.nopedding {
    padding-bottom: 0;
}

.black.nopedding h2, .black.nopedding h3 {
    margin-bottom: 0;
}

.kpis h3 {
    margin-bottom: 30px;
}

.kpis {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    line-height: 20px;
    padding-top: 20px;
}

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

.kpis ul.row {
    width: 100%;
    margin-bottom: 0;
    float: left;
}

.kpis li {
    text-align: center;
    border-left: 1px solid #000;
	height: 170px;
}

.kpis li:last-child {
    text-align: center;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.kpis li img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	height: 110px;
}

.usecases h3 {
    margin-bottom: 30px;
}

.usecases {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    line-height: 20px;
    padding-top: 20px;
}

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

.usecases ul.row {
    width: 100%;
    margin-bottom: 0;
    float: left;
}

.usecases li {
    text-align: center;
    border-left: 1px solid #000;
    height: 50px;
    padding: 0;
}

.usecases li:last-child {
    text-align: center;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.usecases a {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-style: none;
}

.usecases a:hover {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-style: none;
    background-color: #FFEE00;
}

.usecases p {
    padding: 0;
    margin: 0;
}


.challenge .bildbox.float-left {
	width: 180px;
	margin-right: 60px;
}

.challenge .bildbox.float-right {
	width: 180px;
	margin-right: 60px;
}

.challenge h1 {
	margin-top: 0px;
}

.challenges {
    
}

.challenges img.content.img-responsive {
    padding-bottom: 0 !important;
}

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

.challenges li {
   list-style: none;
   padding: 0 1px 0 0;
   margin-bottom: 20px;
   min-height: 300px;
}

.challenges h3 {
    padding-left: 5px;
}

.challenges p {
    margin-top: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-left: 5px;
}

.challenges a {
    display: block;
    border-bottom-style: none;
}

.challenges a:hover {
    display: block;
    min-height: 300px;
    background-color: #FFF;
}

.challenges #ch {
    height: 5px;
    background-color: #FFEE00;
    visibility: hidden;
}

.challenges a:hover #ch {
    visibility: visible;
}


.brands {
    margin-bottom: 40px;
}


.brands ul {
   list-style: none;
   padding: 0 !important;
   margin-bottom: 0 !important;
   border-left: 1px solid #000;
}

.brands li {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.brands li:last-child {
}

.brands h3 {
    margin-bottom: 30px;
}

.brands .img-responsive {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0 !important;
}

.zahlenfakten {
    margin-bottom: 40px;
}


.zahlenfakten ul {
    list-style: none;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.zahlenfakten li {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 180px;
    text-align: center;
}

.zahlenfakten li:last-child {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.zahlenfakten h1 {
    margin-top: 25px;
}

.container.panel {
    margin-top: 20px;
}

.nav-tabs.col-md-3 {
    padding-right: 0;
    margin-right: 0;
}

#myTabContent.tab-content.col-md-9 {
    padding: 20px 30px;
}

#myTab1 li a{
    background-color: #000;
    color: #FFF !important;
}

#myTab1 li a:hover{
    color: #000 !important;
    background-color: #ffee00;
}

#myTab1 li.active a {
    color: #000 !important;
}

.downloadohne ul, .downloadmit ul {
    list-style: none;
    padding-left: 2px;
}

.downloadohne li, .downloadmit li {
    list-style: none;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.downloadohne i, .downloadmit i {
    margin-right: 10px;
}

.downloadohne {
    padding-left: 0px;
}

.downloadmit {
    margin-left: 311px;
    padding-left: 20px;
}

.partner {
    margin-top: 30px;
}

.partner h3 {
    margin-bottom: 30px;
}

.partner .text {
    margin-top: 30px;
}

.textblackbox .links {
    padding-left: 0;
    padding-right: 30px;
}

.textblackbox {
    display: block;
}

.textblackbox .rechts {
    padding-left: 0;
    margin-left: 40px;
}

.blackboxlinks {
    background-color: #000;
    color: #fff;
    padding: 20px;
    float: right;
    margin-bottom: 20px;
}

.blackboxrechts {
    background-color: #000;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
}

.responsive-video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
/*    padding-bottom: 50%;*/
	z-index: 0;
}

.video-text {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.video-text h1{
	margin: 20% 30px 3%;
	background-color: #000;
	color: #fff;
	display: inline-block;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 3.4vw !important;
}

.video-text p{
	background-color: #000;
	font: bold 2vw interstate, sans-serif !important;
	color: #fff;
	display: inline-block;
	padding: 2px 20px 4px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 0.3vw;
}

.video-text p a{
	color: #FFF !important;
}

.cta {
	background-color: #ffee00;
	display: inline-block;
	position: relative;
	margin: 3% auto;
	padding-bottom: 4px;
	color: #000 !important;
}

.cta a{
	font: bold 2.5vw interstate, sans-serif !important;
	margin: 0;
	padding: 0 20px;
	border-bottom: 0px solid #FFEE00 !important;
	background-color: transparent !important;
	color: #000 !important;
}

.cta a:hover{
	font: bold 2.5vw interstate, sans-serif !important;
	margin: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom: 0px solid #000 !important;
	background-color: #000 !important;
	color: #FFF !important;
}



.video-text-mobile {
	display: none;
	visibility: hidden;
}


.vimeo .col-md-8 {
	margin: 0;
	padding: 0;
}

.col-md-6.khvideo {
    margin-bottom: 40px;
    padding-left: 0;
}

.khvideo div.text {
    height: 120px;
}

#videos.collapse {
}

#videos.collapse.in {
    display: inline;
}

button.btn.blackbtn {
    margin: 0 auto 40px;
    display: block;
    background-color: #000;
    padding-right: 30px;
    padding-left: 30px;
    border-style: none;
}

button.btn.blackbtn:hover {
    background-color: #ffee00;
    color: #000;
}

.bildb .col-md-6 {
    padding-left: 0;
}

.videob .col-md-6 {
    padding-left: 0;
}


.alert-warning.alert-dismissable {
    background-color: #FFEE00;
    color: #000;
}

.progress-bar {
    background-color: #a8a8a8;
}

.panel-heading h4.panel-title a {
    border-bottom-style: none;
}

.panel-heading h4.panel-title a:hover {
    border-bottom-style: none;
    background-color: #E6E9ED;
}


#accordion3.panel-group.panel-group-lists div.panel {
	background-color: #fff !important;
	border-bottom: 0px solid #e6e9ed !important;
	border-style: none;
	color: #fff;
}





.carousel-control.right {
	right: 0;
	left: auto;
	background-image: none;
	background-repeat: repeat-x;
}

.carousel-control.left {
	background-image: none;
	background-repeat: repeat-x;
}


.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	filter: alpha(opacity=50);
	opacity: .5;
}

.carousel-control:focus,.carousel-control:hover {
    color:#fff;
    text-decoration:none;
    filter:alpha(opacity=90);
    outline:0;
    opacity:.9
}

a.carousel-control {
    border-bottom: 0 none #000 !important;
}

a.carousel-control:hover {
    background-color: rgba(0, 0, 0, 0.0);
    border-bottom: 0 none #000 !important;
}

.panel-default .panel-heading {
    background-color: #E6E9ED;
}

.panel-primary .panel-heading {
    background-color: #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

.btn-block {
    color: #000;
}

.btn-default {
    background-color: #FFF;
}

.btn-warning {
    background-color: #FFEE00;
    border: 1px solid #FFEE00;
    color: #000;
}

.btn-warning:hover {
    background-color: #a8a8a8;
    border: 1px solid #a8a8a8;
    color: #000;
}

.btn-group .btn {
    border-left-color: #FFF;
    color: #000;
}

.btn-group.open ul.dropdown-menu {
    border-bottom-color: #000;
    background-color: #a8a8a8;
}

.btn-group.open ul.dropdown-menu li a {
    border-bottom-color: #fff;
    border-bottom-width: 1px;
}

.btn-group.open ul.dropdown-menu li:last-child a {
    border-bottom: 1px none #fff;
}

.btn-group.open ul.dropdown-menu li a:hover {
    background-color: #E6E9ED;
}

 ol.breadcrumb li a {
     border-bottom-style: none;
 }

.heading-note, .text-note {
    color: #a8a8a8 !important;
}

.circle {
	border-radius: 50%;
	width: 150px;
	height: 150px;
    background-color: #ffee00;
    display: block;
    margin-top: 50px;
}

.circle p{
    padding-right: 20px;
    padding-left: 15px;
    padding-top: 50px;
    text-align: center;
    
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    font-size: 20px;
    line-height: 24px;
    display: block;
}

#myBtn {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: none;
  position: fixed;
  bottom: 200px;
  z-index: 99;
  font-family: interstate, sans-serif !important;
  outline: none;
  color: #000;
  cursor: pointer;
  padding: 15px;
  right: 30px;
  background-color: #ffee00;
  font-weight: bold;
  border: 0px solid #000;
}

#myBtn p{
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    margin-bottom: 0;
}

#myBtn:hover {
  background-color: #000;
  color: #FFF;
  -webkit-animation: rotateIn 1s;
  animation: rotateIn 1s;
}


div#accordion3.panel-group.panel-group-lists {
	padding-left: 20px;
}

div#accordion3.panel-group.panel-group-lists div.panel {
	background-color: #000 !important;
	border-bottom: 0px solid #e6e9ed !important;
	border-style: none;
	color: #fff;
}


div#accordion3.panel-group.panel-group-lists div.panel div.panel-heading .panel-title a {
	font-family: "interstate", interstate, sans-serif !important;
	color: #fff;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 4px;
	margin-bottom: 5px;
}

div#accordion3.panel-group.panel-group-lists div.panel div.panel-heading .panel-title a:hover {
	color: #000;
}


div#accordion3.panel-group.panel-group-lists div.panel div.panel-heading h2 {
	font-family: "interstate", interstate, sans-serif !important;
	font-size: 24px !important;
	font-weight: 700;
	color: #fff;
}

div#accordion3.panel-group.panel-group-lists div.panel div.panel-heading h3 {
	font-family: "interstate", interstate, sans-serif !important;
	font-size: 18px !important;
	font-weight: 700;
	color: #fff;
}

 div#accordion3 .panel-collapse.collapse .panel-body p a {
	color: #fff;
}

div#accordion3 .panel-collapse.collapse .panel-body p a:hover {
	color: #000;
}

div#accordion3 .panel-body {
	padding: 15px 200px 15px 15px;
	border-top-color: rgba(255, 255, 255, 0);
	border-bottom-style: none;
	border-top-style: none;
}

div#accordion4 .panel-heading h4.panel-title a {
	font-family: "interstate", interstate, sans-serif !important;
	font-weight: 700;
	color: #000;
	display: inline-block;
	padding-left: 0;
}

div#accordion4 .panel-heading h4.panel-title a:hover {
    border-bottom-style: none;
	color: #000;
	background-color: #fff;
}



div#accordion4.panel-group.panel-group-lists div.panel {
	border: 0px solid #E6E9ED;
}

div#accordion4 .panel-body {
	padding: 15px 15px 15px 19px;
	border-top: 0 none transparent !important;
}

div#accordion4.panel-group.panel-group-lists div.panel div.panel-heading h4.panel-title a i.fa.fa-angle-right {
    transform: scale(1.4) rotate(90deg);
	margin-top: -8px;
	margin-left: 5px;
	margin-right: 5px;
}

div#accordion4.panel-group.panel-group-lists div.panel div.panel-heading h4.panel-title a.collapsed i.fa.fa-angle-right {
    transform: scale(1.4);
	margin-top: -8px;
	margin-left: 5px;
	margin-right: 5px;
}


/* KONTAKT
-------------------------------------------------- */


.form-group label.control-label {
	font-weight: normal;
	font-style: normal;
	visibility: hidden;
	display: none;
}


div#yform-formular-nachricht.form-group label.control-label {
	font-weight: normal;
	font-style: normal;
}


.form-control:focus {
    border: 1px solid #000 !important;
}

.form-control:focus .control-label {
    border: 1px solid #000 !important;
	display: none;
}



/*input#yform-formular-field-1.form-control {
	padding-left: 50px !important;
	padding-top: 5px;
	padding-bottom: 2px;
	background: url(../img/person-1.svg) 10px 7px no-repeat;
	height: 40px;
}

input#yform-formular-field-2.form-control {
	padding-left: 50px !important;
	padding-top: 5px;
	padding-bottom: 2px;
	background: url(../img/person-1.svg) 10px 7px no-repeat;
	height: 40px;
}

input#yform-formular-field-3.form-control {
	padding-left: 50px !important;
	padding-top: 5px;
	padding-bottom: 2px;
	background: url(../img/email.svg) 10px 7px no-repeat;
	height: 40px;
}

input#yform-formular-field-4.form-control {
	padding-left: 50px !important;
	padding-top: 5px;
	padding-bottom: 2px;
	background: url(../img/phone-1.svg) 10px 7px no-repeat;
	height: 40px;
}

input#yform-formular-field-5.form-control {
	padding-left: 50px !important;
	padding-top: 5px;
	padding-bottom: 2px;
	background: url(../img/building-6.svg) 10px 7px no-repeat;
	height: 40px;
}

textarea#yform-formular-field-6.form-control {
	padding-left: 50px !important;
	padding-top: 5px;
	padding-bottom: 2px;
	background: url(../img/bubble-chat-1.svg) 10px 7px no-repeat;
}*/


select#yform-formular-field-0.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 100%;
    background-color: #fff;
    background: none #fff;
	color: #989898;
}


#yform-formular-datenschutz1.checkbox.yform-element.formcheckbox label {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 30px;
}

#yform-formular-datenschutz2.checkbox.yform-element.formcheckbox label {
    font-size: 14px;  
    margin-bottom: 30px;
}

.btn.btn-primary {
    font-family: interstate, sans-serif;
    background-color: #000;
    padding: 10px 30px;
    text-transform: uppercase;
    border-style: none;
}

.checkbox.yform-element.formcheckbox label .icheckbox_flat {
    margin-right: 10px;
    vertical-align: top;
}

.rechtespalte {
    margin-top: 120px;
}

.container.contact-landingpage {
	padding: 0;
}

.container.contact-landingpage div.col-md-7 {
	padding: 0;
}

.kleintext {
	margin-top: 40px;
	font-size: 14px;
}

/* FOOTER
-------------------------------------------------- */

.footerblack {
    background-color: #000;
}


.footer {
    padding-bottom: 20px;
    margin-bottom: 0;
    background-color: #000;
}

.footer .row {
    margin: 0;
    padding: 0 20px;
}

.footer .oben {
    padding-left: 40px;
}

.footer .unten {
    margin-top: 40px;
}


.footer-logo {
    float:left;
}

.footer-navi {
    float: right;
}

.footer-navi ul {
    height: 30px;
    padding: 0;
}

.footer-navi li {
    height: 30px !important;
    padding: 0;
    border-left: 1px solid #4a4a4a;
}

.footer-navi li a {
    font-family: 'interstate' !important;
    color: #FFF !important;
    padding-top: 3px;
    padding-right: 20px;
    height: 30px;
    padding-left: 20px;
}

.footer-navi li a:hover {
    font-family: 'interstate' !important;
    color: #ffee00 !important;
    background-color: #000 !important;
    border-bottom-style: none !important;
}

.footer-navi li a.rex-current {
    color: #ffee00 !important;
}

.footer-copyright {
    font: 12px 'interstate-condensed' !important;
    letter-spacing: 1px;
    float: left;
    margin-left: 20px;
}

.footer-imprint {
    font: 12px 'interstate-condensed' !important;
    letter-spacing: 1px;
    float: right;
    color: #4a4a4a !important;
    margin-right: 20px;
}


.footer-imprint a {
    font: 12px 'interstate-condensed' !important;
    letter-spacing: 1px;
    color: #FFF !important;
    margin-right: 5px;
    margin-left: 5px;
    border-bottom-style: none;
}

.footer-imprint a:hover {
    color: #ffee00 !important;
    background-color: #000;
}



.footer-logo a img {
    width: 50px;
}


.footer-logo a {
    text-decoration: none;
    border-bottom-style: none;
}

.footer-logo a img:hover {
    text-decoration: none;
    border-bottom-style: none;
    background-color: black;
}

.footer-imprint a.sicon img {
	width: 14px;
	margin-right: 10px;
	border-bottom: 2px solid #000;
}

.footer-imprint a.sicon img:hover {
	width: 14px;
	margin-right: 10px;
	border-bottom: 2px solid #ffee00;
}

.snowflake {
    position: absolute;
	top: 0 !important;
    width: 10px;
    height: 10px;
    background: linear-gradient(white, white); /* Workaround for Chromium's selective color inversion */
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);

}


#snow .box {
	background: url(../../img/Reindeer-text-d.svg) center center no-repeat;
	background-color: rgba(0, 0, 0, 0.85);
	background-size: 87%;
	width: 80%;
	margin-top: 14%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 60vh;
	border: 2px solid #fff;
	border-radius: 20px;
}

div#snow.modal.fade.in div.box button.close {
    opacity: 1;

}


div#snow.modal.fade.in div.box button.close span {
	font-size: 50px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    opacity: 1;
    margin-right: 15px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1200px) {
    
    .homeboxvert .homeboxwhite .text {
        height: 199px;
    }

}


@media (max-width: 992px) {
    
    .kpis li {
        text-align: center;
        border-left: 1px solid #000;
        height: 160px;
    }
	
	.kpis li img {
	    height: 80px;
	}
	
    
    .content .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .float-left {
        margin-bottom: 20px;
        display: flex;
        float: left;
        margin-right: 40px;
    }
    
    .float-right {
        margin-bottom: 20px;
        margin-left: 0;
        display: flex;
        float: left;
        margin-right: 40px;
    }
    
    .float-left.col-md-3 {
        padding: 0 30px 0 0;
    }
    
    .float-right.col-md-3 {
        padding: 0 30px 0 0;
    }
    
    .contenthg {
        background-image: none !important;
        background-repeat: no-repeat;
        background-size: 30%;
        background-position: right top;
    }
    
    .brands ul {
       list-style: none;
       padding: 0 !important;
       margin-bottom: 0 !important;
       border-left: 1px solid #000;
       border-top: 1px solid #000;
    }
    
    .brands li {
        border-right: 1px solid #000;
        border-top: 0px solid #000;
        border-bottom: 1px solid #000;
    }
    
    .brands li:last-child {
        border-right: 1px solid #000;
        border-top: 0px solid #000;
        border-bottom: 1px solid #000;
    }
    
    .zahlenfakten li {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px none #000;
        padding-bottom: 20px;
        height: 180px;
        border-right: 1px solid #000;
    }
    
    .zahlenfakten li:last-child {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }
    
    .gbox.boxh1 {
        margin-top: 30px;
    }
    
    .gbox.boxh2 {
        margin-top: 30px;
    }
    
    .gbox.boxh3 {
        margin-top: 30px;
    }
    
    .gbox {
        margin-top: 30px;
    }
    
    .container.panel {
        margin-top: 40px;
    }
    
    .nav-tabs.col-md-3 {
        padding-right: 0;
        margin-right: 0;
    }
    
    #myTabContent.tab-content.col-md-9 {
        padding: 20px 15px;
        clear: left;
    }
    
    .downloadmit {
        margin-left: 0px;
        padding-left: 20px;
    }
    
    .downloadohne {
        padding-left: 0;
    }
    
    .textblackbox .rechts {
        padding-left: 0;
        margin-left: 0px;
    }
    
    .blackboxlinks {
        margin-top: 20px;
    }
    
    .homeboxrechtstextmobil {
        display: block !important;
        padding-left: 40px;
        padding-top: 20px;
    }
    
    .homeboxrechtstext {
        display: none;
    }
    
    .homeboxvert .homeboxblack .text {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 30px;
        height: 218px;
    }
    
    .homeboxvert .homeboxwhite .text {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 30px;
        height: 218px;
    }
    

    
    .footer-navi li a {
        font-family: 'interstate' !important;
        color: #FFF !important;
        padding-top: 3px;
        padding-left: 7px;
        padding-right: 7px;
        height: 30px;
    }
    
    .footer .footer-copyright {
        padding-left: 0;
        margin-left: 0;
        margin-top: 20px;
    }
    
    .footer-imprint {
        margin-right: 0;
         margin-top: 20px;
        margin-left: 0;
        float: right;
    }
    
    .bildb .col-md-3 {
        padding-left: 0;
        margin-top: 20px;
    }
    
    .videob .col-md-3 {
        padding-left: 0;
        margin-top: 20px;
    }
    
    .kpis li img {
        margin-bottom: 10px;
        padding-bottom: 20px !important;
    }
	
	.challenge .bildbox.float-left {
		width: 180px;
		margin-right: 60px;
	}
	
	.challenge .bildbox.float-right {
		width: 180px;
		margin-right: 0;
		float: right;
	}
	
	.bildbox {
	    width: 250px;
	}
	
	.homeboxvertslider h3 {
		text-align: center;
		color: #fff;
		padding-top: 130px;
		margin-top: 0;
	}
	
	body div.content.blackhg.contenthg div.container.homeboxvertslider div.row div.col-md-8 div.col-md-12.col-sm-6.mob.homeboxwhite div.col-md-6.hgbild div.text a h3 {
		text-align: center;
	}
	
	.homeboxvertslider .homeboxwhite .text {
	    padding-top: 20px;
	    padding-right: 20px;
	    padding-left: 30px;
	    height: 300px;
	}
	
	.homeboxvertslider .hgbild {
		height: 300px;
		background-size: cover;
	}
	

	

  
}

@media (max-width: 768px) {

    h1 {
        font-size: 35px;
    }

   .homeboxhor h1 {
       font-size: 35px;
       margin-top: 35px;
   }
   
   h2 {
       font-size: 25px;
   }
   
   .homeboxhor h2 {
       font-size: 25px;
       margin-bottom: 40px;
   }
      
   .h3,
   h3 {
   	font-size: 20px;
   }
   
   .h4,
   h4 {
       font-size: 16px;
   }   
   .content {
       position: relative;
       padding: 0;
   }
   
   
   
   .homeboxrechtstext a h1 {
   	   font-size: 35px;
   	   margin-top: 30px;
   }
   
   .homeboxrechtstextmobil a h1 {
   	   font-size: 35px;
   	   margin-top: 30px;
   }
   
   .homeboxlinkstext a h1 {
   	   font-size: 35px;
   	   margin-top: 30px;
   }
   
   .homeboxrechtstext a h2 {
       font-size: 25px;

   }
   
   .homeboxrechtstextmobil a h2 {
       font-size: 25px;
	   margin-bottom: 40px;
   }
   
   .homeboxlinkstext a h2 {
       font-size: 25px;
	   margin-bottom: 40px;
   }
   
   .homeboxwhite .text a h2 {
   	font-size: 2.8vmin;
       font-size: 25px;
   }
   
   .homeboxwhite .text a p {
       font-size: 16px;
   }
   
   	.homeboxvertslider .mob {
		display: block;
	}
	
	.homeboxvertslider .desk {
		display: none;
	}
	
		.homeboxvertslider .homeboxwhite .text {
	    padding-top: 20px;
	    padding-right: 20px;
	    padding-left: 30px;
	    height: 200px;
	}
	
	.homeboxvertslider .hgbild {
		height: 200px;
		background-size: cover;
	}
	
	.homeboxvertslider h3 {
		text-align: center;
		color: #fff;
		padding-top: 90px;
		margin-top: 0;
	}
	
   
   
   #headerpic {
       height: 200px;
   }
   
   .nav {
       width: 100%;
       height: auto;
   }

   ul.rex-navi1 {
       list-style-type: none;
       padding: 0;
       margin-bottom: 0;
       width: 100%;
       float: none;
   }
   
   
   ul.rex-navi1 li {
       list-style-type: none;
       float: left;
       height: 40px;
       margin: 0;
       border-bottom: 1px solid #E6E9ED;
       width: 100%;
   }
   
   .rex-navi1 a {
       border-bottom: none;
       padding-top: 7px;
       padding-right: 10px;
        padding-left: 10px;
       height: 40px;
       margin: 0;
       float: left;
       width: 100%;
   }
   
   a.sprache {
       padding-top: 30px;
       padding-right: 10px;
       padding-left: 10px;
       height: 80px;
       display: block;
       width: 100%;
       border-left: none;
       margin-top: 0;
        margin-bottom: 0;
   }

   
   .float-left {
       margin-right: 20px;
       margin-bottom: 20px;
       display: flex;
       float: left;
   }
   
   #myBtn {
     border-radius: 50%;
     width: 50px;
     height: 50px;
     display: none;
	 visibility: hidden;
   }
   
   
   .float-right {
       margin-right: 20px;
       margin-bottom: 20px;
        margin-left: 0;
       display: flex;
       float: left;
   }
    
    .kpis li img {
		padding-bottom: 20px !important;
		margin-bottom: 0;
	}
    
    .kpis ul {
        width: 100%;
	}
    
    .kpis li {
        width: 46%;
        float: left;
        border-left: 0px solid #000;
        margin-bottom: 20px;
        margin-right: 5px;
        margin-left: 5px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
		height: 135px;
	}
    
    .kpis li:last-child {
        text-align: center;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
    }
	

    
    .usecases a {
        height: 60px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom-style: none;
    }
    
    .usecases a:hover {
        height: 60px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFEE00;
        border-bottom: 1px solid #000;
    }
    
    
    .usecases li {
        width: 46%;
        float: left;
        border-left: 0px solid #000;
        margin-bottom: 0;
        margin-right: 5px;
        margin-left: 5px;
        border-bottom: 1px solid #000;
        height: 60px;
    }

    .usecases li:last-child {
        text-align: center;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
    }
    
    .textcenter {
    }
    
    .downloadmit {
        margin-left: 0px;
        padding-left: 20px;
    }
    
    .text.col-md-9 {
        margin: 0;
        padding: 0;
    }
    
    .black .mein .text.col-md-9 {
        padding-left: 0;
    }
    
    .black .text {
        padding-right: 0;
    }
    
    .homeboxvert .desk {
        display: none;
    }
    
    .homeboxvert .mob {
        display: block;
    }
    

    

   .footer {
       display: block;
       margin-bottom: 0;
       padding-bottom: 40px;
        padding-right: 20px;
       padding-left: 20px;
   }
   
   .footer-navi {
       display: block;
   }

   .footer-navi ul {
       padding: 0;
       margin-top: 20px;
       margin-bottom: 20px;
   }
   
   .footer-navi li {
       height: 30px !important;
       padding: 0;
       border-left: 1px none #4a4a4a;
   }
   
   .footer-navi li a {
       font-family: 'interstate' !important;
       color: #FFF !important;
       padding-top: 3px;
        padding-left: 0;
       padding-right: 0;
       height: 30px;
   }
   
   .footer-navi li a:hover {
       font-family: 'interstate' !important;
       color: #ffee00 !important;
   }
   
   .footer-navi li a.rex-current {
       color: #ffee00 !important;
       border-bottom: 1px solid #FFF !important;
   }
   
  .footer .oben {
      padding-left: 0;
        padding-right: 0;
  }
   
   .footer .unten {
       margin-top: 20px;
       padding-left: 0;
   }
   
   .footer .footer-copyright {
       padding-left: 0;
       margin-left: 0;
       clear: left;
       width: 100%;
   }
   
   .footer-imprint {
       margin-right: 0;
       margin-top: 20px;
       float: left;
       margin-left: 0;
   }
   
   .video-text {
   	z-index: 10;
   	position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
   	text-align: center;
   }
   
   .video-text h1{
   	margin: 30% 30px 3%;
   	background-color: #000;
   	color: #fff;
   	display: inline-block;
   	position: relative;
   	padding: 5px 20px;
   	font-size: 25px !important;
   }
   
   .video-text p{
	display: none;
	visibility: hidden;
   }
   
   .cta {
   	visibility: hidden;
   }
   
   .cta a{
   visibility: hidden;
   }
   
   .video-text-mobile a {
   	color: #fff !important;
   }
   
  .video-text-mobile div.cta-mobile {
  	background-color: #ffee00;
  	display: inline-block;
  	position: relative;
  	margin: 3% auto 3% 35px;
  	padding-bottom: 5px;
  	color: #000 !important;
  	padding-top: 5px;
  }
  
  .cta-mobile a {
  	font: bold 18px interstate, sans-serif !important;
  	margin: 0;
  	padding: 0 20px;
  	border-bottom: 0px solid #FFEE00 !important;
  	background-color: transparent !important;
  	color: #000 !important;
  }
  
  .cta-mobile a:hover{
  	font: bold 18px interstate, sans-serif !important;
  	margin: 0;
  	padding-top: 0;
  	padding-right: 20px;
  	padding-left: 20px;
  	border-bottom: 0px solid #000 !important;
  	background-color: transparent !important;
  	color: #FFF !important;
  }
   
   .video-text a {
   	display: none;
   	visibility: hidden;
   }
   
   .video-text-mobile {
   	display: block;
   	visibility: visible;
   	text-align: left;
   	background-color: #000;
   }
   
   .video-text-mobile p{
   	background-color: #000;
   	font-family: interstate, sans-serif !important;
   	font-weight: bold !important;
   	color: #fff;
   	display: inline-block;
   	position: relative;
   	padding: 2px 0 4px;
   	margin-right: 30px;
   	margin-left: 33px;
   }
   
   .video-text-mobile .cta {
   	color: #000;
   	background-color: #feed02;
   	display: inline-block;
   	position: relative;
   	padding: 4px 20px;
   	margin-top: 3%;
	margin-bottom: 6%;
   	visibility: visible;
	margin-left: 35px;
   }
   
	.challenge .bildbox.float-left {
		width: 180px;
		margin-right: 60px;
	}

	.challenge .bildbox.float-right {
		width: 180px;
		margin-right: 0px;
		margin-left: 20px;
	}

	.challenge .bildbox.float-right img {
		width: 140px;
		height: 140px;
	}
	
	div#accordion3 .panel-body {
		padding: 15px 20px 15px 15px;
	}
	
	div#accordion3.panel-group.panel-group-lists {
		padding-left: 0px;
	}
	
	body div.container.contact-landingpage div.col-md-7 {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#snow .box {
			background: url(../../img/Reindeer-text.svg) center center no-repeat;
			background-color: rgba(0, 0, 0, 0.85);
			background-size: 90%;
			width: 90%;
			margin-top: 25%;
			margin-right: auto;
			margin-left: auto;
			display: block;
			height: 300px;
			border: 2px solid #fff;
			border-radius: 20px;
	}
	

  
}

@media (max-width: 540px) {
	 .challenge .bildbox.float-right {
		width: 180px;
		margin-right: 0px;
		margin-left: 0;
		float: left;
	 }
	.challenge .bildbox.float-right img {
		width: 120px;
		height: 120px;
	}
	
	/* NEWSSLIDER
		-------------------------------------------------- */
		
		
		.item .newsb img {
			display: none;
			visibility: hidden;
		}
		
		.item .newsb {
			display: none;
		}
		
		.shgblack {
			background-color: #000;
			height: 270px;
			color: #fff;
		}
		
		.shgyellow {
			background-color: #FFEE00;
			height: 270px;
			color: #000;
		}
		
		.carousel-inner .item p {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
		}
		
		.carousel-inner .item h1 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner .item h2 {
			padding-top: 20px;
			padding-left: 5%;
			padding-right: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner .item h3 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner .item h6 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner div.shgyellow.item p {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
		}
		
		.carousel-inner div.shgyellow.item h1 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner div.shgyellow.item h2 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner div.shgyellow.item h3 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-inner div.shgyellow.item h6 {
			padding-top: 20px;
			padding-right: 5%;
			padding-left: 5%;
			display: block;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.carousel-indicators {
			position: absolute;
			bottom: -4px;
			left: 50%;
			z-index: 15;
			width: 100%;
			padding-left: 0;
			margin-left: -50%;
			text-align: center;
			list-style: none;
			margin-bottom: -40px;
			background-color: #000;
		}
		
		.carousel-indicators li {
		    display: inline-block;
		    width: 20px;
		    height: 20px;
		    margin: 5px 10px;
		    text-indent: -999px;
		    cursor: pointer;
		    background-color: rgba(0, 0, 0, 0);
		    border: 1px solid #fff;
		    border-radius: 50%;
		
		}
		
		.carousel-indicators .active {
		    width: 20px;
		    height: 20px;
		    margin: 5px 10px;
		    background-color: #fff
		}

		
		.glyphicon.glyphicon-chevron-right {
			display: none;
		}
		
		.glyphicon.glyphicon-chevron-left {
			display: none;
		}	
		.carousel-control {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 20%;
			font-size: 20px;
			color: #fff;
			text-align: center;
			text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
			filter: alpha(opacity=50);
			opacity: .5;
		}
		
		#snow .box {
			background: url(../../img/Reindeer-text.svg) center center no-repeat;
			background-color: rgba(0, 0, 0, 0.85);
			background-size: 90%;
			width: 90%;
			margin-top: 25%;
			margin-right: auto;
			margin-left: auto;
			display: block;
			height: 240px;
			border: 2px solid #fff;
			border-radius: 20px;
		}

	
}