body {color: #222222;}
.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    padding: 8%;
}
@media screen and (max-width: 992px){
.col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    padding: 3% !important;
}
}
.content ul {padding-left: 0px;}
.slider {
    padding-top: 22% !important;
}
.bg-lightgrau {
    background-color: #F8F8F8 !important;
}
.bg-blau {
    background-color: #F8F8F8 !important;
}
.blog-inner-1a, .bg-1a {background-color: #0D248A; background: #0D248A;
}
.blog-inner-2a, .bg-2a {background-color: #911F77; background: #911F77;
}
.blog-inner-3a, .bg-3a {background-color: #D51551; background: #D51551;
}
.blog-inner-123a {position: relative;min-height: 80px;padding: 30px;
}
.content .blog-inner-123a h2, .content .blog-inner-123a li {color: #FFF !important;line-height: 32px;
}
.blog-inner-123a UL {
    padding: 0 10px 10px 10px;
}
.blog-inner-123a LI{
    margin-left: 20px;
}
.blog-inner-123a LI {
    list-style-type: none;
    padding-left: 20px;
    margin-left: 25px;
    background-image: url(files/www/mcith/plus-kreis.png) !important;
    background-repeat: no-repeat;
    background-position: left top !important;
}
.hauptmenue.textrechts.paddingtb.col-lg-8.col-md-8.nodisplay-sm {
    padding: 0px!important;
    text-align: left!important;
    font-size: 12px!important;
}
.hauptmenue ul li a {color: #666 !important;
}
.hauptmenue li a.active {color: #da154d !important;
}

/* ----------------------------------------------------------------------------------------------------------------------------------   */
h1 {font-size: 36px; font-size: 2.25 rem; color:#6E0C37 !important;font-weight: normal; }
h2 {font-size: clamp(2.4rem, 4.7vw, 3.0rem); margin-bottom: 1rem; color:#241B65 !important;font-weight: normal; }
h3 font-size: 18px; {font-size: 1.3125 rem;}
p {font-size: 16px; font-size: 1 rem;}
h3 {
background-image: left center no-repeat url(files/runde-klammer-klein.png); 
padding-left: 22px;
line-height: 24px;
margin-right: .25rem;
color: #241B65 !important; 
font-weight: normal;
adding-bottom: 16px;
position: relative;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: 20px;
}
.sectionbildtext LI
{
    list-style-type: none;
    padding-left: 20px;
    margin-left: 25px;
    background-image:url('files/pfeil-re.png');
    background-repeat:no-repeat;
    background-position:left center;
}
.sectionbildtext H3
{
   padding: 10px 10px 0 10px;
}
.sectionbildtext UL
{
   padding: 0 10px 10px 10px;
}
.outer-header .bildresponsive li, .title li 
{
    list-style-type: none;
    padding-left: 20px;
    background-image:url('files/runder-punkt.png');
    background-repeat:no-repeat;
    background-position:left center;
}
.outer-header .bildresponsive li
{
    margin-left: 10px;
}

.outer-resort
{
   /*background-image: url(files/farbverlauf.jpg);*/
   /* #background-image: linear-gradient(to right, #0E248A, #FA001B);*/
   /*max-width:100%;*/
height: 60px;
}
.outer-resort.bg-blau {
    background-color: #F8F8F8 !important;
}


.mfoto
{
   width: 200px;
   height: 200px;
   overflow:hidden;
   margin-right: 20px;
   border-radius: 100px 100px 100px 100px;
   -moz-border-radius: 100px 100px 100px 100px;
   -webkit-border-radius: 100px 100px 100px 100px;
  border: 1px solid #c0c0c0;
}
.mfoto img
{
   width: 200px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1);
}
.contentheader
{
   font-size: 28pt;
   color: #6E0C37;
}
.vorg-submenue > li > a,
.vorg-submenue > li > a:hover {
   padding: 15px !important;
}

/* Smartphones Portrait-Modus (0-479px) */
      @media only screen and ( max-width: 479px ) 
{
            .vorg-submenue li { padding: 40px 20px 0px 0px;}
            .title .content h1 strong, .title .content h1, h1 {font-size: 26px; line-height: 1.3;}
}
/* ---BUTTON START -------   */
.btn{
font-weight: 0;
font-size: 14px;
color: #fff;
background-color: #0066CC;
padding: 10px 30px;
border: 2px solid #0066cc;
box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
border-radius: 50px;
transition : 1000ms;
transform: translateY(0);
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}

.btn:hover{
transition : 1000ms;
padding: 10px 50px;
transform : translateY(-0px);
background-color: #fff;
color: #0066cc;
border: solid 2px #0066cc;
}
/* ---BUTTON END -------   */

@media (min-width: 768px)
{ 
   .veranstaltungen-inner { margin-top: -110px !important;}
}

.sectionbildtext LI, .outer-header LI {margin-left: 20px;}
.veranstaltungen-inner h3::before { background: url(files/runde-klammer-klein.png) no-repeat center left !important; }
.blog-inner h3::before { background: url(files/runde-klammer-klein.png) no-repeat center left !important; }

.hauptmenue LI:nth-child(1) { display:none; }

@media (min-width: 992px)
{
  .container { max-width: 1000px; }
}

    /* ------------------------------------------- Hintergrund für das Pop-up */
    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      padding: 20px; /* Abstand zu Bildschirmrändern */
      box-sizing: border-box;
    }

    /* Pop-up Container */
    .popup-container {
      position: relative;
      width: 100%;
      max-width: 551px;
      aspect-ratio: 1 / 1;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      overflow: hidden;
    }

    /* Bild im Pop-up */
    .popup-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Schließen-Button */
    .popup-close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      font-weight: bold;
      color: white;
      background: rgba(0, 0, 0, 0.5);
      border: none;
      border-radius: 50%;
      width: 32px;
      height: 32px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s;
    }

    .popup-close:hover {
      background: rgba(0, 0, 0, 0.8);
    }