body, div, p {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Work Sans', Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    letter-spacing: 0.0625em;
}

h1 {
	text-align: center;
    font-weight: 300;
    font-size: 3em;
}
nav {
    position: absolute;
    right: 5px;
    z-index: 100;
	visibility: hidden;
}

nav ul {
	margin: 0;
    padding: 0;
}

nav ul li {
    display: block;
    width: 50px;
    height: 40px;
	position: relative;
}

nav a {
   display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
   
}
nav  span {
    position: absolute;
    z-index: 1;
    height: 30px;
    width: 20px;
    border-bottom: 1px solid black;
    -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;
}
a.active span {
    border-bottom: 5px solid black;
    width: 30px;
}
#slide-4 a.active span {
    border-bottom: 3px solid white;
    width: 30px;
}
a:hover  span {
    border-bottom: 3px solid grey !important;
    width: 30px;
}
#slide-4 a:hover  span {
    border-bottom: 3px solid white !important;
    width: 30px;
}
.scroll {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 48%;
    width: 35px;
    cursor: pointer;
    z-index: 2000;
	visibility:hidden;
}
.slides-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}

.slide {
    position: relative;
    width: 100%;
    height: 100%;
	text-align: center;
    overflow: hidden;
}

.slide .centered {
    position: absolute;
    top: 50%;
    left: 50%;
	visibility: hidden;
}









.go-prev, .go-next {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

.action {
	position: absolute;
	left:50%; top:50%;
	width: 200px !important; height: 200px;
	background: red;
}
.cover {
	width: 57vw;
    height: 36.625vw;
    max-height: 95vh;
    max-width: 165vh;
    position: absolute;
    top: 40% !important;
    left: 54% !important;
}

.cover img {
	position: relative;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 10px 7px 33px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 7px 33px -10px rgba(0,0,0,0.75);
    box-shadow: 10px 7px 33px -10px rgba(0,0,0,0.75);
    border-bottom: 1px solid #696868;
    border-right: 1.5px solid #696868;
}
.caption {
	position: absolute;
    bottom: -22px;
    right: 0px;
    color: #5F5B5B;
    z-index: 100;
}
svg {
    display: block;
    width: auto;
    height: 65%;
    overflow: visible;
}

/* ============= Slide 01 ================================================================== */
#slide-1 {
    background-color: #B4B4B4;
}
.umbruch {display: none;}
#Logo {
	position: absolute;
    white-space: nowrap;
    width: 100%;
    top: 24%;
}

#news {
	position: relative;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
	font-size: 2vw;
    font-weight: 200;
    color: #fff;
	width: 100%;
    top: 20px;
	visibility: hidden;
}
#news:hover{border-bottom: 2px solid #ac6bc5;}


#logoPink {
	position: relative;
    width: 100%;
    font-family: 'Playfair Display', serif;
    font-size: 8vw;
    margin: 0;
    line-height: 1;
    text-align: center;
    color: #8977a0;
}
.color02 {
    color: #b190dc !important;
}
.color03 {
    color: #ac6bc5 !important;
}
#Logo p{
	font-size: 2.5vw;
    color: #fff;
    font-weight: 200;
    line-height: 48px;
}

/* ============= Slide 02 ================================================================== */

#slide-2 {
    background-color: #B4B4B4;
}
.head{
	position: absolute;
    top: 63%;
    width: 95%;
    visibility: hidden;
    z-index: 1;
}
#slide-2  p{
	font-family: 'Playfair Display', serif;
    font-size: 20px;
    text-align: left;
    width: 360px;
    float: right;
    clear: both;
    color: #5a5a5a;
}
#slide-2 #logoPink {
	position: absolute;
    top: 90%;
    width: 90%;
    text-align: right;
    font-family: 'Playfair Display', serif;
    font-size: 35px;
    line-height: 1;
    color: #8977a0;
}
.videoframe{
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#video-background {  /*  making the video fullscreen  */
	position: relative;
    top: -3%;
    left: -7%;
    width: 120%;
}
#anstattVideo{
	position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../img/buegelHoch.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 61% 50%;
}
#anstattVideo p{
	position: absolute;
	font-size: 2.4vh;
    width: 65%;
    margin: 66px 10%;
}
/* ============= Slide 03 ================================================================== */
#slide-3 {
    background-color: #B4B4B4;
}
#marken {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 70%;
	width: auto;
    max-width: 96%;
}
#marken path {visibility: hidden; fill: #8977a0; stroke: none;}
#meineKunden{
	position: absolute;
    top: 39%;
    left: 50%;
    visibility: hidden;
    font-size: 1vw;
    font-weight: 200;
    color: #fff;
    z-index: 10;
    width: 80%;
}
.layer {
	width: 100%;
    height: 100%;
    background: rgba(180, 180, 180, 0.9);
    z-index: 2;
    position: absolute;
	visibility: hidden;
}

/* ============= Slide 04 ================================================================== */

#slide-4 {
    background-color: #B4B4B4;
}

.adresse {
    position: relative;
    margin-top: 3px;
    line-height: 24px;
}
#map {
	position: relative;
    width: 80%;
    height: 58%;
    margin: 20px auto;
}
#slide-4 #logoPink {
    position: relative;
    font-size: 5vw;
    width: 100%;
    color: #8977a0;
    font-family: 'Playfair Display', serif;
    margin: 5px 0 0 0;
}
.infoButtons{
	position: absolute;
    top: 92%;
    width: 100%;
    text-align: right;
    margin-right: 20px;
    font-size: 14px;
}
button{
	background-color: #B4B4B4;
    border: none;
	margin-right: 20px;
}
button:hover{
	border-bottom: 2px solid #ac6bc5;
}
.popupImpressum, .popupDatenschutz {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0vh;
    background: #b190dc;
    z-index: 10;
    visibility: hidden;
}
.newsButton {
    position: fixed;
    width: 30px;
    height: auto;
    left: auto;
    right: 16px;
    top: 20px;
    z-index: 100;
    cursor: pointer;
}
.popup .wrapper {
    height: 80%;
    width: 90%;
    max-width: 705px;
    margin: 70px 5% 5% 5%;
    visibility: hidden;
}
.popup h2{
	font-size: 20px;
}
.popup p {
	color: black;
	width: auto;
	max-width: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	margin: 16px 0;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}