html {
	height:100%;
}

body {
	height:100%;
	font-family:'Classic Grotesque W01 Cn Lt';
	letter-spacing:0;
	line-height:1.25;
	color:#111;
	padding:0;
	margin:0;
	opacity:1!important;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

a,a:hover,a.focus {
	color: #44c463;
	text-decoration:none!important;
}

.txtcenter {
	text-align:center;
}

.red {
	background:#e00039;
	color:#fff;
}

.red * {
	color:#fff;
}

.redtxt {
	color:#e00039;
	transition:1.5s color ease-in-out;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Classic Grotesque W01 Cn Bd';
	font-weight:400;
	color:#111;
}

h1 {
	font-size:6em;
	line-height:1.15;
	letter-spacing:-1px;
	display:inline-block;
	text-transform:uppercase;
	margin-left:-4px;
}

h2,h3 {
	font-size:3.5em;
	text-transform:uppercase;
	line-height:1;
	margin:1.5em 0 1em;
}

.story h2 {
	font-size:5em;
	line-height:1.2;
}

h3 {
	color:#484848;
	font-size: 2.5rem;
}

h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,dl:last-child,dd:last-child,dt:last-child,ul > li:last-child,ol > li:last-child {
	margin-bottom:1em!important;
}

p {
	font-family:'Classic Grotesque W01 Cn Lt';
	font-size:2em;
	letter-spacing:.01em;
	line-height:1.35;
	margin:0 0 1em;
	color:#333;
}

p strong,strong {
	font-family:'Classic Grotesque W01 Cn Md';
	font-weight:500;
	letter-spacing: 0;
}

a.black-btn,a.black-btn:focus,a.black-btn:active {
	color:#fff !important;
}

a:hover {
	color:#44c463!important;
}

[class*='column-'] img {
	max-width:100%;
	height:auto;
}

ul {
	margin:0 0 1em;
}

ul li {
	font-family:'Classic Grotesque W01 Cn Lt';
	font-size:2em;
	letter-spacing:.01em;
	line-height:1.35;
	list-style-type:none;
	margin:0 0 .5em;
	padding-left:1em;
}

ul li:before {
	content:"\edbe";
	float:left;
	font-family:'IcoMoon-Ultimate'!important;
	font-size:.5em;
	position:relative;
	bottom:-.8em;
	margin-left:-1.75em;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	letter-spacing:0;
	-webkit-font-feature-settings:liga;
	-moz-font-feature-settings:liga=1;
	-moz-font-feature-settings:liga;
	-ms-font-feature-settings:liga 1;
	-o-font-feature-settings:liga;
	font-feature-settings:liga;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.txt-center {
	text-align:center;
}

.center-vertical {
	transform:translate(0,-50%);
	position:relative;
	top:50%;
}

.center-center {
	transform:translate(-50%,-50%);
	position:relative;
	top:50%;
	left:50%;
	height:auto!important;
}

.pullleft {
	float: left;
}
.pullbottom {
	position: absolute;
    bottom: .5em;
}

.hilite-btn {
	font-size:2.2rem;
	color:#fff;
	text-transform:uppercase;
	padding:.6em 2.2rem;
	border:solid 1px rgba(102,102,102,0.5);
	background:rgba(102,102,102,1);
	background:-moz-linear-gradient(-45deg,#484848 0%,#484848 20%,rgba(143,140,143,1) 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(102,102,102,1)),color-stop(100%,rgba(143,140,143,1)));
	background:-webkit-linear-gradient(-45deg,#484848 0%,#484848 20%,rgba(143,140,143,1) 100%);
	background:-o-linear-gradient(-45deg,#484848 0%,#484848 20%,rgba(143,140,143,1) 100%);
	background:-ms-linear-gradient(-45deg,#484848 0%,#484848 20%,rgba(143,140,143,1) 100%);
	background:linear-gradient(135deg,#484848 0%,#484848 20%,rgba(143,140,143,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#8f8c8f',GradientType=1);
	-webkit-box-shadow:3px 3px 12px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:3px 3px 12px 0 rgba(0,0,0,0.25);
	box-shadow:3px 3px 12px 0 rgba(0,0,0,0.25);
}

a.hilite-btn:hover {
	color:#44c463!important;
}

button {
	font-family: 'Classic Grotesque W01 Cn Lt';
	padding: 1em 1em 2em !important;
}
button:hover {
	color: #44c463!important;
}
label {
	font-size: 2em;
}
.hidden {
	display: none;
}
input[type="checkbox"] {
	margin-bottom: 2em;
    float: left;
    margin-top: 0.4em;
}
select {
	font-size: 2em;
	background-color: #fff;
	height: 2em;
}

p.has-error, div.captcha.has-error {
	border: 1px solid red;
	padding: .5em;
}

a.black-btn, button.black-btn, button.black-btn:hover {
	cursor:pointer;
	font-size:2.2rem;
	color:#fff;
	background-color:rgba(50,50,50,1);
	padding:.6em 1.2em;
	z-index:99998;
	box-shadow:0 0 18px 4px rgba(0,0,0,0.2);
	margin-top:.8rem;
	display:inline-block;
	border-top:1px solid #484848;
}

.container {
	max-width:100%!important;
}

.container.fullheight,.fullheight {
	height:100%;
}

.container.fullheight .row {
	height:100%;
}

.fullwidth {
	width:100%;
	max-width:100%;
}

.pad-top {
	padding-top:10em;
}
.pad-bottom {
	padding-bottom: 15em !important;
}
.pad-right {
	padding-right:2em;
}
.pad-right {
	padding-left:2em;
}


.column-1 .txt-center {
	max-width:800px;
}

.column-1 .columns {
	max-width:1600px;
	margin:0 auto;
}

.green-gradient {
	background:rgba(113,213,76,1);
	background:-moz-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,#1b9830),color-stop(100%,#6f9));
	background:-webkit-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:-o-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:-ms-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c463',endColorstr='#66ff99',GradientType=1);
}

.blue-gradient,.fink-druckerei {
	background:rgba(112,184,255,1);
	background:-moz-linear-gradient(135deg,#3d9eff 0%,#113e97 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,#3d9eff),color-stop(100%,#113e97));
	background:-webkit-linear-gradient(135deg,#3d9eff 0%,#113e97 100%);
	background:-o-linear-gradient(135deg,#3d9eff 0%,#113e97 100%);
	background:-ms-linear-gradient(135deg,#3d9eff 0%,#113e97 100%);
	background:linear-gradient(135deg,#3d9eff 0%,#113e97 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d9eff',endColorstr='#113e97',GradientType=1);
}

.orange-gradient,.fink-verlag {
	background:rgba(255,204,102,1);
	background:-moz-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(255,204,102,1)),color-stop(100%,rgba(255,153,0,1)));
	background:-webkit-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%);
	background:-o-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%);
	background:-ms-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%);
	background:linear-gradient(135deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc66',endColorstr='#ff9900',GradientType=1);
}

.pink-gradient,.fink-labor {
	background:rgba(255,102,255,1);
	background:-moz-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(255,102,255,1)),color-stop(100%,rgba(204,0,204,1)));
	background:-webkit-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%);
	background:-o-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%);
	background:-ms-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%);
	background:linear-gradient(135deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ff',endColorstr='#cc00cc',GradientType=1);
}

.borderbottom {
	border-bottom:solid 1px #f4f4f4;
}

.txt-shadow {
	text-shadow:0 0 15px rgba(0,0,0,.7);
}

.logo-lokal {
	position:absolute;
	top:1em;
	right:4em;
	width:20%;
}

.home .logo {
	position:absolute;
	display:block;
	top:45%;
	left:50%;
	max-width:70%;
	height:auto;
	transform:translate(-50%,-50%);
}

.home p {
	color:#fff;
}

.home .hilite-btn {
	margin:1em .3em;
	display:inline-block;
}

.bgvideo.home {
	height: 45em;
	background-repeat: no-repeat;
	background-size: cover;
}
.bgvideo.home video {
	bottom: 0 !important;
	top: inherit !important;
	
	transform: translate(-50%, 0px);
}

.playVideo, .scrollVideo {
	max-width: 100%;
	margin: 0 0 3em;
	box-shadow: 0 10px 40px -5px rgba(111, 74, 88, 0.30);
}

.teaser > .row {
	background-image:url(../img/heidelberg.jpg);
	background-size:cover;
	background-position:center center;
	padding-bottom:7em;
}

.teaser-box {
	position:relative;
	z-index:41;
	background:#fff;
	margin-top:-25%;
	padding-left:2.8rem;
	padding-right:2.8rem;
	padding-bottom:1rem;
	box-shadow:0 0 18px 4px rgba(0,0,0,0.2);
}

.teaser-box div {
	padding:2em 2.8em 1.8em;
	min-height:7em;
	margin-right:-2.8rem;
	margin-left:-2.8rem;
	margin-bottom:2.8rem;
}

.teaser-box h2,.story .row:nth-child(1) h2,.home h2,.panel h2 {
	color:#fff;
	letter-spacing:-.03em;
	padding:0;
	margin-bottom:0!important;
	font-family:'ClassicGrotesqueW01-Lt';
	text-transform:none;
}

.teaser-box h2 strong,.story .row:nth-child(1) h2 strong,.home h2 strong,.panel h2 strong,h2 strong {
	text-transform:uppercase;
	font-family:'ClassicGrotesqueW01-Bd';
}

.home h2,.panel h2 {
	font-size:7em;
	margin-bottom:.5em!important;
}

.story .row:nth-child(1) {
	padding:1.2em 2.8em;
	min-height:7em;
}

.story .visual {
	height:460px;
	background-size:155%;
	background-repeat:no-repeat;
	background-position:center center;
}
.story .visualCal {
	height: 450px;
    background-size: cover;
    background-position: center top;
}
.bgvideo.cocktail {
	height: 450px !important;
	overflow: hidden;
}
.bgvideo.home video.HeroVid {
	position: absolute;
    top: 0 !important;
    left: 50%;
    transform: translate(-50%,0) !important;
    max-width: inherit;
}
.jquery-background-video-pauseplay {
	display: none;
}

.story .maskvisual {
	height:400px;
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-position:0% center;
	transition: .9s all ease-out;
	-webkit-transition: .9s all ease-out;
}
.headlinepadtop.maskvisual {
	height:400px;
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-position:0% center;
	transition: .9s all ease-out;
	-webkit-transition: .9s all ease-out;
}

.closeupimage {
	display: none;
}
.product:hover .closeupimage {
	display: block;
}
.product:hover .productimage {
	display: none;
}

.episode1visual {
	height:460px;
	background-size:155%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.story .row .column-1-2 {
	padding:3.8em;
}

.singlepage > .row {
	padding:4em 8em;
	max-width:1600px!important;
	margin:0 auto;
}

h3.quote {
	font-family:'Classic Grotesque W01 Cn Md';
	float:left;
	width:50%;
	padding:1em;
	margin:1em 1em .5em -2em;
	font-size:2em;
	color:#fff;
	background:background: rgba(113,213,76,1);
	background:-moz-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,#1b9830),color-stop(100%,#6f9));
	background:-webkit-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:-o-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:-ms-linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	background:linear-gradient(135deg,#1b9830 0%,#6f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c463',endColorstr='#66ff99',GradientType=1);
	transition:1s opacity ease-in-out;
}
.columns h3.quote {
	margin: 1em 1em .5em -1em;
}

.contentblock {
	padding-top:3em;
	padding-bottom:3em;
	border-bottom:1px solid #f3f3f3;
}

.contentblock > h2 {
	margin-left:1.6rem;
	margin-top:1em;
}

.contentblock div.image {
	text-align:center;
}

.contentblock div.image img {
	width:auto;
	max-height:95%;
	
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    
	transition:1s height ease-in-out;
}

.vertAlign {
    display: table;
}
.vertAlign .adjust {
	display: table-cell;
    vertical-align: middle;
}



.contentblock .justified {
	text-align:justify;
	width:50%;
	min-width:700px;
	margin:0 auto;
}

.contentblock.justified h2,.contentblock.justified h3 {
	text-align:center;
}

.contentblock .HeroHeadline h2 {
	text-align:center;
	transform:translate(-50%,-50%);
	position:relative;
	top:50%;
	left:50%;
	height:auto!important;
}

.swiper-container,.swiper-wrapper,.swiper-slide,.swiper-slide .row,.swiper-slide [class*='column-'] {
	height:100%;
}

.swiper-slide {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.swiper-container-fade .swiper-slide:not(.swiper-slide-active) {
	opacity:0!important;
}

.hero .swiper-slide {
	background-size:auto 80%;
	background-position:center bottom;
}

.heroright {
	text-align: right;
    float: right;
    max-width: 80em;
    padding: 4em 4em 0 0;
}

.swiper-button-next,.swiper-button-prev {
	top:50%;
	margin:0;
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image:none;
	right:1%;
	border-radius:100%;
	border:none;
	height:100%;
	width:auto;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image:none;
	left:1%;
	border-radius:100%;
	border:none;
	height:100%;
	width:auto;
}

.swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover {
	background-image:none;
}

.swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover {
	background-image:none;
}

.swiper-button-next i,.swiper-container-rtl .swiper-button-prev i,.swiper-button-prev i,.swiper-container-rtl .swiper-button-next i {
	font-size:3em;
	color:#fff;
	opacity:.2;
	cursor:pointer;
	transition:1s all ease-in-out;
}

.swiper-container:hover .swiper-button-next i,.swiper-container:hover .swiper-button-prev i {
	opacity:.6;
}

.swiper-button-next i:hover,.swiper-container-rtl .swiper-button-prev i:hover,.swiper-button-prev i:hover,.swiper-container-rtl .swiper-button-next i:hover {
	color:#44c463;
	opacity:1!important;
	transition:1s all ease-in-out;
}

.swiper-button-disabled i {
	color:rgba(90,90,90,0.7)!important;
	cursor:default;
}

.swiper-container.home .center-center,.swiper-container.home .txt-center {
	width:60%;
}

.swiper-container.home .txt-center:not(.center-center) {
	margin:5em auto;
}

.swiper-container.home .column-1 {
	background-size:auto 90%;
	background-position:center bottom;
	background-repeat:no-repeat;
}

.home .swiper-pagination {
	top:80%;
}

.home .swiper-slide h3 {
	color:#fff;
}

.swiper-pagination-bullet {
	width:24px;
	height:24px;
	display:inline-block;
	border-radius:100%;
	background:#fff;
	border:1px solid #44c463!important;
	opacity:1;
	border:none;
	margin: 0 .5em;
}

.swiper-pagination-bullet-active {
	background:#44c463;
	opacity:1;
}

.swiper-container.masks + .swiper-pagination {
    position: inherit !important;
    margin-top: 5em;
}

.container.hero,.hero,.container.hero .row {
	height:100%;
}

.panel .swiper-slide {
	background-size:auto 100%;
	background-position:center bottom;
}

.panel .swiper-container.blue-gradient {
	background:rgba(112,184,255,1);
	background:-moz-linear-gradient(135deg,#3d9eff 0%,#113e97 100%) fixed;
	background:-webkit-gradient(left top,right bottom,color-stop(0%,#3d9eff),color-stop(100%,#113e97)) fixed;
	background:-webkit-linear-gradient(135deg,#3d9eff 0%,#113e97 100%) fixed;
	background:-o-linear-gradient(135deg,#3d9eff 0%,#113e97 100%) fixed;
	background:-ms-linear-gradient(135deg,#3d9eff 0%,#113e97 100%) fixed;
	background:linear-gradient(135deg,#3d9eff 0%,#113e97 100%) fixed;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d9eff',endColorstr='#113e97',GradientType=1);
}

.panel .swiper-container.pink-gradient,.Kontakt.pink-gradient {
	background:rgba(255,102,255,1);
	background:-moz-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%) fixed;
	background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(255,102,255,1)),color-stop(100%,rgba(204,0,204,1))) fixed;
	background:-webkit-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%) fixed;
	background:-o-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%) fixed;
	background:-ms-linear-gradient(-45deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%);
	background:linear-gradient(135deg,rgba(255,102,255,1) 0%,rgba(204,0,204,1) 100%) fixed;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ff',endColorstr='#cc00cc',GradientType=1);
}

.panel h2 {
	text-align:center;
	font-size:5em;
	margin:2em auto .5em;
}

.panel .column-1 .txt-center {
	margin:0 auto;
}

.panel .center-center h2 {
	margin:0 auto .5em;
}

.panel .content {
	padding:0 12em;
}

.panel .content.center-center {
	max-width:1600px;
}

.panel .content .columns {
	padding-bottom:2em;
}

.panel .content p,.panel .content h3,.panel .content a {
	color:#fff;
}

.panel .transparent {
	height:auto!important;
	padding-bottom:8em;
	background:rgba(113,213,76,.95);
	position:absolute;
	z-index:999;
	top:0;
	width:100%;
	margin:0;
	visibility:hidden;
	opacity:0;
	transition:opacity 1s,visibility 1s ease-in-out;
}

i.icon-cross {
	font-size:2em;
	color:#fff;
	position:absolute;
	top:1em;
	right:1em;
	cursor:pointer;
	transition:color .5s ease-in-out;
}

i.icon-cross:hover {
	color:#44c463;
}

section {
	position:relative;
}

section + .footer {
	margin-top:0!important;
}

.pagination {
	position:fixed;
	top:0;
	bottom:0;
	left:.5em;
	height:200px;
	margin:auto;
	font-size:1.2em;
	z-index:10;
	list-style-type:none;
}

ul.pagination li:before {
	content:none;
}

.pagination a {
	display:block;
	width:5px;
	height:13px;
	border-radius:50%;
	color:#aaa;
	position:relative;
	padding:4px;
	margin:20px 0;
}

.pagination a .hover-text {
	position:absolute;
	left:1em;
	top:-5px;
	opacity:0;
	-webkit-transition:opacity .5s ease;
	transition:opacity .5s ease;
	background:#44c463;
	color:#fff;
	padding:2px 8px;
	text-transform:uppercase;
	white-space:nowrap;
	font-size:.7em;
}

.pagination a:hover .hover-text {
	opacity:1;
}

.pagination a:after {
	width:10px;
	height:10px;
	display:block;
	background:#fff;
	border:1px solid #44c463;
	border-radius:50%;
	content:'';
	position:absolute;
	margin:auto;
	top:0;
	right:5px;
	bottom:0;
}

.pagination a.active:after {
	background:#44c463;
	border:1px solid #fff;
	width:20px;
	height:20px;
	right:0;
}

.verlag.orange-gradient,.fink-verlag {
	background:rgba(255,204,102,1);
	background:-moz-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%) fixed;
	background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(255,204,102,1)),color-stop(100%,rgba(255,153,0,1))) fixed;
	background:-webkit-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%) fixed;
	background:-o-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%) fixed;
	background:-ms-linear-gradient(-45deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%) fixed;
	background:linear-gradient(135deg,rgba(255,204,102,1) 0%,rgba(255,153,0,1) 100%) fixed;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc66',endColorstr='#ff9900',GradientType=1) fixed;
}

.verlag .container.singlepage {
	border-bottom:1px solid rgba(0,0,0,.1);
}

div.container.singlepage.last,.contentblock.last {
	border-bottom:none;
}

.verlag .singlepage > .row {
	padding-bottom:2em;
}

.verlag .singlepage > .row:first-child {
	padding-top:10em;
}

.verlag h1,.storyheader h1 {
	display:block;
	text-align:center;
	font-size:5em;
	font-family:'ClassicGrotesqueW01-Lt';
	text-transform:none;
}

.verlag h1 strong,.storyheader h1 strong {
	text-transform:uppercase;
	font-family:'ClassicGrotesqueW01-Bd';
}

.storyheader h1 {
	color:#fff;
}

.straublogoteaser {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 50% !important;
    max-width: inherit !important;
}

.blaettle {
	font-family:'Classic Grotesque W01 Cn Bd';
	font-size:2em;
	text-align:center;
	display:inline-block;
	margin:.5em 0;
}

.storyheader.singlepage > .row {
	padding-bottom:2em;
	padding-top:8em;
}

.accordeon + .singlepage > .row:first-child {
	padding-bottom:0;
	padding-top:8em;
}

.accordeon + .singlepage > .row h1 {
	margin-bottom:0!important;
}

.accordeon {
	box-shadow:1px 1px 10px rgba(0,0,0,.3);
}

.accordeon .row {
	padding:1.2em 2.8em;
	min-height:7em;
	cursor:pointer;
}

.accordeon h2 {
	font-size:3.5em;
	color:#fff;
	letter-spacing:-.03em;
	line-height:1.2;
	padding:0;
	margin-bottom:0!important;
	font-family:'ClassicGrotesqueW01-Lt';
	text-transform:uppercase;
}

.accordeon i {
	font-size:.5em;
	position:relative;
	bottom:.25em;
}

.kontaktlogo {
	max-height:5em;
}

#map-canvas {
	height:50%;
	margin-bottom:-5em;
}

.headlinepadtop {
	padding-top:8em;
}

.headlinepadtop .row:first-child {
	padding-bottom:0;
}

.headlinepadtop .row:first-child h1 {
	margin-bottom:0!important;
}

.columns {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-moz-column-gap:80px;
	-webkit-column-gap:80px;
	column-gap:80px;
	margin-top:2%;
}

.columns p,.columns div {
	break-inside:avoid-column;
}

.columns .breakbefore {
	-webkit-column-break-before:always;
	column-break-before:always;
	margin-top: 0;
}

.contentblock div.image img[src*="-spin"] {
	box-shadow: .1em .1em .1em rgba(0,0,0,.1);
	transform: rotate(-90deg) translate(-50%, -50%) scale(.8);
    transform-origin: 0 0;
    transition: 2s transform ease-in-out, 2s box-shadow ease-in-out;
}
.contentblock div.image img[src*="-spin"].spin {
	box-shadow: .5em .75em 3.5em rgba(0,0,0,.4);
	transform: rotate(0deg) translate(-50%, -50%) scale(1);
    transition: 2s transform ease-in-out, 2s box-shadow ease-in-out;
}

.box {
    margin: 2em;
    background: #fff;
    height: 100%;
    box-shadow: 0 11px 46px -5px rgba(49, 74, 111, 0.39);
}
.pad {
    padding: 3em 3em 3em 4em;
}
.padtop {
	padding: 3em 0 0;
} 
h1.nomargin {
	margin-bottom: 0 !important;
}
[data-bgimage] {
	background-size: cover;
	background-position: center center;
}

.Navigation {
	position:fixed;
	z-index:99999;
	background:rgba(255,255,255,.9);
	height:6em;
	top:1em;
	left:1em;
	box-shadow:2px 1px 15px rgba(0,0,0,.2);
	padding:1em 2em;
}

.Navigation > a {
	display:inline-block;
	height:4em;
}

.Navigation img {
	width:4.5em;
}

.pullmedown {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:0!important;
	cursor:pointer;
	padding:.25em 0;
	margin-left:1em;
}

.pullmedown span {
	display:block;
	position:relative;
	height:5px;
	width:90%;
	background:#666;
	border-radius:0!important;
	opacity:1;
	left:23%;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:1.25s ease-in-out;
	-moz-transition:1.25s ease-in-out;
	-o-transition:1.25s ease-in-out;
	transition:1.25s ease-in-out;
}

.pullmedown:hover span {
	background:#48a527;
}

.pullmedown span:nth-child(1) {
	top:3px;
}

.pullmedown span:nth-child(2) {
	top:8px;
}

.pullmedown span:nth-child(3) {
	top:13px;
}

.pullmedown.open span:nth-child(1) {
	top:12px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}

.pullmedown.open span:nth-child(2) {
	opacity:0;
	left:90px;
}

.pullmedown.open span:nth-child(3) {
	top:2px;
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
}

.nav {
	position:fixed;
	z-index:99999;
	background:rgba(255,255,255,.95);
	top:8em;
	left:-120%;
	box-shadow:2px 1px 15px rgba(0,0,0,.2);
	padding:2em 3em 1em;
	transition:left 1s ease-in-out;
}

.open .nav {
	left:1em;
}

.nav ul {
	padding:0 5em 0 0;
}

.nav ul li {
/* 	white-space:nowrap; */
}

.nav p,.nav a,.nav ul li:before {
	color:#333;
}

.nav a.current,.nav a.section {
	font-family:'Classic Grotesque W01 Cn Md';
	font-weight:500;
}

.nav p {
	cursor:text;
}

.footer {
	bottom:0;
	width:100%;
	margin-top:5em;
	background:rgba(102,102,102,1);
	background:-moz-linear-gradient(-45deg,rgba(102,102,102,1) 0%,rgba(204,204,204,1) 100%);
	background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(102,102,102,1)),color-stop(100%,rgba(204,204,204,1)));
	background:-webkit-linear-gradient(-45deg,rgba(102,102,102,1) 0%,rgba(204,204,204,1) 100%);
	background:-o-linear-gradient(-45deg,rgba(102,102,102,1) 0%,rgba(204,204,204,1) 100%);
	background:-ms-linear-gradient(-45deg,rgba(102,102,102,1) 0%,rgba(204,204,204,1) 100%);
	background:linear-gradient(135deg,rgba(102,102,102,1) 0%,rgba(204,204,204,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#cccccc',GradientType=1);
}

.footer .row {
	padding:3.2em 1.6em;
}

.footer .row.dark-grey {
	padding:1.6em;
}

.footer p,.footer a,.footer ul li {
	color:#fff;
}

.footer p {
	font-size:2em;
}

.footer p a {
	font-size:1em;
}

.footer a.social {
	display:inline-block;
	margin-right:1.6em;
}

.footer i {
	font-size:3em;
}

.footer .column-1 p,.footer .column-1 a {
	color:#fff;
	font-size:1.2em;
	text-align:center;
	margin:0!important;
}

.footer .column-1 a {
	margin-left:.4em;
	margin-right:.4em;
}

.footer .logo-foot {
	max-width:65%;
	height:auto;
	margin:0;
	margin-bottom:1.6em;
}

.footer .logo-footer-lokal {
	width:40%;
	max-width:140px;
	margin:1em auto;
	display:inherit;
}

.footer img.logo-footer-lokal:nth-child(2) {
	padding:.5em;
	background:#fff;
}


@media (max-width: 1100px) {
	.mobileheight {
		min-height: 300px;
	    width: calc(100% - 3.2rem);
	    margin-left: 1.6rem;
	}
	.padtop.mobile {
		padding: 3em 3em 0;
	}
	.product .column-1-3:not(.mobileheight) {
		width: 50%;
	}
}

@media (max-width: 880px) {
	h2,h3 {
		font-size:2.5em;
	}
	
	.teaser-box div {
		padding:2em 2.8em 1.8em;
		min-height:6em;
	}
	
	.story h2 {
		font-size:4em;
	}
	
	.swiper-container.home .center-center p,.swiper-container.home .txt-center p {
		display:none;
	}
	
	.swiper-container.home .center-center p:last-child,.swiper-container.home .txt-center p:last-child {
		display:block;
	}
	
	.swiper-container.home .column-1 {
		background-size:cover;
	}
	
	.columns {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
		-moz-column-gap:0;
		-webkit-column-gap:0;
		column-gap:0;
		margin-top:2%;
	}
	.columns .breakbefore {
		-webkit-column-break-before: avoid;
	}
}

@media (max-width: 767px) {
	.mobileindicator {
		color:#012345;
	}
	
	.nav ul li {
	    white-space: inherit;
	}
	
	.home .column-1-2 {
		height:50%;
	}
	
	.home .column-1-2:nth-child(2) {
		background-size:auto 100%;
		margin-top:-15%;
	}
	
	.home h2,.panel h2 {
		font-size:5em;
	}
	
	.teaser .column-1-3:nth-child(1) .teaser-box {
		margin-top:-20%;
	}
	
	.teaser .column-1-3:nth-child(2) .teaser-box,.teaser .column-1-3:nth-child(3) .teaser-box {
		margin-top:2em;
	}
	
	.row {
		display:flex;
		flex-direction:column;
	}
	
	.contentblock .column-1-2 {
		order:2;
	}
	
	.contentblock .HeroHeadline {
		order:1;
	}
	
	.contentblock .HeroHeadline {
		height:auto!important;
	}
	
	.contentblock .HeroHeadline h2 {
		text-align:left;
		margin-top:1em;
	}
	
	.contentblock div.image img {	
		max-height: 432px;
	    position: inherit;
	    transform: inherit;
	    left: 0;
	    top: 0;
	}
	
	.contentblock div.image img[src*="-spin"], .contentblock div.image img[src*="-spin"].spin {
		transform: initial;
	    transition: inherit;
	    position: initial;
	    margin-bottom: 4em;
	}
	
	.mobileheight {
		min-height: 300px;
	    width: calc(100% - 3.2rem);
	    margin-left: 1.6rem;
	}
	.padtop.mobile {
		padding: 3em 3em 0;
	}
	
	.product .column-1-3:not(.mobileheight) {
	    width: 100%;
	}
	
	.pullbottom {
	    position: inherit;
	}
}

@media (max-width: 560px) {
	.mobileindicator {
		color:#012345;
	}
	
	.nav ul {
		padding:0;
	}
	
	.center-center {
		transform:none;
		position:inherit;
		top:0;
		left:0;
		height:auto!important;
	}
	
	.home .logo {
		max-width:70%;
	}
	
	.home h2,.panel h2 {
		font-size:3.5em;
	}
	
	.swiper-container.home .center-center,.swiper-container.home .txt-center {
		width:90%;
	}
	
	.home .center-center {
		transform:translate(-50%,-50%);
		position:relative;
		top:50%;
		left:50%;
		height:auto!important;
	}
	
	.panel .content {
		max-width:100%;
		padding:.5em .5em .5em 2em;
	}
	
	.panel .swiper-slide .content {
		max-width:100%;
		padding:.5em .5em .5em 4em;
	}
	
	.singlepage > .row {
		padding:4em 1em 0 3em;
	}
	
	.verlag .singlepage > .row {
		padding-bottom:2em;
	}
	
	.verlag > .singlepage:first-child > .row:first-child {
		padding-top:10em;
	}
	
	.panel.variantenreich {
		height:100%;
	}
	
	.panel .center-center h2 {
		margin:2em auto .5em;
	}
	
	.panel.Kontakt .txt-center,.panel.Kontakt h2 {
		text-align:left;
	}
	
	.pagination {
		display:none;
	}
	
	.accordeon .row {
		min-height:4em;
	}
	
	.accordeon h2 {
		font-size:2.5em;
	}
	
	.singlepage h1 {
		font-size:3.5em;
		font-weight:400;
	}
	
	h3.quote {
		margin-left:0;
	}
	
	.contentblock .HeroHeadline {
		height:auto!important;
	}
	
	.contentblock .HeroHeadline h2 {
		text-align:left;
		margin-top:1em;
	}
	
	.black-btn.nextsection {
		display:none!important;
	}
	
	.contentblock div.image img[src*="-spin"], .contentblock div.image img[src*="-spin"].spin {
		transform: initial;
	    transition: inherit;
	    position: initial;
	    margin-bottom: 4em;
	}
}

@media (max-device-width: 500px) and (orientation:landscape) {
	.mobileindicator {
		color:#012345;
	}
	
	.nav ul {
		padding:0;
	}
	
	.home .logo {
		max-width:70%;
	}
	
	.home h2,.panel h2 {
		font-size:3.5em;
	}
	
	.swiper-container.home .center-center,.swiper-container.home .txt-center {
		width:90%;
	}
	
	.panel .content {
		max-width:100%;
		padding:.5em .5em .5em 2em;
	}
	
	.panel .swiper-slide .content {
		max-width:100%;
		padding:.5em .5em .5em 4em;
	}
	
	.singlepage > .row {
		padding:4em 1em 0 3em;
	}
	
	.center-center {
		transform:none;
		position:inherit;
		top:0;
		left:0;
		height:auto!important;
	}
	
	.home .center-center {
		transform:translate(-50%,-50%);
		position:relative;
		top:50%;
		left:50%;
		height:auto!important;
	}
	
	section {
		min-height:100%;
	}
	
	.panel.variantenreich {
		height:100%;
	}
	
	.panel .center-center h2 {
		margin:2em auto .5em;
	}
	
	.panel.Kontakt .txt-center,.panel.Kontakt h2 {
		text-align:left;
	}
	
	.pagination {
		display:none;
	}
	
	.verlag .singlepage > .row {
		padding-bottom:2em;
	}
	
	.verlag .singlepage > .row:first-child {
		padding-top:10em;
	}
	
	.black-btn.nextsection {
		display:none!important;
	}
}

.cc_banner-wrapper {
	z-index:999999;
	position:relative;
}

.cc_container .cc_btn {
	cursor:pointer;
	text-align:center;
	font-size:.6em;
	transition:font-size 200ms;
	line-height:1em;
}

.cc_container .cc_message {
	font-size:.6em;
	transition:font-size 200ms;
	margin:0;
	padding:0;
	line-height:1.5em;
}

.cc_container .cc_logo {
	display:none;
	text-indent:-1000px;
	overflow:hidden;
	width:100px;
	height:22px;
	background-size:cover;
	opacity:.9;
	transition:opacity 200ms;
}

.cc_container .cc_logo:hover,.cc_container .cc_logo:active {
	opacity:1;
}

@media screen and (min-width: 500px) {
	.cc_container .cc_btn {
		font-size:.8em;
	}
	
	.cc_container .cc_message {
		font-size:.8em;
	}
}

@media screen and (min-width: 768px) {
	.cc_container .cc_btn {
		font-size:1em;
	}
	
	.cc_container .cc_message {
		font-size:1em;
		line-height:1em;
	}
}

@media screen and (min-width: 992px) {
	.cc_container .cc_message {
		font-size:1em;
	}
}

@media print {
	.cc_banner-wrapper,.cc_container {
		display:none;
	}
}

.cc_container {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:10px 15px 50px;
}

.cc_container .cc_btn {
	padding:8px 16px;
	background-color:#e00039;
	position:absolute;
	bottom:10px;
	left:15px;
	right:15px;
	text-align:center;
}

@media screen and (min-width: 500px) {
	.cc_container {
		left:initial;
		right:20px;
		bottom:20px;
		width:300px;
		padding-bottom:77px;
	}
	
	.cc_container .cc_btn {
		right:15px;
		bottom:37px;
	}
	
	.cc_container .cc_logo {
		display:block;
		position:absolute;
		bottom:8px;
		left:calc(50% - 50px);
	}
}

@media screen and (min-width: 768px) {
	.cc_container {
		padding-bottom:87px;
	}
	
	.cc_container .cc_message {
		font-size:1em;
	}
}

.cc_container {
	background:#fff;
	color:#999;
	font-size:17px;
	box-sizing:border-box;
	border:1px solid #ccc;
}

.cc_container ::-moz-selection {
	background:#ff5e99;
	color:#fff;
	text-shadow:none;
}

.cc_container .cc_btn,.cc_container .cc_btn:visited {
	color:#fff;
	background-color:#44c463;
	transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	border-radius:1px;
	-webkit-border-radius:1px;
}

.cc_container .cc_btn:hover,.cc_container .cc_btn:active {
	background-color:#44c463;
	color:#fff!important;
}

.cc_container a,.cc_container a:visited {
	text-decoration:none;
	color:#31a8f0;
	transition:200ms color;
}

.cc_container a:hover,.cc_container a:active {
	color:#555;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translateX(20px);
		transform:translateX(20px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translateX(20px);
		-ms-transform:translateX(20px);
		transform:translateX(20px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}

.cc_container {
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.8s;
	-moz-animation-duration:.8s;
	-o-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}

@media screen and (min-width: 500px) {
	.cc_container {
		border-radius:1px;
		box-shadow:0 5px 10px rgba(0,0,0,0.2);
	}
}