/* rot #6b1730 */
/* gold #decc8f */



* {
  margin: 0;
  padding: 0;
}

html {  scroll-padding-top: 200px;}


.mobilemenu a {text-decoration: none;}
.mobilehead  {display: none;}


.gold {background-color: #decc8f;}
.rot {  background: #6b1730;}

.rot a, .rot .bodytext, .rot ul, .rot h3, .rot a, .rot li {color:#fff;}


.gold h2 {color:#6b1730;}

.animation  .textmedia {gap:0;}
main p, main ul, main li {font-size: 1.2rem;}

main .textmedia {gap:0;}

h1::after {
  content: "";
  display: block;
  margin-top: 10px;
  width: 50%;
  border-bottom: 1px solid #decc8f;
  margin-left: auto;
  margin-right: auto;
}
/* Fokus-Stile für bessere Navigation */
a:focus, button:focus {
    outline: 3px solid #ff9900;
    outline-offset: 3px;
}


   .fixed-top-right {
      position: absolute;
      top: 0;
      right: 0;
      height: 300px;
      width: auto;
      z-index: 19999;
      background-color: transparent; /* optional: zum Debuggen z. B. rgba(255, 255, 255, 0.7) */
      padding: 10px;
    }

    .fixed-top-right img {
      height: 100%;
      width: auto;
      display: block;
    }


/* Skip-Links (springen direkt zu den Inhalten) */
.skip-links {
    position: absolute;
    top: -100px;
    left: -10px;
    background: #000;
    color: #fff;
    padding: 10px;
    z-index: 100;
}

.skip-links a {
    color: white;
    text-decoration: none;
}
.rot h4 {color:#fff;}
.beige {background:#e9e3ce; }
.beige h4 {color:#a88232;}

.frame-backgroundimage {
  width: 230px;
  right: 0!important;
 left: unset;
}

.skip-links a:focus {
    top: 10px;
}
desktopheader {--bs-gutter-x: 0px !important; padding-bottom: 0px;}
desktopheader .textmedia {gap:0;}
desktopheader .blau {--bs-gutter-x: 0px;}
.card h2, .card p {
  color: #000 !important;
  text-align: center;
}

main .h4 {  font-size: 1.7rem;}
.unterschrift .textmedia {gap:0}
.unterschrift .image {
  max-width: 68%;
}

.rundbild .image img {border-radius: 360px;}



.card-footer a::after {
  content: "weiterlesen";
}

.card-footer a span {
  display: none;
}
.btn {
  background: #00506e;
  color: #fff !important;
}

.btn:hover {background:#589db4 !important;}

.site-header {
  z-index: 10000;
  position: fixed;
  width: 100%;
  transform: none;
  position: sticky;
  top: 0;
  padding-top: 8px;
  background-color: #fff;
	  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo .frame {padding: 0;}


@media (min-width:1400px) {
 .container,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl,
 .container-xxl,
.frame-container-default {
  max-width:1512px
 }
}


footer .textmedia {gap:0;}

main hr  {  visibility: hidden;}

footer p {font-size: 0.9rem;}

.copyright p {font-size: 0.9rem;}

.dunkelblau a {color: #fff !important;}


main .btn-info {
  background-color: #00435d;
  border-color: #00435d;

}



.rot p {color:#fff;}
footer a {color: #000 !important;}
footer a:hover {color: #a88232 !important;}
footer {background-color: #f7e3d6;}

.rot h1,
.rot h2 {color:#decc8f !important;}
h1  {
  color: #a88232;
  font-size: 2.2rem;
	text-transform: uppercase;
}

main h2 {color:#a88232; text-transform: uppercase; font-size: 2rem;}

.testimonial-wide h2 { text-transform: none; font-size: 1.5rem;}
.testimonial-wide p {  font-size: 1.2rem;}

main .frame a:not([class]) {
  color: #00435d;
	text-decoration: underline;
}


#myBtn {

  display: none;

  position: fixed;

  bottom: 20px;

  right: 30px;

  z-index: 99;

  font-size: 18px;

  border: none;

  outline: none;

  background-color: #0799d2;

  color: white;

  cursor: pointer;

  padding: 15px;

  border-radius: 4px;

}



#myBtn:hover {

  background-color: #00435d;

}



#c42 .gallery-item img {	max-width: 60%;}



.submenu a {color:#0F0F0F;}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {}



.nav-link.active{background: #00435d !important;} 



.boxdesign .textmedia-text h3 {

  background: #00506e;

  color: #fff;

  padding: 1% 3%;

  display: table;

  margin: 0 auto;

  text-transform: uppercase;

  font-size: 1rem;

  letter-spacing: 0.1rem;

}

.boxdesign .textmedia-text h3 a {text-decoration: none;}

.boxdesign .frame {margin-bottom: 4%;}



.boxdesign .frame-backgroundimage-container:hover {opacity: 0.5; cursor: pointer;}



.paddinger {padding-top: 3%; padding-bottom: 3%;}




.logo {  width: 27%;  margin: 1vh auto;

}

.mobilesmenu {display: none;}



h3.card-title {

    display: none;

}

.card-footer {

    text-align: center;

}

    .contact-list {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .contact-item {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #000;
      transition: transform 0.2s;
    }

    .contact-item:hover {
      transform: scale(1.02);
    }

    .icon-circle {
      background-color: #6b1730;
      color: white;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 22px;
      margin-right: 15px;
      flex-shrink: 0;
    }

    .contact-text {
      font-size: 18px;
    }

    .contact-text:hover {
      text-decoration: underline;
    }



.mobilehead {display: none;}



.kopfbereich .row {--bs-gutter-x: 0px;}

.kopfbereich {z-index: 100; position: relative;  margin-top: 10px;}



.line  {   display: block;

  height: 2px;

  border: 0;

    border-top-color: currentcolor;

    border-top-style: none;

    border-top-width: 0px;

  border-top: 2px solid #ccc;

  margin: 5em 0;

  padding: 0;

}



.text-primary {

  color: #8fae8b !important;

}



.carousel-content img {width: 100%; height: auto;}



.btn-primary {

	background-color: #8fae8b !important; 

    border-color: #8fae8b !important;

}





.ce-gallery figcaption {

  display: table-caption;

  caption-side: bottom;

}

figcaption, figure, main {

  display: block;

}

figcaption {

  bottom: 20px;

  color: #000;

  font-size: 16px;

  left: 0;

  margin: 0 auto;

  padding: 2% 4%;

  position: absolute;

  text-align: center;

  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

}



figure .caption {

  font-size: 1.25rem;



}





main .gallery-item {position: relative;}

.footertext img {

	max-width: 30% !important;

}



.headerright a {font-size: 1.2rem;}





.linemargin {margin:0;}  

.kopfbereich .frame {padding: 0; margin:0;}



.kopfbereich .textmedia,

.footertext .textmedia {gap:0;}





.paralax .frame {min-height: 500px;}



.hunderter .megazeil,

.hunderter .ce-outer,

.hunderter .ce-row,

.hunderter .ce-gallery,

.hunderter .ce-textpic,

.hunderter .image { width: 100% !important;}

.hunderter .container {padding: 0 !important;}

.hunderter .frame {width: 100%; height: auto; margin: 0;

padding: 0;}



.hunderter .ce-gallery[data-ce-columns="3"] .ce-column {

    width: 33.33333% !important;}



.hunderter {max-width: 100% !important; padding: 0 !important; z-index: 0;}

.hunderter .ce-gallery img {padding: 0;width: 100%; }

.hunderter .ce-column {padding: 0 !important ;}



.hunderter .frame-container-default {

  max-width: 100%; padding: 0; margin:0;

}

.paralax {margin-top: 5%;}

.headerimage {position: relative; width: 100%; overflow: hidden; margin-bottom: 0;}

.headerimage .carousel-image picture {width: 100%;}

.headerimage .carousel .carousel-content-inner,



.headerimage  .frame-container {min-width: 100% !important; max-width: inherit !important; padding: 0; margin:0;}

.headerimage .carousel .carousel-content {  height: auto;}

.headerimage .carousel-item-type-image .carousel-image img {	width: 100%;}

.headerimage .frame {padding: 0;}

.headerimage .carousel .item {height: auto;}



.footertext .textmedia {gap:0 !important;}

footer {margin-top: 4%;}



footer .textmedia {  gap: 0px;}


.zitat {
  max-width: 700px;
  margin: 40px auto;
  padding: 30px;
  background: #f9f6ef;
  border-left: 5px solid #decc8f;
  font-family: 'Georgia', serif;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #3a3a3a;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.zitat p {
  margin: 0 0 15px 0;
  quotes: "„" "“" "‚" "‘";
}

.zitat p::before {
  content: open-quote;
  font-size: 2rem;
  color: #c1ad63;
  line-height: 0;
  margin-right: 5px;
  vertical-align: -0.4em;
}

.zitat footer {
  text-align: right;
  font-style: italic;
  color: #7b6b3d;
  margin-top: 10px;
}