/*---------------------------- Allgemeines -------------------------------*/
.cms_div_um_alles {background-color: #353b4c;}

#inhalt {margin: 15vh 0;}

.variabler_weisser_kasten {background-color: transparent;}

#baustein_unterm_text {background-color: white;}
#baustein_unterm_text .textblock {display: block;}

/*
#inhalt input[type="submit"] {font-family: 'Roboto', sans-serif; background-color: #ffffffa8; border: 2px solid white; color: black; padding: 12px 30px; border-radius: 5px; transition: 0.25s; letter-spacing: 1px; font-size: 1rem; line-height: 1.6rem; margin-top: 20px;}
#inhalt input[type="submit"]:hover {background-color: white;}
*/




/*---------------------------- Schriftarten und Größen -------------------------------*/
h1, h3 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.5rem; line-height: 3.5rem;}
#inhalt h1 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.5rem; line-height: 3.5rem;}
#inhalt h2 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.5rem; line-height: 3.5rem;}
#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 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.5rem; line-height: 3.5rem;}
.kurztext_global h3 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.5rem; line-height: 3.5rem;}
.kurztext_global h4 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 1.6rem; line-height: 2.4rem; margin: 20px 0 10px 0;}
#inhalt #news_ausgabekasten .kurztext_global h3 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.5rem; line-height: 3.5rem;}

#inhalt p, #inhalt li, #inhalt div {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem; color: white;}
#inhalt a {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem; color: #9cabd7; transition: 0.25s;}
#inhalt a:hover {color: white;}
.kurztext_global .kurztext_text_div p {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem;}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem;}
#kontaktformular p {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem;}
#kontaktformular label {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem;}
#kontaktformular fieldset legend {font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem;}

#inhalt .news_bausteine h3 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 2.2rem; line-height: 2.8rem; font-weight: 400; margin: 8px 0 10px 0;}






/*---------------------------- Bilderleiste -------------------------------*/
#bilderleiste {height: 100vh; background-color: black; position: relative;}
#bilderleiste a {height: auto;}

#foelster_bilderleiste_text {position: absolute; height: 100%; width: 100%; z-index: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; background-color: #00000040;}
#foelster_bilderleiste_text div {text-transform: uppercase; letter-spacing: 4px; font-size: 8vh; line-height: 10vh; color: white; text-shadow: 2px 2px 6px black; font-family: 'Roboto Slab', sans-serif; font-weight: 800;}
#foelster_bilderleiste_text a {font-family: 'Roboto', sans-serif; background-color: #ffffffa8; border: 2px solid white; color: black; padding: 12px 30px; border-radius: 5px; transition: 0.25s; letter-spacing: 1px; font-size: 2vh; line-height: 2.5vh; margin-top: 20px;}
#foelster_bilderleiste_text a:hover {background-color: white;}

#pfeil_zum_nach_unten_scrollen {height: 10vh; position: absolute; bottom: 0; width: 100%; z-index: 1; display: flex; justify-content: center; align-items: center;}
#pfeil_zum_nach_unten_scrollen img {height: 20%; animation-name: grow_shrink; animation-duration: 0.8s; animation-delay: 2s; animation-iteration-count: 10; animation-direction: alternate; opacity: 0.8;}

#bilderleiste #foelster_slider {height: 100%; width: 100%;}
#bilderleiste #foelster_slider img {height: 100%; width: 100%; object-fit: cover;}
#bilderleiste #foelster_slider img.foelster_slideshow {animation-name: slider; animation-duration: 2s;}


@keyframes slider {
 from {opacity: 0;}
 to {opacity: 1;}
}

@keyframes grow_shrink {
 from {height: 20%;}
 to {height: 35%;}
}







/*---------------------------- Navigation -------------------------------*/
#logo_in_navi {height: 100%; display: flex; justify-content: center; align-items: center;}
#logo_in_navi img {height: 75%; transition: 0.3s;}
#navigation.scrolled_down #logo_in_navi img {height: 85%;}


#navi_mobile_2020 {background-color: #ffffffed; position: fixed;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu {height: 5vh;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_button {background-image: url(/bilder/button_mobil/burgermenu_symbol_rgb80.svg); opacity: 0.6;}
#navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_menu_text {color: rgba(80,80,80,0.3)}
#navi_mobile_2020 #navi_mobile_2020_inhalt #logo_in_navi {position: absolute; top: 0; right: 0; height: 10vh; min-height: 30px; padding: 0 12px;}

#navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: #ffffffed;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li a {color: #8a91a5;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li a.aktiv {color: #293b70; border-color: #293b70;}


#navigation {background-color: white; height: 12vh; order: 1; transition: 0.3s; padding: 1vh 3vw; width: calc(100% - 6vw); justify-content: space-between; position: fixed; top: 0;}
#navigation.scrolled_down {height: 6vh;}
#navigation ul {width: auto;}
#navigation ul li ul {background-color: white;}
#navigation ul li a {color: #8a91a5; font-weight: 600; font-size: 1.05rem; padding: 0 20px; font-family: 'Roboto Slab', sans-serif;}
#navigation ul li a:hover {color: #293b70;}
#navigation ul li a.aktiv {color: #293b70;}
#navigation ul li a.aktiv:hover {color: #8a91a5;}





/*---------------------------- Kontaktformular -------------------------------*/
#kontaktformular fieldset {background-color: #ccd0dd;}
#kontaktformular fieldset p {color: black;}
#kontaktformular fieldset legend {background-color: #293b70;}
#kontaktformular #kontaktform_senden input[value="Anfrage senden"] {background-color:#293b70;}






/*---------------------------- Startseite Buttons -------------------------------*/
#bstb_buttons_startseite {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 20px;}
#bstb_buttons_startseite .multibox_standard {position: relative; width: 48%; display: flex; margin: 2% 0;}
#bstb_buttons_startseite .multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; height: 100%; border-radius: 30px; overflow: hidden;}
#bstb_buttons_startseite .multibox_standard .bst_mb_ein_bild_anordnung3 {padding-right: unset; font-size: 0px; line-height: 0px;}
#bstb_buttons_startseite .multibox_standard .bst_mb_ein_bild_anordnung3 img {height: 100%; width: 100%; object-fit: cover;}
#bstb_buttons_startseite .multibox_standard .bst_ue1_anordnung3 {position: absolute; height: 100%; width: 100%; margin: 0; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #353b4c66; transition: 0.3s;}
#bstb_buttons_startseite .multibox_standard:hover .bst_ue1_anordnung3 {background-color: #353b4cd6; font-size: 3rem;}
#bstb_buttons_startseite .multibox_standard .bst_ue2_anordnung3 {position: absolute; height: calc(100% - 30px); width: 100%; margin: 0; text-align: center; display: flex; justify-content: center; align-items: flex-end; font-size: 1.4rem; line-height: 2rem; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 30px;}
#bstb_buttons_startseite .multibox_standard .mb_linkausgabe {position: absolute; height: 100%; width: 100%; color: transparent; background-color: transparent; border-radius: 0; padding: 0; margin: 0; border: 0;}



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

 #inhalt {margin: 5vh 0;}
 #bstb_buttons_startseite .multibox_standard {position: relative; width: 100%; display: flex; margin: 2vh 0; height: 30vh;}

}







/*---------------------------- Inhalt -------------------------------*/
#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 {background-color: transparent;}


#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .news_ausgabe .kurztext_global {background-color: white; border-radius: 10px; padding: 25px;}
#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .news_ausgabe .kurztext_global h3 {font-family: 'Courgette', sans-serif; color: #0c78a9; font-size: 1.4rem; line-height: 2.2rem;}
#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .news_ausgabe .kurztext_global .kurztext_nur_der_text .kurztext_text_div a {color: #0c78a9;}
#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .news_ausgabe .kurztext_global .kurztext_nur_der_text .kurztext_text_div a:hover {text-decoration: underline;}


#inhalt #news_ausgabekasten .kurztext_global {background-color: transparent; border-radius: 0; padding: 25px;}
#inhalt #news_ausgabekasten .kurztext_global:last-of-type {border-bottom: 4px solid white;}
#inhalt #news_ausgabekasten .kurztext_global h3 {font-size: 2rem; line-height: 3rem;}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div a {color: white; font-weight: bold; letter-spacing: 0.5px; transition: 0.5s;}
#inhalt .news_bausteine a {color: white; font-weight: bold; letter-spacing: 0.5px; transition: 0.5s;}
#inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div a:hover {letter-spacing: 3px;}
#inhalt .news_bausteine a:hover {letter-spacing: 3px;}


.nurtext_global {padding: 0; margin: 8px 0;}
.nurtext_global h1 {padding: 0; margin: 8px 0;}

#vorl200_sprungmarken_bausteinbereiche {padding: 20px 0;}
#vorl200_sprungmarken_bausteinbereiche li a {background-color: #ffffffb8; padding: 8px 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #293b70; margin: 5px;}
#vorl200_sprungmarken_bausteinbereiche li a:hover {background-color: white; color: black;}

.bstb_intuitiv {padding: 12vh 0 0 0; margin: 0;}
.kurztext_global {background-color: transparent; margin: 20px 0; padding: 0;}
#inhalt .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-wrap: wrap;}
#inhalt .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important; flex: 1; min-width: 200px;}
#inhalt .kurztext_global .kurztext_bilderleiste {margin-right: 35px !important; max-width: calc(100% - 35px);}
.kurztext_global input[type="image"] {border-radius: 5px; border: 4px solid white; max-width: calc(100% - 8px);}
#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 {font-size: 2.2rem; line-height: 3rem; margin-bottom: 20px;}
.bstb_intuitiv .kurztext_global h3 {font-size: 2.2rem; line-height: 3rem; margin-bottom: 20px;}


.news_bausteine {border-bottom: 4px solid white; padding-bottom: 20px;}
.news_bausteine:last-of-type {border-bottom: none;}

.textblock {display: flex; flex-wrap: wrap;}
#inhalt #btn_alle_news {font-family: 'Roboto', sans-serif; background-color: #ffffffa8; border: 2px solid white; color: black; padding: 12px 30px; border-radius: 5px; transition: 0.25s; letter-spacing: 1px; font-size: 2vh; line-height: 2.5vh; margin-top: 20px;}
#inhalt #btn_alle_news:hover {background-color: white;}



.nurbild_global {width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.nurbild_global .nurbild_bilderleiste {width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.nurbild_global .nurbild_einzelbildkasten {max-height: 250px;}
.nurbild_global .nurbild_einzelbildkasten form {height: 100%; display: flex; justify-content: center; align-items: center;}
.nurbild_global .nurbild_einzelbildkasten form input[type="image"] {height: 100%; object-fit: contain;}











/*---------------------------- Fuß -------------------------------*/
#fuss {background-color: #24262c; padding: 2%; border-top: 5px solid white; flex-direction: column;}
#fuss a {padding: 0 20px; color: white; letter-spacing: 1px; text-transform: uppercase; transition: 0.5s;}
#fuss a:hover {letter-spacing: 3px;}
#fuss a img {height: 30px;}


#fuss_social_media {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#fuss_social_media #facebook_link {height: 30px; width: 30px; background-size: contain; background-repeat: no-repeat; background-image: url("/individuell/bilder/f_logo_RGB-White_1024.png"); padding: 0; margin: 5px 20px; transition: 0.15s;}
#fuss_social_media #facebook_link:hover {height: 40px; width: 40px; margin: 0 15px;}
#fuss_social_media #instagram_link {height: 30px; width: 30px; background-size: contain; background-repeat: no-repeat; background-image: url("/individuell/bilder/glyph-logo_May2016_weiss-01.png"); padding: 0; margin: 5px 20px; transition: 0.15s;}
#fuss_social_media #instagram_link:hover {height: 40px; width: 40px; margin: 0 15px;}

#fuss_erste_zeile {text-align: center; font-family: 'Roboto', sans-serif; color: white; margin: 5vh 0; letter-spacing: 0.5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center;}
#fuss_erste_zeile>div {margin: 20px;}
#fuss_erste_zeile h4 {font-family: 'Roboto Slab', sans-serif; color: white; font-size: 1.2rem; line-height: 1.8rem; margin: 25px 0 8px 0;}
#fuss_erste_zeile p {margin: 2px 0;}
#fuss_erste_zeile a {text-transform: none;}


@media screen and (max-width: 768px) 
{
 #fuss_social_media {margin-top: 20px;}
 #fuss_zweite_zeile {margin-bottom: 20px;}
 #fuss a {padding: 5px 10px;}
}






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

















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