.box-img-text {
    margin-top: 2rem;
    margin-bottom: 4rem;
    background: #f4e7df
}
.box-img-text:after {
    content: "";
    display: table;
    clear: both
}
.box-img-text .right, .box-img-text .left {
    width: 100%;
    float: left
}
.box-img-text .right {
    padding: 2rem 2rem 1rem
}
.box-img-text img {
    display: block;
    width: 100%
}
@media (min-width: 640px) {
    .box-img-text {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .box-img-text .left {
        width: 33.33333%;
        float: left
    }
    .box-img-text .right {
        width: 66.66667%;
        float: left
    }
    .box-img-text .right, .box-img-text .left {
        flex: 1
    }
}
@media (min-width: 960px) {
    .box-img-text .right, .box-img-text .left {
        width: 50%;
        float: left
    }
    .box-img-text .right {
        padding: 4rem
    }
}
.renderedLayout .box-img-text .left {
    padding: 4rem
}
.renderedLayout .box-img-text.lazyload {
    opacity: 1;
    transform: scale(1)
}
.box-img-headline {
    margin-top: 2rem;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    background: #f4e7df
}
.box-img-headline .right, .box-img-headline .left {
    width: 100%
}
.box-img-headline .right {
    order: 1
}
.box-img-headline .left {
    order: 2;
    padding: 6rem 2rem
}
.box-img-headline img {
    display: block;
    width: 100%
}
@media (min-width: 960px) {
    .box-img-headline {
        flex-direction: row;
        justify-content: space-between
    }
    .box-img-headline .left {
        padding: 2rem;
        order: 1;
        width: calc(100% * (5/12) - 1rem);
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    .box-img-headline .right {
        order: 2;
        width: calc(100% * (7/12) - 1rem)
    }
    .box-img-headline h3 {
        max-width: 75%
    }
}
.renderedLayout .box-img-text .left {
    padding: 4rem
}
.renderedLayout .box-img-text.lazyload {
    opacity: 1;
    transform: scale(1)
}
.image-info {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: -30px 0 45px;
    padding: 30px 0 0;
    border: solid #f4e7df;
    border-width: 1px 0
}
@media (min-width: 640px) {
    .image-info {
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-end
    }
}
@media (min-width: 1280px) {
    .image-info {
        flex-flow: row nowrap
    }
    .image-info .imageinfo {
        width: auto
    }
    .image-info.wrap {
        flex-flow: row wrap;
        justify-content: flex-start
    }
    .image-info.wrap .imageinfo {
        width: calc(100% * (1/2) - 30px)
    }
}
.imageinfo {
    display: flex;
    flex-direction: column
}
@media (min-width: 640px) {
    .imageinfo {
        flex-direction: row;
        width: calc(100% * (1/2) - 30px);
        justify-content: flex-start;
        align-items: flex-end;
        margin-right: 30px;
        padding: 0 0 30px
    }
}
.imageinfo img {
    display: block;
    padding-right: 15px;
    height: auto
}
.imageinfo p {
    max-width: 300px
}
.imageinfo p:last-of-type {
    margin-bottom: 0
}
.half {
    width: 100%;
    float: left;
    padding-left: 2.77778%;
    padding-right: 2.77778%;
    margin-top: 1rem;
    margin-bottom: 1rem
}
.half h3 {
    margin: 0.5rem 0 0
}
@media (min-width: 640px) {
    .half {
        width: 50%;
        float: left;
        padding-left: 2.77778%;
        padding-right: 2.77778%;
        margin-top: 2.77778%;
        margin-bottom: 0
    }
    .half:nth-of-type(2n+1) {
        padding-right: 1.11111% !important
    }
    .half:nth-of-type(2n+2) {
        padding-left: 1.11111% !important
    }
}
.cf:after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 960px) {
    .cf div.third {
        min-height: 365px
    }
}
.gallery .flex-half {
    margin-bottom: 15px
}
.gallery figure img {
    width: 100%
}
img, figure {
    max-width: 100%
}
img.float-left, img.align_left, figure.float-left, figure.align_left {
    float: left;
    margin: 0 2rem 1rem 0
}
img.float-right, img.align_right, figure.float-right, figure.align_right {
    float: right;
    margin: 0 0 1rem 2rem
}
img[data-sizes="auto"] {
    display: block
}
img.teaser {
    width: 100%;
    margin-bottom: 2rem
}
img.float-left, img.align_left, img.float-right, img.align_right, figure.float-left, figure.align_left, figure.float-right, figure.align_right {
    max-width: 50%;
    max-width: 50wv
}
figure {
    position: relative
}
figure figcaption {
    width: 100%;
    padding: 0.25rem;
    color: #666;
    font-size: 14px
}
@media (min-width: 960px) {
    .img-container {
        position: relative
    }
}
.zoom-container {
    overflow: hidden;
    position: relative;
    z-index: 2
}
.zoom-container a {
    display: block;
    font-size: 0.875rem
}
.zoom-container a:nth-child(1n+2) {
    margin-top: 5px
}
.zoom-container img {
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
    transform: scale(1);
    width: 100%
}
.zoom-container a:hover img {
    transform: scale(1.08)
}
.flex-container {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}
.flex-half {
    flex: 0 0 100%;
    margin-bottom: 2rem
}
.flex-third, .flex-fourth {
    display: block;
    width: 100%;
    margin-bottom: 2rem
}
.flex-third figure.effect-lexi, .flex-fourth figure.effect-lexi {
    margin: 0 !important
}
.flex-third figure.effect-lexi p, .flex-fourth figure.effect-lexi p {
    width: 75%
}
.flex-third h3, .flex-third h4, .flex-fourth h3, .flex-fourth h4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.flex-third h3 span, .flex-third h4 span, .flex-fourth h3 span, .flex-fourth h4 span {
    display: block;
    color: #666;
    font-size: 15px;
    font-style: italic
}
.flex-third h4, .flex-fourth h4 {
    font-size: 14px;
    font-style: italic;
    color: #666;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    margin: 1rem 2rem 0.5rem;
    padding: 0 0 0.25rem
}
.flex-third.gray, .flex-fourth.gray {
    background: #f4e7df;
    padding-bottom: 1rem
}
.flex-third.gray h3, .flex-third.gray p, .flex-third.gray ul, .flex-fourth.gray h3, .flex-fourth.gray p, .flex-fourth.gray ul {
    padding: 0 2rem
}
.flex-third.gray h3, .flex-fourth.gray h3 {
    margin-top: 1rem
}
.flex-third.gray p, .flex-fourth.gray p {
    margin-bottom: 1rem
}
.flex-third.gray dl.sizes, .flex-fourth.gray dl.sizes {
    padding: 0 2rem;
    font-size: 12px
}
.flex-third.gray dl.sizes dd, .flex-fourth.gray dl.sizes dd {
    min-width: 125px;
    padding: 0 0 10px 0
}
.flex-third.gray dl.sizes dd:before, .flex-third.gray dl.sizes i:before, .flex-fourth.gray dl.sizes dd:before, .flex-fourth.gray dl.sizes i:before {
    font-size: 14px
}
@media (min-width: 640px) {
    .flex-third, .flex-third-two, .flex-two-third, .flex-third-one, .flex-one-third, .flex-fourth {
        width: calc(100% * (1/2) - 1rem);
        margin: 0 2rem 2rem 0
    }
    .flex-third:nth-child(2n+2), .flex-third-two:nth-child(2n+2), .flex-two-third:nth-child(2n+2), .flex-third-one:nth-child(2n+2), .flex-one-third:nth-child(2n+2), .flex-fourth:nth-child(2n+2) {
        margin: 0 0 2rem
    }
}
@media (min-width: 780px) {
    .flex-half {
        width: calc(100% * (1/2) - 1rem);
        flex: 0 0 auto;
        margin: 0 2rem 2rem 0
    }
    .flex-half:nth-child(2n+2) {
        margin: 0 0 2rem
    }
    .flex-third-two, .flex-two-third {
        width: calc(100% * (2/3) - 1rem)
    }
    .flex-third-one, .flex-one-third {
        width: calc(100% * (1/3) - 1rem)
    }
}
@media (min-width: 960px) {
    .flex-third {
        width: calc(100% * (1/3) - 1rem);
        margin: 0 1.5rem 1.5rem 0 !important
    }
    .flex-third:nth-child(3n+3) {
        margin: 0 0 1.5rem !important
    }
    .flex-fourth {
        width: calc(100% * (1/4) - 1rem);
        margin: 0 1.333rem 1.333rem 0 !important
    }
    .flex-fourth:nth-of-type(4n+4) {
        margin: 0 0 1.333rem !important
    }
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none
}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
dl.sizes dt {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}
.border-top, .nav-pagination, .nav-toggle, .mainnav li:first-child, section.repair {
    border-top: 1px solid #f4e7df
}
.border-bottom, .border-bottom-gap, article.feedback .intro, .nav-toggle, .mainnav li, article.product {
    border-bottom: 1px solid #f4e7df
}
.border-bottom-gap, article.feedback .intro {
    margin-bottom: 2.77778%;
    padding-bottom: 2.77778%
}
.no-gap, .pagination, .pagination li, nav ul, nav ul li {
    margin: 0;
    padding: 0
}
.trans-light, .mainnav {
    background: rgba(255, 255, 255, 0.9)
}
.alt-font, .InputfieldForm [role="button"], .InputfieldForm input[type="submit"], .InputfieldForm input[type="reset"], .InputfieldForm input[type="button"], .InputfieldForm button, .InputfieldForm .button, .InputfieldForm a.button, a.button {
    font-family: 'Open Sans'
}
.center-vertical, .nav-toggle .icon {
    top: 50%;
    transform: translateY(-50%)
}
.center-totaly {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.img-shadow, #kontakt img.align_right {
    box-shadow: -3px 3px 9px #ccc
}
.trs-slow, .slider-partner .item img {
    -webkit-transition: all, 0.4s, ease-in;
    transition: all, 0.4s, ease-in
}
.trs-lame, #topbar .container h1, #topbar .hometeaser h1, #topbar .container #g5, #topbar .hometeaser #g5, #topbar .container #g89, #topbar .hometeaser #g89, #topbar .container #g63, #topbar .hometeaser #g63 {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}
.border-top, .nav-pagination, .nav-toggle, .mainnav li:first-child, section.repair {
    border-top: 1px solid #f4f4f4
}
html {
    box-sizing: border-box
}
*, *:before, *:after {
    box-sizing: inherit
}
body {
    margin: 0;
    width: 100%;
    overflow: auto;
    overflow-x: hidden
}
.container, .hometeaser {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}
.container:after, .hometeaser:after {
    content: " ";
    display: block;
    clear: both
}
@media (min-width: 1280px) {
    .container, .hometeaser {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }
    .container:after, .hometeaser:after {
        content: " ";
        display: block;
        clear: both
    }
}
main .container, main .hometeaser {
    background: #fff
}
.full-row {
    width: 100%;
    margin: 0 0 30px
}
.edith {
    position: fixed !important;
    bottom: 2rem;
    right: 2rem;
    z-index: 2000;
    display: inline-block;
    padding: 0.5em 2em 0.55em;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: ".5rem";
    -moz-border-radius: ".5rem";
    border-radius: ".5rem";
    border: solid 1px #cccccc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    border: solid 1px #a23603;
    background-color: #b13b03;
    background: -webkit-gradient(linear, left top, left bottom, left, right);
    background: -moz-linear-gradient(top, #f25104, #b13b03);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25104', endColorstr='#b13b03');
    color: #f7ebe6
}
.edith:hover {
    text-decoration: none
}
.edith:active {
    position: relative;
    top: 1px
}
.edith:hover {
    background-color: #983303;
    background: -webkit-gradient(linear, left top, left bottom, left, right);
    background: -moz-linear-gradient(top, #e34c04, #983303);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e34c04', endColorstr='#983303')
}
.edith:active {
    background-color: #e34c04;
    background: -webkit-gradient(linear, left top, left bottom, left, right);
    background: -moz-linear-gradient(top, #b13b03, #e34c04);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b13b03', endColorstr='#e34c04');
    color: #e8c4b3
}
#header {
    position: relative;
    margin-bottom: 2rem;
    z-index: 200;
    background-color: transparent
}
#header .container, #header .hometeaser {
    background-color: transparent
}
#header .info {
    padding: 1rem 5%;
    padding: 1rem 5vw;
    font-size: 14px;
    text-align: right
}
#header .info .container, #header .info .hometeaser {
    padding: 0
}
#header .info a {
    display: inline-block;
    margin-left: 1rem;
    color: #666
}
#header .info a:hover {
    color: #b13b03
}
@media (min-width: 640px) {
    #header .info {
        padding: 1rem 5% 0;
        padding: 1rem 5vw 0
    }
}
#topbar {
    width: 100%;
    padding: 0 5%;
    padding: 0 5vw;
    transition: height 0.6s ease-in-out, opacity 0.25s ease-in-out
}
@media (min-width: 780px) {
    #topbar:not(.stuck):after {
        content: "";
        position: absolute;
        top: 61px;
        right: 0;
        z-index: 0;
        width: 50%;
        height: 2rem;
        background: #fdefa7
    }
}
#topbar .container .nav-container, #topbar .hometeaser .nav-container {
    width: 100vw;
    padding: 0;
    margin-left: -30px
}
#topbar .container h1, #topbar .hometeaser h1 {
    transform-origin: left top;
    transform: scale(1);
    margin: 0
}
#topbar .container h1 svg, #topbar .hometeaser h1 svg {
    width: 275px;
    height: auto
}
#topbar .container #g5, #topbar .hometeaser #g5, #topbar .container #g89, #topbar .hometeaser #g89 {
    opacity: 1
}
@media (min-width: 460px) {
    #topbar .container, #topbar .hometeaser {
        height: 84px
    }
}
@media (min-width: 780px) {
    #topbar .container, #topbar .hometeaser {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        padding: 0
    }
    #topbar .container .nav-container, #topbar .hometeaser .nav-container {
        width: 100%;
        margin: 0
    }
    #topbar .container h1, #topbar .hometeaser h1 {
        transform-origin: left center
    }
}
@media (min-width: 1280px) {
    #topbar .container, #topbar .hometeaser {
        padding: 0
    }
}
#topbar .container nav a, #topbar .hometeaser nav a {
    font-size: 17px;
    transition: font-size 0.6s ease-in-out, color 0.25s ease-in-out
}
#topbar.stuck {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    background: #fff;
    top: 0;
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 0 #f4e7df
}
#topbar.stuck .container, #topbar.stuck .hometeaser {
    padding: 0 1rem
}
@media (min-width: 460px) {
    #topbar.stuck .container, #topbar.stuck .hometeaser {
        height: 48px
    }
    #topbar.stuck .container .nav-container, #topbar.stuck .hometeaser .nav-container {
        margin-top: -26px
    }
}
@media (min-width: 780px) {
    #topbar.stuck .container, #topbar.stuck .hometeaser {
        height: 52px
    }
    #topbar.stuck .container .nav-container, #topbar.stuck .hometeaser .nav-container {
        margin-top: 0
    }
}
#topbar.stuck .container h1, #topbar.stuck .hometeaser h1 {
    transform: scale(0.5)
}
#topbar.stuck .container nav a, #topbar.stuck .hometeaser nav a {
    font-size: 14px
}
#topbar.stuck .container:hover, #topbar.stuck .hometeaser:hover {
    opacity: 1
}
#topbar.stuck .container .nav-toggle, #topbar.stuck .hometeaser .nav-toggle {
    margin-top: -20px
}
#topbar.stuck .container #g5, #topbar.stuck .hometeaser #g5, #topbar.stuck .container #g89, #topbar.stuck .hometeaser #g89 {
    opacity: 0
}
#topbar.stuck .container #g63, #topbar.stuck .hometeaser #g63 {
    transform: translateX(-67px)
}
.breadcrumbs {
    margin: 1rem auto;
    padding: 0 5%;
    padding: 0 5vw;
    font-size: 13px;
    text-align: right
}
.breadcrumbs li:after {
    content: "/";
    display: inline-block;
    padding: 0 0.5rem
}
.breadcrumbs li:last-child:after {
    display: none
}
@media (min-width: 1280px) {
    .breadcrumbs {
        padding: 0
    }
}
.hometeaser {
    position: relative;
    z-index: 40;
    box-sizing: border-box;
    width: 100%;
    min-width: none
}
.hometeaser .second {
    position: absolute;
    top: 50%;
    right: -2rem;
    width: 270px;
    transform: translate(0, -50%)
}
#sliderHome {
    width: 100vw;
    height: 30vh;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}
#sliderHome img {
    width: 100%;
    height: 30vh;
    margin: 0 auto;
    object-fit: cover
}
@media (min-width: 960px) {
    #sliderHome {
        height: 75vh;
        min-height: 650px
    }
    #sliderHome img {
        height: 75vh;
        min-height: 650px
    }
}
#sliderHome .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 5rem;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 1s ease-in-out 2s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#sliderHome .text .container, #sliderHome .text .hometeaser {
    opacity: 0
}
#sliderHome .text h2, #sliderHome .text h3, #sliderHome .text a, .hero-img .heading *, .hero-img h2 {
    color: #fff
}
#sliderHome .text .mainhead,
.hero-img .mainhead {
    border-color: #fff
}
.hero-img .mainhead, .mainhead {
    font-style: italic;
}
@media (min-width: 640px) {
    #sliderHome .text {
        padding: 4rem 6rem
    }
    #sliderHome .text .mainhead {
        max-width: 60%
    }
}
#sliderHome .slick-active .text {
    opacity: 1
}
#sliderHome .slick-active .text .container, 
#sliderHome .slick-active .text .hometeaser {
    animation: fadeInUp 0.5s ease-in-out 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}
#sliderHome .slick-active img {
    -webkit-animation: myMove 6s 1 ease-in-out;
    -moz-animation: myMove 6s 1 ease-in-out;
    -o-animation: myMove 6s 1 ease-in-out;
    -ms-animation: myMove 6s 1 ease-in-out;
    animation: myMove 6s 1 ease-in-out
}
.no-objectfit #sliderHome img, .no-object-fit #sliderHome img {
    width: 100%;
    height: auto
}
@keyframes myMove {
    from {
        transform: scale(1.025, 1.025) translate3d(-2px, 2px, 0);
        transform-origin: 50% 50%
    }
    to {
        transform: scale(1, 1) translate3d(0, 0, 0);
        transform-origin: 50% 0%
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.fadeInUp {
    animation-name: fadeInUp
}
body>main {
    position: relative;
    z-index: 30;
    margin-top: 4rem;
    padding: 0 5%;
    padding: 0 5vw
}
@media (min-width: 1280px) {
    body>main {
        padding: 0
    }
}
.home .container>section, .home .hometeaser>section, section.content, div.content {
    margin: 3rem 0
}
body main section section {
    width: 100%
}
main article {
    width: 100%;
    margin: 2rem 0
}
main article section {
    margin-bottom: 2rem !important
}
main article section:last-child {
    margin-bottom: 0 !important
}
.full-row.sing_img {
    margin-top: 2rem;
    margin-bottom: 2rem
}
#footer {
    display: block;
    background: #f4e7df;
    margin: 0 2rem 2rem;
    padding: 3rem;
    width: calc(100% - 4rem);
}
#footer .flex-container {
    align-items: flex-start
}
#footer .flex-half {
    margin: 0
}
#footer .logos {
    display: flex;
	justify-content: space-between;
	align-items: center;
    padding-right: 2.5rem;
}

#footer .logos img {
	max-width: 100%;
	height: auto;
	max-height: 100px;
	width: auto;
	margin: 1rem;
	padding: 0;
}


#footer h3.subhead {
    font-size: 1rem;
    text-align: left;
    margin: 0 0 1.5rem;
    padding: 0 0 0.5rem 0.25rem;
    border-bottom: 2px solid #000;
}

#footer .container > p {
    text-align: right;
}

.flex-container {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}
.flex-half {
    flex: 0 0 100%;
    margin-bottom: 2rem
}
.flex-third, .flex-fourth {
    display: block;
    width: 100%;
    margin-bottom: 2rem
}
.flex-third figure.effect-lexi, .flex-fourth figure.effect-lexi {
    margin: 0 !important
}
.flex-third figure.effect-lexi p, .flex-fourth figure.effect-lexi p {
    width: 75%
}
.flex-third h3, .flex-third h4, .flex-fourth h3, .flex-fourth h4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.flex-third h3 span, .flex-third h4 span, .flex-fourth h3 span, .flex-fourth h4 span {
    display: block;
    color: #666;
    font-size: 15px;
    font-style: italic
}
.flex-third h4, .flex-fourth h4 {
    font-size: 14px;
    font-style: italic;
    color: #666;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    margin: 1rem 2rem 0.5rem;
    padding: 0 0 0.25rem
}
.flex-third.gray, .flex-fourth.gray {
    background: #f4e7df;
    padding-bottom: 1rem
}
.flex-third.gray h3, .flex-third.gray p, .flex-third.gray ul, .flex-fourth.gray h3, .flex-fourth.gray p, .flex-fourth.gray ul {
    padding: 0 2rem
}
.flex-third.gray h3, .flex-fourth.gray h3 {
    margin-top: 1rem
}
.flex-third.gray p, .flex-fourth.gray p {
    margin-bottom: 1rem
}
.flex-third.gray dl.sizes, .flex-fourth.gray dl.sizes {
    padding: 0 2rem;
    font-size: 12px
}
.flex-third.gray dl.sizes dd, .flex-fourth.gray dl.sizes dd {
    min-width: 125px;
    padding: 0 0 10px 0
}
.flex-third.gray dl.sizes dd:before, .flex-third.gray dl.sizes i:before, .flex-fourth.gray dl.sizes dd:before, .flex-fourth.gray dl.sizes i:before {
    font-size: 14px
}
@media (min-width: 640px) {
    .flex-third, .flex-third-two, .flex-two-third, .flex-third-one, .flex-one-third, .flex-fourth {
        width: calc(100% * (1/2) - 1rem);
        margin: 0 2rem 2rem 0
    }
    .flex-third:nth-child(2n+2), .flex-third-two:nth-child(2n+2), .flex-two-third:nth-child(2n+2), .flex-third-one:nth-child(2n+2), .flex-one-third:nth-child(2n+2), .flex-fourth:nth-child(2n+2) {
        margin: 0 0 2rem
    }
}
@media (min-width: 780px) {
    .flex-half {
        width: calc(100% * (1/2) - 1rem);
        flex: 0 0 auto;
        margin: 0 2rem 2rem 0
    }
    .flex-half:nth-child(2n+2) {
        margin: 0 0 2rem
    }
    .flex-third-two, .flex-two-third {
        width: calc(100% * (2/3) - 1rem)
    }
    .flex-third-one, .flex-one-third {
        width: calc(100% * (1/3) - 1rem)
    }
}
@media (min-width: 960px) {
    .flex-third {
        width: calc(100% * (1/3) - 1rem);
        margin: 0 1.5rem 1.5rem 0 !important
    }
    .flex-third:nth-child(3n+3) {
        margin: 0 0 1.5rem !important
    }
    .flex-fourth {
        width: calc(100% * (1/4) - 1rem);
        margin: 0 1.333rem 1.333rem 0 !important
    }
    .flex-fourth:nth-of-type(4n+4) {
        margin: 0 0 1.333rem !important
    }
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #CCC
}
.mfp-preloader a:hover {
    color: #FFF
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
.slick-loading .slick-list {
    background: #fff url('../img/ajax-loader.gif') center center no-repeat
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    z-index: 100;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25
}
.slick-prev:before, .slick-next:before {
    font-family: "icons";
    font-size: 28px;
    line-height: 1;
    color: #b13b03;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    left: 25px
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: 25px
}
.slick-prev:before {
    content: "l"
}
[dir="rtl"] .slick-prev:before {
    content: "r"
}
.slick-next {
    right: 25px
}
[dir="rtl"] .slick-next {
    left: 25px;
    right: auto
}
.slick-next:before {
    content: "r"
}
[dir="rtl"] .slick-next:before {
    content: "l"
}
.slick-slider {
    margin-bottom: 0
}
.slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    position: relative;
    border: 0;
    background: transparent;
    display: block;
    height: 5px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}
.slick-dots li button:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    content: '';
    width: 20px;
    height: 5px;
    background-color: #fff;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    background-color: #b13b03;
    opacity: .75
}
@font-face {
    font-family: "icons";
    src: url("../fonts/icons.eot");
    src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal
}
[data-icon]:before, [data-icon='p']:after {
    font-family: "icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    vertical-align: bottom;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 8px
}
.icon-clock:before, .icon-document:before, main a[href$='.pdf']:not([data-icon="P"]):before, .icon-quote:before, .feedback-text p:nth-of-type(1):before, .icon-send:before, .InputfieldForm [role="button"] span:before, .InputfieldForm input[type="submit"] span:before, .InputfieldForm input[type="reset"] span:before, .InputfieldForm input[type="button"] span:before, .InputfieldForm button span:before, .InputfieldForm .button span:before, [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    vertical-align: bottom;
    margin-right: 8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-play:before {
    content: "\70"
}
.icon-grid:before {
    content: "\67"
}
.icon-calendar:before {
    content: "\63"
}
.icon-quote:before, .feedback-text p:nth-of-type(1):before {
    content: "\71"
}
.icon-right:before {
    content: "\72"
}
.icon-left:before {
    content: "\6c"
}
.icon-dot:before {
    content: "\2e"
}
.icon-tel:before {
    content: "\74"
}
.icon-fax:before {
    content: "\66"
}
.icon-clock:before {
    content: "\43"
}
.icon-mail:before {
    content: "\6d"
}
.icon-document:before, main a[href$='.pdf']:not([data-icon="P"]):before {
    content: "\46"
}
.icon-close:before {
    content: "\78"
}
.icon-arrow-left:before {
    content: "\4c"
}
.icon-arrow-right:before {
    content: "\52"
}
.icon-arrows-b:before {
    content: "\42"
}
.icon-arrows-t:before {
    content: "\54"
}
.icon-info:before {
    content: "\69"
}
.icon-send:before, .InputfieldForm [role="button"] span:before, .InputfieldForm input[type="submit"] span:before, .InputfieldForm input[type="reset"] span:before, .InputfieldForm input[type="button"] span:before, .InputfieldForm button span:before, .InputfieldForm .button span:before {
    content: "\73"
}
main .flex-fourth>a[href$='.pdf']:not([data-icon="P"]):before {
    content: '';
    display: none
}
html {
    font-size: 75%
}
@media (min-width: 640px) {
    html {
        font-size: 80%
    }
}
@media (min-width: 1280px) {
    html {
        font-size: 100%
    }
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0.5rem 0 1rem;
    color: #2d1606
}
h2 {
    margin: 1rem 0 3rem;
    font-size: 20px;
    color: #2d1606;
    text-align: center
}
@media (min-width: 640px) {
    h2 {
        font-size: 36px
    }
}
.flex-half h2 {
    text-align: left
}
h3 {
    font-size: 16px;
    font-weight: 600
}
@media (min-width: 640px) {
    h3 {
        font-size: 20px
    }
}
h2 span {
    display: block;
    width: 100%;
    font-size: 16px;
}
@media (min-width: 640px) {
    h2 span {
        font-size: 20px
    }
}
h4 {
    margin: 0 0 0.5rem
}
.subhead {
    color: #000;
    margin: 0;
    font-family: 'Open Sans';
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    padding: 0 0.25rem;
    display: inline-block;
}
.mainhead {
    border: solid #2d1606;
    border-width: 3px 0;
    padding: 0.75rem 0.25rem;
    margin: 0.5rem 0 2rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.25;
}
@media (min-width: 640px) {
    .mainhead {
        font-size: 2rem
    }
}
@media (min-width: 960px) {
    .subhead {
        font-size: 1.25rem;
    }
    .mainhead {
        font-size: 3rem
    }
}
.heading {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width: max-content;
    max-width: 75%;
}
.heading h2.mainhead,
.heading span.subhead {
    text-align: left;
}
p {
    margin: 0 0 1rem
}
p.small, .text-small > * {
    font-size: 11px
}
@media (min-width: 640px) {
    p.small, .text-small > * {
        font-size: 14px
    }
}

em, i {
    font-style: italic
}
strong, bold {
    font-weight: 700
}
a {
    color: #b13b03;
    text-decoration: none
}
a:hover {
    color: #2d1606
}
a.lightbox:focus {
    outline: 0
}
figcaption h3, .flex-third h3, .flex-fourth h3 {
    margin: 0.5rem 0 1rem;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}
figcaption h3 span, .flex-third h3 span, .flex-fourth h3 span {
    font-weight: 400
}
td p {
    margin-bottom: 0.25rem
}
main article ul {
    margin: 0 0 1rem 2rem;
    list-style-type: circle;
    overflow: initial
}
#footer {
    font-size: 13px
}
img, figure {
    max-width: 100%
}
img.float-left, img.align_left, figure.float-left, figure.align_left {
    float: left;
    margin: 0 2rem 1rem 0
}
img.float-right, img.align_right, figure.float-right, figure.align_right {
    float: right;
    margin: 0 0 1rem 2rem
}
img[data-sizes="auto"] {
    display: block
}
img.teaser {
    width: 100%;
    margin-bottom: 2rem
}
img.float-left, img.align_left, img.float-right, img.align_right, figure.float-left, figure.align_left, figure.float-right, figure.align_right {
    max-width: 50%;
    max-width: 50wv
}
figure {
    position: relative
}
figure figcaption {
    width: 100%;
    padding: 0.25rem;
    color: #666;
    font-size: 14px
}
@media (min-width: 960px) {
    .img-container {
        position: relative
    }
}
.zoom-container {
    overflow: hidden;
    position: relative;
    z-index: 2
}
.zoom-container a {
    display: block;
    font-size: 0.875rem
}
.zoom-container a:nth-child(1n+2) {
    margin-top: 5px
}
.zoom-container img {
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
    transform: scale(1);
    width: 100%
}
.zoom-container a:hover img {
    transform: scale(1.08)
}
.InputfieldForm {
    margin-bottom: 2rem
}
.InputfieldForm:after {
    content: "";
    display: table;
    clear: both
}
.InputfieldForm ul {
    margin: 0;
    padding: 0
}
.InputfieldForm li.Inputfield {
    list-style: none;
    margin: 0.5em 0 0;
    padding: 0;
    float: left;
    width: 100%;
    min-height: 44px;
    min-width: 100%;
    font-size: 14px
}
.InputfieldForm li.Inputfield[style="width: 49%;"], .InputfieldForm li.Inputfield[style="width: 39%;"], .InputfieldForm li.Inputfield[style="width: 24%;"], .InputfieldForm li.Inputfield[style="width: 19%;"] {
    margin-left: 0%
}
.InputfieldForm li.Inputfield label {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0
}
.InputfieldForm li.Inputfield.InputfieldSelect {
    line-height: 44px
}
.InputfieldForm li.Inputfield.InputfieldSelect label {
    width: auto;
    height: auto;
    float: left;
    margin-right: 1rem;
    padding: 0.25rem
}
.InputfieldForm li.Inputfield.InputfieldCheckboxes label {
    width: auto;
    height: auto;
    margin-right: 1rem;
    padding: 0.25rem;
    line-height: 44px
}
.InputfieldForm li.Inputfield p {
    margin: 0
}
.InputfieldForm li.Inputfield p .description {
    font-style: italic
}
.InputfieldForm li.Inputfield textarea, .InputfieldForm li.Inputfield .InputfieldMaxWidth {
    width: 100%
}
.InputfieldForm li.Inputfield .InputfieldSubmit label {
    display: none
}
.InputfieldForm li.Inputfield .ui-widget-content {
    position: relative
}
.InputfieldForm li.Inputfield .ui-state-error {
    background: #fff;
    color: red;
    position: absolute;
    padding: 0.5rem;
    top: 8px;
    left: 5px;
    width: 80%;
    display: inline-block
}
.InputfieldForm li.Inputfield input {
    height: 52px
}
.InputfieldForm li.Inputfield input[type="checkbox"] {
    height: auto
}
.InputfieldForm li.Inputfield input, .InputfieldForm li.Inputfield textarea, .InputfieldForm li.Inputfield select {
    border: 1px solid #666;
    background: #fff;
    color: #002e00;
    padding: 16px;
    font-size: 14px
}
.InputfieldForm li.Inputfield input:focus, .InputfieldForm li.Inputfield textarea:focus, .InputfieldForm li.Inputfield select:focus {
    outline: 0;
    background: #ffffea
}
.InputfieldForm li.Inputfield select {
    padding: 0.25rem
}
.InputfieldForm li.Inputfield .FieldtypeTextarea {
    min-height: 275px;
    resize: vertical;
    overflow: auto
}
.InputfieldForm .InputfieldCheckboxesStacked {
    box-sizing: border-box
}
.InputfieldForm .InputfieldCheckboxesStacked>li {
    display: inline-block;
    min-width: 48%;
    padding: 0 1rem
}
@media (min-width: 640px) {
    .InputfieldForm li.Inputfield {
        min-width: 0
    }
    .InputfieldForm li.Inputfield[style="width: 74%;"], .InputfieldForm li.Inputfield[style="width: 49%;"], .InputfieldForm li.Inputfield[style="width: 39%;"], .InputfieldForm li.Inputfield[style="width: 24%;"], .InputfieldForm li.Inputfield[style="width: 19%;"] {
        margin-left: 1%
    }
    .InputfieldForm .InputfieldCheckboxesStacked>li {
        display: inline-block;
        min-width: 24%;
        padding: 0 1rem
    }
}
@media (min-width: 960px) {
    .InputfieldForm .InputfieldCheckboxesStacked>li {
        display: inline-block;
        min-width: 18%;
        padding: 0 1rem
    }
}
.InputfieldForm ::-webkit-input-placeholder {
    color: #666
}
.InputfieldForm :-moz-placeholder {
    color: #666
}
.InputfieldForm ::-moz-placeholder {
    color: #666
}
.InputfieldForm :-ms-input-placeholder {
    color: #666
}
.InputfieldForm [role="button"], .InputfieldForm input[type="submit"], .InputfieldForm input[type="reset"], .InputfieldForm input[type="button"], .InputfieldForm button, .InputfieldForm a.button {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.InputfieldForm input[type="submit"], .InputfieldForm input[type="reset"], .InputfieldForm input[type="button"], .InputfieldForm button, .InputfieldForm a.button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.InputfieldForm input::-moz-focus-inner, .InputfieldForm button::-moz-focus-inner {
    border: 0;
    padding: 0
}
.InputfieldForm [role="button"] {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.InputfieldForm [role="button"], .InputfieldForm input[type="submit"], .InputfieldForm input[type="reset"], .InputfieldForm input[type="button"], .InputfieldForm button, .InputfieldForm .button, .InputfieldForm a.button {
    margin: 0.5rem 0;
    padding: 0.75rem 1.25rem 0.75rem 1rem;
    background-color: #b13b03;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase
}
.InputfieldForm [role="button"]:hover, .InputfieldForm input[type="submit"]:hover, .InputfieldForm input[type="reset"]:hover, .InputfieldForm input[type="button"]:hover, .InputfieldForm button:hover, .InputfieldForm .button:hover, .InputfieldForm a.button:hover {
    background: #2d1606
}
a.button {
    display: inline-block;
    margin: 0.5rem 0;
    padding: 0.75rem 1.25rem 0.75rem 1rem;
    background-color: #b13b03;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase
}
a.button:hover {
    background: #2d1606
}
.nav-pagination {
    margin-bottom: 2.77778%;
    padding-top: 1.38889%
}
.pagination li {
    display: inline;
    list-style: none
}
.pagination li a, .pagination li.paginationSeparator {
    display: block;
    float: left;
    padding: 0.25rem 0.75rem;
    color: #ccc;
    background: #f4e7df;
    margin-right: 0.25rem;
    font-weight: bold;
    text-transform: uppercase
}
.pagination li.paginationOn a, .pagination li a:hover {
    color: #fff !important;
    background: #b13b03;
    text-decoration: none
}
.pagination li.current a {
    color: #b13b03
}
.pagination li.paginationSeparator {
    display: inline;
    color: #777;
    background: #d2e4ea;
    padding-left: 3px;
    padding-right: 3px
}
.nav-toggle {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    position: relative;
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    font-variant: small-caps;
    font-size: 18px
}
@media (min-width: 460px) {
    .nav-toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        width: 100px;
        border: none;
        margin-top: 0 !important
    }
}
@media (min-width: 780px) {
    .nav-toggle {
        display: none
    }
}
.nav-toggle .icon {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 10px 25px 16px 0px
}
.nav-toggle .icon span, .nav-toggle .icon span:before, .nav-toggle .icon span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 1.5rem;
    background: #b13b03;
    position: absolute;
    display: block;
    content: ''
}
.nav-toggle .icon span:before {
    top: -8px
}
.nav-toggle .icon span:after {
    bottom: -8px
}
.nav-toggle.active .icon span {
    background-color: transparent
}
.nav-toggle.active .icon span:before, .nav-toggle.active .icon span:after {
    top: 0
}
.nav-toggle.active .icon span:before {
    transform: rotate(45deg)
}
.nav-toggle.active .icon span:after {
    transform: rotate(-45deg)
}
.nav-collapse {
    width: 100%
}
.nav-collapse .mainnav li {
    margin: 0
}
.nav-collapse .mainnav li a {
    display: inline-block;
    width: 100%
}
.nav-collapse.opened {
    max-height: 9999px
}
.nav-collapse.opened li {
    padding: 1rem 4rem
}
@media (min-width: 460px) {
    .nav-collapse {
        width: 100%
    }
}
.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1
}
@media (min-width: 780px) {
    .js .nav-collapse {
        position: relative
    }
    .js .nav-collapse.closed {
        max-height: none
    }
    .nav-toggle {
        display: none
    }
}
.mainnav {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    list-style: none
}
.mainnav li {
    margin: 0;
    padding: 1rem 2rem
}
.mainnav a {
    color: #b13b03;
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1px
}
.mainnav a:hover {
    color: #2d1606
}
@media (min-width: 780px) {
    .mainnav {
        flex-direction: row;
        font-size: 1rem;
        background: transparent
    }
    .mainnav li {
        padding: 0.25rem 1rem;
        border: solid #ccc;
        border-width: 0 1px 0 0 !important;
        line-height: 1
    }
    .mainnav li:last-child {
        border: none !important;
        padding-right: 0
    }
    .mainnav a {
        color: #2d1606
    }
    .mainnav a:hover {
        color: #b13b03
    }
}
.sibblings {
    position: relative;
    overflow: hidden;
    min-height: 185px;
    width: 100%;
    justify-content: space-between;
    align-items: center
}
.sibblings h3 {
    margin-bottom: 1rem
}
.sibblings a.back {
    text-align: center
}
.sibblings a.back:before {
    font-size: 26px;
    line-height: 1
}
.sibblings .prev, .sibblings .next {
    font-size: 14px
}
.sibblings .prev h3 {
    text-align: left
}
.sibblings .prev img {
    float: left;
    padding: 0 2rem 0 0
}
.sibblings .next {
    text-align: right
}
.sibblings .next h3 {
    text-align: right
}
.sibblings .next img {
    float: right;
    padding: 0 0 0 2rem
}
.sibblings .next i:before {
    margin-right: 0
}
#footer nav li {
    display: block
}
#footer nav li:last-child {
    border: none
}
#footer nav a {
    color: #666
}
#footer nav a:hover {
    color: #000
}
.produkte-page main .flex-container {
    margin-top: 2rem
}
@media (min-width: 960px) {
    .produkte-page main .flex-container {
        justify-content: flex-start
    }
}
article.product .flex-container {
    margin-bottom: 3rem
}
article.product h2 {
    margin: 1rem 0 2rem;
    text-align: left
}
article.product aside {
    order: -1;
    position: relative;
    margin-bottom: 2rem
}
article.product aside h3 {
    margin: 0 0 0.5rem
}
article.product aside img {
    width: 100%
}

article.product ul.links {
    border: solid #ccc;
    border-width: 1px 0;
    margin: 1rem 0 2rem;
    padding: 0.5rem 1rem 0
}
article.product ul.links li {
    display: inline-block;
    margin: 0 0.5rem 0.5rem
}
section.text ul:not([class]),
article.product ul:not([class]) {
	list-style: none;
	padding-left: 0;
	margin: 0 0 1rem 1rem;
}
section.text ul:not([class]) li,
article.product ul:not([class]) li {
    padding-left: 2rem;
	margin-bottom: 0.5rem;
    position: relative;
}
section.text ul:not([class]) li:before,
article.product ul:not([class]) li:before {
    content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 9.525 9.525'%3E%3Cg transform='translate(-70.117 -134.299)'%3E%3Ccircle cx='74.879' cy='139.061' r='4.762' style='fill:%23eb7423;fill-opacity:1;stroke-width:5.55699'/%3E%3Cpath d='M74.25 136.151v2.281h-2.281v1.259h2.28v2.28h1.26v-2.28h2.28v-1.259h-2.28v-2.281h-1.26z' style='fill:%23fff;fill-opacity:1;stroke-width:5.55699'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
}



dl.sizes {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    font-size: 0.813rem
}
dl.sizes dd {
    position: relative;
    padding-right: 20px;
    min-width: 150px;
    display: inline-block
}
dl.sizes dd[data-icon]:before {
    display: block;
    position: relative;
    float: left;
    font-size: 1.75rem;
    margin: 0 10px 0 0
}
dl.sizes dd i:before {
    display: inline-block;
    font-size: 1.75rem;
    margin: -6px 10px 0 0;
    vertical-align: middle
}
#kontakt img.align_right {
    border-radius: 50%;
    margin-right: 30px
}
.persons article ul li {
    font-size: 14px
}
body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 1.5
}
@media (min-width: 640px) {
    body {
        font-size: 16px
    }
}
input, select, textarea, button {
    font-family: inherit
}
main ul {
    overflow: hidden
}
nav ul li {
    display: inline-block
}
iframe {
    max-width: 100%
}
table {
    width: 100%
}
.trs-fast, .InputfieldForm li.Inputfield input, .InputfieldForm li.Inputfield textarea, .InputfieldForm li.Inputfield select, .InputfieldForm [role="button"], .InputfieldForm input[type="submit"], .InputfieldForm input[type="reset"], .InputfieldForm input[type="button"], .InputfieldForm button, .InputfieldForm .button, .InputfieldForm a.button, a.button, .pagination li a, .pagination li.paginationSeparator, #footer nav a, .mainnav a, .news-item a, .lightbox img, .zoom-container img {
    transition: all, 0.25s, ease-in
}
.trs-slow, .slider-partner .item img, #video a:before, #video a:after, #secondNav, .icon span, .icon span:before, .icon span:after {
    transition: all, 0.4s, ease-in
}
.trs-lame, #topbar .container h1, #topbar .hometeaser h1, #topbar .container #g5, #topbar .hometeaser #g5, #topbar .container #g89, #topbar .hometeaser #g89, #topbar .container #g63, #topbar .hometeaser #g63 {
    transition: all 0.6s ease-in-out
}
.lazyload:not(iframe) {
    opacity: 0
}
.lazyloading:not(iframe) {
    opacity: 1;
    transition: 500ms opacity;
    background: #f7f7f7 url(../img/loader.gif) no-repeat center;
    min-height: 60px
}
.lazyloaded {
    opacity: 1;
    transition: 500ms opacity
}
section.lazyload, blockquote.lazyload {
    opacity: 0;
    transform: scale(0.95)
}
section.lazyloaded, blockquote.lazyloaded {
    opacity: 1;
    transform: scale(1);
    transition: all 750ms
}
.nexttodate {
    max-width: 75%;
    word-wrap: break-word
}
@media (min-width: 640px) {
    .nexttodate {
        max-width: 50%
    }
}
@media (min-width: 960px) {
    .nexttodate {
        max-width: 60%
    }
}
@media (min-width: 1280px) {
    .nexttodate {
        max-width: 75%
    }
}
time.right {
    display: block;
    margin: -1rem 0 1rem auto;
    width: 5.5rem;
    color: #ccc;
    font-size: 12px;
    text-align: right
}
time.right:before {
    font-size: 14px;
    display: block;
    float: left;
    margin: 1px 0.25rem 0
}
@media (min-width: 640px) {
    time.right {
        position: absolute;
        top: 6px;
        right: 0;
        margin: 0;
        width: auto;
        border: none
    }
}
.hideonmobile {
    display: none
}
@media (min-width: 960px) {
    .hideonmobile {
        display: block
    }
}
.hideondesktop {
    display: block
}
@media (min-width: 960px) {
    .hideondesktop {
        display: none
    }
}
figure.effect-lexi {
    position: relative;
    overflow: hidden;
    margin: 10px 1%;
    text-align: center
}
figure.effect-lexi img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    opacity: 1
}
figure.effect-lexi figcaption {
    color: #fff;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-lexi figcaption::before, figure.effect-lexi figcaption::after {
    pointer-events: none
}
figure.effect-lexi figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
figure.effect-lexi {
    background: #000
}
figure.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-lexi p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s
}
a:hover figure.effect-lexi img, figure.effect-lexi:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-lexi h2 {
    text-align: right;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0);
    position: absolute;
    right: 0rem;
    bottom: 1rem;
    padding: 0 1rem 0 0.5rem;
    letter-spacing: 1px;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
figure.effect-lexi p {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 50%;
    text-align: left;
    opacity: 0;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0)
}
figure.effect-lexi p:before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 1px;
    height: 100%;
    background: #fff
}
.news-page h2 {
    margin-top: 2.77778%
}
.blog-post {
    margin-top: 0
}
@media (min-width: 640px) and (max-width: 960px) {
    .blog-post {
        width: 44.44444%;
        float: left;
        margin-left: 2.77778%;
        margin-right: 2.77778%
    }
    .blog-post:nth-of-type(2n+3) {
        clear: both;
        width: 44.44444%;
        float: left;
        margin-left: 2.77778%;
        margin-right: 2.77778%
    }
}
@media (min-width: 960px) {
    .blog-post {
        width: 27.77778%;
        float: left;
        margin-left: 2.77778%;
        margin-right: 2.77778%
    }
    .blog-post:nth-of-type(3n+4) {
        clear: both;
        width: 27.77778%;
        float: left;
        margin-left: 2.77778%;
        margin-right: 2.77778%
    }
}
@media (min-width: 640px) {
    .blog-post img {
        width: 100%;
        height: auto
    }
}
.blog-post header {
    position: relative
}
.blog-post header h3 {
    max-width: 75%
}
@media (min-width: 640px) {
    .blog-post header h3 {
        max-width: 50%
    }
}
@media (min-width: 960px) {
    .blog-post header h3 {
        max-width: 60%
    }
}
@media (min-width: 1280px) {
    .blog-post header h3 {
        max-width: 70%
    }
}
.blog-post header time {
    position: absolute;
    top: 6px;
    right: 0;
    color: #ccc;
    font-size: 12px;
    text-align: right
}
.blog-post header time:before {
    font-size: 14px;
    display: block;
    float: left;
    margin: -1px 0.25rem 0
}
.blog-post h4 {
    margin-top: 0.5rem
}
article.feedback .intro:after {
    content: "";
    display: table;
    clear: both
}
article.feedback .intro img {
    width: 300px
}
.feedback-item {
    margin: 5.55556% 0
}
.feedback-img {
    overflow: hidden
}
.feedback-text {
    position: relative;
    padding: 2rem 3rem;
    background: #f4e7df;
    font-style: italic
}
.feedback-text p:nth-of-type(1):before {
    display: block;
    float: left;
    font-size: 3rem;
    margin: 0 1rem 0.5rem 0;
    color: rgba(177, 59, 3, 0.25)
}
.feedback-text time.right {
    top: 2.25rem;
    right: 3rem;
    color: #888
}
.feedback-text cite {
    display: block;
    margin-top: 1rem;
    color: #b13b03;
    font-size: 18px
}
@media (min-width: 780px) {
    .feedback-img {
        width: 36.11111%;
        float: left;
        max-height: 250px
    }
    .feedback-text {
        width: 52.77778%;
        float: right
    }
    .feedback-text:before {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 2rem 2rem 0;
        border-color: transparent #f4e7df transparent transparent
    }
    .feedback-item {
        margin-top: 5.55556%
    }
    .feedback-item:after {
        content: "";
        display: table;
        clear: both
    }
    .feedback-item:nth-of-type(2n+2) .feedback-img {
        float: right
    }
    .feedback-item:nth-of-type(2n+2) .feedback-text {
        float: left
    }
    .feedback-item:nth-of-type(2n+2) .feedback-text:before {
        right: inherit;
        left: 100%;
        border-width: 2rem 2rem 0 0;
        border-color: #f4e7df transparent transparent transparent
    }
}
.box-img-text {
    margin-top: 2rem;
    margin-bottom: 4rem;
    background: #f4e7df
}
.box-img-text:after {
    content: "";
    display: table;
    clear: both
}
.box-img-text .right, .box-img-text .left {
    width: 100%;
    float: left
}
.box-img-text .right {
    padding: 2rem 2rem 1rem
}
.box-img-text img {
    display: block;
    width: 100%
}
@media (min-width: 640px) {
    .box-img-text {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .box-img-text .left {
        width: 33.33333%;
        float: left
    }
    .box-img-text .right {
        width: 66.66667%;
        float: left
    }
    .box-img-text .right, .box-img-text .left {
        flex: 1
    }
}
@media (min-width: 960px) {
    .box-img-text .right, .box-img-text .left {
        width: 50%;
        float: left
    }
    .box-img-text .right {
        padding: 4rem
    }
}
.renderedLayout .box-img-text .left {
    padding: 4rem
}
.renderedLayout .box-img-text.lazyload {
    opacity: 1;
    transform: scale(1)
}
.gallery .flex-half {
    margin-bottom: 15px
}
.gallery figure img {
    width: 100%
}
.image-info {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: -30px 0 45px;
    padding: 30px 0 0;
    border: solid #f4e7df;
    border-width: 1px 0
}
@media (min-width: 640px) {
    .image-info {
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-end
    }
}
@media (min-width: 1280px) {
    .image-info {
        flex-flow: row nowrap
    }
    .image-info .imageinfo {
        width: auto
    }
    .image-info.wrap {
        flex-flow: row wrap;
        justify-content: flex-start
    }
    .image-info.wrap .imageinfo {
        width: calc(100% * (1/2) - 30px)
    }
}
.imageinfo {
    display: flex;
    flex-direction: column
}
@media (min-width: 640px) {
    .imageinfo {
        flex-direction: row;
        width: calc(100% * (1/2) - 30px);
        justify-content: flex-start;
        align-items: flex-end;
        margin-right: 30px;
        padding: 0 0 30px
    }
}
.imageinfo img {
    display: block;
    padding-right: 15px;
    height: auto
}
.imageinfo p {
    max-width: 300px
}
.imageinfo p:last-of-type {
    margin-bottom: 0
}
.half {
    width: 100%;
    float: left;
    padding-left: 2.77778%;
    padding-right: 2.77778%;
    margin-top: 1rem;
    margin-bottom: 1rem
}
.half h3 {
    margin: 0.5rem 0 0
}
@media (min-width: 640px) {
    .half {
        width: 50%;
        float: left;
        padding-left: 2.77778%;
        padding-right: 2.77778%;
        margin-top: 2.77778%;
        margin-bottom: 0
    }
    .half:nth-of-type(2n+1) {
        padding-right: 1.11111% !important
    }
    .half:nth-of-type(2n+2) {
        padding-left: 1.11111% !important
    }
}
.cf:after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 960px) {
    .cf div.third {
        min-height: 365px
    }
}
.videos {
    margin-top: 5.55556%;
    margin-bottom: 5.55556%
}
.videos:after {
    content: "";
    display: table;
    clear: both
}
.videos .two {
    width: 100%;
    float: left;
    padding-left: 2.77778%;
    padding-right: 2.77778%;
    margin-top: 1rem;
    margin-bottom: 1rem
}
@media (min-width: 640px) {
    .videos .two {
        width: 50%;
        float: left;
        padding-left: 2.77778%;
        padding-right: 2.77778%;
        margin-top: 2.77778%;
        margin-bottom: 0
    }
    .videos .two:nth-of-type(2n+1) {
        padding-left: 0 !important
    }
    .videos .two:nth-of-type(2n+2) {
        padding-right: 0 !important
    }
}
@media (min-width: 780px) {
    .two-text-columns {
        column-count: 2;
        column-gap: 4rem
    }
    .two-text-columns h3 {
        column-span: all;
        margin-top: 1.75rem;
        padding-top: 1rem;
        border-top: 1px solid #f4e7df
    }
    .two-text-columns h3:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}
.two-text-columns {
    margin: 2rem 0 4rem
}
.two-text-columns .Inputfield {
    break-inside: avoid-column
}
.slider-partner {
    margin: 0 -5%;
    margin: 0 -5vw
}
.slider-partner .slick-prev:before, .slider-partner .slick-next:before {
    display: none
}
.slider-partner .item {
    padding: 1rem 2rem
}
.slider-partner .item img {
    transform: scale(1)
}
.slider-partner .item:hover img {
    transform: scale(1.125)
}
.slider-partner .slick-dots {
    bottom: 0.25rem
}
.slider-partner .slick-dots li button:before {
    background-color: #666
}
.slider-partner .slick-dots li.slick-active button:before {
    background-color: #b13b03
}
@media (min-width: 1280px) {
    .slider-partner {
        margin: 0
    }
}
.renderedLayout .slider-partner .item {
    max-width: 250px;
    float: left
}
section.repair {
    padding-top: 2rem
}
/*# sourceMappingURL=styles.css.map */