:selection {background: #503d2f; color: #c2bbb6;}
::-moz-selection {background: #503d2f; color:#c2bbb6;}
/*::-webkit-scrollbar { display:none;}*/

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

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

.fehl {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.fehler {
width: 400px;
height: auto;
margin-bottom: 2vw;
}
.fehler-a {
width: 400px;
text-align: center;
}

@font-face {
font-family: 'Meow Script';
font-style: normal;
font-weight: 400;
src: url('fonts/meow-script-v5-latin-regular.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 500;
src: url('fonts/noto-sans-v39-latin-500.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 500;
src: url('fonts/noto-sans-v39-latin-500italic.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/noto-sans-v39-latin-700.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 800;
src: url('fonts/noto-sans-v39-latin-800.woff2') format('woff2');
font-display: swap;
}

html {
width: 100%;
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
scroll-behavior: smooth;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
}
body {
font-family: 'Noto Sans', Arial, sans-serif;
width: 100%;
height: 100%;
font-weight: 500;
color: #503d2f;
font-size: 0.9vw;
line-height: 1.4vw;
background-color: #c2bbb6;
}

.progress-bar {
background: #393738;
height: 1px;
width: 0%;
position: fixed;
top: 6vw;
z-index: 100000;
}

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

.pink {
color: #CB0B88;
}


.listdata {
list-style-image: none;
list-style-type: none;
background-image: url("bild/dot.svg");
background-repeat: no-repeat;
padding-left: 1.25vw;
background-position: left 0.5vw;
background-size: 0.3vw 0.3vw;
}

.li-reise {
list-style-image: none;
list-style-type: none;
background-image: url("bild/icon_haken.svg");
background-repeat: no-repeat;
padding-left: 1.25vw;
background-position: left 0.4vw;
background-size: 0.677083vw;
}

.data {
width: 100%;
position: relative;
z-index: 99;
padding-bottom: 5.208333333333334vw;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
padding-top: 5.208333333333334vw;
float: left;
}
.datb {
position: relative;
width: 15vw;
height: auto;
float: right;
z-index: 100;
margin-top: 4vw;
margin-right: 4vw;
}
.datac {
width: 100%;
margin-bottom: 8vw;
float: left;
clear: both;
}

img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-family: 'Noto Sans', Arial, sans-serif;
font-size: 2vw;
line-height: 2.4vw;
font-weight: 500;
}
h2 {
font-family: 'Noto Sans', Arial, sans-serif;
font-size: 2.5vw;
line-height: 2.9vw;
font-weight: 500;
}
h3 {
font-family: 'Meow Script', Arial, sans-serif;
font-size: 5vw;
line-height: 6vw;
font-weight: 400;
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 800;
}
.tk {
font-style: italic;
}
.th {
opacity: 0.5;
}

.aus1 {
display: inline;
}


a:link, a:hover, a:visited, a:active {
text-decoration: none;
outline: none;
cursor: pointer;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: rgba(80,61,47,1.00);
}

A.nava:link, A.nava:visited {
color: rgba(194,187,182,0.40);
background: linear-gradient(to right, rgba(80,61,47,0.00), rgba(80,61,47,0.00)),
linear-gradient(to right, rgba(80,61,47,0.00), rgba(80,61,47,0.00), rgba(80,61,47,0.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(80,61,47,0);
padding-bottom: 0.2vw;
transition: all ease-out .3s;
}
A.nava.active, A.nava:hover {
color: rgba(194,187,182,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.2vw;
transition: all ease-out .2s;
}
A.nava-a:link, A.nava-a:visited {
color: rgba(80,61,47,0.40);
background: linear-gradient(to right, rgba(80,61,47,0.00), rgba(80,61,47,0.00)),
linear-gradient(to right, rgba(80,61,47,0.00), rgba(80,61,47,0.00), rgba(80,61,47,0.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(80,61,47,0);
padding-bottom: 0.2vw;
transition: all ease-out .3s;
}
A.nava-a.active, A.nava-a:hover {
color: rgba(80,61,47,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.2vw;
transition: all ease-out .2s;
}
A.navb:link, A.navb:active, A.navb:visited, A.navb:hover {
color: rgba(194,187,182,1.00);
}
A.navb-a:link, A.navb-a:active, A.navb-a:visited, A.navb-a:hover {
color: rgba(80,61,47,1.00);
}
A.navc:link, A.navc:visited {
color: rgba(194,187,182,1.00);
background: linear-gradient(to right, rgba(194,187,182,0.30), rgba(194,187,182,0.30)),
linear-gradient(to right, rgba(194,187,182,1.00), rgba(194,187,182,1.00), rgba(194,187,182,1.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(194,187,182,0.00);
padding-bottom: 0.2vw;
transition: all ease-out .3s;
}
A.navc.active, A.navc:hover {
border-bottom: 1px solid rgba(194,187,182,0.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.2vw;
transition: all ease-out .2s;
}
A.navd:link, A.navd:visited {
color: rgba(124,109,99,1);
background: linear-gradient(to right, rgba(124,109,99,0.00), rgba(124,109,99,0.00)), 
linear-gradient(to right, rgba(124,109,99,1), rgba(124,109,99,1), rgba(124,109,99,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
padding-bottom: 0px;
transition: background-size 0.3s ease-out;
}
A.navd.active, A.navd:hover {
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
transition: background-size 0.2s ease-out;
}
A.nave:link, A.nave:visited {
color: rgba(144,100,57,1);
background: linear-gradient(to right, rgba(144,100,57,0), rgba(144,100,57,0)), 
linear-gradient(to right, rgba(144,100,57,1), rgba(144,100,57,1), rgba(144,100,57,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
padding-bottom: 0px;
transition: background-size 0.3s ease-out;
}
A.nave.active, A.nave:hover {
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
transition: background-size 0.2s ease-out;
}
A.navf:link, A.navf:visited {
color: rgba(167,158,151,1.00);
background: linear-gradient(to right, rgba(167,158,151,0.00), rgba(167,158,151,0.00)), 
linear-gradient(to right, rgba(167,158,151,1), rgba(167,158,151,1), rgba(167,158,151,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
padding-bottom: 0px;
transition: background-size 0.3s ease-out;
}
A.navf.active, A.navf:hover {
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
transition: background-size 0.2s ease-out;
}
A.navfx:link, A.navfx:visited {
color: rgba(237,236,234,1.00);
background: linear-gradient(to right, rgba(237,236,234,0.00), rgba(237,236,234,0.00)), 
linear-gradient(to right, rgba(237,236,234,1), rgba(237,236,234,1), rgba(237,236,234,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
padding-bottom: 0px;
transition: background-size 0.3s ease-out;
}
A.navfx.active, A.navfx:hover {
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
transition: background-size 0.2s ease-out;
}
A.navg:link, A.navg:visited {
color: rgba(80,61,47,1.00);
background: linear-gradient(to right, rgba(80,61,47,0.30), rgba(80,61,47,0.30)),
linear-gradient(to right, rgba(80,61,47,1.00), rgba(80,61,47,1.00), rgba(80,61,47,1.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(80,61,47,0.00);
padding-bottom: 0.2vw;
transition: all ease-out .3s;
}
A.navg.active, A.navg:hover {
border-bottom: 1px solid rgba(80,61,47,0.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.2vw;
transition: all ease-out .2s;
}


.overl {
width: 100%;
height: 100%;
text-align: left;
padding: 8%;
background-color: #edecea;
float: left;
}
.overl-1 {
width: 100%;
float: left;
text-align: center;
}
.overl-2 {
width: 100%;
float: left;
clear: both;
font-size: 1.6vw;
line-height: 1.6vw;
margin-top: 1vw;
}
.overl-2-1 {
float: left;
}
.overl-2-2 {
float: left;
clear: both;
margin-top: 0.5vw;
}
.overl-3 {
width: 100%;
float: left;
clear: both;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 1vw;
}
.overl-3-1 {
width: 42.5%;
height: auto;
float: left;
}
.overl-3-2 {
width: 47.5%;
float: right;
margin-top: 0.5vw;
}

section {
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 1;
}
.sec-1 {
background-color: #503d2f;
background-image: url("bild/backgr_transp.png");
background-repeat: repeat;
}
.sec-2 {
background-color: #d8d4d1;
margin-top: 10vw;
}
footer {
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 1;
}
.foo-1 {
background-color: #eae8e6;
}
.foo-2 {
width: 100%;
float: left;
position: relative;
padding-bottom: 5.208333333333334vw;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
padding-top: 5.208333333333334vw;
color: rgba(124,109,99,1.00);
}
.foo-3 {
width: 100%;
float: left;
position: relative;
padding-left: 8.85417vw;
padding-right: 8.85417vw;
display: flex;
justify-content: space-between;
}
.foo-4 {
position: relative;
}
.foo-5 {
position: relative;
}
.foo-6 {
position: relative;
}
.foo-7 {
position: relative;
}
.foo-8 {
width: 0.5208333333333333vw;
height: 0.26041666666666663vw;
float: left;
position: absolute;
margin-left: -20px;
margin-top: -1px;
}
.foo-9 {
float: left;
width: 100%;
position: relative;
}
.foo-10 {
width: 100%;
float: left;
position: relative;
padding-left: 8.85417vw;
padding-right: 8.85417vw;
margin-top: 5vw;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.foo-11 {
position: absolute;
left: 23.3vw;
}
.foo-11-1 {
position: relative;
float: left;
}
.foo-11-2 {
position: relative;
float: left;
margin-left: 2.5vw;
}
.foo-11-3 {
position: relative;
float: left;
margin-left: 2.5vw;
}
.foo-12 {
position: relative;
float: right;
}
.foo-12-1 {
position: relative;
float: left;
margin-right: 1vw;
top: 2.5px;
}
.foo-12-2 {
width: 1.5625vw;
height: 1.5625vw;
position: relative;
float: left;
}
.foo-13 {
float: left;
width: 2.604166666666667vw;
height: 5.572916666666667vw;
position: relative;
}
.foo-14 {
float: left;
position: relative;
top: 2px;
}


nav {
width: 100%;
float: left;
position: fixed;
z-index: 100;
}
.abstand {
width: 100%;
float: left;
position: relative;
margin-top: 10vw;
}
.abstand-a {
width: 100%;
float: left;
position: relative;
margin-top: 12.5vw;
}
.abstand-b {
width: 100%;
float: left;
position: relative;
margin-top: 12.5vw;
}

.box-1 {
position: absolute;
left: 1.75vw;
display: flex;
align-items: center;
}
.box-2 {
position: relative;
display: flex;
align-items: center;
}
.box-3 {
position: absolute;
right: 1.75vw;
display: flex;
align-items: center;
}

.i-1 {
width: 100%;
float: left;
position: relative;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
color: #c2bbb6;
}
.i-2 {
width: 100%;
float: left;
position: relative;
border: 1px solid rgba(194,187,182,0.30);
padding-left: 1.5vw;
padding-right: 1.5vw;
padding-top: 1vw;
padding-bottom: 1vw;
border-radius: 50vw;
margin-top: 2vw;
line-height: 1vw;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
transition: all ease-out .3s;
background-color: rgba(115,100,89,0.00);
}
.active1 {
transition: all ease-out .3s;
background-color: rgba(115,100,89,0.97);
border: 1px solid rgba(115,100,89,0.97);
}
.i-2-x {
width: 100%;
float: left;
position: relative;
border: 1px solid rgba(80,61,47,0.20);
padding-left: 1.5vw;
padding-right: 1.5vw;
padding-top: 1vw;
padding-bottom: 1vw;
border-radius: 50vw;
margin-top: 2vw;
line-height: 1vw;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
transition: all ease-out .3s;
background-color: rgba(194,187,182,0.97);
}
.active2 {
box-shadow: 0 2px 6px rgba(0,0,0, 0.09); /* leichter Schatten */
}
.i-3 {
float: left;
width: 2vw;
position: relative;
transition: all ease-out .2s;
}
.i-3-1 {
width: 1vw;
height: 1px;
float: left;
background-color: #c2bbb6;
position: relative;
transition: all ease-out .2s;
}
.i-3-3 {
width: 1vw;
height: 1px;
float: right;
background-color: #c2bbb6;
position: relative;
transition: all ease-out .2s;
}
.i-3-2 {
width: 100%;
height: 1px;
float: left;
clear: both;
margin-top: 0.42vw;
margin-bottom: 0.42vw;
background-color: #c2bbb6;
position: relative;
transition: all ease-out .2s;
}
.i-3:hover .i-3-1,
.i-3:hover .i-3-3 {
width: 100%;
}
.i-3-1-a {
width: 1vw;
height: 1px;
float: left;
background-color: rgba(80,61,47,1.00);
position: relative;
transition: all ease-out .2s;
}
.i-3-3-a {
width: 1vw;
height: 1px;
float: right;
background-color: rgba(80,61,47,1.00);
position: relative;
transition: all ease-out .2s;
}
.i-3-2-a {
width: 100%;
height: 1px;
float: left;
clear: both;
margin-top: 0.42vw;
margin-bottom: 0.42vw;
background-color: rgba(80,61,47,1.00);
position: relative;
transition: all ease-out .2s;
}
.i-3:hover .i-3-1-a,
.i-3:hover .i-3-3-a {
width: 100%;
}
.i-4 {
float: left;
width: 1px;
height: 1.5vw;
background-color: rgba(194,187,182,0.30);
margin-left: 1.5vw;
position: relative;
}
.i-4-a {
float: left;
width: 1px;
height: 1.5vw;
background-color: rgba(80,61,47,0.30);
margin-left: 1.5vw;
position: relative;
}
.i-5 {
float: left;
position: relative;
}
.i-5-1 {
float: left;
margin-right: 3.4vw;
position: relative;
}
.i-5-2 {
float: left;
margin-right: 3.4vw;
position: relative;
}
.i-5-3 {
float: left;
position: relative;
}
.i-6 {
width: 13.541666666666666vw;
height: 1.1458333333333333vw;
float: left;
margin-left: 6.8vw;
margin-right: 6.8vw;
position: relative;
}
.i-7 {
float: left;
position: relative;
}
.i-7-1 {
float: left;
margin-right: 3.4vw;
position: relative;
}
.i-7-2 {
float: left;
margin-right: 3.4vw;
position: relative;
}
.i-7-3 {
float: left;
position: relative;
}
.i-8 {
float: left;
width: 1px;
height: 1.5vw;
background-color: rgba(194,187,182,0.30);
margin-right: 1.5vw;
position: relative;
}
.i-8-a {
float: left;
width: 1px;
height: 1.5vw;
background-color: rgba(80,61,47,0.30);
margin-right: 1.5vw;
position: relative;
}
.i-9 {
width: 1.4583333333333333vw;
height: 1.1458333333333333vw;
float: left;
position: relative;
}

.i-cont-1 {
width: 100%;
float: left;
position: relative;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
color: rgba(194,187,182,1.00);
z-index: 2;
}
.i-cont-2 {
width: 100%;
float: left;
position: relative;
padding-left: 8.854166666666668vw;
padding-right: 8.854166666666668vw;
margin-bottom: 2vw;
}
.i-cont-3 { 
float: left;
position: relative;
}
.i-cont-4 {
width: 47.5%;
float: right;
text-indent: 6vw;
position: relative;
margin-top: 6vw;
}
.i-cont-4x {
width: 100%;
float: left;
clear: both;
text-indent: 15vw;
position: relative;
z-index: 100;
color: rgba(194,187,182,1.00);
padding-left: 4.545454545454546vw;
padding-right: 4.545454545454546vw;
line-height: 5.5vw;
margin-top: 10vw;
margin-bottom: 3vw;
}
.i-cont-5 {
width: 30%;
float: left;
clear: both;
position: relative;
margin-top: 2vw;
}
.i-cont-5x {
width: 100%;
float: left;
clear: both;
position: relative;
margin-top: 11vw;
color: rgba(194,187,182,1.00);
padding-left: 9.5vw;
padding-right: 9.5vw;
}
.i-cont-5-1 {
width: 3.177083333333333vw;
height: 3.177083333333333vw;
float: left;
position: absolute;
left: -8.854166666666668vw;
margin-top: -2vw;
}
.i-cont-6 {
width: 0.65vw;
height: auto;
right: 5.208333333333334vw;
top: 10vw;
position: absolute;
}
.i-cont-7 {
width: 100%;
min-height: 34vw;
float: left;
clear: both;
position: relative;
padding-left: 1.562500vw;
padding-right: 1.562500vw;
}
.i-partn-1 {
width: 100%;
float: left;
position: relative;
padding-left: 10.208333333333334vw;
padding-right: 10.208333333333334vw;
padding-top: 3vw;
padding-bottom: 3vw;
line-height: 1.3vw;
}
.kurs-a {
width: 100%;
float: left;
position: relative;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
z-index: 2;
}
.kurs-a-x {
width: 100%;
float: left;
position: relative;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
z-index: 2;
}
.kurs-a-xx {
width: 100%;
float: left;
position: relative;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
z-index: 2;
}
.kurs-b {
width: 100%;
float: left;
position: relative;
padding-left: 8.854166666666668vw;
padding-right: 8.854166666666668vw;
}
.kurs-c {
width: 100%;
position: relative;
float: left;
}
.kurs-c-a {
width: 50%;
height: 37.5vw;
position: relative;
float: left;
clip-path: polygon(0 0, 100% 0, 100% 96%, 0 96%);
}
.kurs-c-a-a {
width: 1.75vw;
height: auto;
position: absolute;
bottom: 1.4vw;
left: 1.5vw;
opacity: 0.2;
}
.kurs-c-b {
width: 50%;
height: 37.5vw;
position: relative;
float: right;
clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}
.kurs-d {
width: 100%;
position: relative;
float: left;
margin-top: 5vw;
}
.kurs-d-a {
width: 50%;
position: relative;
float: left;
}
.kurs-d-b {
width: 50%;
position: relative;
float: right;
clear: both;
text-indent: 6vw;
top: -3vw;
}
.kurs-d-c {
width: 3.177083333333333vw;
height: 3.177083333333333vw;
float: left;
clear: both;
position: relative;
transform: rotate(45deg);
top: -5vw;
}
.kurs-e {
width: 100%;
position: relative;
float: left;
margin-top: 1vw;
}
.kurs-f {
width: 100%;
position: relative;
float: left;
margin-top: 7.5vw;
}
.kurs-f-a {
float: left;
font-size: 10vw;
line-height: 10vw;
color: #906439;
position: relative;
left: -8.854166666666668vw;
}

.kurs-g {
width: 100%;
position: relative;
float: left;
margin-top: 7.5vw;
}
.kurs-g-a {
width: 100%;
float: left;
position: relative;
}
.kurs-g-b {
width: 33.1%;
height: auto;
float: left;
margin-top: 23.958333333333336vw;
position: relative;
}
.kurs-g-c {
width: 33.1%;
height: auto;
float: left;
margin-top: 11.979166666666668vw;
position: relative;
}
.kurs-g-d {
width: 33.1%;
height: auto;
float: left;
position: relative;
}
.kurs-g-e {
width: 12vw;
height: 12vw;
position: absolute;
top: -9vw;
left: -6vw;
}
.kurs-g-f {
width: 43%;
position: absolute;
bottom: 0vw;
right: 0vw;
text-indent: 8vw;
}
.live-a {
width: 100%;
height: 42.1875vw;
position: relative;
}
.live-b {
position: absolute;
bottom: -5vw;
right: -5vw;
font-size: 10vw;
line-height: 9vw;
color: #906439;
}
.live-b-x {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.live-b-x-a {
width: 55vw;
height: 55vw;
opacity: 0.7;
}
.live-c {
width: 100%;
float: left;
position: relative;
z-index: 2;
margin-top:	10vw;
}
.live-c-a {
float: left;
position: relative;
left: -8.854166666666668vw;
}
.live-c-b {
width: 61%;
float: right;
clear: both;
text-indent: 9vw;
}
.live-c-c {
float: left;
clear: both;
position: relative;
left: -8.854166666666668vw;
}
.live-d {
float: left;
clear: both;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.live-d-a {
float: left;
font-weight: 800;
position: relative;
}
.live-d-b {
width: 6.822916666666666vw;
height: 2.65625vw;
margin-left: 2.65625vw;
float: left;
position: relative;
}

.live-e {
width: 100%;
float: left;
margin-top: 7vw;
display: flex;
justify-content: space-between;
}
.live-e-a {
width: 35.9375vw;
height: 25.520833333333332vw;
float: left;
position: relative;
margin-top: 8.854166666666668vw;
}
.live-e-b {
width: 15.364583333333334vw;
height: 17.96875vw;
float: left;
position: relative;
left: 3.5vw;
}
.live-e-c {
width: 25.78125vw;
height: 17.96875vw;
position: relative;
margin-top: 16.40625vw;
float: left;
}

.vid {
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.vid-a {
width: 46.35416666666667vw;
height: 46.35416666666667vw;
background-color: #d8d4d1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.vid-a-a {
width: 21.875vw;
height: 21.875vw;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.vid-b {
width: 21.875vw;
height: 21.875vw;
position: absolute;
z-index: 3;
opacity: 1;
}
.vid-c {
width: 17.875vw;
height: 17.875vw;
position: absolute;
top: -2vw;
z-index: 2;
opacity: 0.5;
}
.vid-d {
width: 13.875vw;
height: 13.875vw;
position: absolute;
z-index: 1;
top: -4vw;
opacity: 0.2;
}

/* Animate */

.vid-c, .vid-d {
opacity: 0;
top: 0vw;
position: absolute;
transition: all 0.5s ease-out;
}
.vid-c.animate {
top: -2vw;
opacity: 0.5;
}
.vid-d.animate {
top: -3.7vw;
opacity: 0.2;
}

.vid-e {
position: absolute;
top: 7vw;
left: -4.5vw;
z-index: 3;
}
.vid-f {
width: 1.75vw;
height: auto;
position: absolute;
bottom: 12vw;
right: 2.5vw;
}
.vid-g {
width: 3.6458333333333335vw;
height: 3.6458333333333335vw;
position: absolute;
bottom: 2.5vw;
left: 2.5vw;
}
.vid-h {
width: 36.45833333333333vw;
height: 39.0625vw;
position: absolute;
z-index: 1;
bottom: -4.6875vw;
background-color: #503d2f;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
right: 4.344vw;
}
.vid-i {
width: 100%;
float: left;
margin-top: 12vw;
text-indent: 6vw;
}
.vid-j {
width: 100%;
float: left;
margin-top: 6vw;
}
.vid-k {
width: 47.5%;
float: left;
}
.vid-k-a {
width: 80%;
float: left;
padding-top: 2.5vw;
padding-bottom: 2.5vw;
padding-left: 1vw;
}
.vid-l {
width: 47.5%;
float: right;
}
.vid-l-a {
width: 80%;
float: left;
padding-top: 2.5vw;
padding-bottom: 2.5vw;
padding-left: 1vw;
}
.vid-m {
width: 100%;
float: left;
margin-top: 6vw;
display: flex;
justify-content: space-between;
align-items: center;
}
.vid-m-a {
width: 100%;
float: left;
margin-top: 6vw;
}
.vid-n {
width: 47.5%;
float: left;
}
.vid-o {
width: 47.5%;
float: right;
}
.vid-p {
width: 100%;
float: left;
text-align: center;
letter-spacing: 0.5vw;
margin-bottom: 4vw;
}
.vid-q {
display: flex;
gap: 1.3vw;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
.vid-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 1.3vw;
min-width: 0;
}
.vid-q-item {
background-color: #eae8e6;
border-radius: 1vw;
padding: 4vw;
text-align: center;
}
.vid-r img {
width: 100%;
height: auto;
display: block;
}
.vid-r-a {
margin-top: 1.5vw;
text-align: center;
color: #503d2f;
}
.vid-r-b {
margin-top: 0.75vw;
text-align: center;
color: #503d2f;
}
.vid-r-c {
text-align: center;
opacity: 0.5;
color: #503d2f;
}

.vid-linie, .vid-linie-a {
width: 100%;
height: 1px;
background-color: rgba(80,61,47,0.3);
float: left;
}




.por {
width: 100%;
float: left;
position: relative;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
z-index: 2;
}
.por-a {
width: 100%;
float: left;
position: relative;
text-align: center;
}
.por-b {
width: 100%;
float: left;
margin-top: 1vw;
position: relative;
text-align: center;
padding-left: 20vw;
padding-right: 20vw;
}
.por-c {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 4vw;
float: left;
position: relative;
}
.por-c-a {
width: 20.3125vw;
height: 25.260416666666668vw;
align-self: flex-end;
}
.por-c-b {
width: 25.520833333333332vw;
height: 31.770833333333332vw;
}
.por-c-c {
width: 20.3125vw;
height: 25.260416666666668vw;
align-self: flex-start;
}
.por-d {
width: 100%;
float: left;
margin-top: 5vw;
padding-left: 15vw;
padding-right: 15vw;
}
.por-d-a {
column-count: 2;
column-gap: 2vw;
}

.kon {
width: 100%;
height: 100dvh;
float: left;
position: relative;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
display: flex;
justify-content: center;
align-items: center;
}
.kon-a {
position: absolute;
top: 10vw;
left: 5.208333333333334vw;
}
.kon-b {
position: absolute;
top: 10vw;
right: 5.208333333333334vw;
font-size: 1.6vw;
line-height: 1.6vw;
}
.kon-b-a {
float: right;
clear: both;
}
.kon-b-b {
float: right;
clear: both;
margin-top: 0.7vw;
}
.kon-b-c {
float: right;
clear: both;
width: 1.5625vw;
height: 1.5625vw;
margin-top: 0.9vw;
}
.kon-c {
width: 25.520833333333332vw;
height: 31.510416666666668vw;
position: relative;
top: 1.5vw;
}
.kon-d {
width: 50%;
position: absolute;
bottom: 5.208333333333334vw;
left: 5.208333333333334vw;
}
.kon-d-a {
width: 3vw;
height: 3vw;
float: left;
clear: both;
position: relative;
transform: rotate(45deg);
margin-bottom: 2vw;
}
.kon-d-b {
width: 30%;
float: left;
clear: both;
}
.kon-e {
position: absolute;
bottom: 5.208333333333334vw;
right: 5.208333333333334vw;
}
.kon-e-a {
text-align: right;
}
.kon-e-b {
width: 0.5208333333333333vw;
height: 0.26041666666666663vw;
display: inline-block;
position: relative;
margin-right: 10px;
}
.kont-f {
width: 100%;
float: left;
position: relative;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
display: flex;
justify-content: space-between;
margin-top: 5vw;
}
.kont-f-a {
width: 20.416666666666668vw;
height: auto;
}
.kont-f-b {
width: 20.416666666666668vw;
height: auto;
}
.kont-f-c {
width: 20.416666666666668vw;
height: auto;
}
.kont-f-d {
width: 20.416666666666668vw;
height: auto;
}



.reis {
width: 100%;
float: left;
position: relative;
}
.reis-a {
float: left;
position: relative;
}
.reis-b {
width: 50%;
float: right;
clear: both;
position: relative;
text-indent: 6vw;
}
.reis-c {
width: 30%;
float: left;
position: relative;
clear: both;
}
.reis-d {
width: 50%;
float: right;
clear: both;
position: relative;
}
.reis-e {
float: left;
clear: both;
position: relative;
}
.reis-e-a {
float: left;
clear: both;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.reis-e-b {
float: left;
font-weight: 800;
position: relative;
}
.reis-e-c {
width: 6.822916666666666vw;
height: 2.65625vw;
margin-left: 2.65625vw;
float: left;
position: relative;
}
.reis-f {
width: 100%;
float: left;
margin-top: 6vw;
}
.reis-g {
width: 100%;
float: left;
margin-top: 6vw;
padding-left: 12vw;
padding-right: 12vw;
text-indent: 6vw;
}
.reis-h {
width: 100%;
float: left;
margin-top: 12vw;
letter-spacing: 0.5vw;
text-align: center;
}
.reis-i {
width: 100%;
float: left;
margin-top: 6vw;
}



/* Anfang Accord Leistungen */

.accordion-title {
width: 100%;
float: left;
cursor: pointer;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
padding-left: 3.125vw;
background-color: #503d2f;
transition: all ease-out .3s;
color: #d8d4d1;
position: relative;
border-top-right-radius: 50vw;
border-bottom-right-radius: 50vw;
font-weight: 800;
}
.accordion-title:hover {
color: #b9b1ac;
}
.accordion-title.open {
color: #503d2f;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
padding-left: 3.125vw;
background-color: #d8d4d1;
border-top-right-radius: 50px;
border-bottom-right-radius: 0px;
}
/* INHALT */
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
padding-left: 3.125vw;
padding-right: 3.125vw;
padding-bottom: 5.125vw;
background-color: #d8d4d1;
clip-path: polygon(0 8px, 100% 0, 100% 100%, 0% 100%);
}
/* PLUS-MINUS ALS BOXEN */
.plus-icon {
position: absolute;
right: 3vw;
top: 50%;
width: 1.5vw;
height: 1.5vw;
transform: translateY(-50%);
}
.bar {
position: absolute;
background-color: #d8d4d1;
transition: all 0.3s ease;
}
.horizontal {
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.vertical {
height: 100%;
width: 2px;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.accordion-title.open .vertical {
transform: translateX(-50%) rotate(90deg);
opacity: 0;
}
.accordion-title.open .horizontal {
background-color: #503d2f;
}

.accord-abst {
width: 100%;
float: left;
margin-top: 1vw;
}
.accorda {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 3.125vw;
}
.accordb {
width: 100%;
margin-top: 6vw;
text-indent: 6vw;
padding-left: 8.854166666666668vw;
padding-right: 8.854166666666668vw;
}
.accordb-a {
width: 17.447916666666664vw;
height: auto;
}
.accordb-b {
width: 17.447916666666664vw;
height: auto;
}
.accordb-c {
width: 17.447916666666664vw;
height: auto;
}
.accordb-d {
width: 17.447916666666664vw;
height: auto;
}
.accordc {
width: 100%;
margin-top: 6vw;
padding-left: 8.854166666666668vw;
padding-right: 8.854166666666668vw;
float: left;
}
.accordc-a {
width: 45%;
float: left;
}
.accordc-b {
width: 45%;
float: right;
}
.accordd {
width: 100%;
float: left;
clear: both;
margin-top: 3vw;
}
.accordd-a {
float: left;
padding-left: 1.5vw;
padding-right: 1.5vw;
padding-top: 1vw;
padding-bottom: 1vw;
color: #d8d4d1;
background-color: #503d2f;
border-radius: 50vw;
line-height: 0.9vw;
}

/* Anfang - Rotation */

#loading {
width: 100%;
height: 100%;
animation: rotation 20s infinite linear
}

@-webkit-keyframes rotation {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}


/* Anfang - Mobile Navigation */

.icon {
z-index: 1000001;
}
.mobilenav {
top: 0;
left: 0;
z-index: 30000000001;
opacity: 0;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
overflow-y: auto;
color: #a79e97;
background-image: url("bild/backg_respo.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: opacity 0.3s ease;
}
.mobilenav.active {
opacity: 1;
visibility: visible;
}
button.icon {
all: unset;
cursor: pointer;
}

.schliessen {
position: fixed;
z-index: 1000000000;
top: 2.3vw;
left: 6.6vw;
width: 2.6vw;
height: 2.6vw;
transition: all ease-out .3s;
}

.schliessen .icon,
.schliessen button.icon,
.schliessen a.icon {
display: block;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: transparent;
}

.close {
width: 100%;
height: 100%;
position: relative;
}

.schliessen .close img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
}

/* Nur das Bild dreht sich beim Hover */
.schliessen button.icon:hover .close img {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.panelx {
width: 100%;
height: 100%;
padding-left: 10.416666666666668vw;
padding-right: 10.416666666666668vw;
position: relative;
}
.panela {
width: 100%;
height: 100%;
padding-left: 8.85417vw;
padding-right: 8.85417vw;
float: left;
position: relative;
}
.panelb {
width: 100%;
float: left;
z-index: 1;
display: flex;
justify-content: space-between;
font-size: 1.5vw;
line-height: 2.5vw;
margin-top: 10vw;
}
.panelb-1 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.panelc {
float: left;
position: relative;
}
.paneld {
float: left;
position: relative;
}
.panele {
float: left;
position: relative;
}
.panelf {
float: left;
position: relative;
}
.panelg {
width: 100%;
float: left;
clear: both;
margin-top: 7vw;
position: relative;
}
.panelg-1 {
float: left;
position: relative;
}
.panelg-2 {
float: left;
margin-left: 2.5vw;
position: relative;
}
.panelg-3 {
float: left;
margin-left: 2.5vw;
position: relative;
}
.panelg-4 {
width: 1.5625vw;
height: 1.5625vw;
float: right;
position: relative;
}
.panelc-a {
float: left;
position: relative;
width: 12.5vw;
height: 1px;
margin-right: 5vw;
margin-top: 7vw;
background-color: rgba(237,236,234,1.00);
}

@media screen and (min-width: 501px) {
.i-cont-4x, .panelc-a, .i-cont-5x, .live-b-x, .live-b-x-a {
display: none;
}
}

@media screen and (max-width: 1440px) {
.li-reise {
padding-left: 1.8vw;
background-position: left 0.4vw;
background-size: 1vw
}
.reis-e-c, .live-d-b {
width: 6.944444444444445vw;
height: 2.682590277777778vw;
}
.accordd-a {
padding-left: 2vw;
padding-right: 2vw;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
line-height: 1.1vw;
}
.por-d-a {
column-gap: 4vw;
}
.por-d {
padding-left: 10vw;
padding-right: 10vw;
}
.kon-c {
width: 29.282576866764277vw;
height: 36.15502196193265vw;
}
.kont-f {
margin-top: 2.5vw;
}
.kon-d-b {
width: 38%;
}
.panelg-4 {
width: 2.25vw;
height: 2.25vw;
top: -0.5vw;
}
.schliessen {
top: 2.5vw;
width: 3vw;
height: 3vw;
}
body {
font-size: 1.1vw;
line-height: 1.6vw;
}
.foo-13 {
width: 2.9282576866764276vw;
height: 6.2732284040995605vw;
}
.foo-12-2 {
width: 1.7vw;
height: 1.7vw;
}
.foo-11 {
left: 21.4vw;
}
.i-4, .i-8, .i-4-a, .i-8-a {
height: 1.75vw;
}
.i-9 {
width: 1.6837481698389458vw;
height: 1.304546120058565vw;
}
.i-6 {
width: 14.641288433382138vw;
height: 1.224450951683748vw;
}
.i-2, .i-2-x {
line-height: 1.1vw;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}
.active1 {
}
.kurs-b, .i-cont-2, .foo-3, .foo-10, .panela {
padding-left: 7vw;
padding-right: 7vw;
}
h1 {
font-size: 2.5vw;
line-height: 2.9vw;
}
h3 {
font-size: 5vw;
line-height: 6vw;
}
.foo-8, .kon-e-b {
width: 0.8vw;
height: auto;
}
.foo-14 {
top: 1px;
}
.foo-12-1 {
top: 0.5px;
}
}

@media screen and (max-width: 1366px) {
.i-cont-7 {
padding-left: 0vw;
padding-right: 0vw;
}
.foo-14 {
top: 2px;
}
}

@media screen and (max-width: 1194px) {
.datb {
width: 20vw;
}
.kurs-c-b, .kurs-c-a {
height: 39.5vw;
}
.foo-14 {
top: 0px;
}
.foo-11 {
left: 20.4vw;
}
body {
font-size: 1.2vw;
line-height: 1.7vw;
}
}

@media screen and (max-device-width : 1024px) and (orientation : portrait) {
.kurs-c-a-a {
width: 3vw;
bottom: 3vw;
left: 2.5vw;
}
.kon-b-b {
margin-top: 1.1vw;
}
.kon-c {
width: 37.109375vw;
height: 45.818720703124995vw;
top: 2vw;
}
.kon-d-b {
width: 60%;
}
.kon-d-a {
width: 4.5vw;
height: 4.5vw;
margin-bottom: 3vw;
}
.kon-b-c {
width: 2.563vw;
height: 2.563vw;
margin-top: 1.6vw;
}
.kon-a, .kon-b {
top: 17vw;
}
.panelg-4 {
width: 4.25vw;
height: 4.25vw;
top: -1.5vw;
}
.schliessen {
top: 4vw;
width: 5vw;
height: 5vw;
left: 7.6vw;
}
.panelg-2, .panelg-3 {
float: left;
margin-left: 0vw;
clear: both;
}
.panelg {
margin-top: 15vw;
}
.paneld, .panele {
clear: both;
margin-top: 4vw;
}
.panelx {
padding-left: 9.5vw;
padding-right: 9.5vw;
}
.panelb {
display: block;
justify-content: unset;
font-size: 4vw;
line-height: 4.75vw;
margin-top: 17vw;
}
.panela {
padding-left: 0vw;
padding-right: 0vw;
}
.panelf {
display: none;
}
}

@media screen and (max-width: 1024px) {
.li-reise {
padding-left: 3vw;
background-position: left 0.6vw;
background-size: 1.75vw;
}
.listdata {
padding-left: 2.25vw;
background-position: left 1.25vw;
background-size: 0.6vw 0.6vw;
}
.data {
padding-top: 10vw;
padding-bottom: 10.416666666666668vw;
}
.vid-i {
margin-top: 15vw;
}
.vid-e {
top: 7vw;
left: -1vw;
}
.vid-f {
width: 2.5vw;
bottom: 14vw;
right: 3vw;
}
.vid-c.animate {
width: 24vw;
height: 24vw;
top: -5vw;
}
.vid-d.animate {
width: 19vw;
height: 19vw;
top: -7vw;
}
.vid-b {
width: 27vw;
height: 27vw;
}
.vid-g {
width: 4.646vw;
height: 4.646vw;
bottom: 3vw;
left: 3vw;
}
.vid-a {
width: 56vw;
height: 56vw;
}
.vid-h {
width: 46.45833333333333vw;
height: 49.0625vw;
bottom: -7vw;
right: 8.5vw;
}
.vid-m, .vid-m-a {
margin-top: 10vw;
}
.live-e-c {
width: 30vw;
height: auto;
}
.live-e-a {
width: 40vw;
height: auto;
}
.live-e-b {
width: 17.5vw;
height: auto;
left: 1.5vw;
}
.live-c-b {
width: 52.5%;
}
.live-c-a, .live-c-c {
left: 0vw;
}
.live-b {
font-size: 12vw;
line-height: 11.5vw;
right: 3.5vw;
}
.live-a {
height: 57.8vw;
}
.kurs-g-f {
width: 45%;
position: relative;
text-indent: 0vw;
float: right;
clear: both;
text-align: right;
margin-top: -5vw;
}
.kurs-g-e {
width: 15vw;
height: 15vw;
top: -10vw;
left: -8vw;
}
.kurs-f-a {
left: 0px;
font-size: 12vw;
line-height: 12vw;
}
.kurs-d-c {
width: 4.25vw;
height: 4.25vw;
top: -7vw;
}
.kurs-c-a-a {
width: 3vw;
bottom: 3.75vw;
left: 2.5vw;
}
.kurs-c-b, .kurs-c-a {
height: 50.5vw;
}
.accordd-a {
padding-left: 3vw;
padding-right: 3vw;
padding-top: 2vw;
padding-bottom: 2vw;
line-height: 1.8vw;
}
.accordc {
padding-left: 5vw;
padding-right: 5vw;
}
.accordb-a, .accordb-b, .accordb-c, .accordb-d{
width: 24%;
}
.plus-icon {
right: 4vw;
width: 2.5vw;
height: 2.5vw;
}
.accordion-title, .accordion-title.open {
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.reis-h {
margin-top: 6vw;
letter-spacing: 0.75vw;
}
.reis-g {
margin-top: 0vw;
text-indent: 9vw;
}
.reis-b, .kurs-d-b, .vid-i {
text-indent: 9vw;
}
.accordb {
text-indent: 9vw;
padding-left: 5vw;
padding-right: 5vw;
}
.reis-e-c, .live-d-b {
width: 10.7421875vw;
height: 4.149638671875vw;
margin-left: 3.656vw;
}
A.navfx:link, A.navfx:visited, A.navfx.active, A.navfx:hover {
background: none;
}
A.navf:link, A.navf:visited, A.navf.active, A.navf:hover {
background: none;
}
.por-c-c, .por-c-a {
width: 23.4375vw;
height: 29.01142578125vw;
}
.por-c-b {
width: 29.296875vw;
height: 36.264287109375vw;
}
.por-d {
margin-top: 7vw;
padding-left: 5vw;
padding-right: 5vw;
}
h2 {
font-size: 3vw;
line-height: 3.5vw;
}
.por-b {
padding-left: 10vw;
padding-right: 10vw;
margin-top: 2vw;
}
.i-cont-7 {
margin-top: 9vw;
}
.kon-a, .kon-b {
top: 17vw;
}
.kon-b {
font-size: 2.6vw;
line-height: 2.6vw;
}
.overl-2 {
font-size: 2.6vw;
line-height: 2.6vw;
margin-top: 3vw;
}
.overl-3-2 {
width: 100%;
float: left;
margin-top: 3.5vw;
}
.overl-3-1 {
width: 100%;
}
.overl-3 {
display: block;
margin-top: 3vw;
}
.i-cont-2 {
margin-bottom: 0vw;
}
.foo-14 {
top: 5px;
}
.foo-11 {
left: 15.3vw;
}
.foo-8, .kon-e-b {
width: 1vw;
}
.foo-2 {
padding-bottom: 8vw;
}
.foo-12-2 {
width: 3.2vw;
height: 3.2vw;
}
.foo-13 {
width: 3.90625vw;
height: 8.368388671875vw;
}
.i-cont-5-1 {
width: 4.25vw;
height: 4.25vw;
left: 0vw;
margin-top: 0.6vw;
}
body {
font-size: 1.8vw;
line-height: 2.8vw;
}
.i-cont-5 {
width: 51%;
top: 0px;
margin-top: 4vw;
padding-left: 8vw;
}
.i-cont-6 {
width: 1.1vw;
top: 16vw;
}
.i-cont-1, .kurs-a, .por, .kurs-a-x, .kurs-a-xx {
margin-top: 6vw;
}
.i-cont-1, .foo-2, .kurs-a, .por, .kurs-a-xx {
padding-left: 8vw;
padding-right: 8vw;
}
.i-partn-1 {
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
}
.i-cont-2, .foo-3, .foo-10, .kurs-b {
padding-left: 0vw;
padding-right: 0vw;
}
h1 {
font-size: 4.25vw;
line-height: 4.8vw;
}
h3 {
font-size: 7vw;
line-height: 8vw;
}
.i-cont-4 {
width: 82%;
float: left;
text-indent: 8vw;
top: 0px;
margin-top: 6vw;
}
.i-3 {
width: 3.5vw;
}
.i-3-1 {
width: 1.75vw;
}
.i-3-2, .i-3-2-a {
margin-top: 0.7vw;
margin-bottom: 0.7vw;
}
.i-3-3, .i-3-3-a, .i-3-1-a {
width: 1.75vw;
}
.box-3 {
right: 2.75vw;
}
.box-1 {
left: 2.75vw;
}
.i-2, .i-2-x {
padding-top: 2.25vw;
padding-bottom: 2.25vw;
margin-top: 3vw;
}
.i-4, .i-4-a {
height: 3.25vw;
margin-left: 2.5vw;
}
.i-8, .i-8-a {
height: 3.25vw;
margin-right: 2.5vw;
}
.i-9 {
width: 2.846064453125vw;
height: 2.205087890625vw;
}
.i-6 {
width: 26.3671875vw;
height: 2.205087890625vw;
margin-left: 0vw;
margin-right: 0vw;
}
.i-5, .i-7, .foo-12-1 {
display: none;
}
.abstand {
margin-top: 11vw;
}
}


@media screen and (max-device-width : 1024px) and (orientation : landscape) {
.kon-b-c {
width: 2.563vw;
height: 2.563vw;
margin-top: 1.1vw;
}
.kont-f {
margin-top: 12.5vw;
}
.schliessen {
top: 4.4vw;
width: 4vw;
height: 4vw;
left: 7.6vw;
}
.panelg-4 {
width: 3vw;
height: 3vw;
top: -1vw;
}
.panelb {
font-size: 2.25vw;
line-height: 3.25vw;
margin-top: 12vw;
}
.panelx {
padding-left: 8vw;
padding-right: 8vw;
}
.panela {
padding-left: 0vw;
padding-right: 0vw;
}
}


@media screen and (max-width: 834px) {
.fehler {
margin-bottom: 10vw;
}
.datb {
width: 30vw;
margin-top: 5vw;
margin-right: 5vw;
}
.vid-e {
top: 4vw;
left: 0vw;
}
.vid-k-a {
width: 90%;
}
.reis-f {
margin-top: 10vw;
}
.reis-e-c, .live-d-b  {
width: 11.990407673860911vw;
height: 4.631810551558753vw;
margin-left: 5vw;
}
h3 {
font-size: 8vw;
line-height: 9vw;
}
.por-c {
margin-top: 6vw;
}
.por-d {
padding-left: 12.5vw;
padding-right: 12.5vw;
}
.por {
padding-left: 0vw;
padding-right: 0vw;
}
.por-c-c, .por-c-a {
width: 29.376498800959233vw;
height: 36.362841726618704vw;
}
.por-c-b {
width: 37.76978417266187vw;
height: 46.75223021582733vw;
}
.abstand-a {
margin-top: 7.5vw;
}
h2 {
font-size: 3.25vw;
line-height: 3.75vw;
}
.panelg {
margin-top: 15vw;
}
.overl-2 {
font-size: 3vw;
line-height: 3vw;
}
.foo-8, .kon-e-b {
width: 1.2vw;
}
.foo-14 {
top: 0px;
}
.foo-13 {
width: 4.796163069544365vw;
height: 10.274856115107914vw;
}
.foo-11-2, .foo-11-3 {
margin-left: 3.5vw;
}
.foo-12-2 {
width: 3.5vw;
height: 3.5vw;
}
.foo-11 {
margin-left: 0vw;
margin-bottom: 4px;
position: absolute;
left: 14vw;
}
.abstand {
margin-top: 13vw;
}
.i-cont-4 {
width: 90%;
text-indent: 10vw;
margin-top: 7vw;
}
h1 {
font-size: 4.5vw;
line-height: 5vw;
}
.i-cont-5 {
width: 54%;
margin-top: 5vw;
}
.i-cont-6 {
width: 1.3vw;
}
}


@media screen and (max-width: 500px) {
.fehler {
width: 100vw;
margin-bottom: 10vw;
}
.fehler-a {
width: 100vw;
line-height: 6.5vw;
padding-left: 7.5vw;
padding-right: 7.5vw;
margin-bottom: 15vw;
}
.li-reise {
padding-left: 6.75vw;
background-position: left 0.8vw;
background-size: 4vw;
}
.panelg-2, .panelg-3 {
margin-top: 1vw;
}
.listdata {
padding-left: 5.25vw;
background-position: left 2vw;
background-size: 1.5vw 1.5vw;
}
.data {
padding-top: 20vw;
padding-bottom: 15vw;
}
.datb {
width: 45vw;
margin-top: 10vw;
margin-right: 0px;
margin-left: 10.416666666666668vw;
float: left;
}
.vid-h {
width: 76vw;
height: 79vw;
bottom: -13vw;
right: -9.5vw;
}
.vid-i {
margin-top: 25vw;
text-indent: 0vw;
}
.vid-g {
width: 7.646vw;
height: 7.646vw;
bottom: 4vw;
left: 4vw;
}
.vid-e {
top: 0vw;
}
.vid-c.animate {
width: 40vw;
height: 40vw;
top: -17.5vw;
}
.vid-d.animate {
width: 35vw;
height: 35vw;
top: -21vw;
}
.vid-b {
width: 49vw;
height: 49vw;
}
.vid-a {
width: 80vw;
height: 80vw;
margin-top: 32vw;
}
.vid-r img {
border-radius: 50vw 50vw 50vw 50vw;
}
.vid-j {
margin-top: 12vw;
}
.vid-k-a, .vid-l-a {
width: 100%;
padding-top: 6.5vw;
padding-bottom: 6.5vw;
padding-left: 0vw;
}
.vid-l, .vid-k {
width: 100%;
}
.vid-column {
gap: 2vw;
}
.vid-r-a {
margin-top: 3.5vw;
}
.vid-q {
font-size: 3.5vw;
line-height: 5vw;
gap: 2vw;
}
.vid-r-b {
margin-top: 2.75vw;
}
.vid-p {
margin-bottom: 9vw;
}
.vid-m {
margin-top: 15vw;
}
.vid-o {
width: 100%;
float: left;
clear: both;
margin-top: 10vw;
text-align: center;
}
.live-e-c {
width: 100%;
height: auto;
margin-top: 0px;
padding-left: 10vw;
padding-right: 10vw;
}
.live-e, .vid-m {
display: block;
justify-content: unset;
}
.live-c-b {
width: 100%;
text-indent: 0vw;
margin-top: 6vw;
}
.live-b {
font-size: 15vw;
line-height: 14.5vw;
right: 8vw;
}
.live-a {
height: 68.8vw;
}
.kurs-g, .kurs-g-b {
margin-top: 10vw;
}
.kurs-g-f {
width: 100%;
text-align: center;
float: left;
margin-top: 10vw;
}
.kurs-g-b, .kurs-g-d {
width: 50%;
}
.kurs-f-a {
font-size: 15vw;
line-height: 15vw;
}
.kurs-f {
margin-top: 17.5vw;
}
.kurs-e, .live-e {
margin-top: 15vw;
}
.kurs-d-b {
width: 100%;
float: left;
text-indent: 0vw;
top: 0vw;
margin-top: 6vw;
}
.kurs-d, .live-c {
margin-top: 0vw;
}
.kurs-c-a-a {
width: 5vw;
bottom: 5.75vw;
left: 4.5vw;
}
.kurs-c-b {
width: 100%;
height: 120vw;
float: left;
}
.accordd-a {
padding-left: 7vw;
padding-right: 7vw;
padding-top: 3vw;
padding-bottom: 3vw;
line-height: 5.5vw;
}
.accordc-a {
width: 100%;
}
.accordd {
margin-top: 6vw;
}
.accordc-b {
width: 100%;
float: left;
clear: both;
margin-top: 7vw;
}
.accordc {
padding-left: 3vw;
padding-right: 3vw;
margin-top: 9vw;
}
.accordb {
text-indent: 0vw;
padding-left: 3vw;
padding-right: 3vw;
margin-top: 9vw;
}
.accordion-title.open {
color: #503d2f;
border-top-right-radius: 45px;
}
.accordion-content {
padding-left: 4.545vw;
padding-right: 4.545vw;
padding-bottom: 5.545vw;
}
.accorda {
margin-top: 5.545vw;
flex-wrap: wrap;
}
.accordb-a, .accordb-b, .accordb-c, .accordb-d {
width: 49%;
}
.accordb-c, .accordb-d {
margin-top: 0.5%;
}
.plus-icon {
right: 8vw;
width: 4.5vw;
height: 4.5vw;
}
.accordion-title, .accordion-title.open {
padding-top: 3.5vw;
padding-bottom: 3.5vw;
padding-left: 4.545454545454546vw;
padding-right: 20vw;
}
.reis-g {
text-indent: 0vw;
padding-left: 0vw;
padding-right: 0vw;
text-align: center;
}
.reis-e-a, .live-c-c {
margin-top: 10vw;
}
.reis-e-c, .live-d-b {
width: 27.27272727272727vw;
height: 10.535272727272728vw;
margin-left: 10vw;
}
.reis-d {
width: 100%;
float: left;
margin-top: 3vw;
}
.reis-c {
width: 100%;
margin-top: 6vw;
}
.reis-b {
width: 100%;
float: left;
margin-top: 6vw;
text-indent: 0vw;
}
h3 {
font-size: 13vw;
line-height: 15vw;
}
.por, .kurs-a, .kurs-a-x, .kurs-a-xx {
margin-top: 10vw;
}
.por-c {
width: 100%;
display: block;
}
.por-c-b {
width: 100%;
height: 123.78209090909091vw;
margin-bottom: 4vw;
}
.por-c-c, .por-c-a {
display: none;
}
.por-d {
margin-top: 12vw;
}
.por-d-a {
column-count: 1;
column-gap: unset;
}
h2 {
font-size: 6.25vw;
line-height: 7.75vw;
}
.kon-e-a {
text-align: left;
}
.kon-b-c {
width: 7vw;
height: 7vw;
margin-top: 3.25vw;
}
.kon-a {
position: relative;
top: unset;
left: 3vw;
margin-top: 29vw;
float: left;
}
.kon-e {
position: relative;
bottom: unset;
right: unset;
float: left;
left: 3vw;
margin-top: 15vw;
}
.kon-d {
width: 100%;
position: relative;
bottom: unset;
left: 3vw;
float: left;
clear: both;
margin-top: 6vw;
}
.kon-d-a {
width: 9.5vw;
height: 9.5vw;
margin-bottom: 5vw;
}
.kon-d-b {
width: 91%
}
.kon-c {
width: 100%;
height: auto;
float: right;
clear: both;
right: 0vw;
margin-top: 12vw;
padding-left: 12.5vw;
padding-right: 12.5vw;
}
.kon-b {
position: relative;
right: 3vw;
float: right;
font-size: 6vw;
line-height: 6vw;
margin-top: 15vw;
top: unset;
}
.kon {
height: 100%;
display: block;
justify-content: unset;
align-items: unset;
float: left;
}
.kon-b-b {
margin-top: 2.5vw;
}
.kont-f {
margin-top: 15vw;
flex-wrap: wrap;
display: block;
justify-content: unset;
}
.kont-f-a, .kont-f-d {
width: 47.5%;
float: left;
}
.kont-f-c {
width: 47.5%;
float: right;
clear: both;
margin-top: 5%;
}
.kont-f-d {
margin-top: -11.5%;
}
.kont-f-b {
width: 47.5%;
float: right;
}
.i-cont-4x {
text-indent: 0px
}
/*
.i-cont-4x {
text-align: center;
text-indent: 0px
}
*/
.panelg {
margin-top: 0px;
position: absolute;
bottom: 9vw;
}
.panelg-4 {
width: 7.25vw;
height: 7.25vw;
top: unset;
position: absolute;
right: 0vw;
bottom: -5px;
}
.paneld {
margin-top: 0vw;
}
.schliessen {
top: 6vw;
width: 11vw;
height: 11vw;
left: 7vw;
}
.panelb {
font-size: 9vw;
line-height: 13vw;
margin-top: 22.5vw;
}
.overl {
padding: 10%;
}
.overl-2-2 {
margin-top: 1.5vw;
}
.overl-3 {
margin-top: 6.5vw;
}
.overl-3-2 {
margin-top: 6.5vw;
}
.overl-2 {
font-size: 6vw;
line-height: 6vw;
margin-top: 6vw;
}
.foo-2 {
background-image: url(bild/bm_hell.svg);
background-repeat: no-repeat;
background-position: 90% 8%;
background-size: 10%;
}
.foo-12-2 {
width: 7vw;
height: 7vw;
}
.foo-11-2, .foo-11-3 {
margin-left: 0vw;
clear: both;
margin-top: 2vw;
}
.foo-11 {
margin-left: 0vw;
margin-bottom: 0px;
position: relative;
left: 0vw;
}
.foo-10 {
display: block;
align-items: unset;
justify-content: unset;
margin-top: 15vw;
}
.foo-8 {
width: 2.75vw;
margin-left: -25px;
}
.foo-5, .foo-7 {
margin-top: 7vw;
}
.foo-2 {
padding-bottom: 9.5vw;
padding-top: 9.5vw;
}
.foo-3 {
display: block;
justify-content: unset;
clear: both;
flex-wrap: wrap;
}
.i-partn-1 {
padding-left: 5vw;
padding-right: 5vw;
padding-top: 7.5vw;
padding-bottom: 7.5vw;
}
.i-cont-1, .foo-2, .i-cont-4x, .kurs-a, .por-b, .por-d {
padding-left: 9.5vw;
padding-right: 9.5vw;
}
.kurs-a-x {
padding-left: 4.545454545454546vw;
padding-right: 4.545454545454546vw;
}
.kurs-a-xx {
padding-left: 0vw;
padding-right: 0vw;
}
.i-cont-5 {
width: 90%;
margin-top: 5vw;
padding-left: 0vw;
}
body {
font-size: 4vw;
line-height: 5.5vw;
}
.abstand {
margin-top: 19vw;
}
h1 {
font-size: 7.5vw;
line-height: 8.5vw;
}
.box-3 {
right: 4.75vw;
}
.i-8, .i-8-a {
height: 6vw;
margin-right: 3.5vw;
}
.i-4, .i-4-a {
height: 6vw;
margin-left: 3.5vw;
}
.box-1 {
left: 4.75vw;
}
.i-1 {
padding-left: 4.545454545454546vw;
padding-right: 4.545454545454546vw;
}
.i-2, .i-2-x {
padding-top: 4.25vw;
padding-bottom: 4.25vw;
margin-top: 5vw;
}
.i-3-2, .i-3-2-a {
margin-top: 1.2vw;
margin-bottom: 1.2vw;
}
.i-3-1, .i-3-3, .i-3-3-a, .i-3-1-a {
width: 3vw;
}	
.i-3 {
width: 6vw;
}
.i-9 {
width: 5vw;
height: 3.8739318181818185vw;
}
.i-6 {
width: 44.31818181818182vw;
height: 3.721590909090909vw;
}
.i-cont-4, .i-cont-6, .i-cont-5-1, .foo-13, .foo-4, .foo-5, .panele, .kon-d-a, .kon-e-b, .kurs-d-c, .kurs-g-c, .kurs-g-e, .kurs-c-a, .kurs-c-a-a, .i-cont-5, .live-e-b, .live-e-a, .live-b, .vid-linie-a, .vid-f {
display: none;
}
}



@media screen and (max-width: 926px) and (orientation: landscape) {
.kon-d-b {
width: 71%;
}
.kon-e-a {
text-align: left;
}
.kurs-c-a-a {
width: 5vw;
bottom: auto;
left: auto;
right: 16vw;
top: 4vw;
}
.kon-a {
position: relative;
top: unset;
left: 3vw;
margin-top: 19vw;
float: left;
}
.kon-e {
position: relative;
bottom: unset;
right: unset;
float: left;
left: 3vw;
margin-top: 15vw;
}
.kon-d {
width: 100%;
position: relative;
bottom: unset;
left: 3vw;
float: left;
clear: both;
margin-top: 4vw;
}
.kon-d-a, .aus1 {
display: none;
}
.kon-c {
width: 100%;
height: auto;
float: right;
clear: both;
right: 0vw;
margin-top: 12vw;
padding-left: 12.5vw;
padding-right: 12.5vw;
}
.kon-b {
position: relative;
right: 3vw;
float: right;
margin-top: 15vw;
top: unset;
}
.kon {
height: 100%;
display: block;
justify-content: unset;
align-items: unset;
float: left;
}
.kont-f {
margin-top: 15vw;
flex-wrap: wrap;
display: block;
justify-content: unset;
}
.kont-f-a, .kont-f-d {
width: 47.5%;
float: left;
}
.kont-f-c {
width: 47.5%;
float: right;
clear: both;
margin-top: 5%;
}
.kont-f-d {
margin-top: -11.5%;
}
.kont-f-b {
width: 47.5%;
float: right;
}
}