/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/playfair-display-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v14-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

#referenzen {
  background:#fff!important;
}

.powermail_fieldwrap_captcha .powermail_field_error input {
  background-color: white!important;
  color: #A94442;
}

.powermail_fieldwrap_type_captcha {
  margin-top: 15px!important;
}

.powermail_fieldwrap_type_captcha label.control-label.col-sm-2 {
  max-width: 100%!important;
  color: white!important;
}

.powermail_fieldwrap_type_submit {
  margin-top: 22px!important;
}


.checkbox.parsley-error, .powermail_field_error_container   {
  max-width: calc(100% - 30px)!important;
}

.contentslider {
  max-width: 1000px;
  margin: 80px auto 40px auto;
}

.stars {
  margin: 0px auto!important;
  text-align: center!important;
}

.stars IMG {
  max-width: 250px!important;
}


/* FORMS */

.tx-powermail fieldset legend, .tx-powermail h3 {
  display: none!important;
}

.tx-powermail .powermail_create td {
  color:#fff;
  font-size: 13px;
}

.powermail_fieldwrap .col-sm-10 {
  width: 100%!important;
}

.powermail_fieldwrap.col-md-6 {
  max-width: 450px;
}

.powermail_fieldwrap_type_check {
  clear: both;
  display: block;
  margin: 0!important;
  width: 100%!important;
}

.powermail_fieldwrap_type_check label,.powermail_fieldwrap_type_check .checkbox  {
  font-size: 13px!important;
  color:#fff!important;
  display: block!important;
  width: 100%;
}

.tx-powermail .col-md-6 {
  width: 100%!important;
  flex: 0 0 100%!important;
}

.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01, .powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutz {
  padding-top: 0;
  margin-top: 0px;
  border: none!important;
}

.powermail_checkbox.powermail_checkbox_10, .powermail_checkbox.powermail_checkbox_19, .powermail_checkbox.powermail_checkbox_20 {
  margin-bottom: 0px!important;
}

.tx-powermail .powermail_fieldset .powermail-errors-list {
  font-size: 0.8em;
}

.tx-powermail input.btn-primary, .tx-powermail p.reload, #angebot a.nav-link, #kontakt a.nav-link, #bewertungen a.nav-link {
    color: #fff;
    background-color: #00A0AB;
    border-color: transparent;
    border-radius: 0px!important;
    display: inline-block;
    margin-top: 15px;
    font-size: 1.25em;
    padding: 12px 25px 12px 25px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    opacity: 1;
    border-radius: 50px!important;
}

#angebot a.nav-link {
  position: relative;
  margin: 0px auto!important;
}

#angebot #c31 p {
  text-align: center!important;
}

.tx-powermail p.reload {
  position: relative;
  display: block;
  width: 350px;
  margin: 0px auto!important;
}

.tx-powermail input.btn-primary:hover, .tx-powermail p.reload:hover, #bewertungen a.nav-link:hover {
  cursor:pointer;
    opacity: 0.8;
    background-color: #00A0AB!important;
    border-color: transparent;
}

.powermail_fieldwrap_type_textarea.col-md-6, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check.col-md-6 {
  width: 100%!important;
  max-width: calc(100% - 15px)!important;
  flex: 0 0 100%!important;
}

.tx-powermail .parsley-custom-error-message,.parsley-required {
  font-size: 13px!important;
}

.tx-powermail .col-md-6 {
  padding:0!important;
}



.tx-powermail .row .col-md-6:nth-child(1) {
  padding-right: 15px!important;
}

.tx-powermail .row .col-md-6:nth-child(2) {
  padding-left: 15px!important;
}

.tx-powermail  .col-sm-10 {
  width: 100%!important;
  max-width: 100%!important;
  padding: 0!important;
}

label[for="powermail_field_interest"] {
  text-transform: uppercase;
  font-weight: 900;
  color: #00A0AB;
  font-size: 1.3em;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  width: auto;
}

input[type="checkbox"] {
  position: relative!important;
  top: 1px!important;
  margin-right: 5px!important;
  margin-bottom: 5px!important;
}

.powermail_fieldwrap input {
  margin-bottom: 15px;
  max-width: 100%!important;
  border-radius: 3px!important;
}

.tx-powermail .container-fluid {
  margin: 0px auto!important;
  padding: 0!important;
  max-width: 900px;
}

.powermail_fieldset input:focus {
  outline:none!important;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.7)!important;
  border: 1px solid #191919;
}

.powermail_input {
  padding: 15px;
  font-size: 0.95em;
}

/* FORMS END */

/*
.swiper-slide video {
  pointer-events: none;
}


.swiper-slide {
  position: relative;
}

.swiper-slide .video-background {

}

.swiper-slide .video-background {
  width: 100vw!important;
  height: 100vh!!important;
  overflow: hidden!important;
  background: #000!important;
  position: absolute;
  left: 0;
  top: -200px;
  z-index: 10;
}



.swiper-slide .video-background video {
  display: block!important;
  width:auto!important;
  top: 0px!important;
  height: calc(100vh + 190px)!important;
  opacity:0.9!important;
  z-index:10000!important;
}

body.retina .swiper-slide .video-background video {
  display: block!important;
  top: -250px!important;
  width:100vw!important;
  height: auto!important;
  opacity:0.9!important;
  z-index:10000!important;
}*/
.slick-track,
.slick-slide,
.slick-slide img {
    transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.upper {
	text-transform: uppercase;
}

b,strong {
	font-weight: 900!important;
}

.success-overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.9);
	z-index: -1;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	display: table;
}

.success-overlay .inner {
	padding-top: 25%;
	margin: auto;
	width: 50%;
	text-align: center;
	height: 50%;
	color:#fff;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

#c30 {
	clear:both;
	width: 100%;
	text-align:center;
	display:none;
}

.cc-link {
	display:none!important;
}

.cc-message a.sitelink {
	display: inline-block;
	color:#ccc!important;
	margin-top: 10px;
	text-transform: uppercase;
}

.cc-window {
	background-color: rgba(50, 50, 50, 0.8)!important;
}

.cc-message {
	font-family:'Raleway'!important;
	font-size:0.7rem!important;
	line-height:1.3!important;
}

.modal-header, .modal-body {
	padding:20px 30px 20px 30px!important;
}

.modal-header h4 {
	text-transform: uppercase;
}

.modal-body p {
	font-size: 0.9rem!important;
}

.modal-body p a {
	color:#555!important;
}

/* playfair-display-900 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/playfair-display-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Black'), local('PlayfairDisplay-Black'),
       url('../fonts/playfair-display-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v14-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/raleway-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
       url('../fonts/raleway-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

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

/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/raleway-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Raleway Black'), local('Raleway-Black'),
       url('../fonts/raleway-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}

.clear {
	display: block;
	clear:both;
}

.input-group-append {
	display: none;
}

#shortrequest ::placeholder {
  color: #fff!important;
  font-size: 0.85em;
}

button:focus, a:focus {
	outline:0;
	border:0;
}
/*
.outerloader {
	width: 100vw;
	height: 100vh;
	background:#191919;
	position: fixed;
	top:0;
	left:0;
	z-index:20000000;
	display: block;
}*/

a, button, video, .video-background {
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.fancybox-nav span, .fancybox-navigation .fancybox-button {
    visibility: visible!important;
    opacity:1!important;
}

.fancybox-button {

    background: #27929c;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
    border-radius: 100%;

}

.fancybox-close-small {
	margin-top: 7px;
}

#teaser-12 #teaser-text {
	display: block;
	width: 110px;
	height: 110px;
	padding: 30px 0 30px 0;
	background: #27929c;
	transform: rotate(-25deg);
	white-space: pre;
	position: absolute;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center!important;
	right: 40px;
	top: 25px;
	z-index: 10;
	border-radius: 100%;
}

button {
	width: 45px;
	background: none;
	border:none;
	position: fixed;
	top: 40px;
	left: 40px;
}

.bar1, .bar2, .bar3 {
  display:block;
  width: 45px;
  height: 2px;
  background-color: #fff;
  margin: 7px 0;
  transition: 0.6s;
}

.bar3 {
	width: 35px;
	margin-left:10px;
}

.close-button {
	display:block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 100%;
	margin-left: -100px;
	top: 60px;
	z-index:100;
}

.navbar {
	z-index: 10!important;
}

button:hover span {
	background-color: #0e818c;
}

.close-button .bar1,.close-button .bar2 {
	width: 40px;
}

.social,.rechtliches {
	margin-top:10px;
}

.insta {
	padding-right:10px;
}

.fb {
	padding-left:10px;
}

i {
	margin-right:5px;
}

.nav-footer {
	margin:0;
	padding: 40px 40px 40px 90px;
	background:#121212;
	font-size:0.75rem;
	height:30vh;
}

.nav-footer .break.mail {
	height:0px;
	width: 100%;
	display:block;
	opacity:0;
	clear:both;
}

.nav-footer a {
	color:#fff;
}

.close-button .bar1 {
	transform: rotate(45deg);
    transform-origin: 40% -100%;
}

.close-button .bar2 {
	transform: rotate(-45deg);
    transform-origin: 25% 0%;
}

#shortrequest {
	position: relative;
	max-width: 530px;
	background-image: linear-gradient(to right, #0e818c , #0c5f67);
	top: -157px;
	left: 13vw;
	z-index: 1000;
	margin-bottom: -255px;
	padding: 40px 30px 40px 30px;
}

#shortrequest h4 {
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight:900;
	color:#fff;
}

#shortrequest.content-section p {
	font-size: 0.75rem;
	line-height: 1rem!important;
}

#shortrequest .dateinput{
	width:200px;
	margin-right: 15px;
	padding: 10px 25px 10px 15px;
	border-radius: 25px;
	background: #27929c;
	height:40px;
	float: left;
}
#shortrequest input {
	max-width: 140px;
	font-size: 0.85rem;
	color:#fff;
	border: none;
	background: none;
	float:left;
	margin-right: 10px;
	padding: 25px 0 10px 10px;
	margin-top: -15px;
}

.gj-picker.gj-picker-bootstrap {
	margin-top: 15px!important;
}

#shortrequest a.request-btn {
	max-width: 120px;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	float: left;
	font-weight: 900;
	padding: 10px 0 10px 0;
	font-size: 0.85rem;
}

#shortrequest .gj-icon {
	float: left;
	width: 20px;
	margin-top: -2px;
	color:#095c64;
}

#shortrequest .gj-datepicker.input-group {
	max-width: 130px;
	width: 130px!important;
	float: left;
}

#shortrequest p {
	font-size: 0.85rem;
	color:#fff;
}

button:hover .bar3 {
	width: 45px;
	margin-left:0px;
}

.ul-nav {
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100vh;
	background: #191919;
	left:-300%;
}

.ul-nav ul {
	height: 70vh;
	padding-top: 15vh;
	margin-right:60px;
	width:100%;
}

.ul-nav ul li {
	list-style: none;
	border-bottom: 1px solid #292525;
	padding: 10px 0px 10px 50px;
	opacity:0;
}

.ul-nav ul li a {
	color:#fff;
	font-size:1.9rem;
	font-weight:200;
	text-transform:uppercase;
}

.ul-nav ul li a:hover {
	color: #0e818c;
	padding-left: 32px;
}

.ul-nav ul li a.active {
	font-size:1.9rem;
	font-weight:900;
	padding-left: 20px;
	border-left: 12px solid #0e818c;
	text-transform:uppercase;
}

.nav-overlay {
	display: block;
	position: absolute;
	width: 100vw;
	height:100vh;
	background: rgba(33,33,33,0.85);
	z-index: -1;
	left:-5000px;
}

.thumbs-container {
	width: 50%;
	max-width: 480px;
	height: 100px;
	left: -500%;
	margin-left: -210px;
	position: fixed;
	bottom: 15%;
	z-index: 2000000!important;
	text-align: center;
	visibility: visible;
	-webkit-transition: all 0.9s ease-in-out;
  	-moz-transition: all 0.9s ease-in-out;
  	-o-transition: all 0.9s ease-in-out;
  	transition: all 0.9s ease-in-out;
}

.fancybox-active .thumbs-container {
	left:50%;
}

.fancybox-infobar {
	display:none!important;
}

@media all and (min-width: 480px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}

.thumb a {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 110px;
	height: 110px;
	-webkit-transition: all 0.9s ease-in-out;
  	-moz-transition: all 0.9s ease-in-out;
  	-o-transition: all 0.9s ease-in-out;
  	transition: all 0.9s ease-in-out;
	border-radius: 100%;
	border: 3px solid #f7f7f7;
	background-size:105px!important;
	opacity:0.4;
}

.thumb a:first-child {
	margin-left: 5px;
}

.vid-1 a {
	background:url(../img/buttons-inner-vid-1.jpg) no-repeat;
}

.vid-2 a {
	background:url(../img/buttons-inner-vid-2.jpg) no-repeat;
}

.vid-3 a {
	background:url(../img/buttons-inner-vid-3.jpg) no-repeat;
}

.vid-4 a {
	background:url(../img/buttons-inner-video4.jpg) no-repeat;
}

.thumb a:hover {
	opacity:1;
	border: 3px solid white;
}

.thumb a.active {
	border: 3px solid #27929c;
	opacity:1!important;
}

.fancybox-button--close {
	position: absolute;
	z-index: 10000000!important;
}

.fancybox-button--play,.fancybox-button--zoom {
	display:none!Important;
}


.white {
	color:#fff;
}

.serif {
	font-family: 'Playfair Display';
}

.sans-serif {
	font-family: 'Raleway';
}

.black {
	color:#191919;
}

body, html {
	padding: 0;
	margin:0;
}

body {
	background:#000000;
	font-family:'Raleway';
	font-weight:400;
	position: relative;
}

body.loading {
	overflow: hidden;
	max-height: 100vh;
}

body a:hover {
	color:#ccc;
	text-decoration:none;
}

html {
	font-size: 100%;
}

#wrapper {
	overflow-x:hidden;
}

header#top, header#top .logo, header#top .logo a {
	-webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}

header#top.fixed {
	background:rgba(160,160,160,0.95);
}

header#top.fixed .logo {
	height:120px;
	width: 100px;
	overflow: hidden;
}

header#top.fixed button.nav-button span {
	background:#121212;
}

header#top.fixed button.nav-button:hover span {
	background:#0e818c;
}

header#top .logo a.home-link {
	position: relative;
	margin: 0 auto;
	top: 0px;
	width: 300px;
	height: 270px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background:url(../img/logo-web.svg);
	background-size: 300px;
	-webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}

header#top.fixed .logo {
	width: 100px;
	height: 115px;
	overflow: hidden;
}

header#top.fixed .logo a.home-link {
	position: relative;
	top:-50px;
	transform:scale(0.8);
}

.headerWrap {
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.headerWrap h2 {
	font-weight:  900;
	max-width: 650px;
	font-size: 5.4rem;
	margin-bottom: 20px!important;
	position: relative;
	top:0;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.headerWrap div.h3 {
	max-width: 550px;
	position: relative;
	top:40px;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.headerWrap div.h3 p {
	font-size: 1.2rem!important;
}

.swiper-slide {
	max-height: calc(100vh - 190px);
	overflow: hidden;
}

.swiper-slide-active .headerWrap h2 {
	transition-delay: 0.75s;
	opacity: 1;
	top:-10px;
}

.swiper-slide-active .headerWrap div.h3 {
	transition-delay: 0.75s;
	opacity: 1;
	top:-15px;
}

.swiper-slide IMG {
	width: 100%;
	height: auto;
}

.swiper-slide .inner-border {
	position: absolute;
	height: 100%;
	width: 100%;
  z-index: 100!important;
}

.swiper-slide .inner-border .headerWrap {
	position: absolute;
  z-index: 3000000000!important;
}

.swiper-pagination {
	text-align:left;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	left: 30px;
	bottom:30px;
}

.swiper-pagination-bullet {
	border-radius:0%;
	height:3px;
	width: 25px;
	background:#fff;
	opacity:1;
}

.swiper-pagination-bullet-active {
	background:#0e818c;
}

header#top {
	width:100%;
	position: fixed;
	color:#fff;
	z-index:2000;
  top: 0px;
}

main {
	position: relative;
	z-index:15;
}

.modal {
	z-index: 10500!important;
}

.sitelinks .nav-link {
	display: inline;
	padding: 0;
}

header#top .logo {
	text-align:center;
	position: relative;
	background-size: cover;
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

header#top .navigation {
	position: relative;
	z-index:3;
}

header#top .sitelinks {
	text-align: right;
	position: relative;
	z-index:2;
	top: 50px;
	right: 60px;
}

header#top .sitelinks a, header#top .sitelinks span {
	font-size: 0.85rem;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

header#top.fixed .sitelinks a, header#top.fixed .sitelinks span {
	color: rgba(18,18,18,1);
}

header#top .sitelinks a:hover {
	color:#ccc;
}

#slider-home {
  position: relative;

  width: 100vw!important;
  z-index:10!important;
}

#slider-home .video-background::after {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  content:'';
  left: 0;
  top:0;
  bottom: 0;
  right:0;
}

#slider-home .container {
	width: 100%!important;
	max-width: 100%!important;
	padding: 0!important;
}

#slider-home .container .swiper-container {
    z-index: 10;
}

#slider-home .swiper-slide .inner-border::after {
  display: block;
  position: absolute;
  content:'';
  left: 0;
  bottom: 0px!important;
  height: 365px;
  width: 100vw;
  background: url(../img/bg-overlay.png) repeat-x;
  z-index: 20!important;
}

#slider-home.content-section {
	padding-bottom: 0;
  overflow: hidden;
}

#slider-home .swiper-slide {
  width: 100vw !important;
  height: calc(100vh - 250px)!important;
}

.content-section {
	min-height: 0px;
	padding-bottom: 85px;
}

.content-section img {
	max-width: 100%;
	height: auto;
}

.content-section p {
	font-size: 0.85rem;
	line-height:1.8rem;
}

.content-section h2 {
	font-size: 5.4rem;
	font-family: 'Playfair Display';
	font-weight:900;
	padding-top: 100px;
}

.content-section h3 {
	font-size: 1.3rem;
	font-family: 'Raleway';
	padding-bottom:70px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.gj-picker, body ul.gj-list-md li, .gj-picker-md div[role="body"] {
    font-family: Roboto,Helvetica,Arial,sans-serif!important;
    font-size: 13px!important;
    font-weight: 400!important;
    letter-spacing: .04em!important;
    line-height: 1!important;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {

    color: #fff;
    background-color: #0e818c;
    border-color: #122b40;
    border-radius: 4px;
}

#about,#news {
	background:#000 url(../img/mm-feed-bg.png) no-repeat;
	background-position: right center;
	background-size: contain;
}

#about{
  background:#000 url(../img/mm-feed-bg.png) no-repeat;
	background-position: right 200px;
	background-size: contain;
}

#imagevideo {
  background:#000;
  color: #fff;
}

#about h2, #about h3, #angebot h2, #angebot h3, #news h2, #news h3, #kontakt h2, #kontakt h3 {
	text-align: center;
}

#about h2, #about h3, #about p, #about p a,
#news h2, #news h3, #news p, #news p a,
#kontakt h2, #kontakt h3, #kontakt p, #kontakt p a,
#bewertungen h2, #bewertungen h3, #bewertungen p, #bewertungen p a {
	color:#fff;
}

#about .container {
	max-width: 1600px;
}

#about .container p {
	text-align: justify;
	padding: 0 0px 25px 0px;
}

#about .container .left-content {
	position: relative;
	z-index:15;
}

#about .container .right-content {
	position: relative;
	z-index:10;
}

#about .container .right-content IMG {
	position: relative;
	left:0;
	max-width: 100%!important;
	height: auto;
}

#angebot {
	background:#fff url(../img/angebot-bg.png) no-repeat;
	background-size: cover;
	background-position: left center;
}

a.magic-link {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: none;
	cursor:default!important;
	position: relative;
	top: 8px;
}

.icon {
	display:inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top:5px;
	margin-right: 5px;
	background: red;
}

.icon.insta {
	background:url(../img/Instagram-Icon.png) no-repeat;
	background-size: 20px;
}

#c28 {
	margin-top:10px!important;
}

.icon.fb {
	background:url(../img/fb-icon.png) no-repeat;
	background-size: 22px;
	background-position: -1px -1px;
}

.fancybox-close-small {
	position: fixed;
	left: 100vw;
	top: 0px;
	margin-left: -50px;
}

.btn-video {
	display:block;
	width: 80px;
	height: 80px;
	position: absolute;
	z-index:1500;
	top: 100%;
	left: 0;
	margin-left: 30px;
	margin-top: -90px;
	background: url(../img/btn-video.png) no-repeat;
	background-position: center;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}


.btn-video::after {
	content:'';
	width: 160px;
	height: 160px;
	background: url(../img/mouseover-video-2.png) no-repeat;
	background-size: 160px;
	position: absolute;
	z-index:15000;
	display: block;
	top: 100px;
	left: 20px;
	visibility:hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.teaser-image-right:hover .btn-video::after,.teaser-image:hover .btn-video::after, .teaser-image-right.mobile-move .btn-video::after, .teaser-image.mobile-move .btn-video::after {
	content:'';
	width: 160px;
	height: 160px;
	background: url(../img/mouseover-video-2.png) no-repeat;
	background-size: 160px;
	position: absolute;
	display: block;
	opacity:1;
	top: 60px;
	left: 20px;
	visibility:visible;
}

header h5 {
	font-weight: 400;
	font-size: 2rem;
	text-transform: uppercase;
	color:#0e818c;
	margin: 50px 0 35px 0;
	text-align: center;
}

blockquote p {
	max-width: 60%;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
	text-transform: none;
}

.content-section blockquote p {
	font-size: 1.2rem;
	line-height:1.5;
}

blockquote p strong {
	text-transform: uppercase!important;
}


a[data-fancybox="video"]:hover .btn-video {
	transform:scale(1.1);
}

#angebot .container {
	max-width: 1400px;
}

#angebot .right-content h4 {
	margin-top: 70px;
	font-size: 3rem;
	position: relative;
	left: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight:900;
}

#angebot .left-content h4 {
	margin-top: 70px;
	font-size: 3rem;
	position: relative;
	text-align: right;
	right: 0px;
	z-index:10;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight:900;
}

#angebot .right-content h5 {
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight:900;
}

#angebot .left-content h5 {
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight:900;
	text-align: right;
}

#angebot .left-content p {
	text-align: right;
}

#referenzen.content-section {
  display: flex;
  align-items: center!important;
	padding:5% 0 5% 0!important;
}

button.slick-next, button.slick-prev {
	display:none!important;
}

.slider.responsive {

}
.slick-slide {
    display: table;
    height: 150px;
    text-align: center;
    width: 150px;
    vertical-align: middle;
}

.slick-slide div {
  width: 150px;
  transform: scale(0.8);
  position: relative;
  text-align: center;
  margin: 0 auto;
  top: 50%; right: 0;
  transform: translate(0,-50%);
}

.content-section .slick-slide div IMG {
	max-width: 130px!important;
	position: relative;
	margin: 0 auto!important;
	/*-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);*/
}

.content-section .slick-slide div IMG:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
  	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

#news .container::after {
	width: 100%;
	max-width:1110px!important;
	height: 50px!important;
	content:'';
	margin-top: -50px;
	position: absolute;
	background:#000000;
	z-index:10000000000!important;
	display: none;
}

#kontakt, #bewertungen {
	background:#1b1b1b;
}

#kontakt #c19 {
	color:#fff;
}

#kontakt ::placeholder {
	color: #a8a8a8!important;
	font-size: 0.85em;
}
/*
#kontakt form {
	max-width: 720px;
	margin: 0 auto;
}

#kontakt form .checkbox input#kontaktformular-19-checkbox-1 {
	border: 1px solid #fff;
	background: none;
	padding: 5px;
}

#kontakt form input[type="text"],#kontakt form textarea {
	font-size: 1rem;
	border-radius: 0px!important;
	padding: 15px 15px 17px 15px;
	border:none;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

#kontakt form input[type="text"]:focus,#kontakt form textarea:focus {
	background:#d7d7d7!important;
}

#kontakt form textarea {
	height: 200px;
}

#kontakt form input[type="text"]:focus,#kontakt form textarea:focus {
	outline:0!important;
	border:none!important;
	box-shadow:none!important;
}

#kontakt form label span,#kontakt form label.control-label, #kontakt form h2 {
	display: none;
}

#kontakt form .clearfix p {
	color:#a8a8a8;
	text-align: justify;
	font-size: 0.75rem!important;
	line-height: 1rem;
}

#kontakt .btn-group,span.btn-group.next.submit {
	display: block!important;
	width: 100%!important;
	text-align: center;
}

#kontakt nav.form-navigation {
	margin-top: -15px;
}
#kontakt form button[type="submit"], a.cta-btn{
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
	position: relative;
	margin: 0px auto!important;
	left: 0!important;
	display: block;
	width: 320px;
    padding: 10px 25px 10px 15px;
    border-radius: 40px;
    background: #27929c;
    height: 65px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.3rem;
    border:none;
}

a.cta-btn {
	top: 35px;
	text-align: center;
	color:#fff;
	padding-top: 14px;
}

#kontakt .error.help-block {
	display: block!important;
	background: red;
	padding: 10px 30px 10px 10px;
	color: #fff;
	font-size: 0.75rem;
	position: relative;
	top: 8px;
	max-width: 300px!important;
	text-align: center!important;
}

#kontakt form button[type="submit"]:hover, a.cta-btn:hover {
	background:#0c5f67;
}

*/


footer {
	font-size: 0.8rem;
	background:#141413;
	padding: 50px 0 30px 0;
	text-align: center;
}

footer address, footer address a {
	color:#fff;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    color: #121212;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: absolute;
    right: 25px;
    top: 25px;
}

button.close:hover, button.close:hover span {
	background:none!important;
	border:none!important;
}

.portrait {
	display: none;
}

.sitelinks.d-lg-hidden {
	display: none;
}

.ce-center figure.image {
	margin-top: 40px;
	text-align: center!important;
}

.ce-center figure.image IMG {
	position: relative;
	margin: 0px auto!important;
}


.logo-slider .swiper-slide IMG {
  max-width: 170px!important;
  min-width: unset!important;
  min-height: unset!important;
  position: static!important;
  top: 0px!important;
}

.logo-slider.swiper-container, .logo-slider .swiper-wrapper, .logo-slider .swiper-slide {
  height: auto!important;
  min-height: unset!important;
}




@media screen and (min-width: 2500px) {


}



@media (min-width:2560px) and (max-width: 3839px)  {
  .video-background video.bg-video {
    height: auto!important;
    width: 100vw!important;
    min-width: 100vw;
  }

  #slider-home .swiper-slide .inner-border::after {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px!important;
    height: 365px;
    width: 100vw;
    background: url(../img/bg-overlay.png) repeat-x;
    z-index: 20!important;
  }
}


@media (min-width: 1920px) and (max-width:3000px) and (orientation:landscape) {
  .video-background video.bg-video {
    height: auto!important;
    width: 100vw!important;
    min-width: 100vw;
  }

  #slider-home .swiper-slide .inner-border::after {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px!important;
    height: 365px;
    width: 100vw;
    background: url(../img/bg-overlay.png) repeat-x;
    z-index: 20!important;
  }

  #slider-home .swiper-slide .headerWrap {
    top: 350px!important;
  }

  #shortrequest {
    position: relative;
    max-width: 530px;
    background-image: linear-gradient(to right,#0e818c,#0c5f67);
    top: -300px;
    left: 13vw;
    z-index: 1000;
    margin-bottom: -350px;
    padding: 40px 30px 40px 30px;
  }
}

@media (min-width: 2560px) and (min-height:1500px) and (orientation:landscape) {
  #slider-home .swiper-slide .inner-border::after {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 320px!important;
    height: 365px;
    width: 100vw;
    background: url(../img/bg-overlay.png) repeat-x;
    z-index: 20!important;
  }

  #shortrequest {
    position: relative;
    max-width: 530px;
    background-image: linear-gradient(to right,#0e818c,#0c5f67);
    top: -300px;
    left: 13vw;
    z-index: 1000;
    margin-bottom: -430px;
    padding: 40px 30px 40px 30px;
  }
}

@media (min-width: 3840px) and (min-height: 2000px) {

  .video-background {
    top: -290px!important;
  }
  .video-background video.bg-video {
    height: auto!important;
    width: 100vw!important;
    min-width: 100vw;
  }

  #slider-home {
    margin-bottom: 0px!important;
  }

  #slider-home .swiper-slide .inner-border::after {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 250px!important;
    height: 365px;
    width: 100vw;
    background: url(../img/bg-overlay.png) repeat-x;
    z-index: 20!important;
  }

  #shortrequest {
    position: relative;
    max-width: 530px;
    background-image: linear-gradient(to right,#0e818c,#0c5f67);
    top: -300px;
    left: 13vw;
    z-index: 1000;
    margin-bottom: -400px;
    padding: 40px 30px 40px 30px;
  }
}

@media (max-width: 1700px) {
  .video-background video.bg-video {
    height: 1000px!important;
    width: auto!important;
  }
}

@media (min-width:1650px){
	.swiper-slide IMG {
		width: 100%!important;
		max-width: none!important;
		min-width: 100%!important;
		height: auto!important;
	}

  .swiper-wrapper .swiper-slide .headerWrap {
    top: 40vh!important;
  }
}

@media (min-width: 1400px) {
	.content-section p {
	 	font-size: 0.95rem!important;
	 	line-height: 1.8;
	}

	form .row p, .shortrequest span {
		font-size: 0.75rem!important;
	}

  .swiper-slide .headerWrap {
    top: 30vh!important;
  }
}
/*
@media (min-width:1200px) and (min-height:950px) {
	.swiper-slide, .swiper-slide IMG {
		min-height: 85vh;
	}

	.swiper-slide IMG {
		max-width: none;
		width: auto!important;
		min-height: 85vh;
	}

}*/

@media (min-width:1200px) and (max-height:990px) and (orientation:landscape) {
  #shortrequest {
    position: relative;
    max-width: 530px;
    background-image: linear-gradient(to right,#0e818c,#0c5f67);
    top: -60px;
    left: 5vw;
    z-index: 1000;
    margin-bottom: -255px;
    padding: 40px 30px 40px 30px;
  }

  .swiper-slide .headerWrap {
    top: 25vh!important;
    transform: scale(0.9);
  }
}

@media (min-width:1400px) {

	.ul-nav {
		min-width:650px;
	}

	#shortrequest .short-desc {
		display: none;
	}

	.nav-footer.d-md-none {
		display:block!important;
	}
}

@media (min-width:1200px) and (max-width: 1399px) {
  .video-background video {
    transform:translate(-25%,0)!important;
  }

	#angebot .right-content h4 {
		margin-top: 50px;
	}

	#about .container {
		max-width: 95%;
	}

	.ul-nav {
		min-width:650px;
	}

	.ul-nav ul {
		height: 70vh;
		padding-top: 10vh;
		margin-right:60px
	}

	.ul-nav ul li {
		list-style: none;
		border-bottom: 1px solid #292525;
		padding: 10px 0px 10px 50px;
		opacity:0;
	}

	.ul-nav ul li a {
		color:#fff;
		font-size:1.9rem;
		font-weight:200;
		text-transform:uppercase;
	}

	.headerWrap h2 {
		font-weight:  900;
		max-width: 650px;
		font-size: 4.4rem;
		margin-bottom: 20px!important;
		position: relative;
		top:0;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 {
		max-width: 650px;
		position: relative;
		top:40px;
		opacity:0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 p {
		font-size: 1.1rem!important;
	}

	.logo {transform: scale(0.8); margin-top: -15px;}

	#shortrequest {
		position: static;
		width: 100%;
		max-width: none;
		height: auto;
		background-image: linear-gradient(to right, #0e818c , #0c5f67);
		top: 0px;
		left: 0px;
		margin-top: 0px;
		z-index: 1000;
		margin-bottom: 0px;
		padding: 40px 30px 40px 30px;
	}

	#shortrequest .long-desc {
		display: block;
		max-width: 60%;
	}

	#shortrequest .short-desc {
		display: none;
	}

	.sitelinks {
		margin-top: -8px;
	}

	.content-section p {
    	font-size: 0.85rem;
    	line-height: 1.6rem;
	}

}

@media (min-width: 1200px) {
  .swiper-slide .landscape IMG {
    min-height: calc(100vh - 190px);
    width: auto!important;
    max-width: none!important;
  }
}


@media (min-width:992px)and (max-height: 650px) {
	#shortrequest {
		position: static;
		width: 100%;
		max-width: none;
		height: auto;
		background-image: linear-gradient(to right, #0e818c , #0c5f67);
		top: 0px;
		left: 0px;
		margin-top: 0px;
		z-index: 1000;
		margin-bottom: 0px;
		padding: 40px 30px 40px 30px;
	}

	#shortrequest .long-desc {
		display: block;
		max-width: 60%;
	}

	#shortrequest .short-desc {
		display: none;
	}
}




/*
@media (orientation:portrait) {

  .swiper-slide .video-background {
    background: red!important;
    position: absolute;
    top: 0px!important;
    width: 100vw;
    height: calc(100vh - 190px);
  }

  .swiper-slide .video-background video {
    width: 100vw!important;

    min-height: calc(100vh - 190px)!important;
    width:auto!important;
    z-index: 1000000000000000000000000000000000!important;
    position: absolute!important;
    left: -800px!important;
    top: -250px!important;
  }


}*/

@media (max-width: 1199px) {

  .logo-slider .swiper-slide IMG {
    max-width: 150px!important;
    min-width: unset!important;
    min-height: unset!important;
    position: static!important;
    top: 0px!important;
  }

  #referenzen .container {
    max-width: 100%!important;
  }
  .video-background video.bg-video {
    height: 1200px!important;
    width: auto!important;
    transform: translate(-25%,0);
  }

  .contentslider .swiper-slide {
    height: auto!important;
    min-height: 0px!important;
  }

  .contentslider .swiper-slide IMG {
    width: 100%!important;
    max-width: 100%;
    height: auto!important;
    min-height: 0px!important;
    margin: 80px auto 40px auto;
  }


}

@media (min-width:992px) and (max-width: 1199px) {

	.swiper-slide, .swiper-slide IMG {
		min-height: 90vh;
	}

	.swiper-slide IMG {
		max-width: none;
		width: auto!important;
		min-height: 90vh;
	}


	.logo {transform: scale(0.7); margin-top: -20px; }

	.ul-nav {
			min-width:650px;
	}

	.content-section p {
    	font-size: 0.85rem;
    	line-height: 1.4rem;
	}

	.headerWrap h2 {
		font-weight:  900;
		max-width: 650px;
		font-size: 3.5rem!important;
		margin-bottom: 20px!important;
		position: relative;
		top:0;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 {
		max-width: 500px;
		position: relative;
		top:40px;
		opacity:0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 p {
		font-size: 1rem!important;
	}

	#angebot .right-content h4 {
	    font-size: 2.4rem;
	    margin-top: 20px;
	}

	#angebot .left-content h4 {
	    font-size: 2.4rem;
	    margin-top: 20px;
	}

	header#top .sitelinks {
	    top: 35px;
	}

	header#top button.nav-button {
    	top: 30px;
	}

	header#top.fixed .logo a.home-link {
    	top: -42px;
	}

	.content-section p {
	    font-size: 0.80rem;
	    line-height: 1.2rem;
	}

	.btn-video {
		top: 100%;
		left: 0;
		margin-left: 30px;
		margin-top: -105px;
		transform: scale(0.8);
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	#shortrequest {
		position: static;
		width: 100%;
		max-width: none;
		height: auto;
		background-image: linear-gradient(to right, #0e818c , #0c5f67);
		top: 0px;
		left: 0px;
		margin-top: 0px;
		z-index: 1000;
		margin-bottom: 0px;
		padding: 40px 30px 40px 30px;
	}

	#shortrequest .long-desc {
		display: block;
		max-width: 60%;
	}

	#shortrequest .short-desc {
		display: none;
	}

	.sitelinks.d-lg-hidden, .sitelinks.d-lg-hidden .hideMobile {
		margin-top: 10px;
		display: block;
	}

	.sitelinks.d-lg-hidden a, .sitelinks.d-lg-hidden span {
		color: #fff!important;
	}

}

@media all and (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
  a.cta-btn {
	top: 35px;
	text-align: center;
	color:#fff;
	padding-top: 14px;
  }

}

@media (orientation:portrait) {

  .video-background {
    top: -160px!important;
  }
  .video-background video.bg-video {
    height: calc(100vh)!important;
    width: auto!important;
    transform: translate(-40%,0)!important;
    z-index: 10!important;
    display:block!important;
  }
}

@media (max-width: 991px) {

  .powermail_fieldwrap.col-md-6, .tx-powermail {
    max-width: 600px;
    margin: 0px auto!important;
  }

  .tx-powermail .row .col-md-6:nth-child(1) {
    padding-right: 0px!important;
  }

  .tx-powermail .row .col-md-6:nth-child(2) {
      padding-left:0px!important;
  }

  .powermail_fieldwrap_type_textarea.col-md-6, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check.col-md-6 {
    width: 100%!important;
    max-width: calc(100% - 30px)!important;
    flex: 0 0 100%!important;
  }

  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check.col-md-6 {
    margin-top: 15px!important;
  }

}

@media (min-width: 768px) and (max-width: 991px) and (orientation:portrait) {
  /*#slider-home .swiper-slide .headerWrap {
    top: 15vh!important;
  }*/

  #slider-home {
    max-height: calc(100vh - 115px)!important;
    overflow: hidden;
    margin-bottom: 0px;
  }

  #slider-home .swiper-slide .inner-border::after {
    bottom: 0px!important;
    visibility: visible!important;
  }



}

@media (min-width: 768px) {
  #referenzen.content-section {
    padding-top: 0!important;
  }
}

@media (min-width:370px) and (max-width: 767px) and (orientation:portrait) {
  #slider-home .swiper-slide .headerWrap {
    top: 50vh!important;
  }
}

@media (max-width: 1024px) and (orientation:landscape) {
  #slider-home .swiper-slide .inner-border::after {
    margin-top:75px!important;
    bottom: 0px!important;
    visibility: hidden!important;
  }



}

@media (min-width:768px) and (max-width: 991px) {




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

  #slider-home {
    max-height: calc(100vh - 115px)!important;
    min-height: 400px!important;
    overflow: hidden;
    margin-bottom: 0px;
  }



  #slider-home .swiper-slide .inner-border::after {
    margin-top:75px!important;
    bottom: 0px!important;
  }

	a.cta-btn {
		top: 35px;
		text-align: center;
		color:#fff;
		padding-top: 14px;
	}

	.btn-video::after {
		margin-top: -70px;
		transform: scale(0.65) rotate(-25deg);
		margin-left: 25px;
	}
	#shortrequest .short-desc {
		display: none;
	}

	.ul-nav {
		width: 70%!important;
	}

	.swiper-slide {
		max-height: 90vh;
		overflow: hidden;
	}

	.swiper-slide .inner-border {
		z-index:100;
	}

	.swiper-slide .inner-border .headerWrap {
		margin-top: 80px;
	}
	.swiper-slide IMG {
		min-width: 100%;
		height: auto!important;
		position: relative;
		top: -50px;
		z-index:1;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets {
		left: 12.5vw!important;
		bottom: 40px;
	}
	.ce-center figure.image {
		margin-top: -20px!important;
		margin-bottom: -20px!important;
	}
	.sitelinks.d-lg-hidden, .sitelinks.d-lg-hidden .hideMobile {
		margin-top: 10px;
		display: block;
	}

	.sitelinks.d-lg-hidden a, .sitelinks.d-lg-hidden span {
		color: #fff!important;
	}

	.landscape {
		display: none!important;
	}

	.portrait {
		display:block;
		height: 100vh;
		width: 100vw;
	}

	.portrait IMG {
		height: 100vh;
		width: auto!important;
	}

	#angebot .row.offer-right .left-content h4, #angebot .row.offer-right .left-content h5, #angebot .row.offer-right .left-content p  {
    	text-align: left;
	}

	.headerWrap h2 {
		font-weight:  900;
		max-width: 650px;
		font-size: 3.5rem!important;
		margin-bottom: 20px!important;
		position: relative;
		top:0;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 {
		max-width: 500px;
		position: relative;
		top:40px;
		opacity:0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 p {
		font-size: 1rem!important;
	}

	#angebot .right-content h4 {
	    font-size: 3rem;
	    margin-top: 30px;
	}

	#angebot .left-content h4 {
	    font-size: 3rem;
	    margin-top: 30px;
	}

	#angebot .teaser-image-right {
		margin-top: 20px;
	}


	header#top .sitelinks {
	    top: 35px;
	}

	.content-section p {

	    font-size: 0.80rem;
	    line-height: 1.35rem;
	}

	#shortrequest {
		position: static;
		width: 100%;
		max-width: none;
		height: auto!important;
		background-image: linear-gradient(to right, #0e818c , #0c5f67);
		top: 0px;
		left: 0px;
		z-index: 1000;
		margin-bottom: 0px;
		padding: 40px 30px 40px 30px;
	}

	.ul-nav ul {
		height: 75vh;
		overflow-y:auto;
		padding-top: 10vh;
		margin-right:60px
	}

	.ul-nav ul li {
		list-style: none;
		border-bottom: 1px solid #292525;
		padding: 10px 0px 10px 60px;
		opacity:0;
	}

	.ul-nav ul li a {
		color:#fff;
		font-size:1.4rem;
		font-weight:200;
		text-transform:uppercase;
	}

	.ul-nav ul li a.active {
		color:#fff;
		font-size:1.4rem;
		font-weight:900;
		padding-left: 20px;
		border-left: 7px solid #0e818c;
		text-transform:uppercase;
	}

	.nav-footer {
		margin:0;
		padding: 20px 20px 20px 60px;
		background:#121212;
		font-size:0.70rem;
		height:auto;
	}

	.nav-footer .social {
		width: 100%;
		clear:both;
		padding-bottom:20px;
	}

	.headerWrap h2 {
		font-weight:  900;
		max-width: 650px;
		font-size: 4.4rem;
		margin-bottom: 20px!important;
		position: relative;
		top:0;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 {
		max-width: 650px;
		position: relative;
		top:40px;
		opacity:0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 p {
		font-size: 1.1rem!important;
	}

	header#top.fixed {
		background:rgba(140,140,140,0.75);
		width: 100%!important;
		height: 70px;
	}
	button.nav-button, button.close-button {
		transform: scale(0.8);
	}

	button.nav-button {
		top: 20px;
		left: 15px;
	}

	.close-button {

		left: 100%;
		margin-left: -75px;
		top: 20px;
	}

	.logo {
		width: 150px;
		height: 45px!important;
		position: fixed!important;
		right: 15px!important;
		top: 15px!important;
		background: url(../img/logo-mobile.svg)!important;
		background-size:cover!important;
		overflow: hidden;
	}

	header#top .logo a.home-link {
		display: block!important;
		background: none!important;
		width: 100%;
		height: 100%;
	}

	header#top.fixed .logo {
		height: 45px!important;
		width: 35px!important;
		background: url(../img/logo-mobile.svg)!important;
		background-size:cover!important;
	}

	.hideMobile {
		display:none;
	}

	.insta .text, .fb .text {
		display:none;
	}

	.break {
		height:0px;
		width: 100%;
		display:block;
		opacity:0;
		clear:both;
	}

	.swiper-slide IMG {
		min-height: 100vh;
		max-width: none!important;
		width: auto!important;
	}

}
/*
@media (min-width:1400px) {
  .swiper-slide .video-background video {
    display: block!important;
    top: -20px!important;
    left: -40vw!important;
    width:210%!important;
    max-width: 200%!important;
    min-height:0px!important;
    opacity:0.5!important;
    z-index:10000!important;
    position: relative;
  }
}


@media (max-width:1399px){
  .swiper-slide .video-background video {
    display: block!important;
    top: -20px!important;
    left: -40vw!important;
    width:210%!important;
    max-width: 200%!important;
    min-height:0px!important;
    opacity:0.5!important;
    z-index:10000!important;
    position: relative;
  }
}*/


@media (max-width:1199px) and (orientation: landscape) {
  #slider-home {
    height:520px!important;
  }

  #slider-home .video-background {
    transform:translate(0,130px)!important;
  }
  #slider-home .video-background video {
    min-height: 750px!important;
    height: calc(100vh - 115px)!important;
  }

  .swiper-slide .inner-border .headerWrap {
    top: 220px!important;
  }

  #slider-home .swiper-container {
    top:0px;
  }
  #slider-home .swiper-container .swiper-slide {
    min-height: 100vh!important;
  }

  #slider-home .swiper-slide .inner-border::after {
    transform: translate(0,200px)!important;
  }
}

@media (orientation:portrait) {
  .portrait {
    display:block;
    height: 100vh;
    width: 100vw;
  }

  .landscape {
    display: none!important;
  }
}

@media (max-width: 767px) {

  .tx-powermail .row .col-md-6:nth-child(1) {
    padding-right: 0px!important;
  }

  .powermail_fieldwrap_type_textarea.col-md-6, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check.col-md-6 {
    width: 100%!important;
    max-width: calc(100%)!important;
    flex: 0 0 100%!important;
  }

  .tx-powermail .row .col-md-6:nth-child(2) {
    padding-left: 0px!important;
  }

	.fancybox-button {
		transform: scale(0.7);
	}
	#teaser-12 #teaser-text {
		width: 110px;
		height: 110px;
		padding: 30px 0 30px 0;
		background: #27929c;
		transform: rotate(-25deg) scale(0.7);
		display: block;
		position: absolute;
		color: #fff;
		font-weight: 900;
		text-transform: uppercase;
		text-align: center!important;
		right: 45px;
		top: -5px;
		z-index: 10;
		border-radius: 100%;
	}

	.btn-video::after {
		margin-top: -70px;
		transform: scale(0.55) rotate(-25deg);
		margin-left: 15px;
	}

	a.cta-btn {
		top: 35px;
		text-align: center;
		color:#fff;
		padding-top: 18px;
	}

	#shortrequest .short-desc {
		display: none;
	}
	.ul-nav {
		width: 70%!important;
	}

	#news a.fb-button,#news a.insta-button  {
		display:block;
		width: 100%!important;
		text-align: center!important;
		clear:both!important;
		font-size: 0.75rem!important;
	}
	#news a.fb-button {
		margin-top: -25px!important;
	}
	.ce-center figure.image {
		margin-top: -60px!important;
	}

	.sitelinks.d-lg-hidden, .sitelinks.d-lg-hidden .hideMobile {
		margin-top: 15px;
		display: block;
	}

	.sitelinks.d-lg-hidden a, .sitelinks.d-lg-hidden span {
		color: #fff!important;
		padding: 5px!important;
	}
	.content-section blockquote p {
	    font-size: 1.0rem;
	    line-height: 1.2;
		max-width: 90%;
	}
	.content-section h2 {
		padding-top: 20px;
	}

	.content-section h3 {
	    font-size: 1.1rem;
	    font-family: 'Raleway';
	    padding: 0px 20% 30px 20%;
	    margin-bottom: 0;
	    text-transform: uppercase;
	}

	.container {
		max-width: 100%;
		padding: 0;
	}

	.content-section header h2,.headerWrap h2  {
		font-size: 3.3rem!important;
	}

	.headerWrap {
		margin-top: 0px;
		margin-left: -60px;
	}
	.swiper-slide IMG {
		min-height:400px!important;
		max-width: none!important;
		width: auto!important;
	}
	.d-md-none {
		display:none;
	}

	#shortrequest {
		position: static;
		width: 100%;
		max-width: none;
		height: auto!important;
		background-image: linear-gradient(to right, #0e818c , #0c5f67);
		top: 0px;
		left: 0px;
		margin-top: 0px;
		z-index: 1000;
		margin-bottom: 0px;
		padding: 40px 30px 40px 30px;
	}

	#about .container .right-content IMG {
		left: 0;
		max-width: 100%!important;
	}

	#about .container p {
    	text-align: justify;
    	padding: 35px 10% 25px 10%;
	}

	#about .row > div, #angebot .row > div {
		text-align: center;
	}
	#about IMG, #angebot IMG {
		width: 90%;
		height: auto;
		position: relative;
		margin:0px auto;
	}

	#angebot .right-content h4,#angebot .left-content h4 {
	    margin-top: 20px;
	    font-size: 2.2rem;
	    position: relative;
	    left: 0px;
	    padding: 0 10% 0px 10%;
	    margin-bottom: 10px;
	    text-transform: uppercase;
	    font-weight: 900;
	    text-align: left!important;
	}

	#angebot #c24 {
		margin-top: -40px;
		background: #d7d7d7;
		padding: 0px 5% 20px 5%;
	}

	#angebot #c24 header {
		padding-top: 0px;
	}

	#angebot #c24 header h5 {
		padding-top: 35px;
	}

	#angebot {
	    background: #fff url(../img/angebot-bg.png) no-repeat;
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-size: auto;
	    background-size: cover;
	    background-position: left top;
		padding-bottom: 5%;
	}

	#kontakt .container {
		max-width: 80%;
	}

	#angebot .right-content h5, #angebot .left-content h5 {
		padding: 0 30% 0px 10%;
	    font-size: 1.0rem;
	    margin-bottom: 10px;
	    text-transform: uppercase;
	    font-weight: 900;
	    text-align: left!important;

	}

	.btn-video {
		left: 5%;
	}

	#angebot .right-content p, #angebot .left-content p {
		padding: 5px 10% 15px 10%;
		line-height: 1.5rem;
		text-align: left;
	}

	.ul-nav ul {
		height: 80vh;
		overflow-y:auto;
		padding-top: 10vh;
		margin-right:30px;
    padding-left: 30px;
	}

	.ul-nav ul li {
		list-style: none;
		border-bottom: 1px solid #292525;
		padding: 7px 0px 7px 20px;
		opacity:0;
	}

	.ul-nav ul li a {
		color:#fff;
		font-size:1.2rem;
		font-weight:200;
		text-transform:uppercase;
	}

	.ul-nav ul li a.active {
		color:#fff;
		font-size:1.2rem;
		font-weight:900;
		padding-left: 20px;
		border-left: 7px solid #0e818c;
		text-transform:uppercase;
	}

	.nav-footer {
		margin:0;
		padding: 20px 20px 20px 60px;
		background:#121212;
		font-size:0.70rem;
		height:auto;
	}

	.nav-footer .social {
		width: 100%;
		clear:both;
		padding-bottom:20px;
	}

	.headerWrap h2 {
		font-weight:  900;
		max-width: 650px;
		font-size: 4.4rem;
		margin-bottom: 20px!important;
		position: relative;
		top:0;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 {
		max-width: 650px;
		position: relative;
		top:40px;
		opacity:0;
		-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
	}

	.headerWrap div.h3 p {
		font-size: 1.1rem!important;
	}

	header#top.fixed {
		background:rgba(140,140,140,0.75);
		width: 100%!important;
		height: 70px;
	}
	button.nav-button, button.close-button {
		transform: scale(0.8);
	}

	button.nav-button {
		top: 20px;
		left: 15px;
	}

	.close-button {

		left: 100%;
		margin-left: -75px;
		top: 20px;
	}

	.logo {
		width: 150px;
		height: 45px!important;
		position: fixed!important;
		right: 15px!important;
		top: 15px!important;
		background: url(../img/logo-mobile.svg)!important;
		background-size:cover!important;
		overflow: hidden;
	}

	header#top .logo a.home-link {
		display: block!important;
		background: none!important;
		width: 100%;
		height: 100%;
	}

	header#top.fixed .logo {
		height: 45px!important;
		width: 35px!important;
		background: url(../img/logo-mobile.svg)!important;
		background-size:cover!important;
	}

	.hideMobile {
		display:none;
	}

	.insta .text, .fb .text {
		display:none;
	}

	.break {
		height:0px;
		width: 100%;
		display:block;
		opacity:0;
		clear:both;
	}

	.swiper-slide {
		max-height: none;
		min-height: calc(100vh - 190px);
	}

	.swiper-slide IMG {
		min-height: 100vh;
		max-width: none!important;
		width: auto!important;
	}

	#c27 IMG {

		width: 100%!important;
		height: auto;
		min-width: 600px!important;
		height: auto!important;

		margin: 30px 0 20px 0!important;
	}
}

@media (max-width:850px) and (orientation: landscape)  {
  .swiper-slide .headerWrap {
    transform: scale(0.8)!important;
    top: 50px!important;
    right: 2vw!important;
    visibility: visible!important;
  }

  .swiper-slide .inner-border .headerWrap {
    position: static!important;
    z-index: 3000000000!important;
  }
}

@media (max-width: 480px) {

	#teaser-12 #teaser-text {
		width: 110px;
		height: 110px;
		padding: 30px 0 30px 0;
		background: #27929c;
		transform: rotate(-25deg) scale(0.7);
		display:block;
		white-space: pre;
		position: absolute;
		color: #fff;
		font-weight: 900;
		text-transform: uppercase;
		text-align: center!important;
		right: 25px;
		top: -7px;
		z-index: 10;
		border-radius: 100%;
	}

	.thumbs-container {
		display: none;
	}

	.btn-video::after {
		margin-top: -70px;
		transform: scale(0.55) rotate(-25deg);
		margin-left: 15px;
	}

	a.cta-btn {
		top: 35px;
		text-align: center;
		color:#fff;
		padding-top: 18px;
	}

	.ul-nav {
		width: 85%!important;
	}

	#c27 IMG {
		width: 100%!important;
		height: auto;
		min-width: 440px!important;
		margin: 20px 0 0px 0!important;
	}
	button.close {
		font-size: 2rem!important;
		right: 25px;
    	top: 20px!important;
	}
	.ce-center figure.image {
		margin-top: -50px!important;
	}
	.headerWrap h2, .content-section h2 {
		font-size: 3rem!important;
	}

	.headerWrap h3,.headerWrap div.h3 p {
		font-size: 0.9rem!important;
	}

	#about p {
		text-align: left!important;
		margin-bottom: 5px;
	}

	.content-section h3 {
		padding: 0px 5% 30px 5%;
	}

	.content-section p {
		line-height: 1.6rem!important;
	}

	.form-check {
		padding-left:0!important;
	}

	.landscape {
		display: none!important;
	}

	.portrait {
		display:block;
		height: 100vh;
		width: 100vw;
	}

	.portrait IMG {
		height: 100vh;
		width: auto!important;
	}

	.headerWrap {
		width: 100%;
		max-width: 100%;
		margin-left: 0px;
		text-align: center;
		top: 30vh!important;
		left:0!important;
		right: 0!important;
		text-align: center!important;
	}

	.headerWrap h
	.d-xs-none {
		display:none;
	}

	.swiper-slide IMG {
		min-height: 60vh;
		width: auto;
	}

	button, a.cta-btn {
		font-size: 1.0rem!important;
		max-width: 80%!important;
	}

	#angebot .right-content h5, #angebot .left-content h5 {
		padding: 0 20% 0px 10%;
	}
}

@media (min-width:400px) and (max-width: 480px) and (orientation:portrait) {
  .swiper-slide .headerWrap {
    top: 340px!important;
    max-width: 90%;
    margin: 0px auto!important;
  }

  .swiper-slide .headerWrap h2 {
    font-size: 2.3em!important;
  }
}

@media (max-width:320px) {
	.ul-nav {
		width: 100%!important;
	}
}

/* --- dp_cookieconsent v12 layout fix (2026-08-13): force floating bottom-right box, neutralize stray fixed buttons --- */
.cc-window.cc-bottom-right{position:fixed!important;top:auto!important;left:auto!important;right:1.5em!important;bottom:1.5em!important;width:auto!important;max-width:24em!important;}
.cc-window .cc-btn{position:static!important;top:auto!important;left:auto!important;}
.cc-revoke,.dp--revoke{top:auto!important;bottom:0!important;}

/* --- dp_cookieconsent "Anpassen"-Fenster (2026-10-05): globale button{position:fixed;top:40px;left:40px} (Burger) stapelte alle Buttons oben links --- */
.cc-window-config button{position:static!important;top:auto!important;left:auto!important;}
.cc-window-config .cc-btn-close{width:auto!important;}

/* --- Powermail Fehlermeldung dezent (2026-10-05): h2 erbte 86px Playfair, rosa Flaechen --- */
.tx-powermail .powermail_message_error{background:rgba(224,82,82,.12)!important;border:0!important;border-left:4px solid #e05252!important;border-radius:4px;padding:12px 18px!important;margin:0 0 25px!important;color:#fff!important;}
.tx-powermail .powermail_message_error h2{font-family:inherit!important;font-size:16px!important;line-height:1.4!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;margin:0 0 4px!important;color:#fff!important;}
.tx-powermail .powermail_message_error ol{margin:0!important;padding-left:18px!important;font-size:14px;}
.tx-powermail .powermail_message_error li,.tx-powermail .powermail_message_error a{color:#f3b0b0!important;}
.tx-powermail div.powermail_field_error{background:none!important;}
.tx-powermail input.powermail_field_error,.tx-powermail textarea.powermail_field_error{border:2px solid #e05252!important;}
.tx-powermail .powermail_field_error_container{color:#f3b0b0;font-size:13px;}

/* --- Referenzlogos: max. Hoehe begrenzen, hohe/quadratische Logos waren zu dominant (2026-10-05) --- */
.logo-slider .swiper-slide img{max-height:90px!important;width:auto!important;height:auto!important;object-fit:contain;}
@media (max-width: 767px){.logo-slider .swiper-slide img{max-height:70px!important;}}

/* --- Referenzlogos als mehrzeiliges Laufband (2026-10-05), aufgebaut in main.js buildLogoMarquee() --- */
.logo-marquee{overflow:hidden;padding:20px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.logo-marquee .logo-row{overflow:hidden;padding:14px 0;}
.logo-marquee .logo-track{display:flex;align-items:center;width:max-content;animation:logo-scroll 60s linear infinite;}
.logo-marquee .logo-row.reverse .logo-track{animation-direction:reverse;}
.logo-marquee .logo-row:hover .logo-track{animation-play-state:paused;}
.logo-marquee .logo-item{flex:0 0 auto;width:160px;height:90px;margin:0 28px;display:flex;align-items:center;justify-content:center;}
.logo-marquee .logo-item img{max-width:160px!important;max-height:80px!important;width:auto!important;height:auto!important;object-fit:contain;position:static!important;}
.logo-marquee .logo-item img{filter:grayscale(1);opacity:.6;transition:filter .3s ease,opacity .3s ease;}
.logo-marquee .logo-item:hover img,.logo-marquee .logo-item a:focus img{filter:none;opacity:1;}
.logo-marquee .logo-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
@keyframes logo-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (max-width:767px){
  .logo-marquee .logo-row{padding:8px 0;}
  .logo-marquee .logo-item{width:110px;height:64px;margin:0 16px;}
  .logo-marquee .logo-item img{max-width:110px!important;max-height:56px!important;}
}
@media (prefers-reduced-motion: reduce){.logo-marquee .logo-track{animation-duration:400s!important;}}

/* --- Instagram-Teaser statt Elfsight-Feed (2026-10-05), Inhalt in tt_content c28 --- */
#news .insta-teaser-icon{text-align:center;margin:10px 0 18px;}
#news .insta-teaser-icon i{font-size:54px;line-height:1;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;background-clip:text;color:transparent;}
#news .insta-teaser-text{max-width:640px;margin:0 auto 30px;text-align:center;font-size:18px;line-height:1.7;}
#news .insta-teaser-cta{text-align:center;margin-bottom:28px;}
#news a.insta-cta{display:inline-block;padding:14px 34px;border-radius:40px;background:#27929C;color:#fff!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:transform .2s,background .2s;}
#news a.insta-cta:hover{background:#1f7880;transform:translateY(-2px);}
#news a.insta-cta i{margin-right:8px;}
#news .insta-teaser-fb{text-align:center;font-size:14px;opacity:.8;}
#news .insta-teaser-fb a{color:#fff!important;}

/* --- insta feed: push the "Besuche MagicMax auf Instagram" line below the Elfsight "Mehr laden" button (2026-08-13) --- */
a.insta-button{display:inline-block;margin-top:60px;}