body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
font-weight: 300;
margin:0;
padding:0;
border:0;
width:100%;
height:auto;
display:block;
text-align: left;
font-style: normal;
margin:0px;
padding:0px;
font-size:16px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #000;
line-height: 1.5em;
letter-spacing: 0.07rem;
background-color:#f8f9fa;
}
article {
line-height:0;
letter-spacing:0rem;
}

article > div {
line-height: 1.5em;
letter-spacing: 0.05rem;
}

a {
text-decoration:none;
}


article .textRahmenVB4sp a {
color:#d10018;
}
.inhalt2spalten a {
color:#d10018;
}

h1 {
  font-family: 'Roboto', serif;
font-weight: 500;
font-style: normal;
color: #000;
text-align: left;
font-size: 2.2em;
line-height: 1.3em;
letter-spacing: 0.01rem;
margin: 0px 0 15px 0;
font-weight: 500;
}
h2.h1 {
  font-family: 'Roboto', serif;
font-weight: 500;
font-style: normal;
color: #707173;
text-align: left;
font-size: 2.2em;
line-height: 1.3em;
letter-spacing: 0.04rem;
margin: 15px 0 15px 0;
font-weight: 500;
}
.textRahmen h2.h1,
.inhalt2spalten h2.h1 {
color: #707173;
}

.textRahmen h1:after, 
.textRahmen h2:after, 
.inhalt2spalten h1:after, 
.inhalt2spalten h2:after, 
.textRahmenVB4sp h1:after, 
.textRahmenVB4sp h2after {
display:block;
width:100px;
height:2px;
content:" ";
margin-top:15px;
margin-bottom:30px;
margin-left:0;
margin-right:auto;
position:relative;
background-color:#d10018;
}

.textRahmen h1:after, 
.textRahmen h2:after, 
.inhalt2spalten h1:after, 
.inhalt2spalten h2:after, 
.textRahmenVB4sp h1:after, 
.textRahmenVB4sp h2:after {
display:block;
width:0px;
height:2px;
content:" ";
margin-top:15px;
margin-bottom:30px;
margin-left:0;
margin-right:auto;
position:relative;
background-color:#d10018;
transition:1s;
}

.inwaypoint.textRahmen h1:after, 
.inwaypoint.textRahmen h2:after, 
.inwaypoint.inhalt2spalten h1:after, 
.inwaypoint.inhalt2spalten h2:after, 
.inwaypoint.textRahmenVB4sp h1:after, 
.inwaypoint.textRahmenVB4sp h2:after {

width:100px;
}


h2 {
font-family: 'Roboto', serif;
font-weight: 500;
font-style: normal;
color: #000;
text-align: left;
font-size: 1.8em;
line-height: 1.3em;
letter-spacing: 0.04rem;
margin: 15px 0 15px 0;
font-weight: 500;
}


h3 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
color: #000;
text-align: left;
font-size: 1.2em;
line-height: 1.3em;
letter-spacing: 0.08rem;
font-weight:normal;
margin-top: 0;

}

strong {
font-weight: 500;
color: #d10018;
}

.inhalt {
width: 100%;
height: auto;
position: relative;
margin-top: 50px;
padding-bottom: 80px;
margin: 0 0;
}


div.inhalt {
z-index:5;
}

.open div.inhalt {
display: none;
}

body > .slideshow.slick-slider.slick-dotted {
width: 90%;
z-index:1;
height: auto;
margin-top:150px;
margin-bottom:100px;
position:relative;
}

media-player {
width: 90% !important;
margin-left:auto!important;
margin-right:auto!important;
display:block!important;
max-width:1600px;
}

@media screen and (min-width:1000px) {
body > video {
width: 90%;
z-index:1;
height: auto;
margin-top:0px;
margin-bottom:0px;
position:absolute;
top:150px;
left:5%;
border-radius:12px;
max-width:1600px;
top: 50%; /* Zentriere vertikal */
  left: 50%; /* Zentriere horizontal */
  transform: translate(-50%, -50%); /* Rücke das Element zurück um die Hälfte seiner Größe */
  border-radius: 12px;
  max-width: 1500px;
}
}

@media screen and (min-height:1000px) {
body > video {
width: 90%;
z-index:1;
height: auto;
margin-top:0px;
margin-bottom:0px;
position:absolute;
top:150px;
left:5%;
border-radius:12px;
max-width:1600px;
top: 50%; /* Zentriere vertikal */
  left: 50%; /* Zentriere horizontal */
  transform: translate(-50%, -50%); /* Rücke das Element zurück um die Hälfte seiner Größe */
  border-radius: 12px;
  max-width: 1600px;
}
}

.slick-initialized .slick-slide {
display:flex;
width:90%;
}

.slick-initialized button.slick-prev {
position: absolute;

border: 0;
height: 45px;
width: 45px;
top: 45%;
background-repeat: no-repeat;
z-index: 10;
background-color: #000;
color: transparent;
background-image: url("../../media/pfeil-links.png");
background-size: 49%;
background-position: center;
cursor: pointer;
background-color:transparent;
}

.slick-initialized button.slick-next {
position: absolute;

border: 0;
height: 45px;
width: 45px;
top: 45%;
background-repeat: no-repeat;
z-index: 10;
background-color: #000;
color: transparent;
background-image: url("../../media/pfeil-rechts.png");
background-size: 49%;
background-position: center;
cursor: pointer;
background-color:transparent;
}

.slick-prev:before, .slick-next:before  {
content: none;
}

/**

ul.slick-dots {
list-style: none;
position: relative;
display: inline-block!important;
justify-content: center;
text-align: center;

height: auto;
top: -90px;
padding: 0;
margin: 0;
background-color: rgba(0,0,0,0);
right: 0;
width: 40%;
margin-left: 60%;
}

ul.slick-dots li {
display: inline-block;
margin: 2%;
}

ul.slick-dots li button {
width: 70px;
height: 10px;
border: 0;
background-color: rgba(125,99,66,0.7);
color: transparent;
cursor: pointer;
outline: none;
}

ul.slick-dots li.slick-active button {
background-color: rgba(125,99,66,1);
}

.slick-dots li.slick-active button:before, .slick-dots li button:before  {
display: none;
}

**/


body > .slideshow img {
width: 100%;
height: auto;
opacity: 0;
}

@media screen and (min-width:800px) {
body > .slideshow {
width: 90%;
z-index:1;
height: auto;
margin-left:auto;
margin-right:auto;

}

body:not(#article1) > .slideshow img {
width: 100%;
height: 500px;
opacity: 0;
}

}

body > .slideshow ul.slick-dots {
display: none;
}



body > .slideshow {
background-color: #f8f9fa;
}

body > .slideshow .slick-track {
height: auto;
}
@media screen and (min-width:800px) {
body:not(#article1) > .slideshow .slick-track {
height: auto;
}
}

body > .slideshow .rsContent {
opacity: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

header {
padding-top: 30px;
padding-bottom: 0px;
width: 100%;
height: 120px;
position: fixed;
padding-left: 0%;
padding-right: 0%;
display: flex;
top: 0;
left:0;
z-index: 1100;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
background-color:rgba(248, 249, 250, 1.0);
}
header.sticky {
transition: background-color 0.5s;
z-index:6;
position: fixed;
background-color:rgba(248, 249, 250, 1.0);
}
.open header {

}


.menuumgebend {
	display:none;
}


.headerinner {
display: flex;
width:84%;
height:120px;
max-width:1600px;
margin-left:auto;
margin-right:auto;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
z-index:200;
}

header .buttonmenu button {
position: relative;
background-color: transparent;
width: 60px;
height: 30px;
border: 0;
outline: 0;
z-index: 1100;
transition: top .5s;
cursor: pointer;
padding-left: 0px;
padding-right: 0px;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
text-align: right;
line-height:.9em;
}
body.open header .buttonmenu button {

}
header .buttonmenu {
color: #707173;
}
body.open header .buttonmenu {
color: #707173;
}



.logo {
width:26%;
height:auto;
display:inline-block;
position: relative;
width:280px;

}

.logo {
font-family: 'Roboto';
color:#000;
font-size:32px;
padding-top:0px;
background-image:url(../../media/logo-ts-hugeri.png);
background-size:100%;
background-position:center 5px;
background-repeat:no-repeat;
}
.logo a {
color:#616f39;
letter-spacing:.01em;
display:block;
position:relative;
width:100%;
height:100%;
}
.logo img { 
width:100%;
height:auto;
display:inline-block;
position: relative;
}

nav {
opacity: 1;
width: 66%;
height: 100px;
position: relative;
display:inline-block;
font-weight: 400;
color:#fff;
z-index:100;
top:0px;
}

nav ul {
width:100%;
height:100px;
position:relative;
margin:0;
padding:0;
display:flex;
justify-content:space-between;
text-align:justify;
opacity:1;
}

nav ul li {
width:auto;
height: 100px;
display:inline-block;
position:relative;
text-align:center;
}

nav ul li a {
color:#000;
font-size:1.0em;
display:block;
width:100%;
vertical-align:middle;
position:relative;
padding-left: 2px;
padding-right: 2px;
padding-top: 40px;
position:relative;
text-align:left;
height: auto;
text-transform: uppercase;
}
nav ul li.rex-current a, 
nav ul li a:hover {
color:#000;
}


nav {

    
}




@media screen and (min-width:800px) {
nav ul li a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger-leer.png);
display:block;
position:relative;
background-size:0 8px;
background-repeat:no-repeat;
background-position:center;
margin-top:0px;
transition:.5s;
visibility:visible;
}
nav ul li.rex-active > a:after,
nav ul li.rex-current > a:after, 
nav ul li:hover > a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger.png);
display:block;
position:relative;
background-size:100% 8px;
background-repeat:no-repeat;
background-position:left;
margin-top:0px;

visibility:visible;
}
}


nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav > ul > li {
    display: inline-block;
    position: relative; /* Wichtig für Dropdown */
}

nav a {
    display: block;
    padding: 10px 20px;
    color: white;
    text-decoration: none;

}

nav a:hover {

}

/* Dropdown-Menü */
nav ul ul {
    display: none; /* Versteckt Dropdown */
    position: absolute;
    top: 100%; /* Unter dem übergeordneten Menüpunkt */
    left: 0;
    background-color: #fff;
    padding: 20px 30px 20px 10px;
    min-width: 250px;
    z-index: 10000;
    height:auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

nav ul ul li {
    display: block;
    position:relative;
    height:50px;
}

nav ul ul a {
    padding: 10px;
	display:block;
	position:relative;
}

nav ul ul a:after {
    padding: 0px;
	width:0;
	height:20px;
	visibility:hidden;
	display:block;
}

nav ul ul a:hover {
    
}

/* Dropdown anzeigen bei Hover */
nav > ul > li:hover > ul {
    display: block;
}


.open #nav-icon1 span {

}

.inhalt2spalten {
width: 100%;
height: auto;
position: relative;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-left:0;
margin-right:0;
padding: 0px 0px 0px 0px;
}

img.rounded {
border-radius: 12px;
}

.inhalt .inhalt2spalten {
margin-top: 80px;
margin-bottom: 80px;

}

.inhalt2spalten > div {
width: 46%;
height: auto;
display: block;

}

.slideshow .inhalt2spalten > div.spalte1 {
width: 52%;
height: 40vh;
display: inline-block;
}
.slideshow .inhalt2spalten > div.spalte2 {
width: 42%;
height: 55vh;
display: inline-block;

}


.slick-slide img {
visibility:hidden;
}

.slideshow .inhalt2spalten > div {
width: 47%;
height: auto;
display: block;
vertical-align:top;
}


.inhalt2spalten > div.spalte1 {
padding-right:0%;
text-align:right;
padding-top:0%;
padding-bottom:0%;

      margin-top:auto;
margin-bottom:auto;
}

.slideshow .inhalt2spalten > div.spalte1 {
margin-top:0;
background-position:center;
background-attachment: fixed;
background-size:cover;
}
.slideshow .inhalt2spalten > div.spalte2 {
margin-top:0;
background-position:center;
background-attachment: fixed;
background-size:cover;
}
.inhalt2spalten > div.spalte2 {
padding-left:0%;
text-align:left;
padding-top:0%;
padding-bottom:0%;
      margin-top:auto;
margin-bottom:auto;
}
.inhalt2spalten > div.spalte2.spaltenslideshow, 
.inhalt2spalten > div.spalte1.spaltenslideshow  {
padding-left:0%;
text-align:left;
padding-top:0%;
padding-bottom:0%;
padding-right:0;
width: 50%;
}

.slideshow .inhalt2spalten > div.spalte2 img { 
	height:700px
}

.toplinks a.telefon:before {
content: " ";
background-image: url(../../media/phone-icon.png);
display: inline-block;
text-align: center;
width: 23px;
height: 18px;
background-size: 20px auto;
position: relative;
margin: 0 auto;
background-repeat: no-repeat;
left: 0px;
top: 2px;
}

.toplinks a.telefon:hover::before {
background-image: url(../../media/phone-icon-weiss.png);
}

@media screen and (min-width:800px) {
.slideshow .inhalt2spalten > div.spalte2 img { 
	height:900px
}
}

.inhalt2spalten > div.spaltenslideshow .bildText {
display:none;
}

.inhalt2spalten > div.spaltenslideshow {


}

.inhalt2spalten > div.spaltenslideshow img {
visibility:hidden;
width:100%;
height:650px;
}
.gruppo.slick-initialized .slick-slide {
display:flex;
}
.gruppo .inhalt2spalten {
justify-content:space-between;
}
.gruppo .inhalt2spalten > div {
width: 46%;
height: auto;
display: inline-block;
padding-top:5%;
vertical-align:top;
}






.divimg {
background-size:cover;
background-position:center;
}
.inhalt2spalten div.innerspalte1 {
width:89%;
max-width:750px;
display:inline-block;
text-align:left;
height:auto;
margin-top:auto;
margin-bottom:auto;
}
.inhalt2spalten div.innerspalte2 {
width:89%;
display:inline-block;
text-align:left;
height:auto;
margin-top:auto;
margin-bottom:auto;
}

.inhalt2spalten > div.spalte.spbg {
height:400px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;


}

.bilderumgend {
width: 100%;
height: auto;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.bilderumgend img {
width: 47%;
height: auto;
display: inline-block;
position: relative;
align-items: center;
}

.bilderumgend img:nth-child(1) {
margin-bottom: 50px;
}

.bilderumgend img:nth-child(2) {
margin-top: 50px;
}
:root {
  /* tweak these to taste */
  --footer-start: #56585c;
  --footer-middle: #707173;
  --footer-end: #8f9093;
}
footer {
  background: linear-gradient(to bottom, var(--footer-start), var(--footer-middle) 60%, var(--footer-end));

background-color:#707173;
padding-top:10px;
padding-bottom:0px;
position:relative;
color:#fff;
}

footer a {
color:#fff;
}

footer > div {
max-width:1600px;
}
footer .textRahmen { 

background-color:transparent;
padding-top:10px;
padding-bottom:10px;
border-bottom:2px solid #fff;
}

footer .textRahmen {
    display: flex;
    align-items: center; /* Vertikale Zentrierung */
    gap: 20px; /* Abstand zwischen Bild und Text */
    width:80%;
    margin-left:auto;
    margin-right:auto;
    padding:0;
}

footer .textRahmen img {
    display: block; /* Entfernt eventuelle Standardausrichtung */
}

footer .textRahmen h2 {
    margin: 0; /* Entfernt zusätzliche Abstände des Headers */
    color:#fff;
    
}
footer .textRahmen h2:after {
display:none;

}
footer .textRahmen a {
color:#ffffff;
} 

footer .inhalt2spalten { 

padding-top:10px;
padding-bottom:10px;
height:200px;
}
footer .inhalt2spalten { 
      margin-top:auto;
margin-bottom:auto;
}

a.button {
background-color:#d10018;
color: #fff;
position: relative;
padding: .5rem 1.5rem;
margin-top: 10px;
width: auto;
display: inline-block;
border:2px solid #d10018;
border-radius:12px;
font-weight:500;
}

.textRahmen a.button {
color:#fff;

}

a.button::after {
  font-family: "FontAwesome";
  content: "\f061";  /* Unicode für das Icon „arrow-right” */
  display: inline-block;
  margin-left: 0.5em; /* Abstand zwischen Text und Icon */
  color: #fff;
}

.icon {
  font-family: "FontAwesome";
}


a.button.back::after {
display:none;

}
a.button.back::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;        /* Solid style */
  content: "\f060";        /* Unicode für fas fa-arrow-left */
  display: inline-block;
  margin-right: 0.5em;
}

a.button:hover {
color: #fff;
background-color: #9a0012;
border-color:#9a0012;
}

.bg a.button {
background-color: transparent;
color: #fff;
position: relative;
padding: 2px 20px;
margin-top: 5px;
width: auto;
display: inline-block;
border:2px solid #fff;
}

.bg a.button:hover {
background-color: #fff;
color:#d10018;
}




.textRahmen {
padding: 50px 5% 50px 5%;
}

.textRahmenVB4sp {
width: 90%;
height: auto;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 5% 50px 5%;
}

footer .textRahmenVB4sp { 
padding: 40px 5% 100px 5%;
width: 80%;
margin-left:auto;

margin-right:auto;
}

.textRahmenVB4sp > div {
width: 25%;
height: auto;
display: block;
position: relative;

background-color: transparent;
}

footer .textRahmenVB4sp > div {
margin-bottom:15px;

} 

footer .textRahmenVB4sp > div {
color:#fff;
}
footer .textRahmenVB4sp strong {
color:#ffffff;
} 

.textRahmenVB3sp > div:hover {

}

footer .textRahmenVB3sp > div h2 {
color:#fff;

}

footer .textRahmenVB3sp > div p:first-child {
padding-top:0;
margin-top:0;
}
footer .textRahmenVB3sp img {
width: 100%;
max-width: 180px;
height: auto;
position: relative;
display: block;
}

footer .textRahmenVB3sp a {
color: #fff;
}



.textRahmenVB3sp h2 {
margin-top:0;
margin-bottom:10px;
}



.inhalt2spalten.vierzigsechzig img {
width: 100%;
height: auto;
position: relative;
}

.inhalt2spalten.vierzigsechzig {
background-color: #f8f8f8;
padding: 00px 5%;
margin-top: 50px;
margin-bottom: 50px;
}

.inhalt2spalten.vierzigsechzig .spalte1 {
width: 38%;
height: auto;
display: block;
}

.inhalt2spalten.vierzigsechzig .spalte2 {
width: 58%;
height: auto;
display: block;
}

.bildsliderreal {
width: 90%;
margin-right: 5%;
margin-left: 5%;
}

.bildsliderreal img {
max-width: 100%;
height: auto;
}

.inhalt li {
list-style: none;
padding-left: 20px;
}

.inhalt li {
position: relative;
padding-left: 35px;
margin-bottom:15px;
line-height: 1.5em; 
}

.inhalt ul {
padding: 0;
}


.inhalt li::before {
  content: "\f061"; /* arrow-right */ /* Font Awesome: caret-right */
  font-family: "Font Awesome 6 Free"; /* bei v5: "Font Awesome 5 Free" */
  font-weight: 900; /* solid */
  position: absolute;
  left: 0;
  top:0px;

  font-size: 0.9em;
  color: #d10018; /* braun, nach Bedarf anpassen */
}
em {
font-style: normal;
font-weight: 600;


}

.textRahmen a {
font-weight: normal;
color: #000;
}
.textRahmen a {
color:#d10018;
}



.slideshowtextbereich {
display:flex;
justify-content:space-between;
width:50%;
max-width:1550px;
position:absolute;
right: 5%;
bottom:10%;
height:200px;
align-items: flex-end;
}
.slideshowtextbereich > div.textRahmen {
display:inline-block;
padding: 10px 3%;
}

.slideshowtextbereich > div.textRahmen:first-of-type {
background-color:transparent;
padding-left:0%;
width:100%;
padding:50px;

}


.slideshowtextbereich > div.textRahmen:first-of-type h3 {
margin-bottom: 20px;
}

.slideshowtextbereich > div.textRahmen:first-of-type h3 {
color:#fff;
background-color:#d10018;
width:auto;
}

.slideshowtextbereich > div.textRahmen:first-of-type h2 {
color:#fff;
background-color:#3b3d56;
}


.slideshowtextbereich div.textRahmen h2 {
font-size: 1.5em;

}

.galerie {
display:flex;
position:relative;
width:90%;
height:auto;
flex-wrap:wrap;
justify-content:space-between;
margin-left:auto;
margin-right:auto;
}

.galerie > a {
width:23%;
height:auto;
position:relative;
display:inline-block;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
outline:0;
margin-bottom:40px;
box-shadow:0px 0px 10px #ccc;
border-radius:12px;
}

.galerie > a img {
width:100%;
height:auto;
position:relative;
display:block;
visibility:hidden;
}






a.pdf:before {
content: " ";
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
background-image: url(../../media/pdf-icon-weiss.png);
width: 15px;
height: 15px;
display: inline-block;
position: relative;
vertical-align:middle;
margin-right: 2px;
padding: 9px 10px 9px 0;
background-size: 76%;
background-position: center left;
}

a.pdf:hover::before {
background-image: url(../../media/pdf-icon-gruen.png);
}

a.pdf:before {
background-image: url(../../media/pdf-icon-gruen.png)!important;
}

a.button:hover {
color: #fff;
background-color: #9a0012;
border-color:#9a0012;
}

a.pdf:hover::before {
background-image: url(../../media/pdf-icon-weiss.png)!important;
}

#inhalt16 {
padding-top:0;
}



.bg a.pdf:before {
background-image: url(../../media/pdf-icon-weiss.png)!important;
}

.bg a.pdf:hover::before {
background-image: url(../../media/pdf-icon-gruen.png)!important;
}

body:not(#article1) .slideshowtextbereich > div.textRahmen { 
display:none;

}

.basis14 .textRahmen {
padding-top:0;

}

.basis14 .inhalt .inhalt2spalten {
margin-top: 80px;
margin-bottom: 0;
}

@media screen and (min-width: 800px) and (max-width: 1200px) {

header {
height: 115px;
}

nav {
height: 115px;
}

nav ul li {
height: 115px;
}

.headerinner {

width: 90%;
height: 115px;
}

.logo {

width: 240px;
}

nav ul {

height: 110px;
}

.slideshowtextbereich {
display: flex;
justify-content: space-between;
width: 94%;
left:3%;
}
footer .textRahmenVB4sp {
width: 80%;
}
}


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

body {
font-size: 15px;
overflow-x: hidden;
}


body > video {
width: 100%;
z-index:1;
height: auto;
margin-top:0px;
margin-bottom:0px;
position:absolute;
top:100px;
left:0%;
border-radius:0px;

}


body > .slideshow.slick-slider.slick-dotted {
margin-top: 135px;
}

.logo {
font-size: 26px;
}

body > .slideshow.slick-slider.slick-dotted {
width: 90%;
}

nav ul li a {
height: 40px;
}

body > .slideshow.slick-slider.slick-dotted {
margin-bottom: 190px;
}

.slideshow .inhalt2spalten > div.spalte1 {
background-size: cover;
}

.slideshow .inhalt2spalten > div.spalte2 {
background-size: cover;
}

.galerie > a {
width: 31%;

}

.slick-next {
right: -30px;
}

.slick-prev {
left: -30px;
}

.slick-initialized button.slick-prev {
height: 40px;
width: 40px;
}

.slick-initialized button.slick-next {
height: 40px;
width: 40px;
}

}


@media screen and (max-width: 800px) {
    body {
        font-size: 14px; /* Beispiel für eine kleinere Schriftgröße */
    }

    header {
        height: 80px; /* Anpassung der Header-Höhe für mobile Geräte */
        z-index:100;
        padding-top:10px;
        transition:.5s;
    }
	
	.open header {
		height:700px
	}
	
    header .buttonmenu button {
        padding: 8px 10px; /* Kleinere Padding-Werte für das Menü-Icon */
    }

  .menuumgebend {
		display: block;
		width:100px;
		height:auto;
		position:absolute;
		right:0%;
		top:40px;
		text-align:right;
	}

#nav-icon1 {
text-align:right;
}

#nav-icon1 span {
background-color: #707173;
width:100%;
height:2px;
margin:2.0px 0;
position: relative;
display: inline-block;
transition:.5s;
right:0;
}

#nav-icon1 span:nth-child(2) {
width:80%;
background-color: #707173;
}

#nav-icon1 span:nth-child(1) {
width:60%;

background-color: #707173;
}

#nav-icon1 span:nth-child(3) {

width:50%;
background-color: #707173;
}
#nav-icon1.open span:nth-child(2) {

width:100%;

}

#nav-icon1.open span:nth-child(1) {

width:100%;
background-color: #707173;
}

#nav-icon1.open span:nth-child(3) {

width:100%;
background-color: #707173;
background-color: #d10018;
}

	.headerinner {
	width:90%;
	height:80px;
	margin-left:4%;
	margin-right:4%;
	}

.open nav {
display: block;
background-color:transparent;
height: auto;
position:absolute;
left:0;
top:0;
transition:.5s;
}

nav ul {
width: 90%;
height: auto;
position: relative;
margin: 0;
margin-left:auto;
margin-right:auto;
margin-top:120px;
padding: 0;
display: block;
justify-content: space-between;
text-align: justify;
opacity: 1;
transition:.5s;
}

nav ul li {
width: 100%;
min-width: 10%;
height: 50px;
display: inline-block;
position: relative;
text-align: right;
transition:.5s;

}

nav ul li:hover {


}

nav ul li a {
color: #707173;
font-size: 1.4em;
display: block;
width: 100%;
height: 40px;
vertical-align: middle;
position: relative;
padding-left: 0%;
padding-right: 0%;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
text-align: right;
}


nav ul li a:after {
content:"";
width:100%;
height:15px;
background-image:url(../../media/menu-zeiger-leer.png);
display:inline-block;
position:relative;
background-size:0 10px;
background-repeat:no-repeat;
background-position:right;
margin-left:0;
margin-top:5px;
margin-bottom:0;
transition:.5s;
}

nav ul li.rex-active > a:after,
nav ul li.rex-current > a:after, 
nav ul li:hover > a:after {
content:"";
width:100%;
height:15px;
background-image:url(../../media/menu-zeiger.png);
display:inline-block;
position:relative;
background-size:100px 10px;
background-repeat:no-repeat;
background-position:right;
margin-top:5px;
margin-bottom:0;
margin-left:0;
}
nav ul ul {
display: none;
position: relative;
top: 0%;
left: 0;
margin-top: 0px;

background-color: #fff;
padding: 20px 25px 20px 15px;
margin-bottom:20px;
min-width: 250px;
z-index: 10000;
height: auto;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

nav ul ul a {
padding: 10px 10px 0px 10px;
display: block;
position: relative;
}

nav ul li ul li > a:after {
content:"";
width:100%;
height:15px;
background-image:url(../../media/menu-zeiger.png);
display:block;
position:relative;
background-size:0 10px;
background-repeat:no-repeat;
background-position:right;
margin-top:5px;
margin-left:0;
visibility:visible;
transition:.5s;
}

nav ul li ul li.rex-active > a:after,
nav ul li ul li.rex-current > a:after, 
nav ul li ul li:hover > a:after {
content:"";
width:100%;
height:15px;
background-image:url(../../media/menu-zeiger.png);
display:inline-block;
position:relative;
background-size:100px 10px;
background-repeat:no-repeat;
background-position:right;
margin-top:5px;
margin-left:0;
visibility:visible;
}


.logo {
height:auto;
display:inline-block;
position: relative;
width:230px;
}

.logo {
font-family:'Roboto';
color:#707173;
font-size:26px;
padding-top:45px;
}
.logo a {
color:#707173;
letter-spacing:.01em;
}
.logo {
background-size: 100%;
background-position: center 5px;
background-repeat: no-repeat;
}
    nav {
        width: 100%; /* Volle Breite für das Navigationselement */
        display: none; /* Standardmäßig ausgeblendet */
    }

    .open nav {
        display: block; /* Bei geöffnetem Menü anzeigen */
        
        height:auto;
        height:100%;
    }
    
    
    .open header {
    height:100%;
    background-color:rgba(248, 249, 250, 1.0);
    }
    
  
	
div.toplinks {
position: relative;
width: 100%;
height: auto;
right: 0px;
top: 0px;
display: block;
align-items: center;
text-align: center;
justify-content: center;
margin-top:10px;
}
div.toplinks a {
display: inline-block;
width:300px;
margin-bottom:10px;
font-size:1.2em;
}
	.buttonmenu {
		text-align:center;
	}
    .inhalt2spalten > div {
        width: 100%; /* Volle Breite für Inhaltscontainer auf mobilen Geräten */
        margin-bottom: 20px; /* Abstand zwischen den Spalten erhöhen */
    }

    .bilderumgend img {
        width: 100%; /* Volle Breite für Bilder */
        margin-bottom: 20px; /* Abstand zwischen den Bildern erhöhen */
    }

    footer .textRahmenVB4sp > div {
        width: 100%; /* Volle Breite für Footer-Textspalten */
    }

	body > .slideshow {
		width: 100%;
		z-index: 1;
		height: auto;
		display:block;
		position:relative;
		
	}
	
	body > .slideshow .slick-next {
		top:35%!important:
	}
	body > .slideshow .slick-prev {
		top:35%!important:
	}
	
	body > .slideshow .slick-track {
		height: 450px;
	}
	
    .slideshowtextbereich {
        width: 100%; /* Volle Breite für den Textbereich der Slideshow */
        left: 0; /* Positionierung am linken Rand */
    	display:block;
    	position:relative;

    	bottom:0px;
    	height:auto;
    	padding-top:10px;
    	padding-bottom:10px;
    }
    body > .slideshow .slick-slide {
		
		float: left;
		height: 300px;
		min-height: 1px;
	}
	body .slideshow .slick-slide {
		height:300px;
	}
	body .slideshow .slick-list {
		height:300px;
	}
	body .slideshow .slick-track {
		height:300px;
	}

    .galerie > a {
        width: 48%; /* Volle Breite für Galerie-Elemente */
    }


    
    .inhalt2spalten {
    display:block;
    width:100%;
    }
    
    .inhalt2spalten > div.spalte1.spaltenslideshow {
    width:100%;
    display:block;
    height:400px;
    }
    .inhalt2spalten > div.spalte2.spaltenslideshow {
    width:100%;
    display:block;
    height:400px;
    }
    .inhalt2spalten div.innerspalte1 {
    	width: 100%;
    }
    
    .inhalt2spalten div.innerspalte2 {
    	width: 100%;
    }
    .inhalt2spalten > div.spalte1 {
    	padding-left: 4%;
    	padding-right: 4%;
    	width:92%;
    }
    .inhalt2spalten > div.spalte2 {
    	padding-left: 4%;
    	padding-right: 4%;
    	width:92%;
    }
    
body > .slideshow.slick-slider.slick-dotted {
width:100%;
height: auto;
margin-top:100px;
}

body > .slideshow.slick-slider.slick-dotted {
margin-bottom: 0px;
}

.slideshow .inhalt2spalten > div.spalte1 {
width: 52%;
height: auto;
display: inline-block;
padding-left: 0%;
padding-right: 0%;
}
.slideshow .inhalt2spalten > div.spalte1 {

width: 47%;
height: 300px;
display: inline-block;
padding-left: 0%;
padding-right: 0%;
}

.slideshow .inhalt2spalten > div.spalte2 {
height: 300px;
}

.slideshow .inhalt2spalten > div.spalte2 img {
height:300px;
}
.slideshowtextbereich > div.textRahmen:first-of-type {

box-shadow: 0px 0px 0px #888888;
}
.inhalt2spalten {
margin-left: 0;
margin-right: 0;
}


    .inhalt2spalten > div {
    margin-bottom:0;
    }
    
    
    div.inhalt {
		z-index: 20;
	}
	footer .textRahmenVB3sp {
		display:block;
		margin:0;
		padding-left:4%;
		padding-right:4%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	footer .textRahmenVB3sp > div {
		display:block;
		width:100%;
		margin-top:20px;
	}	
.textRahmenVB3sp h2 {
margin-top:10px;
margin-bottom:10px;
}
footer {

padding-top: 10px;
padding-bottom: 0px;
position: relative;
}

.inhalt2spalten p br {
display:none;
}

footer .inhalt2spalten p br {
display:block;
}

.textRahmen p br {
display:none;
}

#inhalt2spalten23 p br {
display:block;
}
#article16 p br {
display:block;
}

p br.doch {
display:block;
}

.textRahmen {
padding: 30px 5% 5px 5%;
}
h1 {
font-family: 'Roboto', serif;
font-weight: 500;
font-style: normal;
color: #000;
text-align: left;
font-size: 2em;
line-height: 1.3em;
letter-spacing: 0.04rem;
margin: 15px 0 15px 0;
font-weight: 500;
}
h2 {
font-family: 'Roboto', serif;
font-weight: 500;
font-style: normal;
color: #000;
text-align: left;
font-size: 1.4em;
line-height: 1.3em;
letter-spacing: 0.04rem;
margin: 15px 0 15px 0;
font-weight: 500;
}
.inhalt {

padding-bottom: 40px;

}
.inhalt li::before {
  content: "\f061"; /* arrow-right */ /* Font Awesome: caret-right */
  font-family: "Font Awesome 6 Free"; /* bei v5: "Font Awesome 5 Free" */
  font-weight: 900; /* solid */
  position: absolute;
  left: 0;
  top:15%;
  transform: translateY(-50%);
  font-size: 0.9em;
  color: #d10018; /* braun, nach Bedarf anpassen */
}

body > .slideshow .slick-next {
right: 10px!important;
}

body > .slideshow .slick-prev {
left: 10px!important;
}

.slideshow.slick-initialized button.slick-next {
top: 25%;
}

.slideshow.slick-initialized button.slick-prev {
top: 25%;
}

.slick-initialized button.slick-next {
top: 40%;
}

.slick-initialized button.slick-prev {
top: 40%;
}

.inhalt .inhalt2spalten {
margin-top: 50px;
margin-bottom: 80px;
}
.inhalt .inhalt2spalten:first-of-type {
margin-top: 5px;
margin-bottom: 80px;
}

main .textRahmenVB4sp {
display: flex;
justify-content: space-around;
flex-direction: column;
padding: 25px 5% 25px 5%;
}



main .textRahmenVB4sp > div {
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom:25px;
margin-top:25px;
background-color: transparent;
}


body#article8 main .textRahmenVB4sp {
display: flex;
justify-content: space-between;
flex-direction: row;
padding: 0px 5% 0px 5%;

margin:0;
}

body#article8 main .textRahmenVB4sp > div {
width: 70%;

}

body#article8 main .textRahmenVB4sp > div h2 { 
margin-top:0;
margin-bottom:0;
}

body#article8 main .textRahmenVB4sp > div h2:after { 
display:none;
}

body#article8 main .textRahmenVB4sp > div:nth-of-type(2n) {
width: 30%;
text-align:right;
margin-bottom: 0;
}

body#article8 main .textRahmenVB4sp > div:nth-of-type(2n) img {
width: 80px;
height:auto;
}

#textSpalteMitteVB219,
#textSpalteRechtsVB19 {
display:none;
}

body#article8 .textRahmenVB4sp > div:nth-of-type(2n+1) {

display:flex;
flex-direction: column;
justify-content: flex-end; /* Inhalt nach unten ausrichten */
align-items: flex-start;     /* Inhalt rechtsbündig (optional) */
align-content: flex-end;
height: 100%;  
margin-bottom:0;
}

body#article8 #textSpalteMitteVB219 {
display:none;
}

}


@media only screen and (min-device-width: 600px) and (max-device-width: 800px) and (orientation: portrait) {
.galerie > a {
width:50.00%;
height:auto;
position:relative;
display:inline-block;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
outline:0;
}
}

@media only screen and (min-device-width: 600px) and (max-device-width: 800px) and (orientation: landscape) {
.galerie > a {
width:50.00%;
height:auto;
position:relative;
display:inline-block;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
outline:0;
}
}



@media screen and (min-width: 1600px) {
body > .slideshow.slick-slider.slick-dotted {
max-width: 1600px;
}

.inhalt {
max-width: 1600px;
margin: 0 auto;
}

}

@media screen and (max-width: 800px) {
.slideshowtextbereich {
top: unset;
}

.slideshowtextbereich > div.textRahmen:first-of-type {
width: 92%;
padding: 4%;
}

}

@media screen and (min-width: 800px) and (max-height: 1000px) {

.slideshow .inhalt2spalten > div.spalte1 {
height: 400px;
}

.slideshow .inhalt2spalten > div.spalte2 {
height: 600px;
}

.slideshowtextbereich {
top: 500px;
}


}


/* Allgemeine Styles */
.textRahmenVB4sp p {
    margin: 0;
    font-size: 16px;
}

/* Adresse (Haus-Symbol) */
/* Allgemeine Styles */
.textRahmenVB4sp p {
    margin: 0;
    font-size: 16px;
}

/* Adresse (Haus-Symbol) */
#textSpalteLinksVB5 span.address::before {
   content: '';
    background: url(../../media/haus.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}

article span.address::before {
	content: '';
    background: url(../../media/haus-s.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}

article span.leer::before {
	content: '';
    background: url(../../media/leer.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}
article span.clock::before {
	content: '';
    background: url(../../media/uhr-s.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}
article span.insta::before {
	content: '';
    background: url(../../media/instagram-grey.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}
article span.phone::before {
	content: '';
    background: url(../../media/telefon-s.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}
article span.mail::before {
	content: '';
    background: url(../../media/brief-s.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}
/* Telefon (Telefonhörer-Symbol) */
#textSpalteMitteVB15 span.phone::before {
    content: '';
    background: url(../../media/telefon.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}

/* E-Mail (Brief-Symbol) */
#textSpalteMitteVB15 span.email::before {
    content: '';
    background: url(../../media/brief.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}
#textSpalteMitteVB25 span.insta::before {
    content: '';
    background: url(../../media/instagram-white.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size:contain;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    display: inline-block;
}
footer div span.link::before {
    content: '';
    background: url(../../media/text.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}

#textSpalteLinksVB5 span.leer::before {
    content: '';
    
    background-size: 12px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size:contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
}