/* 
farbe0 - weiß - #FFF 			Text #333
farbe1 - hellgrau - #CCC 		Text #333
farbe2 - dunkelgrau - #999 		Text #fff
farbe3 - rot - #E20613 			Text #fff
farbe4 - gelb - #FFD400 		Text #333
farbe5 - schearz - #000 		Text #fff
*/

:root {
  --farbe0: #fff;
  --textfarbe0: #333;
  --farbe1: #ccc;
  --textfarbe1: #333;
  --farbe2: #999;
  --textfarbe2: #fff;
  --farbe3: #E20613;
  --textfarbe3: #fff;
  --farbe4: #FFD400;
  --textfarbe4: #333;
  --farbe5: #000;
  --textfarbe5: #fff;
}

.nav-tabs {
    border-bottom: 0 solid #dee2e6;
}

/* Hintergrundfraben*/
.hg-inhalt-farbe0 { background-color: #fff; }
.hg-inhalt-farbe1 { background-color: #ccc; }
.hg-inhalt-farbe2 { background-color: #999; }
.hg-inhalt-farbe3 { background-color: #E20613; }
.hg-inhalt-farbe4 { background-color: #FFD400; }
.hg-inhalt-farbe5 { background-color: #000; }

.hg-inhalt-farbe0, .hg-inhalt-farbe0 h1, .hg-inhalt-farbe0 h2, .hg-inhalt-farbe0 h3, .hg-inhalt-farbe0 h4, .hg-inhalt-farbe0 a, .hg-inhalt-farbe0 a:hover, .hg-inhalt-farbe0 a:visited{ color: #333; }
.hg-inhalt-farbe1, .hg-inhalt-farbe1 h1, .hg-inhalt-farbe1 h2, .hg-inhalt-farbe1 h3, .hg-inhalt-farbe1 h4, .hg-inhalt-farbe1 a, .hg-inhalt-farbe1 a:hover, .hg-inhalt-farbe1 a:visited{ color: #333; }
.hg-inhalt-farbe2, .hg-inhalt-farbe2 h1, .hg-inhalt-farbe2 h2, .hg-inhalt-farbe2 h3, .hg-inhalt-farbe2 h4, .hg-inhalt-farbe2 a, .hg-inhalt-farbe2 a:hover, .hg-inhalt-farbe2 a:visited{ color: #fff; }
.hg-inhalt-farbe3, .hg-inhalt-farbe3 h1, .hg-inhalt-farbe3 h2, .hg-inhalt-farbe3 h3, .hg-inhalt-farbe3 h4, .hg-inhalt-farbe3 a, .hg-inhalt-farbe3 a:hover, .hg-inhalt-farbe3 a:visited{ color: #fff; }
.hg-inhalt-farbe4, .hg-inhalt-farbe4 h1, .hg-inhalt-farbe4 h2, .hg-inhalt-farbe4 h3, .hg-inhalt-farbe4 h4, .hg-inhalt-farbe4 a, .hg-inhalt-farbe4 a:hover, .hg-inhalt-farbe4 a:visited{ color: #333; }
.hg-inhalt-farbe5, .hg-inhalt-farbe5 h1, .hg-inhalt-farbe5 h2, .hg-inhalt-farbe5 h3, .hg-inhalt-farbe5 h4, .hg-inhalt-farbe5 a, .hg-inhalt-farbe5 a:hover, .hg-inhalt-farbe5 a:visited{ color: #fff; }

/* Hintergrundbildposition */
.hg-standard {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1920px auto;
}
.hg-max1440 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1440px auto;
}
.hg-max1200 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1200px auto;
}
.hg-breite-zoom{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.hg-breite-repeat{
    background-position: center top;
    background-repeat: repeat-x;
}
.hg-hoehe-zoom{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.hg-hoehe-repeat{
    background-position: center top;
    background-repeat: repeat-y;
}
.hg-flaeche-zoom {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.hg-flaeche-repeat{
	background-position: center top;
	background-repeat: repeat;
}



/* Pfeil Hintergründe */
.mit-cursor{
	cursor: pointer;
}
.ohne-cursor{
	cursor: default;
}

.hg-pfeil-bg-weiss-grau,
.hg-pfeil-bg-schwarz-grau,
.hg-pfeil-bg-rot-grau {
	background-color: #646363;
}
.hg-pfeil-bg-grau-weiss,
.hg-pfeil-bg-schwarz-weiss,
.hg-pfeil-bg-rot-weiss {
	background-color: #fff;
}

.hg-pfeil-bg-grau-schwarz,
.hg-pfeil-bg-weiss-schwarz,
.hg-pfeil-bg-rot-schwarz{
	background-color: #000000;
}

.hg-pfeil-bg-grau-rot,
.hg-pfeil-bg-schwarz-rot,
.hg-pfeil-bg-weiss-rot {
	background-color: #aa2322;
}


/* Pfeil Farbe */
.hg-pfeil {
	border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 40px solid #aa2322;
    height: 0;
    margin: 0 auto;
    width: 0;
}
.hg-pfeil-weiss-grau,
.hg-pfeil-weiss-schwarz,
.hg-pfeil-weiss-rot {
    border-top: 40px solid #fff;
}
.hg-pfeil-schwarz-weiss,
.hg-pfeil-schwarz-grau,
.hg-pfeil-schwarz-rot {
    border-top: 40px solid #000000;
}
.hg-pfeil-grau-weiss,
.hg-pfeil-grau-schwarz,
.hg-pfeil-grau-rot {
    border-top: 40px solid #646363;
}
.hg-pfeil-rot-weiss,
.hg-pfeil-rot-schwarz,
.hg-pfeil-rot-grau {
    border-top: 40px solid #aa2322;
}


/* Abstände */
.hg-inhalt {
	padding-top: 0;
	padding-bottom: 20px;
}

.abstandoben-ohne { padding-top: 0; }
.abstandoben-schmal { padding-top: 10px; }
.abstandoben-20 { padding-top: 20px; }
.abstandoben-mittel { padding-top: 50px; }
.abstandoben-breit { padding-top: 100px; }

.abstandunten-ohne { padding-bottom: 0; }
.abstandunten-schmal { padding-bottom: 10px; }
.abstandunten-mittel { padding-bottom: 50px; }
.abstandunten-breit { padding-bottom: 100px; }

/* Accordion */
.panel-heading  {border-top: 10px solid #fff;}
.panel-heading .panel-title { margin-bottom: 0; }
.panel-heading h3 { padding: 10px 0 10px 10px }
.bereich0 .panel-heading h3 { background-color: #E20613; }
.bereich1 .panel-heading h3 { background-color: #E20613; }
.bereich2 .panel-heading h3 { background-color: #FFD400; }
.bereich3 .panel-heading h3 { background-color: #008ED5; }
.bereich4 .panel-heading h3 { background-color: #009636; }
.bereich0 .panel-heading h3 a { color: #fff; }
.bereich1 .panel-heading h3 a { color: #fff; }
.bereich2 .panel-heading h3 a { color: #fff; }
.bereich3 .panel-heading h3 a { color: #fff; }
.bereich4 .panel-heading h3 a { color: #fff; }
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px dashed;
	border-top: 0;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}
.collapsed .caret {
    border-bottom: 0;
    border-top: 10px dashed;
}

.panel-collapse { padding: 20px 10px 10px 10px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-top: 0; border-style:solid;  }
.bereich0 .panel-collapse { border-color: #E20613; }
.bereich1 .panel-collapse { border-color: #E20613; }
.bereich2 .panel-collapse { border-color: #FFD400; }
.bereich3 .panel-collapse { border-color: #008ED5; }
.bereich4 .panel-collapse { border-color: #009636; }

.panel-group { margin-bottom: 40px;}


/* Tabs */
.tab-container { border-bottom: 2px solid; }
.tab-container li { padding: 0; margin-right:10px; }
.tab-container h3 { 
	padding: 2px 7px;
    margin: 0;
	border-style: solid;
	border-width: 5px;
}


.bereich0 .tab-container { border-color: #E20613; }
.bereich1 .tab-container { border-color: #E20613; }
.bereich2 .tab-container { border-color: #FFD400; }
.bereich3 .tab-container { border-color: #008ED5; }
.bereich4 .tab-container { border-color: #009636; }

.bereich0 .tab-container li h3 { border-color: #E20613; }
.bereich1 .tab-container li h3 { border-color: #E20613; }
.bereich2 .tab-container li h3 { border-color: #FFD400; }
.bereich3 .tab-container li h3 { border-color: #008ED5; }
.bereich4 .tab-container li h3 { border-color: #009636; }

.bereich0 .tab-container li h3 a { color: #E20613; }
.bereich1 .tab-container li h3 a { color: #E20613; }
.bereich2 .tab-container li h3 a { color: #FFD400; }
.bereich3 .tab-container li h3 a { color: #008ED5; }
.bereich4 .tab-container li h3 a { color: #009636; }

.bereich0 .tab-container li h3:hover, .bereich0 .tab-container li.active h3 { background-color: #E20613; }
.bereich1 .tab-container li h3:hover, .bereich1 .tab-container li.active h3 { background-color: #E20613; }
.bereich2 .tab-container li h3:hover, .bereich2 .tab-container li.active h3 { background-color: #FFD400; }
.bereich3 .tab-container li h3:hover, .bereich3 .tab-container li.active h3 { background-color: #008ED5; }
.bereich4 .tab-container li h3:hover, .bereich4 .tab-container li.active h3 { background-color: #009636; }

.bereich0 .tab-container li h3:hover a, .bereich0 .tab-container li.active h3 a  { color: #fff; }
.bereich1 .tab-container li h3:hover a, .bereich1 .tab-container li.active h3 a  { color: #fff; }
.bereich2 .tab-container li h3:hover a, .bereich2 .tab-container li.active h3 a { color: #fff; }
.bereich3 .tab-container li h3:hover a, .bereich3 .tab-container li.active h3 a  { color: #fff; }
.bereich4 .tab-container li h3:hover a, .bereich4 .tab-container li.active h3 a  { color: #fff; }


.tab-content { margin-bottom: 40px; padding: 20px 10px 10px 10px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-top: 0; border-style:solid;  }
.bereich0 .tab-content { border-color: #E20613; }
.bereich1 .tab-content { border-color: #E20613; }
.bereich2 .tab-content { border-color: #FFD400; }
.bereich3 .tab-content { border-color: #008ED5; }
.bereich4 .tab-content { border-color: #009636; }