/* ##################################################
TPX - The very Base CSS Defintions
------------------------------------------------
SIMPLE RESET
################################################## */

html, body                             { height:initial; }
html                                   { font-size:62.5%; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; scroll-behavior:smooth; }


textarea                               { overflow:auto; }
img                                    { border:0; max-width:100%; height:auto; }
button, input, optgroup,
select, textarea, form, fieldset       { color:inherit; margin:0; padding:0; background-color:inherit; font:inherit; border-radius:0; }
main, nav, section, article,
header, pre,blockquote, dl,
figure, figcapture, address            { display:block; padding:0; margin:0; font-style:normal; }

::placeholder                          { opacity:1; }


/* inheriting border-box from html*/
*,
*:before,
*:after                                { -webkit-box-sizing:inherit; box-sizing:inherit; }

/* Scroll margin allowance above anchor links */
:target                                { scroll-margin-block-start:10rem; }

/* Scroll margin allowance below focused elements  to ensure they are clearly in view */
:focus                                 { scroll-margin-block-end:8vh; outline:0; }

/* Base :focus styles for fallback purposes */
:focus-visible                         { outline-color:currentColor; outline-width:3px; outline-style:dotted; outline-offset:2px; }

/* ##################################################
Basic Styling
html is set to 62.5% so that all the REM measurements throughout exo
are based on 10px sizing. So basically 1.5rem = 15px.
If you simply set the font-size in media query to ex. 60% it will reduce all the rem declarations.
################################################## */

body {
    font-family:'Saira Semi Condensed', Helvetica, Arial, sans-serif;
    font-size:1.8em;
    font-weight:400;
    height:100%;
    /* this trick prevents the body to have margin collapse, if a child element has a margin*/
    margin:-1px 0 0 0;
    padding:1px 0 0 0;
    /* */
    -webkit-overflow-scrolling:touch;/* smooth scrolling for ios devices*/

    /* for "better" font smoothing display on all devices, ony if neede for fonts*/
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#0f3e45;
    overflow-x:hidden;
    line-height:1.4;
}
body.nav-active  {overflow:hidden; }

section,
.base-box,
.site-main,
.full-width.item-box,
.item-box .item-box                       { width:100%; max-width:100%; position:relative; z-index:2; }
.full-size.item-box                       { width:100%; height:100vh; max-width:100%; }
.modul > .item-box                        { width:100%; max-width:1680px; }
.base-box                                 { min-height:100vh; }
.item-box,
.hero-item-box,
.hero-slider .hero-item-box               {  width:calc(100% - 6rem); max-width:1620px; margin:0 auto 0 auto; position:relative; z-index:2; }

@media (max-width:340px) {
   .item-box,
   .hero-item-box,
   .hero-slider .hero-item-box             {  width:calc(100% - 4rem); }
}

.txt-center       { text-align:center; }
.txt-left         { text-align:left; }
.txt-right        { text-align:right; }
.txt-uppercase    { text-transform:uppercase; }
.txt-reset        { text-transform:none; text-align:left; }

.inline           { display:inline; }
.inline-block     { display:inline-block; }
.block            { display:block; }
.none             { display:none; }

.no-margin        { margin:0; }
.overflow-hidden  { overflow:hidden; }

/* Colors */
.bg-inherited     { background-color:inherit; }
.bg-transparent   { background-color:transparent; }
.bg-white         { background-color:#fff; }
.bg-black         { background-color:#000; }
.bg-error         { background-color:#d50303; }/* FEHLER rot */
.bg-1             { background-color:#83C123; }/*  Primärfarbe */
.bg-2             { background-color:#007CA5; }/*   Primärfarbe 2 */
.bg-3             { background-color:#FF872A; }/*   Störer /Action/mouse over */
.bg-4             { background-color:#19606e; }/*   Petrolhell */
.bg-5             { background-color:#0f3e45; }/*   Petrol */
.bg-6             { background-color:#32B848; }/*   Mittelgrün */
.bg-7             { background-color:#007D6F; }/*    Türkisgrün */
.bg-8,
.search-no-results      { background-color:#ecf4fa; }/*     HG Blau */
.bg-9                   { background-color:#f5f8ed; }/*      HG grün */

.bg-black, .bg-2, .bg-3, .bg-4, .bg-5, .bg-7         { color:#fff; }


.cl-inherited     { color:inherit; }
.cl-transparent   { color:transparent; }
.cl-white         { color:#fff; }
.cl-black         { color:#000000; }
.cl-error         { color:#d50303; }
.cl-1             { color:#83C123; }/*  Primärfarbe */
.cl-2             { color:#007CA5; }/*   Primärfarbe 2 */
.cl-3             { color:#FF872A; }/*   Störer /Action/mouse over */
.cl-4             { color:#19606e; }/*   Petrolhell */
.cl-5             { color:#0f3e45; }/*   Petrol */
.cl-6             { color:#2fae44; }/*   Mittelgrün */
.cl-7             { color:#007D6F; }/*   Türkisgrün */




.p-0              { padding:0; }
.p-1              { padding:1rem; }
.p-2              { padding:2rem; }
.p-3              { padding:3rem; }
.p-4              { padding:4rem; }
.p-5              { padding:5rem; }
.p-6              { padding:6rem; }
.p-7              { padding:7rem; }
.p-8              { padding:8rem; }
.p-9              { padding:9rem; }
.p-10             { padding:10rem; }
.p-12             { padding:12rem; }
.p-15             { padding:15rem; }

.pd-1             { padding:1rem 0; }
.pd-2             { padding:2rem 0; }
.pd-3             { padding:3rem 0; }
.pd-4             { padding:4rem 0; }
.pd-5             { padding:5rem 0; }
.pd-6             { padding:6rem 0; }
.pd-7             { padding:7rem 0; }
.pd-8             { padding:8rem 0; }
.pd-9             { padding:9rem 0; }
.pd-10            { padding:10rem 0; }
.pd-12            { padding:12rem 0; }
.pd-15            { padding:15rem 0; }

.pd-t0            { padding-top:0; }
.pd-t1            { padding-top:1rem; }
.pd-t2            { padding-top:2rem; }
.pd-t3            { padding-top:3rem; }
.pd-t4            { padding-top:4rem; }
.pd-t5            { padding-top:5rem; }
.pd-t6            { padding-top:6rem; }
.pd-t7            { padding-top:7rem; }
.pd-t8            { padding-top:8rem; }
.pd-t9            { padding-top:9rem; }
.pd-t10           { padding-top:10rem; }
.pd-t12           { padding-top:12rem; }
.pd-t15           { padding-top:15rem; }

.pd-b0            { padding-bottom:0; }
.pd-b1            { padding-bottom:1rem; }
.pd-b2            { padding-bottom:2rem; }
.pd-b3            { padding-bottom:3rem; }
.pd-b4            { padding-bottom:4rem; }
.pd-b5            { padding-bottom:5rem; }
.pd-b6            { padding-bottom:6rem; }
.pd-b7            { padding-bottom:7rem; }
.pd-b8            { padding-bottom:8rem; }
.pd-b9            { padding-bottom:9rem; }
.pd-b10           { padding-bottom:10rem; }
.pd-b12           { padding-bottom:12rem; }
.pd-b15           { padding-bottom:15rem; }


/* Link Definition */
a                 { color:#0F3E45; }
a:hover           { color:#007D6F; }

a:active          { position:relative; cursor:default; caret-color:transparent; }
a:hover:before           { display:none; }

/* ##################################################
Typography
################################################## */

h1, h2, h3, h4, h5, h6,
.like-h1,
.like-h2,
.like-h3,
.like-h5,
.like-h6 {
  font-size:3.2rem;
  margin:0 0 3rem 0;
-webkit-hyphens:auto;
  -moz-hyphens:auto;
       hyphens:auto;
       /* legacy properties */
-webkit-hyphenate-limit-before:6;
-webkit-hyphenate-limit-after:4;  /* current proposal */
-moz-hyphenate-limit-chars:8 6 4;     /* not yet supported */
-webkit-hyphenate-limit-chars:8 6 4;  /* not yet supported */
-ms-hyphenate-limit-chars:8 6 4;
hyphenate-limit-chars:8 6 4;
  font-weight:700;
    max-width:100%;/* IE Weirdness*/
     line-height:1;
}
h1,
h2                            { font-size:4.8rem; font-weight:300; }
h4                            { margin:0 0 1.5rem 0; font-weight:700; }
h1 + h2,
h2 + h3,
.like-h4                      { margin:0 0 1.5rem 0; font-weight:700; }
.like-h1,
.like-h2                      { font-size:4.8rem; font-weight:300; }

@media (min-width:760px) {
  h1,
  h2                          { font-size:5.5rem; line-height:1.1; }
  h3                          { font-size:4rem; }
  h4                          { font-size:2.8rem; }
  .like-h4,
  h1 + h2,
  h2 + h3                     { font-size:2.8rem; }
  .like-h3                    { font-size:4rem; }
  .like-h2,
  .like-h1                    { font-size:5.5rem; line-height:1.1; }
  .job-item .post-title       { font-size:4.8rem }
}
@media (min-width:960px) {
  h1,
  h2                           { font-size:7rem; line-height:1; margin:0 0 4rem -4px; }
  h3                           { font-size:4rem; margin:0 0 4rem 0; line-height:1.2; }
  h4                           { font-size:2.8rem; line-height:1.2; }
  .like-h2,
  .like-h1                     { font-size:7rem; line-height:1; margin:0 0 4rem -4px; }
  .like-h3                     { font-size:4rem; margin:0 0 4rem 0; line-height:1.2; }
  .like.h4,
  h1 + h2,
  h2 + h3                      { font-size:2.8rem; line-height:1.2; }
  .job-item .post-title        { font-size:5.5rem }
}

@media (max-width:560px) {
  h4, h5, h6,
  .like-h4,
  .like-h5,
  .like-h6                      { font-size:2.3rem; }
}

p                 { margin:0 0 4rem 0; /*word-wrap:normal; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;*/ max-width:100%;/* IE Weirdness*/ }
.small            { font-size:1.2rem; }

table             { margin:3rem 0; padding:0; border-collapse:collapse; border-spacing:0; border:0; }
td,
th                { padding:0.5rem; border-style:solid; border-width:1px; text-align:left; }
th                { color:#fff; background:rgba(0, 0, 0, 0.8); }

hr                { height:1px; border:0; background-color:#000; margin:2rem 0; }

/*##################################################
 Lists
################################################## */

ul, ol                      { padding-left:2.5rem; margin:0 0 3rem 0; }

ul ul, ul ol, ol ol, ol ul  { margin:1.5rem 0 1.5rem 3rem; }
li                          { margin-bottom:0.5rem; position:relative; }


/*##################################################
Images and image box
################################################## */

.image-box,
.image-box img,
.image-box a                        { display:block; position:relative; vertical-align:top; width:100%; }
.image-box img                      { width:100%; max-width:100%; height:auto; }
.image-item .image-box              { display:inline-block; width:unset; max-width:100%; vertical-align:top; }
.modul_image .image-box img,
.image-item .image-box img          { width:auto; }
.modul_image .image-box.fit-box img,
.image-item .image-box.fit-box img,
.fit-image.image-box img            { width:100% }


/*##################################################
Flex Grid
################################################## */


.col-item,
.flex-item           { display:block; position:relative; vertical-align:top;  margin:0; }
.col-item            { width:100%; margin:0 0 2rem 0; }

.base-box,
.col-box,
.flex-box,
.wpforms-field-container            { display:-webkit-box; display:-ms-flexbox; display:flex; }

.col-box,
.wrap,
.wpforms-field-container                 { -ms-flex-wrap:wrap; flex-wrap:wrap; }

@supports (flex-wrap:wrap) { /* hide from incomplete Firefox versions */
  .col-box           { -webkit-flex-wrap:wrap; }
}

.col-box,
.stretch              { -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; }

.flex-column,
.base-box             { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.flex-column          {  height:100%; }

[class*="center-"]    { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.center-center        { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.center-left          { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.center-right         { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }
.center-space         { -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content:space-between; }

[class*="bottom-"]    { -webkit-box-align:flex-end; -ms-flex-align:end; align-items:flex-end; }
.bottom-center        { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.bottom-left          { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.bottom-right         { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

[class*="top-"]       { -webkit-box-align:flex-start; -ms-flex-align:start; align-items:flex-start; }
.top-center           { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.top-left             { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.top-right            { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

.space-between        { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }


/* setting the footer always to the bottom, if the browser is capable of displaying flexbox*/
.site-footer,
.logo                         { -ms-flex-negative:0; flex-shrink:0; }/* do not shrink or enlarge */
.base-item,
.flex-column .content-box     { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; } /* shrink and enlarge this */



@media (min-width:790px) {

    /* predefined margins for the standard boxes */
    .col-box                        { margin:0 0 0 -2rem; }
    .col-box>.col-item              { margin:0 0 2rem 2rem; }
    .modul_text_media .col-box>.col-item  { margin-bottom:0; }
    .col-2>.col-item,
    .col-2>.flex-item               { width:calc(50% - 2rem); }
    .col-3>.col-item,
    .col-3>.flex-item               { width:calc(33.333333% - 2rem); }
    .col-4>.col-item,
    .col-4>.flex-item               { width:calc(25% - 2rem); }
    .col-5>.col-item,
    .col-5>.flex-item               { width:calc(20% - 2rem); }

    .col-box>.col-item.box-20       { width:calc(20% - 2rem); }
    .flex-box>.box-20               { width:20%; }
    .col-box>.col-item.box-25       { width:calc(25% - 2rem); }
    .flex-box>.box-23               { width:25%; }
    .col-box>.col-item.box-30       { width:calc(30% - 2rem); }
    .flex-box>.box-30               { width:30% - 2rem; }
    .col-box>.col-item.box-33       { width:calc(33.333333% - 2rem); }
    .flex-box>.box-33               { width:33.333333%; }
    .col-box>.col-item.box-35       { width:calc(35% - 2rem); }
    .flex-box>.box-35               { width:35%; }
    .col-box>.col-item.box-40       { width:calc(40% - 2rem); }
    .flex-box>.box-40               { width:40%; }
    .col-box>.col-item.box-45       { width:45%; }
    .flex-box>.box-45               { width:calc(45% - 2rem); }
    .col-box>.col-item.box-50       { width:calc(50% - 2rem); }
    .flex-box>.box-50,
    .box-50                         { width:50%; }
    .col-box>.col-item.box-55       { width:calc(55% - 2rem); }
    .flex-box>.box-55               { width:55%; }
    .col-box>.col-item.box-60       { width:calc(60% - 2rem); },
    .flex-box>.box-60               { width:60%; }
    .col-box>.col-item.box-65       { width:65% - 2rem; }
    .flex-box>.box-65               { width:65%; }
    .col-box>.col-item.box-66       { width:calc(66.666666% - 2rem); }
    .flex-box>.box-66               { width:66.666666%; }
    .col-box>.col-item.box-70       { width:calc(70% - 2rem); }
    .flex-box>.box-70               { width:70%; }
    .col-box>.col-item.box-75       { width:calc(75% - 2rem); }
    .flex-box>.box-75               { width:75%; }
    .col-box>.col-item.box-80       { width:calc(80% - 2rem); }
    .flex-box>.box-80               { width:80%; }
    .col-box>.col-item.box-85       { width:calc(85% - 2rem); }
    .flex-box>.box-85               { width:85%; }
    .col-box>.col-item.box-100      { width:calc(100% - 2rem); }
    .flex-box>.box-100,
    .box-100                        { width:100%; }
}


/* Header */
.site-header                         { position:relative; width:100%; z-index:100;   }
.fixed .site-header                  { position:fixed; }
.fixed .base-item:before             { content:''; width:100%; height:117px; display:block; position:relative; }


/* Logo */
.branding                            { position:relative; z-index:1; width:100%; }
.logo                                { display:inline-block; padding:2rem 0 1rem 0; position:relative; }
.logo:focus-visible,
.small-logo:focus-visible            { outline:0; }
.logo:focus-visible:before,
.small-logo:focus-visible:before  {
  content:'';
  position:absolute;
  z-index:-1;
  top:5px;
  left:-10px;
  height:90%;
  outline-color:#fff;
  outline-width:2px;
  outline-style:dotted;
  outline-offset:-3px;
}
.logo:focus-visible:before           { min-width:270px; width:90%; }
.small-logo:focus-visible:before     { top:3px; left:-10px; width:143%; height:90%;  min-width:inherit; }
.logo span                           { display:inline-block; height:80px; width:211px; }
.logo span svg                       { height:100%; width:auto; }
.small-logo                          { display:none; position:relative; }

@media (min-width:960px) {
  .fixed .base-item:before           { height:150px; }
  .logo                              { display:inline-block; padding:2rem 0 3rem 0; width:32%; min-width:270px; border-right:2px solid #fff; }
  .logo span                         { height:92px; width:270px; }
  .small-logo  span                  { vertical-align:top; display:inline-block; width:31px; height:50px; }
  .small-logo  span svg              { width:auto; height:100%; }
  .scroll-box .logo                  { display:none; }
  .scroll-box .small-logo            { display:inline-block; padding:0.8rem 0; margin-right:1.5rem; }
  .scroll-box .small-logo + nav      { border-left:2px solid #fff; }
  .branding,
  .main-navigation                   { max-height:150px; min-height:150px; }
  .scroll-box .branding,
  .scroll-box .main-navigation       { max-height:66px; min-height:66px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
}
@media (max-width:960px) {
  .scroll-box .logo,
  .nav-active .logo                  { padding:0.7rem 0 0.5rem 0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
  .logo span                         { top:26px; }
  .scroll-box .logo span,
  .nav-active .logo span             { height:52px; width:31px; background-size:auto 55px; background-position:0 0;  vertical-align:top; overflow:hidden; }
  .logo:focus-visible:before         { min-width:270px; width:100%; }
  .small-logo:focus-visible:before,
  .scroll-box .logo:focus-visible:before,
  .nav-active .logo:focus-visible:before  { min-width:50px; height:61px; top:2px; }
  .branding .item-box                { display:block; width:100%; padding:0 1rem 0 3rem; }
  .branding .item-box::before        { content:''; width:55px; height:100%; position:absolute; right:0; top:0; border-left:2px solid #fff; background-color:#19606e; }
}

@media (max-width:340px) {
  .logo span                         { height:72px; width:188px; }
}

/* buttons */
.button,
button,
input[type="submit"],
.link-box a,
#category-box a  {
    position:relative;
    display:inline-block;
    cursor:pointer;
    padding:1rem 3rem;
    margin:0;
    border-radius:3px;
    border:0;
    text-decoration:none;
    background-color:#83C123;
    color:#0F3E45;
    vertical-align:baseline;
}

.button                              { border:1px solid #fff; }

.button:hover,
button:hover,
input[type="submit"]:hover,
.link-box a:hover,
#category-box a:hover                { background-color:#FF872A; color:#0F3E45; }
.button:hover:after,
button:hover:after,
input[type="submit"]:hover:after     { display:none; }

.button.cta,
#category-box a                      { font-size:2.8rem; padding:1rem 4.5rem; }

.text-box .button                    { margin-top:3rem; }
.text-box .button:focus-visible      { outline-offset:-9px; }
#category-box a                      { margin:0 3rem 1rem 0; }

.text-box .button:focus-visible,
.button-box .button:focus-visible,
.button:focus-visible                { outline-offset:-6px; }

.bg-1 a,
.bg-3 a,
.bg-7 a,
.bg-6 a                              { color:#0f3e45; }

.bg-2 a,
.bg-4 a,
.bg-5 a,
.bg-6 a,
.bg-7 a                              { color:#fff; }

.bg-1 a:hover                        { color:#FF872A; }
.bg-2 a:hover,
.bg-4 a:hover,
.bg-4 a:hover,
.bg-3 a:hover,
.bg-7 a:hover,
.bg-6 a:hover                         { color:#fff; }

.bg-1 .button,
.bg-1 .link-box a,
.bg-2 .button,
.bg-2 .link-box a,
.bg-3 .button,
.bg-3 .link-box a,
.bg-7 .button,
.bg-7 .link-box a,
.bg-6 .button,
.bg-6 .link-box a                     { background-color:#0f3e45; color:#fff; }

.bg-1 .button:hover,
.bg-1 .link-box a:hover,
.bg-2 .button:hover,
.bg-2 .link-box a:hover,
.bg-3 .button:hover,
.bg-3 .link-box a:hover,
.bg-7 .button:hover,
.bg-7 .link-box a:hover,
.bg-6 .button:hover,
.bg-6 .link-box a:hover               { background-color:#fff; color:#0f3e45; }

/* call-to-action button*/
.button.call-to-action,
button.call-to-action,
input[type="submit"].call-to-action   { background-color:#d50303; color:#fff; }
#page-top .btn-reset,
#page-top .btn-reset:hover,
#page-top .btn-reset:focus            { background-color:transparent; color:inherit; }


/* Text meant only for screen readers. */
.screen-reader-text,
.visuallyhidden {
  border:0;
  clip:rect(1px, 1px, 1px, 1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal !important;
}
.screen-reader-text:focus {
  clip:auto !important;
  clip-path:none;
  background-color:#fff;
  display:block;
  font-size:1em;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000; /* Above WP toolbar. */
}

/* saira-semi-condensed-regular - latin */
@font-face {
  font-family:'Saira Semi Condensed';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:local(''),
       url('css/fonts/saira-semi-condensed-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/saira-semi-condensed-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* saira-semi-condensed-300 - latin */
@font-face {
  font-family:'Saira Semi Condensed';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:local(''),
       url('css/fonts/saira-semi-condensed-v6-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/saira-semi-condensed-v6-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* saira-semi-condensed-700 - latin */
@font-face {
  font-family:'Saira Semi Condensed';
  font-style:normal;
  font-weight:700;
font-display:swap;
  src:local(''),
       url('css/fonts/saira-semi-condensed-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/saira-semi-condensed-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* Cookie */
body #cookie-notice
 {
  width:100%;
  height:100vh;
  overflow:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
  line-height:inherit;
font-family:'Khand', sans-serif;
  font-size:1.4rem;
 }
body #cookie-notice.cookie-notice-visible,
body #cookie-notice.cookies-not-set {  display:-webkit-box; display:-ms-flexbox; display:flex; }

body #cookie-notice.cookie-notice-hidden .cookie-notice-container {display:block; }
body #cookie-notice .cookie-notice-container {
  max-width:560px;
  width:calc(100% - 6rem);
  margin:3rem;
  background-color:rgba(255,255,255,0.9);
  color:#004452!important;
  text-align:left!important;
  position:relative;
  padding:3rem 3rem 6rem 3rem;
}
body #cookie-notice h3           { margin-bottom:2rem; color:#004452 !important; }
.cc-navi-box                     { margin-top:-3rem; margin-bottom:2rem; }



/*.cookies-accepted #cookie-notice,
.cookies-refused #cookie-notice { display:none; }*/


.cc-navi-box a                       { display:inline-block; position:relative; margin-right:2rem; color:#0F3E45!important; }
.cc-navi-box a:first-of-type:after   { content:'|'; position:absolute; right:-1.2rem; display:inline-block; }
.cookies-accepted #cookie-notice,
.cookies-refused #cookie-notice,
body.page-id-147 #cookie-notice,
body.page-id-153 #cookie-notice,
body.page-id-2092 #cookie-notice,
body.page-id-2098 #cookie-notice,
body.page-id-147 .cn-revoke-cookie,
body.page-id-153 .cn-revoke-cookie,
body.page-id-2092 .cn-revoke-cookie,
body.page-id-2098 .cn-revoke-cookie { display:none; }



#cn-close-notice {display:none; }
/* solodon */
#cookie-notice .cn-button {
  padding:1.5rem 2rem 1rem 2rem;
  text-decoration:none;
  opacity:1;
  background-color:#83C123!important;
  color:#0F3E45!important;
  text-transform:uppercase!important;
  text-transform:uppercase !important;
  font-weight:bold !important;
  font-size:1.6rem !important;
  margin:0 10px 10px 0!important;
  display:inline-block;
}

#cookie-notice .cn-button:hover         { background-color:#FF872A!important; color:#0F3E45!important; }
#cookie-notice .cn-button:focus-visible { outline-color:currentColor; outline-width:3px; outline-style:dotted; outline-offset:-7px; }

.button:hover,
button:hover,
input[type="submit"]:hover,
.link-box a:hover,
#category-box a:hover {  }
.button:hover:after,
button:hover:after,
input[type="submit"]:hover:after        { display:none; }
.button.cta,
#category-box a                         { font-size:2.8rem; padding:1rem 4.5rem; }
.text-box .button                       { margin-top:3rem; }
.text-box .button:focus-visible         { outline-offset:-9px; }

#cookie-notice .cn-button#cn-refuse-cookie { background-color:#9ec9d2; color:#003239; }

@media screen and (max-width:660px){
  body #cookie-notice                   { display:block; font-size:1rem; width:calc(100% - 2rem); }
}
 footer .cn-button                      { background:none!important; box-shadow:none!important; font-size:1rem; }
 :lang(de-DE) .cn-revoke-cookie .en     { display:none; }
 :lang(en-GB) .cn-revoke-cookie .de     { display:none; }