:selection {background: #6b6c6e; color: #fff;}
::-moz-selection {background: #6b6c6e; color: #fff;}
::-webkit-scrollbar { display:none;}

* {
margin: 0px;
padding: 0px;
}

*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



html {
font-family: 'Ubuntu';
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
font-weight: 400;
scroll-behavior: smooth;
}
body {
font-family: 'Ubuntu';
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #f9f9f9;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
font-weight: 400;
color: #6b6c6e;
background-image: url(bilder/bg_irisierend.png);
background-position: left top;
background-repeat: repeat;
font-size: 1.1458333333333333vw;
scroll-behavior: smooth;
}

.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 100px;
}

.pink {
color: #CB0B88;
}

.next1 {
position: absolute;
display: block;
margin-top: -300px;
padding-top: 300px;
}

.thell {
color: #b5b5b6;
}
.urlaub {
width: 100%;
height: 100%;
font-size: 1vw;
line-height: 1.7vw;
font-weight: 400;
text-align: center;
}

.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 8.333333333333332vw;
padding-right: 8.333333333333332vw;
padding-bottom: 8.333333333333332vw;
padding-left: 8.333333333333332vw;
line-height: 1.8vw;
}
.datb {
position: fixed;
width: 5.208333333333334vw;
height: 5.680229166666666vw;
top: 4.5vw;
right: 4.5vw;
z-index: 100;
}
.listdata {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_liste.svg);
background-repeat: no-repeat;
background-position: left 0.7vw;
background-size: 0.5vw 0.5vw;
padding-left: 2vw;
margin-top: 0.2vw;
position: relative;
}

.liste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_liste.svg);
background-repeat: no-repeat;
background-position: left 0.7vw;
background-size: 0.5vw 0.5vw;
padding-left: 2vw;
margin-top: 0.2vw;
position: relative;
left: -2vw;
}

.lista {
list-style-image: none;
list-style-type: none;
background-image: url(#);
padding-left: 2.5vw;
margin-top: 0.5vw;
background-position: left 0.4vw;
background-size: 1vw 1vw;
background-repeat: no-repeat;
}


img {
width: 100%;
height: auto;
border: 0px;
}

h1 {
font-size: 1.67vw;
line-height: 2.35vw;
font-weight: 300;
}
h2 {
font-size: 1.67vw;
line-height: 2.35vw;
font-weight: 500;
}
h3 {
font-size: 1.67vw;
line-height: 2.35vw;
font-weight: 300;
}
h4 {
font-size: 2.67vw;
line-height: 3.35vw;
font-weight: 300;
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.tfm {
font-weight: 500;
}
.tk {
font-style: italic;
}
.tu {
}

.absta {
float: left;
width: 100%;
height: 1px;
}

.aus1 {
display: inline;
}
.aus2 {
display: inline;
}

a:link, a:hover, a:visited, a:active {
font-family: 'Ubuntu'; 
text-decoration: none;
outline: none;
cursor: pointer;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: rgba(107,108,110,1.00);
}



A.navx:link, A.navbx:visited {
color: #6b6c6e;
transition: all ease-out .3s;
}
A.navx:hover {
color: #6b6c6e;
transition: all ease-out .3s;
}
A.navx.active {
color: #6b6c6e;
transition: all ease-out .3s;
}
A.navx2:link, A.navbx:visited {
color: #6b6c6e;
transition: all ease-out .3s;
}
A.navx2:hover {
color: #6b6c6e;
transition: all ease-out .3s;
}
A.navx2.active {
color: #6b6c6e;
transition: all ease-out .3s;
}


A.nava:link, A.nava:visited {
color: rgba(107,108,110,1.00);
background: 
linear-gradient(to right, rgba(107,108,110,0.2), rgba(107,108,110,0.2)),
linear-gradient(to right, rgba(107,108,110,1), rgba(107,108,110,1), rgba(107,108,110,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(255,255,255,0);
padding-bottom: 0.4vw;
transition: all ease-out .3s;
}
A.nava.active, A.nava:hover {
color: rgba(107,108,110,1);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.4vw;
transition: all ease-out .2s;
}

A.navb:link, A.navb:visited {
color: rgba(107,108,110,1.00);
background: 
linear-gradient(to right, rgba(107,108,110,0.1), rgba(107,108,110,0.1)),
linear-gradient(to right, rgba(107,108,110,1), rgba(107,108,110,1), rgba(107,108,110,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(255,255,255,0);
padding-bottom: 0.4vw;
transition: all ease-out .3s;
}
A.navb.active, A.navb:hover {
color: rgba(107,108,110,1);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.4vw;
transition: all ease-out .2s;
}

A.navd:link, A.navd:visited {
color: rgba(107,108,110,1.00);
}
A.navd.active, A.navd:hover {
color: rgba(107,108,110,1.00);
}

header {
float: left;
width: 100%;
position: relative;
z-index: 5;
}
section {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.sect {
margin-top: 12.760416666666666vw;
}
footer {
float: left;
width: 100%;
position: relative;
background-color: #f9f9f9;
padding-top: 6.25vw;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
padding-bottom: 6.25vw;
}

.temp {
width: 10vw;
height: 10vw;
float: left;
margin-bottom: 5vw;
}
.temp2 {
width: 100%;
float: left;
}

.progress-bar {
background-color: rgba(181,181,182,0.50);
height: 1px;
width: 0%;
position: absolute;
bottom: -1px;
left: 0px;
z-index: 100000;
}

nav {
width: 100%;
float: left;
position: fixed;
z-index: 101;
background-color: rgba(255,255,255,0.00);
transition: all ease-in .2s;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
padding-top: 2.75vw;
padding-bottom: 2.75vw;
}
.active1 {
background-color: rgba(255,255,255,0.96);
transition: all ease-in-out .4s;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.navbox {
display: flex;
align-items: center;
justify-content: space-between;
color: #b5b5b6;
font-weight: 500;
font-size: 1.1458333333333333vw;
}
.inda {
width: 22.135416666666664vw;
height: 7.291666666666667vw;
float: left;
transition: all ease-out .2s;
transform-origin: top left;
}
.active2 {
width: 15.625vw;
height: 5.146875vw;
transition: all ease-out .3s;
}
.inda2 {
width: 22.093023255813954vw;
height: 22.790697674418606vw;
float: left;
}
.active3 {
}
.indb {
width: 34.89583333333333vw;
}
.indba {
float: left;
}
.indbb {
float: left;
margin-left: 3.6458333333333335vw;
}
.indbc {
float: left;
margin-left: 3.6458333333333335vw;
}
.indc {
width: 4.6875vw;
height: 4.6875vw;
float: left;
transition: all ease-out .3s;
}
.indc:hover {
transform: scale(1.1);
transition: all ease-out .3s;
}

.indb2 {
margin-left: 6vw;
padding-top: 3vw;
padding-bottom: 3vw;
float: left;
}
.indb2a {
float: right;
width: 40px;
height: 2px;
background-color: #6b6c6e;
}
.indb2b {
float: right;
clear: both;
width: 26px;
height: 2px;
background-color: #6b6c6e;
margin-top: 8px;
}


.indc2 {
right: 7.5vw;
position: absolute;
}
.indc3 {
width: 9.688vw;
height: 9.688vw;
float: left;
}

.indd {
width: 100%;
float: left;
position: relative;
padding-left: 8.333333333333332vw;
padding-right: 8.333333333333332vw;
padding-bottom: 10.5vw;
z-index: 1;
}
.inde {
width: 50%;
float: left;
margin-top: 7.5vw;
}
.indea {
width: 100%;
float: left;
}
.indeb {
width: 78%;
float: left;
clear: both;
margin-top: 6.5vw;
}
.indec {
float: left;
clear: both;
margin-top: 3.5vw;
background-color: rgba(107,108,110,0.50);
transition: all ease-out .3s;
color: #fff;
padding-left: 1.75vw;
padding-right: 1.75vw;
padding-top: 0.85vw;
padding-bottom: 0.85vw;
border-radius: 50vw;
}
.indec:hover {
background-color: rgba(107,108,110,1.00);
transition: all ease-out .3s;
color: #fff;
}
.indf {
width: 36.45833333333333vw;
height: 46.09375vw;
float: right;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
}
.indg {
width: 1.5625vw;
height: 1.8229166666666667vw;
position: absolute;
z-index: 2;
top: 40vw;
left: 2.5vw;
}
.indh {
width: 10.9375vw;
height: 10.9375vw;
position: absolute;
left: 22vw;
transform: rotate(-5deg);
top: 35vw;
}
.indi {
width: 100%;
float: left;
position: relative;
background-color: #f9f9f9;
/*background-image: url(bilder/bg_irisierend_hell.png);*/
background-position: left top;
background-repeat: repeat;
padding-left: 18.75vw;
padding-right: 18.75vw;
padding-top: 11.458333333333332vw;
padding-bottom: 11.458333333333332vw;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.india {
width: 100%;
float: left;
text-align: center;
}
.indib {
width: 100%;
float: left;
text-align: center;
clear: both;
margin-top: 6.25vw;
}
.indic {
width: 3.125vw;
height: auto;
margin-top: 4vw;
}
.indj {
width: 100%;
float: left;
position: relative;
padding-bottom: 9.458333333333332vw;
}
.indja {
width: 44.79166666666667vw;
height: 33.59375vw;
float: left;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
position: relative;
top: -2vw;
}
.indjb {
width: 44.79166666666667vw;
float: right;
position: relative;
padding-top: 5.208333333333334vw;
padding-right: 5vw;
}
.indjc {
width: 100%;
float: left;
}
.indjd {
width: 29.166666666666668vw;
float: left;
clear: both;
margin-top: 15vw;
line-height: 1.8vw;
}


.indk {
width: 100%;
float: left;
position: relative;
background-color: #f9f9f9;
/*background-image: url(bilder/bg_irisierend_hell.png);*/
background-position: left top;
background-repeat: repeat;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
padding-top: 6.25vw;
padding-bottom: 6.25vw;
border-top: 1px solid #dadadb;
}
.indkb {
width: 3.125vw;
height: auto;
float: left;
opacity: 0.1;
}
.indkc {
width: 60.416666666666664vw;
float: right;
}
.indkca {
float: left;
width: 100%;
}
.indkcb {
float: left;
clear: both;
width: 76%;
margin-top: 5vw;
}
.indkd {
width: 100%;
height: 1px;
background-color: #cbcccc;
float: left;
clear: both;
margin-top: 4.6875vw;
margin-bottom: 4.6875vw;
}
.indke {
width: 100%;
float: left;
}
.indkf {
width: 29vw;
line-height: 1.8vw;
float: left;
}
.indkg {
width: 60.416666666666664vw;
float: right;
line-height: 1.8vw;
}
.indkga {
width: 100%;
}
.indkh {
width: 100%;
float: left;
margin-top: 3vw;
clear: both;
}

.indki {
width: 100%;
float: left;
position: relative;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
padding-bottom: 6.25vw;
top: -0.1vw;
}
.indkia {
width: 44.79166666666667vw;
float: left;
position: relative;
margin-top: 6.25vw;
line-height: 1.8vw;
}
.indkib {
width: 55%;
float: left;
position: relative;
}
.indkib2 {
width: 49%;
float: left;
clear: both;
top: -2.5vw;
position: relative;
font-size: 1.1458333333333333vw;
line-height: 1.8vw;
background-color: #e7bd6e;
padding: 1vw;
}
.indkic {
width: 100%;
float: left;
clear: both;
position: relative;
margin-top: 8.75vw;
font-size: 1.67vw;
line-height: 2.35vw;
}
.indkica {
width: 100%;
float: left;
position: relative;
clear: both;
font-weight: 700;
}
.indkicb {
width: 100%;
float: left;
position: relative;
clear: both;
font-weight: 300;
}

.indkj {
width: 44.79166666666667vw;
float: right;
background-color: #f9f9f9;
position: relative;
padding-left: 5.208333333333334vw;
padding-bottom: 7.208333333333334vw;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 94%);
}
.indkja {
width: 26.041666666666668vw;
height: 30.208333333333332vw;
position: relative;
z-index: 1;
float: left;
}
.indkjb {
float: left;
clear: both;
position: relative;
font-size: 1vw;
line-height: 1.5vw;
margin-top: 3.5vw;
}
.indkjc {
position: absolute;
right: -5vw;
bottom: 0vw;
z-index: 2;
}
.indkjd {
width: 1px;
height: 3.5vw;
float: left;
clear: both;
margin-left: 0.55vw;
background-color: #6b6c6e;
}
.indkje {
width: 1.1458333333333333vw;
height: auto;
float: left;
margin-bottom: 2vw;
}

.indkk {
width: 100%;
float: left;
position: relative;
margin-top: 6.25vw;
line-height: 1.8vw;
}
.indkka {
width: 44.79166666666667vw;
float: left;
position: relative;
}
.indkkb {
width: 44.79166666666667vw;
float: right;
position: relative;
}
.indkl {
width: 1.5625vw;
height: 1.8229166666666667vw;
position: relative;
float: right;
margin-top: 5vw;
}
.indg2 {
width: 6vw;
height: auto;
position: absolute;
z-index: 2;
top: 20vw;
left: 7.5vw;
}

.foo {
width: 100%;
float: left;
position: relative;
}
.fooa {
width: 50%;
float: left;
position: absolute;
line-height: 1.8vw;
bottom: 0px;
}
.fooaa {
float: left;
position: relative;
}
.fooab {
float: left;
position: relative;
margin-left: 2.5vw;
}
.foob {
width: 10vw;
height: 10vw;
position: relative;
float: right;
margin-right: 3.5vw;
}

/* Anfang Aufklapp */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url("none");
background-repeat: no-repeat;
background-position: left 1.35vw;
background-size: 1.5vw 1.5vw;
border-top: 1px solid #CAD6DD;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
padding-bottom: 1.25vw;
padding-left: 3.5vw;
color: rgba(104,137,158,1.00);
}
.accordion-title.open {
background-image: url("none");
background-repeat: no-repeat;
background-position: left 1.35vw;
background-size: 1.5vw 1.5vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
color: rgba(104,137,158,1.00);
}
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
padding-bottom: 1.25vw;
padding-left: 3.5vw;
}
.accorda {
position: relative;
padding-top: 1.25vw;
}
.accordb {
width: 90%;
float: left;
}
.accordc {
width: 100%;
float: left;
}
.accordd {
width: 100%;
float: left;
}
.accorde {
width: 100%;
float: left;
}
.accordf {
width: 100%;
float: left;
}

.accordabst {
width: 100%;
float: left;
border-top: 1px solid #CAD6DD;
}
.accordabsta {
width: 100%;
float: left;
clear: both;
border-top: 1px solid #CAD6DD;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}

/* Ende Aufklapp */



/* Anfang - Mobile Navigation */

.icon {
z-index: 1000001;
position: relative;
}
.icon2 {
position: relative;
}
.panelx {
position: relative;
width: 100%;
height: 100%;
}
.mobilenav {
top: 0px;
left: 0px;
z-index: 30000000001;
opacity: 1;
display: none;
position: fixed;
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 0vw;
background-color: #f9f9f9;
background-image: url(bilder/bg_irisierend_hell.png);
background-position: left top;
background-repeat: repeat;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 8vw;
right: 8vw;
width: 10vw;
height: 10vw;
transition: all ease-out .3s;
}
.close {
width: 10vw;
height: 10vw;
position: relative;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
background-image: url("bilder/icon_close.svg");
background-position: center center;
background-size: cover;
}
.close:hover {
-moz-transform: rotate(360deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(360deg); /* Safari */
-o-transform: rotate(360deg); /* Opera */
-ms-transform: rotate(360deg); /* IE9 */
transform: rotate(360deg); /* W3C */
}
.panela {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.panelb {
width: 17vw;
height: 17vw;
position: relative;
top: 9vw;
left: 9vw;
}
.panelc {
width: 100%;
float: left;
position: absolute;
top: 50vw;
padding-left: 13vw;
font-size: 10vw;
line-height: 10vw;
color: #b5b5b6;
font-weight: 500;
}
.panelca {
width: 100%;
float: left;
}
.panelcb {
width: 100%;
clear: both;
float: left;
margin-top: 6vw;
}
.panelcc {
width: 100%;
clear: both;
float: left;
margin-top: 6vw;
}
.paneld {
margin-top: 10vw;
float: right;
clear: both;
margin-right: 15vw;
}
.panelda {
width: 37.5vw;
height: 37.5vw;
transform: rotate(350deg);
}
.panele {
position: absolute;
bottom: 10vw;
left: 9vw;
}
.panelea {
float: left;
}
.paneleb {
float: left;
margin-left: 7vw;
}


/* Ende - Mobile Navigation */



.overl {
width: 100%;
height: 100%;
text-align: left;
line-height: 1.9vw;
}
.overla {
width: 23.4375vw;
height: 23.4375vw;
float: left;
display: flex;
justify-content: center;
align-items: center;
}
.overlax {
width: 100%;
height: 100%;
background-image: url(bilder/bild_6.jpg);
background-repeat: no-repeat;
/*background-position: -8vw -6vw;*/
background-position: -2vw -2vw;
background-size: 130%;
border-radius: 100vw;
}
.overlb {
float: right;
width: 50%;
}
.overlc {
width: 100%;
float: left;
margin-top: 4.5vw;
}
.overld {
width: 100%;
float: left;
clear: both;
margin-top: 2.5vw;
}
.overle {
width: 100%;
float: left;
clear: both;
margin-top: 5vw;
}
.overlf {
width: 100%;
height: 1px;
background-color: #cbcccc;
float: left;
clear: both;
margin-top: 2.6875vw;
margin-bottom: 2.6875vw;
}
.overlg {
width: 100%;
float: left;
clear: both;
}
.overlga {
width: 50%;
float: left;
}
.overlgb {
width: 50%;
float: right;
}

/* Anfang - Up and Down Animation */

.uad {
position: relative;
z-index: 3;
-webkit-animation-name: uad;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: 10;
-moz-animation-name: uad;
-moz-animation-duration: 2.5s;
-moz-animation-iteration-count: 10;
animation-name: uad;
animation-duration: 2.5s;
animation-iteration-count: 10;
animation-delay: 4s;
}
@-webkit-keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes uad {
	0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* Ende - Up and Down Animation */




@media screen and (min-width: 835px) {
.indc2, .indc3 {
display: none;
}
}

@media screen and (min-width: 501px) {
.inda2, .indg2, .active3, .icon {
display: none;
}
}

@media screen and (max-width: 1366px) {
.indkib2 {
width: 55%;
}
.navbox, body, .indkib2 {
font-size: 1.3vw;
}
.indjd, .indkf, .indkg, .indkia, .indkk {
line-height: 2vw;
}
}

@media screen and (max-width: 1194px) {
.indkib2 {
width: 64%;
}
.indkic {
font-size: 2.2vw;
line-height: 3vw;
}
.indkc, .indkg {
width: 57.5vw;
}
.indkcb {
width: 87%;
}
.liste {
background-position: left 0.8vw;
background-size: 0.7vw 0.7vw;
padding-left: 2.5vw;
left: -2.5vw;
}
.listdata {
background-position: left 0.8vw;
background-size: 0.7vw 0.7vw;
padding-left: 2.5vw;
}
.foob {
width: 12vw;
height: 12vw;
}
.indkjd {
margin-left: 0.85vw;
height: 5vw;
}
.indkje {
width: 1.507537688442211vw;
margin-bottom: 2.5vw;
}
.indkic {
margin-top: 11vw;
}
.indkjb {
font-size: 1.2vw;
line-height: 1.8vw;
}
.indi {
padding-left: 16.75vw;
padding-right: 16.75vw;
}
.indkb {
width: 4vw;
}
.indic {
width: 4vw;
margin-top: 4.5vw;
}
.indjd {
width: 31.167vw;
margin-top: 11vw;
}
.indjd, .indkf, .indkg, .indkia, .indkk, .overl, .data, .indkib2 {
line-height: 2.2vw;
}
.indh {
width: 12.938vw;
height: 12.938vw;
top: 38vw;
}
.indg {
top: 45vw;
left: 3.5vw;
}
.inda {
width: 24.288107202680067vw;
height: 8.043333333333335vw;
}
.active2 {
width: 18.425460636515915vw;
height: 6.101842546063651vw;
}
.inde {
margin-top: 5.5vw;
}
h1, h2, h3 {
font-size: 2.2vw;
line-height: 3vw;
}
h4 {
font-size: 3.75vw;
line-height: 3.9vw;
}
.indeb {
width: 92%;
}
.navbox, body, .indkib2 {
font-size: 1.5vw;
}
}

@media screen and (max-width: 1080px) {
.indkib2 {
width: 85%;
padding: 1.5vw;
}
h4 {
font-size: 3.5vw;
line-height: 4.25vw;
}
.indkjd {
margin-left: 0.85vw;
height: 5vw;
}
.overlc {
margin-top: 3.25vw;
}
.foob {
width: 15vw;
height: 15vw;
}
.indkka {
width: auto;
}
.indkic {
font-size: 2.5vw;
line-height: 3.3vw;
margin-top: 9vw;
}
.indkib, .indkic {
width: 100%;
}
.indkjb {
font-size: 1.7vw;
line-height: 2.5vw;
margin-top: 4.5vw;
}
.indkjc {
right: -6vw;
}
.indkja {
width: 34.9609375vw;
height: 40.5546875vw;
}
.indkkb {
width: 52.5vw;
}
.indkj {
width: 52.5vw;
padding-left: 6.208vw;
padding-bottom: 9.208vw;
}
.indkia {
width: 28vw;
}
.indkcb {
width: 100%;
margin-bottom: 2.5vw;
}
.indkc, .indkg {
width: 52.5vw;
}
.indkb {
width: 5vw;
}
.indjd, .indkf, .indkg, .indkia, .indkk, .overl, .data, .indkib2 {
line-height: 2.5vw;
}
.indjd {
width: 100%;
margin-top: 8vw;
}
.indjb {
padding-top: 7vw;
padding-right: 7vw;
}
.indic {
width: 5vw;
margin-top: 5vw;
}
.indec {
margin-top: 4vw;
padding-left: 2.75vw;
padding-right: 2.75vw;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.indh {
width: 15vw;
height: 15vw;
top: 38vw;
left: 25vw;
}
.indg {
top: 50vw;
left: 2.25vw;
width: 2.5vw;
height: auto;
}
.indkl {
width: 2.5vw;
height: auto;
}
h1, h2, h3 {
font-size: 2.5vw;
line-height: 3.3vw;
}
.navbox, body, .indkib2 {
font-size: 1.7vw;
}
.indeb {
width: 100%;
margin-top: 4.5vw;
}
.indi {
padding-left: 11vw;
padding-right: 11vw;
}
.indd {
padding-left: 7vw;
padding-right: 7vw;
}
.sect {
margin-top: 16.82939453125vw;
}
.indb {
width: 32.896vw;
}
.indc {
width: 6.688vw;
height: 6.688vw;
}
nav {
padding-top: 3.75vw;
padding-bottom: 3.75vw;
padding-left: 4.208vw;
padding-right: 4.208vw;
}
.active1 {
padding-top: 2.5vw;
padding-bottom: 2.5vw;
}
.inda {
width: 28.3203125vw;
height: 9.330380859375vw;
}
.active2 {
width: 23.4375vw;
height: 7.721689453124999vw;
}
footer, .indk, .indki {
padding-left: 4.208vw;
padding-right: 4.208vw;
}
.fooab {
margin-left: 3.5vw;
}
}

@media screen and (max-device-width : 927px) and (orientation : landscape) {
.panelca {
width: auto;
}
.panelda {
width: 17.5vw;
height: 17.5vw;
}
.paneld {
margin-top: 7vw;
margin-right: 15vw;
}
.panelcb, .panelcc {
width: auto;
margin-top: 0vw;
margin-left: 5vw;
clear: none;
}
.panelc {
top: 15vw;
padding-left: 8vw;
font-size: 5vw;
line-height: 5vw;
}
.panelb {
display: none;
}
.close {
width: 5vw;
height: 5vw;
}
.schliessen {
top: 5vw;
right: 5vw;
width: 5vw;
height: 5vw;
}
}

@media screen and (max-width: 834px) {
.indkib2 {
width: 55%;
padding: 2vw;
top: -3.5vw;
}
h4 {
font-size: 4.5vw;
line-height: 5.5vw;
}
.datb {
width: 10vw;
height: 10vw;
top: 7.5vw;
right: 7.5vw;
}
.overlga {
width: 100%;
}
.overle {
margin-top: 9.5vw;
}
.overlgb {
width: 100%;
float: left;
clear: both;
margin-top: 1vw;
}
.overlb {
float: left;
width: 100%;
clear: both;
margin-top: 5vw;
}
.overla {
width: 42.5vw;
height: 50vw;
}
.overlax {
background-position: -9vw -7vw;
background-size: 160%;
}
.fooab {
margin-left: 5.5vw;
}
.foob {
width: 18vw;
height: 18vw;
margin-right: 6vw;
}
.indkka {
width: 100%;
clear: both;
margin-top: 10vw;
}
.indkkb {
width: 100%;
float: left;
}
.indkl {
width: 3.5vw;
}
.indkjc {
right: -9vw;
}
.indkje {
width: 2.6378896882494005vw;
margin-bottom: 4.5vw;
}
.indkjd {
margin-left: 1vw;
height: 8vw;
}
.indkja {
width: 61.5vw;
height: 71.5vw;
}
.indkia {
margin-top: 7.5vw;
}
.indkjb {
font-size: 2.4vw;
line-height: 3.8vw;
margin-top: 6.5vw;
}
.indkic {
font-size: 4.5vw;
line-height: 6.3vw;
margin-top: 10vw;
}
.liste, .listdata {
background-position: left 1.4vw;
background-size: 1.1vw 1.1vw;
padding-left: 3.5vw;
left: 0vw;
}
.indkga {
margin-top: 5vw;
}
.indkf, .indkia {
width: 100%;
}
 .indkib {
width: 60%;
}
.indkcb {
width: 86%;
}
.indkc, .indkg {
width: 100%;
}
.indkb {
width: 7vw;
position: absolute;
right: 7.5vw;
}
.indjd {
width: 85%;
margin-top: 6vw;
}
.indjd, .indkf, .indkg, .indkia, .indkk, .overl, .data, .indkib2 {
line-height: 3.8vw;
}
.indj {
background-color: #f9f9f9;
}
.indja {
width: 100%;
height: 63.5vw;
top: -3.8vw;
}
.indjb {
padding-right: 0px;
width: 100%;
float: left;
}
.indic {
width: 6vw;
margin-top: 9vw;
}
.indec {
margin-top: 4vw;
padding-left: 3.5vw;
padding-right: 3.5vw;
padding-top: 1.7vw;
padding-bottom: 1.7vw;
}
.indh {
width: 20.5vw;
height: 20.5vw;
top: 75vw;
left: 7vw;
}
.indg {
top: 100vw;
left: 7.5vw;
width: 3.5vw;
}
.indeb {
margin-top: 6.5vw;
}
.inde {
width: 82%;
margin-top: 7.5vw;
margin-bottom: 2vw;
}
h1, h3 {
font-size: 3.4vw;
line-height: 4.7vw;
}
h2 {
font-size: 3.4vw;
line-height: 4.7vw;
}
.sect {
margin-top: 19.5vw;
}
.indd {
padding-left: 7.5vw;
padding-right: 7.5vw;
padding-bottom: 12.5vw;
}
nav {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.active1 {
padding-top: 4vw;
padding-bottom: 4vw;
}
.navbox {
justify-content: flex-end;
}
.indb {
width: auto;
}
.navbox, body, .indkib2 {
font-size: 2.4vw;
}
.indf {
width: 62vw;
height: 79vw;
clear: both;
}
.inda {
width: 34.172661870503596vw;
height: 11.515275779376498vw;
}
.indc, .aus1, .aus2 {
display: none;
}
.indi, .indjb, footer, .indk, .indki {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.indkj {
width: 92.5vw;
padding-left: 7.5vw;
padding-top: 7.5vw;
padding-bottom: 15vw;
clear: both;
float: left;
margin-top: 9.5vw;
}
}

@media screen and (max-width: 500px) {
.indkib2 {
width: 100%;
padding: 5vw;
top: -7vw;
}
h4 {
font-size: 7.5vw;
line-height: 8.75vw;
}
.tu {
text-decoration: underline; 
text-decoration-color: #b5b5b6;
text-decoration-style: wavy;
text-decoration-thickness: 0.3vw;
text-underline-offset: 1.25vw;
}
.indjb {
padding-top: 11vw;
}
.indja {
width: 100%;
height: 74.5vw;
}
.indib {
width: 90%;
margin-top: 8.25vw;
}
.datb {
width: 15vw;
height: 15vw;
}
.data {
padding-top: 20vw;
padding-right: 7.5vw;
padding-bottom: 12.5vw;
padding-left: 7.5vw;
}
.indkj {
margin-top: 13.5vw;
padding-bottom: 18vw;
}
.overlgb {
margin-top: 2vw;
}
.overlf {
margin-top: 5.688vw;
margin-bottom: 5.688vw;
}
.overld {
margin-top: 3.5vw;
}
.overlb {
margin-top: 8vw;
}
.overla {
width: 100%;
height: 100%;
}
.overlax {
width: 70vw;
height: 70vw;
background-position: -6vw -10vw;
background-size: 130%;
}
A.navb:link, A.navb:visited, A.navb.active, A.navb:hover {
padding-bottom: 1vw;
}
.fooa {
bottom: 19px;
}
footer {
padding-top: 10.25vw;
padding-bottom: 10.25vw;
}
.fooab {
margin-left: 0vw;
clear: both;
margin-top: 6vw;
}
.foob {
width: 30vw;
height: 30vw;
}
.indkka {
margin-top: 20vw;
}
.indkk {
margin-top: 10vw;
}
.indkl {
width: 6vw;
}
.indkia {
margin-top: 2.5vw;
}
.indkjb {
font-size: 4.25vw;
line-height: 5.8vw;
margin-top: 7.5vw;
}
.indkjd {
margin-left: 2vw;
height: 14vw;
}
.indkje {
width: 4vw;
margin-bottom: 6.5vw;
}
.indkjc {
right: -11vw;
}
.indkja {
width: 67.5vw;
height: 78.5vw;
}
.indkic {
font-size: 7vw;
line-height: 10vw;
margin-top: 20vw;
}
.indkib {
width: 75%;
}
.indkia {
padding-top: 11.25vw;
}
.indk {
padding-top: 11.25vw;
padding-bottom: 11.25vw;
}
.indkcb {
width: 100%;
margin-bottom: 5.5vw;
}
.indkd {
margin-top: 7.688vw;
margin-bottom: 7.688vw;
}
.liste, .listdata {
background-position: left 1.9vw;
background-size: 2vw 2vw;
padding-left: 7.5vw;
left: 0vw;
margin-top: 1.25vw;
}
.indj {
padding-bottom: 12.5vw;
}
.indjd {
width: 100%;
margin-top: 7vw;
}
.indjd, .indkf, .indkg, .indkia, .indkk, .overl, .data, .indkib2 {
line-height: 5.8vw;
}
.indi {
padding-top: 1vw;
padding-bottom: 15.5vw;
}
.inda2 {
width: 22.093023255813954vw;
height: 22.790697674418606vw;
float: left;
transition: all ease-out .3s;
}
.active3 {
width: 17.441860465116278vw;
height: 17.992651162790697vw;
transition: all ease-out .3s;
}
.indic {
width: 12vw;
margin-top: 15vw;
}
.indf {
width: 100%;
height: 125vw;
}
.indec {
margin-top: 6vw;
padding-left: 5.5vw;
padding-right: 5.5vw;
padding-top: 2.7vw;
padding-bottom: 2.7vw;
margin-left: 7.5vw;
}
body, .indkib2 {
font-size: 4.25vw;
}
.indeb, .indea {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.indd {
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 15vw;
}
.inde {
width: 100%;
margin-bottom: 10vw;
margin-top: 4.5vw;
}
h1, h2 {
font-size: 5.3vw;
line-height: 7.2vw;
font-weight: 400;
}
h3 {
font-size: 4.8vw;
line-height: 7vw;
font-weight: 400;
}
.sect {
margin-top: 34.75vw;
}
nav {
padding-top: 6vw;
padding-bottom: 6vw;
}
.active1 {
padding-top: 4vw;
padding-bottom: 4vw;
}
.inda, .active2, .indb, .indba, .indbb, .indbc, .indc2, .indc3, .indh, .indg, .indkb {
display: none;
}
.indc {
width: 14.953488372093023vw;
height: 14.953488372093023vw;
display: inline;
}
.indc:hover {
transform: scale(1);
}
body, .indi, .indj, footer, .indk {
background-color: #f9f9f9;
background-image: url(bilder/bg_irisierend_hell.png);
background-position: left top;
background-repeat: repeat;
}
.indki {
background-image: url(bilder/bg_irisierend.png);
background-position: left top;
background-repeat: repeat;
}
}


	
@keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}