.content-wrap{display:inline-block;width:100%;position:relative}.section-content,.section-primary,.section-secondary{padding:var(--section-padding-l) var(--page-padding);width:100%;background:rgb(var(--blue-5-rgb));background-size:cover;background-blend-mode:color-dodge}.section-primary{padding-top:0;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:space-around}.section-image{padding:0;position:relative;&:nth-child(2n){.content-wrap{left:40%}.image-wrap{left:0}}.content-wrap{position:relative;z-index:2;width:60%;padding:var(--section-padding-l) var(--page-padding)}.image-wrap{padding:0;overflow:hidden;position:absolute;z-index:1;top:0;right:0;width:40%;height:100%;img{object-fit:cover;width:100%;height:100%;max-height:100%}}}.image-wrapper{height:100%;width:100%}.primary-wrap{flex:5 1;justify-content:center;align-items:flex-start;width:70%;min-height:50vh}.primary-wrap,.section-secondary{display:flex;flex-direction:column}.section-secondary{justify-content:space-around}@keyframes animatedBackground{0%{background-position:0 0}to{background-position:100% 0}}.pattern-background{background-position:0 0;background-image:url(/backgrounds/pattern.png);animation:animatedBackground 15s ease-in-out infinite alternate}.section-content{&:nth-child(2),&:nth-child(5){background-color:rgb(var(--blue-2-rgb));color:rgb(var(--blue-6-rgb));button{background:rgb(var(--blue-1-rgb))}b{color:rgb(var(--accent-1-rgb))}}&:nth-child(3),&:nth-child(6){background-color:rgb(var(--blue-6-rgb));& b{color:rgb(var(--accent-2-rgb))}}&:nth-child(4),&:nth-child(7){background-color:rgb(var(--blue-4-rgb));color:rgb(var(--blue-1-rgb));b{color:rgb(var(--accent-2-rgb))}}}.cart-title{& span{font-size:1rem}}.cart-list{width:100%;flex-wrap:wrap;list-style-type:none;margin-bottom:2rem;.cart-discount,.cart-item,.cart-shipping,.cart-subtotal,.cart-total{width:100%;margin-bottom:2px;display:flex;background:rgb(var(--blue-6-rgb));overflow:hidden;&:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}&:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.image-wrap{width:15%;position:relative;& img{position:absolute;width:100%;height:100%;object-fit:cover}}.content-wrap{padding:var(--padding-l);flex:1 1;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;overflow:hidden;button,h4{margin:0}&.counter{flex:2 1;flex-direction:row;align-items:center;.button-small{margin:0}& span{padding:var(--padding-s)}}&.title{flex:3 1}&.price{text-align:right;align-items:flex-end}.trash{align-items:center}.svgWrap{width:1.6rem;margin-left:2rem;cursor:pointer;& svg{stroke:rgb(var(--blue-1-rgb));stroke-width:4pt;fill:none}&:hover{& svg{stroke:rgb(var(--red-rgb))}}}}&.cart-discount{align-items:flex-start;background-color:rgb(var(--blue-4-rgb));.discountForm{display:flex;width:100%;align-items:flex-start;padding:10px 0;>div:first-child{flex:2 1}>div:nth-child(2){flex:1 1}}&.code{margin-top:-2px;border-top:4px solid rgb(var(--blue-2-rgb));.content-wrap{padding:18px 12px}}button,input{width:100%}button,h4,h5,h6{margin:0}button{padding:0;.svgWrap{transform:rotate(180deg);margin:2px 0 0;& svg{stroke:rgb(var(--blue-6-rgb));stroke-width:4pt}}}.discount-remove{display:flex;align-items:center;margin-top:.4rem;padding:var(--padding-xs);border-radius:var(--border-radius);cursor:pointer;.svgWrap{margin:0 .4rem 0 0}&:hover{background:rgb(var(--blue-4-rgb));text-decoration:underline;svg{stroke:rgb(var(--red-rgb))}}}}&.cart-subtotal{h5{margin:0}}&.cart-total{justify-content:space-between;background-color:rgba(var(--blue-2-rgb),.5);color:rgb(var(--blue-6-rgb));.price{color:rgb(var(--accent-1-rgb))}}&.cart-shipping{background-color:rgb(var(--blue-5-rgb));h6{margin:0}}}&.small{.content-wrap{padding:var(--padding-s);&.title{flex:3 1}&.counter,&.price{flex:1 1}&.price{padding-right:1rem;p{line-height:1.2}}}}}.checkout{display:flex;gap:var(--section-padding-l);position:relative;height:100%;.checkout-cart.mobile{display:none}.checkout-cart.desktop{position:-webkit-sticky;position:sticky;right:var(--page-padding);top:calc(var(--header-height) + var(--section-padding-l));flex:1 1;height:100%}.checkout-content{flex:2 1}.title-action{display:flex;width:100%;justify-content:space-between;.edit{display:flex;align-items:center;font-size:1rem;color:rgb(var(--blue-2-rgb));padding:var(--padding-xs);border-radius:var(--border-radius);cursor:pointer;.svgWrap{height:1.2rem;width:1.2rem;margin-left:.5rem;svg{fill:rgb(var(--blue-2-rgb))}}&:hover{background:rgb(var(--blue-6-rgb))}}}h5{margin-bottom:var(--spacing-m)}.checkout-selection{list-style-type:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:var(--spacing-m);li{width:100%;background:var(--gradient-dark);border:1px solid rgba(var(--blue-1-rgb),.2);padding:var(--padding-l);border-radius:var(--border-radius);cursor:pointer;h6 span{font-size:.9rem;margin-left:var(--spacing-m);font-weight:400}&.active{background:var(--gradient-light);color:rgb(var(--blue-4-rgb))}}}}.newsList{display:flex;justify-content:space-between;gap:var(--spacing-m);width:calc(100% + var(--page-padding) * 2);margin-left:calc(var(--page-padding) * (-1));padding:0 var(--page-padding) var(--spacing-m) var(--page-padding);flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;.newsItem{flex:1 1;min-width:300px;padding:var(--padding-xl);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:var(--border-radius);position:relative;overflow:hidden;scroll-snap-align:center;&:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:var(--gradient-light);opacity:.5}.newsItemText{position:relative;z-index:1;color:rgb(var(--blue-6-rgb))}.newsItemImage{position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);filter:blur(3px);img{width:100%;height:100%;object-fit:cover}}.arrowLink{margin:.5rem 0 0;color:rgb(var(--blue-6-rgb))}}}.content-wrap .contactWrapper,footer .contactWrapper{display:flex;gap:var(--spacing-m);.contactWrapper-item{display:flex;flex-direction:column;gap:.5rem;&.horizontal{flex-direction:row;align-items:center}.contactWrapper-link{font-family:var(--font-body);display:flex;align-items:center;gap:.5rem;&:hover{text-decoration:underline}}.svgWrap{height:1.8rem;width:1.8rem}.icon{stroke:rgb(var(--blue-4-rgb));stroke-width:4pt;fill:none}}}.content-wrap .contactWrapper{flex-direction:column;position:absolute;right:0;.contactWrapper-item{background:rgb(var(--blue-2-rgb));color:rgb(var(--blue-4-rgb));padding:1rem var(--page-padding) var(--padding-l);&:nth-child(2){background:rgb(var(--blue-1-rgb));color:rgb(var(--blue-6-rgb))}}}footer .contactWrapper{flex-direction:column;background:rgb(var(--blue-4-rgb));padding:var(--padding-l);border-radius:var(--border-radius);.contactWrapper-item{color:rgb(var(--blue-2-rgb));.svgWrap{.icon{stroke-width:3pt;stroke:rgb(var(--blue-2-rgb))}}}}.kurs-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;padding:0;.kursart:first-child,.kursart:nth-child(4){background-color:rgb(var(--blue-2-rgb));color:rgb(var(--blue-6-rgb));button{background:rgb(var(--blue-1-rgb))}b{color:rgb(var(--accent-1-rgb))}a.arrowLink{&:after{background-image:var(--arrow-1)}}}.kursart:nth-child(2),.kursart:nth-child(5){background-color:rgb(var(--blue-6-rgb));color:rgb(var(--blue-1-rgb));& b{color:rgb(var(--accent-2-rgb))}}.kursart:nth-child(3),.kursart:nth-child(6){background-color:rgb(var(--blue-1-rgb));color:rgb(var(--blue-4-rgb));b{color:rgb(var(--accent-1-rgb))}a.arrowLink{&:after{background-image:var(--arrow-1)}}}}.kursart{width:auto;padding:var(--section-padding-l) var(--page-padding);flex:auto;.kurse{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--section-padding-l);.kurs{margin-bottom:var(--spacing-m);.kurs-title{margin-bottom:1rem;display:flex;flex-direction:row;align-items:baseline;h3{margin-right:var(--spacing-m);margin-bottom:0}}.times{margin-bottom:var(--spacing-m);display:flex;flex-direction:column;gap:var(--spacing-m);.time{display:inline-block;p{float:left}}}}}}.imageBackground{background-size:cover;background-position:50%;position:relative;box-shadow:1px 2px 10px rgba(var(--blue-6-rgb),.5);&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--blue-6-rgb));opacity:.5;z-index:0}}.gallery-folders{display:flex;flex-wrap:wrap;gap:2rem;.galleryLink{width:clamp(250px,calc(33% - 2rem),350px);min-height:150px;background:var(--gradient-dark);border:1px solid rgba(var(--blue-1-rgb),.2);padding:var(--padding-l);border-radius:var(--border-radius);position:relative;overflow:hidden;display:flex;align-items:flex-end;h4{color:rgb(var(--blue-2-rgb));white-space:wrap}&:after{content:"";background:rgb(var(--accent-1-rgb));position:absolute;bottom:0;left:0;width:0;height:3px;transition:all .3s ease-in-out}&:hover{&:after{width:100%}}}}.form-anmeldung,.form-checkout,.form-contact{button{margin-top:var(--spacing-m)}.flex-container,.grid-container{gap:1rem}.grid-container{display:grid;grid-auto-rows:1fr;margin-bottom:var(--spacing-m);.form-element{display:flex;flex-direction:column;&:empty{display:none}&:first-child{grid-area:a}&:nth-child(2){grid-area:b}&:nth-child(3){grid-area:c}&:nth-child(4){grid-area:d}&:nth-child(5){grid-area:e}&:nth-child(6){grid-area:f}&:nth-child(7){grid-area:g}&:nth-child(8){grid-area:h}&:nth-child(9){grid-area:i}label{margin-bottom:3px}input,textarea{margin:0;&:focus{background-color:rgb(var(--blue-2-rgb))}}}}}.form-contact{.grid-container{grid-template-areas:"a z" "b c" "d d" "d d"}}.form-checkout{margin-bottom:2rem;.grid-container{grid-template-areas:"a y" "b c" "d e" "f z" "f z"}}.form-accept{margin:var(--spacing-m) 0;width:100%;display:inline-block;a{color:rgb(var(--accent-2-rgb));font-weight:600;&:hover{text-decoration:underline}}}.confirmation-page{.confirmation-details{margin:var(--spacing-l) 0;padding:var(--spacing-m) var(--spacing-l);background:rgb(var(--blue-5-rgb));border-radius:var(--border-radius);border-left:4px solid rgb(var(--green-rgb));h4{margin-bottom:var(--spacing-s);color:rgb(var(--blue-2-rgb))}p{margin-bottom:var(--spacing-xs)}}.status,button{margin-top:var(--spacing-m)}}.form-anmeldung{&.probelektion{.grid-container{grid-template-areas:"a b" "c d" "e z" "g z" "g z"}}.grid-container{grid-template-areas:"a b" "c d" "e f" "g h" "i z" "i z"}.flex-container{display:flex;flex-wrap:wrap;margin-bottom:2rem;.flex-item{display:flex;flex-direction:column;width:clamp(300px,calc(33% - var(--spacing-m)),400px);background:var(--gradient-dark);border:1px solid rgba(var(--blue-1-rgb),.2);padding:var(--padding-l);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease-in-out;&.selected{background:var(--gradient-light);color:rgb(var(--blue-6-rgb))}&>p{display:inline-block;font-size:1rem;strong{margin-right:var(--spacing-m)}}&>h6 span{font-size:1rem;margin-left:var(--spacing-m)}}}.not-available{margin-bottom:2rem;width:60%}}.product-wrapper{display:flex;flex-wrap:wrap;gap:2rem;.product{width:clamp(200px,calc(33% - 2rem),350px);display:flex;flex-direction:column;background:rgb(var(--blue-6-rgb));border-radius:var(--border-radius);overflow:hidden;.product-image{width:100%;aspect-ratio:16/9;flex:1 1;overflow:hidden;img{object-fit:cover;display:block;width:100%;height:100%}}.product-desc{color:rgb(var(--blue-2-rgb));padding:var(--padding-l);display:flex;flex-direction:column;justify-content:space-between;h5{color:rgb(var(--blue-1-rgb))}}}}.product-showcase{display:flex;flex-direction:row;gap:var(--section-padding-l);.product-images{flex:1 1;overflow:hidden;img{object-fit:contain;display:block;width:100%;height:100%;background:rgb(var(--blue-2-rgb))}.activeImage{width:100%;height:50vh;overflow:hidden;border-radius:var(--border-radius)}.previewImages{display:flex;flex-wrap:wrap;margin-top:var(--spacing-m);gap:var(--spacing-m);.previewImage-wrap{width:20%;aspect-ratio:4/3;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;border:3px solid rgb(var(--blue-4-rgb));box-sizing:content-box;&.active{border:3px solid rgb(var(--accent-1-rgb))}}}}.product-desc{flex:1 1;h1{margin-bottom:var(--spacing-m);line-height:1}h4{color:rgb(var(--accent-2-rgb))}.rich-text{margin-bottom:var(--spacing-m)}.product-option{&:not(:last-child){margin-bottom:var(--spacing-m)}.product-option-wrap{display:flex;flex-wrap:wrap;gap:var(--spacing-m);.product-option-item{padding:var(--padding-xs);border-radius:var(--border-radius);border:1px solid rgb(var(--blue-1-rgb));cursor:pointer;&.active{background:rgb(var(--accent-1-rgb))}}}}}}.product-filter{width:100%;display:flex;justify-content:space-between;align-items:center;&:first-of-type{margin-bottom:2rem}&:last-of-type{margin-top:2rem}label{margin-right:var(--spacing-m);&:not(:first-child){margin-left:var(--spacing-m)}}.pagination{display:flex;align-items:center;.svgWrap{height:2.5rem;width:2.5rem;cursor:pointer;&[disabled]{opacity:.5;pointer-events:none}&:hover{svg{fill:rgb(var(--blue-1-rgb))}}svg{transition:all .3s ease-in-out;fill:rgb(var(--blue-2-rgb))}&:last-of-type{transform:rotate(180deg)}}}}.workshop-wrap{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:1.5rem var(--spacing-m)}.workshop{background:var(--gradient-dark);border:1px solid rgba(var(--blue-1-rgb),.2);padding:var(--padding-l);border-radius:var(--border-radius);color:rgb(var(--blue-2-rgb));h4{color:rgb(var(--blue-1-rgb))}}@media screen and (max-width:1080px){:root{--header-height:7rem}.section-primary{min-height:100vh;.primary-wrap{width:100%}}.content-wrap{.contactWrapper{position:static;flex-direction:row;margin-bottom:var(--section-padding-l)}}.checkout{flex-direction:column;.checkout-cart.desktop{display:none}.checkout-cart.mobile{position:static;display:block}}.cart-list.big{.cart-item{flex-wrap:wrap;.image-wrap{width:30%;order:0}.content-wrap{flex:auto;width:33%;order:3}.content-wrap.title{width:70%;order:1}.content-wrap.counter{width:100%;order:2;justify-content:flex-start}}}.product-wrapper{gap:1rem;.product{width:calc(50% - .5rem);.product-desc{padding:var(--padding-m)}}}}@media screen and (max-width:768px){:root{--header-height:6rem}.logoWrap{max-width:220px}.kursart{.kurse{gap:2rem;flex-direction:column}}.form-anmeldung,.form-checkout,.form-contact{.grid-container{grid-auto-rows:auto}}.form-anmeldung{.grid-container{grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h" "i" "i"}}.form-anmeldung.probelektion{.grid-container{grid-template-areas:"a" "b" "c" "d" "e" "g" "g"}}.form-checkout{.grid-container{grid-template-areas:"a" "b" "c" "d" "e" "f" "f"}}.form-contact{.grid-container{grid-template-areas:"a" "b" "c" "d" "d"}}.section-primary{min-height:calc(100vh - var(--header-height))}.section-image{&:nth-child(2n){.content-wrap{left:0}}.content-wrap{width:100%}.image-wrap{width:100%;mix-blend-mode:overlay}}.content-wrap{width:100%;.contactWrapper{display:none}}.product-showcase{flex-direction:column;gap:var(--spacing-l);.product-images{.activeImage{height:40vh}}}}