.lipos_dis_1_2_       { display: none; }
div.headbox .lipos_dis_1_,
div.ubermenu__menu .lipos_dis_1_ { display: none !important; }
footer .lipos_dis_2_  { display: none; }



/*  --------------------------------------------------
    Version 4.9 | 22-08-2020
    -------------------------------------------------- */

div.cf3CaA { display: none;}

/* -----------------------------------------
                CookieFirst
-------------------------------------------- */
            
        #cookiefirst-root *
        .cookiefirst-root * { 
            font-size: 15px !important;
        }
        
        
        #cookiefirst-root button * { 
            font-size: 15px !important;
            font-weight: 500 !important;
            line-height: 2em !important;
        }
        
          #cookiefirst-root img { 
            display: none !important;
        }
        
        .cookiefirst-root button * {
          font-size: 15px !important;
          font-weight: 500 !important;
          line-height: 2em !important;
        }
        
        
        

/* -----------------------------------------
    promotext
-------------------------------------------- */

p.promotext  {
    border-top: dotted 1px  gray;
    border-bottom: dotted 1px  gray;
    padding: 20px 20px 20px 70px;
    font-size: 18px !important;
    
    background-image: url('/media/ic-email-48px.svg');
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: left center;
    
}


/* -----------------------------------------
    Podcast Player
-------------------------------------------- */
div.metamo {
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  margin-bottom: 2em;
}



.playbar {   
  display: flex;
  align-items: center;
  justify-content: start;
  padding-right: 30px;
}

.playbar-content h2,
.playbar-content h3 {
  margin:0;
  padding:0;
  font-size: 130%;
}

.playbar-content h3 { font-weight: 300;}

/* .playbar-content * { border: 1px solid red;} */
.playbar-content { 
   width: 100%; 
}

.playbar-content audio {
   display: inline-block;
   width: 100%;
   margin-bottom: 1em
}

img.metamo-play {
  width: 130px;
}

img.metamo-play:hover {
  cursor: pointer;
}

.metamo-texblock {
  margin-top: 2em;
}

@media (max-width: 800px) {

    img.metamo-play {
      width: 80px !important;
    }

    .playbar-content {
        text-align: center;
        padding-bottom: 1em;
    }
    
    .playbar-content h2    {
        margin-bottom: 0.5em;
    }
    
    .metamo .fcol-3 {
        padding-top: 1em;
        text-align: center;
    }
    
}

/* ----------------------------------------- */



/* -----------------------------------------
    Cookiebar
-------------------------------------------- */

#cookiewraper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.60);
	z-index: 900 !important;
}

#cookielayer {
   position: fixed;
   top: 50%;
   left: 50%;
   padding: 2em 3em;
   transform: translate(-50%, -50%);
   width:800px;
   max-width: 90%;
   margin: 0 auto;
   background: white;
   box-shadow: 3px 3px 12px rgba(0,0,0,0.35);
   z-index: 1000;
}

#cookielayer .cookielayer_option { 
   margin: 1.4em 0;
}

#cookielayer .cookielayer_option a { 
   color: #9c1f2e; 
   display:inline-block; 
   margin-right: 2em; 
   text-decoration: none;
}

#cookielayer p {
   margin-bottom: 0.5em;
}

#cookielayer button {
   background-color: #333; 
   border: 0;
   border-radius: 8px;
   padding: 1em 2em; 
   color: white;
   margin-left: 2em;
   margin-top: 2em;
   font-size:16px;
}

#cookielayer button:hover {
    cursor: pointer;
}

button.cookie_button_gray {
   background-color: #333 !important;;
}

#cookielayer .cookielayer_morelink { margin-bottom: 1em;}
#cookielayer .cookielayer_morelink a { text-decoration: underline; }
#cookielayer .cookielayer_infotext { display: none; padding-top: 0em; }



/* -----------------------------
    fcol-GRID System
-------------------------------- */

/* Go flex… */
.fcol {  display: flex; }

/* Setup… */
.fcol-box {
  --span: initial; /* avoid inheritance */
  --percentage: calc(var(--span) * 100%);
  width: var(--percentage, initial);
}

/* Items… */
.fcol-1  {  --span: 1/12; }
.fcol-2  {  --span: 2/12; }
.fcol-3  {  --span: 3/12; }
.fcol-4  {  --span: 4/12; }
.fcol-5  {  --span: 5/12; }
.fcol-6  {  --span: 6/12; }
.fcol-7  {  --span: 7/12; }
.fcol-8  {  --span: 8/12; }
.fcol-9  {  --span: 9/12; }
.fcol-10 {  --span: 10/12; }
.fcol-11 {  --span: 11/12; }
.fcol-12 {  --span: 12/12; }

@media (max-width: 760px) {
   .fcol {  display: block; }
   .fcol-box { width: 100%; }
}


.item, .fcol-box{
/*   outline: 1px solid green; */
/*   padding: 0.5em; */
}


/* -----------------------------------------
     Teaserbar
-------------------------------------------- */

/* Mainbar */

.teaserbar {
    margin-bottom: 2em;
}

/* Die Boxen */
    
section.teaserbar .fcol-box {    
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        width: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        margin-right: 20px;
        margin-left: 0    
}

section.teaserbar .fcol-box:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}


.teaserbar__figure {
    position: relative;
    margin: 0;
    padding: 0;
}

.teaserbar__figure h3.label {
    position: absolute;
    left: 20px;
    bottom: 20px;
    
    overflow: hidden;
    transition: .2s opacity;
    background-color: rgba(255, 255, 255, .55);
    
    padding: 0 8px;
    max-width: calc(100% - 2 * 20px - 2 * .5em);
    
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0em;    
    color: #9c1f2e;
}

.teaserbar__figure .topline  {
    position: absolute;
    left: 20px;
    top: 20px;
    display: inline-block;
    background-color: #9c1f2e;

    padding: 0 8px 0 10px ;
    margin:0; 
    
    font-family: "OpenSansLight", Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #fff;
    text-transform: uppercase;
    
}


.teaserbar__image {
    
    width: 100%;
    height: 300px;
    object-fit: cover;

}



.teaserbar__headline {
    color: #9c1f2e;
    text-transform: uppercase;
    margin: 1em 0 0!important;
    font-size: 20px;
    
}


.teaserbar__text { font-size: 15px;}


a.button {
    display: inline-block;
    padding: 8px 0px;
    margin-top: 0em;
    color: #9c1f2e;
    line-height: 1em; 
    font-size: 16px;
}


small.anmerkung {
    margin: 6em 0;
    border-bottom: 1px dotted red;
    color: --red;
    width: 100%;
    display: block;
    padding: 0.5em 0;
    text-transform: uppercase;
}

@media (max-width: 760px) {
   section.teaserbar .fcol-box { width: 100%; margin-bottom: 2em; }
   
}



/*  --------------------------------------------------
    RESET
    -------------------------------------------------- */


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}


body {
    margin: 0;
    background-color: #fff;
    color: #333;
    font-family: 'Lato', sans-serif;
}


article, aside, details, figcaption, figure, footer, header, main, menu,
nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

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
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=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 {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    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-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}


/*  --------------------------------------------------
    FONTS
    -------------------------------------------------- */


@font-face {
    font-family: OpenSans;
    src: url(fonts/opensans-regular.woff2) format('woff2'), url(fonts/opensans-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSans;
    src: url(fonts/opensans-italic.woff2) format('woff2'), url(fonts/opensans-italic.woff) format('woff');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: OpenSans;
    src: url(fonts/opensans-semibold.woff2) format('woff2'), url(fonts/opensans-semibold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: OpenSans;
    src: url(fonts/opensans-semibold.woff2) format('woff2'), url(fonts/opensans-semibold.woff) format('woff');
    font-weight: bolditalic;
    font-style: italic
}

@font-face {
    font-family: OpenSansLight;
    src: url(fonts/opensans-light.woff2) format('woff2'), url(fonts/opensans-light.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSansLight;
    src: url(fonts/opensans-lightitalic.woff2) format('woff2'), url(fonts/opensans-lightitalic.woff) format('woff');
    font-weight: 400;
    font-style: italic
}

* {
    box-sizing: border-box
}


/*  --------------------------------------------------
    Sidebar Mobile
    -------------------------------------------------- */


#sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 300px;
    left: -300px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #333;
}

#sidr nav {
    margin-top: 40px
}

#sidr button.close {
    background-color: transparent !important;
    border: none;
    position: absolute;
    right: 11px;
    top: 5px;
    height: 30px;
    width: 30px;
    padding: 0
}

#sidr button.close svg {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 14px;
    height: 14px
}



#symbols {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

#wp-admin-bar-comments, #wp-admin-bar-new-post {
    display: none !important
}

.Component-Header {
   height: 26px;
    background-color: #9c1f2e;
    height: 40px;
    width: 100%;
    padding: 0 1.7vw;
    -webkit-font-smoothing:auto;
	-moz-osx-font-smoothing:auto;
}


.Component-Header--container {
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-center;
    align-items: flex-center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.Component-Header--container > div {
    width: 50%
}

.Component-Header--container > div:first-child, .Component-Header--container > div:last-child {
    width: 25%
}

.Component-Header--left {
    display: -ms-flexbox;
    display: flex
}

.Component-Header--left button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: inline-block;
    padding: 0;
    margin: 0
}

.Component-Header--left svg {
    vertical-align: -3px;
    width: 24px;
    height: 18px
}

.Component-Header--center {
    display: none
}

.Component-Header--center h1, .Component-Header--center span {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    font-size: .875rem;
    line-height: .875rem;
    padding: 0;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin: auto
}

.Component-Header--right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}
@media (max-width: 800px) {
    
    
    .Component-Header--right {
        display: none;
    }
 
}

.Component-Header--right button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: inline-block;
    padding: 0;
    margin: 0
}

.Component-Header--right svg.icon {
    width: 21px;
    height: 21px
}

@media (min-width:76rem) {
    .Component-Header {
        padding: 0
    }

    .Component-Header--center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.Component-MobileMenu {
    font-family: OpenSans, Verdana, Arial, sans-serif;
}

.Component-MobileMenu a, .Component-MobileMenu span {
    display: inline-block;
    cursor: pointer;
    letter-spacing: 2.43px;
    font-size: 14px;
    letter-spacing: .15em;
    color: #fff;
    width: 100%
}


.Component-MobileMenu a > span.-isCurrent {
    color: #ff3000 !important;
}


.Component-MobileMenu span {
    padding: 13px 0
}

.Component-MobileMenu a:hover span, .Component-MobileMenu span:hover {
    color: #ff3000 !important;
}

.Component-MobileMenu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.Component-MobileMenu ul.-level-2 {
    padding: 5px 0 20px;
    overflow: hidden
}

.Component-MobileMenu li.-level-1 {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    text-transform: uppercase
}

.Component-MobileMenu li.-level-1.-has-children span {
    color: #fff;
    background-position: top 22px right 20px;
    background-repeat: no-repeat
}

.Component-MobileMenu li.-level-1 {
    background-color: #494949;
}

.Component-MobileMenu li.-level-1 span {
    padding-left: 10px
}

.Component-MobileMenu li.-level-2 {
    text-transform: none;
    margin-bottom: 3px;
    padding-left: 20px
}

.Component-MobileMenu li.-level-2 a, .Component-MobileMenu li.-level-2 span {
    color: #fff;
    font-size: .75rem;
    padding: 1px 0;
    letter-spacing: .5px;
    line-height: 1
}


.Component-MobileMenu li.-level-2 a {
    padding: 6px 0px;
}



.Component-MobileMenu li.-level-2 span {
    background-image: none !important
}

.Component-MobileMenu--iconcontainer {
    display: -ms-flexbox;
    display: flex
}

.Component-MobileMenu--iconcontainer div {
    width: 63px;
    display: -ms-flexbox;
    display: flex
}

.Component-MobileMenu--iconcontainer div > * {
    margin: auto
}

.Component-MobileMenu--iconcontainer svg {
    width: 15px;
    height: 8px
}

.Component-MobileMenu--item.-collapsed .Component-MobileMenu--icon.-collapsed {
    display: none
}

.Component-MobileMenu--item.-collapsed .Component-MobileMenu--icon.-expanded,
.Component-MobileMenu--item.-expanded .Component-MobileMenu--icon.-collapsed {
    display: -ms-flexbox;
    display: flex
}

.Component-MobileMenu--item.-expanded .Component-MobileMenu--icon.-expanded {
    display: none
}

.Component-MobileSearch form {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Component-MobileSearch form > * {
    margin: auto 0
}

.Component-MobileSearch input {
    margin: 0 10px 0;
    border: 1px solid #fff9;
    padding: 2px;
    font-family: OpenSans, Verdana, Arial, sans-serif;
    color: #333;
    width: 130px;
    font-size: 15px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: transparent
}

.Component-MobileSearch input:focus {
    background-color: #fff
}

.Component-MobileSearch button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline-block;
    padding: 0;
    margin: 0
}

.Component-MobileSearch svg {
    vertical-align: -5px;
    margin-right: 12px;
    width: 24px;
    height: 24px
}

@media (min-width:40rem) {
    .Component-MobileSearch {
        display: none
    }
}

.Component-LangMenu {
    margin: auto 0
}

.Component-LangMenu ul {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem
}

.Component-LangMenu li {
    padding: 0 4px
}

.Component-LangMenu a {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    font-size: .875rem;
    line-height: .875rem;
    letter-spacing: .15em;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff
}

.Component-LangMenu a:hover {
    text-decoration: underline
}

@media (min-width:40rem) {
    .Component-LangMenu ul {
        margin-right: 10px
    }
}

.Component-SearchBox {
    margin: auto 0;
    display: none
}

.Component-SearchBox form {
    display: -ms-flexbox;
    display: flex
}

.Component-SearchBox form > * {
    margin: auto 0
}

.Component-SearchBox input {
    margin: 3px 0;
    background-color: #9c1f2e;
    border: 1px solid #fff;
    padding: 2px;
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    color: #fff;
    width: 130px;
    font-size: 15px
}

.Component-SearchBox input:focus {
    font-family: OpenSans, Verdana, Arial, sans-serif;
    border-color: #9c1f2e;
    background-color: #fff;
    color: #333
}

.Component-SearchBox svg {
    vertical-align: -5px;
    margin-left: 12px;
    width: 24px;
    height: 24px
}

@media (min-width:40rem) {
    .Component-SearchBox {
        display: block
    }
}

.Component-Logo {
    display: -ms-flexbox;
    display: flex;
    padding: 6vw 0 4vw
}

.Component-Logo img {
    max-width: 90%;
    height: auto
}

.Component-Logo a {
    text-align: center;
    margin: auto
}

@media (min-width:40rem) {
    .Component-Logo {
        padding: 4vw 0 3.6vw
    }

    .Component-Logo img {
        max-width: 100%;
        height: auto;
        width: 375px;
        margin: auto
    }
}

@media (min-width:76rem) {
    .Component-Logo {
        padding: 60px 0
    }
}

.Component-MainMenu {
    display: none
}

@media (min-width:76rem) {
    .Component-MainMenu {
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 76rem;
        margin-left: auto;
        margin-right: auto;
        width: 76rem;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .Component-MainMenu li, .Component-MainMenu ul {
        margin: 0;
        padding: 0
    }

    .Component-MainMenu ul {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        position: relative;
        -ms-flex-pack: center;
        justify-content: center
    }

    .Component-MainMenu ul.-level-2 {
        display: none;
        width: auto;
        padding: 20px;
        margin-left: -20px;
        z-index: 2;
        position: absolute;
       /* background-color: $color--gold*/
    }

    .Component-MainMenu li {
        list-style: none
    }

    .Component-MainMenu li.-level-1 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .15em;
        margin: 0 40px;
        line-height: 40px
    }

    .Component-MainMenu li.-level-1:hover > ul {
        display: block;
        width: auto
    }

    .Component-MainMenu li.-level-1 a, .Component-MainMenu li.-level-1 span {
        line-height: 40px;
        color: #9c1f2e;
        cursor: pointer
    }

    .Component-MainMenu li.-level-1 span:hover {
        text-decoration: underline
    }

    .Component-MainMenu li.-level-1 span.-isCurrent {
        color: #333
    }

    .Component-MainMenu li.-level-1 span.-isCurrent:hover {
        text-decoration: none
    }

    .Component-MainMenu li.-level-2 {
        font-weight: 400;
        font-size: .8125rem;
        line-height: 1.75;
        letter-spacing: .5px;
        text-transform: none;
        margin-bottom: 8px
    }

    .Component-MainMenu li.-level-2 a, .Component-MainMenu li.-level-2 span {
        font-family: OpenSans, Verdana, Arial, sans-serif;
        color: #fff;
        line-height: 1
    }

    .Component-MainMenu li.-level-2 a:hover, .Component-MainMenu li.-level-2 span:hover {
        color: #9c1f2e;
        text-decoration: none
    }

    .Component-MainMenu.-js li > ul {
        background-color: transparent
    }
}

.Component-IntroImage {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    width: 100%
}

.Component-IntroImage--slide {
    position: relative
}

.Component-IntroImage--slide img {
    max-width: 100%
}

.Component-IntroImage--blurredimage {
    position: absolute;
    opacity: 0;
    transition: .2s opacity
}

.Component-IntroImage--blurredimage picture, .Component-IntroImage--cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.Component-IntroImage--cover {
    background-color: rgba(211, 167, 113, .7);
    box-shadow: 0 0 29px rgba(0, 0, 0, .2) inset
}

.Component-IntroImage.-blur .Component-IntroImage--slide .Module-TopSlider--text,
.Component-IntroImage.-blur .Component-IntroImage--slide h2, .Component-IntroImage.-blur .slick-next,
.Component-IntroImage.-blur .slick-prev {
    opacity: 0
}

.Component-IntroImage.-blur .Component-IntroImage--blurredimage {
    opacity: 1;
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px
}

.Component-IntroImage.-blur .Component-IntroImage--blurredimage picture {
    filter: blur(3px);
    width: 100%;
    height: 100%
}

.Component-IntroImage img {
    max-width: 100%
}

.Component-IntroImage h1.-label {
    margin: 4vw 1.7vw 3vw;
    position: relative;
    display: block;
    padding: 0
}

@media (max-width: 800px) {
    
    .Component-IntroImage h1.-label {
        margin: 0;
        position: relative;
        display: block;
        padding: 1em;
    }
    
}

.Component-IntroImage--categories {
    width: calc(100% - 2 * 1.7vw);
    position: absolute;
    top: 1.7vw;
    left: 1.7vw
}

.Component-IntroImage--category {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px;
    top: 1.7vw;
    left: 1.7vw
}

.Component-IntroImage--category a {
    color: #fff
}

@media (min-width:40rem) {
    .Component-IntroImage {
        margin-bottom: 2vw
    }

    .Component-IntroImage h1.-label {
        margin: 4vw 0 2vw;
        padding: 0 8PX;
        display: block !important;
        margin-bottom: 0;
        position: absolute !important;
        left: 1.7vw;
        bottom: 1.7vw
    }
}

@media (min-width:76rem) {
    .Component-IntroImage {
        margin-bottom: 20px;
        max-width: 76rem
    }

    .Component-IntroImage h1.-label {
        left: 20px;
        bottom: 20px
    }

    .Component-IntroImage {
        height: 392px;
        margin-bottom: 30px;
        background-color: rgba(211, 167, 113, .8)
    }

    .Component-IntroImage.-video {
        height: 684px
    }

    .Component-IntroImage--categories {
        width: calc(100% - 2 * 20px);
        top: 20px;
        left: 20px
    }

    .Component-IntroImage--category {
        font-size: .9375rem;
        line-height: 1.5rem
    }

    .Component-IntroImage--category {
        top: 20px;
        left: 20px
    }
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Component-IntroImage--category {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Component-IntroImage--category {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }
}

.Component-Stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto
}

.Component-Stage main {
    padding: 0 1.7vw;
    min-height:200px;
}

.Component-Stage ul {
    list-style: none
}

.Component-Stage ul > li {
    position: relative;
    margin-bottom: .1em
}

.Component-Stage ul > li:last-child {
    margin-bottom: 0
}

.Component-Stage ul > li:before {
    content: " ";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAABGdBTUEAALGPC/xhBQAAAP1JREFUKBVjZMACzjCksT5juFDGwPBPnIWBucaL4eQndGWM6AJbGMxs/zL8n8HA8F8LKvcMqCjPj+HMWmS1cI1bGGwE/zH87AJqSP7PwAAXhylmZGDcwszAmuPNcOwhSAysYDODafQ/BoY+oCYxmEJsNFDx1/8MjPV8DNwTGTcxmDb+Z/hfh00hbjHGFUy+DKcagM5IB+L3uBVCZIA2/gSqq1dhUIgHOxUkvJHBXJyR4W8/0H+R2AwAatjHyMCU4ctw8jZIHq4Rpngzg7nbP4a/04B8ZaiCN0ANxUCXLYKpgYojcyHsYwyWnG8Z/tT+Y2AU52ZgKHNhOPUWXRUA+1c9qqWY7WMAAAAASUVORK5CYII=);
    width: .9rem;
    height: 1.5rem;
    position: absolute;
    left: -1.6rem
}

@media (min-width:76rem) {
    .Component-Stage {
        margin-bottom: 20px
    }

    .Component-Stage main {
        padding: 0
    }
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .Component-Stage ul > li:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAABIB77kAAAABGdBTUEAALGPC/xhBQAAAeRJREFUOBGtVU0rRFEYfs7IYHyExF5WmqWPRlkoH0XsFGWlUJKUEk35yAY1YePjJ1hYTGYhWdigxkbJ1sdGFhYoKWbmeO5wmjt3zuXM5G7et+d93+c57+m59wrk8ETQ1BWH9JeheLMNJ7FsKEQ2zWE01wjE1yUw+DN35YFnrBfRc1MeI0EJKQ7QNMK4SuJyOzkJJA+w60P5bAeOX+w1Xf6nYAQN/jjELnlbdAQKExCPJJvqxcWewnTRVfAMgaInxOa51TQH83XDOozCh4AY70P0Vl/XoJYpEpBbFKvVlA0g8U7hpVL4Qk5TpW1omQJIbPD6BgxYTVoyTJUU/DZF86hEYoUsaaYwYf2thwJJU5WhZI7bPgtTU/xGalJTpvJI5Fkb/etWLgfwcdmq5JVeo997g7sZvk9BXm+hy0DOMLfbL4R3shOnDw7TBOqA2DZP0p4zu22Q5PeAZ4KvSETBaYIKDKNxiHmIwtUKyyZyoxiJN72oWOjC0Zt9VitoNRwiUPmBzzWmw7xq1z47mZWzMZoHMdaDi0tn7aeug1MYPwKt/DPscNv6FJqZcatXCRHsQ/eWwGIis+MbMTr5X6aym8JNSOFGgqo5jHRTcfjeaQrV6xazElQklqk46C9AxbLTFKrHLX4BcuqKksO+3WYAAAAASUVORK5CYII=)
    }
}

.Component-Content {
    overflow: hidden;
    width: 100%
}

.Component-Content.-wide {
    width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    padding: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(99.9% * 1 - (20px - 20px * 1));
    flex-basis: calc(99.9% * 1 - (20px - 20px * 1));
    width: calc(99.9% * 1 - (20px - 20px * 1))
}

.Component-Content.-wide:nth-child(1n) {
    margin-right: 20px;
    margin-left: 0
}

.Component-Content.-wide:last-child {
    margin-right: 0
}

.Component-Content.-wide:nth-child(undefinedn) {
    margin-right: 0;
    margin-left: auto
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Component-Content {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 2 / 3 - (20px - 20px * 2 / 3));
        flex-basis: calc(99.9% * 2 / 3 - (20px - 20px * 2 / 3));
        width: calc(99.9% * 2 / 3 - (20px - 20px * 2 / 3));
        padding-right: 13vw;
        padding-left: 1.7vw
    }

    .Component-Content:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Component-Content:last-child {
        margin-right: 0
    }

    .Component-Content:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }

    .Component-Content.-wide {
        padding-left: 0
    }
}

@media (min-width:76rem) {
    .Component-Content {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 5 / 7 - (20px - 20px * 5 / 7));
        flex-basis: calc(99.9% * 5 / 7 - (20px - 20px * 5 / 7));
        width: calc(99.9% * 5 / 7 - (20px - 20px * 5 / 7));
        padding-left: 0;
        padding-right: 60px
    }

    .Component-Content:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Component-Content:last-child {
        margin-right: 0
    }

    .Component-Content:nth-child(7n) {
        margin-right: 0;
        margin-left: auto
    }
}

.Component-Aside {
    padding: 0 1.7vw
}

.Component-Aside h2, .Component-Aside h3 {
    font-size: .75rem;
    line-height: 1.05rem
}

.Component-Aside blockquote, .Component-Aside ol, .Component-Aside p,
.Component-Aside ul {
    margin: 0 0 1em;
    font-size: .75rem;
    line-height: 1.2rem
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Component-Aside {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        flex-basis: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        width: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        padding-right: 1.7vw;
        padding-left: 0
    }

    .Component-Aside:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Component-Aside:last-child {
        margin-right: 0
    }

    .Component-Aside:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }

    .Component-Aside h2, .Component-Aside h3 {
        font-size: calc(.75rem + (.8125 - .75) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.2rem + (1.3 - 1.2) * ((100vw - 40rem) / (76 - 40)))
    }

    .Component-Aside blockquote, .Component-Aside ol, .Component-Aside p,
    .Component-Aside ul {
        font-size: calc(.75rem + (.75 - .75) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.125rem + (1.2 - 1.125) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .Component-Aside {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 2 / 7 - (20px - 20px * 2 / 7));
        flex-basis: calc(99.9% * 2 / 7 - (20px - 20px * 2 / 7));
        width: calc(99.9% * 2 / 7 - (20px - 20px * 2 / 7));
        padding: 0
    }

    .Component-Aside:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Component-Aside:last-child {
        margin-right: 0
    }

    .Component-Aside:nth-child(7n) {
        margin-right: 0;
        margin-left: auto
    }

    .Component-Aside h2, .Component-Aside h3 {
        font-size: .8125rem;
        line-height: 1.3rem
    }

    .Component-Aside blockquote, .Component-Aside ol, .Component-Aside p,
    .Component-Aside ul {
        font-size: .75rem;
        line-height: 1.2rem
    }
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Component-Aside h2, .Component-Aside h3 {
        font-size: calc(.75rem + (.875 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.225 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }

    .Component-Aside blockquote, .Component-Aside ol, .Component-Aside p,
    .Component-Aside ul {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.2rem + (1.4 - 1.2) * ((100vw - 20rem) / (40 - 20)))
    }
}

.Component-Footer {
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

.Component-Footer, .Component-Footer--copyright {
    background-color: #9c1f2e;
    font-family: OpenSansLight, Verdana, Arial, sans-serif
}

.Component-Footer--copyright {
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.7vw;
    color: #fff
}

.Component-Footer--copyright a {
    color: #fff
}

.Component-Footer--copyright div {
    margin: auto
}

.Component-Footer--totop {
    padding-right: 1.7vw;
    text-align: center
}

.Component-Footer--totop a {
    display: inline-block;
    text-align: right;
    overflow: hidden;
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px
}

.Component-Footer--totop a a {
    color: #fff
}

.Component-Footer--totop svg {
    display: inline;
    width: 20px;
    height: 10px
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Component-Footer--copyright {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }

    .Component-Footer--totop a {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Component-Footer--copyright {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }

    .Component-Footer--totop a {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .Component-Footer--copyright {
        font-size: .9375rem;
        line-height: 1.5rem
    }

    .Component-Footer--copyright {
        margin-top: 310px;
        width: 100%
    }

    .Component-Footer--totop a {
        font-size: .9375rem;
        line-height: 1.5rem
    }

    .Component-Footer {
        height: 400px;
        display: block;
        margin-top: 48px
    }

    .Component-Footer--totop {
        display: none
    }
}

.Component-FooterMenu {
    display: none
}

@media (min-width:76rem) {
    .Component-FooterMenu {
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 76rem;
        margin-left: auto;
        margin-right: auto;
        width: 76rem;
        -ms-flex-pack: left;
        justify-content: left
    }

    .Component-FooterMenu li, .Component-FooterMenu ul {
        margin: 0;
        padding: 0
    }

    .Component-FooterMenu ul {
        width: 100%
    }

    .Component-FooterMenu ul.-level-1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 90%
    }

    .Component-FooterMenu ul.-level-2 {
        display: block;
        position: absolute;
        left: 0;
        top: 50px;
        width: auto
    }

    .Component-FooterMenu li {
        list-style: none
    }

    .Component-FooterMenu li.-level-1 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .15em;
        position: relative
    }

    .Component-FooterMenu li.-level-1:hover > ul {
        display: block;
        width: auto
    }

    .Component-FooterMenu li.-level-1 a, .Component-FooterMenu li.-level-1 span {
        font-family: OpenSansLight, Verdana, Arial, sans-serif;
        line-height: 40px;
        color: #fff
    }

    .Component-FooterMenu li.-level-1 a:hover {
        text-decoration: underline
    }

    .Component-FooterMenu li.-level-2 {
        font-weight: 400;
        font-size: .75rem;
        line-height: 1.75;
        white-space: nowrap;
        letter-spacing: .5px;
        text-transform: none
    }

    .Component-FooterMenu li.-level-2 a, .Component-FooterMenu li.-level-2 span {
        color: #fff;
        line-height: 1;
        font-family: OpenSansLight, Verdana, Arial, sans-serif
    }
}

a {
    color: #9c1f2e;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

blockquote, ol, p, ul {
    margin: 0 0 1em;
    font-size: .75rem;
    line-height: 1.2rem
}

li {
    margin-bottom: 0
}

ol, ul {
    padding-left: 30px
}

@media (min-width:20rem) and (max-width:39.99rem) {
    blockquote, ol, p, ul {
        font-size: 15px;
        line-height: calc(1.2rem + (1.4 - 1.2) * ((100vw - 20rem) / (40 - 20)))
    }
    
    div.text ul li {
        margin-bottom:1em !important; 
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    blockquote, ol, p, ul {
        font-size: calc(.75rem + (.9375 - .75) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.125rem + (1.5 - 1.125) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    blockquote, ol, p, ul {
        font-size: .9375rem;
        line-height: 1.5rem
    }
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    color: #9c1f2e;
    font-weight: 400;
    text-transform: uppercase
}

.h1, h1 {
    font-weight: 400;
    margin: 0 0 .7em;
    letter-spacing: .15em;
    font-size: 1rem;
    line-height: 1.4rem
}

blockquote + .h1, blockquote + h1, ol + .h1, ol + h1, p + .h1, p + h1, ul + .h1,
ul + h1 {
    margin-top: .4em
}

.h2, .h3, h2, h3 {
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem
}

blockquote + .h2, blockquote + .h3, blockquote + h2, blockquote + h3, ol + .h2,
ol + .h3, ol + h2, ol + h3, p + .h2, p + .h3, p + h2, p + h3, ul + .h2, ul + .h3, ul + h2,
ul + h3 {
    margin-top: 1.2em
}

.h2, h2 {
    font-weight: 700
}

h1.-label, h2.-label {
    display: inline;
    overflow: hidden;
    padding: 0 .5vw;
    opacity: 1;
    transition: .2s opacity;
    background-color: rgba(255, 255, 255, .55);
    position: absolute;
    padding: 0 8px;
    max-width: calc(100% - 2 * 20px - 2 * .5em)
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .h1, h1 {
        font-size: calc(1rem + (1.5 - 1) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.4rem + (2.25 - 1.4) * ((100vw - 20rem) / (40 - 20)))
    }

    .h2, .h3, h2, h3 {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .h1, h1 {
        font-size: calc(.9375rem + (1.5 - .9375) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.40625rem + (2.4 - 1.40625) * ((100vw - 40rem) / (76 - 40)))
    }

    .h2, .h3, h2, h3 {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .h1, h1 {
        font-size: 1.5rem;
        line-height: 2.4rem
    }

    .h2, .h3, h2, h3 {
        font-size: .9375rem;
        line-height: 1.5rem
    }
}

.Module-FullTeaser, .Module-HalfTeaser, .Module-TeaserContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto
}

.Module-OneThirdTeaser {
    margin-bottom: 1.7vw;
    overflow: hidden
}

.Module-OneThirdTeaser--categories {
    width: calc(100% - 2 * 1.7vw);
    position: absolute;
    top: 1.7vw;
    left: 1.7vw
}

.Module-OneThirdTeaser--category {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px
}

.Module-OneThirdTeaser--category a {
    color: #fff
}

.Module-HalfTeaser {
    margin-bottom: 1.7vw;
    overflow: hidden
}

.Module-HalfTeaser--categories {
    width: calc(100% - 2 * 1.7vw);
    position: absolute;
    top: 1.7vw;
    left: 1.7vw
}

.Module-HalfTeaser--category {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px
}

.Module-HalfTeaser--category a {
    color: #fff
}

.Module-FullTeaser {
    margin-bottom: 1.7vw;
    overflow: hidden
}

.Module-FullTeaser--categories {
    width: calc(100% - 2 * 1.7vw);
    position: absolute;
    top: 1.7vw;
    left: 1.7vw
}

.Module-FullTeaser--category {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px
}

.Module-FullTeaser--category a {
    color: #fff
}

.Module-OneThirdTeaser {
    transition-delay: 0s;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: ease
}

.Module-OneThirdTeaser h2:hover a {
    text-decoration: underline
}

.Module-OneThirdTeaser img {
    width: 100%
}

.Module-OneThirdTeaser.-hidden {
    margin-top: 80px;
    opacity: 0
}

.Module-HalfTeaser {
    transition-delay: 0s;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: ease
}

.Module-HalfTeaser h2:hover a {
    text-decoration: underline
}

.Module-HalfTeaser img {
    width: 100%
}

.Module-HalfTeaser.-hidden {
    margin-top: 80px;
    opacity: 0
}

.Module-FullTeaser {
    transition-delay: 0s;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: ease
}

.Module-FullTeaser h2:hover a {
    text-decoration: underline
}

.Module-FullTeaser img {
    width: 100%
}

.Module-FullTeaser.-hidden {
    margin-top: 80px;
    opacity: 0
}

.Module-OneThirdTeaser h2.-label {
    margin-bottom: 0;
    left: 1.7vw;
    bottom: 1.7vw
}

.Module-FullTeaser h2.-label {
    margin-bottom: 0;
    left: 1.7vw;
    bottom: 1.7vw
}

.Module-OneThirdTeaser {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 98vw
}

@media (max-width: 800px) {

    .Module-OneThirdTeaser { height: auto; }

}


.Module-HalfTeaser {
    position: relative
}

.Module-HalfTeaser--image {
    width: 100%
}

.Module-FullTeaser {
    position: relative
}

.Module-FullTeaser--image {
    width: 100%
}

.Module-HalfTeaser {
    height: 111vw
}

.Module-HalfTeaser--text {
    padding: 2vw 1.7vw 0
}

.Module-HalfTeaser--categories {
    width: calc(50% - 2 * 1.7vw) !important
}

.Module-HalfTeaser p > a {
    color: #333
}

.Module-HalfTeaser p > a:hover {
    color: #9c1f2e
}

.Module-FullTeaser {
    height: 98vw
}

@media (max-width: 800px) {

    .Module-FullTeaser {    height: auto}

    
}

.Module-TextTeaserContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto;
    margin: 2vw 1.7vw 40px
}

.Module-TextTeaserContainer--divider {
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.Module-TextTeaser {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-top: 3px
}

.Module-TextTeaser.-last:last-child {
    border-bottom: none
}

.Module-TextTeaser > div {
    margin-right: 15px
}

.Module-TextTeaser p > a {
    color: #333
}

.Module-TextTeaser p > a:hover {
    color: #9c1f2e
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Module-OneThirdTeaser {
        height: calc((100vw - (2 * 20px)) / 3)
    }

    .Module-OneThirdTeaser--category {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }

    .Module-HalfTeaser {
        height: calc((100vw - (2 * 20px)) / 3)
    }

    .Module-HalfTeaser--category {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }

    .Module-FullTeaser {
        height: calc((100vw - (2 * 20px)) / 3)
    }

    .Module-FullTeaser--category {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }

    .Module-OneThirdTeaser {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 3 - (2vw - 2vw * 1 / 3));
        flex-basis: calc(99.9% * 1 / 3 - (2vw - 2vw * 1 / 3));
        width: calc(99.9% * 1 / 3 - (2vw - 2vw * 1 / 3))
    }

    .Module-OneThirdTeaser:nth-child(1n) {
        margin-right: 2vw;
        margin-left: 0
    }

    .Module-OneThirdTeaser:last-child {
        margin-right: 0
    }

    .Module-OneThirdTeaser:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
}

@media (min-width:76rem) {
    .Module-OneThirdTeaser {
        margin-bottom: 20px
    }

    .Module-OneThirdTeaser--categories {
        width: calc(100% - 2 * 20px);
        top: 20px;
        left: 20px
    }

    .Module-OneThirdTeaser--category {
        font-size: .9375rem;
        line-height: 1.5rem
    }

    .Module-HalfTeaser {
        margin-bottom: 20px
    }

    .Module-HalfTeaser--categories {
        width: calc(100% - 2 * 20px);
        top: 20px;
        left: 20px
    }

    .Module-HalfTeaser--category {
        font-size: .9375rem;
        line-height: 1.5rem
    }

    .Module-FullTeaser {
        margin-bottom: 20px
    }

    .Module-FullTeaser--categories {
        width: calc(100% - 2 * 20px);
        top: 20px;
        left: 20px
    }

    .Module-FullTeaser--category {
        font-size: .9375rem;
        line-height: 1.5rem
    }

    .Module-OneThirdTeaser h2.-label {
        left: 20px;
        bottom: 20px
    }

    .Module-FullTeaser h2.-label {
        left: 20px;
        bottom: 20px
    }

    .Module-OneThirdTeaser {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        flex-basis: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        width: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3))
    }

    .Module-OneThirdTeaser:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-OneThirdTeaser:last-child {
        margin-right: 0
    }

    .Module-OneThirdTeaser:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-OneThirdTeaser--image {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }

    .Module-OneThirdTeaser {
        height: 371px
    }

    .Module-HalfTeaser {
        height: 390px
    }

    .Module-FullTeaser {
        height: 390px
    }

    .Module-HalfTeaser {
        height: auto
    }

    .Module-HalfTeaser--categories {
        width: calc(50% - 2 * 20px) !important
    }

    .Module-TextTeaserContainer {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0
    }

    .Module-TextTeaserContainer--divider:first-child {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 3 / 5 - (20px - 20px * 3 / 5));
        flex-basis: calc(99.9% * 3 / 5 - (20px - 20px * 3 / 5));
        width: calc(99.9% * 3 / 5 - (20px - 20px * 3 / 5));
        border-right: 1px solid #ddd
    }

    .Module-TextTeaserContainer--divider:first-child:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-TextTeaserContainer--divider:first-child:last-child {
        margin-right: 0
    }

    .Module-TextTeaserContainer--divider:first-child:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-TextTeaserContainer--divider:last-child {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 2 / 5 - (20px - 20px * 2 / 5));
        flex-basis: calc(99.9% * 2 / 5 - (20px - 20px * 2 / 5));
        width: calc(99.9% * 2 / 5 - (20px - 20px * 2 / 5))
    }

    .Module-TextTeaserContainer--divider:last-child:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-TextTeaserContainer--divider:last-child:last-child {
        margin-right: 0
    }

    .Module-TextTeaserContainer--divider:last-child:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Module-OneThirdTeaser--category {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }

    .Module-HalfTeaser--category {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }

    .Module-FullTeaser--category {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) {
    .Module-HalfTeaser {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .Module-HalfTeaser--image {
        width: 50%
    }

    .Module-HalfTeaser--text {
        padding: 0;
        margin-left: 2vw;
        width: calc(50% - 20px)
    }

    .Module-HalfTeaser--text h2 {
        margin-top: 0
    }

    .Module-FullTeaser--image {
        height: 100%;
        overflow: hidden
    }

    .Module-FullTeaser--image img {
        width: 100%
    }
}

@media (min-width:48rem) {
    .Module-TextTeaserContainer {
        margin-top: 40px 0 0
    }

    .Module-TextTeaserContainer--divider {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 1 - (20px - 20px * 1 / 1));
        flex-basis: calc(99.9% * 1 / 1 - (20px - 20px * 1 / 1));
        width: calc(99.9% * 1 / 1 - (20px - 20px * 1 / 1));
        display: -ms-flexbox;
        display: flex
    }

    .Module-TextTeaserContainer--divider:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-TextTeaserContainer--divider:last-child {
        margin-right: 0
    }

    .Module-TextTeaserContainer--divider:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-TextTeaser {
        border-bottom: none;
        padding-top: 0
    }

    .Module-TextTeaser.-first {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        flex-basis: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        width: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3))
    }

    .Module-TextTeaser.-first:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-TextTeaser.-first:last-child {
        margin-right: 0
    }

    .Module-TextTeaser.-first:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-TextTeaser.-first:not(:last-child) {
        border-right: 1px solid #ddd
    }

    .Module-TextTeaser.-last {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 2 - (20px - 20px * 1 / 2));
        flex-basis: calc(99.9% * 1 / 2 - (20px - 20px * 1 / 2));
        width: calc(99.9% * 1 / 2 - (20px - 20px * 1 / 2))
    }

    .Module-TextTeaser.-last:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-TextTeaser.-last:last-child {
        margin-right: 0
    }

    .Module-TextTeaser.-last:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-TextTeaser.-last:not(:last-child) {
        border-right: 1px solid #ddd
    }
}

@media (min-width:48rem) and (max-width:75.99rem) {
    .Module-TextTeaserContainer--divider {
        padding: 0 1.7vw
    }

    .Module-TextTeaser.-first:last-child {
        border-right: none !important
    }
}

.Module-TopSlider {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.7vw
}

.Module-TopSlider--slide {
    position: relative
}

.Module-TopSlider--slide img {
    max-width: 100%
}

.Module-TopSlider--blurredimage {
    position: absolute;
    opacity: 0;
    transition: .2s opacity
}

.Module-TopSlider--blurredimage picture, .Module-TopSlider--cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.Module-TopSlider--cover {
    background-color: rgba(211, 167, 113, .7);
    box-shadow: 0 0 29px rgba(0, 0, 0, .2) inset
}

.Module-TopSlider.-blur .Module-TopSlider--slide .Module-TopSlider--text,
.Module-TopSlider.-blur .Module-TopSlider--slide h2, .Module-TopSlider.-blur .slick-next,
.Module-TopSlider.-blur .slick-prev {
    opacity: 0
}

.Module-TopSlider.-blur .Module-TopSlider--blurredimage {
    opacity: 1;
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px
}

.Module-TopSlider.-blur .Module-TopSlider--blurredimage picture {
    filter: blur(3px);
    width: 100%;
    height: 100%
}

.Module-TopSlider h2.-label {
    left: 1.7vw;
    top: 1.7vw
}

.Module-TopSlider .slick-next, .Module-TopSlider .slick-prev {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    background-color: rgba(255, 255, 255, .55);
    border: none;
    padding: 8px 10px
}

.Module-TopSlider .slick-next svg, .Module-TopSlider .slick-prev svg {
    width: 16px;
    height: 13px
}

.Module-TopSlider .slick-prev {
    right: calc(1.7vw + 41px);
    bottom: 1.7vw
}

.Module-TopSlider .slick-next {
    right: 1.7vw;
    bottom: 1.7vw
}

.Module-TopSlider--text {
    position: absolute;
    padding: 15px;
    overflow: hidden;
    left: 1.7vw;
    bottom: 1.7vw;
    background-color: rgba(255, 255, 255, .55)
}

.Module-TopSlider--text p:last-child {
    margin-bottom: 0
}

@media (min-width:40rem) {
    .Module-TopSlider {
        margin-bottom: 2vw
    }

    .Module-TopSlider {
        margin-bottom: 2vw
    }

    .Module-TopSlider--text {
        left: 20px;
        bottom: 20px;
        width: 440px
    }
}

@media (min-width:76rem) {
    .Module-TopSlider {
        margin-bottom: 20px;
        max-width: 76rem
    }

    .Module-TopSlider h2.-label {
        left: 20px;
        top: 20px
    }

    .Module-TopSlider .slick-prev {
        right: 74px;
        bottom: 30px
    }

    .Module-TopSlider .slick-next {
        right: 30px;
        bottom: 30px
    }
}

.Module-Supplement:not(:first-child) {
    margin-top: 40px
}

.Module-Supplement h2 {
    margin-bottom: 15px
}

.Module-Supplement--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 8px
}

.Module-Supplement--item:after, .Module-Supplement--item:before {
    content: '';
    display: table
}

.Module-Supplement--item:after {
    clear: both
}

.Module-Supplement--image {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(99.9% * 2 / 5 - (2vw - 2vw * 2 / 5));
    flex-basis: calc(99.9% * 2 / 5 - (2vw - 2vw * 2 / 5));
    width: calc(99.9% * 2 / 5 - (2vw - 2vw * 2 / 5))
}

.Module-Supplement--image:nth-child(1n) {
    margin-right: 2vw;
    margin-left: 0
}

.Module-Supplement--image:last-child {
    margin-right: 0
}

.Module-Supplement--image:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.Module-Supplement--image img {
    max-width: 100%
}

.Module-Supplement--info {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(99.9% * 3 / 5 - (20px - 20px * 3 / 5));
    flex-basis: calc(99.9% * 3 / 5 - (20px - 20px * 3 / 5));
    width: calc(99.9% * 3 / 5 - (20px - 20px * 3 / 5))
}

.Module-Supplement--info:nth-child(1n) {
    margin-right: 20px;
    margin-left: 0
}

.Module-Supplement--info:last-child {
    margin-right: 0
}

.Module-Supplement--info:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.Module-Supplement--info p {
    margin: 0
}

.Module-Supplement--download svg {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 6px
}

.Module-Supplement--download p {
    margin-bottom: .3em !important
}

.Module-Supplement--download p:first-child {
    margin-bottom: .6em !important
}

.Module-Supplement h2 {
    margin-top: 0
}

@media (min-width:76rem) {
    .Module-Supplement--image {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 2 / 5 - (20px - 20px * 2 / 5));
        flex-basis: calc(99.9% * 2 / 5 - (20px - 20px * 2 / 5));
        width: calc(99.9% * 2 / 5 - (20px - 20px * 2 / 5))
    }

    .Module-Supplement--image:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-Supplement--image:last-child {
        margin-right: 0
    }

    .Module-Supplement--image:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
}

.Module-Widget {
    margin-top: 45px
}

.teaser_list {
    padding: 0 15px;
}

.Module-ListItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
    -ms-flex-direction: column;
    flex-direction: column
}

.Module-ListItem:after, .Module-ListItem:before {
    content: '';
    display: table
}

.Module-ListItem:after {
    clear: both;
    border: 1px solid pink;
}

.Module-ListItem--image img {
    max-width: 100%
}

@media (max-width: 800px) {
   width: 100%;
}


.Module-ListItem--info p {
    margin-bottom: 0
}

@media (max-width: 800px) {

    .Module-ListItem--image  {
        width: 100%;
        border. 1px solid pink !important;
       
    }
    
    .Module-ListItem--info {
        display: block;
        width: 100%;
    }

    .Module-ListItem {
        margin-bottom: 2em;
    }
    
}

@media (min-width:40rem) {
    .Module-ListItem {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Module-ListItem--image {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        flex-basis: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3));
        width: calc(99.9% * 1 / 3 - (20px - 20px * 1 / 3))
    }

    .Module-ListItem--image:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-ListItem--image:last-child {
        margin-right: 0
    }

    .Module-ListItem--image:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-ListItem--info {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(99.9% * 2 / 3 - (20px - 20px * 2 / 3));
        flex-basis: calc(99.9% * 2 / 3 - (20px - 20px * 2 / 3));
        width: calc(99.9% * 2 / 3 - (20px - 20px * 2 / 3))
    }

    .Module-ListItem--info:nth-child(1n) {
        margin-right: 20px;
        margin-left: 0
    }

    .Module-ListItem--info:last-child {
        margin-right: 0
    }

    .Module-ListItem--info:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }

    .Module-ListItem--info h2 {
        margin-top: 0
    }
}

.Module-EditPostLink {
    display: none;
    color: #fff;
    font-size: .875rem;
    line-height: 2.5rem;
    letter-spacing: .13875em;
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 30px;
    padding: 0 20px;
    background-color: #108001
}

.Module-EditPostLink svg {
    display: none;
    margin: 4px 0 0 20px;
    width: 32px;
    height: 32px
}

@media (min-width:76rem) {
    .Module-EditPostLink {
        display: block
    }
}

.Module-ImageWithCaption {
    overflow: hidden;
    padding-top: 10px;
    display: table;
    caption-side: bottom
}

.Module-ImageWithCaption img {
    max-width: 100%;
    height: auto
}

.Module-ImageWithCaption--text {
    font-size: .75rem;
    line-height: 1.2rem;
    margin: 2px 0 14px;
    color: rgba(51, 51, 51, .8);
    display: table-caption
}

.Module-ImageWithCaption.-alignleft {
    float: left;
    margin-right: 20px
}

.Module-ImageWithCaption.-alignright {
    float: right;
    margin-left: 20px
}

.Module-ImageWithCaption.-aligncenter {
    margin: 0 auto
}

main .gallery img {
    max-width: 90%;
    height: auto
}

main .gallery figcaption {
    font-size: .75rem;
    line-height: 1.2rem;
    margin: 2px 0 14px;
    color: rgba(51, 51, 51, .8)
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Module-ImageWithCaption--text {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.2rem + (1.4 - 1.2) * ((100vw - 20rem) / (40 - 20)))
    }

    main .gallery figcaption {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.2rem + (1.4 - 1.2) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Module-ImageWithCaption--text {
        font-size: calc(.75rem + (.75 - .75) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.125rem + (1.2 - 1.125) * ((100vw - 40rem) / (76 - 40)))
    }

    main .gallery figcaption {
        font-size: calc(.75rem + (.75 - .75) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.125rem + (1.2 - 1.125) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .Module-ImageWithCaption--text {
        font-size: .75rem;
        line-height: 1.2rem
    }

    main .gallery figcaption {
        font-size: .75rem;
        line-height: 1.2rem
    }
}

.Module-History {
    width: 100%;
    position: relative;
    margin-bottom: 35px
}

.Module-History--box {
    text-align: center;
    overflow: hidden;
    background-size: cover
}

.Module-History--box.-variant-1 {
    background-color: #9c1f2e
}

.Module-History--box.-variant-2 {
    background-color: #a66c6f
}

.Module-History--box.-variant-3 {
    background-color: #cca979
}

.Module-History--box.-variant-4 {
    background-color: #bfa68f
}

.Module-History--box.-variant-5 {
    background-color: #59412c
}

.Module-History--box h2 {
    font-size: 30px;
    margin: 5vw 0;
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    color: #fff
}

.Module-History--box p {
    color: rgba(255, 255, 255, .7);
    font-size: .6875rem;
    line-height: .996875rem
}

.Module-History--inner {
    margin: 10px
}

.Module-History--intro {
    width: 100%;
    padding: 0 2vw;
    margin-bottom: 35px
}

.Module-History--container {
    margin-left: 10px;
    margin-right: 10px
}

@media (min-width:40rem) {
    .Module-History--box h2 {
        margin: 18px 0 13px
    }

    .Module-History--container {
        margin-right: 0
    }
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Module-History--box p {
        font-size: calc(.6875rem + (1.0625 - .6875) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(.996875rem + (1.59375 - .996875) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Module-History--box p {
        font-size: calc(.625rem + (.6875 - .625) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(.90625rem + (1.03125 - .90625) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .Module-History--box p {
        font-size: .6875rem;
        line-height: 1.03125rem
    }

    .Module-History--intro {
        padding: 0
    }

    .Module-History--container {
        margin-left: 0
    }
}

@media (max-width:39.99rem) {
    .Module-History--box.size11 {
        height: auto;
        margin-bottom: 10px
    }

    .Module-History--box.size11 .Module-History--inner {
        margin: 30px 10px 20px
    }

    .Module-History--box.size11.-bgimage {
        height: 98vw
    }

    .Module-History--box.size22 {
        height: 98vw;
        margin-bottom: 10px
    }
}

.wpcf7-form label {
    display: block;
    min-width: 100%
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel],
.wpcf7-form input[type=number], .wpcf7-form textarea {
    min-width: 100%;
    background-color: #efdfcc;
    border: 2px solid #efdfcc;
    padding: 6px;
    font-family: OpenSans, Verdana, Arial, sans-serif
}

.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=tel]:focus, .wpcf7-form input[type=number]:focus,
.wpcf7-form textarea:focus {
    background-color: rgba(239, 223, 204, .4);
    border-color: #9c1f2e
}

.wpcf7-submit {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px;
    border: none;
    cursor: pointer
}

.wpcf7-submit a {
    color: #fff
}

@media (max-width: 800px) {
    .contact-form {
        padding: 0 15px; 
    }
}


@media (min-width:20rem) and (max-width:39.99rem) {
    .wpcf7-submit {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .wpcf7-submit {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .wpcf7-submit {
        font-size: .9375rem;
        line-height: 1.5rem
    }
}

.Module-Pagination {
    text-align: center;
    margin-top: 40px
}

.Module-Pagination ul {
    display: inline
}

.Module-Pagination li {
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    letter-spacing: .15em;
    font-size: .75rem;
    line-height: 1.05rem;
    display: inline-block;
    float: left;
    background-color: #9c1f2e;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px 0 10px;
    float: none
}

.Module-Pagination li a {
    color: #fff
}

.Module-Pagination li:before {
    display: none
}

.Module-Pagination li.active {
    background-color: #d3a771
}

@media (min-width:20rem) and (max-width:39.99rem) {
    .Module-Pagination li {
        font-size: calc(.75rem + (1 - .75) * ((100vw - 20rem) / (40 - 20)));
        line-height: calc(1.05rem + (1.4 - 1.05) * ((100vw - 20rem) / (40 - 20)))
    }
}

@media (min-width:40rem) and (max-width:75.99rem) {
    .Module-Pagination li {
        font-size: calc(.875rem + (.9375 - .875) * ((100vw - 40rem) / (76 - 40)));
        line-height: calc(1.4rem + (1.5 - 1.4) * ((100vw - 40rem) / (76 - 40)))
    }
}

@media (min-width:76rem) {
    .Module-Pagination li {
        font-size: .9375rem;
        line-height: 1.5rem
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto
}

.sidr.right {
    left: auto;
    right: -260px
}

.sidr.left {
    left: -260px;
    right: auto
}



/* -----------------------------------------
    PS CSS0
-------------------------------------------- */


/*-----------------------------------------
	 Ubermenu
-------------------------------------------*/
.ubermenu__holder {
	position:relative;
	max-width:1216px;
	margin:0 auto;
}

.ubermenu {
	position:absolute;
	width: 100%;
	/*background: rgba(177,0,53,0.8);*/
	z-index: 9999;
}
.ubermenu__page {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:2em 0 2em 0;
	background: rgba(177,0,53,0.85);
}
.ubermenu h3 {
	margin:0;
	padding:0;
	font-size:30px;
	color: rgba(255,255,255,0.9);
	font-weight: 300;
	width:275px;
}
.ubermenu h3 a {
	color:inherit;
}
.ubermenu__cols {
	width:960px;
	margin:0 auto;
	display:flex;
}
.ubermenu__menu {
	width:23%;
}
.ubermenu__menu .submenu {
	display:none;
}
.ubermenu__menu a {
	display:block;
	color:#fff;
	line-height:1;
	padding:6px 12px 7px 12px;
}
.ubermenu__col-0 {
	display:block;
	width:auto;
	min-width:27%;
}
.ubermenu__menu.ubermenu__col-0 .submenu {
	display:block;
}
.ubermenu__col-0 a {
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.ubermenu__col-0 a:hover,
.ubermenu__col-0 a.active {
	text-decoration:none;
	background-color:rgba(255,255,255,0.5);
}
.ubermenu__col-0 a:first-child {
	border-top:1px solid rgba(255,255,255,0.5);
}
.ubermenu__col-1 {
	margin:0 5%;
}
.ubermenu__col-1 a.active {
	text-decoration:underline;
}
/*
.ubermenu__menu {
	list-style: none;
	margin:1em 0;
	padding:0; width: 30%;
	display: inline-block;
	vertical-align:top;
}
.ubermenu__menu li { list-style: none;	margin:0 0 0.5em 0;padding:0; }
.ubermenu__menu a { color: white; text-decoration: none;}
.ubermenu__menu .ubermenu__mainlink a { font-weight: 700; color: white; }
.ubermenu__menu li a { font-weight: 500; color: white; }
.ubermenu__menu li.active a { color: white }

.ubermenu__menu a:hover { text-decoration:underline }
*/

/* Footer Ergänzungen */
.Component-Footer {
	height:auto;
}
.Component-FooterMenu {
	display:block;
}
.Component-Header, .Component-Footer {
	-webkit-font-smoothing:auto;
	-moz-osx-font-smoothing:auto;
}
@media (max-width:76rem) {
	.Component-FooterMenu {
		display:none;
	}
}
.Component-FooterMenu ul.-level-2 {
	position:static;
	
}

.Component-FooterMenu li.-level-3 a,
.Component-FooterMenu li.-level-3 span {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.75;
    white-space: nowrap;
    letter-spacing: .5px;
    text-transform: none;
}
.Component-Footer--copyright {
	margin:0;
	padding:25px 0 5px 0;
	font-size: 11px;
}


@media (max-width: 800px) {

    .Component-Footer--copyright {
	   margin:0;
	   padding:15px;
	   font-size: 11px;
    }
 
}


/* Erg. */
.Module-TopSlider {
	max-height:690px;
	overflow:hidden;
}

.Module-TopSlider--blurredimage img {
	width:100%;
}
.Module-OneThirdTeaser--image a {
	display:block;
	text-align:center;
	overflow:hidden;
}
.Module-OneThirdTeaser--image img {
	height:370px;
	width:auto;
	display:inline-block;
}

.Module-History--intro p {
	font-size:16px;
}
.Module-History--inner {
	hyphens:auto;
}

/* Suche */

.searchtoggle svg {
	width:22px;
	height:17px;
	cursor:pointer;
	margin:4px 15px 0 15px;
}

.searchbar {
	box-sizing:border-box;
	padding:0;
	margin:0;
	overflow:hidden;
	background-color:#eee;
}
.searchbar .searchform {
	max-width:76rem;
	margin:10px auto;
	justify-content:flex-end;
}
.searchbar .Component-SearchBox input {
	background-color:#fff;
	border:1px solid #ddd;
	width:20%;
	margin-right:5px;
}
.searchbar .Component-SearchBox button {
	background-color:transparent;
	text-align:center;
	border:0;
	padding:0;
	width:24px;
	height:21px;
	margin-right:10px;
}
.searchbar svg path {
	fill: inherit;
}
.searchbar-icon {
	fill:#9c1f2e;
	stroke:#9c1f2e;
}

/* Skalierbares background Bild */

.pict {
	display:block;
	width:100%;
	height:398px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

@media (max-width: 800px) {
	
	.pict {	height:50vw; }
 
}


.Module-FullTeaser--image .pict { }
.Module-HalfTeaser--image .pict { }

.Module-ListItem--image .pict {
	max-height:155px;
}

/* Video Embed */

.videoframe {
	width:100%;
	padding-bottom:56.25%;
	position:relative;
	margin-bottom:1em;
}
.videoframe iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* Video lokal */
.video__local {
}
.video__local video {
	display:inline-block;
	width:100%;
	height:auto;
}

@media (max-width: 800px) {

	.video__local {
		margin-bottom: 2em;
    }

	
}

/* Inline Galerie */

.inline-gallery {
	margin:1.5rem 0;
}
.gallery-items {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-shrink:0;
}
.gallery-item {
	width:24%;
	text-align:center;
	border:1px solid transparent;
}
.gallery-item:hover {
	border:1px solid #eee;
}
.gallery-item a {
	display:block;
	background-size:cover;
	background-position:center top;
	width:100%;
	padding-bottom:56.25%;
	cursor:pointer;
}
.gallery-item-caption {
	font-size:0.85rem;
	line-height:1.2;
	color:#666;
	margin:10px 0;
}
.inline-gallery-download {
	display:inline-block;
	margin-left:2em;
	color:#f0f0f0;
}

@media (max-width: 800px) {

	.gallery-item {	width:48%; margin-bottom: 1em; }
	.inline-gallery { padding: 0 15px; margin-top: 2em !important; }
	
}


/* Sprachmenü mit Flaggen */
.Component-Sidemenu {
	position:absolute;
	right:20px;
	top:50px;
	display:none;
}
.Component-Sidemenu .searchtoggle {
	display:none;
}

.Component-LangMenu--container {
	display:block;
	position:relative;
	align-self:center;
}
.Component-LangMenu--title {
	display:block;
	text-transform:uppercase;
	color:white;
	cursor:pointer;
	-moz-user-select:none;
	user-select:none;
}
.Component-LangMenu {
	position:absolute;
	left:-50px;
	top:31px;
	background-color:#eee;
	border:1px solid #ddd;
	padding:10px 15px;
	display:none;
}

.Component-LangMenu:after, .Component-LangMenu:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.Component-LangMenu:after {
	border-color: rgba(0,0,0,0);
	border-bottom-color: #eee;
	border-width: 10px;
	margin-left: -10px;
}
.Component-LangMenu:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ddd;
	border-width: 12px;
	margin-left: -12px;
}
.Component-LangMenu a {
	display:block;
	font-size: 0.75em;
	color:#000;
	line-height:1;
	white-space:nowrap;
	margin-bottom:5px;
}
.Component-LangMenu img {
	opacity:0.8;
	vertical-align:middle;
	display:inline-block;
}
.Component-LangMenu .active img,
.Component-LangMenu a:hover img {
	opacity:1;
}


.Component-MobileLangMenu {
	text-align:left;
	padding-left:5px;
}
.Component-MobileLangMenu a {
	display:inline-block;
	margin:0 7px;
	opacity:0.5;
	color: white;
	line-height: 1em;
}
.Component-MobileLangMenu img {
	display:inline-block;
	margin:0 7px;
	opacity:0.5;
	vertical-align:middle;
}

.Component-MobileLangMenu a.active {
	opacity:1;
}


.Component-Stage {
	padding:0 0.5rem;
}
/* MobileMenu, 3. Ebene */
.Component-MobileMenu ul.-level-3 {
    padding-left:10px;
}



/* Mobilmenü aus ab 1215px */
@media screen and (min-width:1215px) {
	.Component-Sidemenu {
		display:block;
	}
	.Component-Header--left button {
		display:none;
	}
	.Component-Stage {
		padding:0;
	}
}
.Component-Logo a {
	display:block;
}
/* Logo Höhe priorisieren ab 640px */
@media screen and (max-width:640px) {
	.Component-Logo a img {
		width:auto;
		height:6vh;
		margin: 1em 0;
	}
}

/* Formulare */
.wpcf7-form.contact-form .form-group {
	margin-bottom:15px;
}
.wpcf7-form.contact-form button {
	background-color:#9c1f2e;/*#9c1f2e;*/
	
	border:0;
	color:#fff;
	padding:5px 10px;
}

.sep {
	clear:both;
	margin-top:0.75em;
	margin-bottom:1.5em;
	background-color:#9c1f2e;
	height:1px;
}

.text { }
.text img {
	max-width:100%;
	height:auto;
}
.text__image {
	display:block;
	max-width:25%;
	height:auto;
}
.at-left {
	float:left;
}
.at-right {
	float:right;
}
.text__image.w50 {
	max-width:50%;
}

/* Zweispalter */
.columns {
	display:flex;
	justify-content:space-between;
}
.column {
	width:48%;
}
.col-1 { width: 8%}
.col-2 { }
.col-3 { width:25% }
.col-4 { width:33% }
.col-5 { }
.col-6 { width:48% }
.col-7 { }
.col-8 { }
.col-9 { width:74% }
.col-10 { }
.col-11 { }
.col-12 { width: 100% }

@media screen and (max-width:800px) {
	.columns {
		flex-wrap:wrap;
	}
	.column {
		width:100%;
	}
}

/* Akkordeon */
.blocks__wrapper {
	margin:0 0 20px 0;
}
.block__entry h3 {
	text-decoration:underline;
	margin:0;
	padding:10px 0;
}
.block__entry p:last-child,
.block__entry ul:last-child {
	margin-bottom:0;
}

/* Kurzinfos 
.shortinfos {
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
	flex-shrink:0;
}
.shortinfo {
	width:33%;
	margin-bottom:1.5rem;
	display:flex;
	flex-shrink:0;
}
*/
.shortinfo__img {
/*
	width:34%;
	display:flex;
	flex-direction:column;
	flex-shrink:0;
*/
	width:140px;
	text-align:center;
}
.shortinfo__img img {
	max-width:130px;
	height:auto;
	border:1px solid transparent;
	display:inline-block;
}

.shortinfos {
	position:relative;
	overflow:hidden;
}
.shortinfo {
	width:33%;
	overflow:hidden;
	float:left;
	margin-bottom:1.5rem;
}
.shortinfo__img {
	float:left;
}





.shortinfo__img img:hover {
	border-color:#d5d5d5;
}
.shortinfo .text {
	padding:0;
	margin-left:1rem;
}
.shortinfo .text h3 {
	color:#000;
	margin:0;
}
@media screen and (max-width:1023px) {
	.shortinfo {
		width:50%;
	}

}
@media screen and (max-width:640px) {
	.shortinfo {
		width:100%;
	}
	.shortinfo__img {
		width:120px;
	}
	.shortinfo__img img {
		max-width:120px;
	}
}

/* Downloads */
.downloads__wrapper {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-shrink:0;
}

.download__entry {
	margin:1em 0;
	width:100%;
/*
	width:49%;
*/
}
.download__entry h3 {
	margin:0;
}
.download__description {
	overflow:hidden;
}

.download__img {
	width:25%;
	margin:0 1em 0.25em 0;
	float:left;
}
.download__img img {
	max-width:100%;
	height:auto;
}
.download__text {
	quotes:"„" "“";
	margin:0;
}
.download__text p {
	display:inline;
	margin:0;
}
.download__text::before {
	content:open-quote;
}
.download__text::after {
	content:close-quote;
}
/*
.download__entry.wImage .download__link {
	display:block;
	clear:left;
}
*/
.download__link {
	display:block;
	clear:left;
}
.download__link .fa {
	display:inline-block;
	margin-right:5px;
	font-size:16px;
}
.download__link .fa-external-link {
	font-size:0.9rem;
}
.download__wo_title {
	margin-top:0;
}

.dl__inline {
	display:block;
	margin:10px 0;
}



/* Teaser*/
.category_teaser {
	clear:both;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #9c1f2e;
}
.category_teaser p a, .teaser_list p a {
	color:inherit;
}
.category_teaser p a:hover, .teaser_list p a:hover {
	color:#9c1f2e;
}
.read_more {
	color:#9c1f2e;
	white-space:nowrap;
}
.read_more {
/*	text-transform:capitalize;*/
	white-space:nowrap;
}
.teaser_list .read_more::after {
	content: " >";
}
.teaser_list .read_more::before {
	content:" … ";
}
.teaser_list .Module-ListItem--info:hover .read_more {
	color:#000;
}
.pdf-link .fa {
	display:inline-block;
	margin-left:0.5em;
}

/* Allgemein */
.lightbox {
	cursor:pointer;
}

.eu_consent {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	padding:10px 20px;
	background-color:rgba(177,0,53,0.7);
	color:#fff;
}
.eu_consent a {
	color:#fff;
	font-weight:bold;
}
.consent_text {
	float:left;
}
.consent_button {
	float:right;
}


.headbox { 
    position: relative;
    background: #fff;
  /*  margin-bottom: 20px;*/
    z-index: 110;
    /*
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    
    */
}

.flyout {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 800px;
    background: rgba(76, 25, 2, 0.77);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    z-index: 100;
    transform: translatey(-100%);
    transition: 1.0s ease-in-out;
}

.flyout__on {
    transform: translatey(0);
}


.Component-Header {
    position: relative;
    z-index: 115;
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);*/
    
}
.Component-Logo {
    display: -ms-flexbox;
    display: flex;
    padding: 4vw 0 3vw
}

.Component-Logo img {
    max-width: 100%;
    height: auto
}

.Component-Logo a {
    text-align: center;
    margin: auto
}


.Component-MainMenu {
        padding-bottom: 1em;
}


/*  ------------------------------------------

    ------------------------------------------ */
    
#TURKEY:hover,
#ARGENTINA:hover, 
#BANGLADESCH:hover,
#CHINA:hover,
#JAPAN:hover,
#VIETNAM:hover,
#INDIA:hover,
#INDONESIA:hover,
#SRILANKA:hover,
#KENIA:hover { fill: #9c1f2e; } 

.worldcard { position: relative; }

.worldcard__infobox {
    position: absolute;
    top:30px;
    left:30px;
    width: 400px;
    height: auto;
    background: rgba(255,255,255,0.75);
    padding: 20px; 
}
.worldcard__infobox h3 {  color: #9c1f2e; margin-top: 0; padding:0;}
.worldcard__infobox p { font-size:13px; }

@media (max-width: 800px) {

    .worldcard__infobox {
    position: relative;
    top:inherit;
    left:inherit;
    width: 100%;
    height: auto;
    padding: 15px;
        margin: 2em 0;
    }

    .worldcard > svg { height: 50vw; }
    
    
}



/* -----------------------------------------
    Martin CSS
-------------------------------------------- */

/**/

iframe {
	min-height: 600px;
	width: 100%;
}

body, body p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.inline-gallery {
	margin: 0.5rem 0 2rem 0;
	}


.Module-HalfTeaser p a {
    font-weight: 500; font-size: 125%; line-height: 160%;
}


.Module-History--box h2 {
	font-family: times, serif; letter-spacing: 0.005em; font-size: 42px; font-weight: normal; padding-top: 5px; 
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.col-9 {
    width: 66%;
}

@media (max-width: 800px) {

	.col-9 {
        width: 100%;
    }

	
}



h2 {
	font-size: 16px;  
}

h3 {
	font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0.025em; margin-bottom: 5px; color: #000;
}	

h4 {
	text-align: center;
	text-transform: uppercase;
	color: #000;
    letter-spacing: 0.1em;
    margin: 10px 0 0 0;
}




.Component-Header--center h1, .Component-Header--center span {
    font-size: 80%;
    letter-spacing: 0.175em;
}

.Component-LangMenu--title {
	font-size: 13px; letter-spacing: 0.1em;
}

.Component-Logo {
    padding: 3vw 0 1.5vw;
}



.shortinfo__img img {
	cursor: hover;
}

.text {
	padding: 0 70px 15px 70px;
}

.text img {
	margin: 10px 10px 10px 10px !important;
}

.text p {
		font-size: 16px;
}


@media (max-width: 800px) {

	.text {
    	padding: 0 15px 0 15px;
    }

	.text img {
    	margin: 0 0 1.5em !important;
		width:100%;
		height: auto;
		float: none !important;
		margin-right: 1em !important;; 
    }

	
}



.category_teaser {
    clear: both;
    margin-top: 30px;
    padding-top: 30px;
}

.Component-MainMenu li.-level-1 {
	font-weight: 400;
}

.category_teaser h2 {
	font-size: 13px;
}


.more_ico:after {
	content: ' >';
}

.ico_kaestchen {
    background-repeat: no-repeat ;
    background-position: top 4px right;
    padding-right: 2em;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzljMWYyZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KIDxnIGlkPSJvcHRpb24xIj4KICAgICA8cG9seWdvbiBpZD0iY2JnIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjIgMiAxNiAyIDE2IDE2IDIgMTYiPjwvcG9seWdvbj4KICAgPHBhdGggZD0iTTE2LDIgTDE2LDE2IEwyLDE2IEwyLDIgTDE2LDIgTTE2LDAgTDIsMCBDMC45LDAgMCwwLjkgMCwyIEwwLDE2IEMwLDE3LjEgMC45LDE4IDIsMTggTDE2LDE4IEMxNy4xLDE4IDE4LDE3LjEgMTgsMTYgTDE4LDIgQzE4LDAuOSAxNy4xLDAgMTYsMCBaIiBpZD0iY2ZyYW1lIiBmaWxsPSIjOWMxZjJlIj48L3BhdGg+CiA8L2c+Cjwvc3ZnPg==");

}

.ico_open {
    background-repeat: no-repeat ;
    background-position: center right;
    padding-right: 2em;
	background-image: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjOWMxZjJlIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjU5IDguNTlMMTIgMTMuMTcgNy40MSA4LjU5IDYgMTBsNiA2IDYtNnoiPjwvcGF0aD48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PC9zdmc+");

}