@charset "UTF-8";
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/*! ----------------------------------------- */
/*! Änderungen an Klassen template Cassiopeia */
/*!                                           */

/*! Klasse Bestimmung Farbschema template Cassiopeia */
:root
{
  --cassiopeia-color-primary: #040D76;  /** Hauptfarbe des Templates */
  --cassiopeia-color-link: #434343;     /** gibt die Farbe an, in der Links dargestellt werden */
  --cassiopeia-color-hover: #040D76;    /** bestimmt die Farbe, mit der Links beim Überrollen mit der Maus reagieren */
}

/*! Klasse generell */
body
{ /** Seite angepaßt - Schriftgröße, Schriftdicke, Zeilenhöhe  */ 
 font-size: 0.85rem;
 font-weight: 380;
 line-height: 1.3;
} 

.container-header
{ /** Header angepaßt - Hintergundbild  */
 background: url(../images/img_bg_head.png) 100% 100%/cover local; 
 margin: 0px 0px 0px 0px; /** top right bottom left **/
} 

.container-header .navbar-brand img 
{ /** Logo/Bild Größe verändert */ 
 width: 9rem;
 min-width: 8rem;
}

/*! Anpassungen Überschriften */   
.h4, h4 
{ /** Überschriften - Beiträge mit Verlinkung */       
 font-size: 0.85rem;
} 

.h5, h5 
{ /** Überschriften - Beiträge mit Verlinkung */       
 font-size: 0.75rem;
} 

.h6, h6 
{ /** Überschriften - Beiträge mit Verlinkung */       
 font-size: 0.70rem;
} 


/*! Anpassungen Link generell  */ 
.a
{ /** Link generell - kein Unterstrich */ 
 text-decoration: none;
}

/*! Anpassungen Link Überschriften - kein Unterstrich */ 
a:not([class]) 
{ /** Link Überschriften - kein Unterstrich */ 
 text-decoration: none;
}
 
/*! Anpassungen Link Überschriften */ 
a:not([class]) 
{ /** Link Überschriften - kein Unterstrich */ 
 text-decoration: none;
}

/*! Anpassungen Beiträge - Klasse Infohinweise Beiträge */
.article-info-term
{ /** Überschrift Artikelinformationen angepaßt - Schriftgröße */
 font-size: 0.65rem;
}

.article-info dd
{ /** Artikelinformationen angepaßt - Schriftgröße */
 font-size: 0.65rem;
}

/** Readmore Button angepaßt */   
.readmore .btn
{  /** Weiterlesen Button angepaßt */   
 background-color: #2E4E74;
 width: 200px;
 height: 20px;
 font-size: 0.7rem;
 color: #ffffff;
 padding-top: 0px;
}

.readmore .btn:hover
{ /** Weiterlesen Button mouseover angepaßt */ 
 color: #ffffff;
 background-color: #040D76;
}

/*! Anpassungen contentbereich - Klasse Infohinweise Beiträge */
.container-component  
{ /** Content Komponente mit Schatten  */   
 border: solid 0px #000000; 
 -webkit-border-top-right-radius: 10px; 
 -webkit-border-bottom-right-radius: 10px; 
 -moz-border-top-right-radius: 10px; 
 -moz-border-bottom-right-radius: 10px; 
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px; 
 -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2);
 -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2);
 box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2);
 padding: 5px 15px 5px 15px;  /** top right bottom left - kein Rand Mobil **/
 margin-bottom: 10px;  /** damit Schatten unten angezeigt wird **/
}

.com-content-article__body a:hover, /** Content bzw. Artikel Links mouse over */
.blog-item a:hover                  /** Blogartikel Links mouse over */
{ /** Schriftfarbe  */   
 color: #D15E00;
} 

/*! Modul-Klassen-Suffix - ohne Rahmen */
.sfx-rahmenlos
{        
 border: 0px;
} 

/*! Modul-Klassen-Suffix - bg transparent */
.sfx-transparent
{        
 background: transparent;
} 

/*! Anpassungen Kategoriebereich - Infohinweise, Texte Überschriften  */
.com-contact-category
{ /** Kategorie Texte - Schriftgröße, Farbe */ 
 font-size: 0.8rem;
}  

.com-contact-category h2
{ /** Kategorie Überschriften - Schriftgröße, Farbe */ 
 font-size: 0.9rem;
}  

.com-contact-category .item-title
{ /** Kategorie Aufzählung - Schriftgröße, Farbe */ 
 font-size: 0.95rem;
} 

/*! Anpassungen Klasse Menü Header */  
.container-header .mod-menu     
{ /** Menüpunkte Text - Schriftgröße, Farbe */ 
 font-size: 1.1rem;
 color: #353b41; 
}  

/*! Anpassungen Header */
.header:before
{       
}

/*! Anpassungen Position top-a */  
.top-a 
{ /** Hintergrundbild Position top-a */  
 max-height: 200px;
}

/*! Anpassungen rechte Spalte */   
.container-sidebar-right
{ /** Hintergrundbild Position Seite Rechts */  
 background: url(../images/img_bg_sideright.jpg) bottom no-repeat; 
 margin: 0px 0px 0px 0px; /** top right bottom left **/
}


/*! Anpassungen Modul Banneranzeige */
.mod-banners__item.banneritem
{ /** Bilder mittig poditionieren */
 width: 210px;
 margin: 0 auto;
}


/*! Anpassungen Suchfunktion */
.form-search input
{ /** Input Feld Suchfunktion angepaßt, Hintergrund - runde Ecken  */
 border-color: #A8ADB0;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px 6px 6px 6px;  /** obenlinks obenrechts untenrechts untenlinks **/
  -webkit-box-shadow: 0 20px 0px rgba(0,0,0, .3); 
  -moz-box-shadow: 0 20px 0px rgba(0,0,0, .3); 
 box-shadow: 30px 3px 50px 0px rgba(0,0,0,0.3);
 background-image: url(../images/img_lupe.png);
 background-repeat: no-repeat;
 background-position: right;
 height: 1.8rem;
 opacity: 0.70;
}

input[type="search" i] 
{ /** Input Feld Suchfunktion angepaßt, Hintergrund - runde Ecken  */
 border-color: #A8ADB0;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px 6px 6px 6px;  /** obenlinks obenrechts untenrechts untenlinks **/
  -webkit-box-shadow: 0 20px 0px rgba(0,0,0, .3); 
  -moz-box-shadow: 0 20px 0px rgba(0,0,0, .3); 
 box-shadow: 30px 3px 50px 0px rgba(0,0,0,0.3);
 background-image: url(../images/img_lupe.png);
 background-repeat: no-repeat;
 background-position: right;
 height: 1.8rem;
 opacity: 0.70;
}

/*! Modul-Klassen-Suffix - ohne Rahmen */
.sfx-rahmenlos
{        
 border: 0px;
} 

/*! Modul-Klassen-Suffix - bg transparent */
.sfx-transparent
{        
 background: transparent;
 padding: 0px 0px 0px 0px; /** top right bottom left **/
 margin: 0px 0px 0px 0px; /** top right bottom left **/
} 

/*! Modul-Klassen-Suffix - ohne Rahmen */
.sfx-rahmenlos
{        
 border: 0px;
} 

/*! Modul-Klassen-Suffix - bg transparent, rahmenlos */
.sfx-trans-rahm
{        
 border: 0px;
 background: transparent;
} 

/*! Anpassungen Klasse Footer */ 
.footer
{ /** Anpassungen */
 font-size: 0.80rem;
}

.container-footer 
{ /** Hintergrundbild */
 background: url(../images/img_bg_bottama.jpg) 100% 100%/cover local; 
}

.footer a
{ /** Links */
 font-weight: bold;
}

.footer a:hover
{ /** Links mouseover */
 color: #FFFFFF; 
}

/*! Erweiterung in index.php - Formatierung Copyright Hinweis */
.copyright
{ /** Schriftgröße Links angepasst */ 
 padding: 0px 0px 15px 20px; /** top right bottom left **/
 font-size: 0.65rem;
 color: #ffffff;
 text-decoration: none;
} 

.copyright a:hover
{ /** Schriftgröße Links angepasst */ 
 color: #ffffff;
 text-decoration: underline;
} 

/** Anpassungen für Modul Facebook */
.sfx-facebook h2
{  /** Hintergrundbild Überschrift */
 background: url(../images/img_bg_ring.png) repeat-x;
 background-position: top;
 background-color: #ffffff; 
 line-height: 6px;
}

.sfx-facebook
{
 background: url(../images/img_bg_facebook.jpg) 100% 100%/cover local; 
 line-height: 5px;
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 max-height: 200px;
 margin: 0px 0px 10px 0px; /** top right bottom left **/
}

.sfx-archiv li
{ /** Formatierung der Liste / Links */
 list-style: url(../images/img_icon_li_gray.png);
 font-size: 0.8rem;
 padding: 0px 0px 15px 5px; /** top right bottom left **/
 margin: 0px 0px 0px 10px; /** top right bottom left **/
}

/** Anpassungen für Modul Archiv */
.sfx-archiv 
{
 line-height: 5px;
}

.sfx-archiv h2
{  /** Hintergrundbild Überschrift */
 background-color: #F7F7F7; 
 opacity: 0.75;
}

.sfx-archiv li
{ /** Formatierung der Liste / Links */
 list-style: url(../images/img_icon_li_gray.png);
 font-size: 0.8rem;
 padding: 0px 0px 15px 5px; /** top right bottom left **/
 margin: 0px 0px 0px 10px; /** top right bottom left **/
}

.sfx-archiv li:hover, .sfx-archiv li:active
{ /** Formatierung der Liste / Links bei mouseover */
 list-style: url(../images/img_icon_li_blue.png);
/** plus active Elemet für mouseover Effekt in ios */
 -webkit-user-select: none; 
 -webkit-touch-callout: none
}

/** Anpassungen für Modul Zuletzt Aktualisiert .... */
.sfx-latestnews 
{
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
}

.sfx-latestnews h2
{
 background: url(../images/img_bg_aktualisiert.png) no-repeat;
 background-position: right top;
 background-color: #F7F7F7; 
 opacity: 0.75;
}

.sfx-latestnews li 
{
 list-style: url(../images/img_icon_li_gray.png);
 font-size: 0.80rem;
 padding: 0px 0px 15px 5px; /** top right bottom left **/
 margin: 0px 0px 0px 10px; /** top right bottom left **/      
}

.sfx-latestnews li:hover, .sfx-latestnews li:active
{ /** Formatierung der Liste / Links bei mouseover */
 list-style: url(../images/img_icon_li_blue.png);
/** plus active Elemet für mouseover Effekt in ios */
 -webkit-user-select: none; 
 -webkit-touch-callout: none
}

/** Anpassungen für Modul Spielplanübersicht */
.sfx-anpfiff-top
{ /** Hintergrundbild */   
 background: url(../images/img_bg_anpfiff.png) 100% 100%/cover local;
 background-position: top;
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 max-height: 200px;
 margin: 0px 0px 10px 0px; /** top right bottom left **/
}

.sfx-anpfiff-top h2
{ /** Ringe in Kopf */   
 background: url(../images/img_bg_ring.png) repeat-x;
 background-position: top;
 background-color: #ffffff; 
 line-height: 6px;
}   

.sfx-anpfiff-right
{ /** Hintergrundbild */   
 background: url(../images/img_bg_anpfiff.png) 100% 100%/cover local;
 background-position: top;
 max-height: 220px;
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 margin: 0px 0px 15px 0px; /** top right bottom left **/
}

.sfx-anpfiff-right h2
{ /** Ringe in Kopf */   
 background-color: #F7F7F7; 
}   

/** Anpassungen für Modul Pressemeldungen */
.sfx-presse-top
{ /** Hintergrundbild */   
 background: url(../images/img_bg_presse.png) 90% 90%/cover local;
 background-position: top;
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 max-height: 200px;
 margin: 0px 0px 10px 0px; /** top right bottom left **/
}

.sfx-presse-top h2
{ /** Ringe in Kopf */   
 background: url(../images/img_bg_ring.png) repeat-x;
 background-position: top;
 background-color: #ffffff; 
 line-height: 6px;
}   

/** Anpassungen für Modul Video Position rechts */
.sfx-video-right
{ /** Hintergrundbild */   
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
}

/** Anpassungen für Modul Werbepartner */
.sfx-partner 
{ 
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 max-height: 200px;
 margin: 0px 0px 10px 0px; /** top right bottom left **/
}   

.sfx-partner h2
{ /** Ringe in Kopf */   
 background: url(../images/img_bg_ring.png) repeat-x;
 background-position: top;
 line-height: 6px;
}   

/** Anpassungen für Module Position top */
.sfx-top-a
{ /**  */   
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 max-height: 200px;
 margin: 0px 0px 10px 0px; /** top right bottom left **/
}

.sfx-top-a h2
{ /** Ringe in Kopf */   
 background: url(../images/img_bg_ring.png) repeat-x;
 background-position: top;
 line-height: 6px;
}   
   
/** Anpassungen für Modul Service */
.sfx-service
{ /** Hintergrundbild Überschrift */   
 background: url(../images/img_bg_pdf.png) 80% 80%/cover local;
 background-position: right top;
 box-shadow: 0 3px 5px rgba(0,0,0, .3);
 margin: 0px 0px 0px 0px; /** top right bottom left **/
}

/*! Anpassungen für dj-megamenu */
.dj-megamenu
{ /** Hintergrund ein wenig durchsichtig */   
 border: solid 2px; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 border-radius: 3px;
}

.sfx-widget-fussballde
{
 width:100% !important;
 max-width:120px !important;
}