/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}





/* lato-regular - latin */
@font-face {
	font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../Fonts/lato/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../Fonts/lato/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
	font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('../Fonts/lato/lato-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../Fonts/lato/lato-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* baskerville fonts.com */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7502089b-2a86-437f-907a-28497ecc6ba9");
@font-face{
	font-display: swap;
    font-family:"baskerville";
    font-weight: 700;
    src:
        url("../Fonts/baskerville/93cbf076-350b-4c84-bdf7-6f389673a325.woff2") format("woff2"),
        url("../Fonts/baskerville/782d010e-b91f-47e6-822c-8dc68abf4d90.woff") format("woff");
}





/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}





/* ==========================================================================
   Author's custom styles

   font-family: 'Lato', sans-serif; 400/700

   black #263828
   red #E23841
   salmon #F7E5D3
   light salmon #fff7f0
   dark green #3A553D
   green #688064
   light-green #F1F3EE

   .ce-news [101]
   .ce-hero [102]
   .ce-teaser1 [105]
   .ce-teaser2 [103]
   .ce-teaser3 [104]
   .ce-teaser4 [107]
   .ce-wrapdetail [106]
   .ce-back [108]
   .ce-team [109]
   .ce-principle [110]
   .ce-history [111]
   ========================================================================== */

html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #263828;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    line-height: 1.4;
}

body, body.layout-0 { background: #F1F3EE; }
body.layout-1 { background: #fff7f0; }

*, :after, :before { -webkit-box-sizing: inherit; box-sizing: inherit }
body.no-scroll { height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
img, embed, object { max-width: 100%; height: auto; width: 100%; }
strong { font-weight: 700; }
a, a:visited { color: #263828; text-decoration: none; }
a:hover { color: #263828; text-decoration: none; }
.centerwrap { margin: 0 auto; max-width: 77.5rem; width: 80%; }


/* ==================================================
   powermail form definitions
   ================================================== */

.tx-powermail .powermail_form_1 { margin: 0 auto; width: 100%; }
.powermail_label { display: block; margin-bottom: .75rem; }

.tx-powermail input[type="text"],
.tx-powermail input[type="email"],
.tx-powermail textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 1px solid #263828; border-radius: .5rem; -webkit-box-shadow: none; box-shadow: none; margin:  0 0 2rem; padding: 1rem 1.25rem; width: 100%; }
.tx-powermail input[type="text"]:focus,
.tx-powermail input[type="email"]:focus,
.tx-powermail textarea:focus {  }
.tx-powermail textarea { height: 10rem; }

.tx-powermail input[type="text"].parsley-error,
.tx-powermail input[type="email"].parsley-error,
.tx-powermail textarea .parsley-error { border-color: #E23841; }

ul.powermail-errors-list { list-style: none; margin: -1rem 0 2rem; padding: 0; }
ul.powermail-errors-list li { color: #E23841; }




/* ==================================================
   site header
   ================================================== */

.site-header { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #688064; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.125rem; font-weight: 700; height: 6.25rem; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; left: 0; padding: 0 10%; position: fixed; top: 0; width: 100%; z-index: 10; }

a.logo { display: block; height: 3.875rem; position: relative; text-decoration: none; -webkit-transition: height .2s ease-out, width .2s ease-out; transition: height .2s ease-out, width .2s ease-out; width: 6.9375rem; z-index: 2; }
a.logo--bigger { height: 4rem; width: 7.125rem; }

.menu-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: block; height: 2.25rem; margin-right: -1rem; padding: 1rem; position: relative; width: 1.5rem; z-index: 2; }
.menu-close { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: none; height: 2.25rem; margin-right: -1rem; padding: 1rem; position: relative; width: 1.5rem; z-index: 2; }

.nav-oc { display: none; }
.nav-oc--open { background: #688064; bottom: 0; color: #F7E5D3; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; left: 0; overflow-y: auto; padding: 10rem 10% 0; position: fixed; right: 0; top: 0; z-index: 2; }
.nav-oc__bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: calc( ( 100vw - 100% ) / -2 ); width: 100vw; }

/* nav-main */
.nav-main { display: none; }

.nav-oc .nav-main { display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.nav-oc .nav-main-l1 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; list-style: none; height: 100%; margin: 0; padding: 0; }
.nav-oc .nav-main-l1 li a { color: #F7E5D3; padding-bottom: .3125rem; }
.nav-oc .nav-main-l1__link--open, .nav-oc .nav-main-l1__link--cur, .nav-oc .nav-main-l1__link--act { border-bottom: 1px solid #F7E5D3; }
.nav-oc .nav-main-l2 { display: none; }

.nav-oc .nav-main-l1__item { position: relative; margin-bottom: 2rem; width: 100%; }
.nav-oc .nav-main-l1__item--has-sub svg { -webkit-box-sizing: border-box; box-sizing: border-box; /*border: 1px solid #F7E5D3;*/ border-radius: 1rem; height: 2rem; padding: .5rem; position: absolute; right: 0; top: 0; -webkit-transition: background .2s ease-out, -webkit-transform .2s ease-out; transition: background .2s ease-out, -webkit-transform .2s ease-out; transition: background .2s ease-out, transform .2s ease-out; transition: background .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; width: 2rem; }
.nav-oc .nav-main-l1__item--has-sub svg path { -webkit-transition: fill .2s ease-out; transition: fill .2s ease-out; }
.nav-main-l1__more--open { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-oc .nav-main-l1__item--has-sub svg:hover path, .nav-main-l1__more--open path { /*fill: #688064;*/ }

.nav-oc .nav-main-l2 { list-style: none; margin: 1rem 0 2rem; padding: 0; }
.nav-oc .nav-main-l2 li a { color: #fff; display: block; padding: .5rem 0; }
.nav-oc .nav-main-l2 li a:hover, .nav-oc a.nav-main-l2__link--cur { color: #F7E5D3 !important; }

/* nav-lang */
.nav-lang { display: none; }
.nav-oc .nav-lang { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #3A553D; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0 10% 0 5%; width: 100%; }
.nav-oc .nav-lang__item { color: #688064; padding: 1rem; text-transform: uppercase; }
.nav-oc a.nav-lang__link { color: #688064; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
.nav-oc a.nav-lang__link:hover { color: #fff; }
.nav-oc .nav-lang__item--act,
.nav-oc a.nav-lang__link--act { color: #fff; }

/* nav-login */
a.nav-login { display: none; }
.nav-oc a.nav-login { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #263828; color: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 5rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 5% 0 10%; width: auto; }
.nav-oc a.nav-login > span:first-child { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.nav-oc a.nav-login > span > span:first-child { height: 1.75rem; margin-right: 1rem; width: 1.75rem; }
.nav-oc a.nav-login > span > span:nth-child(2) { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; }


/* ==================================================
   content
   ================================================== */

.site-content { font-size: 1.125rem; margin-top: 6.25rem; }
.slim { margin-left: auto; margin-right: auto; width: 100%; }

h1,h2,h3,h4,h5 { line-height: 1.1; margin: 0 0 1em; }
h1 { font-family: 'baskerville', serif; font-size: 2.25rem; font-weight: 700; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
h2 { font-family: 'baskerville', serif; font-size: 2.25rem; font-weight: 700; }
h3 { font-family: 'baskerville', serif; font-size: 1.5rem; font-weight: 700; }
h4 { font-family: 'baskerville', serif; font-size: 1.5625rem; font-weight: 700; margin-bottom: 1.5em; }
p { margin: 0 0 1.5em; }
ul { margin: 0 0 1.5em; }

a.btn, .btn, .powermail_submit {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
    background-color: #263828;
    background-image: url('../Images/arrow-right--salmon.svg');
    background-position: right 1em center;
    background-repeat: no-repeat;
    background-size: .4375em;
    border: none;
    border-radius: .5rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #F7E5D3;
    display: inline-block;
    font-size: 1rem;
    padding: .75em 2.25em .75em 1.25em;
}

a.btn--red, .btn--red { background-color: #E23841; }
a.btn--green, .btn--green, .powermail_submit { background-color: #688064; color: #fff7f0; }
a.btn--salmon, .btn--salmon { background-color: #F7E5D3; background-image: url('../Images/arrow-right--black.svg'); color: #263828; }


a.btn-download, .btn-download {
    background-color: #263828;
    background-image: url('../Images/download--salmon.svg');
    background-position: right 1em center;
    background-repeat: no-repeat;
    background-size: 1.1875em;
    border-radius: .5rem;
    color: #F7E5D3;
    display: inline-block;
    font-size: 1rem;
    padding: .75em 3em .75em 1em;
}

a.btn-download--red, .btn-download--red { background-color: #E23841; }

a.btn-plain, .btn-plain {
    background-color: #263828;
    border-radius: .5rem;
    color: #F7E5D3;
    display: inline-block;
    font-size: 1rem;
    padding: .75em 1em;
}

a.btn-plain--salmon, .btn-plain--salmon { background-color: #F7E5D3; color: #263828; }
a.btn-plain--red, .btn-plain--red { background-color: #E23841; color: #fff; }

a.btn-phone, .btn-phone {
    background-color: #263828;
    background-image: url('../Images/phone--salmon.svg');
    background-position: left 1em center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    border-radius: .5rem;
    color: #F7E5D3;
    display: inline-block;
    font-size: 1rem;
    padding: .75em .75em .75em 3em;
}

.text-center { text-align: center; }

p.arrow--right { background-image: url('../Images/arrow-right--black.svg'); background-position: right center; background-repeat: no-repeat; background-size: .4375em; display: inline-block; padding-right: .75em; }


/* ==================================================
   site-footer
   ================================================== */

.site-footer {
    background-color: #263828;
    background-image:
        url('../Images/bg-1.svg'),
        url('../Images/bg-2.svg');
    background-position: left 25% bottom -1rem, right -1rem bottom 20%;
    background-repeat: no-repeat, no-repeat;
    background-size: 8rem;
    color: #F7E5D3;
    font-size: 1rem;
    line-height: 1.5;
    padding: 4rem 0;
}

.site-footer-outer { margin: 0 auto; max-width: 77.5rem; padding-bottom: 20vw; }
.site-footer-inner { display: block; margin: 0 auto; width: 80%; }
.site-footer-inner > div { width: 100%; }
.site-footer-inner > div:nth-child(1) { margin-bottom: 2rem; }
.site-footer-inner > div:nth-child(2) { display: none; }
.site-footer-inner > div:nth-child(3) { display: none; }
.site-footer-inner > div:nth-child(4) .site-footer__title { display: none; }
.site-footer a { color: #F7E5D3; }
.site-footer__logo { z-index: 1; }
.site-footer__title { font-family: 'baskerville', serif; font-size: 1.375rem; font-weight: 700; margin: 1rem 0; }
.site-footer__icon { margin-right: .75rem; width: 1.25rem; }
.site-footer__contact-nr { margin-bottom: 1rem; }
.site-footer__contact-nr > span { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.site-footer__mwst { margin-bottom: 0; }

.nav-footer-l1 { list-style: none; margin: 0; padding: 0; }

.site-socket { background: #688064; color: #F7E5D3; font-size: .875rem; }
.site-socket-outer { margin: 0 auto; max-width: 77.5rem; }
.site-socket-inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.6875rem; margin: 0 auto; width: 86.3%; }
.site-socket-inner > div:nth-child(1) { margin-left: auto; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.nav-meta { margin-left: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.nav-meta-l1 { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; }
.nav-meta-l1__item { padding: 0 1rem; }
a.nav-meta-l1__link { color: #F7E5D3; padding: 0 1rem; }


/* ==================================================
   ce-table
   ================================================== */

.ce-table { margin: 0; padding: 0; }
.ce-table th, .ce-table td { border: none; padding: .75em 0; }


/* ==================================================
   ce-uploads
   ================================================== */

.ce-uploads-def { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; margin: 3rem 0 5rem -1.875rem; padding: 0; width: calc( 100% + 3.75rem) }
.ce-uploads-def__item { padding: 1.875rem; width: 100%; }
.ce-uploads-def__link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.ce-uploads-def__img { margin-bottom: 1rem; }
.ce-uploads-def__text { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: .75rem; }
.ce-uploads-def__filename { font-size: 1.375rem; font-weight: 700; }
.ce-uploads-def__desc { font-size: 1rem; font-weight: 400; margin-top: .75rem; }
.ce-uploads-def__download { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 700; }
.ce-uploads-def__ext { text-transform: uppercase; }
.ce-uploads-def__download-icon { width: 1.25rem; }

.ce-uploads-def__icon-wrap { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 15.3125rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; }
img.ce-uploads-def__icon { -webkit-filter: grayscale(100%); filter: grayscale(100%); width: auto !important; }
.ce-uploads-def__noicon { font-size: 2rem; font-weight: 700; text-transform: uppercase; }


.ce-uploads-jobs { list-style:  none; margin: 3rem 0 5rem; padding: 0; }
.ce-uploads-jobs__item { border-top: 2px solid #263828; }
.ce-uploads-jobs__item:last-child { border-bottom: 2px solid #263828; }
.ce-uploads-jobs__link { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 1.5rem .75rem; }
.ce-uploads-jobs__link > div:first-child { margin-bottom: .5rem; width: 100% }
.ce-uploads-job__filename { font-family: 'baskerville', serif; font-size: 1.875rem; font-weight: 700; margin: 0; }
.ce-uploads-job__extension { text-transform: uppercase; }


/* ==================================================
   ce-hero [102]
   ================================================== */

.ce-hero { background: #688064; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: unset; margin-bottom: 3rem; margin-left: calc( ( 100vw - 100% ) / -2 ); width: 100vw; }
.ce-hero__img-wrap { background-color: #688064; background-position: left center; background-repeat: no-repeat; background-size: cover; height: 47vw; margin: 0 auto -10%; overflow: hidden; position: relative; width: 80%; }

.ce-hero__text-wrap {
    background-color: #F7E5D3;
    background-image:
        url('../Images/bg-3.svg'),
        url('../Images/bg-4.svg');
    background-position: left 25% bottom -1rem, right -1rem bottom 20%;
    background-repeat: no-repeat, no-repeat;
    background-size: 10rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10% 8rem;
    padding-top: calc( 1.5rem + 10%);
    width: 100%;
}

.ce-hero__text-wrap--color1 { background-color: #F7E5D3; }
.ce-hero__text-wrap--color2 { background-color: #F1F3EE; }

.ce-hero__text { width: 32rem; }
.ce-hero__text p { margin-bottom: 2em; }
h1.ce-hero__h1 { font-family: 'baskerville', serif; font-size: 2.25rem; font-weight: 700; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 .5em; }


/* ==================================================
   ce-teaser-1 [105]
   ================================================== */

.ce-teaser-1 { background: #F7E5D3; margin-bottom: 5rem; margin-left: calc( ( 100vw - 100% ) / -2 ); margin-top: 47vw; overflow: visible; position: relative; width: 100vw; }
.ce-teaser-1 .slim { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.ce-teaser-1-inner { overflow: visible; position: relative; }
.ce-teaser-1__text-wrap { -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-top: calc( 1.5rem); max-width: 100%; }
.ce-teaser-1__text p { margin-bottom: 2em; }
h2.ce-teaser-1__h2 { font-family: 'baskerville', serif; font-size: 2.25rem; font-weight: 700; margin: 0 0 .5em; }
.ce-teaser-1__img-wrap { background-position: left center; background-repeat: no-repeat; background-size: cover; height: 47vw; margin-top: calc(-47vw + 12%); -webkit-order: 1; -ms-flex-order: 1; order: 1; overflow-x: visible; position: relative; width: 100%; }
.ce-teaser-1--reverse .ce-teaser-1__text-wrap { margin-left: 53.5%; }
.ce-teaser-1--reverse .ce-teaser-1__img-wrap { background-position: center center; left: calc( ( 100vw - 100% ) /-2 ); }


/* ==================================================
   ce-teaser-2 [103]
   ================================================== */

.ce-teaser-2 { background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 5rem 0; min-height: auto; }
.ce-teaser-2__img-wrap { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 40vw; overflow: hidden; position: relative; width: 100%; }
.ce-teaser-2__text-wrap { padding: 2rem 1.25rem; width: 100%; }
.ce-teaser-2__text p { margin-bottom: 2em; }
h2.ce-teaser-2__h2 { font-family: 'baskerville', serif; font-size: 2.25rem; font-weight: 700; margin: 0 0 .5em; }


/* ==================================================
   ce-teaser-3 [104]
   ================================================== */

.ce-teaser-3 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 11rem; margin-top: 5rem; }
.ce-teaser-3__img-wrap { width: 100%; }
.ce-teaser-3__img-inner { position: relative; width: 100%; }
.ce-teaser-3__img-1 { position: relative; width: 70%; }
.ce-teaser-3__img-2 { bottom: -5rem; height: auto; right: 0; position: absolute; width: 70%; }
.ce-teaser-3__text-wrap { padding: 7.5rem 0 0; width: 100%; }
.ce-teaser-3__text p { margin-bottom: 2em; }
h2.ce-teaser-3__h2 { font-size: 2.25rem; margin: 0 0 .5em; }


/* ==================================================
   ce-teaser-4 [107]
   ================================================== */

.ce-teaser4--bg-a { background-image:  url('../Images/ce-teaser4-bg-a.svg') }
.ce-teaser4--bg-b { background-image:  url('../Images/ce-teaser4-bg-b.svg') }
.ce-teaser4--bg-c { background-image:  url('../Images/ce-teaser4-bg-c.svg') }

.ce-teaser4 {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 22.375rem;
}

.ce-teaser4__text-wrap { color: #F7E5D3; text-align: center; }
.ce-teaser4__title { font-family: 'baskerville', serif; font-size: 2.8125rem; font-weight: 700; line-height: 1.2; margin: 0; }
.ce-teaser4 p { margin: 0; }



/* ==================================================
   ce-back [108]
   ================================================== */

.ce-back { margin-bottom: 2.8125rem; padding-top: 2.8125rem; }
.ce-back__link { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.ce-back__link span:first-child { margin: .125rem .5rem 0 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: .6875rem; }


/* ==================================================
   ce-news [101]
   ================================================== */

.ce-news { background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 2rem 0; width: 100%; }
.ce-news__img-wrap { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 40vw; overflow: hidden; position: relative; width: 100%; }
.ce-news__img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.ce-news__text-wrap { padding: 2rem 1.25rem; width: 100%; }
.ce-news__text p { margin-bottom: 1em; }
h3.ce-news__h3 { font-family: 'baskerville', serif; font-size: 1.5rem; font-weight: 700; margin: 0 0 1em; }


/* ==================================================
   ce-wrapdetail [106]
   ================================================== */

.ce-wrapdetail { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 3.125rem 0 8.125rem; }
.ce-wrapdetail__img-wrap { min-width: 100%; position: relative; z-index: 2; }
.ce-wrapdetail__text-wrap { background: #fff; min-width: 100%; margin: 0; padding: 2rem 1.125rem; position: relative; z-index: 1; }
.ce-wrapdetail__h1 { font-family: 'baskerville', serif; font-size: 1.5rem; font-weight: 700; margin: 0 0 .5em; }
.ce-wrapdetail__sizes { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.ce-wrapdetail__sizes p { margin: 0; }
.ce-wrapdetail__icon { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #263828; border-radius: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2.8125rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 1rem; width: 2.8125rem; }
.ce-wrapdetail__icon svg { max-height: 66%; max-width: 66%; }


/* ==================================================
   ce-team [109]
   ================================================== */

.ce-filter-team { display: block; margin: 3.125rem 0; }
.ce-filter-team-l1 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 0 0 -.5rem; padding: 0; }
.ce-filter-team-l1__item { margin: 0 .5rem 1rem; }
.ce-filter-team-l1__item .btn-plain { font-size: .75rem; }
.ce-filter-team-l1__link { white-space: nowrap; }

.grid-team { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 3.125rem 0 0 -1.5625rem; width: calc( 100% + 3.125rem); }

.ce-team { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2.5rem; padding: 1.5625rem; width: 100%; }
.ce-team:last-child { margin-bottom: 0; }
.ce-team__text { background: #fff; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.5rem 2rem 2rem; }
.ce-team__name { font-family: 'baskerville', serif; font-size: 1.375rem; font-weight: 700; }
.ce-team__phone { display: block; margin-top: 1em; }
.ce-team__email { display: block; }


/* ==================================================
   ce-principle [110]
   ================================================== */

.ce-principle { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 11.875rem 0 5.625rem 0; position: relative; }
.ce-principle__svg-wrap { display: none; position: absolute; right: -2rem; top: -1rem; width: 5.75rem; z-index: 2; }
.ce-principle__img-wrap { ; position: relative; z-index: 2; min-width: 100%; }
.ce-principle__text-wrap { background: #fff; margin: 0; padding: 2rem 1.125rem; position: relative; width: 100%; z-index: 1; }
.ce-principle__h1 { font-family: 'baskerville', serif; font-size: 1.5rem; font-weight: 700; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 .5em; }


/* ==================================================
   ce-history [111]
   ================================================== */

.ce-history { border-left: none; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 5rem; padding: 0 0 3rem 0; padding-bottom: calc( 27vw + 3rem ); position: relative; }
.ce-history:last-child { border-color: transparent; }
.ce-history__dot { background: #263828; border-radius: 50%; display: none; height: 1.3125rem; left: -.75rem; position: absolute; top: -.0625rem; width: 1.3125rem; }
.ce-history__text-wrap { background: #263828; color: #fff; font-size: 1.0625rem; line-height: 1.41; min-height: unset; padding: 2rem 1.25rem 20vw 1.25rem; position: relative; width: 100%; z-index: 1: }
.ce-history__h3, .ce-history h3 { margin-bottom: .5em; }
.ce-history h3 { margin-top: 1.25em; }
.ce-history h3:first-child { margin-top: 0; }
.ce-history__img-wrap { bottom: 1.5rem; position: absolute; right: -1.5rem; width: 100%; z-index: 2; }


/* ==================================================
   ce-map
   ================================================== */

.ce-map { margin: 0 0 5rem 0; position: relative; }
.ce-map__map { padding: 0; }
.ce-map__address { background: #fff; font-size: 1rem; padding: 2rem 1.125rem; position: relative; max-width: 100%; }

.ce-map__phone { display: block; margin-bottom: .125em; }
.ce-map__fax { display: block; margin-bottom: .125em;  }
.ce-map__email { display: block; }

.ce-map__svg-wrap { display: inline-block; width: 1.5rem; }
.ce-map__svg-wrap svg path { fill: #263828; }

.ce-map__phone svg { width: .8125em; }
.ce-map__fax svg { width: 1.125em; }
.ce-map__email svg { width: 1em; }


/* ==================================================
   ext: dp_cookieconsent
   ================================================== */

.cc-window .cc-compliance .cc-deny {
   display: none !important;
}

.cc-window .cc-compliance .cc-allow {
   background: #fff;
   width: 100% !important;
}

.cc-window .cc-compliance .cc-allow-all {
   display: none !important;
}

.cc-window .dp--cookie-check {
   display: none !important;
}

/* ==================================================
   ext: felogin
   ================================================== */

.felogin__message { margin: 0 auto 3rem; text-align: center; }

#felogin-form { background: #263828; border-radius: .5rem; color:  #fff; margin: 0 auto; padding: 2.5rem 2.75rem; width: 100%; }
#felogin-form label span { display: block; margin-bottom: .75rem; }

.felogin-form__username,
.felogin-form__pw { margin-bottom: 2rem; }

.felogin-form__username input,
.felogin-form__pw input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 1px solid #fff; border-radius: .5rem; -webkit-box-shadow: none; box-shadow: none; color: #fff; padding: .75rem 1rem; width: 100%; }

.felogin-form__permalogin { margin: 0 0 2rem; }

.felogin-form__submit { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #F7E5D3; border: none; border-radius: .5rem; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 1rem 1.25rem; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
.felogin-form__submit:focus,
.felogin-form__submit:hover { background: #fff7f0; }
.felogin-form__submit svg { margin-left: .5rem; width: .5rem; }
.felogin-form__submit--green { background: #688064; color: #fff7f0; }
.felogin-form__submit--green:hover { background: #3A553D; }
.felogin-form__submit--green svg path { stroke: #fff7f0; }


.felogin-form__logged-in-user { margin-bottom: 2rem; }

.logout-cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.logout-col--50 { width: 100%; }
.logout-col--50:first-child { margin-bottom: 5rem; }

.registration-hint { margin: 1rem auto; padding: 2.75rem; width: 30rem; }
.registration-hint a { text-decoration: underline; }


/* ==================================================
   ext: fe_change_pw
   ================================================== */

.tx-fe-change-pwd { margin: 5rem 0; }
#fe-change-pwd-form { background: #263828; border-radius: .5rem; color:  #fff; margin: 0 auto; padding: 2.5rem 2.75rem; width: 30rem; }
#fe-change-pwd-form label { display: block; margin-bottom: .75rem; }
#fe-change-pwd-form input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 1px solid #fff; border-radius: .5rem; -webkit-box-shadow: none; box-shadow: none; color: #fff; margin-bottom: 2rem; padding: .75rem 1rem; width: 100%; }

.fe-change-pwd__submit { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #F7E5D3; border: none; border-radius: .5rem; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 1rem 1.25rem; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
.fe-change-pwd__submit:focus,
.fe-change-pwd__submit:hover { background: #fff7f0; }
.fe-change-pwd__submit svg { margin-left: .5rem; width: .5rem; }

.fe-change-pwd-errors { margin-bottom: 5rem; }

.tx-fe-change-pwd .typo3-messages { list-style: none; margin: 0 0 5rem; padding: 0; }


/* ==================================================
   ext: verpackungen
   ================================================== */

ul.nav-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; margin: 0 0 5rem -1.5625rem; padding: 0; width: calc( 100% + 3.125rem); }
.nav-wrap__item { padding: 1.5625rem; width: 100%; }
.nav-wrap__link { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-family: 'baskerville', serif; font-size: 1.5625rem; font-weight: 700; height: 100%; min-height: 6.625rem; padding: 1.1875rem; }
.nav-wrap__svg-wrap { margin-right: 1.875rem; max-height: 4.375rem; max-width: 4.375rem; min-width: 4.375rem; width: 4.375rem; }
.nav-wrap__svg-wrap svg { max-height: 4.375rem; max-width: 4.375rem; }


/* ==================================================
   ext: sortiment
   ================================================== */

ul.nav-sort { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; display: block; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0 0 3.4375rem; padding: 0; width: 100%; }
.nav-sort__item { margin: 0 .5rem 1rem 0; }
a.nav-sort__link, a.nav-sort__link:visited { -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #688064; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-family: 'baskerville', serif; font-size: 1.0625rem; font-weight: 700; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.nav-sort__link:hover, .nav-sort__item.active .nav-sort__link { color: #E23841 }
.nav-sort__svg-wrap { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 1.5rem; min-width: 1.5rem; }
.nav-sort__item:nth-child(1) .nav-sort__svg-wrap svg { height: 1rem; -webkit-transition: fill .2s ease-out, stroke .2s ease-out; transition: fill .2s ease-out, stroke .2s ease-out; }
.nav-sort__item:nth-child(1) .nav-sort__svg-wrap svg path { fill: #688064; }
.nav-sort__item.active:nth-child(1) .nav-sort__svg-wrap svg path,
.nav-sort__item:nth-child(1) .nav-sort__link:hover .nav-sort__svg-wrap svg path { fill: #E23841; }
.nav-sort__item:nth-child(2) .nav-sort__svg-wrap svg { height: 1rem; }
.nav-sort__item:nth-child(2) .nav-sort__svg-wrap svg path { fill: #688064; }
.nav-sort__item.active:nth-child(2) .nav-sort__svg-wrap svg path,
.nav-sort__item:nth-child(2) .nav-sort__link:hover .nav-sort__svg-wrap svg path { fill: #E23841; }
.nav-sort__item:nth-child(3) .nav-sort__svg-wrap svg { height: 1rem; }
.nav-sort__item:nth-child(3) .nav-sort__svg-wrap svg g { fill: #688064; }
.nav-sort__item.active:nth-child(3) .nav-sort__svg-wrap svg g,
.nav-sort__item:nth-child(3) .nav-sort__link:hover .nav-sort__svg-wrap svg g { fill: #E23841; }
.nav-sort__item:nth-child(4) .nav-sort__svg-wrap svg { height: 1rem; }
.nav-sort__item:nth-child(4) .nav-sort__svg-wrap svg path { fill: #688064; }
.nav-sort__item.active:nth-child(4) .nav-sort__svg-wrap svg path,
.nav-sort__item:nth-child(4) .nav-sort__link:hover .nav-sort__svg-wrap svg path { fill: #E23841; }
.nav-sort__item:nth-child(5) .nav-sort__svg-wrap svg { height: 1rem; }
.nav-sort__item:nth-child(5) .nav-sort__svg-wrap svg path { fill: #688064; }
.nav-sort__item.active:nth-child(5) .nav-sort__svg-wrap svg path,
.nav-sort__item:nth-child(5) .nav-sort__link:hover .nav-sort__svg-wrap svg path { fill: #E23841; }
.nav-sort__item:nth-child(6) .nav-sort__svg-wrap svg { height: 1rem; }
.nav-sort__item:nth-child(6) .nav-sort__svg-wrap svg g { fill: #688064; }
.nav-sort__item.active:nth-child(6) .nav-sort__svg-wrap svg g,
.nav-sort__item:nth-child(6) .nav-sort__link:hover .nav-sort__svg-wrap svg g { fill: #E23841; }
.nav-sort__item:nth-child(7) .nav-sort__svg-wrap svg { height: 1rem; }
.nav-sort__item:nth-child(7) .nav-sort__svg-wrap svg path { fill: #688064; }
.nav-sort__item.active:nth-child(7) .nav-sort__svg-wrap svg path,
.nav-sort__item:nth-child(7) .nav-sort__link:hover .nav-sort__svg-wrap svg path { fill: #E23841; }

ul.sort { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; margin: 0 0 8.125rem -1.5625rem; padding: 0; width: calc( 100% + 3.125rem); }
.sort__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: 'baskerville', serif; font-size: .9375rem; font-weight: 700; padding: 1.5625rem; width: 100%; }
.sort__item img { margin: 0 0 .5rem; }

.product { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 0 5.625rem 0; position: relative; }
.product__svg-wrap { display:  none; position: absolute; right: -2rem; top: -1rem; width: 5.75rem; z-index: 3; }
.product__svg-wrap svg path { fill: #253828; }
.product__img-wrap { position: relative; z-index: 2; min-width: 100%; }
.product__art-nr { font-size: .875rem; margin: 1rem 0; }
.product__art-nr--screen { display: none; }
.product__art-nr--mobile { display: block; }
.product__text-wrap { background: #fff; margin: 0; padding: 2rem 1.125rem; position: relative; width: 100%; z-index: 1; }
.product__h1 { font-family: 'baskerville', serif; font-size: 1.5rem; font-weight: 700; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 .5em; }

.season { margin: 0 0 5rem; }
.season__h2 { font-size: 2.25rem; }
.season__origin { display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 700; margin-bottom: 2.5rem; }
.season__origin__item { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 3rem; }
.season__bar { border-radius: 10rem; height: 1.0625rem; margin-right: .5rem; width: 1.875rem; }
.season__bar--inland { background: #263828; }
.season__bar--import { background: #688064; }

.cal-bar { background: #fff; border: 1px solid #688064; border-radius: .5rem; /*border-spacing: 0; border-collapse: separate;*/ display: block; margin: 0 0 1.5rem; padding: 0; width: 100%; }
.cal-bar__row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cal-bar__col { display: block; width: calc(100% / 3); }
.cal-bar__item { color: #688064; font-size: .875rem; overflow: hidden; padding: .75rem 1.33rem; text-align: center; text-overflow: ellipsis; }
.cal-bar__item--inland { background: #263828; color: #fff }
.cal-bar__item--import { background: #688064; color: #fff }
.cal-bar__item.first { border-radius: 0; }
.cal-bar__item.last { border-radius: 0; }
.cal-bar__col--1 { border-radius: .4rem 0 0 0; }
.cal-bar__col--3 { border-radius: 0 .4rem 0 0; }
.cal-bar__col--10 { border-radius: 0 0 0 .4rem; }
.cal-bar__col--12 { border-radius: 0 0 .4rem 0; }
.cal-bar__col--1.cal-bar__item.first,
.cal-bar__col--1.cal-bar__item.last { border-radius: .4rem 0 0 0; }
.cal-bar__col--3.cal-bar__item.first,
.cal-bar__col--3.cal-bar__item.last { border-radius: 0 .4rem 0 0; }
.cal-bar__col--10.cal-bar__item.first,
.cal-bar__col--10.cal-bar__item.last { border-radius: 0 0 0 .4rem; }
.cal-bar__col--12.cal-bar__item.first,
.cal-bar__col--12.cal-bar__item.last { border-radius: 0 0 .4rem 0; }


/* ==================================================
   ext: gridelemnts
   ================================================== */

.grid-2col { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 5rem 0 5rem -1.25rem; padding: 0; width: calc( 100% + 2.5rem); }
.grid-2col .col--50 { padding: 1.25rem; width: 100% }
.grid-2col .col--50:first-child > div > header > * { margin-bottom: 0; }

.grid-2colteaser { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 5rem 0 5rem -1.25rem; padding: 0; width: calc( 100% + 2.5rem); }
.grid-2colteaser .col--50 { padding: 1.25rem; width: 100% }

.grid-3col-wrap { margin: 5rem 0 5rem 0; padding: 0; /*width: calc( 100% + 2.5rem);*/ }
.grid-3col { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0 -1.25rem; padding: 0; width: calc( 100% + 2.5rem); }
.grid-3col .col--33 { padding: 1.25rem; width: 100% }


/* ==================================================
   frame(s)
   ================================================== */

/*.frame-type-text { margin: 0 0 5rem 0; }*/

.frame-space-before-none { margin-top: 0; }
.frame-space-after-none { margin-bottom: 0; }

.frame-space-before-medium { margin-top: 5rem; }
.frame-space-after-medium { margin-bottom: 5rem; }

.frame-space-before-large { margin-top: 8.125rem; }
.frame-space-after-large { margin-bottom: 8.125rem; }


/* ==================================================
   responsive iframe/video embed
   ================================================== */

.embed-container, .video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed, .video-embed iframe, .video-embed object, .video-embed embed { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}