@charset "UTF-8";

/* asap-regular - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/asap-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Asap Regular'), local('Asap-Regular'),
       url('../fonts/asap-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v11-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-500 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/asap-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Asap Medium'), local('Asap-Medium'),
       url('../fonts/asap-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v11-latin-500.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-600 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/asap-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Asap SemiBold'), local('Asap-SemiBold'),
       url('../fonts/asap-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v11-latin-600.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-700 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/asap-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Asap Bold'), local('Asap-Bold'),
       url('../fonts/asap-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v11-latin-700.svg#Asap') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v13-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}
/* yanone-kaffeesatz-700 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/yanone-kaffeesatz-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v13-latin-700.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

body {
    font-family: "asap";
    font-family: "Yanone Kaffeesatz";
    font-size: 18px;
    color: #312a20;
	overflow-x: hidden;
}
.form-field input, textarea, select {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
select, option {
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-appaerance: none;
    -webkit-text-adjust: none;
}
::selection {
    background: #000;
    color: #fff;
}

::-moz-selection {
 background:#000;
 color:#fff;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    font-size: 18px;
    color: #E7E7E7;
    font-weight: 500;
    font-family: "Yanone Kaffeesatz";
	transition: 250ms;
}

a.normal-link{
	color:#484848;
	text-decoration:none!important;
	background:none!important;
	border:none!important;
	padding:0!important;
	margin:0!important;
	display:inline-block!important;
	font-size:14px!important;
}

a.normal-link:hover{
	color:#ff6500;
}

h1 {
    color: #ff6500;
    font-weight: 800;
    text-transform: none;
    font: 50px/50px "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
}
h2, h2 > a {
    color: #ff6500;
    font-weight: 800;
    text-transform: none;
    font: 50px/50px "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
}

h2 > a{
	text-decoration:underline;
}

h2 > a:hover{
	color:#1c1c1c;
}
h3, .h3 {
    font-size: 28px;
	color: #312a20;
	font-weight: 500;
	font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
	line-height: 34px;
}
p {
    font-weight: 400;
	font-family: "Asap";
	font-size: 16px;
	line-height: 24px;
	color: #666;

}
ul {
    list-style: none;
}
ol {
    list-style: outside decimal;
    margin: 0 0 20px 20px;
}
hr {
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #fff;
    clear: both;
    width: 50px;
    margin: 20px auto;
}
fieldset {
    border: 1px solid #ccc;
    padding: 10px;
}
.form-field input {
    border: 0;
}
textarea {
    border: 0;
}
img {
    display: block;
}

.w10{width:9%!important;}.w15{width:14%!important;}.w20{width:19%!important;}.w25{width:24%!important;}.w30{width:29%!important;}.w33{width:32%!important;}.w35{width:34%!important;}.w40{width:39%!important;}.w45{width:44%!important;}.w50{width:49%!important;}.w55{width:54%!important;}.w60{width:59%!important;}.w65{width:64%!important;}.w70{width:69%!important;}.w75{width:74%!important;}.w80{width:79%!important;}.w85{width:84%!important;}.w90{width:89%!important;}.w95{width:94%!important;}.w100{width:100%!important;}

.centered {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.spacebetween {
    justify-content: space-between;
}
.button {
    background: #ff6500;
    padding: 15px 20px;
    transition: 250ms;
    position: relative;
    display: inline-block;
	color: #fff;
}

.posrel{
	position: relative;
}

.primary {color:#ff6500;}
.button {

}
.button:hover {
    background: #312a20;
	color: #fff;
}

.button:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
}

#navi li.selected{
	position: relative;
}

#navi li.selected a{
    color: #ff6500;
	
}

/*
#navi li.selected a:before{
    background: #fac;
	position: absolute;
	bottom: 0;
	left: 0;
}
*/

.flx-spc{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}
.flx-vstrt{
	align-items: flex-start;
}

.w65{
	width: 65%;
}

.fz16{
	font-size: 16px;
}

.fz16{
	font-size: 18px;
}

a:hover{
	color: #ff6600;
}

.w65{
	width:64%;
}

.w31{
	width:31%;
}

.w30{
	width:34%;
}

.area{
	padding:80px 0;
}

.area ul{
	display:block;
	margin:0 0 20px;
}

.area ul li{
	display:block;
	margin:0 0 10px;
	position:relative;
	padding-left:30px;
	font-family: asap;
	color: #666;
	font-size: 16px;
	line-height: 22px;
}

.area ul li:before{
	content:"•";
	display:block;
	position:absolute;
	left:0;
	top:0;
	color:#ff6806;
	font-size:30px;
	line-height:20px;
}

.area p{
	margin:0 0 20px;
}

.flex-space{
	display:flex;
	justify-content:space-between;
}

.flex-horz{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-end;
}


.blockimg{
	display:inline-block;
	max-width:100%;
	height:auto;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	position:sticky;
	top:150px;
}

.sticky{
	position:sticky;
	top:150px;
}

.mb40{
	margin-bottom:40px;
}

.mb20{
	margin-bottom:20px;
}

.mb80{
	margin-bottom:80px;
}

.area.grey{
	background:#f4f4f4;
}

.w25{
	width:24%;
}

.w20{
	width:19%;
}

main{
	padding-top: 193px;
}



/*topnavi*/

#scroll{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6;
	background: rgba(255,255,255,0.95);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	box-sizing: border-box;
}

.w70img{
	width:70%!important;
}

.gone{
	margin-top: -52px;
}




.topnavi {
    background: #08408a;
	transition: 250ms;
}

.topnavi ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topnavi li, a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    font-family: "Asap";
    text-decoration: none;
    padding: 10px 5px;
}
.topnavi ul li span:nth-of-type(2) {
    padding: 0 20px;
    font-size: 18px;
    opacity: 0.8;
}
.topnavi li a span.camort {
		font-size: 14px !important;
		padding: 0;
	 	opacity: 1;
	}

.topnavi ul li span a {
    padding-left: 0;
}
.topnavi ul li span i {
    color: #fff;
    padding: 0 5px 0 0;
}

.tac{
	text-align:center;
}

.tar{
	text-align:right;
}

.margina{
	margin-left:auto;
	margin-right:auto;
}

.w100{width:100%!important}

.mt-20{margin-top:20px!important;}
.mb-20{margin-bottom:20px!important;}

/*topnavi-ENDE*/



/* SUBNAVI */

.subnav {
	position: relative;
	background: #f2f2f2;
	text-align: right;
}

.subnav ul li a {
	padding: 20px;
	color: #ff6500;
	display: inline-block;
	color: #4e4539;
	font: 22px/40px "Yanone Kaffeesatz", "Asap";
	font-weight: 700;
}

.subnav ul li a:hover {
	color: #ff6500;
}


/*navi*/


.navilogo {
    padding: 0;
}
.navilogo img {
    width: 100%;
	transition: 250ms;
}

.footerlogo{
	padding: 0;
	margin: 0;
	display: inline-block;
}

.footerlogo img {
	transition: 250ms;
}

#navi {
    z-index: 3;
}
#navi p {
    margin: 0;
}
#navi ul {
    margin: 0;
}
#navi li a {
    color: #4e4539;
    font: 22px/40px "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
    transition: 250ms;
}
#navi > li > ul {
    margin: 0 0 0 20px;
    min-width: 250px;
    background: rgba(49, 42, 32,0.9);
    padding: 10px;
    position: absolute;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
    display: none;
    transition: 250ms;
}

#navi li ul li a {
    display: block;
    padding: 10px 25px 10px 10px;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
    transition: 250ms;
    text-transform: none;
    font-size: 14px;
}
#navi > li > ul li a::before {
    display: inline-block;
    top: 0;
    left: 5px;
    bottom: 0;
    width: 0px;
    height: 0px;
    content: '';
    margin: 0 5px;
    transition: 250ms;
    border-radius: 5px;
}
#navi > li > a {
    transition: 250ms;
}
#navi li a:hover {
    color: #ff6500;
    transition: 250ms;
}
#navi > li:hover > ul {
    display: block;
    transition: 250ms;
}
#navi > li > ul li a:hover::before {
    width: 5px;
    height: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ff6500;
}
/*navi-Ende*/












/*MOBILNAVI*/

	#burgerlayer{
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: rgba(49,42,32,0.9);
		opacity: 0;
		z-index: 6;
		display: block;
		transition: all 250ms ease;
		pointer-events:none;
	}
	
	#burgerlayer.active{
		opacity: 1;
		pointer-events:inherit;
	}

	#navi{
		top: 65px;
	}
	

/*MOBILNAVI-Ende*/


.bildboxen{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: row;
}

.singlebox{
	width: 32%;
	overflow: hidden;
	margin-bottom: 40px;
}


.singlebox img{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.womobilder h3, .womobilder h2, .womobilder .centered > p{
	text-align: center;
}

.womobilder h2, .womobilder .centered > p{
	margin-bottom: 40px;
}

.womobilder{
	padding: 80px 0;
	background-color: #f9f9f9;
}


/*NEWS-MODUL*/

.news-aktionen {
    background: #ff6500;
    cursor: pointer;
}

.news-aktionen .headline {
    padding: 40px 0;
    position: relative;
    font-size: 58px;
    font-weight: 900;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

/*
.news-aktionen .headline::after {
    position: absolute;
    right: -220px;
    font-size: 40px;
    color: #fff;
    transition: 300ms;
    width: 100%;
    height: 100%;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f1ea";
}
*/

.news-aktionen .headline {
    font-size: 58px;
    font-weight: 900;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.news-aktionen .details {
    background: #fff;
    border-bottom: 10px solid #595146;
    display: none;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
}


.newsab{
	display: flex;
	flex-direction: row;
}

.newsab img{
	width: 100%;
	height: auto;
	margin: 5px 0.2%;
}

.news-aktionen i{
	margin-left: 20px;
}

/*NEWS-MODUL-ENDE*/















/*Burger*/
.burger{
	display: none;
	transition: 250ms;
}

.menu-wrapper {
    cursor: pointer;
    z-index: 2;
    background: #312a20;
    padding: 25px 10px;
    position: relative;
	border-radius: 10%;
}

.menu-wrapper:hover{
	background: #ff6500;
}


.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  width: 35px;
  height: 3px;
}

.hamburger-menu {
  position: relative;
  background: #fff;
  transition: all 0ms 300ms;
}

.hamburger-menu.animate {
  background: rgba(255, 255, 255, 0);
}

.hamburger-menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: #fff;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: #fff;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}


/*Burger-Ende*/





/*THEME*/

.theme{
	display:block;
	position:relative;
	background:#000;
	min-height: 200px;
	overflow:hidden;
}

.theme img{
	display:block;
	width:100%;
	height:auto;
	opacity:.5;
}

.theme .centered{
	position:absolute;
	left:0;
	top:0;
	right:0;
	margin:auto;
	height:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.theme strong{
	display:block;
	color:#fff;
	font-size:28px;
	line-height:38px;
}

.theme ul{
	display:flex;
	padding:0;
	margin:0;
	list-style:none;
	align-items:center;
}

.theme ul li{
	display:block;
}

.theme h1{
	color: #fff;
}

.theme ul li a{
	display:block;
	padding:5px 15px;
	color:#fff;
	text-decoration:none;
	font-weight:300;
	font-size:16px;
	line-height:24px;
	position:relative;
}

.theme ul li:last-of-type a{
	color:#ff7419;
}

.theme ul li:not(:last-of-type) a:after{
	content:"-";
	display:block;
	position:absolute;
	top:6px;
	right:-2px;
}


/*THEME-Ende*/








/*TABS*/

.tabs{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}

.tabs .tab{
	display:none;
	order:2;
	width:100%;
	margin:0 0 20px;
}

.tabs .tab.active, .tabs .tab.initactive{
	display:block;
}

.tabnavi{
	display:flex!important;
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	justify-content:flex-start;
	flex-wrap:wrap;
	order:1;
}

.tabnavi li{
	display:inline-block;
	padding-left:0!important;
	margin:0 10px 0 0!important;
}

.tabnavi li:before{
	display:none!important;
}

.tabnavi li.active a{
	background:#2f2a24;
}

.tabnavi li a{
	display:block;
	padding:20px;
	text-align:center;
	color:#ffff;
	text-decoration:none;
	background:#fb6703;
}


/*TABS-Ende*/











/*Slider*/

.slider {
    margin-top: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
}
.slider .slide {
    display: block;
    position: relative;
    overflow: hidden;
}
.slider .slide img.bgimg {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}
.slider .slideinhalt {
    position: absolute;
    left: -80%;
    bottom: 80px;
    display: block;
    z-index: 1;
    transition: 600ms;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    min-width: 350px;
}
.slider .slideinhalt h2 {
    color: #312a20;
    text-transform: none;
}
.slider .slideinhalt p {
    margin-bottom: 20px;
}
.slider .slideinhalt a {
    font-size: 16px;
    display: inline-block;
}
.slide {
    display: flex;
    justify-content: center;
    align-content: center;
}
.slider button {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 5;
    cursor: pointer;
    border-radius: 100%;
    background: rgba(255,255,255,.5);
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
}
.slider button:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    margin: -2px 0 0;
}
.slider button.slick-prev {
    left: 40px;
}
.slider button.slick-next {
    right: 40px;
}
.slider button.slick-prev:after {
    content: "‹";
}
.slider button.slick-next:after {
    content: "›";
}
.slider .slick-active .slideinhalt {
    left: 14%;
}
.slider button {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 5;
    cursor: pointer;
    border-radius: 100%;
    background: rgba(255,255,255,.5);
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
}
.slider button:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    margin: -2px 0 0;
}


.mobile-slide{
	display:none;
	position:relative;
}

.mobile-slide img{
	display:block;
	width:100%;
	height:auto;
}

.mobile-slide .slideinhaltmob{
	display:block;
	position:absolute;
	left:0;
	bottom:40px;
	right:0;
	width:95%;
	margin:0 auto;
	padding:20px;
	text-align:center;
	background:rgba(255,255,255,.85);
}

/*Slider-Ende*/










#mvc-popup-overlay{z-index:900;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:8000;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center;}#mvc-popup-overlay.active{display:-webkit-flex;display:flex;}.mvc-popup-wrapper{overflow-y:auto;align-items:center;justify-content:center;max-height:85vh;width:auto;max-width:100%;box-sizing:border-box;padding:20px;position:relative;background:#fff;text-align:center;width:900px;padding:30px;box-sizing:border-box;}#mvc-popup-close{display:block;font-size:30px;line-height:30px;font-weight:light;opacity:.3;position:absolute;top:0px;right:2px;text-decoration:none;color:#484848;}#mvc-popup-close:hover{opacity:.7;}.mvc-popup-wrapper iframe{display:block;width:95%;}.mvc-popup-wrapper img{max-width:100%;height:auto;width:auto;max-height:80vh;display:inline-block;}.mvc-popup-desktop{display:none;}@media only screen and (min-width:720px){.mvc-popup-mobile{display:none;} .mvc-popup-desktop{display:block;}} 






/*INTRO*/

.introheader {
    text-align: center;
    padding: 80px 0 30px 0;
    position: relative;
}
.introheader h2 {
    line-height: 45px;
}
.diamond {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #312a20;
    position: relative;
    top: -10px;
    margin: 0 auto;
    opacity: 0.2;
}
.diamond:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #312a20;
}
.diamond span:before {
    content: '';
    position: absolute;
    border-bottom: 3px solid #312a20;
    width: 30px;
    height: 0;
    left: 20px;
}
.diamond span:after {
    content: '';
    position: absolute;
    border-bottom: 3px solid #312a20;
    width: 30px;
    height: 0;
    left: -50px;
}
.col {
    column-count: 2;
    column-gap: 40px;
    column-rule-style: none;
    column-rule-width: 1px;
    column-rule-color: silver;
    padding-bottom: 80px;
}
.col p {
    text-align: justify;
    hyphens: auto;
}
.mb-diamond {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 20px 0;
}
.mb-diamond span {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    background: rgba(0,0,0,.2);
    transform: rotate(-45deg);
}
.mb-diamond span:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    width: 23px;
    height: 23px;
    border: 2px solid rgba(0,0,0,.2);
    background: transparent;
}
.mb-diamond:before, .mb-diamond:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 2px;
    background: rgba(0,0,0,.2);
}
.mb-diamond:before {
    left: -100px;
}
.mb-diamond:after {
    right: -100px;
}
/*INTRO-Ende*/



/*PARALLAX-*/

.mitparallax {
    max-height: 600px;
}
.mitparallax img {
    min-height: 100%;
    width: auto;
    min-width: 100%;
    height: auto;
    max-width: none;
}
.backpara {
    position: absolute;
    left: 0;
    bottom: -400px;
    right: 0;
    margin: auto;
    z-index: 0;
    width: 790px;
    max-width: 100%;
}
/*PARALLAX-Ende*/














/*DREIBOXEN*/

.dreiboxen {
    display: flex;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0 0 530px;
}
.dreiboxen > div {
    flex-wrap: wrap;
}
.dreiboxen > img {
    display: block;
    width: 100%;
    height: auto;
}
.parabox {
    width: 29%;
    position: relative;
    justify-content: center;
    align-content: center;
    outline: 5px solid white;
    outline-offset: -20px;
    background: #312a20;
	transition: 250ms;
}
.parabox > img {
    opacity: 0.6;
		transition: 250ms;
		display:block;
		width:100%;
		height:auto;
}
.dreiboxen .paraimg {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0.2;
}
.paraboxinhalt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    outline: 5px solid white;
    outline-offset: -20px;
}
.paraboxinhalt h2 {
    color: #fff;
    text-align: center;
    text-transform: none;
	padding: 0 10px;
	font-size: 36px;
	max-width:100%
}
.paraboxinhalt i {
    color: #fff;
    text-align: center;
    text-transform: none;
}
.paraboxinhalt i {
    font-size: 50px;
    padding-bottom: 20px;
}

.paraboxinhalt p{
	display: none;
}

.paraboxinhalt a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.parabox:hover > img{
	opacity: 0.1;
	transition: 250ms;
}

/*DREIBOXEN-Ende*/



.bewertung{
	background-color: #E6E6E6;
	padding:50px 0;
}

.bewertung .blist ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
}

.bewertung .blist li:nth-of-type(2){
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
}


.bewertung .blist ul img{
	max-width:100%;
	height:auto;
}


/*todo-Boxen*/

.dobox{
	padding:30px;
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0,.1);
	margin:0 0 20px;
}

.dobox p{
	font-size:16px;
	line-height:24px;
}

.dobox p:last-of-type{
	margin:0;
}

.dobox .fas{
	font-size:30px;
	color:#ff6500;
	margin-right: 10px;
}

.dobox > strong{
	display:block;
	margin:0 0 10px;
	font-size: 22px;
	color: #312a20;
}

.boxrow{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

/*todo-Boxen-Ende*/














/*PARALLAX-*/



.parallax {
    position: relative;
    display: flex;
    overflow: hidden;
    background: #000;
    padding: 0 0 29%;
	min-height: 250px;
}
.parallax > img {
    display: block;
    width: 100%;
    height: auto;
}
.parallax .paraimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: .5;
}
.parallaxinhaltsingle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.parallaxinhalt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.parallaxinhaltsingle a {
    font-family: Yanone Kaffeesatz;
}
.parallaxinhaltsingle h2 {
    color: #fff;
    line-height: 45px;
	text-align: center;
	margin-bottom: 5px;
}
.parallaxinhaltsingle h3 {
    color: #fff;
}
/*PARALLAX-ENDE*/










/*EIGHTBOXES*/

.achtboxen {
    background: #fff;
    padding-bottom: 80px;
}
.achtboxen .flex {
    align-items: stretch;
}
.achtboxen > div {
    flex-wrap: wrap;
}
.eightboxes {
	 width: 23%;
	background: #fff;
	padding: 30px 20px;
	align-items: center;
	text-align: center;
	margin: 1.5% 0px;
	box-shadow: 0 0 7px rgba(0,0,0,.2);
	display: flex;
	flex-wrap:wrap;
}

.eightboxes h2{
	width:100%;
	text-align:center;
}
/*EIGHTBOXES-Ende*/













/*PARTNERUNTERNEHMEN*/

.pop-x {
    display: inline-block;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    border-radius: 80px;
    background: #fff;
    justify-content: center;
    color: #c44;
    transition: 250ms;
    z-index: 3;
	padding: 10px;
}

.pop-x:hover {
    color: #666;
    background: #f5f5f5;
}


.flex-start {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.flex-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mb100 {
    margin-bottom: 100px;
}


#fix-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(100, 100, 100, 0.5);
    z-index: 250;
    pointer-events: none;
    opacity: 0;
    transition: 500ms
}

#fix-overlay.active {
    opacity: 1;
    pointer-events: auto
}


.wauto{
	width: auto;
}

.areapartner{
	padding: 0 0 40px 0;
}

.speakers p {
    margin: 40px auto;
}

.speakers>p>a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
    margin: 10px;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    text-transform: uppercase;
    background: #fff;
	text-decoration: none;
	padding: 5px;
	box-shadow: 8px 15px 20px -5px rgba(0, 0, 0, 0.3), 0 55px 50px -35px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.25s, transform 0.25s;
	cursor: pointer;
}

.speakers > p > a:hover{
	box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.3);
	transform: translateY(-1px);
}


.start-speakers p a {
    display: block;
    margin: 0;
    font-size: 25px;
    width: 100%
}

.start-speakers.cycle-slideshow {
    width: 100%
}

.start-speakers.cycle-slideshow p {
    width: 25%
}

.start-speakers.cycle-slideshow p a {
    width: 25%
}

.speakers p a img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 250ms
}


.start-speakers p a img {
    margin: -10% 0
}

.speakers p a span {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-transform: none;
    background: #ff6500;
	color: #fff;
    position: relative;
    z-index: 3
}


.speakers p a span strong {
    transition: 250ms
}


.speakers-info {
    position: fixed;
    padding: 40px;
    background: #fff;
    z-index: 251;
    top: 20vh;
    top: -100vh;
    max-height: 70vh;
    max-width: 900px;
    overflow: auto;
    left: 0;
    right: 0;
    margin: auto;
    transition: 500ms;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: first baseline;
}

.speakers-info.active {
    top: 20vh
}

.speakers-info>p {
	margin: 0;
}

.speakers-info p img {
    display: block;
	width: 90%;
	height: auto;
	padding-bottom: 20px;
	margin: 0 auto;
}

.speaker-pro p {
    margin: 0
}

.speaker-pro p a {
    display: block;
    margin: 0;
    font-size: 25px;
    width: 100%
}

.speaker-pro a {
    background: #000
}

.speaker-pro a img {
    background: #333;
    display: block;
    width: 100%;
    height: auto;
    transition: 250ms
}

.speaker-pro p a:hover img {
    opacity: 0.5
}












/*KONTAKT*/

.kontakt {
    padding: 80px 0;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
}
.kontakt > div {
    /*width: 45%;*/
    width: 100%;
	padding-top: 80px;
	text-align:center;
}

.kontakt .head-big {
	font-size: 40px;
	line-height: 47px;
	text-align:center;
}

.kontaktform h2 {
    text-transform: none;
    color: #312a20;
}
.kontaktform p {
    line-height: 29px;
	
}
.kontaktstrich:before {
    content: '';
    height: 2px;
    width: 40px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -1px;
    background: #312a20;
}
.kontaktform .form-field input {
    border-bottom: 1px solid;
    padding: 10px;
    font-size: 16px;
    font-family: "Asap";
    margin: 5px 0;
    width: 290px;
}
.kontaktform .form-field textarea {
    border-bottom: 1px solid;
    padding: 10px;
    font-size: 16px;
    font-family: "Asap";
    min-height: 100px;
    max-height: 250px;
    min-width: 290px;
    max-width: 290px;
    margin-bottom: 30px;
}

.kontaktmap iframe{
	width: 100%;
}

/*KONTAKT-ENDE*/

















/*FOOTER*/


footer{
	background: #f3f3f3;
	position:relative;
	margin-top:60px;
}

footer h3{
	font-size: 28px;
}

.footer{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.footer > div{
	width: 20%;
	padding: 120px 0 80px;
}

.footer > div:first-of-type{
	width: 70%;
}

.footer > div:last-of-type{
	width: 30%;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}

.footer > div ul{
	line-height: 32px;
}

.footer > div:nth-of-type(2) ul li:before{
	content: '';
    height: 2px;
    width: 10px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -1px;
    background: #312a20;
}

.footerinhalt{
	margin: 30px 0;
}

.footerinhalt ul li a{
	color: #312a20;
	font-size: 18px;
}

.footerinhalt ul li a:hover{
	color: #ff6500;
}

.footerinhalt span{
	font-size: 16px;
	color: #82807c;
}

.footer i{
	color: #ff6500;
}

.footer a{
	color: #312a20;
	font-family: "Asap";
	font-size: 16px;
}

.footerinhalt img {
    width: 100px;
	height: auto;
}

.footer > div:last-of-type > div{
	position: relative;
}

.footer > div:last-of-type a {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.bottom{
		margin-top: 0 !important;
	}
	
	.bottom ul{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		padding: 5px;	
	}

/*FOOTER-ENDE*/



label a{
	padding:0;
	display:inline;
	color:#312a20;
	text-decoration:underline;
}

label a:hover{
	text-decoration:none;
}

input[type="checkbox"]{
	margin-right:10px;
}

.form-check{
	margin:0 0 20px;
}

.invisibleanchor{
	display:block;
	height:1px;
	width:1px;
	opacity:0;
	pointer-events:none;
	position:relative;
	top:-50px;
}




/*WIDGET UND STOERER-*/


#icons {
	margin:0;
	position:fixed;
	top:200px;
	right:-290px;
	margin:0;
	list-style:none;
	z-index:8;
}

#icons li {
	display:block;
}

#icons li a {
	height:60px;
	border:5px solid #f3f3f3;
	border-right:0;
	text-decoration:none;
	text-indent: 0;
	white-space: nowrap;
	width: 350px;
	display: flex;
	align-content: center;
	align-items: center;
	padding-left: 60px;
	box-sizing: border-box;
	position: relative;
	transition:transform 250ms;
	background:url(../images/reservieren-womo-icon.png) no-repeat #fff;
	background-size:contain;
	color: #312a20;
}

#icons li a:hover {
	transform:translateX(-290px);
}



.steorer{
	position: absolute;
padding: 5px;
background: #fff;
z-index: 7;
color: #fff;
transform: rotate(0deg);
margin: -10px 10px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
border-radius: 15px;
right: 8%;
top: 125px;	
}

.steorer.stoerer2{
	top:195px;
}

.steorer.stoerer2 a{
	display:block;
	padding:0;
}

.steorer.stoerer2 img{
	display:block;
	width:200px;
	height:auto;
	border-radius:7px;
}

.hide-xl{
	display:none!important;
}

.tabnavi li.active a {;
    background: #fb6703;
}

.tabnavi li a {
    background: #2f2a24;
}

input:not([type="radio"]):not([type="checkbox"]), textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}


.platzstorer{
	display: flex;
	position: absolute;
	background: #fff;
	justify-content: center;
	align-items: center;
	padding: 10px 10px;
	right: -15%;
	flex-direction: column;
	max-width: 260px;
	width: 100%;
	text-align: center;
	top: 115px;
	transform: rotate(7deg);
	box-shadow: 0 0 7px rgba(0,0,0,.2);
	border-radius: 15px;
}

.platzstorer img{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100px;
}

.widgets{
	display: none;
}

.widgets img{
	width: 100%;
	height: auto;
	max-width: 60px;
}








/*WIDGET UND STOERER-ENDE*/


/*VIDEO TAB SEITE GALERIE*/

.gallerie {
	position: relative;
	padding-bottom: 20%;
	height: 0;
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*VIDEO TAB SEITE GALERIE-ENDE*/


.newsletterbanner{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	width:480px;
	max-width:100%;
	position:absolute;
	left:0;
	top:-80px;
	right:0;
	margin:auto;
	color:#fff;
	font-size:20px;
	line-height:1.5;
	box-sizing:border-box;
	padding:20px;
	background:#ff6500;
	border-radius:8px;
}

.newsletterbanner p{
	color:#fff;
	margin:0;
	font-size:18px;
	line-height:1.5;
}

.newsletterbanner .fa{
	font-size:60px;
	margin:0 20px 0 0 ;
}

.newsletterbanner p.w100{
	margin-top:20px;
}

.newsletterbanner .btn{
	background:#fff;
	border:1px solid #fff;
	color:#ff6500;
}

.newsletterbanner .btn:hover{
	background:#ff6500;
	color:#fff;
}


.aktionwrapper .centered{
	display:flex;
	align-iems:flex-start;
	justify-content:space-around;
	flex-wrap:wrap;
}

.aktion-link.w50{margin:0 .5% 20px;display:block;text-decoration:none;}

.aktion-link img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.aktion-link{
	box-sizing:border-box;
	padding:20px;
	border-radius:5px;
	background:#f4f4f4;
	cursor: pointer;
	position:relative;
}

.aktion-link:before{
	content:"+";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100px;
	height:100px;
	border:2px solid #ccc;
	font-size:60px;
	line-height:88px;
	text-align:center;
	color:#ff6500;
	background:#fff;
	border-radius:100%;
	margin:auto;
	transition:300ms;
	pointer-events:none;
}

.aktion-link:hover:before{
	opacity:0;
}


img.block, .newsbox .text img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto 20px;
}

.newsbox .text p{
	margin:0 0 20px;
}

main .centered p a:not([class]) {
	color: #ff6600;
}

main .centered p a:hover {
	color: #ffa600;
}

.pt0{padding-top:0!important}

.cstm-ul {
	list-style: square;
	padding-left: 14px;
}

.cstm-ul li {
	margin: 3px 0;
	font-weight: 400;
    font-family: "Asap";
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.cstm-btn {
	padding: .75em 1.5em;
	background: #ff6600;
	border-radius: .5em;
	border: 2px solid #ff6600;
}

.cstm-btn:hover {
	background: #ff660055;
	color: #000!important;
}

.bg-lightergrey{background:#f2f2f2;}
.p40{padding:40px;}
.mb0{margin-botom:0;}
.mb40{margin-bottom: 40px;}

.nl-btn {
	padding: .5rem 1.25rem;
	margin-inline: auto;
	width: max-content;
	display: block;
	background-color: #ff6600;
	border: 2px solid #ff6600;
	border-radius: .25rem;
	color: #fff;
	transition: all .5s;
}

.nl-btn:hover {
	background-color: transparent;
	color: #ff6600!important;
}

.stripe {
	background: #ff6500;
	padding: 50px 0;
}

.stripe h2 {
	color: #fff;
}

.stripe .button {
	border: 1px solid #fff;
	font-size: 18px;
}

/*RESPONSIVE*/

@media only screen and (max-width:1600px){
	.platzstorer {
		display: none;
/*
		left: 4%;
		top: 140px;
		transform: rotate(-4deg);
*/

	}
	
	
.widgets {
    position: fixed;
    right: -320px;
    top: 450px;
    z-index: 900;
    transition: 300ms;
	display: block;
}

.widgets a {
    position: relative;
    padding: 10px 10px 10px 10px;
    background: #ff6500;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 18px;
    width: 400px;
    box-sizing: border-box;
    transition: 300ms;
    right: 0;
    margin: 0 0 5px;
	cursor: default;
}

.widgets a:hover {
    right: 290px;
}
	
	.widgets span{
		padding-left: 15px;
	}
}

@media only screen and (max-width:1200px){
	
/*
	.platzstorer img {
		max-width: 70px;
	}
	
	.platzstorer {
		right: 4% !important;
		top: 100px !important;
		transform: rotate(8deg) !important;
		left: auto !important;
	}
*/
	
	body{
		font-size: 16px;
	}
	
	main{
		padding-top: 149px;
	}
	
	p{
		font-size: 16px;
		line-height: 26px;
	}
	
	h1 {
    font-size: 34px;
    color: #ff6500;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 45px;
    /*font-family: "Yanone Kaffeesatz";*/
	}
	h2, h2 > a {
		font-size: 34px;
		color: #ff6500;
		font-weight: 800;
		text-transform: uppercase;
		/*font-family: "Yanone Kaffeesatz";*/
	}
	h3 {
		font-size: 26px;
		color: #312a20;
		font-weight: 500;
		/*font-family: "Yanone Kaffeesatz";*/
	}
	
	.theme img {
		width: auto;
		height: 200px;
		min-width: 1200px;
	}
	
	.footerinhalt ul li a{
		font-size: 16px;
	}
	
	.navilogo img {
    width: 80%;
    transition: 250ms;
	}
	
	#navi {
    width: 70%;
	}
	
	.footerlogo img {
    width: 80%;
		transition: 250ms;
	}
	
	footer h3 {
    font-size: 24px;
	}
	
	main{padding-top:140px;}
	
	#navi li a{
		font-size:18px;
	}
}

@media only screen and (max-width:1100px){
	.footer > div:first-of-type {
    width: 58%;
	}
		
	.footer > div {
    width: 22%;
	}
}

@media only screen and (max-width:1000px){
	
/*
	.platzstorer {
		position: relative;
		background: #fff;
		justify-content: center;
		align-items: center;
		padding: 10px 10px;
		flex-direction: row;
		max-width: 330px;
		width: 100%;
		text-align: center;
		transform: rotate(0deg) !important;
		box-shadow: 0 0 7px rgba(0,0,0,.2);
		border-radius: 15px;
		left: auto !important;
		right: -10% !important;
		top: auto!important;
	}
	
	.platzstorer p{
		font-size: 14px !important;
	}
	
	.platzstorer img {
		max-width: 50px;
	}
*/
	
	header > div:nth-of-type(2) ul{
		display: none;
	}
	
	main{
		padding-top: 160px;
	}
	
	.burger{
		display: block;
	}
	
	#navi {
		display: block;
		position: fixed;
		top: 162px;
		width: 400px;
		left: -100%;
		transition: all 250ms;
		height: 100%;
		z-index: 6;
		background: #312a20;
	}
	
	#navi.active {
		left:0;
	}
	
	.scrolledheader #navi.active{
		top: 95px !important;
		transition: 0ms;
	}
	
	#navi > li {
		display: block;
		list-style: none;
		text-decoration: none;
		transition: 250ms;
		width: 100%;
		text-align: inherit;
		background: none;
		margin: 0;
		height: auto;
	}
	
	#navi > li > a {
		padding: 10px;
		display: block;
		position:relative;
		color: #fff;
		font-size:22px;
	}
	
	
	#navi > li > a:after {
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		content:'';
		top:0;
		left:30px;
	}
	
	#navi > li > ul {
		width: 300px;
		background: rgba(55, 54, 54, 1);
		padding: 10px;
		padding-left: 10px;
		display: none;
		transition: 250ms;
		height: 100%;
		top: 0;
		left: 0%;
		position: relative;
		margin: 0;
		flex-direction: column;

	}
	
	#navi > li:hover > ul {
		transition: 250ms;
		left: 100%;
		padding: 30px;
		display: block;
		position: absolute;
		top: 0;
		overflow-y:auto;
	}
	
	#navi > li a i {
		display: inline-block;
		padding-left: 15px;
		opacity: 0.6;
	}
	
	#navi > li a:hover i{
		opacity: 1;
	}
	
	.dobox {
		margin: 2% 10px;
		width: 47%;
	}
	
	.dreiboxen {
		background: #f3f3f3;
		padding: 80px 0;
		overflow: visible;
	}
	
	.dreiboxen .paraimg{
		display: none;
	}
	
	.parabox > img {
	    display: none;
}
	.parabox {
		width: 31%;
		position: relative;
		justify-content: center;
		display: flex;
		align-content: center;
		outline: none;
	}
	
	.paraboxinhalt{
		outline:none;
		background: rgb(255, 255, 255,1);
		box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
		padding: 30px;
		position: relative;
	}
	
	.parallaxinhalt{
		position: relative;
	}
	
	.parallaxinhalt > div{
		align-items: normal;
	}
	
	.paraboxinhalt:hover{
		box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	}
	
	.paraboxinhalt i{
		color: #312a20;	
				opacity: 0.8;
	}
	
	.paraboxinhalt h2{
		color: #312a20;
		font-weight: 400;
		line-height: 33px;
		margin-bottom: 10px;

	}
	
	.paraboxinhalt p{
		text-align: center;
		display: block;
	}
	
	.eightboxes{
		width: 30%;
	}
	
	.flex-horz{
		display: none;
	}
	
	.m-w100{width:100% !important;}
	
	.unterseiteintro > div{
		width: 100%;
	}
	
	.footer {
		flex-wrap: wrap;
	}
	
	.footer > div{
		width: 30%;
	}
	
	.footer > div:first-of-type {
		width: 100%;
	}
	
	.footer > div:last-of-type{
		padding: 30px 0 80px 0;
	}
	
	.footer > div:last-of-type {
		width: 100%;	
		display: none;
	}
	
	.footer > div:last-of-type div{
		position: relative;
	}
	
	.footer > div:last-of-type .spacebetween{
		justify-content: flex-start;
	}
	
	.footer > div:last-of-type ul{
		margin-left: 20px;
	}
	
	.show-xs{
		display:block!important;
	}
	
	.hide-xs{
		display:none!important;
	}
	
	.steorer{
		right:0;
		transform:rotate(10deg);
		display:none;
	}
	
	.stripe .centered {
		text-align: center;
		justify-content: center;
	}
	
	.stripe h2{
		width: 100%;
		margin-bottom: 20px;
	}
	
	
}

@media only screen and (max-width:950px){
	
	
	.col{
		column-count: 1;
	}
	
	.col p {
		text-align: inherit;
		hyphens: auto;
	}
	
	.parallaxinhalt > div{
		flex-wrap: wrap;
	}
	
	.parabox {
		width: 100%;
		background: none;
		margin: 10px 0;
	}
	
	
		.parallaxinhaltsingle h2 {
		text-align: center;
		padding: 0 20px;
		font-size: 30px;
	}
	
	.speakers>p>a {
        font-size: 16px;
        line-height: 22px
    }
	
	.singlebox{
		width: 49%;
	}
}

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

	
	
	
	
	.eightboxes {
		width: 47%;
	}
	
	.kontakt{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	
	.kontakt > div {
		width: 100%;
	}
	
	.kontaktform .form-field input {
		width: 100%;
	}
	
	.kontaktform .form-field textarea {
		height: 120px;
		max-height: 350px;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
	}
	
	.kontaktform .button{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		margin: 30px auto;
	}
	
	.footer > div:first-of-type {
		width: 100%;
		padding: 80px 0 30px 0;
	}
	
	.footer > div {
		width: 50%;
		padding: 30px 0 80px 0;
	}
	
	.footer > div:last-of-type {
		width: 100%;
	}
	
	.topnavi ul {
		align-items: end;
	}
	
	.topnavi li, a {
		padding: 10px 0 10px 10px;
	}
	
	.topnavi li a span.camort {
		display: none;
	}
	
	
	
	.slider .slick-active .slideinhalt {
		left: 25%;
		display: flex;
		width: 50%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: -40px;
		top: 10%;
		bottom: 20px;
	}
	
	.slider .slideinhalt p {
		text-align: center;
	}
	
	 .speakers .w25 {
        width: 33%
    }
    .speakers>p>a {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:720px){
	
	.s-w10{width:9%!important;}.s-w14{width:13%!important;}.s-w15{width:14%!important;}.s-w20{width:19%!important;}.s-w25{width:24%!important;}.s-w30{width:29%!important;}.s-w33{width:32%!important;}.s-w35{width:34%!important;}.s-w40{width:39%!important;}.s-w45{width:44%!important;}.s-w50{width:49%!important;}.s-w55{width:54%!important;}.s-w60{width:59%!important;}.s-w65{width:64%!important;}.s-w70{width:69%!important;}.s-w75{width:74%!important;}.s-w80{width:79%!important;}.s-w85{width:84%!important;}.s-w90{width:89%!important;}.s-w95{width:94%!important;}.s-w100{width:100%!important;}
	
	.widgets{
		display: none
	}
	
	
	.singlebox{
		width: 100%;
	}
	.platzstorer {
		display: flex;
		left: 0px;
		top: auto;
		transform: rotate(0deg);
		position: fixed;
		width: 100%;
		bottom: 0px;
		flex-direction: row;
		right: auto;
		max-width: 100%;
		align-items: center;
		justify-content: space-around;
		border-radius: 0;
	}
	
	.platzstorer p{
		font-size: 14px;
	}
	
	.platzstorer img {
		max-width: 50px;
	}
	
	.newsab{
		flex-direction: column;
	}
	
	.news-aktionen .details{
		padding: 10px;
	}
	
	
	.news-aktionen .headline {
		font-size: 32px;
	}
	
	.introheader h2{
		line-height: 30px;
		font-size: 22px;
	}
	
	.topnavi ul{
		flex-direction:column;
		align-items:center;
	}
	
	.topnavi li{
		padding:5px 0!important;
	}
	
	#navi{
		top:164px;
	}
	
	.scrolledheader #navi.active{
		top:69px!important;
	}
	
	.gone{
		margin-top:-60px;
	}
	
	h2, h2 > a{
		font-size: 26px;
		line-height: 30px;
	}
	
	h1{
		font-size: 26px;
		line-height: 30px;
	}
	
	.parallax .paraimg {
		transform: none !important;
	}
	
	.theme{
		min-height: 150px;
	}
	
	.theme img {
		width: auto;
		height: 150px;
	}
	
	.dobox {
		margin: 2% 0px;
		width: 100%;
	}
	
	.navilogo img{width:95px;}
	.theme ul{display:none;}
	
	.area, .dreiboxen, .kontakt{padding:40px 0;}
	.introheader, .footer > div:first-of-type{padding-top:40px;padding-bottom:10px;}
	.col, .achtboxen{padding-bottom:40px;}
	
	.steorer{
	position: fixed;
	background: #ff6500;
	z-index: 7;
	color: #fff;
	border-radius: 0px;
	transform: none;
		bottom: 0;
		text-align: center;
		width: 100%;
		padding: 10px;
		margin: 0 auto;
}
	
	#icons {
		top: 380px;
	}
	
	body{
		padding-bottom:66px;
	}
	
	.footer i{
	display: block;
	text-align: center;
}

.footer a{
	text-align: center;
	display: inline-block;
	width: 100%;
	}
	
	.speakers.flex {
        display: flex;
        flex-wrap: wrap
    }
    .speakers .w25 {
        width: 50%
    }
    .speakers-info {
        max-width: 96%;
        padding: 20px;
        max-height: 80vh
    }
    .speakers-info.active {
        top: 2%;
        top: 80px
    }
    .speakers-info img {
        margin: -10% 0 -15%
    }
    .speakers-info h2 {
        padding-top: 10px;
        margin: 0 0 5px
    }
    .speakers-info h3 {
        margin: 0 0 5px
    }
    .speakers-info {
        font-size: 14px;
        line-height: 18px
    }
	
	.newsletterbanner{
		position:relative;
		left:auto;
		right:auto;
		top:auto;
		width:95%;
	}
	
	.newsletterbanner .fa{
		font-size:20px;
	}
	
	.newsletterbanner p{
		font-size:14px;	
	}
		
}

@media only screen and (max-width:540px){
	
	
	#id1207 p{
		line-height: 24px;
	}
	
	.mobile-slide{display:block;}
	.desktop-slide{display:none;}
	.slider button{display:none!important}
	
	
	.theme{
		min-height: 125px;
	}
	
	.theme img {
		width: auto;
		height: 125px;
	}
	
	.gone {
		margin-top: -59px;
	}
	
	.eightboxes{
		padding: 30px 20px;
		width: 100%;
	}
	
/*
	.eightboxes p{
		width: 80%;
	}
*/
	
			.footer{
		flex-direction: column;
	}
	
	.footer > div{
		width: 100%;
		padding: 30px 0;
	}
	
	.footer > div:first-of-type {
		width: 100%;
	}
	
	.footer > div:last-of-type {
		width: 100%;
		padding: 0 0 80px 0;
	}
	
	.footerlogo img {
		width: 100%;
	}
	
	.footerinhalt {
		margin: 10px 0;
	}
	
	.topnavi{
		padding: 10px;
	}
	
	.topnavi ul {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	
	.topnavi ul:nth-of-type(1) li{
		padding: 0;
	}
	
	.topnavi ul li span:nth-of-type(2) {
		display: none;
	}
	
	.parallax .paraimg {
		display: none;
	}
	
	.parallax{
		background: #312a20;
	}
	
	.eightboxes{
		margin: 2.5% 0px;
	}
	
	.mobilnone{
		display: none;
	}
	
	#navi {
		height: auto;
		top: -100%;
		left: 0;
		width: 100%;
		transition: all 500ms linear;
		padding: 0;
		text-align: center;
		background: #fff;	
		overflow-x: hidden;
	}
	
	#navi.active {
		top: 165px;
		transition: all 250ms cubic-bezier(.18,.89,.37,1.05);
	}
	
	
	#navi > li {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
	#navi > li > a {
		padding: 10px;
		color: #312a20;
	}
	
	.topnavi ul > ul:nth-of-type(2){
		display: inline-block;
	}
	
	.topnavi ul > ul:nth-of-type(1) li{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	
	.topnavi.bottom ul{
		display:block!important;
		text-align:center;
	}
	
	.gone{
		margin-top:-96px;
	}
	.navilogo img{
		width:232px;
		width:70px;
	}
	
	main{
		padding-top:130px
	}
	
	.parallax .button:hover{
		background: #fff;
		color: #312a20;	
	}
	
	.parallax .button:hover a{

	}
}

@media only screen and (max-width:360px){
	
	.platzstorer {
		justify-content: space-around;
	}
	
	h1 {
		font-size: 24px;
		line-height: 28px;
	}
	
	h2, h2 > a {
		font-size: 24px;
		line-height: 28px;
	}
	
	.parallaxinhaltsingle h2 {
		font-size: 24px;
	}
	
}
/*RESPONSIVE-ENDE*/