/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*Allgemeine Klassen*/

.small { font-size: 80%;}
.center { text-align: center;}
.fett, .bold { font-weight: 700; }
.semi-bold { font-weight: 500; }
.italic { font-style: italic; }
.float-left { float: left;}
.float-right { float: right;}
.float_left { float: left;}
.float_right { float: right;}
.right { text-align: right;}
.left { text-align: right;}
.relative { position: relative;}
.margin-bottom { margin-bottom: 15px;}
.margin-top { margin-top: 15px;}
.margin-top-g { margin-top: 40px;}
.no-margin-top {margin-top: 0;}
.no-padding {padding: 0;}
.no-margin-bottom { margin-bottom: 0;}
.no-padding-left {padding-left: 0;}
.no-padding-right {padding-right: 0;}
.padding-25 {padding: 25px;}
.white {color: #fff;}
.red {color: #ae2249;}

@media screen and (min-width:600px) and (max-width:899px) {
	.wp-block-column {margin-left: 0 !important;}
}

/*Allgemeines Layout*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 100%;	
	font-size: 1rem;	
	height: 100%;}

.home .wp-block-columns {margin-bottom: 0;}

.entry-content, .entry-summary, .page-content {margin: 0;}

.accordions-head-title, .accordion-content {font-family: 'Open Sans', sans-serif !important;}

.site-header {height: 0;}

#content ul, .single #content aside ul {margin-left: 0;}

#content ul li {padding-bottom: 0.5em;}

.page-id-487 #content ul, .single #content ul {margin-left: 20px;}

div.elastic-video {margin-bottom: 1em;}

h2 {font-weight: 400;}

figure img {width: 100%;}

#primary a:hover, #primary a:active {text-decoration: underline;}

/*Navi*/

#primary-menu a {text-transform: uppercase;}

.main-navigation li:hover > a, .main-navigation a {background: none !important;}

/*Logo*/

#logowrapper-mobile, .page-hero {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;}

#logo img {
	display: block;
    margin-bottom: 10px;}

#logo span {
    font-family: 'Michroma',sans-serif;
    line-height: 1;
    color: #9c9e9f;}

/*Kontaktbox*/

#kontaktbox {
	margin: 0px auto;
	position: relative;
	z-index: 999;
	background: #fff;
	text-align: center;	
	-webkit-box-shadow: 0px 3px 8px 0.15px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 8px 0.15px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 8px 0.15px rgba(0,0,0,0.15);	
	color: #9c9c9a;
	transition: all 0.8s ease;
	padding: 10px 0;
	font-weight: 300;
	font-size: 1rem;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}
	
#kontaktbox a:link, #kontaktbox a:visited { 
    color: #9c9c9a;
	text-decoration: none;} 

#kontaktbox a:hover, #kontaktbox a:active { 
    color: #ae2249;}
	
#kontaktbox img {
	vertical-align: -2px;
	margin-right: 5px;}

#kontaktbox span {
	margin-right: 10px;}

h1, h2.h1 {
	font-weight: 400;
	margin-bottom: 60px !important;
	text-transform: uppercase;}

.page h1, .blog-h1, h2.h1 {
	color: #ae2249;
    text-align: center;}

figure.icon {padding-bottom: 1em;}

/*cta Buttons*/

.cta-block a {display: block;}

.cta {
    text-align: center;
    margin: 0;}

.cta {
	padding-top: 20px;
    padding-bottom: 35px;}

#content .cta a:link, #content .cta a:visited, .cat-item a:link, .cat-item a:visited, input[type="submit"], .wp-block-file .wp-block-file__button, .stoerer-mobile a:link, stoerer-mobile a:visited {
    border: 1px solid #9c9c9a;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 400;
    color: #ae2249;
    background: #f0f0f0;
    text-decoration: none;
    padding: 10px 25px;}

#content .cta-anders a:link, #content .cta-anders a:visited {
    border: 1px solid #ae2249;
    background: #ae2249;
    color: #fff;}

.wp-block-file .wp-block-file__button {
	border-radius: 0;
	color: #2f2f2f;
    font-size: inherit;}

#content .cta a:hover, #content .cta a:active, .cat-item a:hover, .cat-item a:active, input[type="submit"]:hover, input[type="submit"]:active, .wp-block-file__button:hover, .wp-block-file__button:active, .stoerer-mobile a:hover, .stoerer-mobile a:active {
    background: #ae2249;
    color: #fff;}

#content .cta-anders a:hover, #content .cta-anders a:active {
    background: #fff;
    color: #ae2249;}

.cta-anders {text-align: left !important;}

/*Störer*/

.stoerer {
    position: absolute;
    padding: 20px;
    text-align: center;
}

.stoerer-mobile  {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
}

.stoerer a:link, .stoerer a:visited {
    border: 1px solid #ae2249;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 400;
    color: #fff;
    background: #ae2249;
    text-decoration: none;
    padding: 10px 25px;}

.stoerer a:hover, .stoerer a:active {
   color: #ae2249;
    background: #fff;}


    
@media screen and (min-width: 900px) and (max-width: 1299px) {
.stoerer {
    top: 60px;
    left: 2%;}
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
.stoerer {
    font-size: 110%;
    top: 130px;
    left: 1%;}
}


@media screen and (min-width: 1501px) {
.stoerer {
    font-size: 110%;
    top: 130px;
    right: 8%;}
}

@media screen and (max-width: 899px) {
    .stoerer {display: none;}
}

@media screen and (min-width: 900px) {
    .stoerer-mobile {display: none;}
    
    .csstrick {
        display: flex;
        align-self: flex-end !important;
        flex-direction: column;}
    
    .csstrick p {
        margin-top: auto;
        align-self: flex-start;}
}


/*Blog*/

aside .cat-item {margin-bottom: 30px;}

.entry-meta {font-size: 80%;color: #aaa;margin-bottom: 1em;}

.entry-meta a:link, .entry-meta a:visited {color: #aaa;}
.entry-meta a:hover, .entry-meta a:active {color: #ae2249;}

/*footer.entry-meta {display: none;}*/

.blog article {border-bottom: 1px solid #eee;}

/*.comments-area {display: none;}*/

/*Responsive Video*/

.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;}

.elastic-video iframe, .elastic-video .video-extern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

/*Formular*/

input, textarea {display: block;width: 100%;}

input[type=checkbox], input[type=radio] {zoom: 1.5;vertical-align: middle;display: inline;width: auto;}
span.wpcf7-list-item {margin-left: 0;margin-right: 12px;}

form {margin-top: 20px;}

.wpcf7-list-item-label {padding-bottom: 20px;;}

/*Elemente verstecken*/

.site-branding, .page-id-527 h1, footer.site-info {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;}

/*Graue Boxen*/

.home .col-box-50 .has-2-columns {padding: 25px;}

.rund-links {
	-webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;}

.rund-rechts {
	-webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;}

/*Accordion*/

.accordions {margin-bottom: 1em;}

/*Icons before*/

.icon-phone:before {content: url(../../grafik/phone.svg);}
.icon-fax:before {content: url(../../grafik/fax.svg);}
.icon-mobile:before {content: url(../../grafik/mobile.svg);}
.icon-mail:before {content: url(../../grafik/mail.svg);}
.icon-beratung:before {content: url(../../grafik/conference.svg);}

/*Liste mit Häckchen Grafik*/

.liste-grafik {
    padding-left: 25px;
    list-style-type: none;}

.liste-grafik li {position: relative;}

.liste-grafik li:before {
    content: url(../../grafik/haken.svg);
    position: absolute;
    left: -25px;}

/*Footer*/

.social img {
    width: 45px;
    display: inline-block;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);}

.rechtliches {text-transform: uppercase;}

.logobdrd {width: 200px;}

/*Proven*/
.ProvenExpert_widget_container {
    border: 0;
    text-decoration: none;
    width: 130px;
    z-index: 9999;
    line-height: 0;}

#proven {
	padding-bottom: 60px;
	background-color: #555555;}

body .proven-image img {width: 180px;margin-bottom: 1em;}


/*Sticky Footer*/

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#page {flex: 1 1 auto;}

.container.grid-container {width: 100%;}

/*Beitragsbild*/

.post-image img {
	display: block;
	width: 300px;}

/*Elementor*/

body.page-id-xx .elementor-row, .page-id-xx header.entry-header {
	margin: 0px auto;
    max-width: 1400px;}

/*Ab 900px*/

@media (min-width: 900px) {
	
.home div.col-box-50:nth-child(2) {margin-right: 0 !important;}
	
.page-id-527 div.col-box-25:nth-child(4) {margin-right: 0 !important;}
	
#logo {
    margin: 0px auto;
	margin-top: 20px;
	position: relative;
    padding-bottom: 35px;}
	
#logo img {width: 100%;}
	
#logo span {
    position: absolute;
    right: 0;}
	
#logowrapper-mobile, #subnavi-mobile, #top {display: none;}
	
#subnavi p {display: inline;}
.cta-margin {margin-right: 20px !important;}
#subnavi {
    text-align: center;
    margin-bottom: 40px;}
	
nav.main-navigation {
	background-image: url(../../grafik/navi_bg.svg);	
	background-repeat:no-repeat;
	background-size:cover;
	text-transform: uppercase;
	background-position:center center;
	height: 50px;}
	
nav.main-navigation a::after {
    content: " \2022";}
	
#menu-item-1743 a::after {
    content: "";}
	
#primary-menu a {
	font-weight: 300;
	line-height: 1;
	padding: 15px 8px 0 0;}
	
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a {color: #2f2f2f;}
    
.logobdrd {float: right;margin-left: 20px;}
	
/* Horizontale Zentrierung */
	
#primary-menu {
	display: flex;
	justify-content: center;}
	
/*Unternavi nur für den Fall*/
	
#primary-menu li ul li a {
	padding: 10px;}
	
#primary-menu li ul li a::after {
    content: "";}
	
.social img {width: 40px;}

/*Flex Content*/
	
.page-id-527 .wp-block-image {margin-bottom: 0;}
	
.wp-block-columns {margin-left: 0px;}
	
.row, #content, .wp-block-columns {
    display: flex;
    /*justify-content: space-between;*/}
	
.row {padding-bottom: 60px;}
	
/*Sidebar*/
	
.no-sidebar #primary, .search #primary {flex: 0 1 100%;margin-right: 0;}
	
#primary {flex: 0 1 66%;margin-right: 7%;}
#right-sidebar {flex: 0 1 27%;margin-top: 90px;}
	
.cat-item a {display: block;}
	
/*Keine Abstände bei letzter Spalte*/
/*.has-2-columns div:last-child, .has-3-columns div:last-child, .has-4-columns div:last-child {margin-right: 0;}*/
	
.col-50 {flex: 0 1 50% !important;}
.col-60 {flex: 0 1 55% !important;}
.col-80 {flex: 0 1 74% !important;}
.col-40 {flex: 0 1 38% !important;}
.col-70 {flex: 0 1 65% !important;}
.col-30 {flex: 0 1 29% !important;}
.col-20 {flex: 0 1 18% !important;}
.col-25 {flex: 0 1 25% !important;}
	
/*Spalten auf Seiten mit dem Formular*/
	
.col-form-30 {flex: 0 1 30% !important;}
.col-form-70 {flex: 0 1 62% !important;}
.col-form-80 {flex: 0 1 75% !important;}
.col-form-20 {flex: 0 1 17% !important;}
	
/*Spalten bei grauen Boxen*/
	
.bg-grey {background: #f0f0f0;}	
	
h2.bg-grafik-red {
	background-image: url(../../grafik/box_bg.svg);	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
	text-align: center;
	padding: 10px 0 10px 0;
	margin-bottom: 0;}
	
.col-box-50 .wp-block-columns {min-height: 220px;}
.wp-block-column { margin: 0 20px 0 0 !important;}

}

/*Small*/

@media (max-width: 899px) {
	
.order-1 {order: 1;}
.order-2 {order: 2;}
.order-3 {order: 3;}
.order-4 {order: 4;}
	
.page-hero, #subnavi {display: none;}
	
.home .entry-content {margin-top: 0;}
	
#logo span {
    color: #666666;
    font-size: 0.9rem;
    margin-left: 30px;}
	
#logowrapper-mobile {
    height: 150px;
    background-image: url(../../grafik/header.jpg);}
	
#logo {margin-left: 2%;margin-top: 42px;}
#logo img {width: 180px;}
	
.ProvenExpert_widget_container {
	position: absolute;
	width: 100px;
    right: 0;
	top: 0;}
    
.logobdrd {
    display: block;
    margin-bottom: 20px !important;
    margin-left: auto;
    margin-right: auto;}
	
/*Initiating the mobile navigation at a different width*/	
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items,
.sidebar-nav-mobile:not(#sticky-placeholder) {display: block;}

.main-navigation ul,
.gen-sidebar-nav {display: none;}

[class*="nav-float-"] .site-header .inside-header > * {
	float: none;
	clear: both;}
	
#site-navigation li {border-bottom: 1px solid #fff;}
#site-navigation a {text-align: center;}
#menu-hauptnav {border-top: 1px solid #fff;}
	
#footer-widgets p, #proven {text-align: center;}
#facebook, #xing {margin-right: 10px;}
	
p.rechtliches {line-height: 2;}
	
.wp-block-columns {flex-direction: column;}
	
main, .accordions-head-title, .accordion-content {font-size: 1rem !important;}

h1, .mobile-look-h1 {
	margin-top: 20px;
	margin-bottom: 20px !important;
	font-size: 1.4rem !important;}

h2 {font-size: 1.3rem !important;}

h3, h4 {font-size: 1.2rem !important;}
	
figure.icon img {width: 100%;}
	
div.footer-widget-1, div.footer-widget-2 {width: 100%;}
	
.inside-footer-widgets>div:not(:last-child) {margin-bottom: 40px;}
	
/*Seiten im Boxenlook moblie*/
	
.home .wp-block-column , .page-id-517 .wp-block-column, .page-id-519 .wp-block-column, .page-id-527 .wp-block-column,  .page-id-809 .wp-block-column,  .page-id-811 .wp-block-column,  .page-id-813 .wp-block-column,  .page-id-815 .wp-block-column {margin: 0px auto; width:94%;}
	
.home .col-box-50 .has-2-columns {padding: 0;}
	
.page-id-527 p.cta {padding-top: 30px;}
	
.home h3, .page-id-517, .page-id-519 {text-align: center;}
	
.mobile-look-h1 {
	text-align: center;
	color: #ae2249;
	text-transform: uppercase;}
	
figure.icon {margin: 0px auto;}
	
figure.icon, .icon-start-left img, .icon-start-right img {
	width: 150px !important;
	padding-bottom: 1em;}
	
#right-sidebar {
	width: 100%;
	margin-top: 20px;
	float: none;}
	
#primary {
	width: 100%;
	float: none;}
	
.col-form-30 img {
	display: block;
	margin: 0px auto;
	padding-bottom: 20px;
	padding-top: 20px;
	max-width: 320px;}
	
.icon-start-left img, .icon-start-right img {
	display: block;
	margin: 0px auto;}
	
input[type=checkbox], input[type=radio] {zoom: 2;}
	
#top {
	padding-top: 25px;
	background: #555555;}
	
#top img {
	display: block;
	margin: 0px auto;}

}

/*Small größerer Bereich*/

@media screen and (min-width:600px) and (max-width:899px) {
	
#logowrapper-mobile {height: 180px;}
	
#logo {margin-left: 5%;margin-top: 30px;}
#logo img {width: 240px;}

.wp-block-columns .foto {width: 60%;}
	
.ProvenExpert_widget_container {
	width: 130px;
    right: 20vw;}
	
}

/* Small Retina*/
@media
  screen and (max-width:899px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width:899px) and (min-resolution: 192dpi),
  screen and (max-width:899px) and (min-resolution: 2dppx) {

#logowrapper {background-image: url(../../grafik/header@2x.jpg);}

}

/* Medium */
@media screen and (min-width:900px) and (max-width:1299px) {
	
.container.grid-container, .footer-widgets-container, #proven .grid-container {width: 90%;}
	
#logo {width: 320px;}
	
#logo span {
    font-size: 0.94rem;
    top: 135px;}
	
.page-hero {
    background-image: url(../../grafik/header_m.jpg);
	height: 250px;}
	
#kontaktbox {width: 66%;}
	
.col-30, .col-40, .col-60, .col-70 {flex: 0 1 50%;}
	
.col-80 {flex: 0 1 60%;}
.col-20 {flex: 0 1 40%;}
.col-form-30 {flex: 0 1 40%;}
.col-form-70 {flex: 0 1 60%;}
	
#primary {flex: 0 1 61%;margin-right: 2%;}
#right-sidebar {flex: 0 1 37%;margin-top: 63px;}
	
/*figure.icon {width: 150px;}*/
	
body {font-size: 1.1rem;}
.accordions-head-title, .accordion-content {font-size: 1.1rem !important;}
#primary-menu a {font-size: 1rem !important;}
h1 {
	font-size: 1.5rem !important;
	margin-bottom: 35px !important;}
h2 {font-size: 1.2rem !important;}
h3, h4, h5 {font-size: 1.2rem !important;}
	
.home .col-box-50 ul {font-size: 1rem;}
.page-id-527 .col-box-25 ul {font-size: 0.9rem;}
.home .col-box-50 .has-2-columns {padding: 20px;}
.home .icon-start-left {flex: 0 1 140px;margin-right: 15px;}
.home .icon-start-right {flex: 0 1 140px;}
.home h3 {margin-top: 5px;}
.home p.cta {padding-top: 30px;}
	
.page-id-527 figure.icon img {
	display: block;
	margin:0px auto;
	width: 130px;}
	
.page-id-527 figure.icon {
	width: 100%;
	padding-top: 15px;}
	
.page-id-527 ul {
	min-height: 180px;
	font-size: 1rem;
	padding: 0 5px 25px 35px;}
	
.page-id-527 #content .cta a:link, .page-id-527 #content .cta a:visited {padding: 10px;font-size:1rem;}
	
div.footer-widget-1 {width: 70%;}
div.footer-widget-2 {width: 30%;}	
#facebook, #xing {margin-right: 10px;}
	
}

/* Medium */
@media screen and (min-width:920px) and (max-width:1150px) {
.home .has-2-columns .has-2-columns {height: 180px;}
}

/* Medium Retina*/

@media
  screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:900px) and (max-width:1299px),
  screen and (min-resolution: 192dpi) and (min-width:900px) and (max-width:1299px),
  screen and (min-resolution: 2dppx) and (min-width:900px) and (max-width:1299px) {

.page-hero {background-image: url(../../grafik/header_m@2x.jpg);}	  
	  
}

/*Large*/

@media (min-width: 1300px) {
	
.container.grid-container, .footer-widgets-container, #proven .grid-container {width: 80%;}
	
#logo {width: 400px;}
	
.page-hero {
	background-image: url(../../grafik/header_l.jpg);
	height: 313px;}	

#logo span {
    font-size: 1.18rem;
    top: 170px;}	
	
#kontaktbox {width: 1200px;}
	
body {font-size: 1.2rem;}
.page-id-527 .col-box-25 ul {font-size: 1.1rem;}
#primary-menu a, .accordions-head-title, .accordion-content {font-size: 1.2rem !important;}
h1 {font-size: 1.6rem;}
h2 {font-size: 1.4rem;}
h3, h4, h5 {font-size: 1.3rem;}
	
.home .entry-content {margin-top: 10px;}
.home .icon-start-left {flex: 0 1 240px;margin-right: 20px;}
.home .icon-start-right {flex: 0 1 240px;}
.home h3 {margin-top: 40px;}
	
.page-id-527 figure.icon img {
	display: block;
	margin:0px auto;
	width: 230px;}
	
.page-id-527 figure.icon {padding-top: 25px;}
	
.page-id-527 ul {
	min-height: 220px;
	padding: 0 25px 25px 60px;}
	

div.footer-widget-1 {width: 60%;}
div.footer-widget-2 {width: 40%;}
#facebook, #xing {margin-right: 23px;}
	
}


@media screen and (max-width: 1299px) {
.container.grid-container, .footer-widgets-container {width: 96%;}
#proven .grid-container {width: 90%;}
}


@media screen and (max-width: 1499px) and (min-width: 1300px){
.container.grid-container, .footer-widgets-container, #proven .grid-container {width: 90%;}
#text-3 {padding-left: 0;}
}


/* Proven */

@media screen and (max-width: 1500px) and (min-width: 900px) {
.ProvenExpert_widget_container {
    position: absolute;
    right: 5vw;
	top: 130px;}
}

@media screen and (min-width: 1501px) {
.ProvenExpert_widget_container {
    position: fixed;
    float: left;
    right: 0;
	top: 35vh;}
}

/* Large Retina*/

@media
  screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:1300px),
  screen and (min-resolution: 192dpi) and (min-width:1300px),
  screen and (min-resolution: 2dppx) and (min-width:1300px) {

.page-hero {background-image: url(../../grafik/header_l@2x.jpg);}	  
	  
}

/*Hi DPI*/

@media
  screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:800px),
  screen and (min-resolution: 192dpi) and (min-width:800px),
  screen and (min-resolution: 2dppx) and (min-width:800px) {

.testimage {background-image: url(../../grafik/alt-garge-large@2x.jpg);}	  

}

@media print {
.search-item, .menu-toggle, .site-info, .no-print, .ProvenExpert_widget_container, form, .rechtliches, .social, #proven, .mobile-menu, #site-navigation, .col-form-30 img, p.cta, #sticky-navigation, #right-sidebar, .paging-navigation {display: none;}
	
.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}

}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../../../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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