@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: #007740;  /** Hauptfarbe des Templates */
  --cassiopeia-color-link: #2E4E74;     /** gibt die Farbe an, in der Links dargestellt werden */
  --cassiopeia-color-hover: #63AC8A;    /** 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: 1.10rem;
 font-weight: 380;
 line-height: 1.4;
} 

 .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 **/
}

/*! Anpassungen Header */
.header:before
{  /** Header angepaßt - rechts oben Ecke abgeknickt  */
 content: ''; 
 position: absolute; 
 top: 0; 
 right: 0; 
 border-top: 90px solid #ffffff; 
 border-left: 90px solid #007740; 
 box-shadow: -5px 5px 5px #CDCDCD;         
}

/*! 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;
} 

.sfx-topa1
{ /** Hintergrundbild 1 Position top-a */  
 background: url(../images/img_bg_topa1.jpg) 100% 100%/cover local; 
 border: 0px;
 min-height: 210px;
}

.sfx-topa2
{ /** Hintergrundbild 2 Position top-a */  
 background: url(../images/img_bg_topa2.jpg) 100% 100%/cover local; 
 border: 0px;
 min-height: 210px;
}

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

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

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

/*! Anpassungen Link generell  */ 
a, .a
{ /** Link generell  */ 
 color: #007740; 
}

a:hover, .a:hover
{ /** Link generell  */ 
 color: #D15E00;
}

/*! Anpassungen Link Überschriften - kein Unterstrich */ 
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;
}

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

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

.container-header .navbar-brand img 
{ /** Logo/Bild Größe verändert */ 
  text-decoration: none;
}

/*! 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;
 background: #ffffff;
 color: #000000;
 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;
 background: #ffffff;
 color: #000000;
 height: 1.8rem;
 opacity: 0.70;
}

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

/*! 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 */
 background: #047943;
 font-size: 0.80rem;
}

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

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

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

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

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

.sfx-archiv li
{ /** Formatierung der Liste / Links */
 list-style: url(../images/img_icon_li_gray.png);
 font-size: 0.90rem;
 color: #000000;
 font-weight: bold;
 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_green.png);
/** plus active Elemet für mouseover Effekt in ios */
 -webkit-user-select: none; 
 -webkit-touch-callout: none
}

/** Anpassungen für Modul Konakt */
.sfx-kontakt
{ /** Hintergrundbild  */  
 background: url(../images/img_bg_kontakt.png) top 40px right 5px no-repeat; 
}

/*! Anpassungen für dj-megamenu */
ul.dj-megamenu li a.dj-up_a
{ /** Schriftgröße Hauptmenüleiste */   
 font-size: 16px;
 font-weight: bold;
 padding: 0 15px;   /** Abstände der Menülinks */ 
}

.dj-megamenu li ul.dj-submenu > li > a
{ /** Schriftgröße Untermenüleiste */ 
 font-size: 14px;
 font-weight: bold;
}