/* Definieren von Grundfarben*/

:root {
  --hauptfarbe: #8e1013; /* rot mediamor */
  --hauptfarbe_alternativ: #700002; /* dunklere Version des rot */
  --hauptfarbe_hellhinterg: #ede5e0; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #a9d1d7; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #002d66; /* mediamor blau */
  --hell: #ffffff; /* weiß */
  --hell_transparent: #ffffff45; /* weiß, stark durchsichtig */
  --hell_wenig_transparent: #ffffffab; /* weiß, wenig durchsichtig */
  --hellgrau: #eaeaea; /* helles grau */
  --mittelgrau: #afafaf; /* mittelgrau - zwischen hellgrau und grau */
  --grau: gray; /* grau */
  --dunkelgrau: #696969; /* dunkelgrau */
  --schwarzgrau: #404040; /* besonders dunkeles grau */
  --dunkel: #000000; /* schwarz */
  --hinweis: darkgreen; /* dunkelgrün */
  --meldung: #900; /* dunkelrot */
}



/*---------------------------- Schriftarten und Größen -------------------------------*/
h1, h2, h3 {font-family: 'Roboto', sans-serif; color: var(--hauptfarbe); font-size: 2rem; line-height: 3rem; font-weight: normal;}
#inhalt h1 {font-family: 'Roboto', sans-serif; color: var(--hauptfarbe); font-size: 2rem; line-height: 3rem; font-weight: normal;}
.kurztext_global h3 {font-family: 'Roboto', sans-serif; color: var(--hauptfarbe); font-size: 2rem; line-height: 3rem; font-weight: normal;}
#inhalt #news_ausgabekasten .kurztext_global h3, .datei_download_multi h3 {font-family: 'Roboto', sans-serif; color: var(--hauptfarbe); font-size: 1.4rem; line-height: 2rem; font-weight: 500;}

p, li, a, div {font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
.nurtext_global .nurtext_text_div p {font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#inhalt .kurztext_global .kurztext_text_div p, .datei_download_multi .download_beschreibung p {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 0.95rem; line-height: 1.6rem; margin-bottom: 10px;}
a {font-weight: 500; text-align: center;}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div {font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular p {font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular label {font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular fieldset legend {font-family: 'Roboto', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}

.nurtext_global h3 {font-family: 'Roboto', sans-serif; color: var(--hauptfarbe); font-size: 1.6rem; line-height: 2.4rem; font-weight: normal; margin: 0 0 8px 0;}


strong {font-weight: 600;}





/*----------------------------- Allgemein ---------------------------------------------------------*/

a {color: #8e1013; font-weight: bold;}
a:hover {text-decoration: underline;}

html pre {display: none;}

.inhalt_seitenvorlage {margin: 60px 0;}

#rahmen {min-height: 80vh;}

#vorl200_sprungmarken_bausteinbereiche li a {font-weight: normal;}
#vorl200_sprungmarken_bausteinbereiche li a:hover {text-decoration: none;}

.inhalt_6 .bstb_intuitiv {padding-top: 6vh;}



@media (max-width: 930px) 
 {
  .inhalt_seitenvorlage {margin: 60px 0;}
  iframe {width: 100%; height: 300px;}
 }


@media screen and (max-width: 768px) {
 #inhalt .inhalt_seitenvorlage {margin-top: 30px;}
 
 #vorl200_sprungmarken_bausteinbereiche li a {font-size: 0.75rem; line-height: 0.9rem;}
}


/*----------------------------- Navigation ---------------------------------------------------------*/

#navigation {order: 1; background-color: #ffffffb3; justify-content: flex-end; transition: 0.3s; position: fixed;}
#navigation:hover {background-color: white; box-shadow: 0 8px 8px #00000015, 0px 3px 3px #00000040;}
#navigation.scrolled_down {background-color: white; box-shadow: 0 8px 8px #00000015, 0px 3px 3px #00000040;}
#navigation ul {width: auto;}
#navigation ul li {width: auto;}
#navigation ul li a {color: #525252; padding: 0 20px; font-size: 0.95rem; letter-spacing: 0.3px; font-weight: normal;}
#navigation ul li a.aktiv {color: black; letter-spacing: 1px;}

#navigation ul li ul {background-color: white; position: absolute; box-shadow: 0 10px 10px #00000015, 0px 5px 5px #00000040;}
#navigation ul li ul li a {text-align: left; justify-content: flex-start; height: auto; min-height: 25px; padding: 8px 20px;}




#navi_mobile_2020 {background-color: white; box-shadow: 0 8px 8px #00000015, 0px 3px 3px #00000040;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_button {background-image: url(/bilder/button_mobil/burgermenu_symbol_rgb80.svg); opacity: 0.5;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_menu_text {color: #a8a8a8;}

#navi_mobile_2020 #navi_mobile_2020_inhalt ul li a.aktiv, #navi_mobile_2020 #navi_mobile_2020_inhalt ul li .navi_mobil_e1_flexbox a.aktiv {border-color: black; color: black;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li .navi_mobil_e1_flexbox a {color: #4c4c4c;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li a {color: #4c4c4c;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li .navi_mobil_e1_flexbox .auf_zu_mobilenavi_btn span.navi_unterebene_aufklappen {background-image: url(/bilder/button_mobil/burgermenu_symbol_aufklappen_rgb80.svg); opacity: 0.5}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li .navi_mobil_e1_flexbox .auf_zu_mobilenavi_btn span.navi_unterebene_zuklappen {background-image: url(/bilder/button_mobil/burgermenu_symbol_einklappen_rgb80.svg); opacity: 0.5}

#navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: #eaeaea;}





/*----------------------------- Bilderleiste ---------------------------------------------------------*/

#bilderleiste {position: fixed; z-index: 20; height: auto; width: auto; left: 0; top: 0; background-color: white; border-bottom-right-radius: 5px; box-shadow: 0 8px 8px #00000015, 0px 3px 3px #00000040; transition: 0.3s;}
#bilderleiste.scrolled_down {box-shadow: none;}
#bilderleiste #logo_mediamor {height: 100px; background-image: url(/individuell/bilder/mediamor_logo.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 250px; margin: 15px 40px; transition: 0.3s;}
#bilderleiste #logo_mediamor.scrolled_down {height: calc(5vh - 12px); min-width: 70px; width: 4vw; margin: 6px; background-image: url("/individuell/bilder/mediamor_logo_kurz.svg");}



@media (max-width: 930px) 
 {
  #bilderleiste {position: absolute; top: 6vh; left: 20px; right: 20px; border-radius: 5px;}
 }






/*----------------------------- Landing Page Header ---------------------------------------------------------*/

#indiv_vorlage1001 {margin-top: 0;}
#startseite_landingpage {margin-left: calc((100vw - 100%) / -2); margin-right: calc(((100vw - 100%) / -2) - -10px); width: calc(100vw - 10px); height: 75vh; overflow: hidden; display: flex; justify-content: center; align-items: center; object-fit: cover; position: relative;}
#startseite_landingpage img {min-width: 100%; min-height: 100%; object-fit: cover;}
#startseite_landingpage #overlay_landingpage {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #00000050;}
#startseite_landingpage #text_landingpage {position: absolute; color: white; font-size: 3rem; left: calc((100vw - 1200px) / 2); bottom: 20vh; letter-spacing: 1px}
#startseite_landingpage #text_landingpage::after {content: 'kreative Ideen'; animation: landingpage_text 8s linear infinite normal; letter-spacing: 3px;   
 -webkit-animation-name: landingpage_text;
 -webkit-animation-duration: 8s; 
 -webkit-animation-timing-function: linear; 
 -webkit-animation-direction: normal;
 -webkit-animation-iteration-count: infinite;} /*-- die Animation funktioniert immer noch nicht auf Apple Geräten - Verzweiflung am 01.03.2021 - Ergänzung: content in animationen ist wohl nicht vorgesehen und funktioniert deshalb in nicht allen Browsern. Deshalb gibt es jetzt einen statischen Inhalt im content Bereich für all die, wo die Animation nicht funktioniert. - https://css-tricks.com/animating-the-content-property/ --*/


@keyframes landingpage_text {
 0% {content: '|';}
 2% {content: 'k|';}
 4% {content: 'kr|';}
 6% {content: 'kre|';}
 8% {content: 'krea|';}
 10% {content: 'kreat|';}
 12% {content: 'kreati|';}
 14% {content: 'kreativ|';}
 16% {content: 'kreative |';}
 18% {content: 'kreative I|';}
 20% {content: 'kreative Id|';}
 22% {content: 'kreative Ide|';}
 24% {content: 'kreative Idee|';}
 26% {content: 'kreative Ideen|';}
 28% {content: 'kreative Ideen';}
 40% {content: '|';}
 42% {content: 'p|';}
 44% {content: 'pr|';}
 46% {content: 'pro|';}
 48% {content: 'prof|';}
 50% {content: 'profe|';}
 52% {content: 'profes|';}
 54% {content: 'profess|';}
 56% {content: 'professi|';}
 58% {content: 'professio|';}
 60% {content: 'profession|';}
 62% {content: 'professione|';}
 64% {content: 'professionel|';}
 66% {content: 'professionell|';}
 68% {content: 'professionelle |';}
 70% {content: 'professionelle U|';}
 72% {content: 'professionelle Um|';}
 74% {content: 'professionelle Ums|';}
 76% {content: 'professionelle Umse|';}
 78% {content: 'professionelle Umset|';}
 80% {content: 'professionelle Umsetz|';}
 82% {content: 'professionelle Umsetzu|';}
 84% {content: 'professionelle Umsetzun|';}
 86% {content: 'professionelle Umsetzung|';}
 90% {content: 'professionelle Umsetzung';}
 100% {content: 'professionelle Umsetzung';}
}

@-webkit-keyframes landingpage_text {
 0% {content: '|';}
 2% {content: 'k|';}
 4% {content: 'kr|';}
 6% {content: 'kre|';}
 8% {content: 'krea|';}
 10% {content: 'kreat|';}
 12% {content: 'kreati|';}
 14% {content: 'kreativ|';}
 16% {content: 'kreative |';}
 18% {content: 'kreative I|';}
 20% {content: 'kreative Id|';}
 22% {content: 'kreative Ide|';}
 24% {content: 'kreative Idee|';}
 26% {content: 'kreative Ideen|';}
 28% {content: 'kreative Ideen';}
 40% {content: '|';}
 42% {content: 'p|';}
 44% {content: 'pr|';}
 46% {content: 'pro|';}
 48% {content: 'prof|';}
 50% {content: 'profe|';}
 52% {content: 'profes|';}
 54% {content: 'profess|';}
 56% {content: 'professi|';}
 58% {content: 'professio|';}
 60% {content: 'profession|';}
 62% {content: 'professione|';}
 64% {content: 'professionel|';}
 66% {content: 'professionell|';}
 68% {content: 'professionelle |';}
 70% {content: 'professionelle U|';}
 72% {content: 'professionelle Um|';}
 74% {content: 'professionelle Ums|';}
 76% {content: 'professionelle Umse|';}
 78% {content: 'professionelle Umset|';}
 80% {content: 'professionelle Umsetz|';}
 82% {content: 'professionelle Umsetzu|';}
 84% {content: 'professionelle Umsetzun|';}
 86% {content: 'professionelle Umsetzung|';}
 90% {content: 'professionelle Umsetzung';}
 100% {content: 'professionelle Umsetzung';}
}


@media (max-width: 1300px) 
 {
  #startseite_landingpage #text_landingpage {width: 94%; padding: 0 3%; left: 0;}
 }

@media (max-width: 930px) 
 {
  #startseite_landingpage {width: 100%; margin-left: 0; margin-right: 0; height: 60vh;}
  #startseite_landingpage #text_landingpage {left: 10px; right: 10px; font-size: 2.5rem; line-height: 3.2rem;}
 }









/*----------------------------- Inhalt ---------------------------------------------------------*/

#kontaktformular fieldset {background-color: rgb(219 227 239);}
#kontaktformular fieldset legend {background-color: rgb(0 45 102);}
#kontaktformular #kontaktform_senden input[value="Anfrage senden"] {background-color: rgb(0 45 102);}


#inhalt h1 {font-weight: 400; font-size: 2rem; line-height: 2.8rem; margin-bottom: 0; letter-spacing: 0.5px;}
#inhalt h2 {font-weight: 400; font-size: 1.4rem; line-height: 2rem; color: var(--mittelgrau); margin: 0 0 10px 0;}
#inhalt h4 {font-weight: 500; font-size: 1rem; line-height: 1.8rem; color: var(--dunkelgrau); margin: 0 0 10px 0; letter-spacing: 0.5px;}



#inhalt #button_zeile {margin: 50px 0;}
#inhalt #button_zeile .button_webamor {background-color: var(--hauptfarbe); color: white; border-radius: 5px; padding: 15px 50px; letter-spacing: 1px; font-weight: normal; transition: 0.25s;}
#inhalt #button_zeile .button_webamor:hover {background-color: var(--hauptfarbe_alternativ); text-decoration: none;}



#inhalt #bausteinbereiche_bausteine_1 .kurztext_global, #inhalt #bausteinbereiche_bausteine_2 .kurztext_global, #inhalt #bausteinbereiche_bausteine_3 .kurztext_global, #inhalt #bausteinbereiche_bausteine_4 .kurztext_global, #inhalt #bausteinbereiche_bausteine_5 .kurztext_global, #inhalt .kurztext_global {background-color: var(--hauptfarbe_hellhinterg); border-bottom: 5px solid #8e1013; border-radius: 0;}
#inhalt #bausteinbereiche_bausteine_1 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_2 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_3 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_4 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_5 .kurztext_global h3, #inhalt .kurztext_global h3 {font-size: 1.8rem; line-height: 2.4rem; color: #8e1013; font-weight: normal;}




#inhalt #bausteinbereiche_bausteine_1 .nurbild_global .nurbild_bilderleiste, #inhalt #bausteinbereiche_bausteine_2 .nurbild_global .nurbild_bilderleiste, #inhalt #bausteinbereiche_bausteine_3 .nurbild_global .nurbild_bilderleiste, #inhalt #bausteinbereiche_bausteine_4 .nurbild_global .nurbild_bilderleiste, #inhalt #bausteinbereiche_bausteine_5 .nurbild_global .nurbild_bilderleiste {width: 100%;}


.nurtext_global {margin: 10px 0; padding: 20px;}
.datei_download_multi {margin: 10px 0; padding: 20px; background-color: var(--hauptfarbe_hellhinterg); width: calc(100% - 40px)}
.datei_download_multi a {word-break: break-all;}




/*------------------------- Boxlayout Kurztexte Startseite ---------------------------*/

#bstb_bausteine_boxen_print {display: flex; justify-content: center; flex-wrap: wrap;}
#bstb_bausteine_boxen_print .kurztext_global {display: flex; justify-content: center; flex-wrap: wrap; flex: 1; min-width: 30%; max-width: 50%; margin: 30px; background-color: var(--hauptfarbe_hellhinterg); padding: 20px; border-radius: 10px; border-bottom: none; box-shadow: rgb(183 183 183 / 70%) 0px 7px 20px 0px;}
#bstb_bausteine_boxen_print .kurztext_global h3 {font-size: 1.4rem; line-height: 2rem; color: var(--hauptfarbe); width: 100%; font-weight: 500; letter-spacing: 0.5px;}
#bstb_bausteine_boxen_print .kurztext_global:first-of-type {margin-top: auto;}
#bstb_bausteine_boxen_print .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-direction: column; width: 100%;}
#bstb_bausteine_boxen_print .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: calc(100% + 40px) !important; margin: -20px 0 10px -20px !important; position: relative;}
#bstb_bausteine_boxen_print .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten {width: 100%; margin: 0; padding: 0;}
#bstb_bausteine_boxen_print .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten form input[type="image"] {width: 100%;}
#bstb_bausteine_boxen_print .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important; margin-top: 0 !important;}
#bstb_bausteine_boxen_print .kurztext_global .kurztext_nur_der_text .kurztext_text_div h3 {margin: 0 0 8px 0;}
#bstb_bausteine_boxen_print .kurztext_global p.bildunterschrift {width: calc(100% - 40px) !important; padding: 20px; position: absolute; bottom: 8px; /*background: var(--hauptfarbe_hellhinterg); background: linear-gradient(0deg, var(--hauptfarbe_hellhinterg) -50%, rgba(255,255,255,0) 100%);*/ border-bottom: 3px solid var(--hauptfarbe);}



@media screen and (max-width: 768px) {
 #bstb_bausteine_boxen_print .kurztext_global {width: 100%; max-width: 100%; flex: unset; margin: 15px 0;}

}






/*------------------------- Aktuelles ---------------------------*/
#inhalt #news_ausgabekasten {padding: 30px 0;}
#inhalt #news_ausgabekasten .kurztext_global {font-family: 'Roboto', sans-serif; flex: 1; min-width: 40%; max-width: 50%; margin: 15px; padding: 20px; background-color: var(--hauptfarbe_hellhinterg)}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div a {color: var(--zweitfarbe);}


#vorlage642 .kurztext_global {padding: 20px;}
#vorlage642 hr {display: none;}
#vorlage642 input[type="submit"] {background-color: var(--hauptfarbe); color: white; border-radius: 5px; padding: 10px 20px; letter-spacing: 1px; font-weight: normal; transition: 0.25s; border: none; margin: 10px;}
#vorlage642 input[type="submit"]:hover {background-color: var(--hauptfarbe_alternativ); text-decoration: none;}

.textblock {display: flex; flex-direction: column;}
#btn_alle_news {background-color: var(--hauptfarbe); color: white; border-radius: 5px; padding: 10px 20px; letter-spacing: 1px; font-weight: normal; transition: 0.25s; border: none; margin: 10px 0 40px 0;}
#btn_alle_news:hover {background-color: var(--hauptfarbe_alternativ); text-decoration: none;}




#inhalt #bausteinbereiche_bausteine_1 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_2 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_4 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_5 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {width: auto; max-width: 100%;}



@media screen and (max-width: 768px) {
 #inhalt #news_ausgabekasten .kurztext_global {width: 100%; max-width: 100%;}
}






/*----------------------------- Fuß ---------------------------------------------------------*/

#fuss {background-color: #0e1a2b; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 100%; height: auto; padding-top: 0px; padding-right: 0; padding-bottom: 0; position: relative;  z-index: 95;}

#fuss ul {position: relative; top: 0px; margin: 0px; padding: 0px; display: flex; }

#fuss #flex {display: flex; flex-wrap: wrap; justify-content: center;}


#fuss .fuss_link { width: 281px; height: auto; margin: 20px;}
#fuss .fuss_link a {color: #fff;}

#fuss .fuss_link img {position: relative; top: 103px; background-color: #ffffff73; border-radius: 10px; left: 370px;}

#fuss .fuss_link li {list-style: none;}
#fuss .fuss_link ul li a {position: relative; width: 60px; height: 60px; display: block; text-align: center; margin: 0 10px; padding: 6px; box-sizing: border-box; text-decoration: none; transition: .5s;}


#fuss .fuss_link ul li a .fa {width: 100%; height: 100%; font-size: 30px; color: #fff; transition: .5s;}

#fuss .fuss_link ul li:nth-child(1) a:hover .fa {color: #ff0000;}

#fuss .fuss_link ul li:nth-child(2) a:hover .fa {color: #3b5998;}


#fuss .fuss_link ul li:nth-child(3) a:hover .fa {color: #c32aa3;}
 



.fuss_adresse {width: 281px; height: auto; margin: 20px; position: relative;}

.fuss_adresse h3 { color: #fff; font-size: 18px; text-align: left;}

#fuss .fuss_adresse p, .fuss_adresse a {color: #fff; text-align: left; text-decoration-line: none;}



.offnen_zeiten {width: 281px; height: auto; margin: 20px; position: relative;}
.offnen_zeiten p, .offnen_zeiten a {color: #fff; text-align: left;}

.offnen_zeiten h3 {color: #fff; font-size: 18px; text-align: left;} 


.fuss_unten {background-color: #8e0f12;  height: 55px;}
.fuss_unten a { color: #fff; position: relative; top: 15px; text-decoration-line: none; padding: 10px;}








/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto-v29-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts/roboto-v29-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/roboto-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v29-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/roboto-v29-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}




/*---------------------------------- ab hier ist alt - auskommentiert am 15.02.2021 ---------------------------------------------------------- */



















/*#navigation { background-image: url(/individuell/Hintergrund-navi.jpg); background-repeat: repeat-x; }

#rahmen { margin-top: 22px; }

.text {font-family: Constantia, Cambria, sans-serif;
	   letter-spacing: 0.5px;
	   line-height: 1.4;
	   font-size: 0.9em;}

p {font-family: Constantia, Cambria, sans-serif;
   letter-spacing: 0.5px;
   line-height: 1.4;
   font-size: 0.9em;}

h1 {font-family: Constantia, Cambria, sans-serif;
    font-size: 1.2em;}

h2 {font-family: Constantia, Cambria, sans-serif;}

h3 {font-family: Constantia, Cambria, sans-serif;}

.kurztext_global {background-color: #E3E4E5; border: 1px solid #01539f;}

.kurztext_global h3{font-family: Constantia, Cambria, sans-serif;
                    color: white;
                    font-size: 1em;
                    background-color: #01539f;
                    line-height: 25px;
                    margin: -8px -8px 0 -12px;
                    padding: 2px 10px;
                    position: relative;}
                    
.kurztext_global .kurztext_text_div p{font-family: Constantia, Cambria, sans-serif;
									  font-size: 0.9em;}

#inhalt li {font-family: Constantia, Cambria, sans-serif;
			font-size: 0.9m;
			list-style-image: url(/bilder/listenpunkt_mediamor.png);
			line-height: 1.4;}

#navigation li a {font-family: Constantia, Cambria, sans-serif;}

a, a:visited {font-family: Constantia, Cambria, sans-serif;} */
/*
#rahmen 
{
 border-top-right-radius: none;
 border-top-left-radius: none;
 border-bottom-left-radius: none;
 border-bottom-right-radius: none;
 box-shadow: none!important;
 padding: 0;
 padding-bottom: 255px;
}

#rahmen .rahmen_navigation_abstand {
 margin: 0;
}

#inhalt {
    background-color: 
    #eeeeee;
    position: relative;
    width: 1060px;
    top: 0px;
    bottom: 0;
    padding: 20px 20px 50px 20px;
    margin-left: auto;
    margin-right: auto;
}

#bilderleiste {
    text-align: right;
    position: relative;
    width: 100%;
    height: 466px;
    vertical-align: top;
    padding-top: 46px;
    margin: 0 auto;
    background-color: transparent;
    z-index: 1;

}

#bilderleiste div {
   height: 466px;
   position: relative;
   display: flex;
   justify-content: center;
}



img.logo {
    margin: 32px 0 0 0;
    height: 150px;
}
#rahmen .logo_teil
{
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.4em;
    color: #002d68;
    margin: 105px 0px 0 25px;
    display: inline-block;
}

.ueber_bilderleiste {
    width: 1100px;
    height: 152px;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
}

#navigation {
    background-color: #002d68;
    position: absolute;
    margin-top: 150px;
    z-index: 119;
}
#navigation li {

    margin: 0px 20px 0px 2px;

    height: 35px;

}
#navigation li a {
    font-weight: normal;
    padding: 0 0 0 0;
    color: #fff!important;

}
#navigation li a.aktiv {
    color: #b7b7b7;
}
#navigation ul li ul {

    display: block;
    background-color: #002d68;
}
#navigation ul {
    display: flex;
    justify-content: space-around;
    max-width: 1100px;
    min-width: 500px;
}


#navigation a:hover  {

    color: #fff;
}
#navigation.affix {
 border: none; 
 margin-top: 0px;
}


#inhalt p {
 font-size: 14pt !important;
font-weight: initial !important;
}

#vorlage115 #seiteninfo_aufeinklappen {

    top: 40px;
    left: 0;
}



#navi_22_breadcrump {

    padding: 20px 0 0px 0;

}
.kurztext_global{
background-color: #eee;
}

.inhalt_1 #bausteinbereiche_bausteine_3 iframe{

width: 530px;

height: 300px;

padding-right: 20px;

}

.inhalt_1 #bausteinbereiche_bausteine_3 {

display: flex;

}

.inhalt_1 .textblock iframe
{
 margin-top: 24px;
}


.inhalt_1  .bearbeitungsmodus #bausteinbereiche_bausteine_3
{

display: block!important;

}

.kurztext_text_div p span
{
 font-size: 14pt!important;
font-weight: initial!important;
}














#fuss {
background-color: #0e1a2b;
font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
height: auto;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
position: fixed;
bottom: -1000px;
-webkit-transition: bottom 1s !important;
transition: bottom 1s !important;
overflow: visible;
z-index: 95;

}

#fuss ul {

position: relative;
 
top: 0px;

 margin: 0px;
 padding: 0px;
 display: flex;
 
}





#fuss #flex 
{
 display: flex;

flex-wrap: wrap;

justify-content: center;
}












#fuss .fuss_link
{

    width: 281px;
    height: auto;
    margin: 20px;

}
#fuss .fuss_link a 
{
 color: #fff;
}

#fuss .fuss_link img {
  position: relative;
  top: 103px;
  background-color: #ffffff73;
  border-radius: 10px;
  left: 370px;
  }

#fuss .fuss_link li {

 
 list-style: none;
}
#fuss .fuss_link ul li a
{
 position: relative;
 width: 60px;
 height: 60px;
 display: block;
 text-align: center;
 margin: 0 10px;
 padding: 6px;
 box-sizing: border-box;
 text-decoration: none;

 transition: .5s;
 
}


#fuss .fuss_link ul li a .fa
{
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: #fff;
    transition: .5s;
  
}

#fuss .fuss_link ul li:nth-child(1) a:hover .fa
{
 color: #ff0000;
}

#fuss .fuss_link ul li:nth-child(2) a:hover .fa
{
 color: #3b5998;
}


#fuss .fuss_link ul li:nth-child(3) a:hover .fa
{
 color: #c32aa3;
}
 



.fuss_adresse {
    width: 281px;
    height: auto;
    margin: 20px;
    position: relative;
}

.fuss_adresse h3 {
    color: #fff;
    font-size: 18px;
    text-align: left;
}

#fuss .fuss_adresse p, .fuss_adresse a 
{
    color: #fff;
    text-align: left;
    text-decoration-line: none;
}






.offnen_zeiten 
{
    width: 281px;
    height: auto;
    margin: 20px;
    position: relative;
}

.offnen_zeiten p, .offnen_zeiten a
{
   color: #fff;
   text-align: left;
}

.offnen_zeiten h3 {
   color: #fff;
   font-size: 18px;
   text-align: left;
} 







.fuss_unten
{
  background-color: #8e0f12; 
  height: 55px;

}
.fuss_unten a
{
    color: #fff;
    position: relative;
    top: 15px;
    text-decoration-line: none;
    padding: 10px;
}

*/