:root{
--mm-gold:218,165,32;
--mm-verlauf-red:113,38,19;
--mm-verlauf-brown:97,83,20;
}

@font-face {
font-display: swap;
font-family: 'Urbanist';
font-style: normal;
font-weight: 400;
src: url('../fonts/urbanist-v15-latin-regular.woff2') format('woff2');
}

@font-face {
font-display: swap;
font-family: 'Urbanist';
font-style: normal;
font-weight: 500;
src: url('../fonts/urbanist-v15-latin-500.woff2') format('woff2');
}

@font-face {
font-display: swap;
font-family: 'Urbanist';
font-style: normal;
font-weight: 700;
src: url('../fonts/urbanist-v15-latin-700.woff2') format('woff2');
}

/* mochiy-pop-one-regular - latin */
@font-face {
font-display: swap;
font-family: 'Mochiy Pop One';
font-style: normal;
font-weight: 400;
src: url('../fonts/mochiy-pop-one-v9-latin-regular.woff2') format('woff2');
}

html, body{
color:#000;
padding:0;
margin:0;
font-family: 'Urbanist', sans-serif;
font-size:20px;
line-height:2em;
}

html{
min-height:100vh;
}

div{
box-sizing:border-box;
}

h1,h2,h3 {
font-family: 'Mochiy Pop One', sans-serif;
color:rgba(var(--mm-gold),1);
font-weight:700;
}

h1{
font-size:36px;
line-height:48px;
}

h2 {
font-size:36px;
line-height:48px;
}

h3{
font-size:26px;
line-height:32px;
}

h4{
font-size:22px;
font-weight:700;
margin:5px 0 2px 0;
}

p,td,ul,li{
font-size:20px;
}

a{
text-decoration:none;
color:#000;
}

a:hover{
text-decoration:underline;
}

td ul{
margin:0;
padding-left:1em;
}



#menu a,#footer a{
text-decoration:none;
color:#fff;
}

#menu a:hover,#footer a:hover{
text-decoration:underline;
}

#menu{
position:fixed;
padding:1em;
background: linear-gradient(to bottom, rgba(var(--mm-verlauf-red),1) 0%,rgba(var(--mm-verlauf-brown),1) 100%);
background: linear-gradient(to right, rgba(var(--mm-verlauf-red),1) 0%,rgba(var(--mm-verlauf-brown),1) 100%);
width:100%;
z-index:5000;
box-shadow:0 0 15px rgba(0,0,0,.5);
border-bottom:1px solid rgba(0,0,0,1);
color:#fff;
font-size:20px;
}


#menulinks{
float:left;
display:inline;
}

#logo{
position:absolute;
right:50px;
top:10px;
width:500px;
}

#logo img{
max-width:100%;
height:auto;
}

#social{
float:right;
display:inline;
position:relative;
top:8px;
margin:-5px 0 0 5px;
}

#social img{
width:25px;
height:auto;
margin:0 0 0 5px;
}

#footer{
position:fixed;
bottom:0;
left:0;
right:0;
width:100%;
padding:.5em 1em;
background: linear-gradient(to right, rgba(113,38,19,1) 0%,rgba(97,83,20,1) 100%);
color:#fff;
font-size:14px;
z-index:5000;
}

#footertext{
float:left;
display:inline;
}

#footerlinks{
float:right;
display:inline;
}


#topSpacer{
position:relative;
}

.block,#content{
min-height:100vh;
border-bottom:1px solid #c0c0c0;
background:rgba(255,255,255,.9);
position:relative;
max-width:100%;
overflow:hidden;
}

.container,#content{
width:100%;
max-width:1200px;
position:relative;
margin:0 auto;
padding:3em 1em;
box-sizing:border-box;
}


#section_intro{
}

#section_gondeln,#section_anfragen{
background:rgba(var(--mm-gold),.05);
}

#section_galerie{
background:#f0f0f0;
}

#section_intro .container{
height:100%;
max-width:100%;
padding:0;
position:relative;
}

.introimg{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

#introimage1{
background-image:url('../img/intro/desktop/intro1.webp');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}

#introimage2{
background-image:url('../img/intro/desktop/intro2.webp');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
display:none;
}

#introimage3{
background-image:url('../img/intro/desktop/_9100359.webp');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
display:none;
}


.intro{
height:100%;
width:100%;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:0;
}

.introtext{
position:relative;
left:-1000px;
background:rgba(0,0,0,.6);
padding:.5em 2em;
border:3px solid rgba(var(--mm-gold),1);
border-radius:35px;
max-width:650px;
text-align:center;
box-shadow:5px 5px 25px rgba(0,0,0,.5);
opacity:.01;
}

.introhighlight{
color:#fff
}

.intro,.introtext,#anfragenbutton,#intro_cta,#menu,#footer,#logo,.gondelpreis_button,#popup-chaes,#popup-chaes-mobile{
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

.gondel{
border:2px solid rgba(var(--mm-gold),1);
border-radius:25px;
float:left;
display:inline;
margin:2%;
background:rgba(255,255,255,.4);
box-shadow:5px 5px 25px rgba(0,0,0,.3);
overflow:hidden;
box-sizing:border-box;
width:45%;
position:relative;
padding-bottom:130px;
}

.gondelimg,.gondeltext{
}

.gondelimg{
width:100%;
height:350px;
overflow:hidden;
margin:0;
line-height:0;
display:flex;
align-items:center;
justify-content:center;
display:none;
}

.gondelimg img{
width:100%;
height:auto;
}

.gondeltext{
padding:5px 15px 0 15px;
}

.gondeltext h4{
font-size:26px;
text-align:center;
}

.gondeltext table,.gondeltext td{
border:1px solid rgba(var(--mm-gold),1);
border-collapse:collapse;
}

.gondeltext table{
width:100%;
}

.gondeltext td{
vertical-align:top;
}

.gondeltext td:nth-child(1){
width:120px;
background:rgba(var(--mm-gold),.1);
}

.preis_anfrage{
position:absolute;
bottom:1em;
height:100px;
left:0;
right:0;
box-sizing:border-box;
}

.gondelpreis{
text-align:center;
font-size:22px;
font-weight:700;
}

.gondelpreis_button{
text-align:center;
font-size:20px;
margin:0 auto;
position:relative;
min-width:300px;
}

.gondelpreis_button a{
display:inline-block;
border-radius:25px;
padding:5px 30px;
background:rgba(var(--mm-gold),.3);
background: linear-gradient(to bottom, rgba(var(--mm-gold),.3) 0%,rgba(var(--mm-gold),.6) 100%);
border:1px solid rgba(var(--mm-gold),.6);
text-decoration:none;
font-weight:700;
}

.gondelpreis_button a:hover{
background:rgba(var(--mm-gold),.5);
background: linear-gradient(to bottom, rgba(var(--mm-gold),.4) 0%,rgba(var(--mm-gold),.7) 100%);
border:1px solid rgba(var(--mm-gold),.7);
box-shadow:0 0 15px rgba(0,0,0,.1);
}


.gondelGallery{
clear:both;
margin:1em 0;
}

.gondelGalleryItem{
width:115px;
height:115px;
align-items:center;
display:flex;
justify-content:center;
margin:0 5px 5px 0;
border:1px solid #c0c0c0;
overflow:hidden;
float:left;
line-height:0;
position:relative;
}

.gondelGalleryItem img,.gondelGalleryItem video,.gondelGalleryItem div{
max-width:100%;
height:auto;
max-height:100%;
}

.gondelGalleryItem div{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:.5;
}

.gondelGalleryItem div:hover{
opacity:1;
}


.gallery_item{
border:2px solid rgba(var(--mm-gold),1);
border-radius:10px;
width:200px;
height:200px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
margin:0 20px 20px 0;
float:left;
background:rgba(var(--mm-gold),.1);
line-height:0;
}

.gallery_item:hover{
background:rgba(var(--mm-gold),.2);
}

.gallery_item img{
max-width:100%;
height:auto;
max-height:100%;
}



.clear{
clear:both;
}

.input,.textarea,.submit{
font-family: 'Urbanist', sans-serif;
padding:5px;
font-size:18px;
box-sizing:border-box;
}

.input, .textarea{
width:100%;
max-width:100%;
}

.textarea{
min-height:2em;
}

#mm_anfrage{
min-height:200px;
}

.submit{
cursor:pointer;
padding:7px 14px;
}


.zeile{
clear:both;
position:relative;
margin:0 0 .5em 0;
}

.spalte1{
}

.required{
font-weight:700;
}

.required:after{
content:'*'
}

.spalte2{
}

.spalte_comb{
}

.hi{
display:none;
}

.box{
font-weight:700;
padding:.25em .5em;
margin:0 0 2em 0;
}

.ok{
border:1px solid rgba(0,140,0,1);
background-color:rgba(0,140,0,.2);
color:rgba(0,140,0,1);
}

.error{
border:1px solid rgba(140,30,0,1);
background-color:rgba(140,30,0,.2);
color:rgba(140,30,0,1);
}

.warning{
border:1px solid rgba(190,125,0,1);
background-color:rgba(190,125,0,.2);
color:rgba(190,125,0,1);
}




#kontakt_logo{
position:relative;
width:300px;
max-width:300px;
padding:0
}

#kontakt_anschrift{
text-align:left;
position:relative;
margin:-40px 0 0 0;
}

.tr{
clear:both
}

.td1,.td2{
vertical-align:top;
padding:0;
float:left;
display:inline
}

.td1{
width:25px
}

.td2{
}

.kontakt_name{
margin:0 0 .5em 0
}

.kontakt_phone{
}

.kontakt_mail{
}

.icon{
position:relative;
top:2px;
width:18px;
margin:0 5px 0 0
}

.kontakt_anschrift{
}


hr {
border:0;
background: linear-gradient(to right, rgba(var(--mm-verlauf-red),1) 0%,rgba(var(--mm-verlauf-brown),1) 100%);
height:2px;
opacity:.5;
margin:2em 0;
}

#anfragenbutton,#intro_cta{
border-radius:35px;
color:#fff;
position:fixed;
bottom:80px;
right:-300px;
width:250px;
z-index:200;
box-shadow:0 0 5px rgba(0,0,0,.5);
overflow:hidden;
border:2px solid rgba(30,125,185,1);
background: linear-gradient(to bottom, rgba(125,185,232,1) 0%,rgba(30,125,185,1) 100%);
font-size:22px;
}

#anfragenbutton:hover{
box-shadow:0 0 15px rgba(0,0,0,.5);
}

#intro_cta{
z-index: 5;
position: absolute;
width: 250px;
text-align: center;
bottom: 70px;
left: calc(50% - 125px);
border:2px solid rgba(var(--mm-gold),1);
background: linear-gradient(to bottom, rgba(255,220,130,1) 0%,rgba(var(--mm-gold),1) 100%);
box-shadow:0 0 5px rgba(0,0,0,.2);
color:#000;
font-weight:700;
}

#intro_cta:hover{
box-shadow:0 0 15px rgba(0,0,0,.3);
}

#anfragenbutton a{
display:flex;
align-items:center;
font-weight:700;
text-decoration:none;
color:#fff;
padding:0 0 0 25px;
position:relative;
height:55px;
}

#intro_cta a{
padding:7px 0;
display:block;
width:100%;
text-decoration:none;
color:#fff;
color:#000;
}

#cta_icon{
background:rgba(0,60,125,1);
background-image:url('../img/icons/arr_right.svg');
background-position:center center;
background-size:20%;
background-repeat:no-repeat;
content:'';
width:50px;
height:50px;
display:inline;
position:absolute;
right:2px;
top:2px;
border-radius: 50%;
display:flex;
align-items:center;
justify-content:center;
line-height:0;
cursor:pointer;
}

#popup-chaes,#popup-chaes-mobile{
border-radius:50%;
width:300px;
height:300px;
background:rgba(var(--mm-gold),1);
background: radial-gradient(ellipse at center, rgba(var(--mm-gold),.5) 0%,rgba(var(--mm-gold),1) 100%);
box-shadow:5px 5px 25px rgba(0,0,0,.4);
padding:0 1em;
transform:rotate(-15deg);
text-align:center;
float:right;
display:inline;
margin:0 0 20px 20px;
display:flex;
align-items:center;
justify-content:center;
border:3px solid #FFF;
}

#popup-chaes h3,#popup-chaes-mobile h3{
color:#fff;
margin:0 0 5px 0;
padding:0;
}

#popup-chaes p,#popup-chaes-mobile p{
margin:0;
padding:0;
}

#popup-chaes-mobile{
display:none;
}