@font-face {
    font-family: "FSSiena-Regular";
    src: url("../fonts/FSSienaWeb-Regular.woff") format('woff');
}

@font-face {
    font-family: "FSSiena-SemiBold";
    src: url("../fonts/FSSienaWeb-SemiBold.woff") format('woff');
}

@font-face {
    font-family: "FSSiena-SemiBoldItalic";
    src: url("../fonts/FSSienaWeb-SemiBoldItalic.woff") format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "FSSiena-Italic";
    src: url("../fonts/FSSienaWeb-Italic.woff") format('woff');
    font-style: italic;
}

@font-face {
    font-family: "FSSiena-Thin";
    src: url("../fonts/FSSienaWeb-Thin.woff") format('woff');
}

@font-face {
    font-family: "FSSiena-Medium";
    src: url("../fonts/FSSienaWeb-Medium.woff") format('woff');
}

@font-face {
    font-family: "FSSiena-Light";
    src: url("../fonts/FSSienaWeb-Light.woff") format('woff');
}

@font-face {
    font-family: "FSSiena-LightItalic";
    src: url("../fonts/FSSienaWeb-LightItalic.woff") format('woff');
    font-style: italic;
}

@font-face {
    font-family: "FSSiena-ExtraLight";
    src: url("../fonts/FSSienaWeb-ExtraLight.woff") format('woff');
}

html, body {
	height: 100%;
	height: 100vh;
	max-width:100%!important;
	margin: 0;
	padding: 0;
	font-family: FSSiena-Regular, sans-serif, arial;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
  max-width:100vw;
}

.main-container {
	max-width:100%;
	max-width:100vw;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow:hidden;
}
.h100 {
	height:100%!important;
}
.fs {
	height: 100vh;
	width:100%;
	max-width: 100%; /*limit width*/
}
.fullWidth {
	min-height: 100vh;
	width:100%;
	max-width: 100%; /*limit width*/
}
.opaHidden {
	opacity:0;
}


/* For mobile phones (and devices not explicit referenced below) */
html {
	font-size: 14px;
}

.fontSize14 {
	font-family:FSSiena-SemiBold;
	font-weight: bold;
	font-size:14px;
	font-size:4vw;
	letter-spacing: 1px;
	letter-spacing: 0.08vw;
}
.fontSize16IDS {
	font-family:FSSiena-Medium;
	font-size: 16px;
	font-size:4vw;
}
.fontSize16Ref {
	font-family:FSSiena-Regular;
	font-size: 16px;
}
.fontSize17 {
	font-family:FSSiena-Thin;
	font-size:17px;
	font-size: 3.6vw;
}
.fontSize20Leben {
	font-family:FSSiena-Regular;
	font-size: 20px;
	font-size: 1.57vw;
	letter-spacing: 1px;
	letter-spacing: 0.08vw;
}
.fontSize20Text {
	font-family:FSSiena-Regular;
	font-size: 20px;
	font-size: 4vw;
	letter-spacing: 1px;
	letter-spacing: 0.08vw;
	color:#DCDCDC;
}
.fontSize20Kontakt {
	font-family:FSSiena-Light;
	font-size: 20px;
	font-size: 3.8vw;
}
.fontSize24BMenu {
	font-size: 20px;
}
.fontSize24Kontakt {
	font-family:FSSiena-Light;
	font-size: 24px;
	font-size: 4vw;
}
.fontSize28 {
	font-size: 1em;
}
.fontSize30 {
	font-size: 5vw;
}
.fontSize30Leben {
	font-family: FSSiena-Light;
	font-size: 30px;
	font-size: 2.35vw;
	letter-spacing: 4px;
	letter-spacing: 0.31vw;
}
.fontSize35Menu	{
	font-family:FSSiena-Light;
	font-size:35px;
	letter-spacing: 4px;
	font-size: 8vw;
	letter-spacing: 0.3vw;
}
.fontSize35Title {
	font-family:FSSiena-ExtraLight;
	font-size:35px;
	letter-spacing: 4px;
	font-size: 6vw;
	letter-spacing: 0.3vw;
	color:#DCDCDC;	
}
.fontSize40 {
	font-family:FSSiena-Thin;
	font-size: 6vw;
    letter-spacing: 1vw;
}
.fontSize40Zg {
	font-family: FSSiena-Thin;
    font-size: 6vw;
    letter-spacing: 2vw;
    text-indent: 2vw;
}
.fontSize42 {
	font-family:FSSiena-Thin;
	font-size:42px;
	font-size: 5vw;
	letter-spacing: 12px;
	letter-spacing: 0.94vw;
}
.fontSize50Zit {
	font-family: FSSiena-LightItalic;
	font-style:italic;
	font-size: 7vw;
	color:#B48B5A;
}
.fontSize55 {
	font-size: 10vw;
}
.fontSize65STitle {
	font-size: 52px;
	font-size: 8vw;
	letter-spacing: 2vw;
	text-indent: 2vw;
}
.fontSize65KPTitle {
	font-size: 52px;
	font-size: 8vw;
	letter-spacing: 2vw;
}
.fontSize70Eden {
	font-family: FSSiena-Thin;
    font-size: 70px;
    letter-spacing: 46px;
	text-indent: 46px;
    font-size: 8vw;
    letter-spacing: 3.6vw;
	text-indent: 3.6vw;
}
.fontSize80EdenVideo {
	font-family: FSSiena-Thin;
    font-size: 14vw;
    letter-spacing: 3vw;
	text-indent: 3vw;
}

/* BEGIN: Text Page Style */ 
.textPage {
	height: 100vh;
}
.textPage .tblC {
	vertical-align:middle;
}

.textPage .textWrapper .content .nTitle {
	margin:0;
	text-transform:uppercase;
}

.textPage .textWrapper .content .nText {
	margin:0;
}
/* END: Text Page Style */

/* BEGIN: NAVIGATION OVERLAY */
#myNav .tblC {
	vertical-align:middle;
}
#menuDiv {
	display:inline-block;
	text-align:left;
}
/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */   
	height: 100%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 30; /* Sit on top */
	left: 0;
	top: 100%;
	background-color: rgb(255,255,255); /* White fallback color */
	background-color: rgba(255,255,255, 0.99); /* White w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
	position: relative;
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
}

/* The navigation links inside the overlay */
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-family: FSSiena-Light;
	color: #000000;
	display: block; /* Display block instead of inline */
	transition: 0.3s; /* Transition effects on hover (color) */
	text-transform: uppercase;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
	color: #B48B5A;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
	position: absolute;
	top: 20px;
	left: 45px;
	cursor:pointer;
	width:5vh;
	height:5vh;
	background-image: url("../img/closeBtn.png");
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:40;
}
/* END: NAVIGATION OVERLAY */

/* BEGIN: DIV OVERLAY */
/* The Overlay (background) */
.d-overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */   
	height: 100%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 30; /* Sit on top */
	left: 0;
	top: 100%;
	background-color: rgb(255,255,255); /* White fallback color */
	background-color: rgba(255,255,255, 0.99); /* White w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.d-overlay > div {
	display:table;
	height:100%;
	width:100%;
}

/* Position the content inside the overlay */
.d-overlay-content {
	position: relative;
	width: 100%; /* 100% width */
	height:100%;
}

/* Position the close button (top right corner) */
.d-overlay .closebtn {
	cursor: pointer;
	width: 5vh;
	height: 5vh;
	background-image: url("../img/closeBtn.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	float: left;
	margin-top: 2vh;
	margin-left: 2vh;
}
/* END: SECTIONS OVERLAY */

/* BEGIN: Simple animation up */
.slideInUp {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.7s ease-out;
          transition: all 0.7s ease-out;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }
.is-active .slideInUp {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.slideInUp.slideInUp2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
.slideInUp.slideInUp3 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
/* END: Simple animation up */

#module-02 {z-index:2;}
#module-03 {z-index:3;}
#module-04 {z-index:4;}
#module-05 {z-index:5;}
#module-06 {z-index:6;}
#module-07 {z-index:7;}
#module-08 {z-index:8;}
#module-09 {z-index:9;}
#module-10 {z-index:10;}
#module-11 {z-index:11;}
#module-12 {z-index:12;}
#module-13 {z-index:13;}
#module-14 {z-index:14;}
#module-15 {z-index:15;}
#module-16 {z-index:16;}
#module-17 {z-index:17;}
#module-18 {z-index:18;}

#module-02,
#module-03,
#module-04,
#module-05,
#module-06,
#module-07,
#module-08,
#module-09,
#module-10,
#module-11,
#module-12,
#module-13,
#module-14,
#module-15,
#module-16,
#module-17,
#module-18 {
	position:relative
}

#burgermenu {
	position: fixed;
    top: 15px;
    left: 23px;
    cursor: pointer;
    color: #B48B5A;
    z-index: 29;
    -webkit-transform: scale(2.0, 1.0);
    -moz-transform: scale(2.0, 1.0);
    -ms-transform: scale(2.0, 1.0);
    -o-transform: scale(2.0, 1.0);
    transform: scale(2.0,1.0);
}

#burgermenu:hover {
	color:#e5b273;
}

#burgermenu.bmWhite {
	color:white!important;
}
#burgermenu.bmBlack {
	color:black!important;
}

#edentext {
    color: #92734f;
    text-align: center;
    width: 100%;
    max-width: 100%;
    font-style: normal;
    font-stretch: normal;
    font-weight: 100;
    padding: 16px 10px 28px 10px;
}

#intro {
	background-color:#252525;
}

#introimg {
	
	/* The image used */
    background-image: url("../img/170627_EDENHOLZ.jpg");

    /* Center and scale the image nicely */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

	width:100%;
	max-width: 100%; /*limit width*/
	height:100%;
}

#introafterimg {
	height:7vh;
	vertical-align: middle;
	text-align:center;
}

.bounce {
	background-image: url("../img/170803_Pfeil_gold.png");
	margin:0 auto;
    width: auto;
    height: 60%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
	-moz-animation: bounce 4s infinite;
	-webkit-animation: bounce 4s infinite;
	animation: bounce 4s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-1vh);
  }
  60% {
    transform: translateY(-0.5vh);
  }
}

.bcg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#wappen01, #wappen03 {
	width:100%;
	text-align:center;
}
.wappenDiv > svg {
	cursor:pointer;
}
.wappenHover .wappenG {
	fill: #e5b273;
	stroke: #e5b273;
}

.wappenHover .wappenW {
	fill: #eeeeee;
	stroke: #eeeeee;
}

#wappen01
 {
	height:100%;
}
#wappen02 {
	position: fixed;
	top:36px;
	z-index:-1;
	text-align:center;
	width:100%;
}

#module-01 {
	position:relative;
	width:100%;
	max-width:100%;
	height:100%;
}
#module-01 .bcg {
	/*background-color:#64726f;*/
	background-color:rgba(73,89,86,0.85);
	background-size: cover;
	z-index: -2!important;
}
#module-01 {
	height:100vh!important;
}

#videocontent {
    position: fixed;
	top:40%;
	z-index: -1;
	opacity:0;
	height:65%;
	left:0;
	right:0;
}

#video {
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    position: absolute;
}

#mytext{
    position: fixed;
	top:40%;
	width:100%;
	text-align:center;
	font-family: FSSiena-Thin;
	color:rgba(255,255,255,1);
	opacity:0;
	z-index:-1;
	text-transform:uppercase;
	height:65%;
}

#vid-cover {
  width: 100%;
  height: 100%;
  background: #64726f;
  position: absolute;
  top: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  left: 0;
}

#module-02 {
	background-color:white;
}
#module-02 .content {
	opacity:1;
}
#module-02 .content p {
    color:#121C14;
	padding:0 15%;
	font-family: FSSiena-Light;
}
#module-02 .tblC {
	vertical-align:middle;
	text-transform: uppercase;
}

#module-02 .content .m2span {
	border-top: 2px solid black;
	width:20vw;
	margin:0 auto;
}

#module-03 {
	background-color:#485956;
	width:100%;
	max-width: 100%; /*limit width*/
	position:relative;
}

#module-03 .content,
#module-03 .mLine {
	border-color:#B48B5A;
}

#module-04 {
	text-align:center;
	overflow: hidden;
	background-color:white;
	position:relative;
}

/* BEGIN: MODULE SLIDESHOW CSS */

.modSlideshow {
	background-color:white;
	text-align:center;
}

.modSlideshow .content {
	height:100%;
	max-height:100vh;
	display:table;
	width:100%;
	margin:0 auto;
}

.titleSlideshow {
	padding: 6vh 0 3vh 0;
    color: #485956;
	font-family: FSSiena-Thin;
}
#module-10 .titleSlideshow {
	color:#B48B5A!important;
}

.modSlideshow .tblC {
	vertical-align:middle;
}
#module-05 .slContainer,
#module-08 .slContainer,
#module-12 .slContainer {
	margin: 0 auto;
	max-width:100%;
	max-height:100%;
	height:100%;
}

#module-08 .titleSlideshow {
	color:#B48B5A;
}

#module-14 .slContainer {
	margin: 0 auto;
	max-width:100%;
	max-height:100%;
}

/* END: MODULE SLIDESHOW CSS */

#module-05,
#module-08 .content,
#module-12 .content,
#module-15 .content {
	min-height:100vh;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-width: 8px;
	border-style:solid;
}

#module-05,
#module-12 .content,
#module-15 .content {
	border-color:#B48B5A;
}
#module-08 .content {
	border-color:#E94257;
}

#module-06 {
	width:100vw;
	max-width:100%;
	height:100vh;
	position:relative;
	background-color: #323232;
}
#module-06 .bcg {
	background-image: url("../img/170705_Lagekarte.jpg");
	background-size: auto 100%;
	background-position: center center;
	-webkit-box-shadow: inset 0px 0px 20px 5px rgba(72,89,86,1);
	box-shadow: inset 0px 0px 20px 5px rgba(72,89,86,1);
	background-color:#485956;
}
#module-06 #m06Text {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border: solid 3px #B48B5A;
	width: 30vw;
	background-color: white;
}
#module-06 img {
	width:100%;
}

#module-06 #m06Text > div {
	padding: 1vh 1vw;
	text-align:center;
	color: #B48B5A;
}

#module-06 #m06Text > div .legTitle {
	text-transform:uppercase;
}
#module-07 {
	background-color: #323232;
	width:100%;
	max-width:100%;
}
#module-07 .content {
	color: #DCDCDC;
}
#module-07 .mLine {
	border-color:#E94257;
	color: #DCDCDC;
}
/* MODULE-09 & MODULE-16 */
#module-09,
#module-16 {
	height:160vh;
}

#module-09 .zSpacer,
#module-16 .zSpacer {
	height:30vh;
}

#module-09,
#module-16  {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 8px;
	border-right-width: 8px;
	border-style:solid;
}
#module-09 {
	border-color:#E94257;
}
#module-16 {
	border-color:#B48B5A;
}

#module-09,
#module-16 {
	/*background-color: #ccc;*/
	width:100vw;
	max-width:100%;
	position:relative;
}

#module-09 .innerWrapper,
#module-16 .innerWrapper {
	padding: 1vh 0;
	background-color:rgba(255,255,255,1);
}
#module-09 .reference,
#module-16 .reference {
	text-transform:uppercase;
}

#module-09 .content,
#module-16 .content {
	width: 50vw;
	color: #B48B5A;
	text-align: left;
	margin: 8vh auto;
}

#module-09 .title,
#module-16 .title,
#module-09 .reference,
#module-16 .reference
 {
	margin:2vh auto;
}
/* MODULE 10 */
#module-10 {
	background: white;
	width:100vw;
	max-width:100%;
	position:relative;
}

#module-10 .fullBcg {
	background: rgba(74,74,74,0.05);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
}

#module-10 .content {
	width:90%;
	max-width:90%;
	height:100%;
	margin:0 auto;
	display:table;
	position:relative;
}

#module-10 .content .title {
	text-align: center;
	display:table-row;
}
#module-10 .content .title > div {
	display:table-cell;
}
#module-10 .content .wrapper {
	height:100%;
	width: 100%;
}

#module-10 .content .lightThumb {
	/*
	width:50%;
	height:50%;
	*/
	float:left;
	padding:10px;
	text-align:center;
	position:relative;
	display:inline-block;
}
#module-10 .content .lightThumb .stoerer {
	position: absolute;
    /* z-index: 2; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	max-width:50%;
}
#module-10 .content .lightThumb img {
	max-height:100%;
	max-width:100%;
	cursor:pointer;	
}

/*
#module-10 .content .lightThumb .imgTT
{
	height: 96%;
	background-size: contain;
	background-repeat: no-repeat;
	margin:1%;
	
}
*/

.imgTT:hover {
    -webkit-filter: brightness(80%); /* Safari 6.0 - 9.0 */
    filter: brightness(80%);
}

#module-10 .content  #imgT1,
#module-10 .content #imgT3 {
	text-align:right;
}
#module-10 .content  #imgT2,
#module-10 .content #imgT4 {
	text-align:left;
}

/* MODULE 11 */
#module-11 {
	background-color: #281C11;
	width:100%;
	max-width:100%;
}

#module-11 .content,
#module-11 .mLine {
	border-color:#B48B5A;
	color: #DCDCDC;
}

/* MODULE 13 */
#module-13 {
	background-color: #485955;
	width:100%;
	max-width:100%;
	position:relative;
}

#module-13 .content,
#module-13 .mLine {
	border-color:#B48B5A;
	color: #DCDCDC;
}

/* MODULE 14 */
#module-14 {
	background-color:#edeeec;
	width:100vw;
	max-width:100%;
	position:relative;
}

#module-14 .content {
	width:100%;
	max-width:100%;
	height:100%;
	margin:0 auto;
	display:table;
}

#module-14 .content .title {
	text-align: center;
	font-family:FSSiena-Thin;
	color:#B48B5A;
	padding:5vh 0 3vh 0;
}

#module-14 .content .wrapper {
	height:100%;
	display:table-row;
	width: 100%;
}

#module-14  .slWrapper .tblC {
	vertical-align:middle;
}

#module-14 .m14L,
#module-14 .m14R {
	width:50%;
	height:100%;
	float:left;
}

#module-14 .m14L  .modSlideshow {
	background:transparent!important;
}

.m14R .m14R1,
.m14R .m14R2 {
	height:28%;
	margin:1%;
}
.m14R .m14R3 {
	height:38%;
	margin:1%;
}

.m14R .m14R1 > .m14R1a,
.m14R .m14R1 > .m14R1b,
.m14R .m14R2 > .m14R2a,
.m14R .m14R2 > .m14R2b,
.m14R .m14R3 > div {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:100%;
}

.m14R .m14R1 > .m14R1a,
.m14R .m14R1 > .m14R1b,
.m14R .m14R2 > .m14R2a,
.m14R .m14R2 > .m14R2b {
	width:49.5%;
	float:left;
}

.m14R .m14R1 > .m14R1a,
.m14R .m14R2 > .m14R2a {
	margin-right:1%;
}


.m14R .m14R1 > .m14R1a {
	background-image: url("../img/170627_Materialien_Badezimmer_1.jpg");
}

.m14R .m14R1 > .m14R1b {
	background-image: url("../img/170627_Materialien_Badezimmer_Bild_2.jpg");
}
.m14R .m14R2 > .m14R2a {
	background-image: url("../img/170627_Materialien_Badezimmer_Bild_3.jpg");
}
.m14R .m14R2 > .m14R2b {
	background-image: url("../img/170627_Materialien_Badezimmer_Bild_4.jpg");
}

.m14R .m14R3 > div {
	background-image: url("../img/170627_Badezimmer_Alape.jpg");
	width:100%;
}
/* MODULE 15 */
#module-15 {
	background-color:white;
}
#module-15 .content {
	width:100%;
	padding:0 100px;
	padding:4vh 8vw;
	margin: 0 auto;
	height:100vh;
	
}
#module-15 .content .sText {
	padding: 4vh 0;
	text-align: left;
	color:black!important;
}
#module-15 .content .title {
	text-transform:uppercase;
	width:100%;
	text-align: left;
	padding-top: 3vh;
	font-family: FSSiena-Thin;
	color:#B48B5A;
}

#module-15 .logoLine {
	height:100%;
}

#module-15  .logoLine1,
#module-15  .logoLine2 {
	height:46%;
	margin:1% 0;
}

#module-15 .logoLine1 .logoWrapper,
#module-15 .logoLine2 .logoWrapper {
	height:100%;
	margin:0 3%;
	float:left;
}

#module-15 .logoLine1 .logoWrapper {
	width: 42%;
}

#module-15 .logoLine2 .logoWrapper {
	width: 42%;
}

#module-15 .logoHref,
#module-15 .logoHref > div {
	width:100%;
	height:100%;
	display:inline-block;
}


#module-15 .logoLine1 > div,
#module-15 .logoLine1 a > div,
#module-15 .logoLine2 > div,
#module-15 .logoLine2 a > div {
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}

#module-15 .logoL1a {
	background-image: url("../logos/170627_Kooperationspartner_Logo_1.png");
}

#module-15 .logoL1b {
	background-image: url("../logos/170627_Kooperationspartner_Logo_2.png");
}

#module-15 .logoL1c {
	background-image: url("../logos/170627_Kooperationspartner_Logo_3.png");
}

#module-15 .logoL1d {
	background-image: url("../logos/170627_Kooperationspartner_Logo_4.png");
}

#module-15 .logoL2a {
	background-image: url("../logos/170627_Kooperationspartner_Logo_5.png");
}

#module-15 .logoL2b {
	background-image: url("../logos/170627_Kooperationspartner_Logo_6.png");
}

#module-15 .logoL2c {
	background-image: url("../logos/170627_Kooperationspartner_Logo_7.png");
}

#module-15 .logoL2d {
	background-image: url("../logos/170627_Kooperationspartner_Logo_8.png");
}

#module-15 .logoL2e {
	background-image: url("../logos/170627_Kooperationspartner_Logo_9.png");
}

/* MODULE 17 */
#module-17 .entwLR {
	min-height:100vh;
	height:100%;
}
#module-17 .entwLeft,
#module-17 .entwRight {
	width:100%;
	min-height:100vh;
	float:left;
	height:auto;
}
#module-17 .entwLeft {
	background-color: #575755;
	background-image: url("../img/170627_Die_Entwickler_Hintergrund.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#module-17 .entwRight {
	background-color: #B48B5A;
}
#module-17  .title {
	opacity:0;
	visibility:hidden;
}
#module-17  .title,
#module-17  .entwSpacer {
	padding:10vh 0 6vh 0;
	font-family:FSSiena-Thin;
	margin:0 auto;
	white-space:nowrap;
	overflow: hidden;
}
#module-17 .entwMargin {
	margin:0 10vw;
}
#module-17 .contentWrapper,
#module-17 .content {
	min-height:100vh;
}
#module-17 .content {
	width:100%;
	max-width:100%;
	height:100%;
	margin:0 auto;
	color:white;
	text-align: left;
}
#module-17  .title {
	text-align: center;
	color:white;
	left:0;
	right:0;
	top:0;
	position:absolute;
}

#module-17 .content .smallText{
	text-align: left;
	text-transform:uppercase;
	min-height:6vh;
}
#module-17 .content .innerTitle {
	text-align: left;
    font-family: FSSiena-Thin;
	text-transform:uppercase;
}
#module-17 .content .entwLeft .smallLogo{
	background-image: url("../logos/170627_Die_Entwickler_Logo_1.png");
}
#module-17 .content .entwRight .smallLogo{
	background-image: url("../logos/170627_Die_Entwickler_Logo_2.png");
}
#module-17 .content .mainText {
	text-align: left;
	margin:2vh 0;
	padding-right:10vw;
}
#module-17 .content .smallLogo {
	text-align: left;
	height:7vh;
	width:100%;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:contain;
}
/* MODULE 18 */
#module-18 {
	background-color:white;
    position: relative;	
	min-height: 100vh;
	width:100%;
	max-width: 100%; /*limit width*/
}
#module-18 .content {
	width:90vw;
	background-color:white;
	display:table;
	margin: 0 auto;
	height: 100vh;
}
#module-18 .content .title {
	text-align: center;
	font-family:FSSiena-Thin;
	width:100%;
}
#module-18 .content .kInfo {
	text-align: center;
	width:100%;
}
#module-18 .content .kInfo > div {
	text-align:center;
	padding:4vh 0;
}
#module-18 .fieldLines,
#module-18 .kCheckbox,
#module-18 .kButton
{
	width:100%;
}

#module-18 .kCheckbox > div {
	text-align:center;
}

#module-18 .kCheckbox > div > div {
	margin:2vh 0;
}

#module-18 .fieldLines > div {
	text-align:center;
}

#module-18 .kButton {
	height:100%;
}

#module-18 .kButton .tblC {
	vertical-align:middle;
}

#module-18 .kButton #txtHint {
	color: #000;
	border: solid #000 2px;
	text-decoration: none;
	width:100%;
	display:none;
}

#module-18 .kButton #sendEmail {
	color: #333333;
	padding: 10px 20px;
	border: solid #333333 2px;
	text-decoration: none;
	cursor:pointer;
	width:20vw;
	margin:5vh auto;
}
#module-18 .kButton #sendEmail:hover {
	color: #EA4257;
	border: solid #EA4257 2px;
	text-decoration: none;
}

#module-18 #upPfeil:hover {
	background-image: url("../img/170803_Pfeil_rot.png");
}

#module-18 .bottomLinks {
	margin: 3vh auto;
	width: 100%;
	text-align: center;
}

#module-18 .bottomLinks > div > div > div {
	float:left;
	margin-bottom:5vh;
}

#module-18 #linkIS,
#module-18 #linkDS {
	cursor:pointer;
}

#module-18 #linkIS:hover,
#module-18 #linkDS:hover {
	color:#EA4257;
}
#module-18 .content .title > div {
	text-align:center;
	padding:8vh 0 0 0;
}
#module-18 .inputOuterWrapper {
	display: inline-block;
	width:44vw;
}
#module-18 .customInput {
	border: 1px solid #000 !important;
	padding: 10px;
	display: block;
	width:100%;
}
#module-18 .inputWrapper {
    float: left;
    padding: 1vh 0;
    width: 100%;
}
#module-18 #kSelectAnrede,
#module-18 #kSelect {
	text-align:left;
	margin:1vh 0;
	width:100%;
}
#module-18 #sFrage {
	display: inline-block;
    width: 100%;
    text-align: center;
}
#module-18 #sSelectAnrede,
#module-18 #sSelect {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
	width:100%;
}
.tblT {
	display:table;
}

.tblR {
	display:table-row;
}
.tblC {
	display:table-cell;
	text-align:center;
}
.textRight {
	text-align:right!important;
}

.textIDS {
	width:70vw;
	margin: 0 auto;
	text-align:left;
}
#myLB .d-overlay-content .tblC {
	vertical-align: middle;
}

#myLB .lightFooterText {
	float:left;
	text-align:left;
}
#myLB .image-map {
	background-image: url('../map/map_bcg.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width: 408px;
	height: 211px;
	display: block;
	position: relative;
	float: right;
	margin-bottom: 10px;
	background-size: cover;
}
.image-map > a.map {
	position: absolute;
	display: block;
}
select {
    width: 46vw;
    padding: 10px;
    margin-top: 1vh;
}

#myLB .lbContent {
	width:90%;
	width: 90vw;
	margin: 0 auto;
	height: 100%;
	background-repeat:no-repeat;
	background-image: url("../img/170627_Lightbox_Haus_72-74.jpg");
	background-size:contain;
	background-position:center center;
}
#myLB .lightHead{
	width:80vw;
	margin: 0 auto;
	margin: 10vh auto 0 auto;
}
#myLB .lightFooter {
	width:80vw;
	margin: 0 auto;
	margin: 2vh auto;
}

#myLB .lightNav {
	width:30px;
	height:30px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:1vh;
}
#myLB .lightArrowLeft {
	background-image: url("../img/stroke-1.png");
}
#myLB .lightArrowRight {
	background-image: url("../img/stroke-2.png");
}
#myLB .lightVerticalLine{
	width:30px;
	height:40px;
	background-image: url("../img/stroke-12.png");
	background-size:contain;
}
#myLB .lightStreet {
	margin-top:15px;
}
#myLB .lightText {
	color:#B48B5A;
}
#myLB .lightNumber {
	margin-top:5px;
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
}
.styled-checkbox + label {
	position: relative;
	cursor: pointer;
	padding: 0;
}
.styled-checkbox + label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: white;
	border:1px solid black;
}
.styled-checkbox:checked + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 9px;
	background: black;
	width: 2px;
	height: 2px;
	box-shadow: 
	  2px 0 0 black,
	  4px 0 0 black,
	  4px -2px 0 black,
	  4px -4px 0 black,
	  4px -6px 0 black,
	  4px -8px 0 black;
	transform: rotate(45deg);
}
.wappenDiv {
	height:88px;
	margin: 18px 0 0 0;
}

textarea{  
  display:block;
  overflow:hidden;
  padding:10px;
  width:100%;
  border:1px solid #000;
  resize: none;
}


@media only screen and (orientation:portrait) {
	#introimg {
		animation: animatedBackground 40s linear infinite;
	}

	@keyframes animatedBackground {
		0% { background-position: 0 0; }
		50% { background-position: 100% 0; }
		100% { background-position: 0 0; }
	}
	
	.textPage {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-width: 6px;
		border-style:solid;
	}
	.textPage .textWrapper .content {
		color: white;
		text-align: center;
		padding: 3vh 4vw;
		border-width: 0;
		margin: 2vh auto;
		width:72vw;
	}	
	.textPage .textWrapper .content  .mLine {
		width:20vw;
		margin:2vh auto;
		border-top-width: 3px;
		border-top-style: solid;
	}	
	#module-03 {
		border-color:#B48B5A;
	}
	#module-07 {
		border-color:#E94257;
	}
	#module-07 .content {
		border-width:0px;
	}
	#module-04 .bcg4 {
		background-image: url("../mobile/170627_Lagekarte_Vogelperspektive.jpg");
		background-repeat: no-repeat;
		background-position: bottom center;
		position: relative;
		width: 100%;
		background-size: cover;
		top: 0;
		height:100%;
		/*
		background-size: contain;
		top: -50%;
		height:140%;
		*/
	}
	#module-15 .logoLine {
		height:100%;
	}

	#module-15  .logoLine1,
	#module-15  .logoLine2 {
		margin:10px 0;
		height:auto;
	}

	#module-15 .logoLine1 .logoWrapper,
	#module-15 .logoLine2 .logoWrapper {
		height:100%;
		margin:0 3%;
		float:left;
		width: 42%;	
	}

	#module-15 .logoHref,
	#module-15 .logoHref > div {
		width:30vw;
		height:30vw;
		display:inline-block;
	}
	#module-18 #upPfeil {
		margin:3vh auto;
		height: 30px;
		background-image: url('../img/170803_Pfeil_schwarz.png');
		width: 20px;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		cursor:pointer;
	}
}

@media only screen and (max-width: 768px) and (orientation:landscape) {
	.fontSize14 {
		font-family:FSSiena-SemiBold;
		font-weight: bold;
		font-size:14px;
		font-size:4vh;
		letter-spacing: 1px;
		letter-spacing: 0.08vw;
	}
	.fontSize16IDS {
		font-family:FSSiena-Medium;
		font-size: 16px;
		font-size:4vh;
	}
	.fontSize16Ref {
		font-family:FSSiena-Regular;
		font-size: 14px;
	}
	.fontSize17 {
		font-family:FSSiena-Thin;
		font-size:17px;
		font-size: 3.6vh;
	}
	.fontSize20Leben {
		font-family:FSSiena-Regular;
		font-size: 20px;
		font-size: 1.57vw;
		letter-spacing: 1px;
		letter-spacing: 0.08vw;
	}
	.fontSize20Text {
		font-family:FSSiena-Regular;
		font-size: 20px;
		font-size: 2vw;
		letter-spacing: 1px;
		letter-spacing: 0.08vw;
		color:#DCDCDC;
	}
	.fontSize20Kontakt {
		font-family:FSSiena-Light;
		font-size: 20px;
		font-size: 3.8vh;
	}
	.fontSize24BMenu {
		font-size: 20px;
	}
	.fontSize24Kontakt {
		font-family:FSSiena-Light;
		font-size: 24px;
		font-size: 4vh;
	}
	.fontSize28 {
		font-size: 1em;
	}
	.fontSize30 {
		font-size: 3vw;
	}
	.fontSize30Leben {
		font-family: FSSiena-Light;
		font-size: 30px;
		font-size: 2.35vw;
		letter-spacing: 4px;
		letter-spacing: 0.31vw;
	}
	.fontSize35Menu	{
		font-family:FSSiena-Light;
		font-size:35px;
		letter-spacing: 4px;
		font-size: 5vh;
		letter-spacing: 0.3vw;
	}
	.fontSize35Title {
		font-family:FSSiena-ExtraLight;
		font-size:35px;
		letter-spacing: 4px;
		font-size: 4vw;
		letter-spacing: 0.3vw;
		color:#DCDCDC;	
	}
	.fontSize40 {
		font-family:FSSiena-Thin;
		font-size: 6vw;
		letter-spacing: 1vw;
	}
	.fontSize40Zg {
		font-family: FSSiena-Thin;
		font-size: 3vw;
		letter-spacing: 2vw;
		text-indent: 2vw;
	}
	.fontSize42 {
		font-family:FSSiena-Thin;
		font-size:42px;
		font-size: 5vh;
		letter-spacing: 12px;
		letter-spacing: 0.94vw;
	}
	.fontSize50Zit {
		font-family: FSSiena-LightItalic;
		font-style:italic;
		font-size: 7vh;
		color:#B48B5A;
	}
	.fontSize55 {
		font-size: 10vh;
	}
	.fontSize65STitle {
		font-size: 52px;
		font-size: 5vw;
		letter-spacing: 2vw;
		text-indent: 2vw;
	}
	.fontSize65KPTitle {
		font-size: 52px;
		font-size: 8vw;
		letter-spacing: 2vw;
	}
	.fontSize70Eden {
		font-family: FSSiena-Thin;
		font-size: 70px;
		letter-spacing: 46px;
		text-indent: 46px;
		font-size: 6vw;
		letter-spacing: 3.6vw;
		text-indent: 3.6vw;
	}
	.fontSize80EdenVideo {
		font-family: FSSiena-Thin;
		font-size: 7vw;
		letter-spacing: 3vw;
		text-indent: 3vw;
	}
	
	.textPage .textWrapper .content {
		color: white;
		text-align: center;
		padding: 3vh 4vw;
		border-width: 0;
		margin: 2vh auto;
		width:72vw;
	}	
	.textPage .textWrapper .content  .mLine {
		width:20vw;
		margin:4vh auto;
		border-top-width: 3px;
		border-top-style: solid;
	}
	#module-02 .content p {
		color:#121C14;
		padding:0 5%;
		font-family: FSSiena-Light;
	}
	#module-04 .bcg4 {
		background-image: url("../img/170627_Lagekarte_Vogelperspektive.jpg");
		background-repeat: no-repeat;
		background-position: bottom center;
		position: relative;
		width: 100%;
		background-size: cover;
		top: 0;
		height:100%;
		/*
		background-size: contain;
		top: -50%;
		height:140%;
		*/
	}
	#module-17 .content .smallLogo {
		text-align: left;
		height:7vw;
		width:100%;
		background-repeat:no-repeat;
		background-position:left bottom;
		background-size:contain;
		margin:4vh 0;
	}
	#module-18 #upPfeil {
		margin:3vh auto;
		height: 30px;
		background-image: url('../img/170803_Pfeil_schwarz.png');
		width: 20px;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		cursor:pointer;
	}
	#module-18 .content .title > div {
		text-align:center;
		padding:2vh 0 0 0;
	}
	.styled-checkbox {
		position: absolute;
		opacity: 0;
	}
	.styled-checkbox + label {
		position: relative;
		cursor: pointer;
		padding: 0;
	}
	.styled-checkbox + label:before {
		content: '';
		margin-right: 10px;
		display: inline-block;
		vertical-align: text-top;
		width: 10px;
		height: 10px;
		background: white;
		border:1px solid black;
	}
	.styled-checkbox:checked + label:after {
		content: '';
		position: absolute;
		left: 1px;
		top: 5px;
		background: black;
		width: 2px;
		height: 2px;
		box-shadow: 
		  2px 0 0 black,
		  4px 0 0 black,
		  4px -2px 0 black,
		  4px -4px 0 black,
		  4px -6px 0 black,
		  4px -8px 0 black;
		transform: rotate(45deg);
	}	
	#wappen02 {
		display:none;
	}
}

/* For tablets, desktops & laptops */
@media only screen and (min-width: 768px) and (orientation:portrait) {
	.fontSize80EdenVideo {
		font-family: FSSiena-Thin;
		font-size: 80px;
		letter-spacing: 30px;
		text-indent: 30px;
	}	
}

@media only screen and (min-width: 1024px)
 {
	 
	html {
		font-size: 16px;
	}
	.fontSize14 {
		font-family:FSSiena-SemiBold;
		font-weight: bold;
		font-size:14px;
		letter-spacing: 1px;
	}
	.fontSize16IDS {
		font-family:FSSiena-Medium;
		font-size: 16px;
	}
	.fontSize16Ref {
		font-family:FSSiena-Regular;
		font-size: 16px;
	}
	.fontSize17 {
		font-family:FSSiena-Thin;
		font-size:17px;
	}
	.fontSize20Leben {
		font-family:FSSiena-Regular;
		font-size: 20px;
		letter-spacing: 1px;
	}
	.fontSize20Text {
		font-family:FSSiena-Regular;
		font-size: 20px;
		letter-spacing: 1px;
		color:#DCDCDC;
	}
	.fontSize20Kontakt {
		font-family:FSSiena-Light;
		font-size: 20px;
	}
	.fontSize24BMenu {
		font-size: 24px;
	}
	.fontSize24Kontakt {
		font-family:FSSiena-Light;
		font-size: 24px;
	}
	.fontSize28 {
		font-size: 28px;
	}
	.fontSize30 {
		font-size: 32px;
	}
	.fontSize30Leben {
		font-family: FSSiena-Light;
		font-size: 30px;
		letter-spacing: 4px;
	}
	.fontSize35Menu	{
		font-family:FSSiena-Light;
		font-size:35px;
		letter-spacing: 10px;
	}
	.fontSize35Title {
		font-family:FSSiena-ExtraLight;
		font-size:35px;
		letter-spacing: 4px;
		color:#DCDCDC;	
	}	
	.fontSize40 {
		font-family:FSSiena-Thin;
		font-size: 36px;
		letter-spacing: 10px;
	}
	.fontSize40Zg {
		font-family:FSSiena-Thin;
		font-size: 36px;
		letter-spacing: 10px;
		text-indent: 10px;
	}
	.fontSize42 {
		font-family:FSSiena-Thin;
		font-size:42px;
		letter-spacing: 12px;
	}
	.fontSize50Zit {
		font-family: FSSiena-LightItalic;
		font-style:italic;
		font-size: 50px;
		color:#B48B5A;
	}	
	.fontSize55 {
		font-size: 75px;
	}
	.fontSize65STitle {
		font-size: 52px;
		font-size: 4vw;
		letter-spacing: 2vw;
		text-indent: 2vw;
	}
	.fontSize65KPTitle {
		font-size: 52px;
		font-size: 4vw;
		letter-spacing: 2vw;
	}
	.fontSize70Eden {
		font-family: FSSiena-Thin;
		font-size: 70px;
		letter-spacing: 46px;
		text-indent: 46px;
	}	
	.fontSize80EdenVideo {
		font-family: FSSiena-Thin;
		font-size: 80px;
		letter-spacing: 50px;
		text-indent: 50px;
	}	
	#burgermenu {
		top: 30px;
		left: 46px;
	}	
	.textPage .textWrapper .content {
		color: white;
		text-align: center;
		padding: 8vh 4vw;
		border-width: 5px;
		border-style: solid;
		width: 50vw;
		margin: 2vh auto;
	}
	.textPage .textWrapper .content  .mLine {
		width:20vw;
		margin:4vh auto;
		border-top-width: 3px;
		border-top-style: solid;
	}	
	.wappenDiv {
		height:88px;
		margin: 36px 0 0 0;
	}
	#module-01 {
		position:relative;
		width:100%;
		max-width:100%;
		height:130%;
	}
	#module-04 .bcg4 {
		background-image: url("../img/170627_Lagekarte_Vogelperspektive.jpg");
		background-repeat: no-repeat;
		background-position: bottom center;
		position: relative;
		width: 100%;
		background-size: cover;
		top: 0;
		height:100%;
	}
	#module-06 #m06Text {
		position: absolute;
		top: 50%;
		right: 36px;
		right: 3vw;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		border: solid 3px #B48B5A;
		width: 300px;
		width: 23.53vw;
		background-color: white;
		z-index:7;
	}
	#module-07 .content {
		border-color:#E94257;
	}
	#module-15 .logoLine {
		height:100%;
		overflow:hidden;
	}
	#module-15 .logoLine1 .logoWrapper {
		width: 19%;
	}

	#module-15 .logoLine2 .logoWrapper {
		width: 14%;

	}
	#module-15 .content .sText {
		padding: 2vh 40vw 2vh 0;
		text-align: left;
	}
	#module-17  .title,
	#module-17  .entwSpacer {
		padding:8vh 0;
		font-family:FSSiena-Thin;
		margin:0 auto;
	}
	#module-17 .content .smallLogo {
		text-align: left;
		height:6vh;
		width:100%;
		background-repeat:no-repeat;
		background-position:left bottom;
		background-size:contain;
		margin:4vh 0;
	}
	#module-17 .entwLeft,
	#module-17 .entwRight {
		width:50%;
		height:100%;
	}
	#module-17 .entwMargin {
		margin:0 2vw;
	}
	#module-17  .entwSpacer {
		opacity:0;
		visibility:hidden;
	}
	#module-17 .title {
		opacity:1;
		visibility:visible;
	}
	#module-18 #upPfeil {
		margin:3vh auto;
		height: 60px;
		background-image: url('../img/170803_Pfeil_schwarz.png');
		width: 40px;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		cursor:pointer;
	}
	#module-18 .customInput {
		width:20vw;
	}
	#module-18 .inputOuterWrapper {	
		width:auto;
	}
	#module-18 .inputWrapper {
		float:left;
		padding:1vh 0.5vw;
		width:auto;
	}
	#module-18 #sFrage {
		float:left;
		text-align:left;
	}
	#module-18 #sSelectAnrede,
	#module-18 #sSelect {
		float:right;
		text-align:right;
	}
	#myLB .lbContent {
		width:80%;
		width: 80vw;
		margin: 0 auto;
		height: 100%;
		background-repeat:no-repeat;
		background-image: url("../img/170627_Lightbox_Haus_72-74.jpg");
		background-size:contain;
		background-position:center center;
	}
	#myLB .lightHead,
	#myLB .lightFooter {
		width:80vw;
		margin: 0 auto;
		margin: 2vh auto;
	}
	#myLB .lightNav {
		width:60px;
		height:60px;
		background-size:contain;
		background-repeat:no-repeat;
		cursor:pointer;
		margin-top:1vh;
	}
	#myLB .lightArrowLeft {
		background-image: url("../img/stroke-1.png");
	}
	#myLB .lightArrowRight {
		background-image: url("../img/stroke-2.png");
	}
	#myLB .lightVerticalLine{
		width:60px;
		height:80px;
		background-image: url("../img/stroke-12.png");
		background-size:contain;
	}
	#myLB .lightStreet {
		margin-top:30px;
	}
	#myLB .lightText {
		color:#B48B5A;
	}
	#myLB .lightNumber {
		margin-top:10px;
	}
	select {
		padding:4px;
		width:100%;
	}	
	textarea{  
		width:42vw;
	}
}

@media only screen and (orientation:landscape) {
	#introimg {
		background-size: contain;
	}
	#module-15 .logoLine {
		height:100%;
		overflow:hidden;
	}
	#module-15 .logoLine1 .logoWrapper {
		width: 19%;
	}

	#module-15 .logoLine2 .logoWrapper {
		width: 14%;

	}
	#module-18 .customInput {
		width:20vw;
	}
	#module-18 .inputOuterWrapper {	
		width:auto;
	}
	#module-18 .inputWrapper {
		float:left;
		padding:1vh 0.5vw;
		width:auto;
	}
	#module-18 #sFrage {
		float:left;
		text-align:left;
	}
	#module-18 #sSelectAnrede,
	#module-18 #sSelect {
		float:right;
		text-align:right;
	}
	select {
		padding:4px;
		width:100%;
	}	
	textarea{  
		width:42vw;
	}
}