@import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;

/* Set container max-width to 1470px */
.container-xxl {
max-width: 1470px;
padding-right: 15px;  /* Standard padding to avoid overflow */
padding-left: 15px;   /* Standard padding to avoid overflow */
margin-right: auto;   /* Ensure the container is centered */
margin-left: auto;    /* Ensure the container is centered */
}

/* Adjust the gutter (spacing between columns) to 25px */
.row {
--bs-gutter-x: 50px; /* Total gutter space (25px between columns) */
margin-right: 0; /* Prevent extra horizontal space */
margin-left: 0;  /* Prevent extra horizontal space */
}

/* Ensure the padding for individual columns */
.col,
[class*="col-"] {
padding-right: calc(var(--bs-gutter-x) * 0.5); /* 25px / 2 = 12.5px */
padding-left: calc(var(--bs-gutter-x) * 0.5);  /* 25px / 2 = 12.5px */
}

/* Fix overflow issue by adjusting row margins */
.row > .col {
margin-right: calc(var(--bs-gutter-x) * -0.5); /* Prevent overflow by compensating the gutter */
margin-left: calc(var(--bs-gutter-x) * -0.5);  /* Prevent overflow by compensating the gutter */
}

/* Media Query for Medium Screens (<= 576px) */
@media (max-width: 576px) {
.container-xxl {
padding-right: 15px;  /* Reduce side padding to 15px */
padding-left: 15px;   /* Reduce side padding to 15px */
}

.row {
--bs-gutter-x: 15px; /* Gesamt: 15px Abstand zwischen Spalten */
margin-right: calc(var(--bs-gutter-x) / -2);
margin-left: calc(var(--bs-gutter-x) / -2);
}

.col,
[class*="col-"] {
padding-right: calc(var(--bs-gutter-x) / 2); /* 15px / 2 = 7.5px */
padding-left: calc(var(--bs-gutter-x) / 2);  /* 15px / 2 = 7.5px */
}
}

/* lightbox close button bei mobile Ansicht oberhalb vom Bild bei mobile setzen */

/********** SLIDERS **********/
/*
.row.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flexbox;
display:flex;
}

.col-md-4 
{
background: pink;
border:1px solid grey;
display: flex;
flex-direction: column;
}
*/


/* ****************************** TAB FOCUS ****************************** */

/* Standardmäßig den Fokus-Rahmen bei Links und Buttons deaktivieren */
button:focus, a:focus {
outline: none !important;
}

/* Für alle interaktiven Elemente, die Tastaturfokus benötigen */
.user-is-tabbing a:focus,
.user-is-tabbing button:focus,
.user-is-tabbing [data-focus-visible-added] {
border: 2px solid red !important; /* Roter Rahmen für den Fokus */
outline: none !important;
}


.archiv_ausgabe_view:focus-visible {
border: 2px solid red !important; 
outline: none !important;
}


/* Entfernt den Fokus-Stil beim Mausklick */
.archiv_ausgabe_view:not(:focus-visible) {
outline: none;
}

/* Unterstützung für :focus-visible falls vom Polyfill unterstützt */
a:focus-visible,
button:focus-visible {
border: 2px solid red !important;
}

/* Zusätzlicher Fokus für Bilder in Links */
a img {
display: inline-block; /* Macht das Bild fokussierbar */
}

.user-is-tabbing a:focus img,
.user-is-tabbing a:focus-visible img,
[data-focus-visible-added] img {
border: 2px solid red !important; /* Roter Rahmen bei Tastaturfokus */
}

/* Optional: Weitere interaktive Elemente */
.user-is-tabbing input:focus,
.user-is-tabbing select:focus,
.user-is-tabbing textarea:focus {
border: 2px solid red !important;
}

.schalter_zuruecksetzen_seite:focus-visible i {
outline: 2px solid red;
border-radius: 50%;
}

select:focus-visible {
outline: 2px solid red;
}

a:focus-visible img {
outline: 2px solid red!important;
outline-offset: 2px!important;
}

input[type="checkbox"]:focus-visible {
outline: none; /* entfernt den Standard-Fokusrahmen */
box-shadow: 0 0 0 2px red; /* roter Rahmen-Effekt */
border: 2px solid red; /* falls du einen festen Rahmen willst */
}

input.schalter_pagi:focus-visible,
input.schalter_pagi_aktiv:focus-visible {
outline: 2px solid red;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden;
}

/* ****************************** TAB FOCUS ****************************** */


/* loading script */
@media (min-width: 1px) and (max-width: 991px) {
/* nur im Mobile Status */
#loading {
position: fixed;
width: 100%;
height: 20vh;
z-index: 9999;
background-image: url(../../media/loading_status.gif);
background-repeat: no-repeat; 
/* background-color: #FFFFFF; */
background-position: center;
}
}

html {
/*  scroll-behavior: smooth !important; */
}

* {
margin: 0;
padding: 0px;
}

html {
height:100%;	
}

body {
background-color:#FFFFFF; /* FFFFFF */
margin: 0;
width: 100%;
color: #6a6a6a;
font-size: 22px;
/* font-family: 'Outfit', sans-serif; */
font-family: 'Outfit', sans-serif;
font-weight:200;
/* background-image:url(../../media/bg-page.jpg); */
background-repeat: repeat repeat;
background-position: center top;
-webkit-background-position: center top;
/* -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; */
/* background-repeat: repeat-y; */
/* background-position: center top; */
}

/* body:after {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background-image:url(../../media/bg-page.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-position: center top;
z-index:-99999;
} */

@media (min-width: 768px) and (max-width: 991px) {
body {

}
}

@media (min-width: 1px) and (max-width: 767px) {
body {
background-repeat: repeat-y;
background-image:url(../../media/bg-page-mobile.jpg);
}
}

/* ######################### Header wrapper ################ */

.header-wrapper {
/* background: linear-gradient(to bottom,#574d46,#574d46); */
position:relative;
padding:0px 0px 0px 0px;
background-position: center top;
-webkit-background-position: center top;
/* background-image:url(../../media/bg-header.png); */
background-repeat: no-repeat;
z-index:20;
top:0px;
width:100%;
}


@media (min-width: 1px) and (max-width: 991px) {
.header-wrapper {
padding: 25px 0px 0px 0px!important;
background-position: center top;
-webkit-background-position: center top;
/*  background-image: url(../../media/bg-header.png); */
background-repeat: no-repeat;
/* height: 40px !important; */
}
}


/* background: linear-gradient(to bottom,#574d46,#574d46); */

/*
@media (min-width: 1px) and (max-width: 767px) {
.header-wrapper {
padding:15px 0px 0px 0px;
background-image:url(../../media/bg-header-mobile.svg);
background-position: center top;
-webkit-background-position: center top;
z-index:120;
margin-bottom:-50px;
}
}
*/

.flex {
display: flex;
justify-content: center;
align-items: center;
}

/* PC Logo */

.logo-bild
{
border-radius:0px 0px 25px 25px;
}

@media (min-width: 1033px) {
.logo-bild
{
width:300px;
height:auto;
display:inline-block;
position:absolute;
float:left;
z-index:2000;
/* transition: all 600ms ease!important; */
background-color:#FFFFFF;
/* top:20px; */
}
}

@media (min-width: 992px) and (max-width: 1032px) {
.logo-bild
{
width:200px;
height:auto;
display:inline-block;
position:absolute;
float:left;
z-index:2000;
background-color:#FFFFFF;
/* top:20px; */
}
}

@media (min-width: 1px) and (max-width: 991px) {
.logo-bild { 
display:none!important;
}	
}

.logo-bild:hover {

}

/* MOBILE Logo */

@media (min-width: 480px) and (max-width: 991px) {
.logo-bild-mobile {
width:220px;
height:auto;
display:inline-block;
position:relative;
border-left:17px solid #FFFFFF;
border-radius:0px 13px 13px 0px!important;
}
}

@media (min-width: 1px) and (max-width: 480px) {
.logo-bild-mobile { 
width:190px;
height:auto;
display:inline-block;
position:relative;
border-left:17px solid #FFFFFF;
border-radius:0px 13px 13px 0px!important;
}
}

@media (min-width: 992px) {
.logo-bild-mobile { 
display:none!important;
}
}

.logo-bild-mobile:hover {
/*
transform: rotate(1deg);
transition: all 600ms ease!important;
transform: scale(1.05);
transition: all 600ms ease!important;
*/
}

.my-sub-nav {
/* wird nur auf der Startseite angezeigt */
position:relative;
list-style: none;
margin-top:0px;
margin-right:8px;
margin-bottom:10px;
text-align:right;
}

.my-sub-nav li {
display: inline-block;
text-align:left;
margin-left:20px;
padding-left:10px;
padding-top:0px!important;
background-color: rgba(0,0,0, 0.6);
border-radius:0px 0px 5px 5px;
margin-top:0px!important;
}

.my-sub-nav .my-sub-text {
clear:both!important;
font-size: 13px;
line-height: 13px;
color:#FFFFFF!important;
font-family: 'Khand',sans-serif;
text-transform:uppercase;
padding:0px 8px 0px 8px;
letter-spacing:2px;
}

.my-sub-nav .my-sub-text:hover {
color:#f9f9f9!important;	
}

.my-sub-nav .my-sub-link {
text-decoration:none!important;
}

.my-sub-nav .my-sub-icon {
color:#FFFFFF!important;
position: relative;
margin: 0 auto;
margin-bottom:0px;
font-size: 18px;
text-align:left;
}

.my-sub-nav .my-sub-icon:hover {
color:#f9f9f9!important;	
}

@media (min-width: 1px) and (max-width: 991px) {
.my-sub-nav {
display:none!important;
}
}

.navigation_container {
max-width:1510px;
padding-right:25px!important;
padding-left:25px!important;
}


@media (min-width: 1px) and (max-width: 991px) {
.navigation_container {
max-width:1410px;
padding-right:0px!important; /* 15 px */
padding-left:0px!important; /* 15 px */
}
}

.weisser_kreis {
background-color:#faf7e6;
border-radius:50%;
padding:14px 10px 6px 10px;
width:54px;
height:54px;
-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.27);
box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.27);
}



/* ######################### Infoleiste Icons ################ */

.infoleiste_icons {
/* background-color:#F1f1f1; */
}

@media (min-width: 1px) and (max-width: 767px) {
.infoleiste_icons {
display:none;
}
}

.info_icons {
display:inline-block;
padding:8px 16px 8px 16px;
}

img.info_icons  {
width:140px;
height:auto;
transition: transform 0.3s ease;
}

@media (min-width: 575px) and (max-width: 767px) {
img.info_icons  {
width:110px;
height:auto;
}
}

@media (min-width: 992px) and (max-width: 1499px) {

.info_icons {
display:inline-block;
padding:6px 10px 6px 10px;
}

img.info_icons  {
width:100px;
height:auto;
}
}

img.info_icons:hover {
transform: rotate(30deg);
}


.flex {
display: flex;
justify-content: center;
align-items: center;
}

/* Keywords Startseite nebeneinander ab 575px untereinander */

/* Desktop: alles normal */
.keywords_mobile {
display:none;
}

@media (max-width: 425px) {
.keywords_mobile {
display:block;
}	
.keywords_pc {
display:none;
}
}

/* Modul 0029 - Text mit Bild (1 - 4 Spalten) Umbruch 50% - 50% bei 992px untereinander */

.wrapper-page .view_bis_992 {
margin-top:45px;
}

.wrapper-page .view_bis_992 .helles_grau {
background-color:#f4f3f2;
padding:15px 15px 15px 15px!important;
}

.wrapper-page .view_bis_992 .dunkles_grau {
background-color:#FFFFFF;
padding:15px 15px 15px 15px!important;
}

.wrapper-page .view_bis_992  .pictext h2 {
font-size:30px!important;
line-height:30px!important;
margin-bottom:10px!important;
}

.wrapper-page .view_bis_992 p {
font-size:21px!important;
line-height:24px!important;
margin-bottom:0px!important;
}

.wrapper-page .view_bis_992 a.schalter_mehr_infos,
.wrapper-page .view_bis_992 a.schalter_mehr_infos:link,
.wrapper-page .view_bis_992 a.schalter_mehr_infos:visited {
display:inline-block!important;
margin-top:15px!important;
padding: 3px 11px 5px 11px!important;
font-size:19px!important;
line-height:21px!important;
}


@media (min-width: 992px) {
.wrapper-page .view_bis_992 {
display:none!important;
}
}

@media (max-width: 991px) {
.wrapper-page .view_ab_992 {
display:none!important;
}
}

/* Spacer vom oben für Seiten mit Meta Eigenschaft ohne Slider */

.spacer {
margin-top: 160px!important; /* mit subnavi 110px */
}

.spacer_0 {
/* mit Headerbildslider jedoch mit 35 px Spacer unter Navi */
margin-top: 0px!important; 
}

@media (min-width: 1px) and (max-width: 991px) {
.spacer {
clear:both;
margin-top:10px!important; 
}

/*
.spacer_0 {
clear:both;
margin-top: 30px!important; 
}
*/
}

@media (min-width: 1px) and (max-width: 991px) {
.spacer_35 {
clear:both;
margin-top: 30px!important; 
}
}


/* unter Navi, vor .mtb - Abstand Navi zum Contentcontainer main */
.box-shadow-wrapper {
/* border-bottom:1px dotted #cbcbcb; */
margin-bottom:20px;
}


.wrapper-page {
/* margin-bottom: 20px; */
}

@media (min-width: 1px) and (max-width: 991px) {
.wrapper-page {
/* margin-bottom: 20px!important; */
}	
}

h1,
h2,
h3,
h4,
h5,
h6 {
/* font-family: 'Outfit',sans-serif; */
font-family: 'Exo', sans-serif;
margin-top:0px!important;
/* letter-spacing:-1px; */
word-wrap:break-word!important;
vertical-align: baseline;
text-transform:uppercase;
letter-spacing:0px;
word-spacing:2px;
font-weight:800;
text-transform:uppercase!important;
padding-top:0px!important;
}

h1 { /* Farbe wird individuell im Überschriftsmodul zugewiesen */
font-size: clamp(25px, 3vw + 1rem, 48px);
line-height: clamp(28px, 4.5vw + 0.5rem, 52px);
color:#3b5666!important; 
margin-bottom:25px!important;
/* text-transform:uppercase; */
letter-spacing:0px;
}

/*
h1::after {
content: "";
background-color: #ffdf44;
width: 200px;
height: 3px;
position: absolute;
left: 0%;
transform: translate(15px,50px);
}
*/

h2,h3,h4,h5 {
font-size: clamp(25px, 4vw + 1rem, 40px);
line-height: clamp(31px, 5.5vw + 0.5rem, 44px);
margin-bottom:25px!important;
}

h2 {
color: #f9b61d !important;
filter: brightness(0.9999); /* Barriefrei gelb dunkler */
}



h3 {
color:#3b5666!important;
}

h4 {
color:#3b5666!important; 
}

h5 {
color:#3b5666!important; 
}

h6 {  /* u.a. Geschichte */
font-size:1.7em;
line-height:1.02em;
color:#3b5666!important; 
margin-bottom:13px!important;
border-bottom:2px dotted #d9002b;
padding-bottom:13px!important;
padding-top:12px;
/*
-webkit-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.26);
box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.26);
*/
}


/* Überschrift in Box als Overlay */

.box_over {
margin-top:-7vh!important;
background-color:#faf7f2;
padding:30px 20px 5px 20px!important;
}

.wrapper-page p {
padding: 0;
margin-bottom: 20px;
font-weight:200!important;
font-size: 1.0em;
line-height: 1.3em;
color:#6a6a6a!important;
-moz-hyphens: none!important;
-webkit-hyphens: none!important;
-ms-hyphens: none!important;
-o-hyphens: none!important;
hyphens: none!important;
letter-spacing:-0.4px;
/* margin-top: 10px; */
/* text-transform:uppercase */
}

strong {
font-weight:500!important;
/* font-size: 1.185em!important; */
}

em {
font-style:italic!important;
}

/* mark {
background-color: #FFFFFF;
color: #2B2E31;
padding: 0px 6px 0px 5px!important;
margin: 0;
display: inline-block;
line-height: 1;
} */

h2 mark {
line-height: 1;
}

/* mark:hover {
background-color: #d9002b;
color: #FFFFFF;
} */

/* lange zusammenhaengende Worter umbrechen */
@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page p {
word-wrap:break-word!important;
}
}

.wrapper-page ul { 
padding-left: 17px;
}

.wrapper-page ol li,
.wrapper-page ul li {
line-height: 30px;
}

/* Images Zoom bei Rollover innerhalb der Größe */

/* Container-Wrapper */
.wrapper-page .img-zoom-wrapper {
  border-radius: 20px;
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-color: #fff;
  isolation: isolate;
  z-index: 1;
}

/* Das Bild */
.wrapper-page .img-zoom-wrapper img {
  border-radius: 20px;
  transition: transform 1.3s cubic-bezier(0.2, 0, 0.2, 1);
  width: 100%;
  height: auto;
  display: block;  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  filter: brightness(1.001); 
  transform: scale(1);
}

/* Hover-Zustand */
.wrapper-page .img-zoom-wrapper:hover img {
  transform: scale(1.20);  
  /* Falls es immer noch abdunkelt, diesen Filter dazunehmen: */
  filter: brightness(1); 
}


/* /////////////////////// Navigation ////////////////////////// */
/* /////////////// javascript in my_javascript.js ////////////// */

nav {
z-index:999;
position:relative;
}



#navigation {
/* 
background: linear-gradient(to bottom,#fcf9f4,#FFFFFF); 
background-color:#fefbf2;
-webkit-box-shadow: 0px 8px 20px -16px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 20px -16px rgba(0,0,0,0.16);
box-shadow: 0px 8px 20px -16px rgba(0,0,0,0.16);
border-bottom:2px dashed #d9002b;
*/
font-family: 'Khand', sans-serif;
text-align:right;
position:relative;
}

@media (min-width: 1px) and (max-width: 991px) {
#navigation {
text-align:left!important;
}
}

.mobile-brand {
/* padding: 10px 15px 10px 15px!important; */
padding-top: 17px!important;
text-align:left!important;
}

.menu-icon {
transition: transform 0.3s ease-in-out;
}

.mobile-brand .brand {
font-family: 'Titillium Web',sans-serif;
font-size:23px;
font-weight:400;
color:#f9f9f9;
}

@media(max-width: 480px) {

.mobile-brand .brand {
/*
font-size:18px!important;
line-height:24px!important;
*/
}	
}

/*
.mobile-brand .brand:before {
font-family: FontAwesome;
content: "\f095";
display: inline-block;
padding-right: 8px;
vertical-align: top;
font-weight: 300;
}

*/

/* Schalter Hamburger  */
.brand-menue {
display:inline-block;
padding:0;
float:right;
margin-top:-58px;
padding-right:25px!important;
}

@media (min-width: 1px) and (max-width: 480px) {
.brand-menue {
display:inline-block;
padding:0;
float:right;
margin-top:-58px;
padding-right:0px!important;
}
}

/* svg Grafik */
.icon-brand { 
width:60px;
height:auto;
margin-right:23px;
}

.mobile-brand .brand-menue {
font-family: 'Titillium Web',sans-serif;
font-size:23px;
font-weight:400;
color:#d9002b;
float:right;
padding-right:15px;
}

@media(max-width: 480px) {
.mobile-brand .brand-menue {
/*
font-family: 'Titillium Web',sans-serif;
font-size:20px;
line-height:25px;
color:#d9002b;
float:right;
padding-right:15px;
*/
}
}

#navigation  li,
#navigation  ol,
#navigation  ul { 
list-style:none!important;
margin:0px!important;
padding:0px!important;
margin-bottom:0px!important;
font-size:0px!important;
}

/* /// 1. Level /// */

#navigation ul li {
display: inline-block;
/* 
background-color:#FFFFFF;	
line-height: 25px;   
*/

cursor:pointer;
}


#navigation ul li a {
color: #6a6a6a;
text-decoration: none;
padding: 20px 13px 3px 15px; /* padding: 10px 8px 8px 9px; mit Shop Schalter */
display: block;
font-weight:400!important;	  
font-size: 22px!important;
letter-spacing:1px;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.95);
/* background-color:#FFFFFF; */
transition: all 1000ms ease!important;
margin-right:4px;
border-radius:3px 3px 3px 3px;
/*
margin-left:11px;
margin-right:11px;
background-color:#d9002b;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
*/
}

/*
@media (min-width: 992px) and (max-width: 1100px) {
#navigation ul li a {
padding-right:10px!important;
padding-left:10px!important;
}
}
*/


@media (min-width: 992px) and (max-width: 1130px) {
#navigation ul li a {
padding: 14px 7px 14px 7px!important;
font-size:18px!important;
}
}

#navigation  ul li a:hover {
color:#FFFFFF;
background-color:#3b5666;
}

#navigation li.active a {
color:#FFFFFF;
background-color:#f9b61d; /* 742d33 */
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

#navigation li.active a:hover {
color:#3b5666;
background-color:#FFFFFF; /* 742d33 */
}

#navigation  ul ul {
position: absolute;
width:auto!important;
background:inherit!important;
display: none;
}

/* ################### 2. Level Desktop ######################### */

/* Submenu List Items */
#navigation ul li ul li {
display: block;
text-align: left;
margin: 0 !important;
border-radius:0px;
}

/* Submenu Links */
#navigation ul li ul li a {
background: rgba(59, 86, 102, 1) !important;
padding: 8px 25px 8px 20px !important;
border-bottom: 1px dotted #fff !important;
color:#FFFFFF;
font-size: 23px !important;
font-weight: 300 !important;
border-radius:0px!important;
}

/* Show submenu on hover */
#navigation ul li:hover ul {
display: block;
}

/* Active state */
#navigation ul li ul li.active a {
background-color: #d9002b !important;
color:#FFFFFF!important;
border-radius:0px!important;
}

/* Hover state */
#navigation ul li ul li a:hover {
background-color:#FFFFFF!important;
color:#000!important;
border-radius:0px!important;
}

/* Remove border from last item */
#navigation ul li ul li:last-child a {
border-bottom:0px!important;
}

/* Desktop: hide 2nd level */
@media (min-width: 992px) {
#navigation .my_2_level {
display: none;
}
}

/* Arrow icon (mobile) */
#navigation ul li i {
color: #6a6a6a;
float: right;
padding-right: 7px;
}

/* Nav toggle */
nav div {
cursor: pointer;
display: none;
}

/* ################### Handy - mobile Vereinbarungen ######################### */

@media(max-width: 991px) {

#navigation .container {
padding-right: 0px!important;
padding-left: 0px!important;
margin-right: auto!important;
margin-left: auto!important;
}

nav div
{ display: block; }

#navigation ul {
display: none;
position: static;
text-align:left!important;
background-color:#FFFFFF;
}

#navigation ul li {
display: block;
}

#navigation ul li {
border-bottom:1px dotted rgba(106,106,106, 0.8)!important;
background-color:#FFFFFF;
}

#navigation ul li a {
color:#6a6a6a!important;
padding:14px 20px 12px 33px!important;
font-size:23px!important;
line-height:23px!important;
font-weight:400!important;
text-align:left;
letter-spacing:1px!important;
margin-left:0px!important;
margin-right:0px!important;
background: rgba(255,255,255, 1.0)!important;
border-radius:0px;
}

#navigation ul li a:before {
display:none;
}

#navigation ul li a:hover {
color:#FFFFFF;
/* background-color:#d9002b!important; */ /* 742d33 */
}

#navigation ul li.active a  {
color:#FFFFFF!important;
background-color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

#navigation ul li.active ul li a {
color:#6a6a6a!important;
background-color:#FFFFFF!important;
}

#navigation ul li.active ul li.active a {
color:#FFFFFF!important;
background-color:#d9002b!important;
}

#navigation ul li.active a:hover {
color:#f9f9f9!important;  
}  

#navigation ul ul {
position: static;
}

#navigation ul li ul li {
color:#6a6a6a!important;
}

#navigation  ul li ul li a {
padding:16px 35px 16px 45px!important;
font-size: 23px!important;
line-height: 23px!important;
font-weight: 400!important;
background-color:#FFFFFF!important;
color:#6a6a6a!important;
}

#navigation  ul li ul.submenu li a:hover {
color:#6a6a6a!important;
background: #FFFFFF!important;
}

#navigation ul li ul li a:last-child,
#navigation ul li ul li:last-child,
#navigation ul li:last-child,
#navigation li li:last-child,
#navigation ul li:last-child {
border-bottom: 0px solid #000000!important;
}

#navigation ul li:last-child {
border-bottom: 1px dotted #a59b92!important;
}

} /* Ende von 992px */


/* /////////////////////// Ende Navigation ////////////////////////// */


/* ///////////////////////////////////////////// Barriefrei Eventuell wieder raus /////////////////////////////// */

button {
all: unset;             /* Entfernt alle Bootstrap-Styles */
display: inline-block;  /* Klickbares Element */
cursor: pointer;        /* Zeigt Hand beim Hover */
background: none;       /* Kein Hintergrund */
border: none;           /* Kein Rahmen */
padding: 0;             /* Kein Padding */
margin: 0;              /* Kein Margin */
}

button img {
display: block;         /* Verhindert Inline-Abstände */
height: auto;           /* proportional skalieren */
}

/* ///////////////////////////////////////////// Eventuell wieder raus /////////////////////////////// */




/* 00312 - Text auf Hintergrundbild - BG Images komplette Breite (1 - 4 Spalten) */

.wrapper-page .abschnitt-wrapper {
position: relative;
}

.wrapper-page .abschnitt-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0, var(--overlay-opacity, 0.2)); 
z-index: 1;
}

.wrapper-page .abschnitt-content {
position: relative;
z-index: 2; /* liegt über dem Overlay */
}

.wrapper-page .abschnitt-content-spacer {
padding-top:180px;
padding-bottom:180px;
}

@media (min-width: 1px) and (max-width: 575px) {
.wrapper-page .abschnitt-content-spacer {
padding-top:100px;
padding-bottom:90px;
}
}

.wrapper-page .abschnitt-wrapper img,
.wrapper-page .abschnitt-wrapper a img,
.wrapper-page .abschnitt-wrapper a img:link {
transition: all 0.7s ease; /* sanfte Animation */
border-radius:30px 30px 0px 0px;
}

.wrapper-page .abschnitt-wrapper a img:hover {
opacity:0.9;
}

/* ########################### customer listing #############  */

/* für Liste bei zentriert */
.wrapper-page .bug_liste ul  li{ 
list-style-position: inside!important;
margin:auto 0!important;
}

.wrapper-page ul {
clear:both;
margin:0 0 15px 0px; /* margin:0 0 30px 10px; */
}

.wrapper-page ul li {
line-height: 1.4em;
padding: 10px 0px 12px 0px!important;
margin-left:13px;
margin-bottom:7px!important;
color:#6a6a6a!important;
-moz-hyphens: none!important;
-webkit-hyphens: none!important;
-ms-hyphens: none!important;
-o-hyphens: none!important;
hyphens: none!important;
list-style-type:none!important;
list-style-image:url(../../media/listenpunkt_schwarz.svg);
border-bottom:1px dotted #a4a2a2!important;
}

.wrapper-page ul li  a,
.wrapper-page ul li  a:link,
.wrapper-page ul li  a:visited {
color:#6a6a6a!important;
font-weight:300!important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important; /* dünnere Linie */
text-underline-offset: 4px; /* Abstand etwas schöner */
}


.wrapper-page ul li  a:hover {
color:#f9f9f9!important;
}

.wrapper-page ul li:last-child {
/* border-bottom: 0px dotted #5f6437!important; */
}

.wrapper-page ol {
counter-reset: item;
list-style-type: none;
padding-left: 0;
}

.wrapper-page ol li {
counter-increment: item;
margin-bottom: 15px;
padding: 10px 15px 10px 45px; /* Platz für den Kreis */
position: relative;
text-align: left;
color:#cdcdcd;
}

.wrapper-page ol li::before {
content: counter(item);
position: absolute;
top: 50%;
left: 0px; /* Abstand vom linken Rand */
transform: translateY(-50%);
background-color:#f9f9f9;
color:#d9002b;
padding-top:2px;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
}

/* ############### Text und folgende Telefonnummern #########  */

p span.trennung_nummern {
float: left;
font-size: 17px!important;
}

p span.trennung_nummern_mobile {

}

@media (min-width: 1px) and (max-width: 575px) {
.wrapper-page span.trennung_nummern {
font-weight:400!important;
font-size: 17px!important;
}	
}

@media (min-width: 1px) and (max-width: 575px) {
.wrapper-page  span.trennung_nummern_mobile {
clear:both!important;	
display:block;
width:100%;
border-bottom: 1px dotted #999999;
line-height:30px!important;
}
}

/* //////////////////////////// neue Version mit Verlauf Bild Linktext ///////////////////// */

.wrapper-page .bild_link_beschreibung {
margin-bottom:20px;
}

.wrapper-page .bild_link_beschreibung:before {
position: absolute;
bottom: 20px;
top: auto;
left: 0;
width: 100%;
height: 55%;
display: block;
z-index: 10;
content: '';
background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(27, 28, 30, 0.55) 100%);
}

.wrapper-page .bild_link_beschreibung {
height:100%;
position:relative;	
}

.wrapper-page .bild_link_beschreibung .link_bild_beschreibung,
.wrapper-page .bild_link_beschreibung .link_bild_beschreibung a,
.wrapper-page .bild_link_beschreibung .link_bild_beschreibung a:link {
width:80%;
display:inline-block;
text-decoration:none!important;
position:absolute;
bottom:0; /* 7% */
left: 50%;
transform: translate(-50%,-55px); /* y 45% */
z-index:300;
font-size:28px;
line-height:34px;
text-align:center;
font-weight:600!important;
padding:15px 10px 15px 10px;
letter-spacing:0px!important;
border-radius:0px;
color:#03141a;
background-color:rgba(255,255,255, 0.85);
font-style:italic;
/*
border-top:2px solid rgba(255,255,255, 0.5)!important;
border-bottom:2px solid rgba(255,255,255, 0.5)!important;
*/
}

.bild_link_beschreibung .link_bild_beschreibung:hover {
color:#FFFFFF;
background-color:rgba(0,0,0, 0.35);
/*
border-top:2px solid rgba(255,255,255, 0.5)!important;
border-bottom:2px solid rgba(255,255,255, 0.5)!important;
*/
}

/* //////////////////////////// Ende neue Version mit Verlauf ///////////////////// */

/* //////////////////////////// neue Version mit Verlauf Bild Linktext ///////////////////// */
/* //////////////////////////// Modul 0031 - Text auf Hintergundbild (1 - 4 Spalten) ////////////////// */

.wrapper-page .spalter_mit_bgimages {
position:relative;	
}

/* BG Color bei Boxen mit Hintergrundfarbe ausblenden */

.wrapper-page .spalter_mit_bgimages .wrapper_text_grau_bg_images, 
.wrapper-page .spalter_mit_bgimages .wrapper_text_grau, 
.wrapper-page .spalter_mit_bgimages .wrapper_text,
.wrapper-page .spalter_mit_bgimages .hellgrau,
.wrapper-page .spalter_mit_bgimages .dunkelbraun
{
padding:0px!important;
}

.wrapper-page .spalter_mit_bgimages .box_bg {
background-color:#3b5666; /* Kontrast von weißer schrift auf dunklen BG, weglassen wenn ohne Barrierefrei */
transition: opacity 5s ease;
height:600px;
border-top-right-radius: 0px;
background-size: cover;
background-position: center;
position:relative;
transition: background-position 5s ease;
transition: background-position 5s ease, transform 5s ease;
transform: scale(1.00);
border-radius:25px;
}

@media (max-width: 991px) {
.wrapper-page .spalter_mit_bgimages .box_bg {
height:500px!important;	
}
}

.wrapper-page .spalter_mit_bgimages .box_bg:hover {
transform: scale(1.00);
transition: opacity 2s ease;
opacity:0.95;
background-position:right!important;
transition: background-position 5s ease;
}

@media (max-width: 991px) {
.wrapper-page .spalter_mit_bgimages .box_bg {
margin-bottom:40px;
}
}

.wrapper-page .spalter_mit_bgimages .box_bg::before {
position: absolute;
bottom: 0;
top: auto;
left: 0;
width:100%;
height: 65%;
display: block;
z-index: 10;
content: '';
/* background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(142,0,65,.53) 100%); */
/* background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(65,65,65,0.85) 100%); */
/* background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(1,105,100,.75) 100%); */
background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(27, 28, 30, 0.85) 100%);
transition: opacity .65s cubic-bezier(.05,.2,.1,1);
border-radius:25px;
}

.wrapper-page .spalter_mit_bgimages .inner {
width:90%;
display:inline-block;
text-decoration:none!important;
position:absolute;
bottom:30px; /* 7% */
left: 50%;
transform: translate(-50%,0); /* y 45% */
z-index:300;
font-size:28px;
line-height:34px;
font-weight:300!important;
padding:0px 35px 0px 35px!important;
letter-spacing:0px!important;
border-radius:0px;
border-radius:25px;
}

.wrapper-page .spalter_mit_bgimages li,
.wrapper-page .spalter_mit_bgimages a,
.wrapper-page .spalter_mit_bgimages a:link,
.wrapper-page .spalter_mit_bgimages .inner h1,
.wrapper-page .spalter_mit_bgimages .inner h2,
.wrapper-page .spalter_mit_bgimages .inner h3,
.wrapper-page .spalter_mit_bgimages .inner h4,
.wrapper-page .spalter_mit_bgimages .inner p,
.wrapper-page .spalter_mit_bgimages .inner strong {
color:#FFFFFF!important;
}


.wrapper-page .spalter_mit_bgimages .inner h2 {
font-size: clamp(30px, 6vw + 1rem, 50px);
line-height: clamp(35px, 6.5vw + 0.5rem, 55px);
}

.wrapper-page .spalter_mit_bgimages .inner p {
line-height:28px!important;
font-weight:300!important;
font-size:25px;
line-height:25px;
}

.wrapper-page .spalter_mit_bgimages .inner a.link_bgimages,
.wrapper-page .spalter_mit_bgimages .inner a.link_bgimages:link {
display:inline-block;
font-size:25px;
line-height:29px;
font-weight:600!important;
padding:7px 30px 5px 27px!important;
letter-spacing:0px!important;
border-radius:0px;
color:#FFFFFF!important;
background-color:rgba(255,255,255, 0.0);
border:1px solid rgba(255,255,255, 0.8);
text-decoration:none;
-moz-hyphens: auto!important;
-webkit-hyphens: auto!important;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
hyphens: auto!important;
text-transform:uppercase;
font-style:italic;
margin-top:10px;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .spalter_mit_bgimages .inner a.link_bgimages,
.wrapper-page .spalter_mit_bgimages .inner a.link_bgimages:link {
display:inline-block;
font-size:22px;
line-height:25px;
font-weight:600!important;
padding:6px 25px 5px 22px!important;
}
}

.wrapper-page .spalter_mit_bgimages .inner a.link_bgimages:hover {
color:#191a1c!important;
background-color:rgba(255,255,255, 1);
border:1px solid rgba(255,255,255, 1);
}

/* Images Zoom bei Rollover innerhalb der Größe */

/* Container-Wrapper */
.wrapper-page .img-zoom-wrapper-bg-images {
  border-radius: 20px 20px 0px 0px;
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-color:inherit;
  isolation: isolate;
  z-index: 1;
}

/* Das Bild */
.wrapper-page .img-zoom-wrapper-bg-images img {
  border-radius: 20px 20px 0px 0px;
  transition: transform 1.3s cubic-bezier(0.2, 0, 0.2, 1);
  width: 100%;
  height: auto;
  display: block;  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  filter: brightness(1.001); 
  transform: scale(1);
}

/* Hover-Zustand */
.wrapper-page .img-zoom-wrapper-bg-images:hover img {
  transform: scale(1.20);  
  /* Falls es immer noch abdunkelt, diesen Filter dazunehmen: */
  filter: brightness(1); 
}


.wrapper-page .spalter_mit_bgimages .box {
display: flex;
flex-wrap: wrap;
padding: 11%;
transition: transform .65s cubic-bezier(.05,.2,.1,1),box-shadow .65s cubic-bezier(.05,.2,.1,1);
}

.wrapper-page .spalter_mit_bgimages .box .box-bg {
position: absolute;
top: 0;
left: 0;
height: 100.2%;
width: 100.2%;
background-size: cover;
z-index: 1;
background-position: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: all .6s cubic-bezier(.24,1,.3,1);
-webkit-transition: all .6s cubic-bezier(.24,1,.3,1);
}

.wrapper-page .abschnitt-wrapper .wrapper_text_grau {
/* background-color: rgba(0,0,0, 0.4) !important; */
background: linear-gradient(to bottom right, #f4f4f4, #f9f9f9);
}

/* //////////////////////////// Ende Version spalter_mit_bgimages mit Verlauf ///////////////////// */


img {
height: auto;
max-width: 100%;
}
.label {
font-size: 85%;
font-weight: 200;
}

.wrapper-page a,
.wrapper-page a:link {
color:#f9b61d;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
padding: 0;
margin: 0;
-webkit-transition: background-color .4s linear, color .4s linear;
-moz-transition: background-color .4s linear, color .4s linear;
-o-transition: background-color .4s linear, color .4s linear;
-ms-transition: background-color .4s linear, color .4s linear;
transition: background-color .4s linear, color .4s linear;
text-decoration: underline;
text-decoration-thickness: 1px; /* dünnere Linie */
text-underline-offset: 5px; /* Abstand etwas schöner */
}

a:hover, a:focus {
text-decoration:none!important;
color:#3b5666;
}

@media (min-width: 1px) and (max-width: 767px) {
.a,
.a:link {
word-wrap:break-word!important;
-moz-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}
}

::-moz-selection {
color: #fff;
text-shadow: none;
background: #2B2E31;
}

::selection {
color: #fff;
text-shadow: none;
background: #2B2E31;
}

.centered {
text-align: center;
}

/******************************* Modul bild_text_50_50 *****************************/


.bild_text_50_50 {

}

.bild_text_50_50 .row {
margin-left:0px;
margin-right:0px;
}

@media (min-width: 1px) and (max-width: 767px) {
.bild_text_50_50 .row {
--bs-gutter-x:1;
padding-right: calc(var(--bs-gutter-x) * 1.0);
padding-left: calc(var(--bs-gutter-x) * 1.0);
}
}

.bild_text_50_50 .grau {
background-color: rgba(194,228,238, 0.11) !important;
}

.bild_text_50_50 .gruen {	
background-color:#3b5666!important;
/* background-color: rgba(27, 28, 30, 0.05) !important; */
}

.bild_text_50_50 .gelb {	
/* background-color:#f9b61d!important; */
background: linear-gradient(to bottom right, #f9b61d, #fccc5e);
/* background: linear-gradient(to right bottom, #ce022a 50%, #d9002b 50%); */
/* background-color: rgba(217, 0, 43, 0.95) */;
}

.wrapper-page .bild_text_50_50 .gelb h1,
.wrapper-page .bild_text_50_50 .gelb h2,
.wrapper-page .bild_text_50_50 .gelb h3,
.wrapper-page .bild_text_50_50 .gelb h4 {	
color:#523a03!important;
}

.wrapper-page .bild_text_50_50 .grau h1,
.wrapper-page .bild_text_50_50 .grau h2,
.wrapper-page .bild_text_50_50 .grau h3,
.wrapper-page .bild_text_50_50 .grau h4,
.wrapper-page .bild_text_50_50 .grau a,
.wrapper-page .bild_text_50_50 .grau a:link,
.wrapper-page .bild_text_50_50 .grau ul li a,
.wrapper-page .bild_text_50_50 .grau ul li a:link,
.wrapper-page .bild_text_50_50 .grau ol li a,
.wrapper-page .bild_text_50_50 .grau ol li a:link {	
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

.wrapper-page .bild_text_50_50 .gruen h1,
.wrapper-page .bild_text_50_50 .gruen h2,
.wrapper-page .bild_text_50_50 .gruen h3,
.wrapper-page .bild_text_50_50 .gruen h4 {	
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

.wrapper-page .bild_text_50_50 .gruen p,
.wrapper-page .bild_text_50_50 .gruen li,
.wrapper-page .bild_text_50_50 .gruen a,
.wrapper-page .bild_text_50_50 .gruen a:link,
.wrapper-page .bild_text_50_50 .gruen ul li a,
.wrapper-page .bild_text_50_50 .gruen ul li a:link,
.wrapper-page .bild_text_50_50 .gruen ol li a,
.wrapper-page .bild_text_50_50 .gruen ol li a:link
{	
color:#FFFFFF!important;
}

.wrapper-page .bild_text_50_50 .gelb p,
.wrapper-page .bild_text_50_50 .gelb li,
.wrapper-page .bild_text_50_50 .gelb ul li a,
.wrapper-page .bild_text_50_50 .gelb ul li a:link,
.wrapper-page .bild_text_50_50 .gelb ol li a,
.wrapper-page .bild_text_50_50 .gelb ol li a:link,
.wrapper-page .bild_text_50_50 .gelb a,
.wrapper-page .bild_text_50_50 .gelb a:link {	
color:#523a03!important;
}


.wrapper-page .bild_text_50_50 .grau ul li {	
list-style-image: url(../../media/listenpunkt_schwarz.svg)!important;
}

.wrapper-page .bild_text_50_50 .gelb ul li {	
border-bottom: 2px dotted rgba(106,106,106, 0.5)!important;
list-style-image: url(../../media/listenpunkt_schwarz.svg)!important;
}

.wrapper-page .bild_text_50_50 .gruen ul li {	
border-bottom: 2px dotted rgba(244,244,244, 0.5)!important;
list-style-image: url(../../media/listenpunkt_weiss.svg)!important;
}

.wrapper-page .bild_text_50_50 .grau ul,
.wrapper-page .bild_text_50_50 .gelb ul,
.wrapper-page .bild_text_50_50 .gruen ul {
margin-bottom:35px;	
}

.wrapper-page .bild_text_50_50 ul li a,
.wrapper-page .bild_text_50_50 ul li a:link,
.wrapper-page .bild_text_50_50 ol li a,
.wrapper-page .bild_text_50_50 ol li a:link,
.wrapper-page .bild_text_50_50 a,
.wrapper-page .bild_text_50_50 a:link {	
font-weight:500!important;
}


@media (min-width: 768px) {

.bild_text_50_50 .padding_15 {
padding:25px 15px 25px 15px!important;
}

.bild_text_50_50 .padding_30 {
padding:50px 30px 40px 30px!important;
}

.bild_text_50_50 .padding_50 {
padding:70px 50px 60px 50px!important;
}

.bild_text_50_50 .padding_100 {
padding:100px 100px 110px 100px!important;
}

}


@media (min-width: 0px) and (max-width: 767px) {
.bild_text_50_50 .gelb,
.bild_text_50_50 .grau,
.bild_text_50_50 .gruen {
text-align:left!important;
}

.bild_text_50_50 .bild_rechts,
.bild_text_50_50 .bild_links  {
background-size:0px!important;
}

.bild_text_50_50 .small_padding {
clear:both;
padding:50px 50px 35px 50px!important;
}
}


/******* 004 - Bild links - Text rechts - wahlweise 33% - 50% - 66% (2 Spalten) ********/

/* Container-Abstände */
.wrapper-page .auswahl_33_66 {
margin-bottom: 25px;
}

.auswahl_33_66 .row.align-items-center {
display: flex;
align-items: center;
}


@media (max-width: 767px) {
.auswahl_33_66 .abstand_text {
	padding-left: 0;
	margin-top: 0px;
}
.auswahl_33_66 img {
	margin-bottom: 25px;
}
}


.wrapper-page .auswahl_33_66 {
/* background-color: rgba(255,255,255, 1)!important; */
}

.wrapper-page .auswahl_33_66 .abstand_text {
/* padding-left:20px; */
}

.wrapper-page .auswahl_33_66 .preis {
display:inline-block;
padding:7px 12px 5px 12px;
background-color:#f3afc2 ;
color:#fefef6;
font-weight:300!important;
border:0px solid #f3afc2 ;
font-size:20px!important;
line-height:23px!important;
border-top-left-radius: 0px!important;
border-bottom-right-radius: 0px!important;	
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .auswahl_33_66 .abstand_text {
padding-left:0px;
}
}

.wrapper-page .auswahl_33_66 a,
.wrapper-page .auswahl_33_66 a:link,
.wrapper-page .auswahl_33_66 a:visited {
color:#3b5666!important;
}

.wrapper-page .auswahl_33_66 a:hover {
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

/* Images Zoom bei Rollover innerhalb der Größe */

/* Container-Wrapper */
.wrapper-page .img-zoom-wrapper-33-66-images {
  border-radius: 20px;
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-color: #fff;
  isolation: isolate;
  z-index: 1;
}

/* Das Bild */
.wrapper-page .img-zoom-wrapper-33-66-images img {
  border-radius: 20px;
  transition: transform 1.3s cubic-bezier(0.2, 0, 0.2, 1);
  width: 100%;
  height: auto;
  display: block;  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  filter: brightness(1.001); 
  transform: scale(1);
}

/* Hover-Zustand */
.wrapper-page .img-zoom-wrapper-33-66-images:hover img {
  transform: scale(1.20);  
  /* Falls es immer noch abdunkelt, diesen Filter dazunehmen: */
  filter: brightness(1);
}

/* /////////////////// Wrapper Text bei farbigen Boxen ///////////////// */

.wrapper-page .wrapper_text {
background:#FFFFFF;
/* background: linear-gradient(to right bottom, #FFFFFF 50%, #f9f9f9 50%); */
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
/*
background-image:url(../../media/bg_spalte_weiss.png);
background-position:bottom left!important;
background-repeat: no-repeat;
*/

}

.wrapper-page .wrapper_text_grau p {
color:#6a6a6a!important;	
}

.wrapper-page .wrapper_text_grau_bg_images {
/* background-color:#f4f4f4; */
background: linear-gradient(to bottom right, #f4f4f4, #f9f9f9);

/* background-color: rgba(194,228,238, 0.11) !important; */
/* background: linear-gradient(to bottom,rgba(194, 228, 238, 0.11), rgba(194, 228, 238, 0))!important; */
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;

/* 
background-image:url(../../media/bg_spalte_grau.png);
background-position:bottom left!important;
background-repeat: no-repeat;
*/

}

.wrapper-page .wrapper_text_grau_bg_images {
background: linear-gradient(to bottom,rgba(0, 0, 0,0.6), rgba(0, 0, 0,0.6))!important;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;

/* 
background-image:url(../../media/bg_spalte_grau.png);
background-position:bottom left!important;
background-repeat: no-repeat;
*/

}

.wrapper-page .wrapper_text_grau_bg_images,
.wrapper-page .wrapper_text_grau,
.wrapper-page .wrapper_text {
padding:55px 40px 35px 40px;
display:block;
position:relative;
/* background-color:#f4f4f4!important; */
background: linear-gradient(to bottom right, #f4f4f4, #f9f9f9);
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .wrapper_text_grau_bg_images,
.wrapper-page .wrapper_text_grau,
.wrapper-page .wrapper_text {
padding:35px 25px 20px 25px!important; /* Ränderabstand kleiner */
margin-bottom:30px; /* visueller Abstand von Containern z.b. wenn nur Text*/
}
}

/* /////////////////// grün Box ///////////////// */

.wrapper-page .wrapper-page .gruen {
position:relative;
background-color:#3b5666!important;
/* background: linear-gradient(to right bottom, #ce022a 50%, #d9002b 50%)!important; */
/* background-color: rgba(217, 0, 43, 0.9); */
}

.gruen h1,
.gruen h2,
.gruen h3,
.gruen h4,
.gruen h5,
.gruen h6 {
/* font-weight:600!important; */
color:#f9b61d!important;
}



.gruen img
{
margin-bottom:0px!important; /* 25 */
}

.gruen p,
.gruen ul li,
.gruen ol li {
color:#6a6a6a!important;
}

.gruen a,
.gruen a:link,
.gruen a:visited {
color:#f9b61d!important;
font-weight:500;
}

.gruen ul li {
border-bottom: 2px dashed #6a6a6a!important;
}

.gruen ul li {
list-style-image: url(../../media/listenpunkt_schwarz.svg)!important;
}

.gruen .schalter_position {
margin-top:0px!important;
}

@media (max-width: 992px) {
.gruen .schalter_position {
margin-top:0px!important;
}
}

/* /////////////////// hellgrau Box ///////////////// */

.wrapper-page .hellgrau {
position:relative;
/* background-color:#f4f4f4; */
/* background-color: rgba(194,228,238, 0.05) !important; */
/*
background-image:url(../../media/xxx.svg);
background-repeat: no-repeat;
background-position: center center;
-webkit-background-position: center center;
*/
/*
background-position: center 25px;
-webkit-background-position: center 25px; 25 von top Versatz
*/
background-size: cover;
}

.wrapper-page .hellgrau h1,
.wrapper-page .hellgrau h2,
.wrapper-page .hellgrau h3,
.wrapper-page .hellgrau h4 {
/* font-weight:600!important; */
color:#f9b61d!important;
}

.wrapper-page .hellgrau img
{
margin-bottom:0px!important; /* 25 */
}

.wrapper-page .hellgrau p,
.wrapper-page .hellgrau ul li,
.wrapper-page .hellgrau ol li {
color:#6a6a6a!important;
}

.wrapper-page .hellgrau a,
.wrapper-page .hellgrau a:link,
.wrapper-page .hellgrau a:visited,
.wrapper-page .hellgrau ul li a,
.wrapper-page .hellgrau ul li a:link {
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
font-weight:500!important;
}

.wrapper-page .hellgrau ul li {
list-style-image: url(../../media/listenpunkt_schwarz.svg)!important;
border-bottom: 2px dotted rgba(244,244,244,0.7)!important;
}

/* /////////////////// hellgrau_box ///////////////// */

.wrapper-page .hellgrau_box {
position:relative;
}

.wrapper-page .hellgrau_box h1,
.wrapper-page .hellgrau_box h2,
.wrapper-page .hellgrau_box h3,
.wrapper-page .hellgrau_box h4 {
/* font-weight:600!important; */
}

.wrapper-page .hellgrau_box img
{
margin-bottom:0px!important; /* 25 */
}


.wrapper-page .hellgrau_box p,
.wrapper-page .hellgrau_box li {
color:#6a6a6a!important;
}

/* für BG Bild hinter 4 Spalter */

.wrapper-page .bg_images .wrapper_text_grau p,
.wrapper-page .bg_images .wrapper_text_grau li {
color:#DDDADA!important;
}

.wrapper-page .hellgrau_box a,
.wrapper-page .hellgrau_box a:link,
.wrapper-page .hellgrau_box a:visited,
.wrapper-page .hellgrau_box ul li a,
.wrapper-page .hellgrau_box ul li a:link {
color:#f9b61d!important;
font-weight:500!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

.wrapper-page .hellgrau_box li {
border-bottom: 2px dotted #cdcdcd!important;
}

.wrapper-page .hellgrau_box ul li {
list-style-image: url(../../media/listenpunkt_schwarz.svg)!important;
/* border-bottom: 2px dotted rgba(244,244,244,0.7)!important; */
}

.wrapper-page .bg_images .hellgrau_box .wrapper_text_grau {
background:rgba(0,0,0,0.5)!important;
}

/* ################### Überschriften Format alle bei 991 ################## */

@media (max-width: 992px) {

.wrapper-page .hellgrau_box h1,
.wrapper-page .hellgrau_box h2,
.wrapper-page .hellgrau_box h3,
.wrapper-page .hellgrau_box h4,
.wrapper-page .hellgrau h1,
.wrapper-page .hellgrau h2,
.wrapper-page .hellgrau h3,
.wrapper-page .hellgrau h4,
.wrapper-page .rot h1,
.wrapper-page .rot h2,
.wrapper-page .rot h3,
.wrapper-page .rot h4 {
/* font-size:31px!important; */
/* line-height:31px!important; */
margin-bottom:15px!important;
/* font-weight:600!important; */
/* letter-spacing:-1px!important; */
}
}



/* ################### Dreispalter rahmen ################## */

.wrapper-page .dreispalter_rahmen {
/* background-color: rgba(0,0,0, 0.03); */

background-color:#f4f4f4!important;
padding:40px 30px 40px 30px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;

/*
-webkit-box-shadow: 0px 8px 17px -16px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 17px -16px rgba(0,0,0,0.16);
box-shadow: 0px 8px 17px -16px rgba(0,0,0,0.16);
*/

/*
-webkit-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.11); 
box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.11);
*/

/* background-image:url(../../media/logo_weinlauf_glaeser.svg); */
background-repeat: no-repeat;
background-position: center center;
-webkit-background-position: center center;
background-size: cover;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .dreispalter_rahmen {
padding:20px!important;
}	
}

.wrapper-page .dreispalter-inner-wrapper {
padding: 0px 15px 0px 15px;	
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .dreispalter-inner-wrapper {
padding: 0px 20px 0px 20px!important;	
}	
}

.wrapper-page .dreispalter_rahmen h1,
.wrapper-page .dreispalter_rahmen h2,
.wrapper-page .dreispalter_rahmen h3,
.wrapper-page .dreispalter_rahmen h4 {
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
font-weight:600!important;
}

.wrapper-page .dreispalter_rahmen a,
.wrapper-page .dreispalter_rahmen a:link,
.wrapper-page .dreispalter_rahmen a:visited,
.wrapper-page .dreispalter_rahmen ul li a,
.wrapper-page .dreispalter_rahmen ul li a:link {
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
font-weight:500!important;
}

.wrapper-page .dreispalter_rahmen ul li {
list-style-image: url(../../media/listenpunkt_schwarz.svg)!important;
border-bottom: 2px dotted #6a6a6a!important;
}


/* zweispalter 1200pxAbstand zu gering original */
.wrapper-page .spacer_container_1200 img {
/* padding-right:30px!important; */
/* padding-left:30px!important; */
}


/* vertikale Ausrichten von Text ind Zellen */

.wrapper-page .position-absolute {

}

.wrapper-page .my_vertikal {
top: 45%;
transform: translate(0,-45%);
position:relative;
}

.wrapper-page .rahmenbilder img {
/*
border-radius: 1px !important;
-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.17);
box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.17);
padding: 2px 2px 2px 2px;
*/
}


/* //////////////// kategorieliste / interner Link /////////////////// */

.wrapper-page .kategorieliste {
margin-top:100px;
margin-bottom:70px;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .kategorieliste {
margin-top:60px;
margin-bottom:55px;
}
}

.wrapper-page a.interner_link, 
.wrapper-page a.interner_link:link,
.wrapper-page .kategorieliste a.kategorieliste_link, 
.wrapper-page .kategorieliste a.kategorieliste_link:link ,
.wrapper-page .kategorieliste a.kategorieliste_link:visited {
font-family: 'Khand', sans-serif;
display:inline-block;
font-size:22px!important;
line-height:25px!important;
font-weight:500!important;
padding: 10px 20px 7px 20px;
text-decoration:none!important;
margin:20px 10px 0px 10px;
letter-spacing:0px;
background-color:#f9f9f9;
color:#3b5666;
border-radius:5px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border: 1px dotted #889ea9;
text-transform:uppercase;
letter-spacing:0px;
}

.wrapper-page .big_bottom a.kategorieliste_link, 
.wrapper-page .big_bottom a.kategorieliste_link:link ,
.wrapper-page .big_bottom a.kategorieliste_link:visited {
font-family: 'Khand', sans-serif;
display:inline-block;
font-size:23px!important;
line-height:27px!important;
font-weight:500!important;
padding: 15px 20px 15px 20px;
min-width:260px;
text-decoration:none!important;
margin:20px 10px 0px 10px;
letter-spacing:0px;
background-color:#f9f9f9;
color:#3b5666;
border: 1px dotted #889ea9;
border-radius:5px;
}

.wrapper-page .kategorieliste a.kategorieliste_link:hover {
background-color:#f9b61d!important;
color:#f9f9f9!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

.wrapper-page .big_bottom a.kategorieliste_link i  {
display:block;
padding-bottom:10px;
color:#f9b61d;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
font-weight:300!important;
font-size:35px!important;
line-height:25px!important;
transition: color 0.3s ease 0.2s; /* Dauer + Verzögerung */
}

.wrapper-page .kategorieliste a.kategorieliste_link:hover i {
color:#FFFFFF;
}


.wrapper-page .kategorieliste a.my_kat_active {
background-color:#d9002b!important;
color:#f9f9f9!important;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page a.interner_link, 
.wrapper-page a.interner_link:link,
.wrapper-page .kategorieliste a.kategorieliste_link, 
.wrapper-page .kategorieliste a.kategorieliste_link:link ,
.wrapper-page .kategorieliste a.kategorieliste_link:visited {

}	
}


.wrapper-page a.interner_link_solo, 
.wrapper-page a.interner_link_solo:link {
display:inline-block;
font-size:20px!important;
line-height:20px!important;
font-weight:600!important;
/*  padding: 12px 18px 10px 18px; */
padding: 10px 20px 7px 18px!important;
text-decoration:none!important;
margin:15px 0px 18px 0px;
letter-spacing:0px;
background-color:#f9b61d;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
color:#FFFFFF!important;
text-align:right;
font-style:italic;
text-transform:uppercase;
}

.wrapper-page a.interner_link_solo:hover {
color: #FFFFFF!important;
background:#3b5666;
}

.wrapper-page a.interner_link_solo_rot, 
.wrapper-page a.interner_link_solo_rot:link {
display:inline-block;
font-size:23px!important;
line-height:23px!important;
font-weight:500!important;
/*  padding: 12px 18px 10px 18px; */
padding: 11px 20px 7px 18px!important;
text-decoration:none!important;
margin:15px 0px 18px 0px;
letter-spacing:0px;
color: #f9f9f9!important;
background:#d9002b;
text-align:right;
font-style:italic;
}

.wrapper-page a.interner_link_solo_rot:hover {
background-color:#f9f9f9;
color:#1b1c1e!important;
border: 0px solid #FFFFFF!important;
}

/* //////////////// ende /////////////////// */

/* //////////////////////// Artikelliste Accordion ///////////////////////////////// */

/* Alle Accordion-Inhalte standardmäßig verstecken */

.container_accodion {
margin-top:20px;
}

.accordion-content {
display: none;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

/* Container */
.container dl {
width: 100% !important;
margin: 0;
padding: 0;
}

/* kein Abstand unter ul */
.accordion-content ul   { 
margin: 0px 0px 0px 0px!important;
}

.accordion-content li   { 
}

.accordion-content li:last-child {
border:0px solid #f7b234!important;
}

.container dl dt,
.container dl dd {
width: 100% !important;
margin: 0;
padding: 0;
}

/* Accordion Titel */
.accordion-title h5 {
border-bottom: 1px solid #3b5666!important;
color: #a83980!important;
cursor: pointer;
font-size: 1.1em!important;
line-height: 28px;
padding: 4px 15px 5px 15px!important;
font-weight: 500!important;
letter-spacing: -0.5px;
transition: color 0.3s;
border-radius:1px;
/* background-color:#f8f9f9; */
margin-bottom:5px!important;
}

/* Standard-Icon */
.accordion-title a:after {
font-family: FontAwesome;
content: "\f103" !important; /* geschlossenes Icon */
padding-top: 2px;
padding-right: 3px;
vertical-align: top;
font-weight: 200;
color: #3b5666!important; /* Standardfarbe */
float: right;
font-size: 25px;
transition: color 0.3s; /* sanfter Übergang für Farbe */
}

/* Links Style */
.accordion-title a {
text-decoration: none !important;
}

/* Hover Effekte */
.accordion-title:hover a,
.accordion-title:hover a:link,
.accordion-title:hover a:after {
color: #f7b234!important; /* Hover-Farbe für Text + Icon */
}

.accordion-title:hover h5 {
color: #f7b234!important; /* Hover-Farbe für Text + Icon */
background-color:#3b5666;
}


/* Offener Zustand */
.accordion-title.accord_open a,
.accordion-title.accord_open a:after {
color: #f7b234!important; /* Text + Icon gelb */
content: "\f102" !important; /* geöffnetes Icon */
}

.accordion-title.accord_open h5 {
color: #f7b234!important; /* Text + Icon gelb */
content: "\f102" !important; /* geöffnetes Icon */
/* border-bottom: 1px solid #f7b234!important; */
color: #f7b234!important; /* Hover-Farbe für Text + Icon */
background-color:#3b5666;
}

/* Inhalte */
.accordion-content {
padding-top: 0;
padding-bottom: 15px;
}

/* Optional: Accordion Hintergrund transparent */
.accordion-title.accord_open,
.accordion-title.accord_closed {
margin-bottom:15px;
}


/* //////////////////////// Ende Artikelliste Accordion ///////////////////////////////// */

pre {
margin: 20px 0;
}
code {
padding: 5px 10px;
margin: 10px 0;
display: block;
}

blockquote {
border-left: 3px dotted #646b69!important; 
}

blockquote p {
margin-top: 0;
}

/*
blockquote {
padding-left: 30px;
padding-right: 30px;
margin: 20px;
margin-bottom: 30px;
border-left: 0px solid #eee; 
}

blockquote:after {
content: '„';
display: block;
float: left;
font-size: 700%;
margin-right: 10px;
margin-left: -50px;
margin-top: -140px;
color: #c00;
}

blockquote:before {
content: '“';
display: block;
float: right;
font-size: 700%;
margin-top: -40px;
margin-right: -50px;
color: black;
}

*/


.my_icon_plus {
cursor:pointer;
}


.hline {
display:block;
margin-top: 30px;
margin-bottom:50px;
width:400px;
height:1px;
background-color:#3b5666;
text-align:center;
position:relative;
}

.hline::before {
content: "";
background-color:#3b5666;
border: 8px solid #FFFFFF;
width: 32px;
height: 32px;
border-radius:50%;
position: absolute;
top: -15px; /* Abstand unter Box -> Groesse */
left: 50%;
margin-left: -17px;
z-index: 10;
/* border:2px dashed rgba(249,249,249,0.8); */
}


@media (min-width: 1px) and (max-width: 480px) {
.hline {
width:280px!important;
margin-top:20px!important;
margin-bottom:40px!important;
}
}

.hline_small {
border-bottom:7px solid rgba(0,0,0,0.03);
margin: 20px 0 20px;
}

.hline-w {
border-bottom: 1px solid #dbe1df;
margin-bottom: 25px;
}

#headerwrap {
background-color: #b2c85f;
min-height: 550px;
padding-top: 100px;
padding-bottom: 0px;
text-align: center;
}

#headerwrap h3, #headerwrap h5 { color: white; }
#headerwrap h1 {
color: white;
margin-bottom: 25px;
}

#headerwrap .img-responsive { margin: 0 auto; }
#service {
margin-top: 100px;
margin-bottom: 80px;
}

/* Iconsize */
.service .size2 .fa {
font-size: 20px;
}
.service .size3 .fa {
font-size: 26px;
}

.breadcrumb-wrapper {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 0px;
}
.breadcrumb-wrapper .home_link {
padding-left: 10px;
}
.rex-breadcrumb {
display: inline-block;
padding-left: 0px;
margin-bottom: 0;
}
.rex-breadcrumb>li,
.breadcrumb-wrapper .home_link{
display: inline-block;
}
.rex-breadcrumb>li+li:before,
.breadcrumb-wrapper .home_link:after {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb-wrapper .home_link:after {
padding-left: 10px;
}

/* /////////////////// Spacer Modul Leerzeile ////////////////// */

.spacer_leerzeile { 
height: 45px;
}

@media (min-width: 768px)
{
.spacer_leerzeile
{
height: 95px;
}
}

/* /////////////////// Ende Spacer Modul Leerzeile ////////////////// */


.container-parallax {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 15px;
position: relative;
width: 100%;
/* barrierefreiheit bei weißen Text auf Bild und BG Body Color #FFFFFF */
background-color: #3b5666 !important;
position: relative;
z-index: 1;
}

/*
.softline_bottom {
position:relative;
border-bottom: 30px solid rgba(255,255,255, 0.5);
margin-top:-29px;	
}

@media screen and (max-width: 767px) 
{
.softline_bottom {
position:relative;
border-bottom: 0px solid rgba(255,255,255, 0.4);
margin-top:0px;	
}	
}
*/

.container--big {
height: 175vh;
}
.container--full {
height:100vh;
}

@media screen and (max-width: 767px) 
{
.container--full {
min-height: 500px!important;
}
}

@media screen and (max-width: 991px) {
.karo_parallax {
display:none!important;
}
}


.container--small {
min-height: 65vh; /* eigentlich 50vh */
}

@media screen and (max-width: 991px) 
{
.container--small {
/* min-height:100%!important;*/ /* eigentlich 50vh */
min-height:inherit!important; /* eigentlich 50vh */
padding-top:70px!important;
padding-bottom:120px!important;
min-height: 400px!important;
}
}

/* Den Hauptcontainer für WAVE "sichtbar" dunkel machen */
.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -100;
    background-color: #3b5666 !important;
}

/* Das Pseudo-Element sorgt für die barrierefreie Farbenebene */
.parallax__container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3b5666; /* Deine dunkle Farbe */
    z-index: -1; /* Liegt innerhalb des Containers ganz unten */
}



.container-parallax .parallax {
/* can be put in a seperate class for better control */
background-position:top center!important;
background-repeat: no-repeat;
background-size: cover;
/* --------------------------- */
position: fixed;
top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
width: 100%;
}


@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}

@media screen and (max-width: 480px) {
.hide-on-mobile {
display: none;
}

.show-on-mobile--inline {
display: inline;
}
}

/* Preloader Parallax */

.image-container-parallax {
visibility: hidden;
position: absolute;
}

.image-container-image-parallax {
visibility: hidden;
position: absolute;
}

/* ///// Content Texte Parallax //// */

.container-parallax .bg_soft {
background-color: rgba(255,255,255, 0.00);
padding:0px 20px 0px 20px;
position:relative;
transform:translate(0,80px);
}

@media (min-width: 1px) and (max-width: 767px) {
.container-parallax .bg_soft {
padding:0px 5px 0px 5px;
}
}

.container-parallax .linien {
display:inline-block;
padding:15px 40px 0px 40px!important;
border-top:2px dashed rgba(255,255,255, 0.7);
border-bottom:2px dashed rgba(255,255,255, 0.7);
}

@media (min-width: 1px) and (max-width: 767px) {
.container-parallax .linien {
border-top:1px dashed rgba(255,255,255, 0.7);
border-bottom:1px dashed rgba(255,255,255, 0.7);
}	
}

.container-parallax .bg_soft h1,
.container-parallax .bg_soft h2,
.container-parallax .bg_soft h3 {
word-wrap:break-word!important;
/* font-size: clamp(70px, 2vw + 1rem, 300px)!important;
line-height: clamp(70px, 2.5vw + 0.5rem, 300px)!important; */
font-size: clamp(50px, 10vw + 1rem, 100px) !important;
line-height: clamp(50px, 11vw + 0.5rem, 100px) !important;
color:#FFFFFF!important;
font-weight:800!important;
background-color: rgba(0,0,0, 0.0)!important;
padding:14px 0px 0px 0px;
text-align:center!important;
display:inline-block;
word-spacing:10px;
text-shadow: 4px 4px 2px black;
/*
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
*/
}

.container-parallax .bg_soft h2 {
padding:12px 20px 12px 20px!important;
border-top:2px dashed rgba(255,255,255, 0.7);
border-bottom:2px dashed rgba(255,255,255, 0.7);
}

.container-parallax .bg_soft h3 {
}

.container-parallax .bg_soft p {
opacity:1;
color:#f9f9f9!important;
font-weight:400!important;
text-align:center!important;
}




/*/////////////////// für Modul 66 	/////////////////////////////// */

.fullpicture_position {
position:relative!important;
top:0%!important;
left:0%!important;
/* transform: translate(0,0); */
transform: translate(0,20%);
}

/* ******************** für Modul 14 *********************** */

.bg_soft {
/* background-color: rgba(0,0,0, 0.40)!important; */
padding:30px 35px 20px 35px;
display:inline-block;
}

.my-background-image-preload .overlay_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000; /* Schwarzer Layer mit 50% Transparenz * wir in redaxi REX 5 gesetzt in Auswahl/
z-index: 1; /* Stelle sicher, dass der Layer vor dem Hintergrundbild, aber hinter dem Inhalt liegt */
}

.my-background-image-preload {
position: relative;
overflow: hidden;
animation: zoomInOut 30s infinite; /* 10s ist die Dauer der Schleife, ändere sie nach Bedarf */
}

.my-background-image-preload::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: inherit;
background-size: cover;
background-position: center;
z-index: -1;
animation: zoomInOut 30s infinite;
}

@keyframes zoomInOut {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.06); /* Skaliert das Bild auf 120% */
}
}

/* Safari-Ausschluss mit @media und Safari-spezifischen Eigenschaften */
@media not all and (-webkit-min-device-pixel-ratio: 0) {
.my-background-image-preload {
animation: none !important; /* Deaktiviert Animation in Safari */
}

.my-background-image-preload::before {
animation: none !important; /* Deaktiviert Animation in Safari */
}
}

.container-parallax .bg_soft {
margin-top:30px;
/* padding:20px 20px 10px 20px!important; */
width:100%!important;
}

.bg_soft a,
.bg_soft a:link {
color:#f9f9f9!important;
display:inline-block;
background-color:#1b1c1e!important;
padding:12px 25px 11px 21px;
font-size:25px;
line-height:28px;
letter-spacing:0px;
margin-top:20px!important;
text-decoration:none!important;
font-style:italic;
font-weight:500;
}

.bg_soft a:hover {
background-color:#d9002b!important;
}

.bg_soft_var2 h1 {

}


.bg_soft h1,
.bg_soft h2,
.bg_soft h3 {
/*
font-size:50px!important;
line-height:50px;
*/
color:#1b1c1e!important;
font-weight:700!important;
display:inline-block;
margin-bottom:20px!important;
word-wrap:break-word!important;
}

.bg_soft h4
{
font-weight:700!important;
/* font-size:30px!important; */
color:#1b1c1e!important;
margin-bottom:10px!important;
word-wrap:break-word!important;
}

.bg_soft p {
color:#1b1c1e!important;
font-weight:400!important;
line-height:30px!important;
}

.bg_soft li {
color:#1b1c1e!important;
font-weight:300!important;
line-height:28px!important;
}

.bg_soft a.interner_link,
.bg_soft a.interner_link:link {
color:#f9f9f9!important;
display:inline-block;
background-color:#1b1c1e!important;
padding:12px 25px 13px 25px;
font-size:25px;
line-height:28px;
letter-spacing:1px;
margin-top:20px!important;
text-decoration:none!important;
}

.bg_soft a:hover.interner_link {
}

/* Modul 0141 ohne BG var */

.bg_soft_var3 {
/* background-color: rgba(255,255,255, 0.40)!important; */
/* background-color:#f9f9f9!important; */
background-color: rgba(0,0,0, 0.30)!important;
padding:27px 32px 16px 32px;
display:inline-block;
backdrop-filter: blur(7px);
}

.bg_soft_var3 h1 {

}

.bg_soft_var3 h1,
.bg_soft_var3 h2,
.bg_soft_var3 h3 {
/*
font-size:50px!important;
line-height:50px;
color:#1b1c1e!important;
font-weight:400!important;
*/
color:#FFFFFF!important;
display:inline-block;
margin-bottom:20px!important;
word-wrap:break-word!important;
letter-spacing:0px!important;
}

.bg_soft_var3 h4
{
font-weight:700!important;
/* font-size:30px!important;
color:#1b1c1e!important; */
margin-bottom:10px!important;
word-wrap:break-word!important;
}

.bg_soft_var3 p {
color:#FFFFFF!important;
font-weight:400!important;
line-height:28px!important;
}

.wrapper-page .bg_soft_var3 li {
color:#FFFFFF!important;
font-weight:400!important;
line-height:28px!important;
}

.bg_soft_var3 a,
.bg_soft_var3 a:link {
color:#f9f9f9!important;
display:inline-block;
background-color:#1b1c1e!important;
padding:12px 20px 11px 17px;
font-size:25px;
line-height:28px;
letter-spacing:0px;
margin-top:20px!important;
text-decoration:none!important;
font-style:italic;
font-weight:500;
}

.bg_soft_var3 a::before {
content: "\2192"; /* Unicode for right arrow */
display: inline-block;
margin-right: 8px; /* Adjust the space between the arrow and the link text */
font-weight:500;
}

.bg_soft_var3 a:hover {
background-color:#d9002b!important;
}


/* //////////////// Ende Content Texte Parallax //////////////// */

.spacing {
margin-top: 40px;
margin-bottom: 40px;
}

.badge-theme { background: #b2c85f; }

/* Abstand unter h zum Fließtext p im Spaltenmodus */
.pictext h1,
.pictext h2,
.pictext h3,
.pictext h4,
.pictext h5 {
margin-bottom: 25px;
word-wrap:break-word!important;
}

.pictext img {
/* border: 1px solid #ccc; */
border: 0px solid #ccc;
/* Abstand unter Bild im Spaltenmodus */
margin-bottom:35px;
}

/* Bilder zoomen bei rollover */
.pictext a img:hover,
.bunte_ausgabe a img:hover,
.footer_bild:hover,
.buntes_bild:hover {
-webkit-transform:scale(1.02)!important;
transform:scale(1.02)!important;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
opacity:0.7;
}

.wrapper-page .downloads h3 { margin-bottom: 25px; }

.wrapper-page .downloads a i.fa { color: #5b6d68; }
.wrapper-page .downloads a:hover i.fa { color: #b2c85f; }

.wrapper-page .downloads-wrapper  {
margin-bottom:5px!important;
}

@media (min-width: 1px) and (max-width: 991px) {
.wrapper-page .downloads-wrapper  {
padding-left:15px!important;
}
}


.wrapper-page .downloads-wrapper a {
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
font-weight:500!important;
text-decoration:none;
}

.wrapper-page .downloads-wrapper a:hover {
opacity:0.7;
}


/* Download Grau */

.wrapper-page .download_grau {
background-color: #fcfbf7!important;
padding:13px 0px 1px 20px!important;
}

.wrapper-page .downloads i.fa {
margin-right: 15px;
font-size: 18px;
position: relative;
}

.wrapper-page .downloads i.fa,
.wrapper-page .download_grau i.fa {
background-color:#3b5666!important;
width:40px;
height:40px;
text-align:center;
color:#FFFFFF!important;
border-radius:50%;
padding-top:11px;
padding-bottom:11px;
text-align:center;
font-size:18px;
}

@media (min-width: 1px) and (max-width: 480px) {
.wrapper-page .downloads i.fa,
.wrapper-page .download_grau i.fa {
padding-top:11px!important;
padding-bottom:8px!important;
}
}

.comments {
padding-top: 10px;
margin-top: 50px;
border-top: 2px solid #bfc9d3;
}

.comments h2 {
font-size: 24px;
padding-bottom: 30px;
}

#commentList li {
margin-top: 30px;
margin-bottom: 30px;
}

#commentList li::after {
content: '';
display: block;
background: #bfc9d3;
width: 100%;
height: 1px;
margin-left: -20px;
}

.board h1 { font-size: 24px; }
.board h2 { font-size: 20px; }

.teaser h2 {
margin-top: 0;
}
.teaser .hline {
margin-top: 30px;
margin-bottom: 40px;
}

.teaser .hline_small {
margin-top: 15px;
margin-bottom: 20px;
}


/* **************** table-scrollable **************** */

.wrapper-page .table-scrollable {
width: 100%;
overflow-y: auto;
margin: 20px 0px 20px 0px;		
}

.wrapper-page table {
/* border-top: 1px solid #ccc; */
/* margin-top: 50px; */
width: 100%;
background-color: inherit!important;
} 

.wrapper-page table th {
vertical-align: top;
text-transform: uppercase;
}

.table-scrollable table tr { 

}

.wrapper-page table tr:hover {

}


.wrapper-page tr:nth-child(even) {

background-color: rgba(184,228,238, 0.1) !important;
}
.wrapper-page tr:nth-child(odd) {
background-color: rgba(184,228,238, 0.3) !important;
}

.wrapper-page table td {
vertical-align: top;
padding: 10px 20px 10px 20px;
font-size:21px!important;
font-weight:300!important;
border: 2px solid #FFFFFF!important;
text-align:left;
color:#f9f9f9!important;
/* margin-bottom:20px!important; */
}

.wrapper-page table td h3 {
font-size:24px!important;
font-weight:500!important;
letter-spacing:0px!important;
color:#f9f9f9!important;
font-family: 'Khand',sans-serif!important;
padding-bottom:0px!important;
margin-bottom:0px!important;
}

@media all and (max-width: 767px) {
.wrapper-page table td {
word-wrap: break-word!important;
text-align:left;
font-size:21px!important;
}
}


@media all and (max-width: 991px) {

.dropdown-menu {
box-shadow: none;
position: relative;
/* display: block; */
float: none;
padding-top: 0;
padding-bottom: 20px;
list-style-type: disc;
}
.navbar-default .dropdown-toggle a {
border-bottom: 1px solid #5e6772;
}
.navbar-default .dropdown-menu li a,
.navbar-default .dropdown-toggle:last-child a {
color: #0070b2;
border-bottom: 1px dotted #646b69; /* Linie unter 2 Level mobile */
background-color:#FFFFFF!important;
}

.navbar-default .dropdown-menu li a:hover {
color:#45b4f5;
background-color:#FFFFFF!important;
}

.navbar-default .dropdown-menu  > .active > a {
color:#45b4f5!important;
background-color:#FFFFFF!important;
}

.dropdown-menu {
margin-left: 0;
padding-left: 30px;
}
.dropdown-menu > li {
color: #fff;
list-style-type: disc;
list-style-position: outside;
}
.dropdown-menu > li > a {
border: none;
padding: 6px 0;
}
.dropdown-menu > li > a:hover {
background: none;
}

.icon-tabs .tabs li {
margin-bottom: 16px;
margin-right: 0;
width: 49%;
}
.icon-tabs .tab-title i {
font-size: 32px;
}
.wrapper-page {
clear:both;
}

.parallax {
/*	background-attachment: scroll !important; */
}

}

@media (min-width: 1px) and (max-width: 480px) {
.navbar-brand {
margin-left: 0px!important;
}
}


.clearer {
display:block;
clear:both;
line-height:0;
height:1px;
font-size:0;
visibility:hidden;
}

.clear {
clear:both;
}

/* /////////////////////////////// 0033 - NEU Text links oder rechts mit Bild und versetzem Hintergrund ////////////////////////////////////// */

.wrapper-page .bild_text_versetzt .text-rechts {
margin-left: -100px;
/*  background: #faf5f1; */
padding: 58px 80px 48px 100px;
margin-top: 75px;
min-height: 490px;
border-radius:20px;
}

.wrapper-page .bild_text_versetzt .text-links {
margin-right: -100px;
/* background: #faf5f1; */
padding: 58px 100px 48px 80px;
margin-top: 75px;
min-height: 490px;
/* text-align:right; */
border-radius:20px;
}

.wrapper-page .bild_text_versetzt .bild-rechts,
.wrapper-page .bild_text_versetzt .bild-links {
position: relative;
z-index: 9;
}

.wrapper-page .bild_text_versetzt .bild_links_rechts {
display: block;
width: 100%;
}

.wrapper-page .bild_text_versetzt .bildwechsel_oben {
display:none!important;	
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .bild_text_versetzt .bildwechsel_oben {
display:block!important;	
}
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .bild_text_versetzt .bildwechsel_unten {
display:none!important;		
}
}

.wrapper-page .bild_text_versetzt .grau {
/* background-color: rgba(255, 255, 255, 1); */
background-color:#f7f5f5;
}

.wrapper-page .bild_text_versetzt .grau p,
.wrapper-page .bild_text_versetzt .grau li {
color:#6a6a6a!important;
}

.wrapper-page .bild_text_versetzt .grau ul li {
list-style-image: url(../../media/listenpunkt_schwarz.svg) !important;
border-bottom: 2px dotted #6a6a6a!important;
}

.wrapper-page .bild_text_versetzt .grau h1,
.wrapper-page .bild_text_versetzt .grau h2,
.wrapper-page .bild_text_versetzt .grau h3,
.wrapper-page .bild_text_versetzt .grau h4 {
/* color:#f9b61d!important; */
}


.wrapper-page .bild_text_versetzt .gelb {
/* background-color:#f9b61d; */
background: linear-gradient(to bottom right, #f9b61d, #fccc5e);
}

.wrapper-page .bild_text_versetzt .gelb p,
.wrapper-page .bild_text_versetzt .gelb li {
color:#6a6a6a!important;
}

.wrapper-page .bild_text_versetzt .gelb ul li {
list-style-image: url(../../media/listenpunkt_schwarz.svg) !important;
border-bottom: 2px dotted #6a6a6a!important;
}

.wrapper-page .bild_text_versetzt .gelb li a,
.wrapper-page .bild_text_versetzt .gelb li a:link,
.wrapper-page .bild_text_versetzt .gelb a,
.wrapper-page .bild_text_versetzt .gelb a:link {
color:#FFFFFF!important;
font-weight:500!important;
}

.wrapper-page .bild_text_versetzt .gelb h1,
.wrapper-page .bild_text_versetzt .gelb h2,
.wrapper-page .bild_text_versetzt .gelb h3,
.wrapper-page .bild_text_versetzt .gelb h4 {
color:#3b5666!important;
}

.wrapper-page .gruen,
.wrapper-page .bild_text_versetzt .gruen {
/* background-color:#3b5666; */
background: linear-gradient(to bottom right, #3b5666, #6891a9);
}

.wrapper-page .bild_text_versetzt .gruen p,
.wrapper-page .bild_text_versetzt .gruen li {
color:#FFFFFF!important;
}

.wrapper-page .bild_text_versetzt .gruen ul li {
list-style-image: url(../../media/listenpunkt_weiss.svg) !important;
border-bottom: 2px dotted #FFFFFF!important;
}

.wrapper-page .bild_text_versetzt .gruen li a,
.wrapper-page .bild_text_versetzt .gruen li a:link,
.wrapper-page .bild_text_versetzt .gruen a,
.wrapper-page .bild_text_versetzt .gruen a:link {
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
color:#f9b61d!important;
font-weight:500!important;
}

.wrapper-page .bild_text_versetzt .gruen h1,
.wrapper-page .bild_text_versetzt .gruen h2,
.wrapper-page .bild_text_versetzt .gruen h3,
.wrapper-page .bild_text_versetzt .gruen h4 {
/* color:#f9b61d!important; */
}


.wrapper-page .bild_text_versetzt .grau {
/* background-color:#f9f9f9; */
background: linear-gradient(to bottom right, #f4f4f4, #f9f9f9);
/* border:1px solid #bdbdbd; */
}

.wrapper-page .bild_text_versetzt .gelb ul,
.wrapper-page .bild_text_versetzt .gruen ul,
.wrapper-page .bild_text_versetzt .grau ul {
margin-bottom:30px!important;
}

@media (max-width: 767px) {
.wrapper-page .bild_text_versetzt .text-links,	
.wrapper-page .bild_text_versetzt .text-rechts {
margin:0px 0px 0px 0px;
padding:30px 30px 30px 30px;
text-align:left;
}	
}

.wrapper-page .bild_text_versetzt img {
border-radius:20px;	
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .bild_text_versetzt img {
margin-bottom:30px;	
}		
}

/* /////////////////////////////// Ende 0033 - NEU Text links oder rechts mit Bild und versetzem Hintergrund ///////////////////////////////// */


/* ///////////////// Icons Dreier Modul //////////////////////// */

.icon_dreier {
display: inline-block;
width: 6.25rem;
background-color: #f2f8fb;
border-radius: 50%;
font-size: 2.5rem;
line-height: 6.25rem;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color:#0070b2;
margin-bottom:20px!important;
}

/* ///////////////// Modul Bild Links / Text rechts - volle Breite //////////////////////// */

.bild_text_full {
/* background-color: #8e0035; */
position: relative;
/* background-image:url(../../media/bg_bild_text_full.svg); */
background-repeat: no-repeat;
background-position: right bottom;
-webkit-background-position: right bottom;
background-size: 900px;
}

@media (min-width: 1px) and (max-width: 767px) {
.bild_text_full {
background-repeat: no-repeat;
background-position: center bottom;
-webkit-background-position: center bottom;
background-size: 700px;
}	
}

/*
.bild_text_full::before {
content: "";
width: 250px;
height: 20px;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%,-9px);
border-radius: 0px;
background: #FFFFFF;
z-index:10;
}
*/

.left-half {
left: 0;
}

.right-half,
.left-half {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background-position: center center;
background-size: cover;
}

.bild_text_full p, 
.bild_text_full li, 
.bild_text_full strong {
color:#f9f9f9!important;
}


.bild_text_full li a,
.bild_text_full li a:link,
.bild_text_full li a:visited {

}

.bild_text_full .wrapper-page ul li {
list-style-image:url(../../media/listenpunkt_weiss.svg)!important;
}

/*
.bild_text_full a,
.bild_text_full a:link {
color:#b6ada5!important;
font-weight:300!important;
text-decoration:underline!important;
}

.bild_text_full a:hover {
color:#f4f3f2!important;
text-decoration:none!important;
}

*/

.wrapper-page .bild_text_full a,
.wrapper-page .bild_text_full a:link {
/* background-color:#c2e4ee!important; */
background-color:#f9f9f9!important;
display:inline-block;
padding:7px 15px 4px 12px;
margin-top:10px;
color:#1b1c1e!important;
text-decoration:none;
font-weight:500!important;
font-size:21px!important;
font-style:italic;
}

.wrapper-page .bild_text_full a:hover {
background-color:#1b1c1e!important;
color:#f9f9f9!important;
}

.wrapper-page .bild_text_full .hellgrau_text-section-right a,
.wrapper-page .bild_text_full .hellgrau_text-section-right a:link {
/* background-color:#c2e4ee!important; */
background-color:#f9f9f9!important;
display:inline-block;
padding:7px 15px 4px 12px;
margin-top:10px;
color:#6a6a6a!important;
text-decoration:none;
font-weight:500!important;
font-size:21px!important;
font-style:italic;
}

.wrapper-page .bild_text_full .hellgrau_text-section-right a:hover {
background-color:#03141a!important;
color:#f9f9f9!important;
}

@media (min-width: 1px) and (max-width: 480px) {
.bild_text_full a,
.bild_text_full a:link {
padding:7px 12px 4px 12px;
line-height:23px!important;
}	
}

.bild_text_full h1,
.bild_text_full h2,
.bild_text_full h3,
.bild_text_full h4,
.bild_text_full h5 {
color:#f9f9f9!important;
margin-bottom:15px!important;
}

.bild_text_full h5 {
color:#dadad9!important;
margin-bottom:5px!important;
}

.bild_text_full .text-section-right {
padding-top:70px;
padding-bottom:55px;
padding-left:35px;
}

@media (min-width: 1px) and (max-width: 991px) {
.bild_text_full .text-section-right {
padding-top:50px;
padding-bottom:35px;
padding-left:35px;
}	
}

/* für hellgrau Hintergrundfarbe */

.hellgrau_text-section-right h1,
.hellgrau_text-section-right h2,
.hellgrau_text-section-right h3,
.hellgrau_text-section-right h4,
.hellgrau_text-section-right h5,
.hellgrau_text-section-right p,
.hellgrau_text-section-right strong,
.hellgrau_text-section-right li,
.hellgrau_text-section-right ul li,
.hellgrau_text-section-right li a,
.hellgrau_text-section-right li a:link,
.hellgrau_text-section-right li a:visited,
.hellgrau_text-section-right a,
.hellgrau_text-section-right a:link,
.hellgrau_text-section-right a:visited {
color:#6a6a6a!important;
}

.wrapper-page .hellgrau_text-section-right ul li {
list-style-image:url(../../media/listenpunkt_weiss.svg)!important;
}

/* für weiße Hintergrundfarbe */

.weiss_text-section-right p,
.weiss_text-section-right strong,
.weiss_text-section-right li,
.weiss_text-section-right li a,
.weiss_text-section-right li a:link,
.weiss_text-section-right li a:visited,
.weiss_text-section-right a,
.weiss_text-section-right a:link,
.weiss_text-section-right a:visited {
color:#6a6a6a!important;
}

.wrapper-page .weiss_text-section-right ul li {
list-style-image:url(../../media/listenpunkt.svg)!important;
}

.weiss_text-section-right h1,
.weiss_text-section-right h2,
.weiss_text-section-right h3,
.weiss_text-section-right h4,
.weiss_text-section-right h5 {
color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}


@media (min-width: 1px) and (max-width: 767px) {

.bild_text_full .text-section-right {
padding-left:0px!important;
}

.bild_text_full ul {
padding-left: 0px!important;
}
}

@media (max-width: 768px) { 
.bild_text_full .text-section-right {
text-align:center;
}
.wrapper-page .bild_text_full ul li {
list-style-image: inherit!important;
}
}

.oeffnungszeiten {
float:left;
width:60px;	
}

@media (max-width: 767px){ 
.oeffnungszeiten {
float:none!important;
width:auto!important;
}
}

/* ///////////////// Voting Bilder //////////////////////// */

.container_voting_bilder {
margin-top:50px;
margin-bottom:35px;
display: flex;
flex-wrap: wrap;
gap: 20px;

}

.container_voting_bilder div {
    /* flex: grow shrink basis */
    flex: 0 1 220px; /* Die 0 verhindert das Breitziehen */    
    /* Optional: Falls die Boxen immer genau 220px (oder mehr) sein sollen */
    min-width: 220px; 
    max-width: 300px; /* Optional: Damit sie bei sehr breiten Screens nicht zu klein wirken */    
    padding: 10px 10px 0px 10px;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

@media (min-width: 1px) and (max-width: 513px) {
.container_voting_bilder div {
    /* flex: grow shrink basis */
    flex: 0 1 100%; /* Die 0 verhindert das Breitziehen */    
    /* Optional: Falls die Boxen immer genau 220px (oder mehr) sein sollen */
    min-width: 100%; 
    max-width: 100%; /* Optional: Damit sie bei sehr breiten Screens nicht zu klein wirken */    
    padding: 10px 10px 0px 10px;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
}

.container_voting_bilder div:hover {
box-shadow: 0 0 35px rgba(0,0,0,0.1);
}

.container_voting_bilder .hintergrund_bild {
background-color:#FFFFFF;	
width:100%;
display:block;
padding:15px;
margin-bottom:10px;
}


.container_voting_bilder .bild_voting {
height:300px;
object-fit: cover;
width:auto;
}

@media (min-width: 1px) and (max-width: 513px) {
.container_voting_bilder .bild_voting {
height:auto;
object-fit: cover;
width:100%;
}	
}

.container_voting_bilder p strong {
display: block;
margin-bottom:5px!important;
}

/* ///////////////// Video / IFrames //////////////////////// */

.responsive-video {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
height: 0;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}


@media (max-width: 991px){ 
.img-responsive {
margin-bottom:0px;
}
}

.spacer-video-text {
display:inline-block;
margin-top:25px!important;
}

/* ///////////////// Veranstaltungen von extern / IFrames //////////////////////// */

.responsive-veranstaltungen {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
min-height: 1000px!important;
}

.responsive-veranstaltungen iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}


@media (max-width: 991px){ 
.responsive-veranstaltungen {
margin-bottom:0px;
height: 1000px!important;
}
}

/* ///////////////// Schalter bei Mehrspalter optional //////////////////////// */

.wrapper-page a.schalter_mehr_infos i,
.wrapper-page .hellgrau a.schalter_mehr_infos i,
.wrapper-page .hellgrau_box a.schalter_mehr_infos i,
.wrapper-page .wrapper_text_grau_bg_images a.schalter_mehr_infos i,
.wrapper-page .dunkelgrau a.schalter_mehr_infos i,
.wrapper-page .gruen a.schalter_mehr_infos i,
.wrapper-page a.schalter_mehr_infos:link i,
.wrapper-page .hellgrau a.schalter_mehr_infos:link i,
.wrapper-page .wrapper_text_grau_bg_images a.schalter_mehr_infos:link i,
.wrapper-page .hellgrau_box a.schalter_mehr_infos:link i,
.wrapper-page .dunkelgrau a.schalter_mehr_infos:link i,
.wrapper-page .gruen a.schalter_mehr_infos:link i {
position:relative!important;
background-color:#f9b61d;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
padding:35px 20px 0px 22px;
color:#f9f9f9!important;
font-size:45px!important;
font-weight:400!important;
text-decoration:none!important;
width:70px;
height:90px;
/* border-radius:50%;
border:3px #f9f9f9 solid; */
bottom:32px!important;
margin-top:0px;
transition: background 1s ease; /* weicher Übergang */
}

@media (max-width: 767px){
.wrapper-page a.schalter_mehr_infos i,
.wrapper-page .hellgrau a.schalter_mehr_infos i,
.wrapper-page .hellgrau_box a.schalter_mehr_infos i,
.wrapper-page .wrapper_text_grau_bg_images a.schalter_mehr_infos i,
.wrapper-page .dunkelgrau a.schalter_mehr_infos i,
.wrapper-page .gruen a.schalter_mehr_infos i,
.wrapper-page a.schalter_mehr_infos:link i,
.wrapper-page .hellgrau a.schalter_mehr_infos:link i,
.wrapper-page .hellgrau_box a.schalter_mehr_infos:link i,
.wrapper-page .wrapper_text_grau_bg_images a.schalter_mehr_infos:link i,
.wrapper-page .dunkelgrau a.schalter_mehr_infos:link i,
.wrapper-page .gruen a.schalter_mehr_infos:link i {
bottom:60px!important;
margin-top:10px!important;
}
}

.wrapper-page a.schalter_mehr_infos i,
.wrapper-page a.schalter_mehr_infos:link i {
/* margin-top:30px!important; */
}

@media (max-width: 767px){ 
.wrapper-page a.schalter_mehr_infos i,
.wrapper-page a.schalter_mehr_infos:link i {
margin-top:55px!important;
}
}

.wrapper-page a.schalter_mehr_infos:hover i {
background-color:#3b5666!important;
transition: background 1s ease; /* weicher Übergang */
}

/*
.wrapper-page a.schalter_mehr_infos,
.wrapper-page a.schalter_mehr_infos:link {
display:inline-block;
background-color:#8e0035;
color:#FFFFFF;
padding:5px 15px 7px 15px;
margin-top:10px;
margin-bottom:10px!important;
font-size:22px!important;
font-weight:400!important;
letter-spacing:0px;
text-decoration:none!important;
letter-spacing:1px;
}

.wrapper-page a.schalter_mehr_infos:hover {
background-color:#3f3f3f!important;
}
*/

/* ///////////////// Startslider Banner //////////////////////// */

.startslider_banner {
/* background-color:#eaeeed; */
background-image:url(../../media/bg-startslider.png);
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
padding:20px 0px 0px 0px;
margin-bottom:40px;
}

.startslider_banner h1 {
font-size:38px!important;	
font-weight:400;
color:#008e99!important;
}

.startslider_banner h2 {
top:50%;
font-weight:400;
font-size:30px!important;
margin-bottom:25px; /* Abstand zum mehr schalter */
}

@media (max-width: 480px){ 
.startslider_banner h1 {
font-size:24px!important;	
}
.startslider_banner h2 {
font-size:20px!important;
}
}

a.startslider,
a.startslider:link {
background-color:#FFFFFF;
color:#000000;
padding: 5px 20px 5px 20px;
margin-top:20px;
}

a.startslider:hover {
color:#999999!important;
}

.startseite_wrapper {
position:relative;
margin-top:17%;
}

@media (max-width: 767px){ 
.startseite_wrapper {
margin-top:0%;
text-align:center;
}
}


/* ///////////////// Footer Bilder Ausgabe //////////////////////// */

.footer-ausgabe {
padding:0px 0px 20px 0px;
margin-bottom:0px;
}

.footer-ausgabe img.desaturate {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
opacity: 0.3;
}

.footer-ausgabe img.desaturate:hover {
filter: none;
opacity: 1;
}

.footer-ausgabe img {
border: 6px solid #FFFFFF;
/* opacity: 0.9; */
}



@media (max-width: 991px){ 
.footer-ausgabe {
display:none;
}
}

/* ///////////////// Footer Firmen //////////////////////// */

.footer-firmen {
margin-top:20px;
margin-bottom:50px;
background-color:#FFFFFF;
}

.footer-firmen img {
opacity: 0.6;
text-align:center;
display:block;
padding:20px;
margin-left:auto;
margin-right:auto;
}

.footer-firmen img:hover {
filter: none;
opacity: 1;
}

/*
@media (max-width: 991px){ 
.footer-firmen {
display:none;
}
}
*/

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

.mitarbeiter {
margin-bottom:40px;
}

.mitarbeiter_bild {
border: 4px solid #eaeeed!important;
/* opacity: 0.9; */
}

.mitarbeiter_bild:hover {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}


@media (max-width: 767px){ 
.mitarbeiter {
text-align:center!important;
margin-bottom:0px!important;
}
.mitarbeiter_bild {
margin-top:20px!important;
}
}

.marschler_text {
display:block;
margin-top:15%!important;
}

@media (max-width: 767px){ 
.marschler_text {
margin-top:0px!important;
}
}

.marschler {
margin-top:20px;
}

.marschler_bild {
border: 5px solid #eaeeed!important;
text-align:left!important;
}

.marschler_bild:hover {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

@media (max-width: 767px){ 
.marschler {
margin-top:0px!important;
text-align:center!important;
margin-bottom:0px!important;
}
}

@media (max-width: 767px){ 
.marschler_bild {
margin-left: auto;
margin-right: auto;
margin-bottom:30px!important;
margin-top:20px!important;
}
}

/* //////////////// Galerie - Lightbox /////////////////////// */

.lightbox .carousel {
cursor: pointer;
}


.lightbox .carousel-item {
display: flex;
align-items: center;
justify-content: center;
}

.lightbox .carousel-item img {
max-height: 80vh;
max-width: 90vw;
width: auto;
height: auto;
margin: auto;
object-fit: contain;
border-radius:15px;
}

/* schalter vor zurück ausblenden */
.carousel-control-next-icon { display:none; } 
.carousel-control-prev-icon { display:none; } 


.mobile_x_oben {
display: block !important;
opacity: 0.5;
visibility: visible;
outline: none!important;
border: none!important;
}

.mobile_x_oben:hover {
opacity: 1;
}

@media (max-width: 575px) {
.mobile_x_oben {
display: block !important;
opacity: 1;
visibility: visible;
}
}

.lightbox .btn-close {
width: 24px;
height: 24px;
padding: 0px!important;
}

.lightbox .btn-close svg {
width: 24px;
height: 24px;
}

button.btn-close {
right:0px!important
}

@media (max-width: 575px) {
button.btn-close {
right:20px!important
}	
}

button.btn-close:focus-visible,
button.btn-close:focus
{

outline: none!important; 
border:none!important;
border:0px solid #FFFFFF!important;
box-shadow: none !important;

}


/* Ende Lightbox */

.galerie
{
}


.galerie .col-6,
.galerie .col-sm-4,
.galerie .col-md-4,
.galerie .col-lg-4
{
/*
padding-left:25px!important;
padding-right:25px!important;
*/
}

@media screen and (max-width:575px) {
.galerie .col-6,
.galerie .col-sm-4,
.galerie .col-md-4,
.galerie .col-lg-4
{
padding-left:15px!important;
padding-right:15px!important;
}
}

.mit_bg_galerie {
text-align:center!important;
background-color:#f4f3f2;

/*
background-color: rgba(232, 227, 220, 0.3);
background-image:url(../../media/bg_galerie.jpg); 
background-repeat:repeat;
background-position: center top;
-webkit-background-position: center top;
*/
padding:30px 0px 35px 0px;
/* margin-bottom:65px; */
}


.ohne_bg_galerie {
background-color:inherit;
background-image:none!important;
padding: 0px 0px 0px 0px;
}

.galerie .letter-galerie {  /* u.a. KIKA Übersicht */
display:inline-block;
text-align:center;
color:#625b53!important; 
line-height:22px;
font-size:24px!important; 
letter-spacing:0px;
font-weight:500;
background-color:inherit;
border-top:1px solid #e8e3dc;
border-bottom:1px solid #e8e3dc;
margin-bottom:25px!important;
padding:5px 11px 5px 11px;
}

@media screen and (max-width:480px) {
.galerie .letter-galerie {
font-size:19px!important;
padding:5px 11px 5px 11px;
}
}


figure {
float:left;
width:33.333333333333333333333%;
height:auto!important;
overflow: hidden;
margin: 0;
padding: 0;
border:none;
border-left:1px solid rgba(0, 0, 0, 0.5);
border-bottom:1px solid rgba(0, 0, 0, 0.5);
position:relative;
}

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

/* Auch für Galerie Lightbox normal */

.galeriebild_normal {
position:relative;
}

.galeriebild_normal img {
width: 100%;
height: auto;
display: block;
}


.overlay_galeriebild_normal,
.overlay_figure {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.5);
/* border-radius: 50%; */
width: 54px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1; /* Ensure it is on top */
opacity: 0; /* Anfangs unsichtbar */
transition: opacity 0.5s ease-in-out; /* Übergang für das Einblenden */
pointer-events: none; /* Verhindert das Überlagern von Inhalten */
}

.overlay_figure:hover {

}

.plus-icon {
color: #FFFFFF;
font-size: 35px;
font-weight: 300;
}

figure:hover .overlay_figure {
opacity: 1; /* Wird sichtbar bei Hover */
pointer-events: all; /* Interaktiv machen, wenn sichtbar */


}

.galeriebild_normal:hover .overlay_galeriebild_normal {
opacity: 1; /* Wird sichtbar bei Hover */
pointer-events: all; /* Interaktiv machen, wenn sichtbar */
}

.figure_thumb {
width:33.333333333333333333333vw!important;
height:auto!important;
}

@media (min-width: 1px) and (max-width: 480px) {
figure {
width:50%!important;
height:auto!important;
}
.figure_thumb {
width:50vw!important;
height:auto!important;
}
}

/* width:50%!important und width:50vw!important müssen gleich sein */

@media (min-width: 481px) and (max-width: 991px) {
figure {
width:50%;
height:auto!important;
}
.figure_thumb {
width:50vw!important;
height:auto!important;
}
}

/* Zoom Out #1 */
figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

figure img:hover  {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

/* Galerie Typ 1200 Pixel 100% der Seite REX5 = 1200pixel */

.galeriebild img {
padding-bottom:50px;
border: 0px solid #e0e4de;
/* background-color:#262626;  */
}

.galeriebild img:hover {
border: 0px solid #e0e4de;
-webkit-transform:scale(1.1);
transform:scale(1.1);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}


@media (min-width: 1px) and (max-width: 575px) {
.col-6 {

}
.galeriebild img {
padding:10px 0px 10px 0px!important;
}
}

/* //////////////////////// Schalter Mobile nach oben ///////////////////////////////// */

#reiter_top {
position:absolute;
z-index:999;
top:97%;
left:100%;
position:fixed;
margin-left:-40px;
margin-top:-48px;
display:none;
}

#reiter_top a,
#reiter_top a:link {
background: url(../../media/mobile_top_schalter.svg);
display:block;
width:27px;
height:36px;
font-size: 0.0em;
}

#reiter_top a:hover {
background: url(../../media/mobile_top_schalter.svg);
}

/* //////////////////////// News, NewsTeaser, Newsbereich, Pagination ///////////////////////////////// */

.hline_news {
border-bottom: 1px dotted #999999;
margin: 35px 0 20px;
}

.numbers {

margin-bottom:60px;


}

a.pagination_news,
a.pagination_news:link {
font-size: 24px;
border-radius: 50%;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 23px;
padding: 13px 10px 1px 10px;
background-color:#d9002b;
margin: 0px 3px 15px 3px;
color:#faf8f5!important;
text-decoration: none !important;
border: 0px solid#FFFFFF !important;
font-weight:500;
}

a.selected_news,
a.selected_news:link {
font-size: 24px;
border-radius: 50%;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 23px;
padding: 13px 10px 1px 10px;
background-color:#f79222;
margin: 0px 3px 15px 3px;
color:#1b1c1e!important;
text-decoration: none !important;
border: 0px solid #FFFFFF!important;
background-color:#f9f9f9;
font-weight:500;
}

a.pagination_news:hover {
background-color:#1b1c1e;
color:#f9f9f9!important;
text-decoration:none!important;
}

.news_datum {
float:left;
background-color:#ffdf44;
margin-bottom:30px;
font-family:'Khand', sans-serif;
font-size:17px;
padding: 3px 10px 3px 10px;
color:#646b69;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.3);
}

/* //////////////////////// Artikelliste responsive ///////////////////////////////// */

.artikelliste {
margin-top:20px;
margin-bottom:50px;
}

a.artikelliste_link,
a.artikelliste_link:link {
display:inline-block;
font-size:25px!important;
line-height:27px!important;
font-weight:600!important;
padding: 13px 20px 10px 20px;
font-weight:600!important;
text-decoration:none!important;
margin:0px 7px 18px 7px;
letter-spacing:0px;
background-color:#f9f9f9;
color:#1b1c1e!important;
font-style:italic;
}

a.artikelliste_link:hover {
background-color:#d9002b!important;
color:#f9f9f9!important;
}

a.activerlink,
a.activerlink:link {
background-color:#d9002b!important;
color:#f9f9f9!important;
}


/* //////////////////////// Artikelliste Presse teaser Links ///////////////////////////////// */

.artikelliste_presse {

}

.artikelliste_presse_zelle {
background:#f4f3f2!important;
padding:20px;
margin-bottom:30px;
}

.artikelliste_presse_link h4  {
font-weight:500!important;
font-size:28px!important;
margin-bottom:5px!important;
}

.artikelliste_presse_link p  {
font-weight:300!important;
}

a.artikelliste_presse_link_info  {
display:inline-block;
margin-top:10px;
background-color:#0085ca;
font-size:23px;
line-height:23px;
padding: 10px 15px 10px 15px;
color:#FFFFFF!important;
text-decoration:none!important;
}

a.artikelliste_presse_link_info:hover {
background-color:#000000;
}

.artikelliste_presse_link .bild_presse  {
margin:15px 0px 15px 0px;
}

.artikelliste_presse .subline {
font-weight:400!important;
line-height:27px!important;
}

/* //////////////////////// Artikelliste Efh Mfh TeaserLinks ///////////////////////////////// */

.artikelliste_efh_mfh {

}

.artikelliste_efh_mfh_zelle {
background:#f4f3f2!important;
padding:20px;
margin-bottom:50px;
min-width:100px!important;
}

.artikelliste_efh_mfh_link h4  {
font-weight:500!important;
font-size:28px!important;
margin-bottom:12px!important;
}

.artikelliste_efh_mfh_link p  {
font-weight:300!important;
}

a.artikelliste_efh_mfh_link_info  {
display:inline-block;
margin-top:0px;
background-color:#8e0035;
font-size:23px;
line-height:23px;
padding: 10px 15px 10px 15px;
color:#fefef1!important;
text-decoration:none!important;
}

a.artikelliste_efh_mfh_link_info:hover {
background-color:#3f3f3f;
}

.artikelliste_efh_mfh img  {
margin:0px!important;
position:relative;
width:100%!important;
height:auto;
margin:15px 0 15px 0;
}

.artikelliste_efh_mfh img:hover  {
opacity:0.6;
}

.artikelliste_efh_mfh img  {
position:relative;
width:100%!important;
height:auto;
}

.artikelliste_efh_mfh img:hover  {
opacity:0.6;
}

.icon_more_efh_mfh  {
margin:0!important;
position:absolute;
z-index:200;
left:45px;
top:20px;
}

@media (min-width: 1px) and (max-width: 767px) {
.icon_more_efh_mfh  {
left:25px!important;
top:10px!important;
}
}

.artikelliste_efh_mfh .subline {
font-weight:400!important;
line-height:27px!important;
}


/* //////////////////////// Artikelliste Efh Mfh footer ///////////////////////////////// */

.artikelliste_weinlauf_footer {
-moz-hyphens: auto!important;
-webkit-hyphens: auto!important;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
hyphens: auto!important;
}

.artikelliste_weinlauf_zelle_footer {
background:#f4f3f2!important;
padding:20px;
margin-bottom:30px;
min-width:100px!important;
}

.artikelliste_weinlauf_link_footer h4,
.artikelliste_weinlauf_link_footer h4 a,
.artikelliste_weinlauf_link_footer h4 a:link  {
font-weight:500!important;
font-size:28px!important;
margin-bottom:5px!important;
text-decoration:none;
color: #8e0035 !important;
}

.artikelliste_weinlauf_link_footer p  {
font-weight:300!important;
-moz-hyphens: auto!important;
-webkit-hyphens: auto!important;
-ms-hyphens: auto!important;
-o-hyphens: auto!important;
hyphens: auto!important;
}

.artikelliste_weinlauf_link_footer li  {

}

a.artikelliste_weinlauf_link_info_footer  {
display:inline-block;
margin-top:0px;
background-color:#0085ca;
font-size:23px;
line-height:23px;
padding: 10px 15px 10px 15px;
color:#FFFFFF!important;
text-decoration:none!important;
}

a.artikelliste_weinlauf_link_info_footer:hover {
background-color:#000000;
}

.artikelliste_weinlauf_footer img  {
position:relative;
width:100%!important;
height:auto;
}

.artikelliste_weinlauf_footer img:hover  {
opacity:0.6;
}

.icon_more  {
margin:0!important;
position:absolute;
z-index:200;
top:10px;
left:35px;
}

.artikelliste_efh_weinlauf .subline_footer {
font-weight:300!important;
line-height:28px!important;
}

@media (min-width: 1px) and (max-width: 575px) {
.artikelliste_weinlauf_footer .subline_footer {
/* display:none; */
}
}


/* //////////////////////// Artikelliste News teaser Links Startseite ///////////////////////////////// */

.artikelliste_teaser {
margin-bottom:0px;
/*  background-color: rgba(194,228,238,0.2)!important; */
padding:10px 0px 0px 0px;
color:#cba76b;
}

.artikelliste_teaser_links {
/* border-bottom:3px dashed rgba(249,249,249,0.8); */
border-top:1.7px dashed rgba(249,249,249,0.33);
/* border-bottom:2px dashed rgba(249,249,249,0.5); */
/* border-radius:15px 15px  15px 15px;  */
padding: 35px 0px 10px 0px;
margin-left:0px;
margin-bottom:18px;
color:#cba76b!important;
text-decoration:none!important;
display:inline-block;
width:100%;
}

@media (min-width: 1px) and (max-width: 575px) {
.artikelliste_teaser_links {
padding: 33px 0px 15px 0px;
}	
}

.artikelliste_teaser_links p  {
/*
font-size: 1.185em;
line-height: 1.2em; 
font-weight:300!important;
padding-top:20px!important;
*/
}

@media (min-width: 1px) and (max-width: 991px) {
.wrapper-page .artikelliste_teaser_links p  {
/*
font-size: 1.1em;
line-height: 1.1em;
padding-top:10px!important;
*/
}	
}


.wrapper-page .artikelliste_teaser_links a {
text-decoration: none !important;
}

.wrapper-page .artikelliste_teaser_links a h2 {
font-size: clamp(22px, 4vw + 1rem, 35px)!important;
line-height: clamp(28px, 5.5vw + 0.5rem, 37px)!important;
color:#3b5666!important;
text-transform:uppercase!important;
word-spacing:2px!important;
text-decoration:none !important; 
font-weight:700!important;
margin-top:0px!important;
	margin-bottom:15px!important;
padding-top:0px!important;
letter-spacing:-0.5px;

}

.wrapper-page .artikelliste_teaser_links a h2:hover {
opacity:0.8;
}


.wrapper-page .artikelliste_teaser_links a:hover  {
opacity:0.9;
}


.artikelliste_teaser_links:hover {
/* Rollover über Box */
/* background-color: rgba(194,228,238,0.2)!important; */
}

.artikelliste_teaser_links a.schalter_news_teaser {
    display: inline-block;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    padding: 11px 17px 8px 15px;
    font-size: 22px !important;
    line-height: 18px !important;
    font-style: italic;
    text-decoration: none !important;
    border-radius: 2px;
    background-color: #f9b61d;
	filter: brightness(0.9999); /* abdunkeln Barrierfrei */
	-webkit-transition: all .65s;
	-moz-transition: all .65s;
	transition: all .65s;
	
}

.artikelliste_teaser_links a.schalter_news_teaser:hover {
    color: #FFFFFF !important;
	background-color: #3b5666;
}


.artikelliste_teaser_links img {
  float: left;
  width: 180px !important;
  height: auto;
  border-bottom: 10px solid rgba(0,0,0,0.05);
  border-right: 10px solid rgba(0,0,0,0.05);
  margin: 0px 22px 10px 0px;
  border-radius: 50%;
    border-top-left-radius: 50%;
  border-top-left-radius: 0px !important;
  -webkit-transition: all .65s;
  -moz-transition: all .65s;
  transition: all .65s;
}

@media (min-width: 768px) and (max-width: 1140px) {
.artikelliste_teaser_links img {
width:120px!important;
height:auto;
border-top-left-radius: 0px!important;
}
}

@media (min-width: 1px) and (max-width: 767px) {
.artikelliste_teaser_links img {
width:115px!important;
height:auto;
border-top-left-radius: 0px!important;
}
}

.artikelliste_teaser_links img:hover {
  border-bottom: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
}


/* //////////////////////// Artikelliste teaser Jobs ///////////////////////////////// */

.artikelliste_teaser_jobs {
margin-bottom:0px;
padding:10px 0px 20px 0px;
}

.artikelliste_teaser_links_jobs,
.artikelliste_teaser_links_jobs:link {
border-bottom:1px dotted #dadcdc;
font-size:16px;
line-height:20px;
padding: 5px 0px 0px 10px;
margin-bottom:0px;
}

.artikelliste_teaser_links_jobs p  {
margin:5px!important;
}

.artikelliste_teaser_links_jobs:hover {
background-color:#FFFFFF;
}


/* //////////////////////// Artikel Tab Schalter, Modul zum Aufklappen übergebenen Artikel ///////////////////////////////// */

a.artikel_tab_schalter_link,
a.artikel_tab_schalter_link:link {
clear:both!important;
max-width:1140px;
height:30px;
margin: 0 auto;
margin-bottom:20px;
padding:5px 0px 30px 20px;
font-size:22px!important;
font-weight:500!important;
color:#323131!important;
display:inline-block;
text-align:center!important;
}

@media (min-width: 1px) and (max-width: 480px) {
a.artikel_tab_schalter_link,
a.artikel_tab_schalter_link:link {
font-size:17px;
}	
}

/* bei Browser crome abstand nicht darstellen */
@media screen and (-webkit-min-device-pixel-ratio:0) {
a.artikel_tab_schalter_link,
a.artikel_tab_schalter_link:link 
{
margin-bottom:0px!important;
}
}

a.artikel_tab_schalter_link:hover {
color:#0070b2!important;
}

.artikel_tab_abbinder {
display: block;
margin-bottom: 15px;
}

/* //////////////////////// Infobox ///////////////////////////////// */

.infobox {
padding-top:25px;
padding-bottom:20px;
}


/* //////////////////////// my_glyphicon ///////////////////////////////// */

.my_glyphicon_gruen {
color:#cfd568!important;
}

.my_glyphicon_rot {
color:#0070b2!important;
}

.my_glyphicon_schwarz {
color:#000000!important;
}

.my_glyphicon_gelb {
color:#f0d13b!important;
margin-right:13px;
}


.my_glyphicon_blau {
color:#0070b2!important;
margin-right:10px;
}


/* //////////////////////// Kontakt Schalter Box rechts ///////////////////////////////// */

.social_schalter {
border-top-left-radius:0px;
border-bottom-left-radius:0px;
-webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.47);
box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.47);
}

@media (min-width: 1px) and (max-width: 991px) {
.social_schalter {
display:none!important;
}
}

/* ///////////////// Modal Fenster //////////////////////// */

.modal-dialog {

}

.modal-body {
padding: 0px 0px 0px 0px!important;
}

.modal-content {
background-color:inherit!important;
}

.modal-body,
.modal-footer {
background-color:inherit!important;
}

.modal-title {
background-color:inherit!important;
}

.modal-header {
/* display:none!important; */
border: 0px solid #dee2e6!important;
margin:0px 0px 0px 0px!important;
padding:0px 0px 0px 0px!important;
display:block!important;
}

.modal-header .close {
margin:0px!important;
padding:0px 0px 20px 0px!important;
text-align:right!important;
font-size:24px;
color:#f2f2f1;
display:block!important;
}

.modal-header {
letter-spacing:-1px;
}

/* für modal box agb und Widerrufsbelehrung, Artikel mit Modul 011, Container 1173px breit, hier auf Boxenbreite 100% */
.modal-body .container {
max-width:100%!important;
background-color:#FFFFFF;
}

.modal-body .container p,
.modal-body .container ul li {
font-size:20px!important;
color:#03141a!important;
}

.modal-dialog h1 {
color:#c5c5c5;
}

@media (min-width: 1px) and (max-width: 991px) {
.modal-dialog {
/* width:100%; */
/* max-width:90%!important; */
/*
width:90%;
margin-left:5%;
margin-right:5%;
*/
}
}

.modal-dialog img {
/*
height:50vh!important;
width:auto!important;
*/
}

.modal-title {
border: 0px solid #dee2e6!important;
margin:0px 0px 0px 0px!important;
padding:10px 5px 10px 0px!important;
}

.modal-title h4 {
display:none!important;
}

@media (min-width: 1px) and (max-width: 575px) {
.modal-title {
line-height:22px!important;
font-size:21px!important;
padding-bottom:0px!important;
}
}

.modal-backdrop /* background-fade in hintergrund transparenz */
{
opacity:0.92!important;
}

.modal-footer {
padding: 10px 15px 12px 15px!important;
text-align:center!important;
font-size:20px!important;
line-height:15px!important;
font-weight:300!important;
color:#A4A3A3!important;
letter-spacing:0px;
}

.modal-content {
border: 0px solid rgba(0, 0, 0, 0.2);
}

/* Ende Modal */

table img .modal-dialog{
cursor:pointer;
}

/* Icons links - content rechts */

.icon_left_content_right  {
min-height: 50px !important;
}

.icon_left_content_right p {
margin: 5px 0 0 70px;
}

.icon_left_content_right > span {
clear:both;
color: #ffb200;
display: inline-block;
float: left;
font-size: 40px;
left: 0;
height: 100% !important; 
padding: 0 10px 0 0;
text-align: center;
width: 70px;
margin-top: -7px;
}

/* ******************* Tage noch Counter  ********************* */

.counter {
margin: -70px 0 30px 0;
padding:25px 0px 15px 0px;
position:relative;
}

.counter .tage {
padding:0px 10px 0px 0px;
border-radius: 0px;
font-weight:700;
font-size:220px;
line-height:110px;
margin-right:0px;
color:#8e0035;
text-shadow: 15px -10px 0px #fbfbed;
}

.counter .counter_text {
/* background:url(../files/bg_tage_counter.png);
background-position:top center; */
font-weight:500;
color:#0a2b36;
font-size:50px;
line-height:60px; /* nivilliert die Position vertical text */
text-transform:uppercase;
letter-spacing:-3px;
}

@media (min-width: 1px) and (max-width: 991px) {

.counter .tage {
font-size:130px;
line-height:110px;

}

.counter .counter_text {
/* background:url(../files/bg_tage_counter.png);
background-position:top center; */
display:block;
font-size:40px;
line-height:40px; /* nivilliert die Position vertical text */
}
}


/* //////////// Referenzen Kunden Logos //////////////// */

.referenzen_kunden {
padding-top: 0px;
padding-bottom: 30px;
/* background-color: rgba(0,0,0, 0.05)!important; */
}

.referenzen_kunden .gross img {
margin:20px;
}

.referenzen_kunden .klein img {
margin:15px;
}

@media (min-width: 1px) and (max-width: 480px) {
.referenzen_kunden .gross img {
margin:16px;
}	
}

@media (min-width: 1px) and (max-width: 480px) {
.referenzen_kunden .klein img {
margin:12px;
}	
}

.referenzen_kunden .klein img:hover,
.referenzen_kunden .gross img:hover {
opacity:0.8!important;
/*
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
*/
}

.referenzen_kunden .gross img {
width:160px;
height:auto;
}

.referenzen_kunden .klein img {
width:120px;
height:auto;
}


@media (min-width: 481px) and (max-width: 991px) {
.referenzen_kunden .gross img {
width:160px;
height:auto;
}
}

@media (min-width: 481px) and (max-width: 991px) {
.referenzen_kunden .klein img {
width:120px;
height:auto;
}
}

@media (min-width: 1px) and (max-width: 480px) {
.referenzen_kunden .gross img
{
width:120px!important;
height:auto;
}
}

@media (min-width: 1px) and (max-width: 480px) {
.referenzen_kunden .klein img
{
width:100px!important;
height:auto;
}
}

/* ------------- Artikelliste Vollansicht und Thumbnailansicht Shop ---------------------------------------------------- */

.artikelliste_teaser_shop {
text-decoration:none!important;
}

.wrapper-page .artikelliste_teaser_shop p {
font-weight:500!important;
}

.wrapper-page a.schalter_weiter_shop,
.wrapper-page a.schalter_weiter_shop:link
.wrapper-page a.schalter_weiter_thumbs,
.wrapper-page a.schalter_weiter_thumbs:link {
text-decoration:none!important;
color:#625b53!important;
}

.wrapper-page a.schalter_weiter_shop:hover,
.wrapper-page a.schalter_weiter_thumbs:visited,
.wrapper-page a.schalter_weiter_thumbs:visited,
.wrapper-page a.schalter_weiter_thumbs:hover {
color:#cba76b!important; 
}

.wrapper-page a.artikelliste_teaser_shop_link,
.wrapper-page a.artikelliste_teaser_shop_link:link {
}

.wrapper-page a.schalter_weiter_shop:before {
font-family: FontAwesome;
font-size:19px;
margin-left:0px;
/* content: "\f067"; */
content: "+";
font-weight:700;
margin-right: 10px;
vertical-align:top;
color:#cba76b!important; 
text-decoration:none!important;	
}



/* Thumbnailbilder */
.thumb_bilder img {
padding: 5px;
border: 0px solid #dbe1df;
border-radius:0px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
}


/* ///// Kontakt Schalter rechts */

.info_box {
position: fixed;
z-index:10001;
top: 50%;
margin-top: 0px;
right: 10px;
width: 50px;
background-color:#f9f9f9!important;
border-radius: 5px;
padding: 14px 10px 8px 10px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
}


/* //////////// Projektausgabe Abbildung Referenz //////////////// */

.projektausgabe  {
overflow:hidden!important;

}

.projektausgabe .wrapper_text_grau  {
/* height:inherit!important; */
/* height:calc(100% - 45px)!important; */
height:100%;
}

/* bx Slider Werte setzen */

.wrapper-page .projektausgabe li  {
padding:0px!important;
margin:0px!important;
list-style-type:none !important;
list-style-image:none !important;
}

@media (max-width: 991px) {
.projekt-spacer {
display:block;
width:100%;
height:35px;
}
}

.projektausgabe h1,
.projektausgabe h2,
.projektausgabe h3,
.projektausgabe h4 {
margin-bottom:15px!important;
}

.projektausgabe p {
padding: 0;
margin-bottom: 0px!important;
font-weight:300!important;
letter-spacing: 0px;
}

p.projektausgabe:last-child {
/* border-bottom: 1px solid #c5c5c5!important; */
}

.bx-wrapper .bx-prev { left:40px!important; } 
.bx-wrapper .bx-next { right:40px!important; }

/*
img.projektausgabe {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

img.projektausgabe:hover {
filter: none;
}
*/

.projektausgabe .linie_trennung {
margin:10px 0 10px 0;
border-bottom:2px dashed #cdcdcd!important;
}

/* Zoom Out #1 */
.projektausgabe figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.projektausgabe figure img:hover  {
-webkit-transform: scale(1.2)!important;
transform: scale(1.2)!important;
}

.projektausgabe figure {
width:100%!important;
height:auto!important;
overflow: hidden;
margin: 0;
padding: 0;
border:none;
}

.rot_text {
color:#d9002b!important;	
}

.linse_rabatt {
position:absolute!important;
z-index:600;
top:20px!important;
left:20px!important;
background: linear-gradient(to bottom,#d9002b,#c30027);
color:#FFFFFF;
padding:18px 18px 10px 18px;
font-size:45px;
font-weight:600;
/* border-left:20px solid #FFFFFF; */
}

.small_linse_rabatt {
font-size:20px;
font-weight:200;
display:block;
margin-top:8px;
}

@media (min-width: 1px) and (max-width: 575px) {
.linse_linse_rabatt {
top:10px!important;
left:10px!important;
padding:10px 10px 5px 10px!important;
font-size:28px;
margin-bottom:0px!important;
/* border-left:20px solid #FFFFFF; */
}

.small_linse_rabatt {
font-size:18px!important;
margin-top:-5px!important;
}
}

.projektausgabe .schalter_mehr_infos {
color: #1b1c1e!important;
display: inline-block;
background-color: #f9f9f9!important;
padding: 12px 25px 11px 21px;
font-size: 24px;
line-height: 28px;
letter-spacing: 0px;
margin-top: 20px !important;
text-decoration: none !important;
font-style: italic;
font-weight: 500;
}

.projektausgabe .schalter_mehr_infos:hover {
color: #f9f9f9!important;
background-color: #d9002b!important;
}



/* Bilder zoomen bei rollover */

/*
.projektausgabe a img:hover {
-webkit-transform:scale(1.01);
transform:scale(1.01);
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
*/

.projekt_text {
position:relative;
}


@media (min-width: 991px) { 
.projekt_skills {
/*
position:absolute;
bottom:0px;
padding-bottom:20px;
*/
}

}


@media (min-width: 1px) and (max-width: 575px) {
.projekt-skills-break {
display:block;
}
}

.projekt_long_text {
margin-bottom:20px;
}




/* //////////// Buchausgabe //////////////// */

.radausgabe  {
overflow:hidden!important;
}

.radausgabe strong {
font-weight:500!important;
color:#FFFFFF;
}

@media (min-width: 1px) and (max-width: 991px) {
.radausgabe img {
margin-bottom:40px;
}
}

.radausgabe .wrapper_radvorstellung  {
/* height:inherit!important; */
/* height:calc(100% - 45px)!important; */
height:100%;
padding: 20px 25px 5px 30px;
border-left:2px dashed #888888;
}

/* bx Slider Werte setzen */

.wrapper-page .radausgabe li  {
padding:0px!important;
margin:0px!important;
list-style-type:none !important;
list-style-image:none !important;
}

@media (max-width: 991px) {
.rad-spacer {
display:block;
width:100%;
height:35px;
}
}

.radausgabe h1,
.radausgabe h2,
.radausgabe h3,
.radausgabe h4 {
margin-bottom:13px!important;
font-size:32px!important;
line-height:29px!important;
font-weight:600!important;
color:#f9f9f9!important;
letter-spacing:-1px!important;
}

.radausgabe p {
padding: 0;
margin-bottom: 0px!important;
font-weight:300!important;
letter-spacing: 0px;
line-height:28px!important;
}

.rad_long_text p {
clear:both;
margin-bottom:15px!important;
}

.rad_long_text {
clear:both;
margin-bottom:20px!important;
}

p.radausgabe:last-child {
/* border-bottom: 1px solid #c5c5c5!important; */
}

strong.spacer_radausgabe {
width:200px!important;	
display:inline-block;
background-color:#000000;

}

/*
img.radausgabe {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

img.buchausgabe:hover {
filter: none;
}
*/

.radausgabe .radbild {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

.radausgabe .linie_trennung {
margin:10px 0 10px 0;
border-bottom: 2px dashed #888888!important;
}

/* Zoom Out #1 */
.radausgabe figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.radausgabe figure img:hover  {
-webkit-transform: scale(1.2)!important;
transform: scale(1.2)!important;
}

.radausgabe figure {
width:100%!important;
height:auto!important;
overflow: hidden;
margin: 0;
padding: 0;
border:none;
}

.gruen_text {
color:#64a70b!important;	
}

.rad_text {
position:relative;
}


@media (min-width: 991px) { 
.rad_skills {
/*
position:absolute;
bottom:0px;
padding-bottom:20px;
*/
}
}


.rad-skills-break {

}


@media (min-width: 1px) and (max-width: 575px) {
.rad-skills-break {
display:block;
}
}

/* //////////// Aktuelles Projekt //////////////// */

.aktuelle_projekte  {
overflow:hidden!important;
background-color: #8e0035 !important;
width:100%;
position:relative;
}


.aktuelle_projekte .zelle_bild,
.aktuelle_projekte .zelle_text {
width:50%!important;
display:block;
box-sizing: border-box;
}

.aktuelle_projekte .zelle_bild img {
}

.aktuelle_projekte .zelle_text {
position: relative;
/* background-image: url(../../media/logo_weinlauf_glaeser.svg); */
background-repeat: no-repeat;
background-position: right center;
-webkit-background-position: right center;
background-size:contain;
padding:40px 55px 30px 55px;
}


.aktuelle_projekte_text_container_wrapper {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}

@media (max-width: 1500px) {
.aktuelle_projekte .zelle_bild,
.aktuelle_projekte .zelle_text {
width:100%!important;
}
.aktuelle_projekte .zelle_text {
text-align:center!important;
}

.aktuelle_projekte_text_container_wrapper {
-webkit-transform:none;
-ms-transform:none;
transform:none;
position:relative;
}

}



.aktuelle_projekte .aktuelle_projekte_text_container h1,
.aktuelle_projekte .aktuelle_projekte_text_container h2,
.aktuelle_projekte .aktuelle_projekte_text_container h3,
.aktuelle_projekte .aktuelle_projekte_text_container h4,
.aktuelle_projekte .aktuelle_projekte_text_container p {
color:#eae8e6!important;
}

.aktuelle_projekte .aktuelle_projekte_text_container a,
.aktuelle_projekte .aktuelle_projekte_text_container a:link {
background-color:#FFFFFF!important;
display:inline-block;
padding:6px 12px 7px 12px;
margin-top:10px;
margin-bottom:8px;
color:#0a2b36;
text-decoration:none;
font-weight:500;
font-size:23px!important;
line-height:23px!important;
}

.aktuelle_projekte .aktuelle_projekte_text_container a:hover {
background-color:#000000!important;
color:#f4f6f6;
}

/* bx Slider Werte setzen */

.wrapper-page .aktuelle_projekte li  {
padding:0px!important;
margin:0px!important;
list-style-type:none !important;
list-style-image:none !important;
}


.aktuelle_projekte h1,
.aktuelle_projekte h2,
.aktuelle_projekte h3,
.aktuelle_projekte h4 {
margin-bottom:15px!important;
}

.aktuelle_projekte h5 {
color:#dadad9!important;
margin-bottom:5px!important;
}

.aktuelle_projekte .bx-wrapper .bx-prev { left:40px!important; } 
.aktuelle_projekte .bx-wrapper .bx-next { right:40px!important; }



/* //////////// Bunte Ausgabe //////////////// */

.bunte_ausgabe {
/* wird im Modul geregelt */
/* padding-top:50px; */
padding-bottom:45px;
border-radius:0px!important;
}

.buntes_bild {
display:inline-block;
margin:20px;
width:auto;
border-radius:10px;
/* border: 1px solid #8e8e8e!important; */
}

.buntes_bild:hover {
/* border: 1px solid #FFFFFF!important; */
}

.bunte_groesse_100 {
height:100px;
}

.bunte_groesse_150 {
height:150px;
}

.bunte_groesse_200 {
height:200px!important;
}

.bunte_groesse_225 {
height:225px;
}

.bunte_groesse_250 {
height:250px;
}

.bunte_groesse_300 {
height:300px;
}

.bunte_groesse_500 {
height:500px;
}

.bunte_groesse_750 {
height:750px;
}


@media (min-width: 481px) and (max-width: 991px) {
.bunte_groesse_100,
.bunte_groesse_150,
.bunte_groesse_200,
.bunte_groesse_225,
.bunte_groesse_250,
.bunte_groesse_300,
.bunte_groesse_500,
.bunte_groesse_750 {
margin:7px!important;
height:120px!important;
width:auto!important;
}
}

@media (min-width: 1px) and (max-width: 480px) {
.bunte_groesse_100,
.bunte_groesse_150,
.bunte_groesse_200,
.bunte_groesse_225,
.bunte_groesse_250,
.bunte_groesse_300,
.bunte_groesse_500,
.bunte_groesse_750 {
margin:5px!important;
height:85px!important;
width:auto!important;
}
}


/* //////////// Infobox E-Mail //////////////// */

.info_box_email {
background-color:#8e0035;	
padding:18px 30px 10px 30px;
margin-bottom:35px;
}

.info_box_email h2 {
color:#FFFFFF!important;
font-size:28px!important;
line-height:28px!important;
}

.info_box_email p a,
.info_box_email p a:link {
font-weight:500!important;
display:inline-block;
color:#8e0035!important;
background-color:#FFFFFF;
text-decoration:none;
padding:10px 20px 10px 20px;
}

.info_box_email p a:hover {
background-color:#000000;
color:#FFFFFF!important;
}

.info_box_email .info_box_email_bild {
vertical-align: middle!important;
display:table-cell;
}


/* //////////// Features Icons //////////////// */

.icon_cerative {
font-size:50px;
}

.color_creative_blau {
color: #0070b2!important;
}

.color_creative_grau {
color: #e1e1e1!important;
}

.color_creative_schwarz {
color: #1b1c1e!important;
}

.color_creative_gold {
color: #cba76b!important;
}

.color_creative_weiss {
color: #FFFFFF!important;
}

.color_creative_gelb {
color: #f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

.color_creative_pastellrot {
color: #ea4a8b!important;
}

.color_creative_hellbraun {
color: #b6ada5!important;
}

.color_creative_rot {
color: #3f3f3f!important;
}

.color_creative_dunkelrot {
color: #8e0035!important;
}

.color_creative_gruen {
color: #3b5666!important;
}

.color_creative_orange {
color: #f99627!important;
}

.color_creative_rot {
color: #d9002b!important;
}


.myrotation {
-webkit-transition: 0.3s;
transition: all 0.4s; 
}
.myrotation:hover {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);	
}


/* ///////////////////// Gästebuch  ///////////////////////////// */

.head_body {
display:inline-block;
margin-bottom:30px;
background-color:#fbfbf6;
background: rgba(251,251,246, .7);
padding:20px 20px 0px 20px;
border-radius:0px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.07);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.07);
border-top: 7px solid #dadac2!important;
width:100%;
}

.bg_dunkel {
background: rgba(251,251,246, .8);
}

.head_body hr {
border-top: 1px solid #dadac2!important;
}

.head_book {
display:inline-block;
font-size:21px;
margin-bottom:25px;
top:15px;
position:relative;
margin-left:20px;
}

@media (min-width: 1px) and (max-width: 480px) {
.head_book {
margin-left:0px!important;
}
}

.head_abstand {
margin-right:7px!important;
padding:4px 10px 2px 10px;
border-radius:0px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.09);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.09);
margin-bottom:10px;
}

.head_book_counter {
display:inline-block;
background-color:#f08533;
color:#fbfbf6;
font-weight:400;
}

.head_book_name {
display:inline-block;
background-color:#cfd568;
}

.head_book_name a ,
.head_book_name a:link{
text-decoration:none!important;
color:#fbfbf6;
font-weight:400;
}

.head_book_datum {
display:inline-block;
background-color:#eeeed9;
font-weight:600;
color:#0a2b36;
}

.head_book_city{
display:inline-block;
background-color:#eeeed9;
font-weight:400;
color:#0a2b36;
}

.head_book p {
line-height:10px!important;
}

/* ******************* FOOTER ****************************** */

#footerwrap .row {
margin-left: -15px!important;
margin-right: -15px!important;
}

#footerwrap {
/* border-top: 2px dashed #3b3c3f; */
/* background-color:#3b5666; */
background: linear-gradient(to bottom, #3b5666, #4b6b7e);
padding-top: 85px;
padding-bottom: 105px;
min-height:500px;
/* background:#1b1c1e; */
margin-top:0px!important;
background-position: center top!important;
-webkit-background-position: center top!important;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
position:relative;
position: relative;
z-index: 1;
}

#footerwrap::before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;
/* background-image:url(../../media/footer_bg.jpg); */
background-size: cover;
background-position: center top!important;
opacity: 1.0; /* Halb transparent */
z-index: -1; /* hinter dem Inhalt */
}

@media (max-width: 767px){ 
#footerwrap {
background-position: center center;
-webkit-background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding-top: 70px!important;
/* padding-bottom: 70px!important; */
}
}

#footerwrap .inner_cell {
/* background-color: rgba(255,255,255, 0.99); */
border:0px solid #FFFFFF;
margin-bottom:20px;
padding:20px 20px 0px 20px;
}

#footerwrap .row {
margin-right: -15px!important;
margin-left: -15px!important;
}

#footerwrap h4 {
font-weight:300!important;
font-size:35px!important;
color:#304b6c!important; 
line-height:40px;
margin-top: 10px;
margin-bottom: 10px!important;
}

/*
#footerwrap h4::before {
font-family: FontAwesome;
content: "\f103";
margin-right: 10px;
font-size:25px;
color:#ffdf44;
}
*/

#footerwrap .hline-w {
border-bottom:3px solid #e2e0e0!important;
margin: 5px 0 30px;
max-width:100px;
margin-left:auto;
margin-right:auto;
}

#footerwrap p {
color:#f9f9f9!important;
font-size:21px!important;
font-weight:200!important;
}

#footerwrap  p.footer_first,
#footerwrap  p.footer_first a,
#footerwrap  p.footer_first a:link {
color:#f9f9f9!important;
font-size:24px!important;
text-decoration:none!important;
font-weight:400!important;
}


#footerwrap .inner_cell ul li {
list-style-type: none;
color:#f9f9f9!important;
font-size:18px!important;
line-height:25px!important;
margin-bottom:10px;
padding:11px 5px 8px 0px!important;
letter-spacing:0px;
font-weight:200!important;
border-bottom:3px dotted rgba(249,249,249, 0.4)!important;
text-transform:uppercase;
transition: border-color 0.4s ease, border-bottom 0.4s ease;
}

#footerwrap li:hover {
border-bottom:3px dotted rgba(249,249,249, 0.8)!important;
}

#footerwrap ol, 
#footerwrap ul {
padding-left:0px!important;
}

#footerwrap li:last-child {
/* border-bottom: none!important; */
}

#footerwrap a { 
color:#f9f9f9!important;
text-decoration:none!important;
}

@media (max-width: 767px){ 
#footerwrap a { 
}
}

#footerwrap a:hover {
color: #f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
text-decoration: none;
}

#footerwrap li.active a {
color: #f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

#footerwrap .social-links a { margin-right: 20px; }
#footerwrap i {
font-size: 16px;
color: #f9f9f9;
padding-right: 5px;
}

#footerwrap i:hover { color: #f9f9f9; }

#footerwrap .logo-footer {
width:90%;
height:auto;
}

/* Spalte Footer links Adresse und Logo */
.spalte_footer_adresse {
padding-bottom:10px!important;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
}

#footerwrap .spalte_footer_adresse a,
#footerwrap .spalte_footer_adresse a:link {
color:#d9002b!important;
}

.spalte_footer_adresse p {
color:#000000!important;
}


/* ******************************************************************** */

.footer-abbinder {

display:none;
background-color:#fefdf2;
/* padding-top:70px; wenn keine wave eingebunden */
padding-bottom:120px;
background-image:url(../../media/test.svg);
background-repeat: no-repeat;
background-position: center 60px;
-webkit-background-position: center 60px;
background-size: contain;
}


@media (min-width: 1px) and (max-width: 575px) {
.footer-abbinder {
padding-bottom:80px!important;
}
}

.footer-abbinder h2 {
margin-top:70px!important;
margin-bottom:20px!important;
display:block;
font-weight:700!important;
color:#8e0035!important;
font-size:55px!important;
line-height:55px!important;
}

@media (min-width: 1px) and (max-width: 575px) {
.footer-abbinder h2 {
font-size:45px!important;
line-height:42px!important;
}
}

.footer-abbinder h3 {
margin-top:40px;
display:block;
font-weight:700!important;
color:#0085ca!important;
margin-bottom:20px!important;
font-size:39px!important;
}

.footer-abbinder p,
.footer-abbinder a,
.footer-abbinder a:link  {
font-size:22px!important;
color:#5f6437!important;
line-height:30px;
letter-spacing:0px;
font-weight:200!important;
}

.footer-abbinder .subnavi li {
list-style-type: none;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
background-color:#cfd5a2;
display:inline-block;
padding:2px 13px 2px 13px!important;
margin-bottom:20px;
border-radius:0px;
}


.footer-abbinder .subnavi li:hover {
background-color:#0085ca!important;
}

.footer-abbinder .subnavi ol, 
.footer-abbinder .subnavi ul {
padding-left:0px!important;
}

.footer-abbinder .subnavi li:last-child {
/* border-bottom: none!important; */
}

.footer-abbinder .subnavi a {
letter-spacing:2px;
font-weight:500;
text-transform:uppercase;
color:#f7f5e9!important;
font-size:18px!important;
line-height:20px!important;
}

.footer-abbinder .subnavi a:hover {
color: #fbfdeb;
text-decoration: none;
}

.footer-abbinder .subnavi li.active a {
color: #fbfdeb!important;
}

.footer-abbinder .footer_bild {
width:175px!important;
height:auto!important;
border-radius:50%;
border:5px #FFFFFF solid!important;
margin-bottom:30px;
-webkit-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.26);
box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.26);
}

.footer-abbinder .footer_bild:hover {
-webkit-box-shadow: 0px 8px 17px -16px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 17px -16px rgba(0,0,0,0.16);
box-shadow: 0px 8px 17px -16px rgba(0,0,0,0.16);
}

/* *********************************** ENDE FOOTER ABBINDER ******************  */


/* ------------- Lazy Load  ----------------------------------------------------*/

.lazyload,
.lazyloading {
opacity: 0; 
}

.loading,
.lazyload,
.lazyloaded,
.image {
opacity: 1;
transition: 2s cubic-bezier(0.215, 0.61, 0.355, 1); 
}


/* *************** Sound-stop *************** */

#sound_stop {
width: 62px;
height: auto;
z-index: 199;
top: 42vh;
right: 0px;
position: fixed;
box-sizing: border-box;
cursor: pointer;
color:#FFFFFF;
background-color:#00837c;
padding: 6px 10px 6px 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
}

#sound_stop:hover {
background-color:#bad967;
}

/* --------------------- Zeiten Öffnungszeiten ------------------------------------------ */

.wrapper-page p .offen_zeiten  {
display:block;
color:#f9f9f9;
margin-bottom:5px!important;
padding-bottom:5px!important;
line-height: 0.7em!important;
}

.uhr {
width:170px;
float:left;
font-weight:500;
}

@media screen and (max-width:991px) {
.uhr {
width:130px;
float:left;
}	
}

@media screen and (max-width:767px) {
.offen_zeiten {
width:100%;
text-align:center!important;
justify-content: center;
align-items: center;
}

h2.title-oeffnungszeiten {
margin-top:20px!important;
text-align:center!important;
display: flex!important;
justify-content: center!important;
align-items: center!important;
margin-left: auto !important;
margin-right: auto !important;
}

.uhr,
.zeit {
width:100%!important;
display:inline-block!important;
text-align:center!important;
margin-left: auto !important;
margin-right: auto !important;
float:none!important;
}
.uhr {
padding-bottom:15px;
}
}


/* --------------------- MP3 ------------------------------------------ */

@media screen and (width:768px) {
.text-mp3  {
display:inline-block;
min-height:110px;
width:100%;
background-color: rgba(0,0,0, 0.03);
padding:5px;
}
}

@media (min-width: 1px) and (max-width: 767px) {
.text-mp3  {
display:inline-block;
width:100%;
background-color: rgba(0,0,0, 0.03);
padding:5px;
}
}

.text-mp3 p {
text-align:center!important;
margin-top:15px;
font-weight:400!important;
}

.text-mp3 p:before {
content:"- ";
}
.text-mp3 p:after {
content:" -";
}


/* 000 - Slider Sticky Ausgabe Sponsoren und Partner */

.sticky_slider_container {
display:block;
}

.sticky_slider_container .fa-chevron-circle-right:hover,
.sticky_slider_container .fa-chevron-circle-left:hover {
opacity:0.5;
}

img.bild_sponsoren_partner_sticky {
width:50%!important;
height:auto;
display: block;
margin: 0 auto; /* Horizontale Zentrierung */
filter: none;
}

img.bild_sponsoren_partner_sticky:hover {
filter: grayscale(100%);
}

/* Modul  00310 - Text mit Bild (1 - 4 Spalten) mit Aufklappen durch Klick auf Überschrift Link */

.link_mit_toggle_line {
border-bottom: 1px dashed #FFFFFF;
margin-bottom:20px;
}

@media (min-width: 576px) and (max-width: 1399px) {
.link_mit_toggle_line {

}
}

h2.link_toggle_more {
cursor: pointer;
position: relative;
font-size: 30px !important;
line-height: 32px !important;
margin: 0px 0px 5px 0px!important; /* Abstand oben und unten */
letter-spacing:-0.8px!important;
}

@media (min-width: 576px) and (max-width: 1399px) {
h2.link_toggle_more {
font-size: 24px !important;
line-height: 28px !important;
}
}

@media (max-width: 575px) {
h2.link_toggle_more {
font-size: 24px !important;
line-height: 28px !important;
}
}

h2.link_toggle_more:hover {
color: #d9002b!important;
}

.toogle_icon {
font-weight: 600;
color: #d9002b;
font-size: 30px;
cursor: pointer; /* Zeigt an, dass es klickbar ist */
display: inline-block;
}

@media (max-width: 575px) {
.toogle_icon {
padding-right:25px!important;
}
}

.toogle_icon:hover {
color: #FFFFFF;
}

/* Styling für das geöffnete Symbol */
.toogle_icon.open {
content: "×"; /* Kreuz-Symbol */
}

.toogle_more_container {
display: none; /* Standardmäßig ausgeblendet */
/* Sicherstellen, dass keine anderen Regeln die Sichtbarkeit beeinflussen */
visibility: visible;
opacity: 1;
}


/* ------------- 000 - Table Tabs Artikel mit Javascript anzeigen ----------------------------------------------------*/


.table_tab_javascript_navigation {
margin-bottom:50px;
overflow-x: auto; /* Ermöglicht horizontales Scrollen */
-webkit-overflow-scrolling: touch; /* Sorgt für weiches Scrollen auf mobilen Geräten */
}

.table_tab_javascript_navigation::-webkit-scrollbar {
display: none;
}

.table_tab_javascript_navigation a.tab_link,
.table_tab_javascript_navigation a.tab_link:link {
display: inline-block;
font-size: 17px !important;
line-height: 25px !important;
font-weight: 600 !important;
padding: 10px 20px 7px 20px;
text-decoration: none !important;
margin: 20px 10px 0px 10px;
background-color: #FFFFFF;
color: #3b5666;
border-radius: 10px;
/* box-shadow: 0 0 20px rgba(0,0,0,0.1); */
border: 1px dotted #6a6a6a;
text-transform: uppercase;
}

.table_tab_javascript_navigation a.tab_link:hover {
background-color: #3b5666!important;
color:#FFFFFF!important;
border:1px dotted #3b5666!important;
}

/* wird durch REX 1 und Script gesteuert */
.table_tab_javascript_navigation .tabs_linksbuendig {
margin:0px 15px!important;	
}

.table_tab_javascript_navigation .tabs_zentriert {
margin:0px 15px 0px 15px!important;	
}

.tab_content {
display: none; /* Alle Container standardmäßig ausblenden */
}

.tab_content.active {
display: block; /* Aktiven Container anzeigen */
}

.tab_link.active {
background-color:#f9b61d!important;
filter: brightness(0.9999); /* abdunkeln Barrierfrei */
color:#FFFFFF!important;
border:1px dotted #f9b61d!important;
}

/* ------------- Ende 000 - Table Tabs Artikel mit Javascript anzeigen ----------------------------------------------------*/


/* ------------- Cookiebar ----------------------------------------------------*/

#cookiebar {
display:none;

}

#cookiebar a,
#cookiebar a:link,
#cookiebar a:visited {
color:#6a6a6a!important;
text-decoration:underline;
font-size:20px!important;
font-weight:200!important;
}

#cookiebar .cookietext p,
#cookiebar .cookietext a,
#cookiebar .cookietext a:link {
font-size:18px!important;
line-height:23px!important;	
font-weight:200!important;
color:#6a6a6a!important;
-moz-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}

#cookiebar .cookietext a:hover {
text-decoration:none!important;
}

#cookiebar div {
padding:15px 15px 15px 15px;
}

#cookiebar {
background: #FFFFFF;
/* background: linear-gradient(to right bottom, #FFFFFF 50%, #fcfcfc 50%); */
position: fixed;
bottom: 40px;
left: 0;
right: 0;
z-index: 999;
width: 300px;
margin: 0 auto; /* Horizontal zentrieren */
border: 2px solid #f5f5f5;
box-shadow: 0 0 30px rgba(0,0,0,0.2);
border-radius:10px!important;
}

@media (min-width: 1px) and (max-width: 450px) {
#cookiebar {
width:100%!important;
bottom:0px;
border-radius:0px!important;
border-top:0px solid #7b7979;
}
}

#cookiebarCloser {
    display: inline-block;
    color: #FFFFFF;
    background: #3b5666;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px !important;
    padding: 5px 15px 4px 15px;
    margin-top: 0px;
    border-radius: 0px;
    font-weight: 400;
    font-style: italic;
    border: none; /* Wichtig für echte Buttons */
    transition: background 0.3s ease; /* Optional für weichen Übergang */
}

#cookiebarCloser:hover {
    color: #FFFFFF;
    background: #f9b61d;
	filter: brightness(0.9999); /* abdunkeln Barrierfrei */
}

@media screen and (max-width: 480px) {
#cookiebarCloser {
clear:both!important;
}	
}

/* ///////////////////// Animation ////////////////////////////// */

.animate-down {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, -70px);
-moz-transform: translate(0, -70px);
transform: translate(0, -70px);
}
.animate-down.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 600ms ease-out 100ms;
-moz-transition: all 600ms ease-out 100ms;
transition: all 600ms ease-out 100ms;
}
.animate-up {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, 70px);
-moz-transform: translate(0, 70px);
transform: translate(0, 70px);
}
.animate-up.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}
.animate-right {
opacity: 0;
visibility: hidden;
transform: translate(-70px, 0);
}
.animate-right.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}
.animate-left {
opacity: 0;
visibility: hidden;
transform: translate(70px, 0);
}
.animate-left.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}

.modal-dialog .animate-up,
.modal-dialog .animate-down,
.modal-dialog .animate-right,
.modal-dialog .animate-left {
opacity: 1!important;
visibility: visible!important;
-webkit-transform: none!important; /* Safari and Chrome */
-moz-transform: none!important; /* Firefox */
-ms-transform: none!important; /* IE 9 */
-o-transform: none!important; /* Opera */
transform: none!important;
}