/* panoramabrot.ch */

@charset "utf-8";

@font-face {
	font-family: 'RobotoLight';
	src: url('/assets/fonts/roboto-v30-latin-300.woff') format('woff');
}
@font-face {
	font-family: 'RobotoRegular';
	src: url('/assets/fonts/roboto-v30-latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'RobotoBold';
	src: url('/assets/fonts/roboto-v30-latin-700.woff') format('woff');
}

.kaushan-script-regular {
  font-family: "Kaushan Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.dm-sans-400 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.dm-sans-700 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


html { scroll-behavior: smooth; height: 100%; min-height: 100%; }
body { height: 100%; min-height: 100%; overflow-x: hidden; font-weight: 400; font-size: 24px; line-height: 1.5em; background: #ffffff; color: #333333; font-family: "DM Sans", sans-serif; }
body.ov_hidden { overflow: hidden; }
@media only screen and (max-width: 1600px) {
}

header { z-index: 10; width: 100%; padding: 0 0 0 0; /* position: fixed; */ background: #ffffff; }

header.startseite {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;background: transparent;}
header.startseite, header.startseite .plugin_trenner {background: transparent !important;}
header.startseite a, header.startseite i {color: #fff !important;}
header.startseite {text-shadow: 0 2px 6px rgba(0,0,0,0.4);}

main { z-index: 2; position: relative; padding: 0; /*padding: 50px 0;*/ overflow: hidden; }

footer { font-size: 0.75em; line-height: 1.5em;}
footer strong { font-size: 1.333em; line-height: 1.5em;}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 767px) {
    main { padding: 0; /* padding: 20px 0; */ }
}

h1 { color: #694C2C; margin: 0 0 1em 220px; font-size: 3.75em; line-height: 1.2em; font-weight: 400; font-family: "Kaushan Script", cursive; }
h2 { margin: 0 0 1em 0; font-size: 2.91em; line-height: 1.2em; font-weight: 400; font-family: "Kaushan Script", cursive; }
h3 { margin: 0 0 1em 0; font-size: 1.666em; line-height: 1.2em; font-weight: 400; font-family: "Kaushan Script", cursive; }
h4 { }
h5 { }
h6 { }
@media only screen and (max-width: 767px) {
	h1 { font-size: 1.6em; margin-left: 0; }
    h2 { font-size: 1.6em; }
    h3 { font-size: 1.25em; }
}
.overlay h1 { color: #CE7104; margin: 0; }

.h2-small { font-size: 1.6666em; margin-bottom: 0.5em;}


.leadtext { font-size: 1.25em; line-height: 1.5em; }
@media only screen and (max-width: 767px) {
	.leadtext { font-size: 0.8em; line-height: 1.5em; }
}

a { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; color: #000000; }
p { margin-bottom: 1.5em; }


div { position: relative; }
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }




figure { padding: 0; /* padding: 0 0 0 1.5em; */ }
.blockquote { font-size: 1.4em; }
.blockquote-footer { color: rgba(0,0,0,0.5); font-size: 0.8em; margin-bottom: 1.5em; }
.blockquote-footer:before { /*display: none;*/ }

ul { margin-bottom: 1.5em; padding-left: 1.2em; }
ul li { }

ol { margin-bottom: 1.5em; }
ol li {}

b, strong { font-weight: normal; font-family: 'RobotoBold'; }

dl.row { margin-right: 0; margin-left: 0; }
dd { margin-bottom: 0; }

figure, .blockquote, .btn { margin-bottom: 1em; }

table { font-size: 0.8em; width: 100%; }
table td, table th { padding: .75rem 0; vertical-align: top; border-bottom: 1px solid #000000; }

.text-primary { color: #694C2C!important; }
.text-secondary { color: #000000!important; }

.bg-primary { background-color: #694C2C!important; }

/* Button bootstrap classes */
.btn { border-radius: 0; }
.btn.btn-lg {  }

.btn-primary { background-color: #694C2C; border-color: #694C2C; color: #ffffff; }
.btn-primary:hover { background-color: #694C2C; border-color: #694C2C; }

.btn-primary.focus, .btn-primary:focus { box-shadow: none;  }
.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #694C2C!important; border-color: #694C2C!important; }

.btn-secondary { background-color: #CE7104; border-color: #CE7104; color: #ffffff; }
.btn-secondary:hover { background-color: #CE7104; border-color: #CE7104; }

.btn-secondary.focus, .btn-secondary:focus { box-shadow: none;  }
.btn-secondary.active, .btn-secondary:active { box-shadow: none!important; background-color: #0078ce!important; border-color: #0078ce!important; }

.alert-success {}
.alert-danger {}



.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    font-size: 0.8em; padding: 0.25em 0 0 0.5em; height: 36px;}


.form-control {}
textarea.form-control { height: 180px; }

.form-check-input:checked{background-color: #694C2C;border-color: #694C2C;}

.col-form-label-sm {font-size: 0.75em; line-height: 1.2em;}

.svg-secondary { fill: #0069b4; width:25px; } 
.img-captcha { border-radius: 6px; }

/* Custom */

/*.overlay { position: absolute; left: 50%; top: 150px; right: 0; bottom: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-left: -403px; }*/


.video_container .overlay {position: absolute;inset: 0;z-index: 2;display: flex;align-items: center;justify-content: center;text-align: center;}

@media only screen and (max-width: 1024px) {
	.overlay { left: 50%; top: 100px; right: 0; bottom: 0;  margin-left: 0;  /*margin-left: -260px;*/ }
	.overlay h1 { font-size: 2.5em; }
 }
 @media only screen and (max-width: 767px) {
	.overlay { left: 50%; top: 100px; right: 0; bottom: 0;  margin-left: 0; }
	.overlay h1 { font-size: 1.5em; }
 }

/* .overlay {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 180px 40px 0 40px;} */

.imgcover { object-fit: cover; height: 100%; width: 100%; object-position: center; display: block;}
.img-overflow-right {/*width: min(120vw, 720px); responsive, aber gedeckelt  max-width: none;height: 100%;position: absolute;right: calc(-1 * (100vw - 100%) / 3);*/
	
	
	width: min(120vw, 700px);
    max-width: none;
    height: 100%;
    position: absolute;
    right: calc(-1 * (100vw - 100%) / 4);}


@media only screen and (max-width: 1024px) {
	.img-overflow-right {/*width: auto; right: auto;position: relative;*/width: 100%;right: inherit;position: relative;}
}

.p-6 { padding: 6rem !important; }
.py-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}
.pt-6 {padding-top: 6rem !important;}
.pb-6 {padding-bottom: 6rem;}


@media (min-width: 768px) {
    .p-md-6 {padding: 6rem !important; }
}



.plugin_trenner {}
.width_basic { max-width: 1120px; padding: 0 40px; }
.content { max-width: 700px; }
.height_300 { height: 300px; }
.height_600 { height: 600px; }
@media only screen and (max-width: 767px) {
	.width_basic { padding: 0 15px; } 
 }

.felxslider_container { height: 100%; padding: 0 40px 40px 40px; }
.flexslider { }
.flexslider_height { height: 100%;}
.flexslider .overlay { background: rgba(0,0,0,0.5); pointer-events: none; }
.flex-direction-nav { pointer-events: none; }
.flex-direction-nav li a { pointer-events: auto; }
.flex-control-paging li a { width: 0.6em; height: 0.6em; background: #c6c6c6; cursor: pointer; }
.flex-control-paging li a.flex-active { background: var(--bs-primary); }
@media only screen and (max-width: 767px) {
	.felxslider_container { padding: 0 15px 15px 15px; } 
 }

.width_extrasmall { max-width: 480px; padding: 0 40px; }
.width_small { max-width: 640px; padding: 0 40px; }
.width_medium { max-width: 800px; padding: 0 40px; }
.width_normal { max-width: 1024px; padding: 0 40px; }
.width_large { max-width: 1120px; padding: 0 40px; }
.width_extralarge { max-width: 1280px; padding: 0 40px; }
.width_superlarge { max-width: 1600px; padding: 0 40px; }
.width_full { padding: 0 40px; }
.width_full_complete { padding: 0; }
@media only screen and (max-width: 767px) {
    .width_extrasmall { padding: 0 15px; }
    .width_small { padding: 0 15px; }
    .width_medium { padding: 0 15px; }
    .width_normal { padding: 0 15px; }
    .width_large { padding: 0 15px; }
    .width_extralarge { padding: 0 15px; }
    .width_superlarge { padding: 0 15px; }
    .width_full { padding: 0 15px; }
}

.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

#logo { width: 220px; padding: 0; float: left; margin: 30px 0; }
@media only screen and (max-width: 767px) {
	#logo { width: 130px; margin: 20px 0; float: none; }
}

.mainnav { float: right; margin-top: 36px; }
.mainnav ul.level0 { display: block; margin:0; padding: 0; }
.mainnav ul.level0 li { list-style: none; float: left; margin: 0 0 0 50px; position: relative; }
.mainnav ul.level0 li a {border-bottom: 5px solid transparent; color: #000000; font-size: 1em; padding: 0; display: block; text-decoration: none; }
.mainnav ul.level0 li a:hover {border-bottom: 5px solid #E8B680; color: #000000; }
.mainnav ul.level0 > li.active > a { color: #000000; border-bottom: 5px solid #694C2C; }
.mainnav ul.level0 > li.active > ul > li.active > a { color: #000000; border-bottom: 5px solid #694C2C; }
@media only screen and (max-width: 1330px) {
	.mainnav { display: none; float: none; margin-top: 0; }
	.mainnav ul.level0 { border-bottom: solid 1px #E8B680; margin: 0 0 0 0; padding-top: 200px; }
	.mainnav ul.level0 li { float: none; margin: 0 0 0 0; }
	.mainnav ul.level0 li a { padding: 8px 20px; display: block; border-top: solid 1px #E8B680; }
}

@media only screen and (max-width: 768px) {
	.mainnav ul.level0 { padding-top: 0; }
}

.mainnav ul li ul.level1 { position: absolute; left: 0; width: 250px; text-align: left; padding: 10px; display: none; background: #ffffff; }
.mainnav ul li ul.level1 li { float: none; margin: 0 0 0 0; padding: 0; }
.mainnav ul li ul.level1 li a { color: #000000; font-size: 0.8em; padding: 0; border: none; }
.mainnav ul li ul.level1 li:hover a { color: #000000; }
.mainnav ul li ul.level1 li.active a { color: #000000; }
.mainnav ul.level0 li.active ul.level1 li a { color: #000000; }
.mainnav ul.level0 li.active ul.level1 li a:hover { color: #000000; }
.mainnav ul.level0 li.active ul.level1 li.active a { color: #000000; }
.mainnav ul li:hover ul.level1 { display: block; }
@media only screen and (max-width: 767px) {
	.mainnav ul li ul.level1 { display: block; position: relative; padding: 0 20px 10px; border-bottom: none; width: auto; }
}

.desktop-nav { display: block; }
.katnav-wrapper {position: fixed;top: 125px;left: 0;z-index: 10;display: inline-block;}

.mobile-nav { display: none;margin: 0 -15px;padding: 0 15px;}
.startseite .mobile-nav { background-color: #000000; }

@media only screen and (max-width: 1330px) {
	.desktop-nav { display: none !important; }
	.mobile-nav { /* display: block; */ }
}

.map { height: 500px; }
.map iframe { width: 100%; height: 100%; }

footer { padding: 0; /* padding: 2em 0 0.5em 0; */ }

.footernav {}
.footernav ul { padding: 0; display: inline-block; }
.footernav ul li { line-height: 2em; list-style: none; }
.footernav ul li a { }

.socialnav { font-size: 1.25em; line-height: 1.50em; }
.socialnav ul { padding: 0; display: inline-block; }
.socialnav ul li { list-style: none; float: left; margin-left: 1em; }
.socialnav ul li a { text-decoration: none; }
@media only screen and (max-width: 767px) {
    .socialnav ul li { margin-left: 0; margin-right: 1em; }
}

.menuicon { display: none; position: absolute; right: 15px; top: 38px; width: 30px; height: 25px; margin: 0 0 0 0; transition: 0ms; }
.menuicon .line { width: 30px; height: 3px; background: #000000; position: absolute; }
.menuicon .line:nth-of-type(1) { top: 0; }
.menuicon .line:nth-of-type(2) { top: 11px; }
.menuicon .line:nth-of-type(3) { top: 22px; }
.menuicon.active .line:nth-of-type(1) { top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.menuicon.active .line:nth-of-type(3) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.startseite .menuicon .line { background: #ffffff; }	

@media only screen and (max-width: 1330px) {
	.menuicon { display: block; }
}

@media only screen and (max-width: 767px) {
	.menuicon {top: 6px;}
}


.startseite .dropdown-menu { background-color: #000000; color: #ffffff; }

ul.dropdown-menu { border: none; /* margin-left: -124px; */}
ul.dropdown-menu li {list-style: none;float: none !important;margin: 0 !important;position: relative; text-align: right;}

.dropdown-item:hover { background-color: #FFFFFF; }


.icon-nav {background-color: transparent !important; display: none;position: absolute;top: 34px;right: 76px;}
.icon-nav ul {padding: 0;}
.icon-nav li {list-style: none; float: left; margin: 0 0 0 20px; position: relative;}


@media only screen and (max-width: 1330px) {
	.icon-nav { display: inline-block}
}

@media only screen and (max-width: 767px) {
	.icon-nav {top: 3px; }
}

@media only screen and (max-width: 400px) {
	/* .icon-nav {top: 50px;right: 15px; } */
}

.plugin_kategorie_navigation {position: relative;width: max-content; /* entscheidend */background-color: #694C2C;color: #ffffff;padding: 10px;display: inline-flex;flex-direction: column;}

.plugin_kategorie_navigation .active { background-color: #FFFFFF; }
.nav-link { color: #ffffff; }
.nav-link:hover { color: #FFFFFF; }
.plugin_kategorie_navigation .active  a.nav-link { color: #694C2C; }

.nav-slider {position: absolute;top: 0;left: 100%; /* exakt rechts vom Nav-Block */background-color: #694C2C;padding: 15px 10px 15px 0;z-index: 20;}
.nav-slider i { color: #ffffff; font-size: 1.5em; line-height: 1em; }



/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */

ul.square { list-style-type:square; }
ul.circle { list-style-type:circle; }
ul.square { list-style-type:square; }
ul.image { list-style-image: url('img/sqpurple.gif'); }

ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }

ul.linklist { list-style-type:none; }
ul li { position: relative; }
ul.linklist span { position: absolute; left: -20px; top: 2px; }

.card { border: none; }
.card .card-body {}
.card .card-footer {}

.accordion { margin-bottom: 1px;}
.accordion-body p:last-child { margin-bottom: 0; }
.accordion-button { background: transparent; font-size: 0.9em; border-bottom: solid 1px #333333; }
.accordion-button:not(.collapsed) { background: transparent; box-shadow: none; color: #333333; }

/*
.modal-dialog { max-width: 900px; }
.modal-content { }
.modal-header { border-bottom: none; }
.modal-footer { border-top: none; }
*/


/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */


/* Fixiert links */
.wochenmenu-link {position: fixed;right: 0;top: 303px;transform: translateY(-50%);text-decoration: none;z-index: 1050;}

/* Desktop / Tablet */
.wochenmenu-fixed {background-color: #694C2C;color: #ffffff;padding: 60px 30px;font-size: 1.5em;font-weight: 700;
    /* Vertikal + korrekt lesbar */
    writing-mode: vertical-rl;text-orientation: mixed;transform: rotate(180deg);
    /* Slide-In */
    animation: slideInLeft 0.7s ease-out 0.3s both;
    transition:
        background-color 0.25s ease, padding 0.25s ease;
}

/* Hover */
.wochenmenu-fixed:hover {background-color: #694C2C;padding-left: 18px;}
/* Slide-In Animation */
@keyframes slideInLeft {
    from {transform: translateX(100%) rotate(180deg);opacity: 0;}
    to {transform: translateX(0) rotate(180deg);opacity: 1;}
}

/* Smartphone */
 @media (max-width: 768px) {   
	.wochenmenu-link {top: 176px;}
    .wochenmenu-fixed {padding: 18px 10px; font-size: 1em;}
}


/* Smartphone */
/* @media (max-width: 768px) {
    .wochenmenu-link {left: auto;right: 0;top: 70px;transform: none;}
    .wochenmenu-fixed {writing-mode: horizontal-tb;text-orientation: initial;transform: none;padding: 10px 18px;animation: slideInRight 0.6s ease-out 0.3s both;}
} */

/* Slide-In Mobile */
/* @keyframes slideInRight {
    from {transform: translateX(100%);opacity: 0;}
    to {transform: translateX(0);opacity: 1;}
} */

.wochenmenue {background-color: #694c2c;color: #ffffff;padding:0 0 1em 0 !important;}
.wochenmenue > div {max-width: 100%;}
.wochenmenue > .wochenmenue-header > .wochenmenue-title {margin: 0px auto;}
.wochenmenue > .wochenmenue-header > .wochenmenue-title > h1 {margin: 0 0 1em 400px;color: #ffffff;opacity: 0;transform: scale(0.8);animation: h1FadeZoom 600ms ease-out forwards;animation-delay: 200ms;}

/* Keyframes */
@keyframes h1FadeZoom {
    from {opacity: 0; transform: scale(0.8);}
    to {opacity: 1; transform: scale(1);}
}

 @media (max-width: 1024px) { 
	.wochenmenue > .wochenmenue-header > .wochenmenue-title {margin: 0px auto;}
	.wochenmenue > .wochenmenue-header > .wochenmenue-title > h1{margin: 0 0 1em 0;}
}

.wochenmenue > div > div {margin: 20px 170px 20px 170px;max-width: 100%;}

 @media (max-width: 1024px) {   
	.wochenmenue > div > div {margin: 0;}
}
.wochenmenue > div > div > h2 {margin: 0 0 0 0;}
.wochenmenue > div > div > div > div {margin-top:1em;margin-bottom:1em;}
.wochenmenue > .wochenmenue-labels > div > div > div {margin-bottom: 0;}
.wochenmenue > .wochenmenue-labels > div > div > div > h3 {padding:0px; margin: 0 0 0 0; font-size: 1.5em; line-height: 1.5em; font-weight: 400; font-family: "Kaushan Script", cursive; ;}
.wochenmenue > div > div > div > div > h3 {font-size: 1.0em; line-height: 1.2em; font-weight: 400; font-family: "Kaushan Script", cursive; }
.wochenmenue-light {background-color: #785e42;color: #ffffff;}
.wochenmenue-norm {background-color: #694c2c;color: #ffffff;}

@media only screen and (max-width: 1330px) {

}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */


.height_250 { height: 250px; }
@media (min-width: 576px) {
	.galerieUebersicht.card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: 0; margin-left: 0; }
	.galerieUebersicht.card-deck .card { margin-right: 0; margin-left: 0; margin-bottom: 15px; }
}
@media (min-width: 776px) {
	.galerieUebersicht.card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
	.galerieUebersicht.card-deck .card { margin-right: 15px; margin-left: 15px; margin-bottom: 30px; }
}


.border-bottom { border-bottom: #000000 1px solid;}


.swiper-slide {width: 80%;height: auto !important;}
.swiper-pagination { position: relative; bottom: 0; padding: 10px 0 0 0; }
.swiper-button-prev, .swiper-button-next { color: #000000; width: 2.5em;height: 2.5em; background-color: transparent !important; /*border-radius: 50%;*/ box-shadow: none; top: 0;}
.swiper-button-prev {left: auto;right: 120px; top: 106px;}
.swiper-button-next {right: 39px;top: 106px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .3; }
.swiper-button-next i, .swiper-button-prev i {font-size: 2.5em; color: #000000; }


@media only screen and (max-width: 1224px) {
    .swiper-slide {width: 90%;}
}

@media only screen and (max-width: 767px) {
	.swiper-slide {width: 90%;}
	.swiper-button-prev, .swiper-button-next { width: 2.0em;height: 2.0em;}
	.swiper-button-next i, .swiper-button-prev i {font-size: 2.0em;}
}

.highlights {}
.highlights .card { background-color: transparent;}
.highlights img { border-radius: 50%; width: 100%;height: auto;object-fit: cover;aspect-ratio: 1 / 1;}
.highlights .card-body { color: #ffffff; font-size: 0.8em; line-height: 1.2em;}

.insta-qr-code h2 { margin:0;}


.amos-backstube h1 { margin-bottom: 0;}
.amos-backstube h1 + h2 {margin-left: 220px;}


@media only screen and (max-width: 767px) {
	.amos-backstube h1 + h2 {margin-left: 0;}
}


.footerladen { /*font-size: 0.75em; */}
.footerladen strong { /*font-size: 1.333em;*/}
 ul {padding-left: 2.5em;}
.footerladen li { /*font-size: 0.75em;*/ line-height: 1.5em; list-style: none;margin-bottom: 1em;}
.footerladen li i {/* font-size: 2em;margin-left: -61px;margin-top: 27px;position: absolute; */}
.footerladen li.icon-geo i { font-size: 2em; margin-left:-50px; margin-top:-3px; position: absolute;}
.footerladen li.icon-clock i { font-size: 2em; margin-left:-50px; margin-top:47px; position: absolute;}

.newsbeitrag { padding: 0;}
.newsbeitrag p { margin-bottom:0; }

.plugin_galerie_height { height: 180px; }

.plugin_kategorie_list .card > img {width: 100%;max-height: 368px;height: auto;object-fit: cover;aspect-ratio: 1 / 1;}


.plugin_artikel_platzierung .input-group {display: flex;justify-content: flex-end;align-items: center;gap: 0.5rem; /* Abstand zwischen Preis und Icon */}
.plugin_artikel_platzierung .input-group { font-size: 0.75em; font-weight: 600;white-space: nowrap;}
.plugin_artikel_platzierung .input-group-text {background-color: #FFFFFF; border: none;}
.plugin_artikel_platzierung .card > img {max-height: 368px;width: 100%;height: auto;object-fit: contain;display: block;margin: 0 auto;}

.plugin_cookieconsent_footer p { font-size: 0.75em; line-height: 1.2em; }
.cookie_list { font-size: 0.75em; line-height: 1.2em; }
.wasistdas { font-size: 0.75em; line-height: 1.2em; }

.warenkorb-artikel { font-size: 0.75em; line-height: 1.2em;}

.warenkorb_menge { justify-content: flex-end;}


.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; width: 100%; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

figure video { width: 100%; height: auto; display: block; }

.video_container video {width: 100%;display: block;}

.video_container.plugin_video_header {position: relative;height: 100vh;margin-top: 0;z-index: 1;}
.video_container.plugin_video_header {top: 0;}
.video_container.plugin_video_header video {width: 100%;height: 100%;object-fit: cover;}

@media only screen and (max-width: 767px) {
	.small-font-md { font-size: 0.75em; }
}

@media only screen and (max-width: 1024px) {
	.small-font-lg { font-size: 0.75em; line-height: 1.5em; }
}


.bg-beige { background-color: #E8B680;}
.bg-dunkelbraun { background-color: #694C2C; color: #ffffff;}
.bg-braun { background-color: #9C6322; color: #ffffff;}
.bg-sand { background-color: #E5DCD2;}

hr { margin: 0; border: 0 none; background-color: #000000; height: 1px; clear: both; opacity: 1; }
hr.space1 { height: 1px; }
hr.space2 { height: 2px; }
hr.space3 { height: 3px; }
hr.space4 { height: 4px; }
hr.space5 { height: 5px; }
hr.space10 { height: 10px; }

.scroll_progressbar { position: fixed; top: 0; left: 0; width: 0; height: 10px; z-index: 9999; }

.ribbon {
	position: fixed;
	top: 140px;
	left: -40px;
	width: 250px;
	padding: 10px 0;
	background-color: #474a82;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	transform: rotate(-45deg);
	transform-origin: top left;
	z-index: 9000;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	display: none;
	cursor:pointer;
}