/* Farben
Enzianblau: #00427f; rgb(0,79,124)
Hellblau (footer): #336899;
hellgrau: #d5d4d4;

*/

:root{  
  --blau: #00427f;
  --hellblau: #336899; 
  --hellgrau: #d5d4d4; 
}


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('vRoboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sriracha';
    src: url('../fonts/Sriracha-Regular.eot');
    src: url('../fonts/Sriracha-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sriracha-Regular.woff2') format('woff2'),
        url('../fonts/Sriracha-Regular.woff') format('woff'),
        url('../fonts/Sriracha-Regular.ttf') format('truetype'),
        url('../fonts/Sriracha-Regular.svg#Sriracha-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



*{
    -webkit-transition-duration: 1s;
  transition-duration: 1s;
  transition: 1s;
}
body {
  font-family: Roboto;
}
img {
      width: 100%;
    height: auto;
}

h3 {
  font-size: 1.5rem;
  margin-bottom: 0 !important;
}

h1,h2,h3,h4, h5{
  padding: 2rem;
  color: #00427f;
  margin-bottom: 0px !important;
}


h4 {
  color: #00427f;
}
ul {
  padding-top: 15px;
  list-style: none;
  padding-right: 15px;
}
#content_breit ul {
  list-style:circle;
}
ul.navbar-nav {
  padding-right: 0;
  }
a{
  color: #336899;
}

.text-weiss{
  color:#fff;
}
.text-rot{
  color:red;
}
.blau{
  color:var(--blau); 
}
 .font-Sriracha{
   font-family: 'Sriracha', sans-serif;
 }



/*-----------------------------Border - Kasten rechte Seite---------------------------*/
.border{
  background: rgba(0,79,124,0.1);
  border: 1px solid #00427f!important;
  border-radius: 10px;
  padding: 10px;
  margin-left: 32px;
  margin-bottom: 10px;
  margin-top: 15px;
} 
#content_breit .border ul, #content_breit ul {
  list-style: none;
}
.border ul {
  padding-left: 25px;
}
.border ul li , #content_breit ul li{
  margin-bottom: 20px;
}
#content_breit .border ul li:before {    
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f00c';
    margin:0 5px 0 -15px;
    color: #00427f;

}
#content_breit ul ul {
  margin-left: 20px;
}
.border ul li ul li, #content_breit ul li ul li {
  margin-bottom: 5px;
}

#content_breit .border ul li ul li:before {
  content: '\f101';
}
.border strong {
  color: #00427f;
}
 .collapse.show .border .ce-gallery figcaption {
  color: #00427f;
}
.bg_hellgrau{
  background-color:var(--hellgrau);
}

/*------------------------Liste -----------------------*/

#content_breit .border ul li:before {    
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f105';
    margin:0 5px 0 -15px;
    color: #00427f;

}
#content_breit ul li ul li:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f067';      
    font-weight: 900;    
    margin: 0 5px 0 -15px;
    color: #00427f;

}

/*------------------------Liste Downlaods----------------------------*/
x #downloads #content_breit ul li a:before {    
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f1c1';
    margin:0 5px 0 -15px;
    color: #00427f;

}
a.link-download:after {
  font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f1c1';
    margin:0 0 0 8px;
    color: #00427f;


}

/*---------------------suche-------------------*/
nav.search {
  position:absolute;
  right: 30px;
}
.suche{  
    position: relative;
    right: 30px;
    top: -35px;
}
.suche .form-control {
  background-color:#00427f;
  color:#fff;
  float:left;
  padding: .3rem .75rem;
  line-height: 1.2;
}

#tx-indexedsearch-searchbox-sword::-webkit-input-placeholder { /* Chrome */
  color: #ccc;
}
#tx-indexedsearch-searchbox-sword:-ms-input-placeholder { /* IE 10+ */
 color: #ccc;
}
#tx-indexedsearch-searchbox-sword::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  opacity: 1;
}
#tx-indexedsearch-searchbox-sword:-moz-placeholder { /* Firefox 4 - 18 */
 color: #ccc;
  opacity: 1;
}

.sticky .suche {
  opacity:0;
}


.fas.fa-search{
    right: 10px;
    top: 8px;    
    position:absolute;
    color: #fff;
}
.tx-indexedsearch-icon img {
  width: auto;
  }
.tx-indexedsearch-icon img {
  width: auto;
  }

.tx-indexedsearch-form {
  float: left;
  margin-right: 10px;
  }
.tx-indexedsearch-form label {
  float: left;
  margin-right: 10px;
  }
.tx-indexedsearch-search-submit{
  float: left;
  }
.tx-indexedsearch-search-submit .btn-default{
  background-color: default;
  color: default;
  padding: .2rem .75rem;  
  text-indent: 0;
  }
  

/* ------------------Ende Suche----------------*/

.ce-column {
    margin-right: 40px;
}

#anlagen img{
  width: 100%;
}

#c68 a,
#c95 a{
  font-size: 130%;
}

#c95, 
#68{
  font-size: 130% !important;
}

#anlagen h1{
  border-bottom: 1px solid #b9baba !important;
}
#anlagen .ce-gallery figure {
  margin-bottom:0;
}
#anlagen #content_breit .row{
  border-bottom: 1px solid #b9baba !important;
  padding: 40px 0px;
}
#anlagen ul {
  padding-top: 0;
  margin-left:98px;
}
#anlagen ul li{
  margin-bottom: 5px;
}
  
#anlagen #content_breit ul li:before, #downloads #content_breit ul li:before, #kids #content_breit ul li:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f105';
    margin: 0 5px 0 -15px;
    color: #00427f;
}
/*-------------------------Fussball-------------------------*/
#fussball #content_breit ul li:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f1e3';
    margin: 0 5px 0 -15px;
    color: #00427f;
}
#fussball #content_breit .border ul li:before {    
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f105';
    margin:0 5px 0 -15px;
    color: #00427f;

}

/*-----------------------Fussball Ende------------------------*/
#satzung #content_breit {
  padding: 30px;
}
#satzung ol {
  counter-reset: section;
  list-style-type: none;
}

#satzung ol li::before {
  counter-increment: section;
  content: counters(section,".") ". ";
  margin-left: -30px;
}

#satzung ol ol ul li::before {
  counter-increment:none;
  content:" ";
  margin-left:5px;
}
#satzung ol li {
  margin-bottom: 15px;
}
#satzung ol li ol li {
  margin-bottom: 5px;
}
nav li a{
  display: block;
  width: 100%;
}

#content_breit table{
  margin-left: 15px;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 1rem;
    background-color: transparent;
  border-collapse: collapse;

}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
 td, th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
td:last-child {
  text-align: right;
}
table h4 {
  padding: 15px 0;
  font-size: 1.1rem;
}

/*-----------------------------------------navbar------------------------------------------*/
.navbar-brand{
  z-index: 2000;
}

.navbar-brand img{
  width: 100%;
}

ul.navbar-nav {
  padding-top: 46px;
}
.sticky ul.navbar-nav {
  padding-top:31px;
}
.navbar-dark .navbar-nav .dropdown-submenu .active>.nav-link, .navbar-dark .navbar-nav .dropdown-submenu .nav-link.active, .navbar-dark .navbar-nav .dropdown-submenu .nav-link.show, .navbar-dark .navbar-nav .dropdown-submenu .show>.nav-link{
  border: none !important;
  background: #fff;
  color: #ccc;
}

.dropdown-menu .nav-link{
  padding: 0px 10px /*!important*/;
}

.navbar-dark .navbar-nav .dropdown-menu .active>.nav-link:after, .navbar-dark .navbar-nav .dropdown-menu .nav-link.active:after, .navbar-dark .navbar-nav .dropdown-menu .nav-link.show:after, .navbar-dark .navbar-nav .dropdown-menu .show>.nav-link:after{
  border-left-color: #00427f !important;
}

.navbar-dark .navbar-nav .dropdown-menu .active>.nav-link, .navbar-dark .navbar-nav .dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .nav-link.show, .navbar-dark .navbar-nav .dropdown-menu .show>.nav-link{
  border: none !important;
  background: #fff;
  color: #00427f;
}

.dropdown .dropdown-menu .nav-item{
  display: block;
}

#navbarResponsive{
  line-height: 40px;
}

.sticky .navbar-brand img {
  width: 50%;
  top: 0px;
}

#navbarResponsive{
  background: #00427f;
  position: relative;
}
/* Ebene 3 rechts neben Ebene 2 */
/* Sub‑Menüs rechts positionieren */
/* 1. Alle Dropdown‑Menüs */
.navbar .dropdown-menu {
    position: static;
   
}

/* 2. Sub‑Sub‑Menüs (3. Ebene) rechts positionieren */
.navbar .dropdown-menu .dropdown-menu {
    position: absolute !important;
    left: 100%;
    top: 0;
    margin: 0;
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    z-index: 1050; /* Über allem */
    min-width: 200px;
    background-color: var(--hellblau);
    border: 1px solid rgba(0,0,0,.15);
  
}



/* 3. Hover‑Effekt für Sub‑Menüs */
.navbar .dropdown-menu li.dropdown:hover > .dropdown-menu {
    display: block;
}


/* 4. Mobile: Sub‑Menüs unten */
@media (max-width: 991.98px) {
    .navbar .dropdown-menu .dropdown-menu {
        position: static;
        left: 0;
        float: none;
        box-shadow: none;
    }
}



.schatten{
  height: 140px;
}

.schatten.sticky {
    height: 84px;
}


.sticky .navbar-brand{
  position: relative;
  top: 0;
}



a:-webkit-any-link{
  text-decoration: none;
}

.dropdown-menu {
  min-width: 15em !important;
}

header img{
  max-width: 100% !important;
  height: auto;
}



footer p{
  padding: 0px !important;
}


p{
  margin-bottom: 0px !important;
  padding: 15px 15px 15px 25px;
}
.ce-gallery figure {
  margin-bottom: 0;
}
.ce-gallery img{
 /* width: 120px;*/
  height: auto;
  max-width: 100%;
  margin-bottom: 10px;
}

.bg_hellblau .ce-gallery img {
  width: 150px;
  border-radius: 50%;
  
}
.ce-gallery figcaption {
  text-align: center;
  font-size: 0.9rem;
  margin-top: 5px;  
}
.bg_blau .ce-gallery figcaption, .collapse.show .ce-gallery figcaption {
  color: #fff;
  font-size: 1.1rem;
}

.collapse.show .col-md-4 .ce-gallery figcaption {
  color:#212529;
  font-size: 0.9rem;
  margin-top: 5px;
}
time{
  font-size: 14px;
  top: 25px;
  position: absolute;
  right: 22px;
}



#c58{
  background: #d5d4d4;
}

.bg_grau h3{
  padding: 20px;
  text-align: center;
}

#c61{
  height: 350px;
}

.bg_grau.news{
  position: relative;
}
#c68,
.newsfeed{
  bottom: 10px;
  position: absolute;
  margin-top: 15px !important;
}

#c95 a{
  color: #00427f;
}

#recipeCarousel{
  background: #d5d4d4;
  padding: 15px;
  margin: 30px 0;
}

#recipeCarousel img{
  width: 150px !important;
}
#recipeCarousel .carousel-control-next-icon, #recipeCarousel .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}

#demo a{
  color: #fff;
}

body {
  min-height: 250px;
}

header{
  margin-top: 120px;
}
.col-md-3 header{
  margin-top:0;
}
.header_slider{
  margin-top: 120px;
}
ol.carousel-indicators{
  list-style: none;
}
/* Underline From Center */
.nav-item {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
}
.nav-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav-item:hover:before, .nav-item:focus:before, .nav-item:active:before {
	  left: 0;
  right: 0;
}


.row{
  margin-left: 0px;
  margin-right: 0px;
}

#demo{
  background-color: #00427f;
}

#demo .col-md-12{
  text-align: right;
  padding: 5px 20px
  
}

#demo .col-md-12 a{
 color: #fff;
}



#close #c89{
  position: absolute;
  top: 0;
  right: 40px;
}

#close #c89 a{
color: #fff;
}





.container{
  padding-right: 0px;
  padding-left: 0px;
}



header .container img{
  width: 100%;
}

.carousel-caption{
  font-size: 150%;
  color: #000;
  
}
/*------------------Headerslider - Animation---------------------------------*/


/*=== Trigger  ===*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



/*=== Animations start here  ===*/
/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/*=== FADE IN DOWN ===*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/*-------------------Ende Animation-------------------*/
/*-----------Animation Aenderung für VFL-------------*/

.animated.fadeInLeft {
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
    font-size: 2.3rem;
  font-family: 'Sriracha', cursive;
    /*font-style: italic;*/
    width: 400px;
   /* font-weight: bold;*/
    color: #00427f;
}
.carousel-caption{
  left: 50%;
}

/* Navigation */

.navbar{
  padding: 0px !important;


}


.navbar .container{
  background: #00427f;
}


.navbar button{
  margin-right: 20px;
}

.navbar-brand{
  left: 50px;
  top: 30px;
  padding-bottom: 0px !important;
  position: relative;
    z-index: 2000;
	padding: 0px;
}

nav .container{
  background-color: #00427f; 
}

.nav-item{
  margin-left: 60px;
}

.nav-item:last-child{
  margin-right: 60px;
}

.dropdown .nav-item{
  margin: 0px !important;
}

.navbar-dark .navbar-nav .nav-link{
  color: #fff;
  /*padding: 0px;*/
  padding-bottom: 2px;

  	
}

 .navbar-dark .navbar-nav ul.dropdown-menu.show .nav-link:focus, .navbar-dark .navbar-nav ul.dropdown-menu.show .nav-link:hover {
  background-color: #fff;
  color: #336899;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
  padding-bottom: 1px;
	border-bottom: 1px solid #fff;
}

.dropdown-menu .nav-item {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.navbar-toggler{
  line-height: 0px !important;
}

.dropdown-menu .nav-item:before {
display: none;
}
.dropdown-menu .nav-item:hover:before, .dropdown-menu .nav-item:focus:before, .dropdown-menu .nav-item:active:before {
display: none;

}
.dropdown-menu{
  background-color: #336899;
  margin-left: 10px;
}

/* submenue---------------------------------------------------*/

/*----Neu Bootstrap 5-----------
.dropdown .dropdown-menu a.nav-link.dropdown-toggle{
  position: relative;
}
.dropdown .dropdown-menu .dropdown-toggle:after{
  border-top: .5em solid;
  border-right: .5em solid transparent;
  border-bottom: 0;
  border-left: .5em solid transparent;
  position: absolute;
  right: 10px;
  top: 17px;
}
*/



/*-------------------Ende--*/
.dropdown-submenu{
position:relative;
}
.dropdown-submenu > .dropdown-menu{
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}

/* .dropdown-submenu:hover > .dropdown-menu{
display:block;
} */

.dropdown-submenu > a:after{
display:block;
content:" ";
float:right;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 0 5px 5px;
border-left-color:#fff;
margin-top:15px;
margin-right:0;
}

.dropdown-submenu:hover a.dropdown-toggle:after{
  border-left-color:#336899;
}

.dropdown-submenu:hover > a:after{
border-left-color:#fff;
}

.dropdown-submenu .pull-left{
float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
}

.dropdown-menu .nav-item,
.dropdown-menu .dropdown-submenu{
  border-bottom: none;
}
.dropdown-item {
  color:#fff;
}
nav li a{
  padding: 10px 0px;
}

/* Navigation End */

/* News */

 #fussball .news {
    margin-left: 30px;
  }
.news-list-item{
  background-color: #fff;
  color: #000;
  margin-bottom: 8px;
  border-radius: 8px;
}

.news-list-item:hover{
  box-shadow: 0px 0px 20px 0px #9d9d9d;
}
#news .news-list-item{
  background: none;
  margin-bottom: 20px;
}
#news .news-list-item:hover, #sportarten .news-list-item:hover{
  box-shadow: none;
}

.news-list-item a{
  color: #00427f;
  text-decoration: none;
}
.news-list-item h3{
  padding-bottom: 5px !important;
  padding-top: 15px;
  margin-bottom: 3px !important;
  border-bottom: 1px dotted #00427f;
  font-size: 1.5rem;
}

.news-list-item p{
  margin-top: 5px;
  font-size:1.1rem; 
  padding: 5px 15px 15px 25px;
}

.news-list-item .col-md-3{
  display: none;
}

.news-list-item .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.news-list-item:last-child{
  margin-bottom: 50px;
}
.news-list-item .extra, .news-single .extra {
  display: none;
}
a.btn-read-more{
  display: flex;   
  justify-content: flex-end;
}
.news-list-item a.btn-read-more:after {
  font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f0a9';
    margin:0 5px 0 5px;
    color: #00427f;  
}
.news ul li:before {    
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f068';
    margin:0 5px 0 -15px;
    color: #00427f;

}
.news li ul {
  padding-top:0;
}
#content_breit .news ul li {
  margin-bottom: 3px;
}
#content_breit ul.f3-widget-paginator {
    display: flex;
    list-style: none;
    justify-content: flex-end;
}
 
#content_breit ul.f3-widget-paginator li {
  margin-right: 20px;
}
#content_breit .news ul.f3-widget-paginator li:before {
  content:'';
}
#content_breit ul.f3-widget-paginator li.last.next:after {   
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f061';
    margin:0 5px 0 5px;
    color: #00427f;  
}
#content_breit ul.f3-widget-paginator li.previous:before {   
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f060';
    margin:0 5px 0 5px;
    color: #00427f;  
}
#content_breit .news.news-single a.btn.btn-default:before {   
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content: '\f0a8';
    margin:0 5px 0 5px;
    color: #00427f;  
}


/* News End */
/*--------------------MODAL neu----------------------------------*/
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

.popup-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    z-index: 10001;
    text-align: center;
    width: min(600px, 90vw);
}

#close-button {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    width: 50px;
    height: 50px;
    padding: 0;
    background: #fff;
    border: none;
    font-size: 38px;
    line-height: 48px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    z-index: 10002;
}

.popup-modal .ce-gallery img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    border: none;
}




/* ========================================
   Laufschrift / Marquee
   ======================================== */

.marquee {
    --marquee-speed: 18s;

    position: relative;
    width: 100%;
    overflow: hidden;
}

.marquee__track {
    display: flex;
    width: max-content;
    animation: marquee-scroll var(--marquee-speed) linear infinite;
}

.marquee__content {
    flex-shrink: 0;
    padding-right: 4rem;
    white-space: nowrap;
}

/* TYPO3 Frame innerhalb der Laufschrift */
.marquee__content .frame {
    margin: 0;
    padding: 0;
}

.marquee__content .ce-bodytext {
    margin: 0;
}

.marquee__content p {
    margin: 0;
    white-space: nowrap;
}

@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Bei reduzierten Bewegungen Animation abschalten */
@media (prefers-reduced-motion: reduce) {
    .marquee__track {
        animation: none;
    }

    .marquee__content[aria-hidden="true"] {
        display: none;
    }
}
/*-----------------------------Kalender--------------------------------------*/

#content_breit .tx-me-google-calendar table {
  width: 100%;
  margin-left: 0;
}
#content_breit .bg_blau .tx-me-google-calendar table a {
  font-size: 0.9rem;
}
#content_breit .bg_blau h3 {
  text-align: center;
  padding-top: 20px;
  }
#content_breit .tx-me-google-calendar table.table td, #content_breit .tx-me-google-calendar table.table th {
    padding: .5rem;
}
#content_breit .tx-me-google-calendar h2{
 font-size: 1.4rem;
  padding:0;    
  
}
#sportarten #content_breit .tx-me-google-calendar {
  margin: 50px;
}
.fc-toolbar.fc-header-toolbar {
  padding-top: 1em;
}
.fc-toolbar .fc-left {
  padding-left: 10px;
}
.fc-toolbar .fc-right {
  padding-right: 10px;
}
.fc-day-grid-event .fc-content {
  padding: 5px;
}
/* Content */
#content_breit{
  background: #f2f3f3;
  padding-bottom: 50px;
}
#suche #content_breit{
  padding: 40px;
}

#content_breit .bg_grau{
  background: #d5d4d4;
  color: #fff;
}

#content_breit .bg_grau h2{
  color: #00427f;
}

#content_breit .bg_blau{
  background: #00427f;
  color: #fff;
  position: relative;
}

#content_breit .bg_blau .row{
  padding-bottom: 28px !important;
  padding-top: 18px !important;
}

#content_breit .bg_blau .col-md-3 .ce-gallery img {
  border-radius: 50%;
}


#content_breit .bg_blau a, #content_breit .bg_blau h2, #content_breit .bg_blau h3{
  color: #fff;
}

/*#content_breit .bg_blau .col-md-6:hover img{
  box-shadow: 0px 0px 40px 0px #000;
}*/


#content_breit .bg_weiss{
  background: #efefef;
  color: #00427f;
}

#content_breit .bg_weiss p{
  padding-top: 0px;
  color: #000;
}

#content_breit .bg_weiss p:last-child{
  margin-top: 60px;

}

#content_breit .bg_weiss a{
  padding: 10px;
  border-radius: 4px;
  text-decoration: none;
  color: #000;
  border: 1px solid #ccc;
  background: #efefef;
}

#content_breit .bg_weiss a:hover{
  border: 1px solid #fff;
  background: #fff;
  color: #336899;

}

#content_breit .bg_weiss h2{
  color: #00427f;
}


#content_breit .bg_hellblau{
  background: #336899;
  color: #fff;
}

#content_breit .bg_hellblau a{
  color: #fff;
}

#content_breit .col-md-6 .row .col-md-4 a{
  color: #fff;
}

.row.bg_blau {
  padding-top:30px;
}
.row.bg_blau:last-child {
  margin-bottom: 30px;
}

/* Accordion */

#content_breit .card{
  background-color: #336899;
  border-radius: 0px !important;
  border: none !important;
}

#content_breit .card .card-header{
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding: 0px !important;
    
}

#content_breit .card .card-header p{
  color: #fff;
  text-decoration: none !important;
  margin-bottom: 0px;
}
#content_breit .card .card-header .card-h-left {
  width: 30%;
  float:left;
}
#content_breit .card .card-header .card-h-right {
  width: 70%;
  float:left;
}




#content_breit .card .card-body{
  background: rgba(255, 255, 255, 0.95);
}

.card-header .frame{
  padding: 10px;
}

.card-header .fa-angle-down {
  color:#fff;
  position: absolute;
  right: 34px;
  top: 46px;
}
.card-header .fa-angle-down.visible-xs {
  display:none;
}

/* Accordion End */

/* Kontakt */

.form-group,
.btn-toolbar{
  width: 90%;
  margin: 0 auto;
}

.btn-toolbar{
  margin-top: 40px;
}

.form-group label{
  margin-top: 20px;
}

.frame-space-after-medium{
  margin-bottom: 0px;
  padding-bottom: 30px;
}

/* Kontakt Ende */


/* Content End */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
}



/*  footer styles */

footer {
  background-color: #00427f;
  color:#fff;
  text-align: center;
  background-image: url(../../Media/images/Vfl_Logo.png);
  background-repeat: no-repeat;
  background-position: 50% 22.5%; 
  background-size: 6%;

}

footer p{
  margin-top: 35px;
}
footer a {
  color: #fff;
}
footer a:hover {
  color:#d5d4d4;
}

footer #c17 {
  text-align: left;
}

footer #c60 {
  text-align: right;
}

footer .col-md-12{
  margin-top: 41px;
  background-color: #336899;
  color: #fff;
  padding: 10px 0px;
}

img.uc-partner-icon{
  width: auto;
}


/*  footer styles end */





/* Slider */
#recipeCarousel .carousel-inner .carousel-item.active,
#recipeCarousel .carousel-inner .carousel-item-next,
#recipeCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

#recipeCarousel .carousel-inner .carousel-item-right.active,
#recipeCarousel .carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

#recipeCarousel .carousel-inner .carousel-item-left.active, 
#recipeCarousel .carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
  
#recipeCarousel .carousel-inner .carousel-item-right,
#recipeCarousel .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
  
}


@media only screen and (max-width: 767px){
  /* accordion */
  .carousel-caption {
    display: none;
  }
  /* suche */
  .suche{
    display: none;  
  }
  /* news*/
  time {
    display: none;    
  }
  h2, h3, h4, h5 {
    padding: 25px 0;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
    text-align: center;
  }
  p {
    padding: 10px;
  }
  /*div.border*/
  .border {
    margin-left:0;
  }
  .col-lg-6 .border {
    margin: 5px;
  }
  .border ul {
    padding-left: 10px;
  }
  footer {
    background-size: 15%;
    
  }
#content_breit table {
    width: 98%;
  margin-left:0;
  
  }
  
  td:last-child {
    width: 22%;
  }
}
@media only screen and (max-width: 991px){
  
  header,.header_slider{
    margin-top: 104px;
  }

  .schatten{
    height: auto;
  }
  
.schatten.sticky {
    height: auto !important;
}
  footer{
    background-position: 50% 5.5% !important;
    padding-top: 70px;
  }
  
  footer p{
    margin-top: 10px;
  }
  footer #c17 {
  text-align: unset;
}

footer #c60 {
  text-align: unset;
}
   

  /*------------------header---------------------*/
  .animated.fadeInLeft {
    font-size: 1.8rem;
    width: 300px;
  }
  /*---------------------Calendar------------------*/
  .col-md-6.bg_blau {
    padding-right:0;
    padding-left:0;
  }
  #content_breit table {
    width: 98%;
  }
  #sportarten #content_breit .tx-me-google-calendar {
    margin: 50px 5px;
}
  /*-------------menu----------------------*/
  
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  border-bottom: none;
  }  
   .nav-item{
    margin-left: 20px;
    margin-bottom: 15px 0px;
  }
  
  .navbar .navbar-brand{
    top: 0;
    left: 8px !important;
    
  }
  
  .navbar .navbar-brand img{
    width: 80%;
        padding: 5px;

  }
  
  .navbar .sticky .navbar-brand img{
    width: 60%;
    position: relative;
  }
    

  .navbar .sticky .navbar-brand img{
    width: 60%;
  }
  
  .dropdown-menu.show > .dropdown-menu {
    margin-left: 20px;
    margin-top: 0;
  } 
  
  
  .dropdown-menu .nav-item, .dropdown-menu .dropdown-menu{
   /* display: block;*/
  }
  li.nav-item, li.dropdown{
    margin-left:0;
    border-top: 1px solid var(--blau);
    padding: 10px 0;
  }
  .navbar-dark .navbar-nav .nav-link {
    padding-left: 25px;
  }
  
  .dropdown-menu.show {
    display: block;
    overflow-y: auto;
    height: 300px;
    background-color:#fff;
}
  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
  .nav-item {  
  -webkit-transform: none;
  transform: none;  
}
  .nav-item:last-child {
    margin-right: 0;
}
  
 .dropdown-toggle::after  {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f067';
   font-size: 1.2rem;
   float: right;
    margin-right: 40px;
    color: #fff;
   border-top:none;
}
  .nav-item.active {
    background-color:#fff;    
  }
  
  .nav-item.active .dropdown-toggle::after, .dropdown-menu .nav-link.dropdown-toggle::after {
    color: var(--blau);
  }
  
 .dropdown-menu.show .dropdown-menu .nav-link.dropdown-toggle::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f067';
   font-size: 1.2rem;
   float: right;
    margin-right: 40px;
    color: var(--blau);
   border-top:none;
   margin-top:0;
}
  
  .navbar-dark .navbar-nav .active>.nav-link {
    color: #00427f;
  }
  
  .navbar .dropdown-menu .dropdown-menu {
    background-color:var(--hellgrau);
    margin-left:2rem;
    border:1px solid var(--blau);    
  }
  .dropdown-menu.show li.nav-item, .dropdown-menu li.dropdown-menu{
    border-top: 1px solid #00427f;
  }
   .dropdown-menu.show li.nav-item:first-child {
    border-top:none;
  }
  .dropdown-menu.show li.nav-item a.nav-link:before, .dropdown-menu.show li.dropdown a.nav-link.dropdown-toggle:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f105';
    margin: 0 5px 0 -15px;
    color: #00427f;
}
  
  .dropdown-menu.show a.nav-link {
    color: #00427f; 
    padding-left: 50px;
  }
 
  .dropdown-menu.show .dropdown-menu.show a{
    margin-left: 30px;
  }
  .dropdown-menu.show li.dropdown .dropdown-menu .nav-link:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f101';
    margin: 0 5px 0 -15px;
    color: #00427f;
  }
  .card-header .fa-angle-down.visible-xs {
    display:inline-block;
  }
  #content_breit .card .card-header .card-h-right {
    display: none;
  }
  #content_breit .card .card-header .card-h-left {
    width: 100%;
  }
  #sportarten .col-lg-6, #sportarten .col-md-12, #sportarten .col-md-8, #sportarten .col-md-4 {
    padding-right:0;
    padding-left:0;
  }
  #sportarten .news {
    margin-left: 0;
  }
  
}
@media only screen and (min-width: 992px){

/* submenue---------------------------------------------------*/

/*----Neu Bootstrap 5-----------*/
.dropdown .dropdown-menu a.nav-link.dropdown-toggle{
  position: relative;
}
.dropdown .dropdown-menu .dropdown-toggle:after{
  border-top: .5em solid;
  border-right: .5em solid transparent;
  border-bottom: 0;
  border-left: .5em solid transparent;
  position: absolute;
  right: 10px;
  top: 17px;
}
  
}