/* NEWS */

    .news-list-item .img-fluid {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    .news-list-item h3 {
        font-size: 1.8rem;
        margin-top: 0.8rem;
    }
    .list-group-item {
        position: relative;
        padding: 1rem;
        padding-bottom: 0.2rem;
        color: var(--bs-list-group-color);
        text-decoration: none;
        background-color: #f9f9f9;
        border-radius: 1.4rem !important;
        border: 1px solid #f90;
        border-top-width: 1px !important;
        margin-bottom: 1.2rem;
    }
    .news-single h1 {
        font-size: 2.2rem;
        color: #000;
    }



/* NEWS ON MAIN PAGE */

@media all and (min-width: 768px) {
    .frame-background-secondary .news .list-group {
        flex: 0 0 33%;
        flex-direction: row;
    }
    .frame-background-secondary .news .list-group .row {
        --bs-gutter-x: 0;
    }
    .frame-background-secondary .news .list-group-item {
        width: 33%;
    }
}
    .frame-background-secondary .news .list-group-item {
        color: var(--bs-list-group-color);
        text-decoration: none;
        background-color: transparent;
        border-radius: none;
        border: none;
        border-top-width: none;
        background-image: url("/fileadmin/reeshof/logos/news-background-element.png");
    	background-repeat: no-repeat;
    	background-position: bottom center;
    	background-size: contain;
        padding: 2.4rem;
        padding-bottom: 4rem;
    }
    .frame-background-secondary .news .list-group-item .col-md-3,
    .frame-background-secondary .news .list-group-item .col-md-9 {
        width: 100%;
    }
    .frame-background-secondary .news .list-group-item .col-md-9 {
        background-color: #fff;
        border-radius: 1rem;
        padding: 1rem;
        overflow-y: scroll;
        margin-top: -3rem;
    }
    .frame-background-secondary .news .list-group-item .col-md-9 .lead {
        font-size: 1rem;
    }
    .frame-background-secondary .news .list-group-item .col-md-9 h3 {
        font-size: 1.4rem;
    }
@media all and (min-width: 768px) {
    .frame-background-secondary .news .list-group-item .col-md-9 {
        aspect-ratio: 10 / 16;
    }
}
@media all and (min-width: 992px) {
    .frame-background-secondary .news .list-group-item .col-md-9 {
        aspect-ratio: 10 / 12;
    }
}
@media all and (min-width: 1200px) {
    .frame-background-secondary .news .list-group-item .col-md-9 {
        aspect-ratio: 1 / 1;
    }
}
@media all and (min-width: 1400px) {
    .frame-background-secondary .news .list-group-item .col-md-9 {
        aspect-ratio: 100 / 92;
    }
}
@media all and (min-width: 1900px) {
    .frame-background-secondary .news .list-group-item .col-md-9 {
        aspect-ratio: 100 / 82;
    }
}



    #p1 #c8 h1 {
        color: #000099;
    }
    #c321 p {
        font-size: 0.92em;
    }
    #c321 .frame-background-light {
        --frame-background: rgba(255,255,255,0);
    }
    #c321 .gallery-item img, 
    #c321 .gallery-item picture {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

@media all and (min-width: 992px) {
    #c321 .textpic-text {
        aspect-ratio: 1 / 1;
    }
}
@media all and (min-width: 1400px) {
    #c321 .textpic-text {
        aspect-ratio: 100 / 92;
    }
}
@media all and (min-width: 1900px) {
    #c321 .textpic-text {
        aspect-ratio: 100 / 82;
    }
}
    #c321 .frame-no-backgroundimage {
    	background-image: url("/fileadmin/reeshof/logos/news-background-element.png");
    	background-repeat: no-repeat;
    	background-position: bottom center;
    	background-size: contain;
    }
    #c321 .contentcontainer .frame-layout-default .frame-container-default {
        padding-left: 1.8em;
        padding-right: 1.8em;
        padding-bottom: 2.8rem;
    }
    #c321 .contentcontainer {
        gap: 0;
    }



/* FONT AND COLOR DEFINITON, SOME MORE IN TYPO3 TEMPLATE CONSTANTS */

html, body {
    font-family: 'Montserrat', sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}
@media all and (min-width: 1px) {
	html, body {
		font-size: 14px;
	}
}
@media all and (min-width: 1200px) {
	html, body {
		font-size: 16px;
	}
}
@media all and (min-width: 1600px) {
	html, body {
		font-size: 18px;
	}
}
@media all and (min-width: 1900px) {
	html, body {
		font-size: 20px;
	}
}
    h2 {
        font-family: 'Cairo', sans-serif;
        font-stretch: normal;
        font-weight: 600;
        margin-bottom: 1rem;
    }
    p + h2 {
        margin-top: 2rem;
    }
    h2 .text-tertiary {
        font-weight: 700 !important;
        text-transform: uppercase;
    }
	h3 {
		font-size: 1.48em;
        font-family: 'Cairo', sans-serif;
        font-stretch: normal;
        font-weight: 600;
        margin-bottom: 0.6rem;
	}
	p + h3 {
        margin-top: 1.2rem;
    }
	h4,
	h4 a,
	h4 a:hover,
	h4 a:visited {
		font-weight: 500;
		font-size: 1.14em;
        transform: scale(.95, 1);
		margin-bottom: 0.2em;
		line-height: 1.28em;
	}
	p, #page-content li {
		--bs-body-font-weight: 300;
	}
    p, li {
        letter-spacing: -0.03em;
	}
    .text-justify {
        text-align: justify;
        text-align-last: center;
    }
	#content a {
		font-weight: bold;
	}
	hr {
		border-top: 1px solid #c22a36;
	}
    strong {
        font-weight: 600;
    }



/* ADJUST LAYOUT SIZE AND NAVIGATION HEADER */

    #page-content {
      background-image: url("/fileadmin/reeshof/specialimages/Website-background.gif");
      background-size: 100% auto;
    }
    #page-header {
    	border-bottom: 1px solid #ff9900;
    	box-shadow: 0 0 16px 16px rgba(0,0,0,0.1);
    }
    .nav-link {
    	font-weight: 500;
        transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out, font-size 0.15s ease-in-out;
    }
    .nav-link-dropdown:hover, .nav-link-dropdown:focus {
        font-size: 1.1rem;
    }
@media all and (min-width: 768px) {
    .section-column-third {
        --section-gaps: 2;
    } 
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.frame-container-default,
    .container {
		max-width: 98%;
	}
    h2 .text-tertiary {
        font-size: 1.6rem;
        hyphens: auto;
    }
}
@media all and (max-width: 991px) {
    .navbar-mainnavigation .navbar-brand {
        min-width: calc(100% - 64px);
        height: 80px;
    }
    .navbar-mainnavigation .navbar-brand-image img {
        max-height: 80px;
    }
}
@media all and (min-width: 992px) {
    .navbar-mainnavigation .navbar-brand-image img {
		max-height: 100%;
	}
    .navbar-mainnavigation .nav-style-mega .dropdown-menu {
        margin-left: 28%;
        max-width: 70%;
    }
    .navbar-mainnavigation .navbar-brand-image {
        position: absolute;
        padding: 0;
        z-index: 100000;
    }
    .navbar-mainnavigation .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: end;
        --mainnavigation-link-line-height: 1.2rem;
    }
    .navbar-mainnavigation .nav-spacer {
        flex-basis: 100%;
        height: 0;
    }
    .navbar-mainnavigation > .container, .navbar-mainnavigation > .container-fluid, .navbar-mainnavigation > .container-sm, .navbar-mainnavigation > .container-md, .navbar-mainnavigation > .container-lg, .navbar-mainnavigation > .container-xl, .navbar-mainnavigation > .container-xxl {
        flex-wrap: wrap;
    }
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 48px;
    }
    .navbar-mainnavigation .nav-style-simple .dropdown-menu {
        z-index: 1000000;
    }
    .navbar-mainnavigation .navbar-brand {
		height: 120px;
	}
	.body-bg-top {
		padding-top: 120px;
	}
    .navbar-mainnavigation .navbar-brand-image {
        top: 8px;
    }
    .navbar-mainnavigation .dropdown-nav[data-level="2"] {
        grid-template-columns: 1fr 1fr;
    }
    .navbar-mainnavigation .dropdown-nav[data-level="3"] {
        display: block;
    }
}
@media all and (min-width: 1200px) {
    .navbar-mainnavigation .navbar-brand-image {
        top: 14px;
    }
    .nav-link-text {
      white-space: nowrap;
    }
}
@media all and (min-width: 1400px) {
	.navbar-mainnavigation .navbar-brand {
		height: 148px;
	}
	.body-bg-top {
		padding-top: 148px;
	}
    .navbar-mainnavigation {
        --mainnavigation-nav-height: 60px;
    }
    .navbar-mainnavigation .navbar-brand-image {
        top: 6px;
    }
}
@media all and (min-width: 1600px) {
	.frame-container-default,
    .container {
		max-width: 1400px;
	}
	.carousel .item .valign {
		width: 1360px;
	}
    .navbar-mainnavigation .navbar-brand-image {
        top: 12px;
    }
    .navbar-mainnavigation .nav-style-mega .dropdown-menu {
        margin-left: 50%;
        max-width: 50%;
    }
}
@media all and (min-width: 1900px) {
	.frame-container-default,
    .container {
		max-width: 1740px;
	}
	.carousel .item .valign {
		width: 1700px;
	}
    .navbar-mainnavigation .navbar-brand-image {
        top: 18px;
    }
}



/* NAVIGATION SHOWS HOME CAREER CONTACT ON TOP FOR DESKTOP AND AT BOTTOM FOR MOBILE DEVICES */

@media all and (max-width: 991px) {
    .navbar-nav li:nth-child(2) {
        order: 1000;
    }
    .navbar-nav li:nth-child(3) {
        order: 1001;
    }
}
@media all and (min-width: 992px) {
    #nav-item-5.nav-link,
    #nav-item-14.nav-link,
    #nav-item-31.nav-link,
    #nav-item-51.nav-link {
        color: #942880;
    }
}



/* NAVIGATION LEVEL 2 NOT LINKED */

    .navbar-mainnavigation .dropdown-nav[data-level="2"] .nav-link-dropdown {
        max-height: 1.8rem;
        pointer-events: none;        
    }
    .navbar-mainnavigation .dropdown-nav[data-level="3"] .nav-link-dropdown {
        max-height: none;
        pointer-events: auto;        
    }



/* NAVIGATION LEVEL 4 */

    .dropdown-nav[data-level="4"] {
        margin-left: 1rem;
    } 



/* LARGE HEADLINES GET FORCED TO OVERLAP */

	h1 {
        margin-bottom: 0.6rem;
        font-size: 2.26em;
        font-family: 'Cairo', sans-serif;
        font-stretch: normal;
		font-weight: 700;
        color: #ff9900;
        overflow: visible;
        text-transform: uppercase;
	}
    .frame-background-primary h1 {
        color: #000;
    }
@media all and (min-width: 768px) {
    h1 {
        font-size: 3em;
        line-height: 0.9em;
    }
}
@media all and (min-width: 992px) {
    h1 {
        font-size: 4em;
    }
}
@media all and (min-width: 1200px) {
    h1 {
        font-size: 5.8em;
    }
}
    .textpic-text {
        z-index: 500;
    }
@media all and (min-width: 992px) {
    #c12,
    #c64,
    #c161,
    #c280,
    #c285,
    #c308 {
		margin-bottom: -6em !important;
        overflow: visible;
        z-index: 100;
    }
}
@media all and (min-width: 1200px) {
    #c12,
    #c64,
    #c161,
    #c280,
    #c285,
    #c308 {
		margin-bottom: -6.8em !important;
    }
}



/* MORE LARGE HEADLINES WITH NICE BACKGROUND */

    #frame-backgroundimage-c16,
    #frame-backgroundimage-c295,
    #frame-backgroundimage-c296 {
        background-size: contain;
        background-position: center right;
        background-repeat: no-repeat;
    }
    #frame-backgroundimage-c297,
    #frame-backgroundimage-c298,
    #frame-backgroundimage-c299 {
        background-size: contain;
        background-position: center left;
        background-repeat: no-repeat;
    }
    #c16 h1,
    #c295 h1,
    #c296 h1,
    #c297 h1,
    #c298 h1,
    #c299 h1 {
        color: #000099;
        margin-right: 0.6em;
        margin-left: 0.6em;
    }
@media all and (max-width: 991px) {
    #c16 h1,
    #c295 h1,
    #c296 h1,
    #c297 h1,
    #c298 h1,
    #c299 h1 {
        font-size: 2.8rem;
    }
}
    #c292 h1 {
        margin-bottom: -3rem;
        overflow: visible;
    }



/* SLIDER */

    .carousel .carousel-content-inner {
        max-width: 80%;
	max-height: 380px !important;
    }
@media all and (max-width: 767px) {
    .carousel .carousel-content-inner {
        max-width: 80%;
	max-height: 280px !important;
    }
}
    .carousel-small h1 {
        font-size: 1.4rem;
    }
}



/* SLIDER FOR OPEN DAG */

    .carousel-item-type-text .carousel-text-inner {
        width: auto;
        padding-top: 4rem;
        padding-left: 3rem;
        padding-right: 6rem;
        padding-bottom: 4rem;
        margin-top: 140px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: auto;
        background-color: rgba(0,0,0,0);
        background-image: url("/fileadmin/reeshof/logos/orange-box-bright-left-transparent.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        border-radius: 1rem;
        max-width: auto;
    }
    .carousel-item-type-text .carousel-text-inner h1 {
        color: #fff;
        font-size: 3rem;
        line-height: 3rem;
    }
@media all and (min-width: 768px) {
    .carousel-item-type-text .carousel-text-inner h1 {
        color: #fff;
        font-size: 4.2rem;
        line-height: 4.2rem;
    }
}
@media all and (min-width: 992px) {
    .carousel-item-type-text .carousel-text-inner h1 {
        color: #fff;
        font-size: 5rem;
        line-height: 5rem;
    }
}
@media all and (min-width: 1600px) {
  	.carousel-item-type-text .carousel-text-inner {
        margin-top: 200px;
    }
    .carousel-item-type-text .carousel-text-inner h1 {
        color: #fff;
        font-size: 6rem;
    }
}
    .carousel-content {
    	border-bottom: 3px solid #fff;
    }
    .carousel-content .btn, 
    .carousel-content .frame-type-felogin_login input[type="submit"],
    .carousel-content .cc-btn {
        font-size: 1.48rem;
    }
    .carousel-content .btn:hover, 
    .carousel-content .frame-type-felogin_login input[type="submit"]:hover,
    .carousel-content .cc-btn:hover {
        font-size: 1.68rem;
    }
@media all and (max-width: 991px) {
    .navbar+.main-section>a+.carousel-fullscreen,
    .navbar+.main-section>a+.carousel-fullscreen .carousel-item,
    .navbar+.main-section>a+a+.carousel-fullscreen,
    .navbar+.main-section>a+a+.carousel-fullscreen .carousel-item {
        height: 72vh;
    }
    .carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
    }
}
    .carousel-item-type-image .carousel-image {
      	max-width: 72%;
    	margin: auto 0 2rem auto;
    }
@media all and (min-width: 768px) {
    .carousel-content {
    	background-size: 120%;
    }
    .carousel-item-type-image .carousel-image {
      	max-width: 52%;
    	margin: auto 0 4rem auto;
    }
}
@media all and (min-width: 992px) {
    .carousel-content {
    	background-size: contain;
    }
    .carousel-item-type-image .carousel-image {
      	max-width: 42%;
    	margin: auto 0 6rem auto;
    }
    .carousel-small .item {
        height: 460px;
    }
}
@media all and (min-width: 1200px) {
    .carousel-item-type-image .carousel-image {
    	max-width: 32%;
    	margin: auto 0 6rem auto;
    }
    .carousel-small .item {
        height: 540px;
    }
}
@media all and (min-width: 1600px) {
    .carousel-item-type-image .carousel-image {
    	max-width: 32%;
    	margin: auto 0 6rem auto;
    }
    .carousel-small .item {
        height: 680px;
    }
    .carousel-item-type-text .carousel-text-inner {
        margin-left: 12%;
        margin-top: 18%;
    }
}
@media all and (min-width: 1900px) {
    .carousel-item-type-image .carousel-image {
    	max-width: 32%;
    	margin: auto 0 6rem auto;
    }
    .carousel-small .item {
        height: 800px;
    }
}
@media all and (min-width: 2400px) {
    .carousel-small .item {
        height: 42vh;
    }
    .carousel-item-type-text .carousel-text-inner {
        margin-top: 460px;
    }
}



/* TABLE */

    table {
        min-width: 100%;
        margin: 0rem 0rem 1.5rem 0rem;
        text-align: left;
        border-collapse: collapse;
        background-color: #64ea00;
    }
    table th, table td {
        padding: 1rem;
        vertical-align: top;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-collapse: collapse;
    }
    table th {
        background-color: rgba(50,214,0,0.5);
    }
    table td {
        background-color: rgba(50,214,0,0.14);
    }



/* FOOTER */

	.footer-section img {
		width: 140px;
		height: auto;
	}
    #language_menu,
    .footer-copyright {
        display: none;
    }
    .footer-contact {
        text-align: center;
    }



/* INDIVIDUAL CONTENT ELEMENTS */

    #c9 figure,
    #c10 figure,
    #c11 figure,
    #c48 figure,
    #c49 figure,
    #c50 figure,
    #c110 figure,
    #c111 figure,
    #c112 figure,
    #c116 figure,
    #c117 figure,
    #c118 figure,
    #c119 figure,
    #c120 figure,
    #c121 figure {
        max-width: 240px;
        margin: 0 auto;
    }
    #c275 figure, 
    #c276 figure,
    #c277 figure {
        max-width: 320px;
        margin: 0 auto;
    }
    h1 .text-uppercase {
        font-size: 4.8rem;
        line-height: 4.8rem;
        opacity: 0.5;
        color: #ffffff;
    }
    #c7 {
        background-image: url("/fileadmin/reeshof/logos/orange-box-big.png");
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: contain;
        background-opacity: 0.25;
    }
    #page-content img {
        border-radius: 1rem;
    }
    #c22 {
        background-color: #333;
    }
    #c22 img {
        border-radius: 0;
    }
    #c227 .contentcontainer-column,
    #c231 .contentcontainer-column {
        background-image: url("/fileadmin/reeshof/logos/orange-element-background.png");
    	background-repeat: no-repeat;
    	background-position: top left;
    	background-size: auto 300px;
        padding-left: 6rem;
    }
@media all and (max-width: 1600px) {
    #c227 .contentcontainer-column,
    #c231 .contentcontainer-column {
    	background-size: auto 220px;
        padding-left: 5.2rem;
    }
}
@media all and (max-width: 1400px) {
    #c227 .contentcontainer-column,
    #c231 .contentcontainer-column {
    	background-size: auto 240px;
        padding-left: 4.8rem;
    }
}
@media all and (max-width: 1200px) {
    #c227 .contentcontainer-column,
    #c231 .contentcontainer-column {
    	background-size: auto 180px;
        padding-left: 4.8rem;
    }
}
@media all and (max-width: 992px) {
    #c227 .contentcontainer-column,
    #c231 .contentcontainer-column {
    	background-size: auto 200px;
    }
}
@media all and (max-width: 768px) {
    #c227 .contentcontainer-column,
    #c231 .contentcontainer-column {
    	background-size: auto 192px;
    }
}
#p42 .section-light {
    background-color: #fff;
}



/* ELEMENTS WITH LARGE IMAGE TO THE SIDE */

    #c25 .frame-backgroundimage {
        background-size: 50%;
        background-position: right center;
        background-repeat: no-repeat;
    }
    #c26 .lead {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-right: 2rem;
    }
    #c28 .frame-backgroundimage {
        background-size: 50%;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #c29 .lead {
        margin-left: 2rem;
    }
    #c182 .frame-backgroundimage {
        background-size: 50%;
        background-position: right center;
        background-repeat: no-repeat;
    }
    #c183 .lead {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-right: 2rem;
    }



/* NEWS */

    #p1 #c8 h1 {
        color: #000099;
    }
    #c321 p {
        font-size: 0.92em;
    }
    #c321 .frame-background-light {
        --frame-background: rgba(255,255,255,0);
    }
    #c321 .gallery-item img, 
    #c321 .gallery-item picture {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    #c321 .textpic-text {
        background-color: #fff;
        border-radius: 1rem;
        padding: 1rem;
        overflow-y: scroll;
        margin-top: -3rem;
    }
@media all and (min-width: 992px) {
    #c321 .textpic-text {
        aspect-ratio: 1 / 1;
    }
}
@media all and (min-width: 1400px) {
    #c321 .textpic-text {
        aspect-ratio: 100 / 92;
    }
}
@media all and (min-width: 1900px) {
    #c321 .textpic-text {
        aspect-ratio: 100 / 82;
    }
}
    #c321 .frame-no-backgroundimage {
    	background-image: url("/fileadmin/reeshof/logos/news-background-element.png");
    	background-repeat: no-repeat;
    	background-position: bottom center;
    	background-size: contain;
    }
    #c321 .contentcontainer .frame-layout-default .frame-container-default {
        padding-left: 1.8em;
        padding-right: 1.8em;
        padding-bottom: 2.8rem;
    }
    #c321 .contentcontainer {
        gap: 0;
    }



/* CALENDAR */

    .active.hasEvents ul {
      padding-left: 0rem;
      Padding-right: 0rem;
      list-style-type: none;
      font-size: 0.87rem;
    }
    .panel-body h1 {
      font-size: 2rem;
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .weekdays {
      font-size: 0.87rem;
      font-weight: 600;
      color: #942880;
    }
    .table-year,
    .table-year th {
      background-color: rgba(255,255,255,0);
    }
    .btn-group {
      margin-top: 2.8rem;
    }
    #p59 .btn-primary,
    #p60 .btn-primary,
    #p61 .btn-primary {
      display: none;
    }
    #p59 .f3-widget-paginator,
    #p60 .f3-widget-paginator,
    #p61 .f3-widget-paginator {
      display: none;
    }
    #p59 .frame-layout-embedded>.frame-group-container>.frame-group-inner,
    #p60 .frame-layout-embedded>.frame-group-container>.frame-group-inner,
    #p61 .frame-layout-embedded>.frame-group-container>.frame-group-inner {
        border: 1px solid rgba(71,218,26,1);
    }



/* FONTS */

/* cairo-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/cairo-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cairo-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/cairo-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cairo-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}