/* 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 */
  
  --borderradius: 0; /* Standard Border Radius */
  
  --fontfam_h: 'Titillium Web', sans-serif; /* ausgewählte Hauptschriftart Überschriften */
  --fontfam_t: 'Titillium Web', sans-serif; /* ausgewählte Hauptschriftart Texte */
  --fontfam_auszeichnung: 'Titillium Web', sans-serif; /* ausgewählte Schriftart Highlights */
}



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

#inhalt p, li, a, div {font-family: var(--fontfam_t); font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
.nurtext_global .nurtext_text_div p {font-family: var(--fontfam_t); 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: var(--fontfam_t); font-weight: 400; font-size: 0.95rem; line-height: 1.6rem; margin-bottom: 10px;}
#inhalt a {font-weight: 500; text-align: center;}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div {font-family: var(--fontfam_t); font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular p {font-family: var(--fontfam_t); font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular label {font-family: var(--fontfam_t); font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular fieldset legend {font-family: var(--fontfam_t); font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}

.nurtext_global h3 {font-family: var(--fontfam_t); color: var(--hauptfarbe); font-size: 1.6rem; line-height: 2.4rem; font-weight: normal; margin: 0 0 8px 0;}
*/

strong {font-weight: 600;}





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

#multibox_225 {display: none;}

p a {color: #8e1013; font-weight: bold;}
p a:hover {}

body {background-color: var(--hellgrau);}

#inhalt {margin-top: 150px;}

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) {
 #multibox_225 {display: flex; margin-bottom: -4vh; margin-top: 0;}
 #multibox_225 .bst_multibox_bilder_leiste {max-width: 80vw; }

 #inhalt {margin-top: 30px;}
 #inhalt.inhalt_1 {margin-top: 150px;}
 #inhalt .inhalt_seitenvorlage {margin-top: 50px;}
 
 #vorl200_sprungmarken_bausteinbereiche li a {font-size: 0.75rem; line-height: 0.9rem;}
}


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

#navigation {background-color: #ffffffeb; order: unset; border-bottom: unset; justify-content: space-between; height: 80px; width: calc(100% - 150px); margin-top: 15px; margin-bottom: 15px; padding: 20px 95px 20px 25px; position: fixed; backdrop-filter: blur(5px);}
#navigation.scrolled_down {height: 55px;}
#navigation ul li a {color: var(--grau); font-size: 1.1rem; line-height: 1.5rem; font-weight: 600; margin: 10px 25px;}
#navigation > ul > li:nth-of-type(2) > a {color: var(--hauptfarbe); font-weight: 700;}
#navigation > ul > li:nth-of-type(2) > a.aktiv {color: var(--hauptfarbe); font-weight: 700;}
#navigation > ul > li:nth-of-type(3) > a {color: var(--zweitfarbe); font-weight: 700;}
#navigation > ul > li:nth-of-type(3) > a.aktiv {color: var(--zweitfarbe); font-weight: 700;}
#navigation > ul > li:nth-of-type(4) > a {font-weight: 700;}
#navigation ul li a:hover {color: var(--dunkel);}
#navigation ul li a.aktiv {text-transform: unset; color: var(--schwarzgrau);}
#navigation ul li a.aktiv:hover {color: var(--dunkel);}
#navigation ul li a:before {background: var(--schwarzgrau); height: 3px;}

#navigation ul li ul {background-color: var(--hell); top: 60px;}
#navigation ul li ul li a {color: var(--mittelgrau); font-size: 1rem; line-height: 1.3rem;}

#socials_in_navi {position: absolute; right: 25px;}
#socials_in_navi a:first-of-type {padding-right: 10px;} 
#socials_in_navi a svg {width: 20px; height: 20px; color: var(--grau); transition: 0.2s;}
#socials_in_navi a:hover svg {color: var(--dunkel);} 


#logo_in_navi {margin: 0; min-width: unset;}
#logo_in_navi img {width: 100%; height: 100%;}
#navigation.scrolled_down #logo_in_navi img {height: 100%;}




#navi_mobile_2020 {background-color: var(--hell); 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;}



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

#indiv_vorlage1001 {margin-top: 0;}
#startseite_landingpage {width: 100%; height: 80vh; overflow: hidden; display: flex; justify-content: center; align-items: center; object-fit: cover; position: relative; margin-bottom: -150px;}
#startseite_landingpage video {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: #00000030;}

/* ----- für Text in HTML Baustein ------- */

.bearbeitungsmodus #startseite_landingpage_text #text_landingpage {z-index: -1;}

#startseite_landingpage_text {width: 100%; height: auto; display: flex; justify-content: center; align-items: center; object-fit: cover; position: relative; margin-bottom: 8vh;}
#startseite_landingpage_text #text_landingpage {color: var(--hell); font-size: 8vw; line-height: 6.5vw; bottom: 20vh; letter-spacing: 1px; width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; margin-top: -7.5vw;}
#startseite_landingpage_text #text_landingpage::after {content: 'kreative Ideen'; animation: landingpage_text 8s linear infinite normal; letter-spacing: 3px; text-transform: none; color: var(--hauptfarbe); font-size: 4vw; line-height: 4.5vw;  
 -webkit-animation-name: landingpage_text;
 -webkit-animation-duration: 8s; 
 -webkit-animation-timing-function: linear; 
 -webkit-animation-direction: normal;
 -webkit-animation-iteration-count: infinite;} 


/* ----- für Text über dem Video in Kopfbereich -----
#startseite_landingpage #text_landingpage {position: absolute; color: var(--hell); font-size: 4vw; line-height: 4.5vw; bottom: 20vh; letter-spacing: 1px; width: 100%; text-align: center; text-transform: uppercase; font-weight: 700;}
#startseite_landingpage #text_landingpage::after {content: 'kreative Ideen'; animation: landingpage_text 8s linear infinite normal; letter-spacing: 3px; text-transform: none;  
 -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: var(--hell); 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: var(--fontfam_t); 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: var(--hell); 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: var(--hell); 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%;}

.kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: unset !important;}
.kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {padding-right: 12px;}




.kontaktformular_aktiv {justify-self: center; margin-left: auto; margin-right: auto;}


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







/* ------------------------ Multiboxen ------------------ */


.bst_multibox {margin: 12vh auto 0 auto;}
.bst_multibox .bst_multibox_text {font-size: 1rem; line-height: 1.5rem;}
.bst_multibox .bst_multibox_titel {font-weight: 400; display: block;}
.bst_multibox .bst_multibox_untertitel {font-weight: 300; text-transform: uppercase; font-size: 1.4rem; line-height: 1.8rem; letter-spacing: 1px;}
.bst_multibox .bst_multibox_text {font-size: 1.2rem; line-height: 1.7rem;}
.bst_multibox .bst_multibox_inhalt p {margin: 12px 0;}

.bst_multibox .bst_multibox_bilder_leiste .bst_multibox_bildunterschrift {text-align: center; justify-content: center; align-items: center; color: var(--grau);}

.bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe {font-size: 1.2rem; line-height: 1.7rem; margin: 3vh;}




.bst_multibox.bst_multibox_hauptueberschrift_layout {display: flex; flex-direction: column; max-width: unset; margin-top: 8vh; justify-content: center; align-items: center; align-content: center;}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_titel {text-align: center; width: 100%; justify-content: center; align-items: center; color: var(--dunkel); font-size: 4vw; line-height: 4.5vw; font-weight: 700;}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_untertitel {text-align: center; width: 100%; justify-content: center; align-items: center; max-width: 960px; font-weight: 300; text-transform: none; font-size: 1.8rem; line-height: 2rem; letter-spacing: 0;}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_inhalt {text-align: center; justify-content: center; align-items: center;}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_text {text-align: center; width: 100%; justify-content: center; align-items: center; max-width: 800px; font-size: 1.2rem; line-height: 1.7rem;}
.bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_bilder_leiste {order: 3; max-width: 1250px; margin: 3vh 0;}




.bst_multibox.bst_multibox_highlight_thema_layout {margin: 6vh auto; max-width: unset; width: 760px;}
.bst_multibox.bst_multibox_highlight_thema_layout .multibox_bild {cursor: auto;}
.bst_multibox.bst_multibox_highlight_thema_layout .bst_multibox_bilder_leiste {border: none; padding: 0; box-shadow: none; background-color: transparent; width: 250px; height: 250px;}
.bst_multibox.bst_multibox_highlight_thema_layout .label_faehnchen {background-color: transparent;}
.bst_multibox.bst_multibox_highlight_thema_layout .bst_multibox_titel {font-size: 2rem; line-height: 2.5rem; text-transform: none; font-weight: 700; color: var(--dunkel);}






.bstb_intuitiv.kacheln {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: center; margin-top: 3vh; margin-bottom: 3vh;}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout {background-color: var(--hauptfarbe); width: 28%; max-width: unset;}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(2) {background-color: var(--zweitfarbe);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(3) {background-color: var(--schwarzgrau);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout .bst_multibox_titel {font-size: 4vw; line-height: 0; margin-top: calc(-4vw / 3); margin-left: -4px; font-weight: 700;}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(2) .bst_multibox_titel {color: var(--zweitfarbe); }
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(3) .bst_multibox_titel {color: var(--schwarzgrau); }
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout .bst_multibox_untertitel {color: white; padding: 30px 30px 5px 30px; width: calc(100% - 60px); font-weight: 600; text-transform: none; font-size: 2rem; line-height: 2.4rem; margin-top: 0; margin-bottom: 0;}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout .bst_multibox_inhalt {color: white; padding: 0 30px; width: calc(100% - 60px);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout .bst_multibox_linkausgabe {background-color: var(--hell); margin: 0 0 30px 0; color: var(--hauptfarbe); font-size: 0.8rem; line-height: 1rem;}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout .bst_multibox_linkausgabe:hover {background-color: var(--dunkel); color: var(--hell);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(2) .bst_multibox_linkausgabe {color: var(--zweitfarbe);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(2) .bst_multibox_linkausgabe:hover {color: var(--hell);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(3) .bst_multibox_linkausgabe {color: var(--schwarzgrau);}
.bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout:nth-of-type(3) .bst_multibox_linkausgabe:hover {color: var(--hell);}





.bstb_intuitiv.labels_abwechselnd_linksrechts {}
.bstb_intuitiv.labels_abwechselnd_linksrechts .bst_multibox.bst_multibox_standard_layout .bst_multibox_titel {text-align: center; width: 100%; justify-content: center; align-items: center; color: var(--dunkel); font-size: 4vw; line-height: 4.5vw; font-weight: 700;}
.bstb_intuitiv.labels_abwechselnd_linksrechts .bst_multibox.bst_multibox_standard_layout .bst_multibox_untertitel {text-align: center; width: 100%; justify-content: center; align-items: center; max-width: 960px; font-weight: 300; text-transform: none; font-size: 1.8rem; line-height: 2rem; letter-spacing: 0; margin-bottom: 0;}
.bstb_intuitiv.labels_abwechselnd_linksrechts .bst_multibox.bst_multibox_standard_layout .bst_multibox_inhalt {margin-right: auto; margin-left: auto; justify-content: center; align-items: center;}
.bstb_intuitiv.labels_abwechselnd_linksrechts .bst_multibox.bst_multibox_standard_layout .bst_multibox_linkausgabe_bereich  {margin-right: auto; margin-left: auto; margin-top: 0;}
.bst_multibox.bst_multibox_highlight_thema_layout .bst_multibox_untertitel {text-transform: none; letter-spacing: 0;}




#bstb_design_logo .bst_multibox.bst_multibox_galerie_layout .bst_multibox_bilder_leiste .bst_mb_ein_bild {background-color: var(--hell); box-shadow: unset; padding: 40px;}
#bstb_design_logo .bst_multibox.bst_multibox_galerie_layout .bst_multibox_bild_umrahmung img {object-fit: contain;}
#bstb_design_logo .bst_multibox.bst_multibox_galerie_layout .bst_multibox_titel {text-align: center;}
#bstb_design_logo .bst_multibox.bst_multibox_galerie_layout .bst_multibox_untertitel {text-align: center;}





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

#fuss {background-color: var(--hauptfarbe); margin-top: 10vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#fuss_innen {max-width: 960px; width: 100%; display: flex; justify-content: space-between; padding: 30px;}
#fuss_innen div p, #fuss_innen div a {color: var(--hell); margin: 3px 0;}
#fuss_innen #fuss_kontaktblock3 {display: flex; justify-content: center; align-items: center;}
#fuss_innen #fuss_kontaktblock3 a {background-color: var(--hell); color: var(--hauptfarbe); font-weight: 600; padding: 15px 30px; font-size: 1.2rem; line-height: 1.2rem; transition: 0.2s;}
#fuss_innen #fuss_kontaktblock3 a:hover {background-color: var(--dunkel); color: var(--hell);}

#sohle {flex-wrap: wrap; margin-top: 5px;}



@media screen and (max-width: 768px) {
 #startseite_landingpage_text {margin-bottom: 0;}

 #socials_in_navi {top: 13px;}
 #startseite_landingpage_text #text_landingpage::after {letter-spacing: 1px; font-size: 7vw; line-height: 14vw;}
 
 .bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout {width: 90%;}
 
 .bstb_intuitiv.kacheln .bst_multibox.bst_multibox_standard_layout .bst_multibox_titel {font-size: 14vw; margin-bottom: 0; margin-top: calc(-14vw / 3);}
 
 .bst_multibox.bst_multibox_hauptueberschrift_layout {}
 .bst_multibox.bst_multibox_hauptueberschrift_layout .bst_multibox_titel {font-size: 14vw; line-height: 14vw;}
 .bstb_intuitiv.labels_abwechselnd_linksrechts .bst_multibox.bst_multibox_standard_layout .bst_multibox_titel {font-size: 14vw; line-height: 14vw;}
 
 .bst_multibox.bst_multibox_highlight_thema_layout:nth-of-type(even) .label_faehnchen {margin-right: 0;}
 .bst_multibox.bst_multibox_highlight_thema_layout:nth-of-type(even) .bst_multibox_bilder_leiste {order: unset;}
 .bst_multibox.bst_multibox_highlight_thema_layout .label_faehnchen {margin-top: 40px; padding: 0 !important; width: 100%;}
 
 .bst_multibox .bst_multibox_linkausgabe_bereich .bst_multibox_linkausgabe {text-align: center;}
 
 .bst_multibox.bst_multibox_highlight_thema_layout {width: 90%;}
 
 #fuss_innen {width: calc(100% - 60px); display: flex; flex-wrap: wrap;}
 #fuss_innen #fuss_kontaktblock3 a {font-size: 4vw; line-height: 4vw; padding: 10px 15px; margin-top: 10px;} 
 
 #inhalt .m_sem_seminar_lang {width: 94%;}
 #m_sem_buchungsseite {width: 94%}
#m_sem_angebotsauswahl_div {width: 94%;}
#m_sem_anbieterliste_div {width: 94%;}
}





/* Seminar Modul*/

.m-sem_seminar_kurz {background-color: white;}

#inhalt .m_sem_seminar_lang {max-width: 960px; justify-content: center; align-self: center; justify-self: center;}

#m_sem_buchungsseite {max-width: 960px; margin-left: auto; margin-right: auto;}
#m_sem_angebotsauswahl_div {max-width: 960px; margin-left: auto; margin-right: auto;}
#m_sem_anbieterliste_div {max-width: 960px; margin-left: auto; margin-right: auto;}


#vorlage117>h2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 960px;
  margin: 10vh auto 20px auto;
  font-family: var(--fontfam_h);
  text-transform: uppercase;
}

#m_sem_datumswahl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: calc(960px - 2%);
  margin: 0 auto;
  width: calc(100% - 2%);
}

.sem_ausgabe_datum_anzahl {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sem_ausgabe_datum_anzahl strong {
  margin: 0 5px;
}

.m-sem_seminar_kurz {
  width: calc(100% - 6%);
  margin: 3.5vh auto;
  max-width: calc(960px - 6%);
}

.m-sem_seminar_kurz .auf_merkliste, .m-sem_seminar_kurz .von_merkliste {
    display: none;
}

#inhalt .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt #m_sem_ausgabe_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_bereiche #liste_anbieter_logo, #inhalt .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt #m_sem_ausgabe_datum_lang_anbieter #m_sem_anbieter_in_semlang #liste_anbieter_bereiche #liste_anbieter_logo {
 background-color: transparent;
}



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



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