/************************************************/
/*    © by Werbeagentur Gössler & Sailer OG     */
/*             www.goesslersailer.at            */
/************************************************/

/************************************************/
/*                    Body                      */
/************************************************/

body {
	margin: 0px;
	padding: 0px;
	color: #232323;
	background:#FFFFFF; 
	font-family: 'Roboto','Arial';
    font-style: normal;
	font-size: 100%;
    line-height: 25px;
    font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	letter-spacing: .03em;
    /*padding-top: var(--headerH-base);*/
	}

* {box-sizing:border-box;}

::selection {
  background: #e2001a;
  color: #ffffff;
}

h1,h2,h3,h4,h5{margin:0px 0px 30px 0px; font-weight: 500; color:#e2001a;
}
h1	{font-size:180%; line-height: 48px;}
h2	{font-size:160%; line-height: 42px;}
h3	{font-size:140%; line-height: 35px; margin:0px 0px 10px 0px;}
h4	{font-size:130%; line-height: 35px; margin:20px 0 5px 0;}
h5	{font-size:120%; line-height: 35px;}
h6	{font-size:110%; line-height: normal;}

.textmarke {margin-top: 0;}

:root{
  /* optional: smooth scroll */
  scroll-behavior: smooth;
  /* Platz oben = Headerhöhe */
  --header-h: 200px;              /* anpassen oder via JS setzen */
  scroll-padding-top: var(--header-h);
}


.attr_ul {
  margin: 0;
  padding: 0;
  column-count: 2;
  break-inside: avoid;
  position: relative; /* nötig für Fade unten */
}

.attr_li {
  list-style: none;
  border: 1px solid #CCCCCC;
  margin-bottom: -1px;
  margin-right: 16px;
  display: flex;
  break-inside: avoid;
}

.attr_name {
  justify-content: flex-start;
  background-color: #f0f0f0;
  flex: 3;
  align-items: center;
  padding: 0.3rem 0.5rem;
  white-space: normal;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}

.attr_wert {
  font-weight: bold;
  flex: 2;
  padding: 0.3rem 0.5rem;
  white-space: normal;
  word-break: anywhere;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}


.attr_ico_box {height: 30px}

.attr_icon_kl {
  width: 25px;
  margin: 3px 6px 0 0;
  float: left;
}

.attr_ul--clamp .attr_li:nth-child(n+13) {
  display: none;
}
.attr_ul--clamp::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  background: linear-gradient(to top, #fff, rgba(255,255,255,0));
  pointer-events: none;
  transition: opacity 0.25s ease;
}

/* ========== BUTTON ========== */

.btn-nka {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #e2001a;
    font-size: 120%;
    padding: 15px 55px;
    border-radius: 5px;
    text-align: center; 
    float: right;
}
.btn-nka:hover {
    color: #FFFFFF;
    background-color: #000000;
}

.attr-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 15px auto 50px auto;
  background: #e2001a;
  color: #fff;
  padding: 0.6rem 1.2rem;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.95rem;
  user-select: none;
  transition: background 0.25s ease;
  max-width: 250px;
}
.attr-toggle-btn:hover {
  background: #b10014;
}

/* Pfeil-Icon Animation */
.attr-toggle-btn i {
  transition: transform 0.3s ease;
}

/* Textwechsel + Icon-Rotation bei checked */
#attrToggle:not(:checked) ~ .attr-toggle-btn .text-more { display: inline; }
#attrToggle:not(:checked) ~ .attr-toggle-btn .text-less { display: none; }

#attrToggle:checked ~ .attr-toggle-btn .text-more { display: none; }
#attrToggle:checked ~ .attr-toggle-btn .text-less { display: inline; }
#attrToggle:checked ~ .attr-toggle-btn i { transform: rotate(180deg); }

#attrToggle:checked ~ .attr_ul--clamp .attr_li { display: flex; }
#attrToggle:checked ~ .attr_ul--clamp::after { opacity: 0; }

@media (max-width: 640px) {
  .attr_ul { column-count: 1; }
}

.product-description ul {
    list-style-type: none;
    margin-left: 10px;
    list-style-position: outside;
}
.product-description ul li {
    line-height: 25px;
    padding: 5px 0px;
    list-style-position: outside;
}


.product-description ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    font-size: 16px;
    content: "\f058";
    background-color: transparent;
    color: #e2001a;
    padding: 5px;
    margin-right: 10px;
    margin-left: -40px;
    border-radius: 3px;
}

.snippet-answer {
    background-color: #f8f9fa;
    padding: 10px 15px;
    border-left: 4px solid #e2001a;
    margin-bottom: 1em;
    border-radius: 4px;
}

.snippet-answer ul {
    list-style-type: none;
    margin-left: 10px;
    list-style-position: outside;
}
.snippet-answer ul li {
    line-height: 25px;
    padding: 5px 0px;
    list-style-position: outside;
}


.snippet-answer ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    font-size: 16px;
    content: "\f058";
    background-color: transparent;
    color: #e2001a;
    padding: 5px;
    margin-right: 10px;
    margin-left: -40px;
    border-radius: 3px;
}

.fancybox-wrap {overflow: visible !important;}
.hundert-width {width: 100%}
.margin-5-0 {margin: 5px 0!important}
.margin-10-0 {margin: 10px 0!important}
.margin-15-0 {margin: 15px 0!important}
.margin-20-0 {margin: 20px 0!important}
.margin-25-0 {margin: 250px 0!important}
.margin-30-0 {margin: 30px 0!important}
.margin-35-0 {margin: 35px 0!important}
.margin-40-0 {margin: 40px 0!important}

.margin-0-5 {margin: 0 5px!important}
.margin-0-10 {margin: 0 10px!important}
.margin-0-15 {margin: 0 15px;}
.margin-0-20 {margin: 0 20px!important}
.margin-r-10 {margin-right: 10px!important}
.margin-r-15 {margin-right: 15px!important}
.margin-r-20 {margin-right: 20px!important}
.margin-r-25 {margin-right: 25px!important}

.padding-5 {padding: 5px}
.padding-10 {padding: 10px}
.padding-15 {padding: 15px}
.padding-20 {padding: 20px}
.padding-25 {padding: 25px}
.padding-30 {padding: 30px}

.padding-0-5 {padding: 0 5px}
.padding-0-10 {padding: 0 10px}
.padding-0-15 {padding: 0 15px}
.padding-0-20 {padding: 0 20px}

.padding-5-0 {padding: 5px 0}
.padding-10-0 {padding: 10px 0}
.padding-15-0 {padding: 15px 0}
.padding-20-0 {padding: 20px 0}
.padding-25-0 {padding: 25px 0}
.gs-right{float:right!important}
.content-max {margin:0 0 50px 0} 
.socialmedia {margin-left:20px; font-size: 180%}
.anfrage-box {width:100%; padding:10px; text-align:center;}
.tac {text-align: center}
.meta{color:#555;font-size:0.95rem}
.section{margin-bottom:1rem}

.block {
  text-align: justify;
  text-justify: inter-word; 
  word-spacing: -2px; /* Experimenteller Wert: Kann Lücken reduzieren, aber auch Wörter überlappen lassen */
  letter-spacing: 0.1px; /* Experimenteller Wert: Fügt geringen Abstand zwischen Buchstaben hinzu */
  hyphens: auto; /* Erlaubt Silbentrennung, um Lücken zu reduzieren */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}

.rotiert {
  display: inline-block;
  transform: rotate(-1deg);
  margin: 0;
  width: 100%
}



/************************************************/
/*                     Farben                   */
/************************************************/

.weiss {color:#ffffff}
.hellgrau {color:#efefef}
.grau {color:#CFCFCF}
.schwarz {color: #000;}
.e2-rot {color:#e2001a;}
.hellgrau-bg {background-color: #efefef}
.grau-bg {background-color: #CFCFCF}
.schwarz-bg {background-color: #000;}
.e2-rot-bg {background-color: #e2001a;}


/************************************************/
/*                    Schriften                 */
/************************************************/

@font-face {
    font-family:'FrutigerLTPro-Light';
    src: url('../fonts/FrutigerLTPro-Light.eot');
	src: url('../fonts/FrutigerLTPro-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FrutigerLTPro-Light.woff2') format('woff2'),
	url('../fonts/FrutigerLTPro-Light.woff') format('woff'),
	url('../fonts/FrutigerLTPro-Light.svg#FrutigerLTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v49-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v49-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v49-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-600.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v49-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v49-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v49-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v49-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-v49-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-v49-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/************************************************/
/*                    Allgemein                 */
/************************************************/

:root{
  /* Standard (nicht eingeloggt) */
  --headerH-base:   136px; /* normale Höhe */
  --headerH-shrink: 88px;  /* Höhe im Shrink */
}

/* Eingeloggt: überschreibt Basiswerte */
body.is-logged-in{
  --headerH-base:   171px; /* z.B. 136 + 35 */
  --headerH-shrink: 123px; /* 88 + 35 */
}

/* Fixierter Header (optional: position/top, falls nicht schon vorhanden) */
#gs-top-ueber{
  /* position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background:#fff; */
  height: var(--headerH-base);
  transition: height .3s ease, box-shadow .3s ease;
}
#gs-top-ueber.shrink{
  height: var(--headerH-shrink);
}

#gs-top-ueber.shrink .wk-nav-2 {border-radius: 0px}

/* (optional) Platz reservieren, damit nichts rutscht */
body{ padding-top: var(--headerH-base); }

/* Logo */
#gs-top .bildlogo{
  height: 126px;
  transition: height .3s ease, transform .3s ease, opacity .3s ease;
}
#gs-top-ueber.shrink #gs-top .bildlogo{ height: 80px; }

/* Navi */
#navi{ opacity: 1; transition: opacity .25s ease; }
#gs-top-ueber.shrink #navi{ opacity: 0; pointer-events: none; }

/* Login-Bar (nur Sichtbarkeit, Höhe steuerst du über die Variablen oben) */
.knd-login-info{ overflow: hidden; transition: opacity .25s ease; opacity: 0; }
.knd-login-info.on-off{ opacity: 1; }


.fixed-action-bar{
position: fixed;
right: 16px;
bottom: 16px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 98;
transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-btn{
width: 45px; height: 45px; border-radius: 9999px;
display: grid; place-items: center;
background:#e2001a; color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.18);
border:none; cursor:pointer; text-decoration:none;
transition: transform .12s ease, filter .12s ease, opacity .2s ease;
}
.fab-btn:hover{ transform: translateY(-1px); background:#000; color:#fff; }
.fab-btn:active{ transform: translateY(0); }
.fab-btn:focus-visible{ outline:2px solid #60a5fa; outline-offset:2px; }
.fab-btn i{ font-size:22px; line-height:1; }

/* Top-Button erst nach Scrollhöhe zeigen */
.fab-top[data-show-when-scrolled]{ opacity:0; pointer-events:none; transform:scale(.9); }
.fab-top.visible{ opacity:1; pointer-events:auto; transform:scale(1); }

/* Idle-Zustand: Bar „verschwindet“ */
.fixed-action-bar.is-idle{
  opacity: 0;
  transform: translateY(25px);   /* etwas sanfteres Absinken */
  pointer-events: none;
  transition-delay: 0.2s;        /* kurzer Moment, bevor es anfängt zu verschwinden */
}

.fixed-action-bar:not(.is-idle){
transition-delay: 0s;          /* sofort reagieren beim Wiedereinblenden */
}

/* Nie ausblenden, wenn etwas darin Fokus hat (Accessibility) */
.fixed-action-bar:focus-within{
opacity:1 !important;
transform:none !important;
pointer-events:auto !important;
}


.graubox {padding:40px; background-color: #f8f8f8; margin:0; border:5px #fff solid}
.weissbox {padding:20px; background-color: #fff; margin:10px 0; border:5px #fff solid}

.img-mit {width: 100%; border-radius: 80px 80px 80px 0px; padding: 50px; margin: -50px 0;}
.k-preis {text-align: center; font-size: 80%; padding: 0; line-height:normal;}
.preis-info {font-size:90%; font-style:italic;}
.schwarz p a {color:#000}
.re-icon {font-size: 200%; margin: 0 20px 0 0}
.re-icon-2 {font-size: 180%;}
.sm-icon {font-size: 150%; margin: 0 20px 0 0}
.hellgrau {background-color: #EFEFEF}
.hundert-width-mobile {}
hr{border:0; border-top:1px solid #b5b5b5; margin:20px 0}
.artikel hr{border:0; border-top:1px solid #b5b5b5; margin:10px 0}
.hr-hell{border:0; border-top:1px solid #ececec; margin:20px 0}
.logo-platzhalter {width: calc(100% - 120px)}
.ug-ue {font-size: 120%; margin: -30px 0 15px 15px}


.art-footer {
    box-shadow:     
    0 4px 3px 0px rgba(0, 0, 0, 0.16), /* Der eigentliche Bodenschatten */
    0 -10px 0 0 white; /* Ein weißer Schatten, der den oberen Teil "überschreibt" */
    height: 10px;
    background-color: #fff;

    }

a{text-decoration:none;color:#e2001a}
a:hover{color:#737373}
.home-box-container {margin: -45px 0 5px 0}
.home-box-top {
    border: 5px solid #fff;
    position: relative;
    overflow: hidden;
}

.home-box-middle {
    position: relative;
    overflow: hidden;
}

.home-box-middle-artikel {
    border: 10px solid #CFCFCF;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 25px;
    background-color: #fff;
    border-radius: 25px;
}

.home-box-middle-text {
    padding: 0 40px;
}

.inc_img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.inc_img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.mid-t {min-height: 450px;}
.mid-m {min-height: 350px;}
.mid-s {min-height: 250px;}
.t-upper {text-transform: uppercase;}

.t-80 {font-size: 80%;}
.t-90 {font-size: 90%;}
.t-110 {font-size: 110%;}
.t-120 {font-size: 120%;}
.t-130 {font-size: 130%;}
.t-140 {font-size: 140%;}
.t-150 {font-size: 150%;}
.t-160 {font-size: 160%;}
.t-170 {font-size: 170%;}
.t-180 {font-size: 180%;}
.t-190 {font-size: 190%;}
.t-200 {font-size: 200%;}
.t-shadow {text-shadow: 2px 0px 2px rgba(0,0,0,0.6);}
.t-w-b {font-weight: bold}
.t-w-bb {font-weight: bolder}

.ico-kontakt {width: 15px; text-align: center; margin: 0 10px 0 0}
.home-box-pos {position: absolute; bottom: 10px; left:25%; right: 25%;}

.home-box-bg {background-size: cover; background-position: center;}
.home-box-ue {
    position: absolute;
    top: 0;
    left: 0;
    margin: 30px;
    font-weight: normal;
    line-height: 23px;
}
.home-box-ue-top {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 30px;
    font-weight: bold;
}


.gs-content{max-width:1500px;margin:auto;position:relative; padding: 0 10px}
.gs-hide{display:none!important}
.gs-show-block,.gs-show{display:block!important}
.gs-show-inline-block{display:inline-block!important}

.gs-left-align{text-align:left!important}
.gs-right-align{text-align:right!important}
.gs-left{float:left!important}
.gs-right{float:right!important}

.gs-justify{text-align:justify!important}
.gs-center{text-align:center!important}
.gs-display-topleft{position:absolute;left:0;top:0}
.gs-display-topright{position:absolute;right:0;top:0}
.gs-display-bottomleft{position:absolute;left:0;bottom:0}
.gs-display-bottomright{position:absolute;right:0;bottom:0}
.gs-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.gs-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.gs-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.gs-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.gs-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.gs-display-container:hover .gs-display-hover{display:block}
.gs-display-container:hover span.gs-display-hover{display:inline-block}
.gs-display-hover{display:none}
.gs-end {text-align:center; background-color: #fff; padding: 30px}
.gs-end a {color:#000;}
.gs-end a:hover {color:#e2001a;}

.social-icons {
  display: flex;
  justify-content: center;   /* zentriert horizontal */
  gap: 30px;                 /* Abstand zwischen Icons */
  font-size: 150%;           /* Icon-Größe */
  margin: 20px auto;
}

.social-icons a {
  color: inherit;            /* übernimmt Textfarbe */
  text-decoration: none;
}

.social-icons a:hover {
    color: #e2001a;
}

.text {padding-right: 3%}

.gs-image{max-width:100%;height:auto}
.gs-top,.gs-bottom{position:fixed;z-index:2;width:100%;}
.gs-top{top:0; padding: 0;}
.gs-bottom{bottom:0}

.gs-left {float: left}
.gs-right {float: right}
.gs-clear {clear:both; height: 0px}
.gs-clearleft {clear:left; height: 0px}
.gs-clearright {clear:right; height: 0px}

.feld {margin:0} 


/* Schatten */
.gs-shadow-2{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.gs-shadow-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.gs-shadow-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.gs-shadow-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.gs-shadow-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.gs-shadow-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.gs-shadow-oben{box-shadow:0 0px 0px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}

/* Farben */
.gs-black,.gs-hover-black:hover{color:#fff!important;background-color:#000!important}
.gs-white,.gs-hover-white:hover{color:#454545!important;background-color:#fff!important}
.gs-grey,.gs-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.gs-light-grey,.gs-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.gs-blue,.gs-hover-blue:hover{color:#fff!important;background-color:#0069b4!important}
.gs-light-blue,.gs-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}

.gs-text-white,.gs-hover-text-white:hover{color:#fff!important}
.gs-text-black,.gs-hover-text-black:hover{color:#000!important}
.gs-text-grey,.gs-hover-text-grey:hover{color:#757575!important}
.gs-text-light-grey,.gs-hover-text-light-grey:hover{color:#f1f1f1!important}
.gs-text-dark-grey,.gs-hover-text-dark-grey:hover{color:#3a3a3a!important}
.gs-text-blue,.gs-hover-text-blue:hover{color:#2196F3!important}
.gs-text-light-blue,.gs-hover-text-light-blue:hover{color:#87CEEB!important}

.gs-border-blue,.gs-hover-border-blue:hover{border-color:#2196F3!important}
.gs-border-light-blue,.gs-hover-border-light-blue:hover{border-color:#87CEEB!important}
.gs-border-white,.gs-hover-border-white:hover{border-color:#fff!important}
.gs-border-black,.gs-hover-border-black:hover{border-color:#000!important}
.gs-border-grey,.gs-hover-border-grey:hover{border-color:#9e9e9e!important}
.gs-border-light-grey,.gs-hover-border-light-grey:hover{border-color:#f1f1f1!important}
.gs-border-dark-grey,.gs-hover-border-dark-grey:hover{border-color:#616161!important}
.gs-flexauto{display: flex; align-items: center;}
.kartentext {font-size:120%; display: inline-block; padding:20px 50px 10px 50px; background-color:#FFFFFF;text-transform: uppercase;}
.gs-padding-xlarge{padding:12px 24px!important;}
.gs-flexauto-block{display: block; align-items: center;}
.highlights{padding: 0 2.5%; min-height:310px; text-align:center}
.sec-block {font-weight: bold; display: flex; justify-content: center; align-items: center; height: 80px}

.bottom_bg {width: 100%; font-size: 100%; line-height: 30px; color: #000; background-color: #efefef; padding: 10px 10px 30px 10px;}
.bottom_bg div.leftbox {padding: 0 0 0 3%;}
.bottom_bg div.rightbox {padding: 20% 3% 0 0; }
.bottom_bg a {}
.bottom_bg a {color: #000}
.bottom_bg a:hover {color: #e2001a}
.infobox_content .title {font-size: 120%}

.bottom_pfeil {width: 350px; height: auto; position: absolute; z-index: 1; bottom: 77px; right: 20px}
.bottom_pfeil img {width: 100%; height: auto}
.logo-bottom {width: 80%; height:auto; max-width: 280px}
.logo-bottom-div {margin: 20px auto 0 auto}

.k_symb {float: right; width: auto; height: 55px}
.f_symb {float: right; width: 55px; height: 55px; margin: 0 10px 0 0;}
.f_symb_png {float: right; width: auto; height: 55px; margin: 0 10px 0 0;}

/* .bildlogo{height: 128px; width: auto; transition: height 0.3s ease, transform 0.3s ease; }*/

.icontop{height:46px; width:46px; margin:0px 0px 0px 2px;}

#navicon {display:block; float:right; margin:15px 0px 20px 0px; z-index:100;background:transparent url('../img/icons/svg/nav.svg') no-repeat center center; background-size:contain;}
#navicon a {display:block; width:32px; height:32px;}
#navicon.navi_pfeil {background:transparent url('../img/icons/pfeil.svg') no-repeat center center;background-size:contain; width:32px; height:32px;}

.gs-navbar{list-style-type:none; margin:0; padding:0; float:right}
.gs-navbar li{float:left}
.gs-navbar li a,.gs-navitem,.gs-navbar li .gs-btn,.gs-navbar li .gs-input{}
.gs-navbar li .gs-btn,.gs-navbar li .gs-input{border:none;outline:none;width:100%}
.gs-navbar li a:hover{}


.gs-navbar .gs-dropdown-hover,.gs-navbar .gs-dropdown-click{position:static}
.gs-navbar .gs-dropdown-hover:hover,.gs-navbar .gs-dropdown-hover:first-child,.gs-navbar .gs-dropdown-click:hover{background-color:#ccc;color:#000}
.gs-navbar a,.gs-topnav a,.gs-sidenav a,.gs-dropdown-content a,.gs-accordion-content a,.gs-dropnav a{text-decoration:none!important}
.gs-navbar .gs-opennav.gs-right{float:right!important}.gs-topnav{padding:8px 8px}
.gs-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .25s;transition:border-bottom .25s}
.gs-topnav a:hover{border-bottom:3px solid #fff}
.gs-topnav .gs-dropdown-hover a{border-bottom:0}
.gs-opennav,.gs-closenav{color:inherit}
.gs-opennav:hover,.gs-closenav:hover{cursor:pointer;opacity:0.8}


.abdunkeln {display:block; width:100%; height:120%; top:0px; bottom:0px; left:0px; right:0px; position:fixed; z-index:2; background:#000000; opacity:0.7;}


.bblock {width: 100%; height: 100px;}
.posrel {position: relative;}
.achtung_form_eye {
    position: absolute;
    font-size: 130%;
    z-index: 5;
    top: 50%;
    right: 14px;
    transform: translate(0, -50%);
    color: #7F7F7F;
    cursor: pointer;
}

.achtung_form_date {
    position: absolute;
    font-size: 130%;
    z-index: 5;
    top: 50%;
    right: 14px;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #FFC100;
}

.achtung_form {
    position: absolute;
    font-size: 130%;
    z-index: 5;
    top: 50%;
    right: 14px;
    transform: translate(0, -50%);
    color: #FFC100;
}

.achtung_form_agb {
    position: absolute;
    font-size: 160%;
    z-index: 5;
    top: 49%;
    left: 41px;
    transform: translate(0, -50%);
    color: #FFC100;
}

.achtung_form_passwort {
    position: absolute;
    font-size: 130%;
    z-index: 5;
    top: 50%;
    right: 50px;
    transform: translate(0, -50%);
    color: #FFC100;
}

.achtung_form_select {
    position: absolute;
    font-size: 130%;
    z-index: 5;
    top: 50%;
    right: 40px;
    transform: translate(0, -50%);
    color: #FFC100;
}

.achtung_gross {
    font-size: 230%;
    z-index: 5;
    color: #FFC100;
    float: left;
    margin: 0px 20px 0 10px;
}

.achtung_rel {
    font-size: 150%;
    transform: translate(0, -50%);
    color: #FFC100;
}

/* ------------------------------------------------------------
   Category Slider Content
   ------------------------------------------------------------ */

/* Track */
.category-slider {
  display: flex;
  gap: 10px;                 /* Startwert – wird vom JS aus data-gap überschrieben */
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0;
  min-width: 0;  
    overflow-wrap: anywhere;         /* bricht sehr lange Wörter/URLs */
  word-break: break-word;          /* Fallback für manche Browser */

  /* Optional, macht Wischen „snappy“ */
  scroll-snap-type: x mandatory;
}
.category-slider::-webkit-scrollbar{ display:none; }

/* Items – wichtig: border-box verhindert Abschneiden auf Mobil! */
.category-item{
  box-sizing: border-box;
  position: relative;
  background:#fff;
  border:3px solid #fff;
  text-align:center;
  white-space:normal;
  user-select:none;
  scroll-snap-align: start;  /* mit scroll-snap */
}

.category-item-rot{
  background:#e2001a!important;
  border:3px solid #fff!important;
  width:100%!important; height:auto!important;
  display:block!important;
  border-radius:15px!important;
}
.category-item-rot p {
    font-weight: bold;
    color: #fff;
    font-size: 110%;
    text-transform: uppercase;
}

.category-item i {font-size: 250%; color: #fff; text-align: center; margin: 25px 0 0 0;}

.category-item-grau{
  border:3px solid #efefef!important;
  width:100%!important; height:auto!important;
  display:block!important;
  border-radius:15px!important;
}

.category-item-grau p {font-weight: normal; text-align: left; padding: 20px; }

.category-img{ width:100%; height:auto; display:block; border-radius:15px; }

.category-item button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    min-width: 160px;
    padding: 10px 10px;
    border: 0;
    border-radius: 10px;
    background-color: #e2001a;
    color: #fff;
    font-size: 100%;
    cursor: pointer;
}

.slider-controls{
  display:flex; align-items:center; justify-content:space-between; margin-top:10px;
}
.slider-btn{ background:transparent; border:none; font-size:200%; cursor:pointer; line-height:1; padding:4px 6px; }
.slider-dots{ display:flex; align-items:center; justify-content:center; gap:8px; margin:0 12px; flex:1; }
.slider-dots .dot{ width:16px; height:16px; background-color:transparent; border:2px solid #CFCFCF; border-radius:50%; cursor:pointer; transition:background .25s, transform .1s; }
.slider-dots .dot.active{ background:#CFCFCF; }
.slider-dots .dot:hover{ transform:scale(1.05); }

.btn-prev:disabled,
.btn-next:disabled {
  visibility: hidden;      /* unsichtbar, aber behält Platz -> kein Reflow */
  pointer-events: none;    /* nicht klickbar */
}

/* Category ENDE */


/* KAT Slider */
/* Container */
.category-slider-container-art{
display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding: 20px;
    margin-bottom: 25px;
    background-color: #efefef;
    border-radius: 5px;
}

/* Slider (.category-slider-shop ist entscheidend) */
.category-slider-shop{
  display:flex;overflow-x:auto;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;width:100%;
}
.category-slider-shop::-webkit-scrollbar{display:none}

/* Items */
.category-item-art{
    margin: 0 5px;
    padding: 15px 8px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    white-space: inherit;
    flex-shrink: 0;
    cursor: pointer;
    border: 2px solid #fff;
    transition: background .3s ease,border .3s ease;
    width: 175px;
    line-height: normal;
}
.category-item-art:hover{border:2px solid #e2001a}
.category-text{font-size:100%; text-align:center; margin:5px 0 0; padding:0 5px; background:#fff; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; word-break: normal; overflow-wrap: break-word;}
.category-img-100{width:100px; height:100px}

/* Pfeile – standardmäßig sichtbar (fail-safe) */
.category-slider-shop .slider-btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:none;font-size:200%;cursor:pointer;z-index:2;
  padding:0px;user-select:none;margin:0 5px;color:inherit;
}
.category-slider-shop .slider-btn:hover{color:#e2001a}

/* Am linken/rechten Ende nur unsichtbar schalten (kein Layout-Shift) */
.category-slider-container-art.at-start  .slider-btn.left{visibility:hidden}
.category-slider-container-art.at-end    .slider-btn.right{visibility:hidden}
/* KAT Ende */





/************************************************/
/*                Slidertext                    */
/************************************************/

.slidertext {
    color: #FFFFFF;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #6e6e6e;
    position: absolute;
    font-size: 380%;
    /*font-weight: bold;
	text-transform: uppercase;*/
    line-height: 100%;
    bottom: 10%;
    right: 10%;
    text-align: center;
    
}

.slidertext-titel {font-size: 430%;}
.slidertext-klein {font-size: 150%;}

a.slidertext-button:link,a.slidertext-button:visited,a.slidertext-button:active {display:inline-block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#009fe3; font-size:120%; text-align: center; min-width: 120px; width:auto;margin-top: 10px;}
a.slidertext-button:hover {color:#FFFFFF; background-color:#00709f;}


.text-focus-in {
	-webkit-animation: text-focus-in 1s linear both;
	        animation: text-focus-in 1s linear both;
	animation-delay:1s;
}

.text-box {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
.fade {
    animation: fadeIn 0.5s ease-in-out;
    }
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
    }
        .rotate {
            animation: rotateIn 0.5s ease-in-out;
        }
        @keyframes rotateIn {
            from { opacity: 0; transform: rotateX(-90deg); }
            to { opacity: 1; transform: rotateX(0); }
        }

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 22px;
	float: right;
	margin-right: 20px
}

/* Hide default HTML checkbox */

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-text {
	float: left;
	margin:1px 0 0 0;
	font-weight: bold;
}

.switch-info-text {
	float: left; 
	padding: 10px 0 0 0;
	text-align: left;
}

.header_background {width: 100%; height: 500px; background-size: cover; background-position: center; background-repeat: no-repeat;position: relative;}
.header_text {position: absolute; top:40%; left:0%; width: 100%; text-align: center; font-size: 230%;color: #FFFFFF;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #6e6e6e;text-transform: uppercase;line-height: 100%;}

.gradientanimation {width: 100%; height: 10px; position: absolute; background-image:linear-gradient(to right, #eab335 0%, #c25726 50%, #e2001a  100%); bottom: 0px; background-size: 400% 400%;
    animation: gradient 10s ease infinite;}

.gradientanimation-np {width: 100%; background-image:linear-gradient(to right, #eab335 0%, #c25726 50%, #e2001a  100%); bottom: 0px; background-size: 400% 400%;
    animation: gradient 10s ease infinite;}

/* ----------------------------------------------
 * Generated by Animista on 2020-6-30 16:42:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
/*.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}*/

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



table p{margin:0px;}
table, th, td {border: 0px #e3e3e3 solid; border-collapse: collapse; padding: 10px;}

/* Bilder */
img {border:0px;}
img_mitarbeiter {border:0px; aspect-ratio: 7 / 7; object-fit: cover;}
img.rahmen {border:5px #FFFFFF solid; -webkit-box-shadow:0px 0px 4px 2px rgba(208,208,208,1); box-shadow:0px 0px 4px 2px rgba(208,208,208,1);}
img.right {border:5px #FFFFFF solid; -webkit-box-shadow:0px 0px 4px 2px rgba(208,208,208,1); box-shadow:0px 0px 4px 2px rgba(208,208,208,1); float:right; margin:0px 0px 15px 25px;}
img.left {border:5px #FFFFFF solid; -webkit-box-shadow:0px 0px 4px 2px rgba(208,208,208,1); box-shadow:0px 0px 4px 2px rgba(208,208,208,1); float:left; margin:0px 25px 15px 0px;}
img.thumb {border:3px #FFFFFF solid; -webkit-box-shadow:0px 0px 4px 2px rgba(208,208,208,1); box-shadow:0px 0px 4px 2px rgba(208,208,208,1); margin:0px 0px 12px 12px;}
img.thumb.first {margin-left:0px;}

.option-container {
    padding: 15px;
    background-color: #efefef;
    color: #000000;
    font-size: 100%;
    margin: 20px 0 0 0;
    display: flex; 
    align-items: center;
    gap: 10px;
    }

hr {margin:20px 0px 20px 0px; height:1px; border:none; border-top:1px #D5D2D0 solid;}
.trennlinie {height:1px; border-top:1px #DDDDDD solid; margin:20px 0px 20px 0px;}
.trennlinie2 {height:1px; border-top:1px #dddddd dashed; margin:20px 0px 20px 0px;}
.trennlinie_dark {height:1px; border-top:1px #858585 solid; margin:10px 0px 10px 0px;}

.aufzaehlung {margin:10px 0px 15px 0px; padding:0px 0px 0px 25px;}
.aufzaehlung li{margin:0px 0px 5px 0px; padding:0px; list-style:square;}

.clear_left {clear:left; height:1px; margin-bottom:-1px;}
.clear_right {clear:right; height:1px; margin-bottom:-1px;}
.clear_both {clear:both; height:1px; margin-top:-1px;}

#warnmeldung_outer {display:none;}
#warnmeldung_bg {position:fixed; top:0; left:0; bottom:0; right:0; background-color:#000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; z-index:102;}
#warnmeldung {position:fixed; z-index:103; transform: translate(-50%, -50%); max-width:500px; width: calc(100% - 20px); min-height:200px; border-radius: 15px; top:50%; left:50%; border-bottom: 5px solid #e2001a; background-color:#FFFFFF; padding:20px; -webkit-box-shadow:0px 0px 20px 8px rgba(0, 0, 0, 0.8); box-shadow:0px 0px 20px 8px rgba(0, 0, 0, 0.8);}
#warnmeldung div.titel {color:#e2001a; font-size:200%;}
#warnmeldung div.text {margin-top:20px;}
#warnmeldung div.buttons input {
    float:right; 
    margin-top:20px; 
    font-size:120%;     
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff!important;
    border-radius: 5px!important;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a;
    padding: 5px 20px!important;
    }
 

#warnmeldung div.buttons input:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #000;
}

.info_balken{
height: 81px; 
background-color: #a0a0a0; 
box-shadow: 0px -5px 8px rgba(0, 0, 0, 0.5); 
position:relative; 
z-index:10;
font-family:FrutigerLTPro-Light, Arial
}

.ueberschrift{font-size:120%; color:#e2001a;font-weight:bold;}
.text_abstand {width:90px; display:inline-block; font-weight:bold;}

.rahmen{border: 1px #e3e3e3 solid; padding:15px; display:inline-block;}

.gs-flex-container {display: flex; flex-wrap: wrap;}
.gs-flex-content {display: flex; flex-direction: column;}
.gs-flex-content p {flex: 1 0 auto;}


.gs-col{float:left;width:100%}
.gs-col.s1{width:8.33333%}
.gs-col.s2{width:16.66666%}
.gs-col.s3{width:24.99999%}
.gs-col.s4-0{width:calc(33.33333% - 30px);}
.gs-col.s4{width:33.33333%}
.gs-col.s5{width:41.66666%}
.gs-col.s6{width:49.99999%}
.gs-col.s7{width:58.33333%}
.gs-col.s8{width:66.66666%}
.gs-col.s9{width:74.99999%}
.gs-col.s10{width:83.33333%}
.gs-col.s11{width:91.66666%}
.gs-col.s12{width:99.99999%}


@media only screen and (min-width:1024px){
.gs-col.m1{width:8.33333%}
.gs-col.m2{width:16.66666%}
.gs-col.m3-0{width:calc(24.99999% - 30px);}
.gs-col.m3-1{width:calc(24.99999% - 16px);}
.gs-col.m3{width:24.99999%}
.gs-col.m4{width:33.33333%}
.gs-col.m4-0{width:calc(33.33333% - 16px);}
.gs-col.m4-2{width:calc(33.33333% - 25px);}
.gs-col.m5{width:41.66666%}
.gs-col.m6{width:49.99999%}
.gs-col.m6-1{width:calc(49.99999% - 16px);}
.gs-col.m7{width:58.33333%}
.gs-col.m8{width:66.66666%}
.gs-col.m9{width:74.99999%}
.gs-col.m9-1{width:calc(74.99999% - 15px);}
.gs-col.m10{width:83.33333%}
.gs-col.m11{width:91.66666%}
.gs-col.m12{width:99.99999%}

}
@media only screen and (min-width:1100px){
.gs-col.l1{width:8.33333%}
.gs-col.l1-1{width:calc(10% - 0px);}
.gs-col.l2{width:16.66666%}
.gs-col.l2-0{width:calc(16.66666% - 30px);}
.gs-col.l2-1{width:calc(20% - 0px);}
.gs-col.l2-2{width:calc(20% - 25px);}
.gs-col.l3{width:24.99999%}
.gs-col.l3-1{width:calc(24.99999% - 16px);}
.gs-col.l4{width:33.33333%}
.gs-col.l4-0{width:calc(33.33333% - 20px);}
.gs-col.l5{width:41.66666%}
.gs-col.l6{width:49.99999%}
.gs-col.l6-1{width:calc(49.99999% - 16px);}
.gs-col.l7{width:58.33333%}
.gs-col.l8{width:66.66666%}
.gs-col.l9{width:74.99999%}
.gs-col.l9-1{width:calc(74.99999% - 15px);}
.gs-col.l10{width:83.33333%}
.gs-col.l11{width:91.66666%}
.gs-col.l12{width:99.99999%}
}

@media only screen and (min-width:1200px){
.gs-col.xl1{width:8.33333%}
.gs-col.xl1-1{width:calc(10% - 0px);}
.gs-col.xl2{width:16.66666%}
.gs-col.xl2-0{width:calc(16.66666% - 15px);}
.gs-col.xl2-1{width:calc(20% - 0px);}
.gs-col.xl3{width:24.99999%}
.gs-col.xl3-1{width:calc(24.99999% - 16px);}
.gs-col.xl4{width:33.33333%}
.gs-col.xl4-0{width:calc(33.33333% - 15px);}
.gs-col.xl5{width:41.66666%}
.gs-col.xl6{width:49.99999%}
.gs-col.xl7{width:58.33333%}
.gs-col.xl8{width:66.66666%}
.gs-col.xl9{width:74.99999%}
.gs-col.xl9-1{width:calc(74.99999% - 15px);}
.gs-col.xl10{width:83.33333%}
.gs-col.xl11{width:91.66666%}
.gs-col.xl12{width:99.99999%}
}

.infobox_content {display: flex; flex-wrap: wrap;}
.infobox_content a {color: #000000}
.infobox_content a:hover {color: #e2001a}
.flex-box-75 {
    flex: 0 0 75%;
    padding: 15px;
    box-sizing: border-box;
    }
.flex-box-50 {
    flex: 0 0 50%;
    padding: 15px;
    box-sizing: border-box;
    }
.flex-box-25 {
    flex: 0 0 25%; 
    padding: 15px;
    box-sizing: border-box;
    }


/* Container */
.flex-rows {
  --cols: 3;              /* Standard: 3 Spalten (kannst du pro Container überschreiben) */
  --gap: 10px;            /* Lücke zwischen den Boxen */
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  align-items: stretch;   /* alle gleich hoch */
}

/* Items */
.flex-rows > .content-box {
  /* Breite so berechnen, dass 'cols' Items + Gaps exakt in die Zeile passen */
  flex: 0 1 calc( (100% - (var(--cols) - 1) * var(--gap)) / var(--cols) );
  /* Optional: Mindestbreite, damit’s nicht zu schmal wird, bricht dann automatisch um */
  min-width: 200px;
  box-sizing: border-box;
}

.content-box {
  padding: 16px;
}

.kunde-auswahl {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

.option-card {
  cursor: pointer;
  flex: 1;
}

.option-card input {
  display: none; /* Radio unsichtbar */
}

.card-content {
  border: 2px solid #ccc;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  transition: 0.3s;
  font-size: 100%;
  background: #f9f9f9;
}

.card-content i {
  font-size: 200%;
  margin-bottom: 8px;
  display: block;
  color: #555;
}

.option-card input:hover + .card-content {
  border-color: #e2001a;
  background: rgb(226 0 26 / 75%);
  color: #fff;
}
.option-card input:hover + .card-content i {
  color: #fff;
}
.option-card input:checked + .card-content {
  border-color: #e2001a;
  background: rgb(226 0 26 / 75%);
  color: #fff;
}

.option-card input:checked + .card-content i {
  color: #fff;
}

/************************************************/
/*                    Login                     */
/************************************************/
#kundenlogin{margin-top:-75px;}
#kundenlogin{margin-bottom:5px;padding:15px 10px 15px 10px;color:#FFFFFF;background-color:#e2001a;width:100%; position:relative;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.7);}
#kundenlogin a{color:#FFFFFF;}
#kundenlogin .logintitel{float:left;font-size:210%; line-height:38px;}
.trennlinie_v {width:1px; height:38px; float:left; border-left:1px white solid; margin:0px 20px 0px 20px;}
#kundenlogin .angemeldet, .vergessen {font-size:100%; padding:1px 0px;}
#kundenlogin input[type=checkbox]{margin-right:8px;}

#kundenlogin input[type=text] {width:30%;height:35px; font-size:110%;margin-right:3%;border:0px;color:#555555;padding-left:10px;}
#kundenlogin input[type=password] {width:30%;height:35px; font-size:110%;margin-right:3%;border:0px;color:#555555;padding-left:10px;}

#kundenlogin input[type=button] {height:37px; font-size:120%;border:0px;background-color:#a90013;color:white;cursor:pointer;padding:0px 10px;}
#kundenlogin input[type=button]:hover {background-color:#000000;}

#kundenlogin input[type=submit] {width:30%;height:37px; font-size:120%;border:0px;background-color:#a90013;color:white;cursor:pointer;padding-left:10px;}
#kundenlogin #kdlogin_error{margin-left:405px; padding:15px;display:none;}


#login_start{float: right; z-index: 14; position: absolute; width: 272px; top:-50px; right:7px; background-color: #e2001a; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);font-family:FrutigerLTPro-Light, Arial}

#login_start #login_error{padding:0px 10px 10px 10px;display:none; border-bottom:1px white solid; margin-bottom:15px;}


/************************************************/
/*                    Drop Down                 */
/************************************************/

/* remove standard-styles */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 90%;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 10px 40px 10px 10px;
    color: #737373;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

select:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
    display: none;
}

.lt-ie10 select {
    background-image: none;
}




/************************************************/
/*                  Mitarbeiter                 */
/************************************************/

.mitarb {border:1px #e3e3e3 solid; position:relative; margin: 0 25px 25px 0}
.mitarb-member {border:1px #e3e3e3 solid; border-radius:15px; position:relative; margin: 0 8px}
.mitarb-member .siegel {width:80px; height:80px; position:absolute; right:10px; top:10px;}
.mitarb-img {display: block; max-width: 250px; border-radius: 11px}
.list {margin:0px 0px 0px -20px}

.mitarb .cms_container.kl {width:100%; float:none; padding:10px 10px;}
.mitarb .cms_img {float:none;}
.mitarb .siegel {width:70px; height:70px; position:absolute; right:0px; top:40px;}
.mitarb .cms_titel {padding:0px; font-size: 110%;}
.mitarb .cms_kurztext {padding: 10px 0px; line-height: normal; font-size: 90%;}
.mitarb .cms_kontaktdaten{line-height:180%;}
.mitarb .cms_kontaktdaten img{width:18px; height:18px; margin-right:10px; margin-bottom:3px; vertical-align:middle;}
.mitarb a{color:#555555}
.mitarb .cms_datum {color:#555555; font-size:90%;}
.mitarb_filter{float:right;}
.mitarb_filter .text {float:left;padding-top:3px;margin-right:5px;}
.mitarb_filter select {
float:left;
padding:3px;
color:#555555;
border: 1px #DDDDDD solid;
margin-top: -2px;
} 
.mitarb2 {float:left;position:relative;}
/*.list div:last-of-type {margin-right:0%;}*/
.mitarb2 .cms_container.kl {width:100%; float:none; padding:10px 10px;}
.mitarb2 .cms_img {float:none;}
.mitarb2 .siegel {width:80px; height:80px; position:absolute; right:-30px; top:-30px;}
.mitarb2 .cms_titel {padding:10px 0px 10px 10px;}
.mitarb2 .cms_kurztext {padding:0px 0px 10px 0px;line-height:150%;font-weight:bold;}
.mitarb2 .cms_kontaktdaten{line-height:180%;}
.mitarb2 .cms_kontaktdaten img{width:18px; height:18px; margin-right:10px; margin-bottom:3px; vertical-align:middle;}
.mitarb2 a{color:#555555}
.mitarb2 .cms_datum {color:#555555; font-size:90%;}


/************************************************/
/*      Datei Verknüpfungen - Listenansicht     */
/************************************************/
.v_row_ue{margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; border:1px #CCCCCC solid; width:100%;}
.v_row_ue div.start {float:left; width:50px; margin:0px 0px 0px 5px;display:none;}
.v_row_ue div.pos {float:left; width:60px; margin:0px 0px 0px 10px;display:none;}
.v_row_ue div.bild {float:left; width:46px; margin:0px 0px 0px 12px;}
.v_row_ue div.details {float:left; width:auto; margin:0px 0px 0px 10px;}
.v_row_ue div.legende {float:left; width:240px; margin:0px 0px 0px 10px;}
.v_row_ue div.aktionen {float:right; margin:0px 5px 0px 10px;}

div.d_ab{padding:5px 0px 5px 0px; width:100%;}
div.d_ab.ak{background-color:#FDF0E0;}
div.d_ab div.d_st{float:left; width:50px; margin:0px 0px 0px 5px;display:none;}
div.d_ab div.d_st div.rdo {width:13px; margin:16px auto;}
div.d_ab div.d_po {float:left; width:60px; margin:0px 0px 0px 10px;display:none;}
div.d_ab div.d_po input.po{width:30px; margin:14px 0px 0px 0px; text-align:center;}
div.d_ab div.d_bi {float:left; width:50px; height:50px; margin:0px 0px 0px 10px; position:relative;}
div.d_ab div.d_bi div.d_lu{height:15px; width:16px; position:absolute; bottom:2px; right:2px;}
div.d_ab div.d_bi img.bi{border:2px #FFFFFF solid;}
div.d_ab div.d_bi div.ext_pics{background-color:navy; font-size:75%; color:#FFFFFF; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; letter-spacing:1px; padding:2px 1px 2px 1px; width:38px; margin-top:15px;}
div.d_ab div.d_bi div.ext_docs{background-color:red; font-size:75%; color:#FFFFFF; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; letter-spacing:1px; padding:2px 1px 2px 1px; width:38px; margin-top:15px;}
div.d_ab div.d_bi div.ext_vids{background-color:green; font-size:75%; color:#FFFFFF; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; letter-spacing:1px; padding:2px 1px 2px 1px; width:38px; margin-top:15px;}
div.d_ab div.d_bi div.ext_other{background-color:orange; font-size:75%; color:#FFFFFF; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; letter-spacing:1px; padding:2px 1px 2px 1px; width:38px; margin-top:15px;}
div.d_ab div.d_in {float:left; width:auto; margin:0px 0px 0px 10px; font-size:85%; line-height:20px; white-space:nowrap; overflow:hidden;}
div.d_ab div.d_ti {float:left; width:238px; margin:0px 0px 0px 10px;display:none;}
div.d_ab div.d_ti input.ti{width:230px; margin:14px 0px 0px 0px;}
div.d_ab div.d_ak {float:right; width:50px; margin:0px 5px 0px 10px;}
div.d_ab div.d_ak div.dl{width:11px; height:10px; margin:20px auto;}
div.d_tr {border-top:1px #CCCCCC dotted; height:1px; margin:5px 0px 5px 0px;}

/************************************************/
/*                    Formular                  */
/************************************************/

/* Container für den Radio-Button */
.custom-radio {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

/* Versteckt den Original-Radio-Button */
.custom-radio input[type="radio"] {
  display: none;
}

/* Gestaltet den Container für den Text */
.custom-radio label {
  cursor: pointer;
  text-align: center;
}

/* ------------------------------------------------ */
/* --- HIER WIRD DER VISUELLE KREIS GESTYLT --- */
/* ------------------------------------------------ */
.radio-circle {
  display: block;              /* Wichtige Änderung: Block-Element */
  width: 20px;                 /* Feste Größe für den Kreis */
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
  margin-bottom: 5px;          /* Abstand zwischen Kreis und Text */
  
  /* Zentriert den Kreis im Label */
  margin-left: auto;
  margin-right: auto;
}

/* Stellt den inneren Punkt dar */
.radio-circle::before {
  font-family: "Font Awesome 6 Pro";  /* Wichtig: Font-Familie von Font Awesome */
  font-weight: 900;                    /* Wichtig: Für das Solid-Icon */
  content: "\f058";                    /* Der Unicode für das Häkchen-Icon */
  font-size: 22px;                     /* Größe des Icons */
  color: #fff;                      /* Farbe des Icons */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

/* Macht den inneren Punkt sichtbar bei Auswahl */
.custom-radio input[type="radio"]:checked + label .radio-circle::before {
  opacity: 1;
}



#loginDiv {
  opacity: 0; /* Standardmäßig unsichtbar */
  visibility: hidden; /* Verhindert, dass Platz eingenommen wird */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* Sanfte Übergänge für opacity und visibility */
  width: 100%;
  height: auto;
  padding: 15px;
  margin: -3px 0 0 0;
}

#loginDiv.eingeblendet {
  opacity: 1;
  visibility: visible;
}

.icon-suche-button {cursor: pointer; border: 0px; font-size: 110%; position: absolute; top: 0px; right: 0px; z-index: 3; background-color: transparent; padding: 12px;}
input.suche-button {border: 1px solid #e3e3e3; color: #000000; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 12px; height: auto; width: 100%; font-size: 100%; border-radius: 5px;}
select.menge {height: 35px; font-size: 120%; color: #737373;padding: 0 10px;border: 0px; font-weight: bold;}
input.button {font-size:100%; border:1px #D6D6D6 solid; padding:10px; border-radius:3px;}
select.button {font-size:100%; border:1px #D6D6D6 solid; height:40px; line-height:40px; padding:0px 0px 0px 10px; margin:0px; border-radius:3px; width: 100%}
textarea.button {font-size:100%; border:1px #D6D6D6 solid; padding:12px; margin:0px; border-radius:3px;}
.anfrage-box input.button {font-size:100%; border:1px #D6D6D6 solid; padding:10px; border-radius:3px; width: 100%; margin: 5px 0}

input.buttonfehler {font-size:100%; border:1px #e2001a solid; padding:10px; border-radius:3px; width: 100%;}
select.buttonfehler {font-size:100%; border:1px #e2001a solid; height:40px; line-height:40px; padding:0px 0px 0px 10px; margin:5px 0; border-radius:3px; width: 100%}
textarea.buttonfehler {font-size:100%; border:1px #e2001a solid; padding:12px 5px 12px 5px; margin:0px; border-radius:3px; margin:5px 0; }
textarea {font-family: 'Roboto';}

.info_balken input.button {border:1px solid #e3e3e3; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken select.button {border:1px solid #e3e3e3; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken textarea.button {border:1px solid #e3e3e3; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken2 input.button {border:1px solid #e3e3e3; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken2 select.button {border:1px solid #e3e3e3; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken2 textarea.button {border:1px solid #e3e3e3; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}

.info_balken input.buttonfehler{border:1px solid #de1412; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken select.buttonfehler {border:1px solid #de1412; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%; height:44px;}
.info_balken textarea.buttonfehler {border:1px solid #de1412; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken2 input.buttonfehler{border:1px solid #de1412; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}
.info_balken2 select.buttonfehler {border:1px solid #de1412; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%; height:44px;}
.info_balken2 textarea.buttonfehler {border:1px solid #de1412; color:#000000; background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:13px; height:auto; font-size:105%;}

.form_abs {padding:0px 0px 0px 0px; margin-top:20px;}
.form_abs.left {float:left; width:45%}
.form_abs.right {float:right; width:45%;}
.form_abs div.text {font-weight:600; margin-bottom:0px; padding: 0px!important}
.form_abs div.feld {float:left; width:100%;}
.form_abs div.feld input[type=text],.form_abs div.feld input[type=password] {width:100%;box-sizing:border-box;}
.form_abs div.feld select {margin:0px;width:100%;box-sizing: border-box;-webkit-appearance: none;}
.form_abs div.feld textarea {width:100%; max-width:100%; height:80px; max-height:320px;box-sizing:border-box;}
.form_abs.left div.feld {width:100%;}
.form_abs.left div.feld input[type=text] {width:100%}
.form_abs.right div.feld {width:100%}
.form_abs.right div.feld input[type=text] {width:100%;}

.form_abs.right.small div.feld {width:100%;}
.form_abs.right.small {float:left; width:5%; margin-left:40px;}
.form_abs.right.large {float:right; width:42%; margin-left:0px;}

.form_abs div.icon {float:left;margin: 4px 0px 2px -27px; width:18px; display:none;}
.form_abs div.icon img{height:18px; width:18px;}

.form_abs.left.preis {margin-left:10%;width:20%;}
.passwort_icon{width:27px;height:27px;margin-right:5px;}

.bestellnummer {width:50%; float:left;}


/************************************************/
/*                     Buttons                  */
/************************************************/

.btn {
    margin: 10px 0;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a;
    font-size: 100%;
}   

.btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.btn-top-red {
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff!important;
    border-radius: 15px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a!important;
    padding: 5px 20px;
    font-size: 80%;
}   

.btn-top-red:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #000!important;
}

.btn-top-black {
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff!important;            
    border-radius: 15px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #000!important;
    padding: 5px 20px;
    font-size: 80%;
}   

.btn-top-black:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #e2001a!important;
}

.btn-start {
    margin: 10px 0;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff!important;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a!important;
    width: fit-content;
    font-size: 100%; 
}   

.btn-start:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #000!important;
}
  
  
.btn-small {
    margin: 10px 0;
    padding: 25px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #000;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    max-width: 350px;
    font-size: 150%;
}   

.btn-small:hover {
    color: #fff;
    text-decoration: none;
}

.btn-shop {
    margin: 10px 0;
    padding: 8px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff!important;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a!important;
    font-size: 100%; 
}   

.btn-shop:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #000!important;
}

.btn-shop-out {
    margin: 10px 0;
    padding: 8px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #000;
    font-size: 100%; 
}   

.btn-shop-out:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e2001a;
}


.btnpay {
    margin: 10px 0;
    padding: 20px 70px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff;
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a;
    background-color: #000;
    font-size: 110%;
}   

.btnpay:hover {
    color: #fff;
    text-decoration: none;
}

.btnSave {
    margin: 0 0 0 10px;
    padding: 11px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a;
    float:left;
    font-size: 90%!important;
    /*max-width: 250px;*/
}  

.btnSave:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.btnBack {
    margin: 10px 0;
    padding: 8px 30px; 
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    background-color: #e2001a;
    font-size: 90%!important;
}  

.btnBack:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.btn-slider {
    margin: 10px auto;
    padding: px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: #fff;            
    border-radius: 3px;
    border: 0px;
    display: block;
    cursor: pointer;
    max-width: 250px;
    font-size: 50%;
    background-color: #e2001a;
}   

.btn-slider:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.btn-w{
    background-color: #fff;
    color: #e2001a;
    padding: 12px;
    display: inline-block;
    border-radius: 3px;
    border-top: 0px #e2001a solid;
	text-align: center;
	cursor:pointer;
	font-size: 100%;
	width: 100%;
	text-transform: uppercase;
}

.btn-w:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.btn-news-all{
    background-color: #e2001a;
    color: #fff;
    padding: 18px 50px;
    display: inline-block;
    border-radius: 3px;
    border: none;
	text-align: center;
	cursor:pointer;
	font-size: 100%;
}

.btn-news-all:hover{background-color:#642545;color: #fff;}


.btn-download{
    background-color: #e2001a;
    color: #fff;
    padding: 8px 20px 8px 20px;
    display: inline-block;
    border-radius: 3px;
    border: none;
	text-align: center;
	cursor:pointer;
	font-size: 100%;
	margin: 10px 0 10px 0;
}

.btn-download:hover{background-color:#000;color: #fff;}



input.btnSave {display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; border:0px; font-size:120%;cursor:pointer;}
a.btnSave:link,a.btnSave:visited,a.btnSave:active {display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; font-size:120%;}
a.btnSave:hover,input.btnSave:hover {color:#FFFFFF; background-color:#000000;}

a.btnSave_liefer:link,a.btnSave_liefer:visited,a.btnSave_liefer:active {display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; font-size:120%;}
a.btnSave_liefer:hover,input.btnSave_liefer:hover {color:#FFFFFF; background-color:#000000;}

a.btnSave_start:link,a.btnSave_start:visited,a.btnSave_start:active {display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#a90013; font-size:120%;}
a.btnSave_start:hover {color:#FFFFFF; background-color:#a90013; background-image:none;}

a.btnSave_member:link,a.btnSave_member:visited,a.btnSave_member:active {display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#a90013; font-size:120%;}
a.btnSave_member:hover {color:#FFFFFF; background-color:#000000; background-image:none;}


input.btnSave_start {display:block; width:100%; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#a90013; border:0px; font-size:130%;cursor:pointer;}
input.btnSave_start:hover {background-color:#000000;}


input.btnBack{display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; border:0px; font-size:120%;}
a.btnBack:link,a.btnBack:visited,a.btnBack:active {display:block; padding:0px 25px 0px 25px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; font-size:120%;}
a.btnBack:hover,input.btnBack:hover {color:#FFFFFF; background-color:#000000;}

input.btnEdit{display:block; padding:0px 15px 0px 15px; height:28px; line-height:28px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; border:0px; font-size:100%;}
a.btnEdit:link,a.btnEdit:visited,a.btnEdit:active {display:block; padding:0px 15px 0px 15px; height:28px; line-height:28px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; font-size:100%;}
a.btnEdit:hover,input.btnEdit:hover {color:#FFFFFF; background-color:#000000; background-image:none;}


/************************************************/
/*              Advent Kalender                 */
/************************************************/

.backDoor{
	position:absolute;
	width:100%;
	height:100%;
	margin: -20px;
	z-index: 10;
}

.door{
	background-image: url('../img/advent/fenster.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size:  350px 430px;
	position:absolute;
	top:10px;
	left:10px;
	width:calc(100% - 19px);
	height:calc(100% - 19px);
	z-index: 10;
	color: #fff;
	text-shadow: 2px 2px 4px rgba(56,56,56, 1);

	transform-origin: left;
	/*Speed of the Door animation*/
	transition: all 0.5s ease-in-out;
	cursor:pointer;
}

.doorOpen{
	/*prespectiv creates the door open effect*/
	transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-105deg);
	background-image: url('../img/advent/fenster2.png');
	color: #055203;
	text-shadow: none;	
}

.adventtext{
	font-size: 880%;
	margin-top: 128px;
	text-align: center;
	line-height:normal;
}




/************************************************/
/*                     Seiten                   */
/************************************************/
.seitennavi_block			{text-align: center; margin: 40px auto 20px auto}
.seitennavi_info			{font-size:100%; text-align: center; margin: 0px auto 20px auto}
.seitennavi_box 			{text-align: center}
.seitennavi					{font-size:100%;display: inline-block}
.seitennavi a.zahlen		{height:40px; line-height:40px; padding:0px 15px 0px 15px; margin:0px 0px 0px 4px; font-size:110%; text-decoration:none; background-color:#eeeeee; border:0px #D0D0D0 solid; color:#666666; display:block; float:left;}
.seitennavi a.zahlen:hover	{border:0px #e2001a solid; color:#fff; background-color: #000000}
.seitennavi a.active		{height:40px; line-height:40px; padding:0px 15px 0px 15px;  margin:0px 0px 0px 4px; font-size:110%; text-decoration:none; background-color:#e2001a; border:0px #e2001a solid; display:block; float:left; color:#FFFFFF;}
.seitennavi a.pfeile		{height:40px; line-height:38px; width:30px; text-align:center; margin:0px 0px 0px 4px; font-size:160%; text-decoration:none; background-color:#eeeeee; border:0px #D0D0D0 solid; color:#666666; display:block; float:left;}
.seitennavi a.pfeile:hover	{border:0px #e2001a solid; color:#fff; background-color: #000000}

.gs-padding-small {padding: 0 10px}

#cms ul  {
    list-style-type: none; 
    margin-left: 20px;
    list-style-position: outside;
    /*z-index: 110;*/
    }

#cms ul li {
    line-height: 21px;
    padding: 5px 0px;
    list-style-position: outside;
    }

#cms ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    content: "\f058";
    /*background-color: #fff;*/
    color: #e2001a;
    padding: 2px;
    margin-right: 10px;
    margin-left: -36px;
    border-radius: 3px;
}

#verlauf {padding: 30px 0 30px 0;  font-size: 90%}
#verlauf i {margin: 0 10px;}

ol.zaehler {
    list-style-type: decimal;
    margin-left: 20px;
    list-style-position: outside;
    /*z-index: 110;*/   
}
ol.zaehler li {
    line-height: 21px;
    padding: 5px 0px;
    list-style-position: outside;
}
ol.zaehler li::before {
    /*font-family: "Font Awesome 6 Pro";
    font-weight: 900;*/
    font-style: normal;
    font-size: 12px;
    content: "";
    background-color: #000;
    color: #fff;
    padding: 6px;
    margin-right: 10px;
    margin-left: -36px;
    border-radius: 25px;
}

/************************************************/
/*                   Schatten                   */
/************************************************/
.schatten {margin:0px 0px 0px 0px;}
.schatten .lo {float:left; background-image:url('../img/schatten/b_sch_lo.png'); background-repeat:no-repeat; width:9px; height:9px;}
.schatten .o {float:left; background-image:url('../img/schatten/b_sch_o.png'); background-repeat:repeat-x; height:9px;}
.schatten .ro {float:left; background-image:url('../img/schatten/b_sch_ro.png'); background-repeat:no-repeat; width:9px; height:9px;}
.schatten .l {clear:left; float:left; background-image:url('../img/schatten/b_sch_l.png'); background-repeat:repeat-y; width:9px;}
.schatten .m {float:left;}
.schatten .r {float:left; background-image:url('../img/schatten/b_sch_r.png'); background-repeat:repeat-y; width:9px;}
.schatten .lu {clear:left; float:left; background-image:url('../img/schatten/b_sch_lu.png'); background-repeat:no-repeat; width:9px; height:9px;}
.schatten .u {float:left; background-image:url('../img/schatten/b_sch_u.png'); background-repeat:repeat-x; height:9px;}
.schatten .ru {float:left; background-image:url('../img/schatten/b_sch_ru.png'); background-repeat:no-repeat; width:9px; height:9px;}


/************************************************/
/*                     Struktur                 */
/************************************************/

#print_head 	{display:none; margin-bottom:50px;}
#print_footer	{display:none; margin-top:50px; border-top:1px #E5E5E5 solid; padding-top:20px; line-height:18px;}

.container {margin:auto; width:100%;  max-width:1260px; position:relative;}
.container div.header {height:180px;}
.container div.header div.logo {float:left; margin: 10px 0px 0px 0px; width:96px;}
.container div.header div.aktionen {}

/* Sprachen */
.container div.header div.aktionen div.sprachen{float:right; height:20px; line-height:20px; margin:0px 20px 0px 0px; width:80px; font-size:100%; font-style:italic; text-transform:uppercase;}
.container div.header div.aktionen div.sprachen a.aktiv {color:#e2001a; text-decoration:underline;}
.container div.header div.aktionen div.sprachen a.aktiv:hover {color:#e2001a; text-decoration:underline;}
.container div.header div.aktionen div.sprachen a {color:#747474; text-decoration:none; margin-left:10px;}
.container div.header div.aktionen div.sprachen a:hover{color:#e2001a; text-decoration:underline;}

/* Kundenlogin */
.container div.header div.aktionen div.login{height:20px; line-height:20px; margin:0px 20px 0px 0px; font-size:130%;}
.container div.header div.aktionen div.login img{float:left; margin-right:10px;}
.container div.header div.aktionen div.login a {color:#747474;}

/* Artikelsuche */
.suche {width: calc(100% - 550px); margin:20px 20px 0 0; padding: 0 0 20px 0; position: relative}
.suchfeld {float:left; width: calc(100% - 260px)}
.container div.header div.aktionen div.suche {float:right; margin:47px 10px 0px 0px; border:1px solid #CCCCCC;}
.container div.header div.aktionen div.suche input[type=text] {float:left; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; width:160px; height:40px; line-height:40px; border:0px; font-size:90%; color:#484848;}
.container div.header div.aktionen div.suche input[type=submit] {display:block; float:left; width:36px; height:36px; background:url('../img/lupe_21x21.svg'); background-size:24px 24px; background-position:center center; background-repeat:no-repeat; margin:2px 0px 0px 0px; padding:0px; border:0px; border-left:1px #CCCCCC solid; cursor:pointer;}

/* Kundenlogin_START */
.container div.header div.aktionen div.suche input[type=button] {display:block; float:left; width:36px; height:36px; background:url('../img/schloss_rot_21x21.svg'); background-size:24px 24px; background-position:center center; background-repeat:no-repeat; margin:2px 0px 0px 0px; padding:0px; border:0px; border-left:1px #CCCCCC solid; cursor:pointer;}


.login-link {
  display: flex;
  align-items: center;
  text-decoration: none; /* optional */
  gap: 8px; /* Abstand zwischen Icon und Text */
  margin-right: 15px
}

.login-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.login-text .on-off {
  font-weight: 600; /* Hauptzeile etwas fetter */
}

.login-text .subtext {
  font-size: 0.85em;
  color: #666; /* grauer Untertitel */
}

.knd-info {display: flex;  gap: 20px; align-items: center}
.knd-info span i {margin-right: 5px}

/* Warenkorb klein */
.erik {width: 150px; text-align: center}
.erik img {width: auto; height: 126px; margin: 16px auto 0 auto}
.warenkorb_kl{float:right; margin-right:30px;}
.wk-nav {margin-top: 0px; margin-right: -15px; font-size: 90%; background-color: #fff; padding: 15px 18px 8px 18px; display: flex;  gap: 0px; }
.wk-nav a {
    margin: 0;
    text-align: left;
    color: #000;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 15px;
    transition: all 0.3s ease;
}
.wk-nav a:hover {color:#e2001a; background-color: #F2EFEF;}
.wk-nav a .fa-icon {font-size: 180%; color: #000;}
.wk-nav a:hover .fa-icon {font-size: 180%; color: #e2001a;}
.wk-nav-2 {margin-top: 0px; font-size: 90%; background-color: #efefef; padding: 15px 18px 8px 18px; display: flex;  gap: 20px; border-radius: 0 0 15px 15px}
.wk-nav-2 a {margin: 0; text-align: left; color: #000;}
.wk-nav-2 a:hover {color:#e2001a;}
.wk-nav-2 a .fa-icon {font-size: 180%; color: #000;}
.knd-login-info {background-color: #000; border-top:2px #e2001a solid;color: #fff; overflow: hidden; transition: height .25s ease, opacity .25s ease;}
.knd-login-info a {color: #fff; padding: 9px}
.knd-login-info a:hover {color: #fff; background-color: #e2001a; padding: 9px}

.knd-login-info.on-off {
  display:block;
  opacity: 1;
}

.container div.header div.aktionen div.warenkorb_kl {float:right; width:201px; margin:30px 20px 0px 20px; position:relative;}
.container div.header div.aktionen div.warenkorb_kl img.trenn {float:left;}
.container div.header div.aktionen div.warenkorb_kl div.text {float:left; width:143px; margin-top:12px;}
.container div.header div.aktionen div.warenkorb_kl div.text div.titel{text-align:center; font-size:130%; margin-bottom:2px;}
.container div.header div.aktionen div.warenkorb_kl div.text div.preis{text-align:center; font-size:220%; color:#e2001a;}
.container div.header div.aktionen div.warenkorb_kl div.text div.preis span{font-size:75%; padding-left:5px;}
.container div.header div.aktionen div.warenkorb_kl div.symbol{display:block; float:right; width:57px; height:62px; cursor:pointer; text-align:center;}
.container div.header div.aktionen div.warenkorb_kl div.symbol div.anz{font-size:180%; color:#FFFFFF; display:inline-block; margin:25px auto 0px auto; padding-right:10px;}

#wk_kl_anz {height:37px;padding:0px 15px;border-right:1px #a90013 solid;border-left:1px #a90013 solid;float:right;background-color:black;margin-left:20px;}
#wk_kl_anz_merk {height:37px;padding:0px 15px;border-right:1px #a90013 solid;border-left:1px #a90013 solid;float:right;background-color:black;margin-left:20px;}

#art_wk_kl {display:none; position:absolute; z-index:104; top:76px; right:0px;}
#art_wk_kl div.pfeil {width:269px; height:7px;}
#art_wk_kl div.artikel {width:245px; background-color:#FFFFFF; border:1px #e2001a solid; padding:12px 12px 12px 12px;}
#art_wk_kl div.ueber{font-size:140%;}
#art_wk_kl div.trenn{background-color:#CCCCCC; margin:10px 0px 10px 0px; height:1px;}
#art_wk_kl div.na {clear:both; float:left; line-height:22px; margin-right:5px; color:#000000; width:125px; white-space:nowrap; overflow:hidden;}
#art_wk_kl div.me {float:left; line-height:22px; margin-right:5px; text-align:right; width:25px;}
#art_wk_kl div.pr {float:right; line-height:22px; margin-right:5px; text-align:right; width:60px; color:#e2001a; font-size:120%; font-family:Minionpro;}
#art_wk_kl a.btn{height:42px; line-height:42px; display:block; color:#FFFFFF; background-color:#000000; text-align:center; font-size:140%;}
#art_wk_kl a.btn:hover{color:#FFFFFF; background-color:#e2001a; text-decoration:none;}
#art_wk_kl div.scroll {width:100%; max-height:110px; overflow:auto; position:relative; background-color:#FFFFFF; margin:0px; padding:0px;}


/* Navigation */
.container div.navi {height:53px; position:relative; z-index:99; padding:40px 0px 20px 0px; float:left;}
.container div.navi div.left {width:13px; height:64px; position:absolute; top:0px; left:-13px;}
.container div.navi div.right {width:13px; height:64px; position:absolute; top:0px; right:-13px;}



.kategorien {
    max-width: 250px;
    float: left;
}

#nav-sub-u {
    padding: 0 10px 10px 10px;
    font-size: 100%;
}

.arrow {
    list-style: none;
}

.navigation_u li a {
    list-style: none;
    color: #747474;
    line-height: 40px;
    font-size: 90%
}

.navigation_u li ul li a {
    list-style: none;
    color: #747474;
    line-height: 30px;
    font-size: 85%
    
}


.navigation_u li ul li ul li a {
    list-style: none;
    color: #747474;
    line-height: 25px;
    font-size: 85%
}

.navigation_u li ul li ul li ul li a {
    list-style: none;
    color: #747474;
    line-height: 20px;
    font-size: 85%
}

.navigation_u {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    list-style: none;
}

.navigation_u li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    list-style: none;
    border-bottom: 1px #DDDDDD solid;
}

.navigation_u li ul {
    margin: 0px 0px 10px 10px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.navigation_u li ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    border-bottom: 0px #DDDDDD solid;
}

.navigation_u li ul li ul {
    margin: 0px 0px 10px 10px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.navigation_u li ul li ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    font-size: 60%;
    content: "\f105";
    color: #747474;
    position: absolute;
    margin: 0px 10px 0 -10px;
}

.navigation_u li ul li ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    border-bottom: 0px #DDDDDD solid;
    
}

.navigation_u li ul li ul li ul {
    margin: 0px 0px 10px 10px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.navigation_u li ul li ul li ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    border-bottom: 0px #DDDDDD solid;
}

.navigation_u a:hover {
    color: #e2001a;
}

.navigation_u a.aktuell {
    color: #e2001a;
    background-color: #FFFFFF;
    font-weight: bold;
}

.navigation_u li a.aktuell {
    color: #e2001a;
    background-color: #FFFFFF;
}



/* Brotkrumenleiste/Verlauf */
.container div.verlauf {margin:0px 0px 10px 10px; font-size:110%;}
.container div.verlauf a{color:#747474;}
.container div#slider {margin:-55px 0px 0px 0px; z-index: 10}

.container div.main {margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;}
.container div.main div.content{margin:0px 0px 0px 0px;}
.container div.main div.content div#cms{width:100%;}
.container div.main div.content div.cms{width:100%;}

/* Rechte Spalte */
.container div.main div.rechte_spalte{float:left; width:30%; margin:0px 0px 0px 5%;}
.container div.main div.rechte_spalte div.ueber{font-size:170%; font-weight:normal; color:#000000; margin:0px 0px 10px 0px;}
.container div.main div.rechte_spalte div.trenn{height:5px; margin-bottom:10px;}
.container div.main div.newsletter{margin:0px 0px 0px 0px;}
.container div.main div.newsletter img{float:right; margin:5px 0px 0px 5px;}
.container div.main div.newsletter div.email {margin-top:10px; width:230px;}
.container div.main div.newsletter div.email input[type=text] {float:left; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; width:175px; height:32px; line-height:32px; border:0px; font-size:130%; color:#929292; border:1px solid #CCCCCC; border-right:0px;}
.container div.main div.newsletter div.email input[type=submit] {display:block; float:left; width:37px; height:37px; background:#1B1B1B url('../img/icons/newsletter.png') no-repeat center center; margin:0px; padding:0px; border:0px; cursor:pointer;}
.container div.main div.news{margin:0px 0px 40px 0px;}
.container div.main div.versandkosten{margin:40px 0px 0px 0px;}
.container div.main div.versandkosten img{margin:0px 0px 10px 0px;}

.container div.main_ende {height:29px; padding-bottom:30px;}

.container_unten	{width:1045px;margin:auto;position:relative;}

.footer {position:relative; font-weight:400; color:#ffffff; padding:0 0 0 0; font-size:100%;margin-bottom:25px;}


.footer a:link      {color:#000000;}
.footer a:visited   {color:#000000;}
.footer a:hover     {color:#e2001a;}
.footer a:active    {color:#000000;}

.footer_nav_button {
background-color:#EFEFEF!important;
	width: 95%!important; 
	color: #737373!important;
	padding: 5px 15px; 
	margin: 5px auto 5px auto!important; 
	text-align: center;
	border:0px!important;
	font-size: 100%!important;
	text-transform: none!important;
    border-radius: 15px;
}
.footer_nav_button a {color: #737373!important; font-weight: normal!important}
.footer_nav_button-btn {color: #737373; border: 2px solid #737373!important; margin: 20px 0 0 0; padding: 15px; border-radius: 15px}

.footer_nav_logo {text-align: center!important}

.footer_nav {
	background-color:#EFEFEF!important;
	width: 95%!important; 
	color: #737373!important;
	padding: 20px!important; 
	margin: 5px auto 5px auto!important; 
	text-align: center!important;
	border:0px!important;
	font-size: 100%!important;
	text-transform: none!important;
    cursor:pointer;    
}

.footer_nav_logo {
	background-color:#fff!important;
	width: 95%!important; 
	color: #737373!important;
	padding: 20px!important; 
	margin: 5px auto 5px auto!important; 
	text-align: center!important;
	border:0px!important;
	font-size: 100%!important;
	text-transform: none!important;
    cursor:pointer;
}

.footer div.container {margin:auto;padding:0 0 0 0;  width:1000px; background-color:#FFFFFF; -webkit-box-shadow:none; box-shadow:none; height:252px;}
.footer div.container div{float:left;}
.footer div.trenn {margin:15px 0px 15px 0px; border-top:1px #124733 solid;}

#copyright {color:#747474; margin:30px auto 40px auto; max-width:1280px; padding:10px; line-height: 30px}

#copyright a:link      {color:#747474;}
#copyright a:visited   {color:#747474;}
#copyright a:hover     {color:#e2001a;}
#copyrightr a:active    {color:#747474;}



.trio{float:left;}
.tab_str2 {width:300px; float:left;}


.top_img {height:22px; width:22px; margin-bottom:0px; background-image:url('../img/pfeil_top_hover.svg'); margin: 0 0 0 20px;}
.top_img:hover {background-image:url('../img/pfeil_top.svg');}


/************************************************/
/*               Newsletter Klein               */
/************************************************/



.btn_news_kl_left .button{background-color:#FFFFFF; color:#848484; margin:11px 0 0 20px; padding:3px 3px 3px 9px; width:131px; height:26px; border:1px #e4e4e4 solid;}
.btn_news_kl_left .buttonfehler{background-color:#FFFFFF; color:#848484; margin:11px 0 0 20px; padding:3px 3px 3px 9px; width:131px; height:26px; border:1px #e2001a solid;}
.btn_news_kl_right .button{background-color:#FFFFFF; color:#848484; margin:11px 20px 0 0px; padding:3px 3px 3px 9px; width:131px; height:26px; border:1px #e4e4e4 solid;}
.btn_news_kl_right .buttonfehler{background-color:#FFFFFF; color:#848484; margin:11px 20px 0 0px; padding:3px 3px 3px 9px; width:131px; height:26px; border:1px #e2001a solid;}

.btn_news_kl .button{background-color:#FFFFFF; color:#848484; margin:11px 0 0 0; padding:3px 3px 3px 9px; width:100%; height:26px; border:1px #e4e4e4 solid;}
.btn_news_kl .buttonfehler{background-color:#f0f0f0; color:#848484; margin:11px 0 0 0; padding:3px 3px 3px 9px; width:100%; height:26px; border:1px #e2001a solid;}



.btn_news_kl_mail .button{background-color:#FFFFFF; color:#848484; margin:11px 0 0 0; padding:3px 3px 3px 9px; width:100%; height:26px; border:1px #e4e4e4 solid;}
.btn_news_kl_mail .buttonfehler{background-color:#f0f0f0; color:#848484; margin:11px 0 0 0; padding:3px 3px 3px 9px; width:100%; height:26px; border:1px #e2001a solid;}
.btn_senden{ background-color:#e2001a; color:#FFFFFF; font-size:130%; text-transform:uppercase; padding:0px 3px 0px 9px; margin:11px 0 0 0; display:inline-block; border:0px #e2001a solid; width:90%; line-height:37px; height:37px; text-align:center;cursor:pointer;}

.btn_senden:hover{ background-color:#000000;}


.btn_news_kl_right {
margin-left:17px;
}

.partner_suche{padding:13px; font-size:105%; border-width:0px; height:42px; width:90%;}
.partner_suche option {text-indent:23px; font-size:105%; }


.info_balken2 .btn_senden {font:130% FrutigerLTPro, Arial !important}


/************************************************/
/*                    Layer                     */
/************************************************/
.layer {position:absolute; z-index:30; display:none; top:0px; left:0px;}

.layer div.transp	{
	background-color:#000000;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width:100%;
	height:100%;
	position:fixed;
	z-index:31;
	display:block;
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* Gecko-Browser */
	opacity:0.7; /* Opera 9+ */
}

.layer div.content	{
	padding:20px;
	background:#FFFFFF;
	/*background:#FFFFFF url('../img/content_background.png') no-repeat right bottom;*/
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:32;
	-webkit-box-shadow:  0px 0px 10px 5px rgba(00, 00, 00, 0.4);
	box-shadow:  0px 0px 10px 5px rgba(00, 00, 00, 0.4);
}

.layer div.content h1 {}
.layer div.content div.close {text-align:right; font-size:200%;}
.layer div.content div.close a{color:#e2001a; text-decoration:none;}



/************************************************/
/*                     CMS                      */
/************************************************/

.cms{max-width:1500px; margin:auto;}

.cms_container {float:left;}
.cms_container.kl {width:720px;}
.cms_container.gr {width:950px;}

.cms_titel {font-size:130%; color:#747474; font-weight:bold; line-height:normal;}
.cms_titel a{font-weight:bold; text-decoration:none; color:#747474;}
.cms_titel a:hover {font-weight:bold; text-decoration:none; color:#e2001a;}
.cms_datum {margin:0px 0px 5px 0px; color:#e2001a; font-style:italic; font-size:90%;}
.cms_text {margin:5px 0px 0px 0px;}
.cms_img {float:left; margin-right:12px;}
.cms_details {margin:10px 0px 20px 0px;}
.cms_details div {margin:0px 0px 5px 0px;}
.cms_link {margin:10px 0px 0px 0px; float:left;}
.cms_datenpfad {margin:10px 0px 0px 0px; float:left;}
.cms_rahmen {float:left; height:108px; width:108px; padding:8px; margin-right:6px; background-image:url('../img/cms_rahmen_small.png'); background-repeat:no-repeat;}
.cms_trennlinie {margin:10px 0px 10px 0px; height:1px; border-top:1px #DBDBDB dashed;}


/************************************************/
/*              NEWS - Rechte Spalte            */
/************************************************/
div.news div.datum {color:#e2001a; font-style:italic; margin-bottom:5px; font-size:90%;}
div.news div.titel {margin-bottom:5px; font-size:130%; color:#747474; font-weight:bold;}
div.news div.titel a{color:#747474; text-decoration:none; font-weight:bold;}
div.news div.titel a:hover{color:#e2001a; text-decoration:none; font-weight:bold;}
div.news div.text {margin-bottom:5px;}
div.news div.link {}

/************************************************/
/*              NEWS       					    */
/************************************************/
.news {width:100%; border:0px #DDDDDD solid; padding:20px; position:relative; text-align:center;}
.news_korr{margin-left:-10px;}

.news .titel { text-align:left; width:100%;}
.news .txt { text-align:left; width:100%;}

.news first{margin-left:0px;}

.cell_menge {float:left; border-left:0px #DDDDDD solid; height:37px;}
.cell_menge div.text {float:left; height:37px; line-height:37px; color:#e2001a; font-size:125%; padding:0px 5px 0px 5px;}
.cell_menge div.feld {float:left; border:1px #DDDDDD solid; text-align:center;}
.cell_menge div.feld input{border:0px; padding:0px; margin:0px; text-align:center; height:35px; line-height:35px; color:#404040;}

.cell_wk {float:right;}
.cell_wk a.btnWk:link,.cell_wk a.btnWk:visited,.cell_wk a.btnWk:active {}
.cell_wk a.btnWk:hover	{}
.cell_wk a.btnWk:link span,.cell_wk a.btnWk:visited span,.cell_wk a.btnWk:active span {display:block; padding:0px 25px 0px 45px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; font-size:120%; background-image:url('../img/shop_w.svg'); background-repeat:no-repeat; background-position:10px center; background-size:25px 25px;}
.cell_wk a.btnWk:hover span	{color:#FFFFFF; background-color:#000000;}


a.btnMerker:link span,.cell_wk a.btnWk:visited span,.cell_wk a.btnWk:active span {display:block; padding:0px 25px 0px 45px; height:37px; line-height:37px; text-decoration:none; color:#FFFFFF; background-color:#e2001a; font-size:120%; background-image:url('../img/shop_w.svg'); background-repeat:no-repeat; background-position:10px center; background-size:25px 25px;}
a.btnMerker:hover span	{color:#FFFFFF; background-color:#000000;}

.btnMerker{border: 1px #DDDDDD solid; padding:5px; margin:0px; height:28px; line-height:28px; color:#404040;}

.shopschritte {margin:20px 0px 40px 0px; padding:5px 0px 5px 0px; overflow:auto; font-size:120%; white-space:nowrap; border-top:1px #d5d2d0 dashed; border-bottom:1px #d5d2d0 dashed;}
.shopschritte ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.shopschritte ul li {display:block; list-style:none; float:left; text-align:center; padding:5px 0px 5px 0px; line-height:20px; margin:0px 0px 0px 0px; width:20%; color:#d5d2d0;}
.shopschritte ul li.aktiv {color:#e2001a;}
.shopschritte ul li span {font-size:160%; line-height:normal;}
.shopschritte ul a {color:#74695d; text-decoration:none;}
.shopschritte ul a:hover {color:#74695d; text-decoration:none;}

.lieferadressen {margin:0px 0px 20px 0px;}
.lieferadressen div {cursor:pointer; margin-bottom:5px; padding:2px;}
.lieferadressen .aktuell {color:#C93030; font-weight:bold;}

.zahlungsart {padding:0px 20px; display:block; }

.zahlungsart input[type=radio] {float:left; margin:2px 7px 0px 0px;}
.zahlungsart .abs {margin:0px 0px 0px 0px;}

.gutschein_box {background-color:#EDEDED; padding:20px 20px 20px 20px; margin:0px 0px 15px 0px; display:block;}
.gutschein_box a{color:#000000; font-size:120%;}

.kontrolle_tbl {margin-top:10px; font-size:100%;}
.kontrolle_tbl th {padding:2px 0px 2px 0px; text-align:left; font-weight:bold; font-size:110%;}
.kontrolle_tbl td {padding:4px 4px 4px 4px;}

.shop_block_kontrolle {float:left; width:50%; margin-top:20px;}

.rech_adress {float:left; width:45%; margin:0 5% 50px 0;}
.trenn_detail {border-bottom:1px #DDDDDD dotted;} 

.login_abs {margin-bottom:5px;}
.login_text	{height:22px; line-height:22px;}
.login_input {border:1px #E5E5E5 solid; height:20px; line-height:20px; padding:0px 2px 0px 2px;}
.login_vergessen {margin-top:8px;}
.login_vergessen a{color:#6E6F71;}
.login_eingeloggt {padding-top:3px; margin-top:8px;}

.shop_aktionen{width:1000px; height:46px; margin:auto; border:1px #d5d2d0 solid; border-top:0px; background-image:url('../img/finder_hg.png'); background-position:top;}

.lz_cbl img{
  animation: animationFrames linear 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {transform:  translate(0px,0px)  ;
  }
  3% {
    transform:  translate(0px,-10px)  ;
  }
  6% {
    transform:  translate(0px,0px)  ;
  }
  9% {
    transform:  translate(0px,-7px)  ;
  }
  12% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-5px)  ;
  }
  18% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  3% {
    -moz-transform:  translate(0px,-10px)  ;
  }
  6% {
    -moz-transform:  translate(0px,0px)  ;
  }
  9% {
    -moz-transform:  translate(0px,-7px)  ;
  }
  12% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  18% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  3% {
    -webkit-transform:  translate(0px,-10px)  ;
  }
  6% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  9% {
    -webkit-transform:  translate(0px,-7px)  ;
  }
  12% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  18% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  3% {
    -o-transform:  translate(0px,-10px)  ;
  }
  6% {
    -o-transform:  translate(0px,0px)  ;
  }
  9% {
    -o-transform:  translate(0px,-7px)  ;
  }
  12% {
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    -o-transform:  translate(0px,-5px)  ;
  }
  18% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  3% {
    -ms-transform:  translate(0px,-10px)  ;
  }
  6% {
    -ms-transform:  translate(0px,0px)  ;
  }
  9% {
    -ms-transform:  translate(0px,-7px)  ;
  }
  12% {
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  18% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}



	
	
.detail_tel {float:right; margin:5px 0px 0px 0px; width: 190px;}
.nkw-margin {margin: 5px 0 0 50px}

/* ------------------------------------------------------ */
/*                          Layer                         */
/* ------------------------------------------------------ */
.layer_outer {display:none;}
.layer_bg {position:fixed; top:0; left:0; bottom:0; right:0; background-color:#000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; z-index:8010;}
.layer_ind {position:absolute; z-index:8020; border:0px solid #999999; background-color:#FFFFFF; padding:20px; -webkit-box-shadow:0px 0px 20px 8px rgba(0, 0, 0, 0.8); box-shadow:0px 0px 20px 8px rgba(0, 0, 0, 0.8);}
.layer_ind div.close {position:absolute; right:-14px; top:-13px;}
.layer_ind div.titel {color:#e2001a; font-size:120%; font-weight:bold;}
.layer_ind div.text {margin-top:10px; width:189px; height:378px; text-align:right; padding:30px 15px 0px 44px; font-size:120%; font-weight:bold;}


/************************************************/
/*                    Member                    */
/************************************************/
.container_save {margin:0px 0px 20px 0px; border:2px #e2001a solid; padding:10px 20px 10px 20px; display:none; color:#e2001a; font-size:120%;}

.member_felder {cursor:pointer; padding:5px 10px 5px 10px; margin:0px 0px 0px 0px;}
.member_felder h4{margin-bottom:5px;}

.bestell_tbl	{width:100%; margin-top:20px;}
.bestell_tbl th {text-align:left; padding:0px 2px 5px 2px; font-weight:bold;}
.bestell_tbl td {padding:3px 2px 3px 2px; vertical-align:middle; cursor:pointer;}



/************************************************/
/*                 Downloads                    */
/************************************************/

.dload-flex {display: flex; flex-wrap: wrap; margin: 0; gap:20px}
.dload-25 {flex: 0 0 calc(25% - 20px);
    padding: 15px;
    border: 1px #e3e3e3 solid;
    border-radius: 15px;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
    display: flex;}
.dload_container {margin:20px 0px 0px 0px; padding:4px 20px 0px 20px; border-bottom:1px #BCBCBC solid;}
.dload_ueber {font-size:20px; color:#de1412;}
.dload-footer {margin-top: auto;}
.dload-25 h3 {margin: 10px 0 5px 0}

.dload_inhalt {display:block; margin:10px 0px 0px 0px; position:relative;}
.dload_abs {margin:15px 0px 0px 0px;}
.dload_text {float:left; margin:0px 0px 0px 0px;}
.dload_text.kl {width:413px; margin:0px 0px 0px 10px;}
.dload_text.gr {width:640px;}
.dload_text a {color:#6E6F71; text-decoration:none;}
.dload_details {margin-top:10px;float:left;}
.dload_icon {float:left; width:130px;}
.dload_ok {position:absolute; right:0px; top:20px; display:none;}
.dload_link	{margin:20px 0px 0px 0px; }
/*.dload_link a{font-weight:normal; color:#de1412; text-decoration:none;}
.dload_link a:hover {font-weight:normal; text-decoration:underline;}*/


.dload2_container {margin:20px 0px 0px 0px; padding:4px 2% 0px 2%; border:0px; width:33%; float:left;}
.dload2_ueber {font-size:20px; color:#de1412;}
.dload2_inhalt {display:block; margin:10px 0px 0px 0px; position:relative;}
.dload2_abs {margin:5px 0px 0px 0px; padding:8px 0px 8px 0px;}
.dload2_text {margin:0px 0px 0px 0px;}
.dload2_text.kl {width:413px; margin:0px 0px 0px 10px;}
.dload2_text.gr {}
.dload2_text a {color:#6E6F71; text-decoration:none;}
.dload2_text img{width:18px; height:18px; margin-right:10px; margin-bottom:3px; vertical-align:middle;float:left !important; }
.dload2_details {margin-top:10px;float:left;}
.dload2_icon {float:left; width:130px;}
.dload2_ok {position:absolute; right:0px; top:20px; display:none;}
.dload2_link {margin:20px 0px 0px 0px; width:150px;}


/************************************************/
/*                 Sozial Network               */
/************************************************/
.sozial_network {float:left; font-size:110%; color:#FFFFFF; width:100%;}
.sozial_network div.network{float:left; margin:0px 0px 0px 0px;}
.sozial_network div.network img{float:left; margin:0px 5px 0px 0px;}
.sozial_network div.network a {color:#FFFFFF; font-weight:normal; text-decoration:none; line-height:20px;}

.austria{float:right; width:373px; text-align:right;}
.off-on {display: none}

.footer-infobox {display: flex; gap:10px; margin: 50px auto 50px auto; max-width: 1500px}
.flex-info-box-25 {flex: 0 0 25%; border-radius: 15px}
.flex-info-box-33 {flex: 0 0 33.33333%; border-radius: 15px}
.flex-info-box-50 {flex: 0 0 50%; border-radius: 15px}

/************************************************/
/*                 	Mobil               		*/
/************************************************/

@media only screen and (max-width:1200px){
.gs_inbox {height:350px}
.news:hover {height:350px}
.logo-bottom {width: 60%;}
}

@media only screen and (max-width:1090px){
.gs_inbox {height:380px}
.news:hover {height:380px}
.nkw-margin {margin: 5px 0 0 5px}
.flex-box-25 {flex: 0 0 50%;}
.dload-25 {flex: 0 0 calc(50% - 20px); }
.wk-nav {padding: 15px 10px 8px 10px; gap: 0px; }
.logo-platzhalter {width: calc(100% - 115px)}
}

@media only screen and (max-width:994px){
    .mitarb-member {margin: 0 8px 10px 8px}
    .category-slider-container-art {
    padding: 10px 0;
    }

:root{
  /* Standard (nicht eingeloggt) */
  --headerH-base:   70px; /* normale Höhe */
  --headerH-shrink: 70px;  /* Höhe im Shrink */
}

    body.is-logged-in {
    --headerH-base: 70px;
    --headerH-shrink: 70px;
    }
    .flex-rows { --cols: 1!important; }
	.attr_ul{column-count:1;}	
    .footer-infobox {flex-wrap: wrap; padding: 15px; margin: 15px auto}
    .flex-info-box-25 {flex: 0 0 100%;}
    .flex-info-box-33 {flex: 0 0 100%;}
    .flex-info-box-50 {flex: 0 0 100%;}
    .fab-btn {width: 35px; height: 35px;}
    .fab-btn i{ font-size: 18px;}
    .fixed-action-bar {right: 10px;}
    .category-item {flex: 0 0 100%;max-width: 100%;}
    .flex-box-50 {flex: 0 0 100%;}
    .flex-box-25 {flex: 0 0 100%;}
    .home-box-middle-text {padding: 20px 40px;}
    .dload-25 {flex: 0 0 calc(100% - 20px); }
    .ug-ue {font-size: 120%; margin: -10px 0 15px 10px}

    .slider-btn {padding: 0 4px; margin: 0 0px;}
    .artikel_neu {position:absolute;top:-5px;left:-5px;z-index:2}
    .img-mit {border-radius: 40px 40px 40px 0px; padding: 0px; margin: 25px 0;}
    .mitarb {margin: 0 0 25px 0}
    .logo-platzhalter {width:calc(100% - 100px)}
    p{margin:5px 0px;}
    .u-gruppe-box {cursor: pointer; margin: 0px 0px 20px 0px;display: block}
    .u-gruppe-box-ue {font-size: 140%;}
    
    .sec-block {height: auto; margin: 15px 0}
    
    #meineEbene {
        /* Anfangs ist die Ebene sichtbar */
        display: none;
    }

    #meineEbene.unsichtbar {
        display: contents;
        opacity: 1;
        transition: opacity 0.5s ease-in-out; /* Sanfter Übergang */
    }

    
    .on-off{display: none!important}
    .off-on {display: block}
    .trennlinie-w {margin:20px 0px 20px 0px; height:1px; border-top:1px #fff solid;}
    .gs-padding-small {padding: 0px}
    .aus {display: none}
    .br-in-out{display: inline}
    .bblock {display: none}
    
    /*.suche {width: 100%; margin:0; padding:0 10px 10px 10px}
	*/
	.suche {width: calc(100% - 30px); margin: 13px 0 0 0;}
	
	
    .suchfeld {float:left; width: calc(100% - 90px)}
    #navimobil #vt_suche_mobil {display: none}
    #cms {padding: 0 5px}
    #verlauf {padding: 30px 0 0 0;  font-size: 80%}
    #verlauf i {margin: 0 5px;}
    
    h1	{font-size:180%; margin: 15px 0px 10px 0px }
    h2	{font-size:160%; }
    h3	{font-size:160%; line-height: normal; font-weight:bold; }
    h4	{font-size:150%; line-height: normal}
    h5	{font-size:150%; line-height: normal}
    h6	{font-size:120%; line-height: normal}
    
    .content-max {padding: 0px 10px} 
    .slidertext {font-size: 180%;}
    .header_text {top:80%; font-size: 180%;}
    .bottom_pfeil {display:none}
    .logo-bottom-div {text-align: center}
    .logo-bottom {margin: auto}
    .tab {font-size: 90%; overflow-x: auto; width: 98%}
    .wk-nav {display: none}
    
    .gs-topnav a{display:block}
    .gs-navbar li:not(.gs-opennav){float:none;width:100%!important}
    .gs-navbar{margin:-3px 0px 0 0; width: 100%}
    .gs-navbar li.gs-right{float:none!important}
    .gs-topnav .gs-dropdown-hover .gs-dropdown-content,.gs-navbar .gs-dropdown-click .gs-dropdown-content,.gs-navbar .gs-dropdown-hover .gs-dropdown-content{position:relative}	
    .gs-topnav,.gs-navbar{text-align:center}
    .gs-hide-small{display:none!important}
    .mySlides .gs-display-topleft{top:-52px; z-index:1;}
    .mySlides .gs-display-topleft img{max-width:150px;}
        
        #gs-top .bildlogo{
        height: 63px;
        width: auto;
        margin: 0px 0px 6px 10px;
        padding: 0px;
    }
    .highlights{padding: 0 2.5%; min-height:320px; text-align:center}
    .gs_inbox {height:auto;margin-top: 15px}
    .news:hover {height:auto}
    .bottom_bg {font-size:100%}
    .bottom_bg div.leftbox {
        padding: 0% 2%;
        position: relative;
        bottom: 0px;
        left: 0px;
        text-align: center;
        margin: 140px 0 15px 0
    }
    .bottom_bg div.rightbox {
        padding: 9% 32% 0 32%;
        position: relative;
        bottom: 0;
        right: 0;
    }
    
    .btn-top-red {font-size: 90%!important;}   
    .btn-top-black {font-size: 90%!important;}
    
    .mitarb-img {max-width: 100%}
    .btn-nka {width: 100%; float: none}
}

@media only screen and (max-width:600px){
    .highlights{padding: 0 2.5%; min-height:inherit; text-align:center}
}

@media only screen and (max-width:995px) and (min-width:801px){
    .icontop{height:36px; width:36px; margin:0px 0px 0px 2px;}
    .gs-padding-xlarge{padding:12px 24px!important}
    .gs-flexauto{display: block; align-items: center;}
    .gs_inbox {height:auto;margin-top: 15px}
    .news:hover {height:auto}

    }

@media only screen and (min-width:995px){
.gs-hide-medium{display:none!important}
    .gs-hide-large{display:none!important}
    .abdunkeln{display:none!important;}
    .news:hover {height:auto}
    .cbp-spmenu-push-toleft {
        left: auto !important;
        overflow-y: auto !important;
        position: relative !important;
    }

}