/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/


.dependent-block,
.dependent-block3
 {
    display: block;   /* kein flex, keine Höhe von Geschwistern übernehmen */
}

.my-swiper-container {
    flex: unset;      /* Flex-Höhe deaktivieren */
    height: auto;     /* JS setzt die Höhe */
}


@font-face {
    font-family: "TTNooksScriptRegular";
    src: 
    url('fonts/font.woff2') format('woff2'), 
    url('fonts/font.woff') format('woff');
  }




  @font-face {
    font-family: "Open Sans regular";
    src: 
    url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), 
    url('fonts/open-sans-v34-latin-regular.woff') format('woff');
  }
  


.navbar a, h1, h2, h3, button, .container_sm a
{
    font-family: "TTNooksScriptRegular";
}




p
{
    font-family: "Open Sans regular";
    font-size: 18px;
}


.tickets-slider p,
.ticket_in_liste

{
    font-family: "Open Sans regular";
    font-size: 20px;
}




.site-header .container
{
  width: 100%;
}


.navbar
{
    background-color: #6991E3;
}


.navbar li
{
    margin: 0 24px;
}




.navbar a
{
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 18px;
}



.sm_link .nav-link
{
 color: #fff !important;
}



.sm_link .nav-link:hover
{
 color: #000 !important;
}

.nav_logo {
    max-height: 80px;
}




.logo_top_mobile
{
display: none;
}



.fullscreen-header {
  display: flex;
  justify-content: center;  /* Horizontal zentrieren */
  align-items: center;      /* Vertikal zentrieren */
  min-height: 100vh;        /* Vollbild-Höhe */
  text-align: center;       /* Text zentrieren */
  margin-top: 50px;
}



.cover
{
    height: 100vh;
}


.cover_bild img
{
    max-height: 71vh;
    width: auto;
}




.text_in_bild {
  position: absolute;
  top: 50%;        /* vertikal mittig */
  left: 50%;       /* horizontal mittig */
  transform: translate(-50%, -50%); /* exakt zentriert */
  z-index: 10;
  width: 25%;       /* Logo ist halb so breit wie der Container */
}





h1.text_in_bild {
  font-size: 90px;
  text-transform: uppercase;
background-color: transparent;
  padding: 10px;
  color: #fff;
  width: max-content;
  letter-spacing: 2px;
  margin-bottom: 20px;
}


h1
{
    font-size: 62px;
    text-transform: uppercase;
    background-color: #FC7400;
    padding: 10px;
    color: #fff;
    width: max-content;
    letter-spacing: 2px;
    margin-bottom: 20px;
}



.block_links_abstand
{
    margin-right: 140px !important;
}



.content_container {
    max-width: 1300px;
    margin: auto; 
    margin-top: 100px;
    overflow: hidden;

}


.text_logo_container {
    display: flex;
    align-items: center;
    gap: 20px;
    width: fit-content;
  }
  .text_logo {
    width: 80px;
    height: 80px;
  }
  .text_logo img {
    width: 80px;
    height: 80px;
  }




h2.h2_home
{
    font-size: 50px;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    width: max-content;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin: auto;
}



h3
{
    font-size: 32px;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    width: max-content;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin: auto;
}




.link_tickets
{
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    width: max-content;
    letter-spacing: 2px;
    margin: auto;
      margin-top: 20px;
    font-family: "TTNooksScriptRegular";
  
}



.link_tickets a,
.link_tickets a:visited
{
  color: #6991E3;
  text-decoration: none;
}




.link_tickets a:hover
{
  color: #fff;
}



.small_content
{
    max-width: 800px;
    margin: auto !important;
    padding: 30px 30px 0 30px;

}


.small_content .wp-block-image
{
    
   text-align: center !important;
}


.small_content img
{
    max-width: 50% !important;   
    margin-bottom: 40px;
}



.link_gross
{
    color: #FC7400;
    font-size: 44px;
    text-align: center;
    font-family: "TTNooksScriptRegular";
    letter-spacing: 2px;
    margin: 40px 0;
    position: relative;

    padding-bottom: 4px; /* Platz für den Pfeil */

}



.link_gross a
{
    color: #FC7400;
    text-decoration: none;
}




.link_gross a:hover
{
    color: #f78725;
    text-decoration: none;
}


  
  .link_gross::after 
  {
    content: "";
    display: block;
    margin: 4px auto 0;
    width: 60px;   /* Breite des SVG (sichtbare Länge) */
    height: 20px;  /* Höhe des SVG */
    background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='20' viewBox='0 0 60 20' fill='none' stroke='%23FC7400' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><line x1='0' y1='10' x2='55' y2='10'/><polyline points='45,2 55,10 45,18'/></svg>");
  }




/* Tickets Slider */


.ticket_slider_bg
 
{
    background: url(../../uploads/2025/09/Muster-Raute_Hintergrund_blau.svg);
    background-size: cover;
    padding: 60px 0 60px 0;
    margin: 80px 0 60px 0;
}




.swiper.tickets-slider {
    max-width: 900px;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    border: 2px solid #fff;
}


.tickets-slider-wrapper {
    max-width: 900px;
   
    justify-content: center;
    padding: 20px 0;
}




/* Einzelner Slide */
.swiper-slide.ticket-slide {
    max-width: 900px;      /* maximale Breite */
    width: 100%;            /* responsive */
    margin: 0 auto;         /* zentriert den Slide */
    box-sizing: border-box;
    color: #000;
    padding: 20px;
    text-align: center;
}


/* Navigation Buttons */
.ticket-slide-button-next,
.ticket-slide-button-prev {
    color: #333;
}

/* Pagination */
.swiper-pagination-bullet {
    background: #333;
}

.tickets-slider-wrapper {
    position: relative; /* für die Pfeile als Bezugspunkt */
    margin: auto;
  }
  





  .ticket-slide-button-next, .ticket-slide-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}




.ticket-slide-button-next:after, .ticket-slide-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}


.ticket-slide-button-prev:after, .ticket-slide-rtl .swiper-button-next:after {
  content: 'prev';
}




.ticket-slide-button-next:after, .ticket-slide-rtl .swiper-button-prev:after {
  content: 'next';
}




  .ticket-slide-button-prev,
  .ticket-slide-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }



  .home .swiper-button-prev svg,
    .home .swiper-button-next svg
  {
    display: none;
  }

  
  .swiper-button-prev {
    left: -80px !important; /* nach außen schieben */
    color: #6991E3 !important;
  }

  .swiper-button-next {
    right: -80px !important; /* nach außen schieben */
    color: #6991E3 !important;
  }





  .ticket-btn {
    background-color: #ffffff;      
    color: #4a76d1;                
    border: 0;
    padding: 8px 20px;
    font-size: 22px;
    letter-spacing: 2px;           
    text-transform: uppercase;      
    cursor: pointer;               
    transition: all 0.3s ease;   
    text-align: center;  
  }
  
  .ticket-btn:hover {
    background-color: #4a76d1;      /* Hintergrund blau */
    color: #ffffff;                 /* Schrift weiß */
  }


button.ticket-btn
{
  width: max-content;
}




/* Galerie */



.tickets-slider-wrapper  .ticket-slide-button-prev {
  left: -40px !important; /* nach außen schieben */
  color: #fff !important;
}

.tickets-slider-wrapper  .ticket-slide-button-next {
  right: -40px !important; /* nach außen schieben */
  color: #fff !important;
}




.container_galerie_blau .content_container,
.container_galerie_orange .content_container  {
  max-width: 1300px;
  margin: auto; 
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;

}



.container_galerie_blau 
{
  background: linear-gradient(to right, white 0%, white 78%, #7396ff 0%, #7396ff 100%);
}


.container_galerie_orange
{
  background: linear-gradient(to left, white 0%, white 78%, #FC7400 0%, #FC7400 100%);
}



.container_galerie_blau .my-swiper-second .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: fill;
  display: block;
}


  
.container_galerie_blau  .swiper-button-prev,
.container_galerie_orange  .swiper-button-prev {
  left: 40px !important; /* nach außen schieben */
  color: #fff !important;
}

.container_galerie_blau  .swiper-button-next,
.container_galerie_orange  .swiper-button-next {
  right: 40px !important; /* nach außen schieben */
  color: #fff !important;
}



/* Elterncontainer: Spalten nebeneinander, gleiche Höhe */
.container_galerie_orange.wp-block-columns {
    display: flex;
    align-items: stretch; /* beide Spalten gleich hoch */
    gap: 20px; /* optional: Abstand */
}

/* Linke Spalte (Swiper) */
.dependent-block,
.dependent-block3 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Swiper-Container passt sich der Spaltenhöhe an */
.my-swiper-container {
    flex: unset; /* vorher: flex:1 */
    height: auto; /* JS setzt die Höhe */
}





/* Rechte Spalte (Text) */
 .reference-block,
 .reference-block3
 {
    flex: 1;

}


.my-swiper-second .swiper-slide {
    height: 100%;
}
.my-swiper-second .swiper-slide img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.my-swiper-container {
    flex: unset;
    height: auto; /* JS setzt die Höhe */
}


.dependent-block3 .my-swiper-container {
    height: auto; /* JS setzt die Höhe */
}

.dependent-block3 .my-swiper-second .swiper-slide {
    height: 100%;
}

.dependent-block3 .my-swiper-second .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}



.dependent-block3 .swiper-slide
{
  height: auto !important;
}




    
.swiper_uebermich_4 
{
  margin-top: 10px !important;
}





/* Container SM */



.container_sm_top
{
    background-color: #D062A5;
    margin-top: -150px !important ;
    margin-bottom: 0 !important;
    padding-top: 250px;
}




.container_sm
{
    background-color: #D062A5;
   
    padding: 0 15% 0 15%;
    padding-top: 50px;
    padding-bottom: 100px;
}



.container_sm div
{
  max-width: 300px;
  margin: auto;
}



.container_sm  a {
  background-color: #ffffff;      
  color: #4a76d1;                
  border: 0;
  padding: 8px 20%;
  font-size: 24px;
  letter-spacing: 2px;           
  text-transform: uppercase;      
  cursor: pointer;               
  transition: all 0.3s ease;    
  text-decoration: none; 
  display: block;
  text-align: center;
}

.container_sm a:hover {
  background-color: #4a76d1;      /* Hintergrund blau */
  color: #ffffff;                 /* Schrift weiß */
}





/* Off */



.h2_home_orange
{
    font-size: 50px;
    text-transform: uppercase;
    padding: 10px;
    color: #FC7400;
    width: max-content;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin: auto;
}





.stimmen_spalte
{
  padding: 5% 5%;
  color: #9A9A9A;
  text-align: center;
}




.stimme
{
  font-family: "TTNooksScriptRegular";
  font-size: 26px;
}




/* Karriere */



.karriere_block {
margin-top: 0 !important;
margin-bottom: 50px;
}


.karriere_links
{
  margin-right: 100px !important;
}


.sub_header_karriere
{
  margin-top: 40px;
}



.karriere_block .is-layout-flex  div:first-child
{
  flex-basis: 20%;
}

.karriere_block .is-layout-flex  div:last-child
{
  flex-basis: 80%;
}




.karriere_block .is-layout-flex,
.karriere_block .is-layout-flex p
{
  margin-bottom: 0;
}




/* Tickets */



h1.ticketh1
{
  margin: auto;
}


#tickets-wrapper
{
  background-color: #6991E3;
  padding: 50px 0 100px 0;
  text-align: center;
}




h2.monat-titel
{
  max-width: 900px;
    margin: auto;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 36px;
}



.ticket_in_liste h3
{
  font-size: 26px;
  margin: 0;
  padding: 0;
}



.ticket_in_liste{
      
      margin: 24px auto;
      padding: 0 16px;
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 3 gleich breite Spalten */
      gap: var(--gap);
      align-items: start;
    }

    .col{
      padding: var(--pad);
      min-height: 80px;
    }



button#tickets-load-more
{
 margin: 50px 0 100px 0;
}



.ticket_in_liste {
  max-width: 900px;      /* maximale Breite */
  width: 100%;            /* responsive */
  margin: 0 auto;         /* zentriert den Slide */
  box-sizing: border-box;
  color: #000;
  padding: 20px;
  text-align: left;
  border-bottom: 1px solid #fff;
  padding: 50px 0;
}


.ticket_in_liste a
{
  color: #000;
}


#tickets-wrapper div:last-child {
  border-bottom: none;
}


.ticket_link_wrapper
{
    display: flex;
    margin: auto;
    width: max-content;
    gap: 20px;
}



.ticket_in_liste .ticket_link_wrapper
{
    display: flex;
    margin: 0;
    width: max-content;
    gap: 20px;
}


.ticket_link_wrapper div
{
   flex:1;
}


.ticket_link_wrapper a
{
  text-decoration: none;
  color: #000;
}



.full_width
{
  margin: 0;
}


.galerie_swiper_in_tickets
{
  margin-top: -50px !important;
}


.galerie_swiper_in_tickets .my-swiper-second .swiper-slide {
    height: auto;
    overflow: hidden;
}







/* News */




.news_wrapper
{
    margin: 100px 0;
}


.news
{
    max-width: 900px;
    margin: auto;
}


h2.wp-block-latest-posts__post-title
{
      font-size: 32px;
    text-transform: uppercase;
    color: #EE7833 ;
    width: max-content;
    letter-spacing: 2px;
    text-decoration: none;
   font-family: "TTNooksScriptRegular";
}





.news_wrapper .wp-block-button__link 
{
    background-color: #6991E3;
    color: #fff;
    border: 0;
    padding: 8px 30px;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    font-family: "TTNooksScriptRegular";
    border-radius: 0;
    margin:20px 0;
}




.wp-block-latest-posts__list li {
  margin-bottom: 100px;
  overflow: auto; /* verhindert, dass floatende Bilder ins nächste li ragen */
}





.single-post .content-area 
{
margin-top: 120px;
}



.single-post .content-area a
{
   color: #6991E3 ;
   text-decoration: none;
}


.single-post .breadcrumb-scroller,
.entry-footer,
.category-badge,
.byline
{
  display: none;
}




/* Datenschutz */


.privacy-policy h1, .page-id-187 h1
{
    font-size: 50px;
    text-transform: uppercase;
    background-color: transparent;
    color: #6991E3;
    width: max-content;
    letter-spacing: 2px;
    padding: 0;
    margin-bottom: 20px;
}


.privacy-policy  h2, .page-id-187 h2
{
   margin: 50px 0 20px 0;    
}



.privacy-policy  h3, .page-id-187 h3
{
    font-size: 28px;
    text-transform: uppercase;
    padding: 0px;
    color: #6991E3;
    width: max-content;
    letter-spacing: 2px;
    margin: 30px 0 20px 0;
    
}





/* Podcast */


h1.podcast_h1
{
  font-size: 90px;
    text-transform: uppercase;
    color: #FC7400;
    background-color: transparent;
    margin: auto;
    margin-top: 50px;
}




h2.podcast_h2
{
  font-size: 32px;
    text-transform: uppercase;
    color: #FC7400;
    background-color: transparent;
    margin: auto;
    margin-bottom: 50px;
}



.podcast_intro .stimmen_spalte
{
  padding: 0% 5%;
  color: #9A9A9A;
  text-align: center;
}


.podcast_liste, .podcast_spotify 
{
    max-width: 800px;
    margin: auto !important;
    padding: 30px 30px 0 30px;
    text-align: center;
    margin-bottom: 100px !important;

    line-height: 34px;
}



.podcast_liste a
{
  color: #000;
  text-decoration: none;

}



.podcast_liste a:hover
{
  color: #494949;
  text-decoration: none;
  
}



.link_podcast a
{
      background-color: #6991E3;
    color: #fff;
    border: 0;
    padding: 8px 30px;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s 
ease;
    text-align: center;
    font-family: "TTNooksScriptRegular";
    border-radius: 0;
    margin: 20px 0;
        text-decoration: none;
}


.link_podcast_spotify a
{
      background-color: #6991E3;
    color: #fff;
    border: 0;
    padding: 8px 74px;
    font-size: 20px; 
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s 
ease;
    text-align: center;
    font-family: "TTNooksScriptRegular";
    border-radius: 0;
    margin: 20px 0;
        text-decoration: none;
}



.podcast_loadmore
{
      background-color: #6991E3;
    color: #fff;
    border: 0;
    padding: 8px 30px;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s 
ease;
    text-align: center;
    font-family: "TTNooksScriptRegular";
    border-radius: 0;
    margin: 20px 0;
        text-decoration: none;
}






  ul.gruaberin-list
{
  padding: 0;
}

.gruaberin-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #FC7400; /* Unterlinie wie auf Screenshot */
  padding: 6px 0;
}

/* Link auf rechter Seite */
.gruaberin-list li a {
  margin-left: 20px;
  white-space: nowrap;
}





/* Schnapserl */


.small_content_schnapserl
{
      max-width: 900px;
    margin: auto !important;
    padding: 30px 30px 0 30px;
}


h2.h2_schnapserl
{
  font-size: 44px;
    text-transform: uppercase;
    color: #EE7833;
    width: max-content;
    letter-spacing: 2px;
    text-decoration: none;
}


.link_schnapserl a
{
      background-color: #6991E3;
    color: #fff;
    border: 0;
    padding: 8px 30px;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s 
ease;
    text-align: center;
    font-family: "TTNooksScriptRegular";
    border-radius: 0;
    margin: 20px 0;
        text-decoration: none;
}


.schnapserl_container, .schnapserl_container_2 {
    align-items: stretch; /* beide Spalten gleich hoch */
}

.schnapserl_container .block_links_abstand,
.schnapserl_container_2 .block_links_abstand
{
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* verteilt Inhalt: oben Text, unten Button */
}

.schnapserl_container_letzter .block_links_abstand {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* verteilt Inhalt: oben Text, unten Button */
}


.schnapserl_container_letzter
{
  margin-bottom: 100px;
}

.link_schnapserl {
    margin-top: auto; /* Button ganz nach unten */
}



.schnapserl_galerie .my-swiper-second .swiper-slide {
    height: auto;       /* optional */
    overflow: hidden;
}



.schnapserl_galerie .my-swiper-second .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




.schnapserl_container .block_links_abstand
{
     margin-right: 140px !important; 
}




.schnapserl_container_2 .block_links_abstand
{
     margin-left: 40px !important; 
}




/* Footer */


footer, .bg-body-tertiary
{
  background-color: #6991E3 !important;
 
}


footer
{
 
  padding: 50px;
}



footer .menu a
{
  color: #000;
  text-decoration: none;
  margin-bottom: 20px;
  font-size: 20px;
}



#menu-footer2
{
  text-align: right;
}




@media (min-width: 992px) {


.navbar-expand-lg .navbar-nav  
    {
        flex-direction: row;
        align-items: center;
        margin: auto;
    }

}








@media (max-width: 1399px) {



/* Main */


.content_container {
    max-width: 100%;
    margin:100px 20px 0 20px;

}





.navbar li {
    margin: 0px 14px;
}





/* SM */


.container_sm 
{
    padding: 0 5% 0 5%;
    padding-top: 50px;
    padding-bottom: 100px;
}


.container_sm a
{    
    font-size: 22px;
}




/* Galerie*/



  
  .swiper-button-prev {
    left: 0px !important; 
  }

  .swiper-button-next {
    right: 0px !important; 
  }



  .container_galerie_blau .content_container,
.container_galerie_orange .content_container  {
  max-width: 100%;
 margin:60px 20px 0 20px;
  overflow: hidden;

}


}






@media (max-width: 1199px) 
{
      .navbar li {
        margin: 0px 2px;
    }
}






@media (max-width: 991px) 


{



  p {

    font-size: 16px;
}



/* NAv */


.logo_top_mobile
{
  max-height: 60px;
  display: block;
}


header .container
{
  max-width: 100%;
}



.header-actions
{
 margin-left: auto; 
}



.btn-outline-secondary
{
  border-color: transparent !important;
  color: #fff !important;
  font-size: 28px;
}



.offcanvas .menu-item-home  a:has(.nav_logo) 
{
  display: none;
}



.offcanvas
{
  background: #6991E3;
}


.offcanvas a
{
  color: #fff;
}


.navbar a {

    font-size: 34px;
}




.fullscreen-header 
{
    min-height: 50%;
}



.text_in_bild 
{
    top: 60%;
    width: 50%;
}


.cover_bild img 
{
    margin-top: 40px;
}


h1 {

    width: fit-content;
    font-size: 50px;
}



h3 {

    font-size: 32px;
    width: fit-content;
}



h1.text_in_bild {
  font-size: 80px;

}





h2.h2_home
{
    font-size: 44px;
    width: fit-content;
}




.h2_home_orange 
{
    font-size: 44px;
}




.content_container 
{
       margin: 40px 20px 0 20px;
    }



    .small_content 
    {
    padding: 30px 30px 0 30px;
}



.stimmen_spalte {
    padding: 5% 5% 0  5%;
  
}


.home .block_links_abstand
{
  margin-right: 0 !important;
  flex-basis: 50% !important;
}


.stimme 
{
    font-size: 22px;
}



    .container_sm a {
        font-size: 18px;
    }







/* Galerie */



.tickets-slider-wrapper  .ticket-slide-button-prev {
  left: 40px !important; /* nach außen schieben */
  color: #fff !important;
}

.tickets-slider-wrapper  .ticket-slide-button-next {
  right: 40px !important; /* nach außen schieben */
  color: #fff !important;
}



    .container_galerie_blau .my-swiper-second .swiper-slide img
    {
      object-fit: cover;
    }


.dependent-block .swiper-slide
{
  height: auto !important;
}





/* Tickets */



.ticket_link_wrapper
 {
    margin: 0;
}



.home .ticket_link_wrapper
 {
    margin: auto;
}



h2.monat-titel {
 margin-left: 20px;
}



.ticket_in_liste 
{
    padding: 50px 20px;
}




  .ticket_in_liste{
        grid-template-columns: 1fr 1fr;           /* zwei Spalten */
        grid-template-rows: auto auto;           /* zwei Zeilen */
        grid-template-areas:
          "col1 col2"
          "col3 col3";                           /* col3 nimmt ganze Breite */
      }



      .col1{ grid-area: col1;}
      .col2{ grid-area: col2; margin-left: 10px; }
      .col3{ grid-area: col3; }
    



.swiper.tickets-slider {
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    border: 2px solid #fff;
    margin:20px;
}







/* Footer */



    .col-md-6 {
        flex: 0 0 auto;
        width: 33%;
    }



}








@media (max-width: 768px) 
{



    h1.text_in_bild 
    {
        font-size: 60px;

    }



  
  .privacy-policy h3, .page-id-187 h3 {

      width: fit-content;

  }


  .privacy-policy h1, .page-id-187 h1 {
    font-size: 40px;
    width: fit-content;
  }



.text_logo_container
{
  display: inline-block !important;
}



.text_logo
{
  float: right;
}



.galerie_mobil,
.galerie_swiper_in_tickets
 {
    width: 55% !important;
   
}



  
  .swiper-button-prev {
    left: -80px !important; 
  }

  .swiper-button-next {
    right: -80px !important; 
  }



  .container_galerie_blau .my-swiper-second .swiper-slide img {
     width: 100%; 
     height: 100%; 
     object-fit: fill; 
     display: block; 
}



    .container_galerie_blau .my-swiper-second .swiper-slide img,
    .container_galerie_orange .my-swiper-second .swiper-slide img {
        width: 60%;
        height: auto;
        object-fit: contain;
        display: block;
        margin: auto;
    }
    



    .container_galerie_blau,  .container_galerie_orange
    {
      background: #fff;
    }



      .container_galerie_blau .content_container,
.container_galerie_orange .content_container  {

 margin:0px;


}




      .container_galerie_blau .content_container p,
.container_galerie_orange .content_container  p {

 margin:0px 20px 0 20px;


}


.swiper1_ueber_mich
{
 background-color: #6991E3 !important;
 padding: 20px 0 !important;
}




.swiper2_ueber_mich
{
 background-color: #FC7400 !important;
 padding: 20px 0 !important;
}



.swiper1_ueber_mich .swiper-slide img 
{
          height: 400px !important;
        object-position: top;
        object-fit: cover !important;
        width: calc(100% - 40px) !important;
}



.karriere_block .is-layout-flex
{
  gap: 0em;
}




.karriere_links
{
  margin-right: 0px !important;
}


.karriere_block .is-layout-flex div:first-child p
{
  margin: 20px 0 0 0;
}


 


    .block_links_abstand
    {
      margin-right: auto !important;
    }



    .news_wrapper {
    margin: 50px  20px;
}




h2.wp-block-latest-posts__post-title 
{
    font-size: 28px;
    width: auto;

} 


    .wp-block-latest-posts__featured-image.alignright
    {
      float: none !important;
      display: block !important;
    }


    .wp-block-latest-posts__post-title 
    {
    font-size: 40px;
    margin-top: 30px;
    display: block;
}


footer {
    padding: 50px 20px;
}



footer .container
{
  max-width: 100%;
}





.schnapserl_container .block_links_abstand,
.schnapserl_container_letzter .block_links_abstand
{
    order:2;

}


.content_container.schnapserl_container,
.content_container.schnapserl_container_2,
.content_container.schnapserl_container_letzter
{
  margin-top: 100px;
}


.content_container.schnapserl_container_letzter
{
  margin-bottom: 100px;
}


.schnapserl_container .block_links_abstand
{
     margin-right: 0px !important; 
}




.schnapserl_container_2 .block_links_abstand
{
     margin-left: 0px !important; 
}


.link_schnapserl {
    margin-top: 20px;
}

}





@media (max-width: 450px) 
{



    h1 {
    
        font-size: 40px;
    }




        h1.text_in_bild {
        font-size: 48px;
        width: max-content;
    }



    h2.h2_home {
        font-size: 40px;
        width: auto;
        text-align: center;
    } 


        .h2_home_orange {
        font-size: 34px;
        text-align: center;
        padding: 0;
        width: fit-content;
    }
    


    h1.podcast_h1 {
    font-size: 40px;
  
}



.gruaberin-list li {
margin-bottom: 20px;
align-items: end;
text-align: left;
}



.podcast_liste p
{ 
  text-align: left;

}

.podcast_liste a
{
 
text-decoration: underline;
        display: inline-block;
       
}



.podcast_liste, .podcast_spotify 
{  
    margin-bottom: 50px !important;   
}



    .small_content img 
    {
    max-width: 70% !important;

}



.cover_bild img    
{
width: 55vw;
height: 50vh;
object-fit: cover;
}



    .text_in_bild 
    {   
        width: 75%;
    }




.link_gross 
{
    font-size: 36px;
}



.container_sm_top 
{
    margin-top: -90px !important;
    padding-top: 110px;
    padding-top: 150px;
}



.container_sm
{ 
  padding: 30px 0 30px 0;
}


.container_sm div 
{
    margin: auto;
}





.ticket_in_liste h3 {
    font-size: 20px;
   
}





.ticket_link_wrapper
{
    display: block;
}



.tickets-slider p,
.ticket_in_liste

{
  
    font-size: 16px;
}



.ticket-btn {
    
    font-size: 20px;
}



button.ticket-btn
{
  width: auto;
}



.page-id-15 .cover_bild img 
{
      object-position: -200px;
}


.ticket_link_wrapper {
   
    width: auto;
 
}
  

.container_galerie_blau .my-swiper-second .swiper-slide img, 
.container_galerie_orange .my-swiper-second .swiper-slide img 
{
        width: 80%;
    }



    .container_galerie_blau .my-swiper-second .swiper-slide img, .container_galerie_orange .my-swiper-second .swiper-slide img {
        width: 90%;
        height: auto;
        object-fit: contain;
        display: block;
        margin: auto;
    }


    
.swiper1_ueber_mich .swiper-slide img 
{
          height: 300px !important;
       
}





        
.swiper_uebermich_4 
{
  margin-top: 30px !important;
}





    footer {
        padding: 0px 20px 20px 20px;
    }



    .col-md-6
     {
        width: 100%;
    }



    .col-md-6.col-lg-4:first-child
    {
      order: 2;
    }


        .col-md-6.col-lg-4:last-child
    {
      order: 3;
    }


    #menu-footer1,
    #menu-footer2 
    {
    text-align: center;
}


.social-list 
{
    margin-left: calc(50% - 60px);
}


}