/* Reserviert Scrollbar-Platz, auch wenn keine nötig ist */
html {
  scrollbar-gutter: stable;
}

html { overflow-y: scroll; }



@media (max-width: 768px) 
{
    body.media25 .fl-page-content .fl-row .fl-row-content-wrap, 
    body.veranstalter25 .fl-page-content .fl-row .fl-row-content-wrap 
    {
        
        margin-bottom: 20px;
    }

    body.media25 .fl-page-content .fl-row:last-child .fl-row-content-wrap, 
    body.veranstalter25 .fl-page-content .fl-row:last-child .fl-row-content-wrap 
    {
        margin-bottom: 0px;
    }    
}




body.band25::before,
body.impressum25::before,
body.datenschutz25::before
{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2017/11/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
} 

body.band25::before
{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/10/mauer-neutral.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}  

body.kontakt25::before
{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2017/11/bg-gitarren-sw.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
} 


/* BACKGROUNDS */

body {
    background-color: #0c1242;
}
body.media25,
body.veranstalter25
{
    background-color: #323b44;
    background: linear-gradient(179deg, #222126, #232e35, #3f515d);
    background: linear-gradient(179deg, #222126 0%, #232e35 50%, #3f515d 100%);
    background-repeat: no-repeat;
    background-size: 100% 100vh;
    background-attachment: fixed;
}





body .fl-page .fl-col-content,
header .fl-row-content-wrap,
body.media25 .fl-row-content-wrap,
body.veranstalter25 .fl-row-content-wrap,
body.impressum25 .fl-row-content-wrap,
body.datenschutz25 .fl-row-content-wrap
{
    background-color: rgba(74, 99, 115, 0.8) !important;
}


body .fl-page footer .fl-col-content
{
    background-color: transparent !important;
}
body .fl-page footer .fl-row-content-wrap
{
    background-color: rgba(74, 99, 115, 0.8) !important;
}




header .fl-row-content-wrap .fl-col-content,
body.band25 #logo-zeile .fl-col-content,
body.media25 .fl-page .fl-col-content,
body.veranstalter25 .fl-page .fl-col-content,
body.veranstalter25 #zwei-spalten-zeile .fl-row-content-wrap,
body.impressum25 .fl-page .fl-col-content,
body.datenschutz25 .fl-page .fl-col-content
{
    background-color: transparent !important;
}

body.veranstalter25 #zwei-spalten-zeile .fl-col-content
{
    background-color: rgba(74, 99, 115, 0.8) !important;
}


body.band25 #logo-zeile .fl-photo-content 
{
    max-width: 52%;
}


body.band25 {
    background-color: #e7e7e5;
}
body.start25 {
    background-color: #232323;
}


h1, h2, h3, h4, h5, h6,
a 
{
    color: #fff !important;
    /* font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none; */
}

body {
    background-color: #282a2e;
    color: #fff !important;
    /* font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    padding: 0; */
}






    body .fl-page-content .fl-module-heading > .fl-module-content 
    {
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }

    body .fl-page-content p
    {
        line-height: 1.0 !important;
    }

    body .fl-page-content a, 
    body .fl-page-content h1, 
    body .fl-page-content h2, 
    body .fl-page-content h3, 
    body .fl-page-content h4, 
    body .fl-page-content h5, 
    body .fl-page-content h6 
    {
                

        line-height: 1.0 !important;
        font-weight: bold;
    }




    
    

    body .fl-page-content p 
    {
                

        line-height: 1.0 !important;
    }    

    body .fl-page-content p, 
    body .fl-page-content a 
    {
            
        font-size: 18px !important;
        line-height: 1.55 !important;

        margin-bottom: 10px !important;
    } 



    @media (max-width: 768px) {

        body .fl-page-content p, 
        body .fl-page-content a 
        {
                
            font-size: 16px !important;
        }         
    }


    body .fl-page-content p:has( + h2),
    body .fl-page-content p:has( + h3),
    body .fl-page-content p:has( + h4)
    {
        margin-bottom: 42px !important;
    }
    
    body .fl-page-content .fl-module-rich-text:has( + .fl-module-heading)
    {
        margin-bottom: 13px !important;
    }    





    body .fl-page-content .fl-module-rich-text .fl-module-content a {
        text-decoration: underline !important;
    }



    body .fl-page-content h1,
    body .fl-page-content .fl-module-heading h1.fl-heading
     {
        font-size: 36px !important;
        line-height: 1.0 !important;

        margin-top: 6px !important;
        margin-bottom: 6px !important;


        margin-bottom: 28px !important;
    }
    body .fl-page-content h2,
    body .fl-page-content .fl-module-heading h2.fl-heading
     {
        font-size: 30px !important;
        line-height: 1.0 !important;

        margin-top: 6px !important; 
        margin-bottom: 6px !important;


        margin-bottom: 28px !important;
    }
    body .fl-page-content h3,
    body .fl-page-content .fl-module-heading h3.fl-heading
     {
        font-size: 24px !important;
        line-height: 1.0 !important;

        margin-top: 5px !important; 
        margin-bottom: 5px !important;


        margin-bottom: 20px !important;        
    }
    body .fl-page-content h4,
    body .fl-page-content .fl-module-heading h4.fl-heading {
        font-size: 20px !important;
        line-height: 1.0 !important;

        margin-top: 4px !important; 
        margin-bottom: 4px !important;


        margin-bottom: 15px !important;
    }
    body .fl-page-content h5,
    body .fl-page-content .fl-module-heading h5.fl-heading
     {
        font-size: 18px !important;
        line-height: 1.0 !important;

        margin-top: 3px !important; 
        margin-bottom: 3px !important;
    }
    body .fl-page-content h6,
    body .fl-page-content .fl-module-heading h6.fl-heading
     {
        font-size: 16px !important;
        line-height: 1.0 !important;

        margin-top: 2px !important; 
        margin-bottom: 2px !important;
    }                
        
    
    body .fl-page-content .fl-module-rich-text .fl-rich-text  > *:first-child 
    {
            
            margin-top: 0 !important;
        }
            
       



      body.band25 .fl-page-content p .band-text-highlights 
      {
          line-height: 1.95 !important;
      }
/*     
    .fl-module-icon 
    {
        span.fl-icon,
        p
        {
            line-height: 1.0 !important;
        }

        div.fl-icon-text-wrap
        {
            height: auto !important;
        }
    } */





/* .fl-post-content .fl-col-content .fl-module-box p:last-child 
{
    margin-bottom: 0 !important;
}        */



body .fl-page-content .fl-row .fl-row-content-wrap
{            
    margin-left: 16px;
    margin-right: 16px;
}

body .fl-page-content #zwei-spalten-zeile .fl-row-content-wrap 
{            
    margin-left: 0px;
    margin-right: 0px;
}

body .fl-page-content #zwei-spalten-zeile .fl-col-content 
{            
    margin-left: 16px;
    margin-right: 16px;
}

body.band25 .fl-page-content .fl-row .fl-module-rich-text
{            
    padding-left: 24px;
    padding-right: 24px;
}
@media (max-width: 768px) {
    body.band25 .fl-page-content .fl-row .fl-module-rich-text
    {            
        padding-left: 14px;
        padding-right: 14px;
    }
}





body .fl-page-content .fl-row:last-child .fl-row-content-wrap
{
    margin-bottom: 3px !important;
}


@media (max-width: 768px) {
    body .fl-page-content .fl-row:last-child .fl-row-content-wrap {
        margin-bottom: 16px !important;
    }
    

    body.start25 .fl-page-content .fl-row:last-child .fl-row-content-wrap,
    body.impressum25 .fl-page-content .fl-row:last-child .fl-row-content-wrap,
    body.datenschutz25 .fl-page-content .fl-row:last-child .fl-row-content-wrap
    {
        margin-bottom: 37px !important;
    } 
    body.media25 .fl-page-content .fl-row:last-child .fl-row-content-wrap,
    body.veranstalter25 .fl-page-content .fl-row:last-child .fl-row-content-wrap
    {
        margin-bottom: 20px !important;
    }
}

/* @media (max-width: 768px) {
    
    body.start25 .fl-page-content .fl-row:last-child .fl-row-content-wrap
    {
        margin-bottom: 36px !important;
    }
} */


body .fl-page-content .fl-col-content 
{            
    padding-top: 20px;
    padding-bottom: 20px;
}





/* EINZELNE SEITEN IM DETAIL */


/* body.start25 div#contentstart {
    margin-top: calc(100vh - 237px) !important;
} */

body.start25 .band-info
{            
    margin-left: 42px;
    margin-right: 42px;
}
@media (max-width: 768px) {
    body.start25 .band-info
    {            
        margin-left: 18px;
        margin-right: 18px;
    }
}

body.start25 .lede,
body.start25 div.body
 {
    text-align: left;
}

body.start25 .band-info {
  /* max-width: 900px; */
  /* margin: 0 auto; */
  /* color: #fff; */
  /* line-height: 1.6; */
}

/* Bild links, mit angenehmen Abständen */
body.start25 .band-logo {
  float: left;
  width: 300px;
  margin: 0 3.9rem 1.5rem 0; /* rechts Abstand, unten etwas weniger als rechts */
  /* border-radius: 6px; */
}

/* H1 am selben linken Rand wie der Fließtext */
body.start25 .lede h1 {
  margin: 0 0 .75rem 0;
  /* font-size: 2rem;
  font-weight: 800; */
  text-transform: uppercase;
}

/* WICHTIG: Nach der Einleitung Float beenden,
   damit .body wieder links auf voller Breite startet */
body.start25 .lede::after {
  content: "";
  display: block;
  clear: both;
}

/* Responsive: Bild oben, zentriert über Text */
@media (max-width: 700px) 
{
  body.start25 .band-logo 
  {
    float: none;
    display: block;
    margin: 0 auto 2.85rem auto;
    width: 66%;
    max-width: 66%
  }

  body.start25 #contentstart .fl-col-content 
  {
    padding-top: 0px;
  }
}





body.band25 #logo-zeile .fl-photo-content {
    max-width: 56%;
}
@media (max-width: 768px) 
{
    body.band25 #logo-zeile .fl-photo-content 
    {
        max-width: 72%;
    }
}
@media (max-width: 500px) 
{
    body.band25 #logo-zeile .fl-photo-content 
    {
        max-width: 90%;
    }
}


body.kontakt25 .kontaktdaten__link-kontaktform
{
    margin-top: 11px;
    margin-bottom: 28px !important;
}






body.media25 .wp-playlist-light a.wp-playlist-caption
{
    color: #333 !important;
    font-size: 15px !important;
}
body.media25 .wp-playlist-light .wp-playlist-item-album
{
    font-weight: bold;
}



body.media25 #zeile-gallerie .fl-row-content-wrap 
{
    padding-right: 20px !important;
    padding-left: 20px !important; 
}

body.media25 #zeile-audio  .fl-col-content 
{
    padding-top: 10px;
    padding-bottom: 10px;
}




/* Fix für iOS/Safari Navigation */
header .fl-menu li a
{
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
}

/* iOS Touch-Event Fix */
header .fl-menu li a 
{
    touch-action: manipulation;
}