body.member-area {
  background-attachment: fixed!important;
  background-size:cover!important;
  background-image:none!important;
  background-color:#fffce9;
}

.intro .inside {
	padding-top:0!important;
}

.nordsee-header {
  background-color: var(--color-default);
}

/* ARTIKEL */

.mod_article {
  max-width: 66.625em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.article--full {
  max-width: none!important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.article--full.containered > .inside {
  max-width: 66.625em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2em;
  padding-bottom: 2em;
}

/* TYPO */

p {
  font-family: 'Josefin Sans'!important;
  font-weight: 400!important;
  margin:0 0 15px 0;
  color:#867d83;
  font-size: 20px;
  hyphens:auto;
  text-align:justify;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Hussar Bold Web Edition"!important;
}

h2 {
  background-color:var(--color-default)!important;
  color:var(--color-default2)!important;
  font-size:4rem;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-top:15px!important;
  margin-bottom:15px!important;
  padding:1rem;
  line-height:1;
  width: max-content;
}

h3 {
  font-family: 'Josefin Sans'!important;
  color:#53464E!important;
  font-size:1.5rem;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-top:10px!important;
  margin-bottom:10px!important;
}

.topic p {
  text-transform: uppercase;
  letter-spacing: 4px!important;
  font-size: 14px!important;
  margin:0!important;
  padding: 1rem 1rem 1rem 0;
  line-height: 1;
  font-size: 22px !important;
}

.vertical-text {
  background-color:var(--color-default2)!important;
  transform: rotate(-92deg);
  position: absolute;
  right: -200px;
  bottom: 360px;
}

.vertical-text-white {
  background-color:transparent!important;
  transform: rotate(-90deg);
  position: absolute;
  right: -230px;
  bottom: 326px;
}

.vertical-text p {
  color:var(--color-default);
  font-size:4.5rem;
  padding: 1rem 0 2rem 0;
  margin:0;
  letter-spacing: 0px!important;
  font-family: 'Archivo Narrow' !important;
}

.vertical-text-white p span {
	color:var(--color-default)!important;
}

.vertical-text-white p {
  color:#ffffff!important;
  font-size:3rem;
  padding: 1rem 0 2rem 0;
  margin:0;
  letter-spacing: 0px!important;
  font-family: 'Archivo Narrow' !important;
}

.feature-line p {
  font-family: 'Archivo Narrow' !important;
  color: var(--color-default) !important;
  background-color: var(--color-default2) !important;
  font-size: 1.5rem !important;
  letter-spacing: 1px;
  transform: rotate(-2deg);
  position: absolute;
  margin-top: -40px;
  z-index: 9;
  display: block;
  padding: 10px;
  margin-left: -25px;
  line-height: 1.4;
  width: 100%;
  max-width: 450px;
}

.feature-list ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.feature-list ul li {
  font-family: 'Archivo Narrow' !important;
  color: var(--color-default) !important;
  background-color: rgba(232, 227, 203, 0.9);
  font-size: 1.5rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align:right;
  width:fit-content;
  margin-left: auto;
  margin-bottom:15px;
  padding: 10px;
  transform: rotate(-3deg);
}

.feature-list ul li:nth-child(2n-1) {
  transform: rotate(0deg);
}

.image-ist-alles-bg {
  background-image: url("/files/nordsee-digital/landingpages/hotel/bilder/hotel-nordsee-digital5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding:2rem;
  margin-bottom:5rem;
}

/* GRID UND WRAPPER */

.gallery-grid__inner {
  display: grid;
  grid-template-rows: auto;
}
.gallery-grid__inner .image_container {
  height: 100%;
  display: flex;
}
.gallery-grid__inner .image_container > .cboxElement {
  width: 100%;
  height: 100%;
}
.gallery-grid__inner .image_container > .cboxElement > img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.gallery-grid__inner .image_container > img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.gallery-grid__inner.object-fit__cover img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.wrapper-grid__inner {
  display: grid;
  grid-template-rows: auto;
}

/* SPACER */

.spacer-xl {
  height:5rem;	
}

.spacer-l {
  height:3rem;	
}

.spacer-m {
  height:1.5rem;	
}

.features {
  background-color:var(--color-default2);
  padding: 1rem;
  transform: rotate(4deg);
  width: min-content;
  min-width: 350px;
  z-index:1;
  position: relative;
}

.features p {
  text-transform: uppercase;
  font-size: 14px!important;
  color: var(--color-default) !important;
}

.green-border {
  background-color:var(--color-default);
  padding-top:2rem;
  padding-left:2rem;
  transform: rotate(-4deg);
  width: max-content;
  max-width: 360px;
}
/*
.green-border:after {
  content: url("/files/nordsee-digital/landingpages/gastro/smartphone-silhouette.svg");
  width: 80px;
  position: absolute;
  right: -60px;
  display: block;
  z-index: 9 !important;
  top: 160px;
  transform: rotate(20deg);
}*/

.dark-bg.fish {
	background-color: var(--color-brand2);
	background-image: url('/files/nordsee-digital/landingpages/hotel/hotelbg3.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}

.dark-bg.salat {
	background-color: var(--color-brand2);
	background-image: url('/files/nordsee-digital/landingpages/hotel/hotelbg2.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}
/*
.cake {
	background-color: var(--color-brand2);
	background-image: url('/files/nordsee-digital/landingpages/gastro/gastrobg6.jpg');
	background-attachment: scroll;
	background-size: cover;
	background-position: center center;
}

.socialmedia {
	background-color: var(--color-brand2);
	background-image: url('/files/nordsee-digital/landingpages/gastro/gastrobg5.jpg');
	background-attachment: scroll;
	background-size: cover;
	background-position: center center;
}

.coastforge {
	background-color: var(--color-brand2);
	background-image: url('/files/nordsee-digital/landingpages/gastro/gastrobg4.jpg');
	background-attachment: scroll;
	background-size: cover;
	background-position: center center;
	margin-top: -5px;
}
*/
.dark-bg p {
	color:white;
}

.dark-bg h3 {
	color:var(--color-default)!important;
}

.ce_rsce_tiny_headerslider .headerslide__image img {
	object-fit: unset!important;
	height:inherit!important;
}

.ce_rsce_tiny_headerslider .tns-nav {
  position: absolute;
  bottom: 15px;
  width: 100%;
  z-index: 99;
}

.tns-nav > button {
  margin: 0 3px;
  width: 20px;
  height: 20px;
  background-color:var(--color-default);
}

.quicklinks-parent-con {
  position: fixed;
  right: 0px;
  top: 35%;
  height: auto;
  width: 60px;
  z-index: 999999 !important;
}

.quicklink-parent {
  width:280px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 2px;
}

.quicklink-parent:hover {
  -webkit-transform: translateX(-210px);
  -ms-transform: translateX(-210px);
  transform: translateX(-210px);
  background-color: white;
}

.quicklink-parent p, .quicklink-parent a {
  color: #000 !important;
  text-decoration:none;
}

.content-overflow {
  margin: 10px;
}

.content-overflow a {
  margin: 10px;
  padding: 5px 15px;
}

.quick-overflow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  text-align: center;
  height: auto;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.content {
  box-shadow: #161616 2px 2px 5px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-default);
  height: auto;
  width: 60px;
  color: var(--color-default2);
  font-size: 25px;
  padding: 15px 0px 15px 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width:1024px) {
	.vertical-text,
	.vertical-text-white {
	  display:none;	
	}
	
}

@media screen and (max-width:920px) {
.quicklinks-parent-con {
		top: 14%;
		width:40px;
	}
	.quicklinks-parent-con .content {
		width:40px;
		padding: 10px 0px 10px 0px;
	}
	.quicklinks-parent-con .content img {
		width: 30px;
		height: auto;
	}
}	

@media screen and (max-width:768px) {
	h2 {
		width: min-content!important;
		font-size: 2.5rem;
	}
	#main .inside {
		padding-top: 64px!important;
	}
	.spacer-xl,
	.spacer-l {
		display:none;
	}
	.image-ist-alles-bg {
		margin-bottom:2rem;
	}
	.ce_rsce_wrapper_grid_new_start {
		padding-top:2rem!important;
		padding-bottom:2rem!important;
	}
}

@media screen and (max-width:600px) {
	.feature-line p {
		margin-left: -10px !important;
    	width: auto;
	}
	.topic p {
		text-align: left !important;
	}
	.green-border {
		padding-left:0!important;
	}
	.quicklinks-parent-con {
		display:none;
	}
}

.werbebanner-text {
  font-size: 14px;
  text-align: center;
  margin-top: 3px;
}

.tns-inner {
	height:100%!important;
}

.btn--highlight:hover {
  background-color: var(--color-brand2)!important;
  color: #867d83!important;
}