@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Belleza', sans-serif; font-size:1.6rem; line-height:1.628571; background:#25060F; color:white; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'the-seasons', sans-serif; height:auto; font-weight:700; color:#DDB84A;}
h1{font-size:5.5rem; margin-bottom:32px;}
h2{font-size:2.6rem; margin-bottom:32px;}
h3{font-size:2.6rem; margin-bottom:16px;}
h4{font-size:1.8rem; margin-bottom:12px;}
.subtitel{font-size:2.4rem; font-family:'the-seasons',sans-serif; margin-bottom:24px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#DDB84A; text-decoration:none;}
.content a{color:white;}
a:hover, a:hover {color:#496778;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article.wide{grid-column-end:span 2;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.button{display:block; width:fit-content; font-size:1.8rem; font-weight:400; font-family:'the-seasons',sans-serif; color:#ffffff; padding: 8px 16px;}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.outline{background:unset; border:4px solid white;}
.button.bg-white{color:#DDB84A;}
.button.bg-gold{color:white;}
.button.bg-white:hover{background:#DDB84A; color:#ffffff;}
.button.bg-gold:hover{background:white; color:#DDB84A;}

.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:24px;}
.padding{padding:24px;}
.round-corner{border-radius:8px;}
.border{border:2px solid greenyellow;}
.box-shadow{-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);}

.divider{aspect-ratio:382/55; margin:auto; opacity:0.4;}
.divider img{width:100%; height:100%; object-fit:contain;}

/*general image css*/
.image{width:100%; aspect-ratio:4/3;}
.image img{width:100%; height:100%; object-fit:cover;}

/*colors*/
.bg-gold{background:#DDB84A;}
.bg-white{background:white;}
.txt-white{color:white;}

/*Grid controls*/
.block-3{grid-column-end:span 3;}
.block-4{grid-column-end:span 4;}
.block-6{grid-column-end:span 6;}
.block-9{grid-column-end:span 9;}
.block-12{grid-column-end:span 12;}
/*Grid push controls*/
.push-1{grid-column-start:4;}
.push-2{grid-column-start:7;}
.push-3{grid-column-start:10;}

/*Breadcrumbs*/
.breadcrumbs{width:100%; height:32px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li,
.breadcrumbs li ,
.breadcrumbs li a span{font-size:1.2rem; line-height:32px; color:#5C5C5C;}

/*header*/
header{height:80px; position:relative; overflow:visible;}
header .grid{grid-template-columns:170px auto max-content; gap:24px;}
.logo{width: 170px; height:70px;}
.logo img{width:100%; height:100%; object-fit:contain;}
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li{margin-right:24px; line-height:80px; font-size:2.0rem; font-weight:700; font-family:'the-seasons',sans-serif;}
header .grid nav ul li a{color:white;}
header .grid nav ul li:hover a:not(header .grid nav ul li.cta a){color:#DDB84A;}
header .grid nav ul li:last-child{margin-right:unset !important;}
header .grid nav ul li.language{height:fit-content; margin:auto 24px auto 0;}
header .grid nav ul li.cta{height:fit-content; margin:auto 24px auto 0; line-height:unset;}
header .grid nav ul li.language img{width: 24px; height:24px; object-fit:contain; margin:auto 0;}
header .grid .mobilelanguage{display:none;}
header .grid .menu{display:none;}

/*Sections*/
section.slider{margin-top:132px;}
section.slider .container .image{width:100%;}
section.slider .container .image img{width:100%; height:100%; object-fit:cover;}
section.slider .container article .button{margin-top:24px;}

section .button{margin:24px 0;}
section .image{width:100%; aspect-ratio:297/181; margin-top:0;  margin-bottom:auto;}
section .image img{width:100%; height:100%; object-fit:cover;}

section  .block-12:nth-of-type(even) .image{grid-area:1/1/1/span 6}

section.menu{background:url(../images/background-pipes.png) no-repeat top left 100%;}
section.menu .daghappen{padding:32px; position: relative; background:#DDB84A; border-radius:1px; text-align:center;}
section.menu .daghappen h2{font-size:3.0rem; font-weight:400; color:#25060F;}
section.menu .daghappen .price{position:absolute; font-size:5.0rem; color:white; font-family:'the-seasons',sans-serif; top:24px; right:24px; transform:rotate(10deg);}
section.menu .daghappen .daghap{margin-bottom:12px;}
section.menu .daghappen .daghap span{padding: 8px 16px; background:#25060F; color:#DDB84A; font-size:2.4rem; border-radius:4px; }
section.menu .daghappen .daghap .gerecht{padding:20px 30px; background:white; color:#25060F; font-family:'Dancing Script',cursive; font-size:2.4rem; font-weight:700; border-radius:4px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.45); margin-top:-14px;}
section.menu .right .buttons{display:flex; justify-content:center;}
section.menu .right .buttons .button:first-of-type{margin-right:24px;}


section.gallery .ornament{position:absolute; aspect-ratio:1/1; width: 270px;}
section.gallery .ornament img{width:100%; height:100%; object-fit:contain;}
section.gallery .ornament.top{top:-21px; left:-21px;}
section.gallery .ornament.bottom{bottom:-21px; right:-21px;}
section.gallery .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:8px;}
section.gallery .grid .image:nth-of-type(1),
section.gallery .grid .image:nth-of-type(10){aspect-ratio:602/297;height:unset; width:100%; grid-column-end:span 2;}
section.gallery .image{width:100%;aspect-ratio:1/1;}
section.gallery .image img{width:100%; height:100%; object-fit:cover;}

section.content{background:#DDB84A;}
section.content .container{background:url(../images/ornament-black.svg) no-repeat bottom right;}
section.content article{padding-right:24px;}
section.content article p,
section.content article h2{color:#25060F;}
section.content .image{width:100%;}
section.content .image img{width:100%; height:100%; object-fit:cover;}
section.content .item.wide article{grid-column-end:span 2;}
section.content .item.wide .image{display:none;}
section.content .item.fullscreen article,
section.content .item.fullscreen .image{grid-column-end:span 2;}

/*Footer*/
footer{padding:24px 0;}
footer address{font-style: normal;}
footer b{font-weight:700; color:#DDB84A;}
footer a{display:block; color:white;}
footer a:hover{color:#DDB84A;}
footer a i{margin-right:24px; font-size:2.0rem; color:#DDB84A;}
footer a:hover i{color:white;}
footer .social-links a:last-of-type i{margin-right:unset;}
footer .socials .logo{width: 166px; height:51px; margin:0 auto 0 0;}
footer .socials .logo img{width:100%; height:100%; object-fit:contain;}
footer .socials .social-links{display:flex; justify-content:flex-start; margin-top:24px;}
footer .copyright{display:grid; grid-template-columns:1fr 1fr; gap:24px; color:#DDB84A;}
footer .copyright div:last-of-type{text-align:right;}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{

    h1{font-size:3.0rem; margin-bottom:12px;}

    body.noscroll{overflow:hidden;}

    .block-6{grid-column-end:span 12;}
    .block-3{grid-column-end:span 12;}

    .divider{width:100%;}

    header{overflow:visible;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right;}
    header .grid .menu a i{font-size:3.0rem; color:#DDB84A; line-height:80px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#25060F; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li a i{display:none;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
    header .grid nav ul li:nth-child(4),
    header .grid nav ul li:nth-child(5){display:none;}
    header .grid nav ul li .language img{margin:unset; margin-right:0; margin-left:auto;}
    header .grid nav ul li:last-of-type{display:block; width:100%;}
    header .grid nav ul li:last-of-type a{margin-right:0; margin-left:auto; text-align:center; padding:0 8px; line-height:48px;}
    header .grid nav ul li a{color:white; height:48px; line-height:48px; margin:unset; border-right:unset;}
    header .grid nav ul li a:active,
    header .grid nav ul li a:hover{color:white;}
    header .grid nav ul li a.on{color:#DDB84A;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:80px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    section.slider{margin-top:unset;}

    section.menu .daghappen .price{font-size:3.0rem;}

    section.gallery .image{width:100%;}
    section.gallery .grid .image:nth-of-type(1), section.gallery .grid .image:nth-of-type(10){height:unset; width:100%}
    section.gallery .ornament{width:150px;}
    section.gallery .ornament.top{top:-10px; left:0px;}
    section.gallery .ornament.bottom{bottom:-10px; right:-0px;}

    section.menu .daghappen{padding:24px;}
    section.menu .daghappen h2{font-size:1.8rem;}
    section.menu .daghappen .price{right:12px;}
    section.menu .daghappen .daghap .gerecht{padding:20px 15px;}

    section.content .container{background:unset;}
    section.content article{padding-right:unset;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    footer .copyright{display:block;}
    footer .copyright div:last-of-type{text-align:left;}
}