: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:10pt;
line-height:1.5em;
width:100%;
}


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,h2{
font-size:18pt;
line-height:20pt;
}

h3{
font-size:14pt;
line-height:16pt;
}

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

p,td,ul,li{
font-size:10pt;
}

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

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



#menulinks,#section_intro,form,#anfragenbutton,#intro_cta,#footer,#footerlinks,#topSpacer,#popup-chaes-mobile{
display:none;
}

#logo{
text-align:right;
}

#logo img{
width:250px;
height:auto;
}

.clear{
 clear:both;
}

.block{
clear:both;
border-top:1px solid #c0c0c0;
padding:0 0 1em 0;
}


.gondel{
border:2px solid rgba(var(--mm-gold),1);
border-radius:25px;
margin:0 0 30px 0;
background:rgba(255,255,255,.4);
overflow:hidden;
box-sizing:border-box;
width:100%;
position:relative;
height:auto !important;
break-inside:avoid-page;
}

.pagebreak{
}

.gondelimg,.gondeltext{
}

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

.gondeltext h4{
font-size:14pt;
text-align:center;
}

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

.gondeltext table{
width:100%;
clear:both;
}

.gondeltext td{
vertical-align:top;
}

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

.preis_anfrage{
position:relative;
box-sizing:border-box;
clear:both;
margin:0 0 1em 0;
}

.gondelpreis{
text-align:center;
font-size:12pt;
font-weight:700;
}

.gondelpreis_button{
text-align:center;
font-size:10pt;
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;
}

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

.gondelGalleryItem{
width:65px;
height:65px;
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:95px;
height:95px;
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%;
}


#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;
display:none;
}


#popup-chaes{
border-radius:50%;
width:200px;
height:200px;
background:rgba(var(--mm-gold),1);
background: radial-gradient(ellipse at center, rgba(var(--mm-gold),.5) 0%,rgba(var(--mm-gold),1) 100%);
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 rgba(var(--mm-gold),1);
}

#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;
}