/* Definieren von Grundfarben im System */

:root {
  --hauptfarbe: #881728; /* gotha dunkelrot */
  --hauptfarbe_alternativ: #B4273D; /* hellere Version des rot */
  --hauptfarbe_hellhinterg: #fff5e5; /* leicht gefärbtes hellgrau in Richtung orange */
  --hauptfarbe_dunkelhinterg: #eed6d9; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #E09D01; /* orange */
  
  color-scheme: auto !important;
  
  --fontfam:'Catamaran', sans-serif;
  --fontfam_auszeichnung:'Caveat Brush', cursive;
}

/* Definieren von Grundwerten im System */

:root {
  --borderradius: 5px; /* Standard Border Radius */
}

h1, h2, h3, h4, h5, h6, h7, h8, p, a, li, td, div {font-family: var(--fontfam);}
h6, h7, h8, p, a, li, td, div {font-size: 1.1rem; line-height: 1.6rem; font-weight: 400;}

a {color: var(--hauptfarbe); transition: 0.2s;}
a:hover {color: var(--zweitfarbe);}

hr {height: 3px; width: 100%; border: none; background-color: var(--hauptfarbe); margin: 8vh 0;}

body {background-size: cover; background-position: center;}




#navigation ul li a.aktiv {color: var(--zweitfarbe); font-weight: 600; text-transform: uppercase;}
#navigation ul li a.aktiv:hover {color: var(--zweitfarbe); letter-spacing: 2px;}
#navigation ul li a:hover {color: var(--zweitfarbe);}




#navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: var(--hauptfarbe_alternativ);}


#rahmen {}

#bilderleiste {height: 30vh;}
#bilderleiste a {height: 70%; max-width: 90%;}
#bilderleiste a img {max-width: 100%;}

.indiv_seitenvorlage {display: flex; flex-wrap: wrap;}

#inhalt {position: relative;}


#inhalt #content {padding-right: 0px !important; flex: 3; align-items: center;}



#inhalt .aktivleiste_vorschau {padding: 10px;}


.nurtext_global h3 {margin: 10px 0 5px 0; color: var(--hauptfarbe); font-size: 1.2rem; line-height: 1.8rem;}
.nurtext_global .nurtext_text_div p {}


.multibox_standard {grid-template-columns: auto; justify-content: flex-start;}
.multibox_standard .bst_erstellungsdaten_anordnung3 {grid-column-start: 2; grid-column-end: 4; order: -3; text-align: left; max-width: 700px; margin-bottom: 10px;}
.multibox_standard .bst_ue1_anordnung3 {text-align: left; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 2.4rem; line-height: 2.6rem; margin: -2px 0 15px 0;}
.multibox_standard .bst_ue2_anordnung3 {grid-column-start: 2; grid-column-end: 4; max-width: 700px; text-align: left; font-size: 1.8rem; line-height: 2.2rem; margin-bottom: 10px; font-weight: 400; margin: -15px 0 15px 0; font-family: var(--fontfam_auszeichnung); color: var(--zweitfarbe);}

.multibox_standard .bst_text_anordnung3 p, .multibox_standard li {font-size: 1.1rem; line-height: 1.6rem; text-align: left; font-weight: 400; color: var(--hauptfarbe);}
.multibox_standard .bst_mb_bilder_anordnung3 {grid-row-end: 20;}



.multibox_standard .bst_text_mehr_lesen_link_anordnung3 {display: flex; grid-column-start: 2;}


 
.multibox_standard .mb_linkausgabe, .multibox_standard .kt_link_ul li a, .multibox_standard .bst_text_mehr_lesen_link_anordnung3 a {display: flex; max-width: 700px; background-color: var(--hell); padding: 6px 15px; justify-self: flex-start; color: var(--hauptfarbe); border: 3px solid var(--hauptfarbe); border-radius: 0; transition: 0.2s; font-size: 1rem; line-height: 1.5rem; font-family: var(--fontfam); text-transform: uppercase; letter-spacing: 1px; font-weight: 500; margin: 10px 0;}
.multibox_standard .mb_linkausgabe:hover {background-color: var(--lig_rot); color: var(--hell);}
.multibox_standard .kt_link_ul li a {margin: 7px;}
.multibox_standard .kt_link_ul li a:hover {background-color: var(--lig_gelb); color: var(--hauptfarbe);}
.multibox_standard .bst_text_mehr_lesen_link_anordnung3 a:hover {background-color: var(--lig_blau); color: var(--hell);}




.multibox_standard .kt_link_ul {padding: 0; margin: 0; grid-column-start: 2; grid-column-end: 4; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;}
.multibox_standard .kt_link_ul li {list-style-type: none; display: flex; flex-wrap: wrap;}
.multibox_standard .kt_link_ul li a {}



.kurztext_global {background-color: white; border-radius: 0; margin: 30px 0; padding: 4%; width: 92%;} 
.kurztext_global h3 {color: var(--zweitfarbe); margin: 10px 0 20px 0;}




#fuss {background-color: var(--hauptfarbe_hellhinterg); display: flex; flex-direction: column;}
#fuss_erste_zeile {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; min-height: 15vh; align-items: flex-end;}
#fuss_erste_zeile a {height: 20vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 1.5vh 3vw;}
#fuss_erste_zeile a img {height: 65%; transition: 0.2s;}
#fuss_erste_zeile a img:hover {height: 75%;}
#fuss_erste_zeile a:last-of-type img {height: 90%; transition: 0.2s;}
#fuss_erste_zeile a:last-of-type img:hover {height: 95%;}

#fuss_mitte {padding: 3vh 4vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#fuss_mitte a {color: var(--hauptfarbe); padding: 10px 30px; text-transform: uppercase; letter-spacing: 1px; transition: 0.2s; height: auto; font-weight: 500;}
#fuss_mitte a:hover {color: var(--zweitfarbe);}







@media screen and (max-width: 768px) {

 #bilderleiste {height: 20vh;}
 
 h1, h2, h3, h4, h5, h6, h7, h8, p, a, li, td, div {hyphens: auto;}

.multibox_standard {display: flex; flex-direction: column; margin: 10vh 0;}
.multibox_standard .bst_ue1_anordnung3 {font-size: 1.8rem; line-height: 2.2rem; order: -2;}
.multibox_standard .bst_ue2_anordnung3 {order: -1; font-size: 1.4rem; line-height: 1.6rem;}
.multibox_standard .bst_text_anordnung3 p, .multibox_standard li {font-size: 0.9rem; line-height: 1.3rem;}
.multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; margin-bottom: 20px;}

#fuss_erste_zeile {justify-content: center;}

}








/* catamaran-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/catamaran-v19-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/catamaran-v19-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/catamaran-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/catamaran-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/catamaran-v19-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/catamaran-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/catamaran-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/catamaran-v19-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* catamaran-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/catamaran-v19-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/catamaran-v19-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* caveat-brush-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-brush-v11-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/caveat-brush-v11-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}