/* Definieren von Grundfarben*/

:root {
  --hauptfarbe: #38b8c6; /* türkis */
  --hauptfarbe_alternativ: #14727c; /* dunklere Version des türkis */
  --hauptfarbe_hellhinterg: #dcf3f5; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #a9d1d7; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #ED7D2B; /* gelborange */
  --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 */
}

/* Definieren von Grundwerten im System */

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



.cms_div_um_alles::before {content: ''; background-image: url("/individuell/bilder/Hintergrund_bildungswegweiser_web.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; filter: blur(5px); position: fixed; height: 100%; width: 100%; z-index: -1; top: 0;}

a {color: var(--zweitfarbe);}
a:hover {text-decoration: underline;}







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

p, li, a, div {font-family: 'Montserrat', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
.nurtext_global .nurtext_text_div p {font-family: 'Montserrat', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#inhalt .kurztext_global .kurztext_text_div p {font-family: 'Montserrat', 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: 'Montserrat', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular p {font-family: 'Montserrat', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular label {font-family: 'Montserrat', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}
#kontaktformular fieldset legend {font-family: 'Montserrat', sans-serif; font-size: 0.95rem; line-height: 1.6rem; font-weight: 400;}

.nurtext_global h3 {font-family: 'Montserrat', 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;}







/*------------------------- Kopfbereich ---------------------------*/
#bilderleiste {height: 20vh;}
/*#bilderleiste::before {content: ""; background-image: url("/individuell/bilder/Test_Abriss.png"); background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-position: bottom; position: absolute; height: 70%; width: 100%; z-index: 0; opacity: 0.9;}*/
#bilderleiste a {display: flex; justify-content: center; align-items: center; z-index: 1; height: 50%;}
#bilderleiste a img {max-width: 60vw; max-height: 150px;}



#bilderleiste #btn_kostenfreier_beratungstermin {position: fixed; top: 50px; right: 0; background-color: var(--zweitfarbe); height: auto; padding: 20px 10px 20px 10px; writing-mode: vertical-lr; font-size: 0.95rem; line-height: 1.3rem; border-bottom-left-radius: 10px; border-top-left-radius: 10px; box-shadow: var(--mittelgrau) 0px 0px 10px 0px; color: var(--hell); font-weight: 500; transition: 0.25s;}
#bilderleiste #btn_kostenfreier_beratungstermin:hover {background-color: var(--hauptfarbe); text-decoration: none; box-shadow: var(--grau) 0px 0px 15px 0px;}


@media screen and (max-width: 1320px) {
 #bilderleiste::before {height: 35%;}
 #bilderleiste a img {max-width: 80vw;}
}

@media screen and (max-width: 768px) {
 #bilderleiste #btn_kostenfreier_beratungstermin {font-size: 0.8rem; line-height: 1.1rem; top: 100px; padding: 10px 5px;}
}






/*------------------------- Navigation ---------------------------*/
#navi_mobile_2020 {background-color: var(--hauptfarbe);}
#navi_mobile_2020 #navi_mobile_2020_burgermenu {height: 5vh;}
#navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: var(--hauptfarbe);}


#navigation {background-color: transparent; height: 45px; transition: 0.2s;}
#navigation ul {width: auto;}
#navigation ul li {display: flex; flex-direction: column; position: relative; padding: 0 10px;}
#navigation ul li a {color: #929292; position: relative; transition: 0.4s; padding: 8px 16px; font-weight: 400;}
#navigation ul li ul {background: var(--hauptfarbe)e8; position: absolute; top: 41px; min-width: 70%; box-shadow: 0 5px 5px gray; padding: 5%; right: unset;}
#navigation ul li ul li a {animation: none; color: #929292; padding: 5px 0 0 0; height: auto;}
#navigation ul li a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0; background: var(--hauptfarbe); height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#navigation ul li a:hover:before {left: 0; right: 0;}
#navigation ul li a:hover {color: var(--hauptfarbe);}
#navigation ul li a.aktiv {color: var(--hauptfarbe);}
#navigation ul li a.aktiv:before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: var(--hauptfarbe); height: 5px;}
#navigation ul li a.aktiv:hover {color: var(--hauptfarbe);}
#navigation ul li ul {margin-right: 0; display: flex; flex-direction: column; position: absolute; padding: 0 15px;}


#navigation.scrolled_down {background-color: var(--hell); box-shadow: var(--mittelgrau) 0px -5px 20px;}





/*------------------------- Inhalt ---------------------------*/
#inhalt {background-color: rgba(255,255,255,0.9); padding: 5%; width: calc(1200px - 10%); margin: 0 0 40px 0; box-shadow: var(--mittelgrau) 0px 13px 27px -5px, var(--mittelgrau) 0px 8px 16px -8px;}


.kurztext_global {padding: 0; margin: 10% 0; background-color: transparent; width: auto;}
.kurztext_global:first-of-type {margin-top: 0;}



.nurbild_global {background-color: transparent; margin: 0; padding: 0; width: 100%;}
.nurbild_global .nurbild_bilderleiste {width: 100%;}
.nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten {width: 100%; margin: 0;}
.nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten a {width: 100%;}
.nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten a img {width: 100%;}




#inhalt .textblock {display: flex; justify-content: center; align-items: center;}
#inhalt .a_wie_btn {background-color: var(--zweitfarbe); height: auto; padding: 10px 20px; font-size: 0.95rem; line-height: 1.3rem; border-radius: 10px; box-shadow: var(--mittelgrau) 0px 13px 27px -5px, var(--mittelgrau) 0px 8px 16px -8px; color: var(--hell); font-weight: 500; transition: 0.25s; margin: 20px 0;}
#inhalt .a_wie_btn:hover {background-color: var(--hauptfarbe); text-decoration: none; box-shadow: var(--mittelgrau) 0px 5px 15px -5px, var(--mittelgrau) 0px 8px 16px -8px;}




#inhalt #bstb_bausteine_1 .kurztext_global {margin: 6% 10%; border-left: 10px solid var(--zweitfarbe); padding-left: 25px;}
#inhalt #bstb_bausteine_1 .kurztext_global:first-of-type {margin: 6% 10%; border-left: none; padding-left: 0;}
#inhalt #bstb_bausteine_1 .kurztext_global h3 {margin: 0; font-size: 1.6rem; line-height: 2.4rem;}


#inhalt #bstb_bausteine_zielgruppen .kurztext_global {margin: 6% 10%; border-left: 10px solid var(--zweitfarbe); padding-left: 25px;}
#inhalt #bstb_bausteine_zielgruppen .kurztext_global:first-of-type {margin: 6% 10%; border-left: none; padding-left: 0;}
#inhalt #bstb_bausteine_zielgruppen .kurztext_global h3 {margin: 0; font-size: 1.6rem; line-height: 2.4rem;}


.nurtext_global {margin: 0; padding: 0;}
#bstb_grosses_bild .nurtext_global {margin: 15% 10% 6% 10%; padding: 0;}



#kurztext_2_bausteine_3_38 {display: flex; flex-wrap: wrap;}
#kurztext_2_bausteine_3_38 .kurztext_bilderleiste {display: flex; flex-wrap: wrap; width: 100% !important}
#kurztext_2_bausteine_3_38 .kurztext_bilderleiste .kurztext_einzelbildkasten {margin: 8px;}



#inhalt .baustein_html_code_multi {width: 100%;}
#inhalt .baustein_html_code_multi .textblock {width: 100%;}
/*
#inhalt .baustein_html_code_multi .btn_kostenfreier_beratungstermin {background-color: var(--zweitfarbe); height: auto; padding: 20px 15px; font-size: 0.95rem; line-height: 1.3rem; border-radius: 10px; box-shadow: var(--mittelgrau) 0px 0px 10px 0px; color: var(--hell); font-weight: 500; transition: 0.25s; margin: 20px 0;}
#inhalt .baustein_html_code_multi .btn_kostenfreier_beratungstermin:hover {background-color: var(--hauptfarbe); text-decoration: none; box-shadow: var(--grau) 0px 0px 15px 0px;}
*/


@media screen and (max-width: 1320px) {
 #inhalt {width: 85%; padding: 4%; margin-bottom: 20px; min-height: 60vh;}
 #inhalt h1 {font-size: 1.4rem; line-height: 2.2rem;}
 .kurztext_global h3 {font-size: 1.4rem; line-height: 2.2rem;}
}


@media screen and (max-width: 768px) {
 #inhalt {padding: 7%; width: 77%;}
 #inhalt #bstb_bausteine_1 .kurztext_global {margin: 10% 0;}
 #bstb_grosses_bild .nurtext_global {margin: 10% 0;}
 #inhalt #bstb_bausteine_1 .kurztext_global:first-of-type {margin: 10% 0;}
 html {font-size: 14px;}
}






/*------------------------- Rundgang mit Screenshots ---------------------------*/

#vorl200_sprungmarken_bausteinbereiche li a {background-color: var(--hauptfarbe)}
#vorl200_sprungmarken_bausteinbereiche li a:hover {text-decoration: none; background-color: var(--hauptfarbe_alternativ)}

#bstb_bausteine_besuchende, #bstb_bausteine_adminansicht {display: flex; flex-direction: column;}
#bstb_bausteine_besuchende .kurztext_global, #bstb_bausteine_adminansicht .kurztext_global {display: flex; flex-direction: column; margin: 5% 0;}
#bstb_bausteine_besuchende .kurztext_global .kurztext_nur_der_text, #bstb_bausteine_adminansicht .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-direction: column;}
#bstb_bausteine_besuchende .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste, #bstb_bausteine_adminansicht .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: 75% !important; margin: 15px 0 30px 0 !important;}
#bstb_bausteine_besuchende .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten, #bstb_bausteine_adminansicht .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten {border: 5px solid var(--zweitfarbe); border-radius: 10px; padding: 5px 5px 0 5px;}
#bstb_bausteine_besuchende .kurztext_global .kurztext_nur_der_text .kurztext_text_div, #bstb_bausteine_adminansicht .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important;}





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

#bstb_boxlayout_startseite {display: flex; justify-content: center; flex-wrap: wrap;}
#bstb_boxlayout_startseite .kurztext_global {display: flex; justify-content: center; flex-wrap: wrap; flex: 1; min-width: 30%; max-width: 50%; margin: 20px; background-color: var(--hauptfarbe_hellhinterg); padding: 20px; border-radius: 10px;}
#bstb_boxlayout_startseite .kurztext_global h3 {font-size: 1.4rem; line-height: 2rem; color: var(--zweitfarbe); width: 100%;}
#bstb_boxlayout_startseite .kurztext_global:first-of-type {margin-top: auto;}
#bstb_boxlayout_startseite .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-direction: column;}
#bstb_boxlayout_startseite .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: 50px !important;}
#bstb_boxlayout_startseite .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important;}
#bstb_boxlayout_startseite .kurztext_global .kurztext_nur_der_text .kurztext_text_div h3 {margin: 8px 0;}



#bstb_boxlayout_startseite .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten {width: auto;}





/*------------------------- Preispakete ---------------------------*/

#bstb_preisboxen {display: flex; flex-wrap: wrap; margin: 30px 0 100px 0;}

#bstb_preisboxen .kurztext_global {flex: 1; margin: 2%; flex-direction: column; box-shadow: 0 1px 4px #a2a2a2; transition: 1s; padding: 20px 30px; border-radius: 10px;}
#bstb_preisboxen .kurztext_global:hover {background: linear-gradient(25deg, rgba(234,234,234,1) -50%, rgba(255,255,255,1) 50%, rgba(234,234,234,1) 150%);}
#bstb_preisboxen .kurztext_global h3 {text-align: center; margin: 0; font-size: 1.8rem; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
#bstb_preisboxen .kurztext_global .kurztext_nur_der_text {flex-direction: column; display: flex !important; align-items: center; flex: 1;}
#inhalt #bstb_preisboxen .kurztext_global .kurztext_text_div p {font-size: 0.85rem; line-height: 1.3rem; text-align: center;}
#bstb_preisboxen .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: 50% !important; opacity: 0.7; transition: 0.3s; margin-bottom: 15px !important;}
#bstb_preisboxen .kurztext_global:hover .kurztext_nur_der_text .kurztext_bilderleiste {opacity: 1;}
#bstb_preisboxen .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste div a {width: 100%;}
#bstb_preisboxen .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste div a img {width: 100%;}
#bstb_preisboxen .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding: 0 !important; flex: 1; display: flex; flex-direction: column; justify-content: space-between;}


#bstb_preisboxen .kurztext_global .nurtext_global {margin: 0; padding: 0; flex: 1; display: flex; justify-content: center; align-items: flex-end;}
#bstb_preisboxen .kurztext_global .nurtext_global h4 {font-size: 1.4rem; text-align: center; font-family: sans-serif; font-weight: normal; margin: 20px 0 5px 0;}
#bstb_preisboxen .kurztext_global .kurztext_nur_der_text .kurztext_text_div .nurtext_global p {font-size: 0.75rem; line-height: 1rem; text-align: center; font-family: sans-serif; color: gray;}

#bstb_preisboxen .kurztext_global .baustein_html_code_multi {display: flex; flex-direction: column; max-height: 0; transition: 0.8s; overflow: hidden; height: auto;}
#bstb_preisboxen .kurztext_global:hover .baustein_html_code_multi {max-height: 80px; height: auto;}
#bstb_preisboxen .kurztext_global .baustein_html_code_multi .textblock {display: flex; justify-content: center;}
#bstb_preisboxen .kurztext_global .baustein_html_code_multi .textblock a {padding: 5px 30px; background-color: #003068b5; color: white; border-radius: 5px; margin: 25px 0 0 0; transition: 0.3s;}
#bstb_preisboxen .kurztext_global .baustein_html_code_multi .textblock a:hover {cursor: pointer; background-color: #003068; text-decoration: none;}


#bstb_preisboxen .kurztext_global:nth-of-type(2) {margin: 0; box-shadow: 0 4px 20px gray;}


@media (max-width: 930px) {
 #bstb_preisboxen .kurztext_global {flex: none; margin: 4% 0; padding: 10%; width: 80%;}
 #bstb_preisboxen .kurztext_global:nth-of-type(2) {margin: 0; box-shadow: 0 4px 15px gray;}
}


@media screen and (max-width: 768px) {
 #indiv_vorlage1101 #bausteinbereiche_bausteine_2 {padding: 4%; width: 92%; margin-top: 0;}
 #bstb_preisboxen .kurztext_global {padding: 10%; width: 80%;} 
 #bstb_preisboxen .kurztext_global:nth-of-type(2) {margin: 30px 0;} 
}





/*------------------------- Kontaktformular ---------------------------*/
#kontaktformular fieldset {background-color: rgb(255 255 255 / 56%);}
#kontaktformular fieldset legend {background-color: var(--hauptfarbe);}
#kontaktformular #kontaktform_senden input[value="Anfrage senden"] {background-color: var(--hauptfarbe);}







/*------------------------- Fuß ---------------------------*/
#fuss {background-color: var(--hauptfarbe); padding: 2%;}
#fuss a {padding: 0 14px; color: white;}
#fuss a:hover {text-decoration: underline;}
#fuss #facebook_button {padding: 0; margin: 0 14px;}







@media screen and (max-width: 768px) {
 #bstb_boxlayout_startseite .kurztext_global {max-width: 100%; margin: 5% 0; width: 100%; flex: unset;}
 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {width: auto; max-width: 100%;}
}











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