html, body {
  height: 100vh;
}
* {
	margin: 0;
    padding: 0;
}
iframe {
	width:300px!important;
	height:300px!important;
}
body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	background-color:#fff;
}
.vollbild {display:block;width:100vw;height:100vh;z-index:9999;position:absolute;}
body.galerie {overflow:hidden;}
.galerie {background-color:#000;}
.galerie figure {line-height:0;}
#main > .inside {
	height:100vh;
}
body.slide {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#fff;
	color: #000;
}
body.bilddemo {
	display:flex;
	justify-content:center;
	background-color:#fff;
	color: #000;
}
.swiper-container {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 20%;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 25%;
	height: 10%;
	color:#000;
	padding:0;
}
.swiper-slide figure img {
	width:100%;
	height:auto;
	border-radius:15px;
}
.swiper-slide figure {
	border-radius:30px;
	border:15px solid #D9BA5C;
}
.swiper-slide p {
	text-align:center;
	width:100%;
	margin-top:40px;
	margin-bottom:0;
}
.swiper-slide p a {
	color:#fff!important;
}
.swiper-pagination {
	z-index:99;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom:10px;
}
.swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    background:#F3EAD1;
    opacity:1;
}
.swiper-pagination-bullet-active {
	   background:#D9BA5C;
}
.ce_linkedElement {
	text-decoration:none;
	background:#fff;
}
.ce_linkedElement figure {line-height:0;}
h2 {text-align:center;}
#scale-element {
  display: block;
  max-width: 100%;
  margin: 1rem auto;
  touch-action: none;
}

#scale-element.reset {
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
#gesture-area {
	width:1000vw;
	height:1000vh;
	overflow:visible;
}
#button_left {position:fixed;left:25px;bottom:10px;}
#button_right {position:fixed;right:25px;bottom:10px;}
.video #button_left, .video #button_right {bottom:2%;}

#footer #button_left, #footer #button_right {z-index:9999;}
#footer #button_left a, #footer #button_right a {width:100px;height:100px;display:block;background-repeat: no-repeat;background-size: contain;}

#footer #button_left  a {background-image:url('../layout/home_o.png');}
#footer #button_right a {background-image:url('../layout/back_o.png');}

#button_left .transform_left, #button_right .transform_right {
  -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
}
#button_left .transform-active-left, #button_right .transform-active-right {
  transform: rotate(360deg);
}

.ce_youtube {
 position: relative;
 padding-bottom: 56.2%;
 width: 100%;
 height: auto;
}
.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}
.inhaltsseite #container .ce_image img {width:100%;height:auto;}
.inhaltsseite #container .ce_image {padding-bottom:100px;}

/* Extras für Button im p unter swiper-slide */
.swiper-slide p {padding:0;z-index: 999;position: absolute;}
.swiper-slide button {
	border: none; 
	background-color: #D9BA5C; 
	color: #fff;cursor:pointer;
	border-radius: 20px;
	font-size: 2rem;
	color: #fff;
	width:100%;
}
.swiper-slide button:focus, .swiper-slide button:active {
	background-color:#5e5e5e;
}
.swiper-slide p a {color: #fff !important; padding: 15px 0; display: block;text-decoration:none;}
.spalten_3 ul li {
  width: 33.33333%;
  float: left;
  display: inline;
}
.spalten_3 ul li img {
  display: inline;
  float: left;
  width: 100%;
  height: auto;
}
/* hier zusätzliche anweisungen für den neuen Swiper 

      html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

      .swiper-container {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;


        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
*/