@font-face {
    font-family: 'Nexa';
    font-weight: normal;
    src:url("fonts/5936927/56c00146-e844-4cbd-8b15-adecdb734aae.woff2") format("woff2"),url("fonts/5936927/1fb054c5-057e-43ea-9272-f462f24e2293.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    font-weight: bold;
    src:url("fonts/5936949/faaba122-0508-40a3-acfb-f74709081e74.woff2") format("woff2"),url("fonts/5936949/070ec778-3332-4191-9fd8-8fdd2ca1b2b3.woff") format("woff");
    font-display: swap;
}
/*@font-face{
    font-family:'NexaRustScript';
    src:url("fonts/5527264/1402a454-6e5c-439c-8746-f559a2bad214.woff2") format("woff2"),url("fonts/5527264/4c1def7a-e9d2-44dd-8ec8-1ff036500d79.woff") format("woff");
    font-display: swap;
}*/
@font-face {
  font-display: swap;
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/lora-v36-latin-500.woff2') format('woff2');
}

:root {
  --color-dunkelgrau:#62666b; /* letzter Wert: #747578 alter Wert #87888a */
  --color-text-grey:#666765;
  --color-background-grey:#eceeef;
  --color-gruen:#9dbf43;
  --color-gelb:#fde16d;
  --color-pastellgruen:#afcda6;
  --color-blau:#9bcdd8;
  --color-faltschachtel:#007ac2;
  --color-magenta:#d86b9a;
  --color-labann:#009d8b;
  --teaser-inner-padding:clamp(15px,2.8vw,58px);
  --teaserbig-inner-padding:clamp(15px,4vw,80px);
}

html { scroll-behavior:smooth; }
body { background:#fff; color:var(--color-dunkelgrau); padding:60px 0 0 0; margin:0; font-family:'Nexa',sans-serif; font-size:14px; line-height:1.5; }
body.blank { padding-top:0; }
* { box-sizing:border-box; scroll-margin-top:120px; }
figure { margin:0; position:relative; }
figure div { position:relative; }
figurecaption { position:absolute; display:block; bottom:0; left:0; width:100%; color:#fff; text-align:right; background-color:#666666dd; padding:17px 15px; }
.imageCopyright { position:absolute; top:100%; right:0; padding-top:3px; font-size:12px; color:#bbb; }
svg,img { max-width:100%; height:auto; vertical-align:bottom; }
a img { border:0 none; }
a,
a:visited,
a:hover { color:#666765; text-decoration:underline; }
a.noStyle,
a.noStyle:visited,
a.noStyle:hover { color:inherit; text-decoration:none; }

h1,h2,.bigHeadline,
.headerImage h1, .headerImage h2, .headerImage h3, .headerImage h4 { font-size:30px; text-transform:uppercase; margin:60px 0 30px 0; line-height:1.2; }
h3,h4,h5,h6,.smallHeadline { font-size:20px; text-transform:uppercase; margin:50px 0 25px 0; line-height:1.2; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top:0; }
p { margin:0 0 10px; }
p:last-child { margin:0; }
.smallText { font-size:70%; }
.bigText { font-size:20px; line-height:1.2; }
.desktopOnly { display:none; }
.align-center, .text-center { text-align: center; }
.align-left, .text-left { text-align: left; }
.align-right, .text-right { text-align: right; }
.align-justify, .text-justify { text-align: justify; }
.moreArrow { display:block; }
.roundBorders { border-bottom-right-radius:25px; border-top-left-radius:25px; }
/*.roundCorner { border-bottom-right-radius:25px; }*/
.zitatSchreibschrift { font-family:'NexaSerifRegular'; font-size:280%; line-height:1.1; }
.schreibschrift { font-family:'NexaSerifRegular'; text-transform:none; font-weight:normal; font-size:30px; }

#main > .textImageItem,
#main > .frame-type-shortcut > .frame-default > .headlineBox,
#main > .frame-type-form_formframework > form,
#main > div.frame-type-text,
#main > div.frame-type-image,
#main > div:not(.frame-type-text) > .headlineBox,
.contentWidth { max-width:1600px; width:90%; margin-left:auto; margin-right:auto; }
.contentWidth .contentWidth  { width:100%; }
@media (min-width:500px) and (max-width:1179px) {
    #main > .textImageItem,
    #main > .frame-type-form_formframework > form,
    #main > div.frame-type-text,
    #main > div.frame-type-image,
    #main > div:not(.frame-type-text) > .headlineBox,
    .contentWidth { width:95%; }
}
.frame-default { margin-bottom:5%; }
@media (max-width:767px) {
    .textImageItem + .frame-type-template_ljspaltencontainer { margin-top:5%; }
}
.frame-default.frame-layout-1:not(.frame-space-after-medium):not(.frame-space-after-extra-large),
.frame-default.frame-type-shortcut:not(.frame-space-after-medium):not(.frame-space-after-extra-large),
.frame-default.frame-type-shortcut > .frame-default:not(.frame-space-after-medium):not(.frame-space-after-extra-large),
.headerSlider .frame-type-template_ljheaderimage { margin-bottom:0; }
.teaserList > .frame-default.frame-type-shortcut:not(.frame-space-after-medium):not(.frame-space-after-extra-large) { margin-bottom:20px; }

.frame-space-before-medium { margin-top:5vw; }
.frame-space-after-medium { margin-bottom:5vw; }
.frame-space-before-extra-large { margin-top:10vw; }
.frame-space-after-extra-large { margin-bottom:10vw; }
.frame-default.frame-layout-1 { background-color:var(--color-background-grey); padding-top:10vw; padding-bottom:10vw; }
.frame-default.frame-type-text.frame-layout-1 { padding:30px; }
.frame-default.frame-layout-1 .newsTeaser { background-color:#fff; }

.frame-type-text.frame-layout-3 { background-color:var(--color-dunkelgrau); padding:30px; }
.color-gelb .frame-type-text.frame-layout-3 { background-color:var(--color-gelb); color:unset; }
.color-pastellgruen .frame-type-text.frame-layout-3 { background-color:var(--color-pastellgruen); }
.color-magenta .frame-type-text.frame-layout-3 { background-color:var(--color-magenta); }
.color-blau .frame-type-text.frame-layout-3 { background-color:var(--color-blau); }

@media (min-width:768px) {
    .desktopOnly { display:block; }
    span.desktopOnly { display:inline; }
    .frame-default { margin-bottom:20px; }
    .frame-space-before-medium { margin-top:30px; }
    .frame-space-after-medium { margin-bottom:30px; }
    .frame-space-before-extra-large { margin-top:60px; }
    .frame-space-after-extra-large { margin-bottom:60px; }
}
@media (min-width:1280px) {
    .frame-space-before-medium { margin-top:50px; }
    .frame-space-after-medium { margin-bottom:50px; }
    .frame-space-before-extra-large { margin-top:100px; }
    .frame-space-after-extra-large { margin-bottom:100px; }
}

#header { position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:1000; }
.headerLogo { display:inline-block; line-height:60px; width:54%; max-width:180px; }
@media (min-width:1100px) {
    .headerLogo { max-width:250px; }
}



.headerLogo img,
.headerLogo svg { width:100%; vertical-align:middle; }

#mobileOpener { position:absolute; top:12px; right:15px; height:40px; width:40px; cursor:pointer; }
#mobileOpener span,
#mobileOpener span:after,
#mobileOpener span:before { display:block; width:6px; height:6px; background-color:var(--color-dunkelgrau); position:absolute; border-radius:3px; transition:0.5s ease; }
#mobileOpener span { top:17px; left:17px; }
#mobileOpener span:after { content:''; top:-10px; left:0; }
#mobileOpener span:before { content:''; top:10px; left:0; }
#mobileOpener.open span { transform:rotate(-45deg); width:32px; height:4px; left:5px; transition:0.5s ease; }
#mobileOpener.open span:after { transform:rotate(-90deg); width:32px; height:4px; top:0; transition:0.5s ease; }
#mobileOpener.open span:before { opacity:0; }
#mobileOpener.open span,
#mobileOpener.open span:after,
#mobileOpener.open span:before { background-color:#a3a4a6; transition:0.5s ease; }

@media (max-width:767px) {
    #navi .main { height:calc(100vh - 60px); overflow:hidden auto; -webkit-overflow-scrolling: touch; }
    #navi .main { display:none; }
    #navi ul { list-style-type:none; padding:10px 0; margin:0 15px 30px; }
    #navi li { padding:0; margin:0; /*border-top:solid 1px #ccc;*/ }
    #navi a { color:#999; display:block; line-height:20px; padding:10px 20px 10px 0; font-size:20px; letter-spacing:1px; text-transform:uppercase; position:relative; }
    #navi a:not(:only-child)::after { content:url(../Images/fas-arrow-right-grey.svg); width:18px; height:18px; position:absolute; top:8px; right:0; transition:all 0.2s; }
    #navi .navi5 .sub a:not(:only-child)::after { display:none; }
    
    #navi a.activeLink::after { transform:rotate(90deg); transition:all 0.4s; }
    #navi li.active > a { color:var(--color-gruen); }
    .faltschachtel #navi li.active > a { color:var(--color-faltschachtel); }
    .color-labann #navi li.active > a { color:var(--color-labann); }
    #navi a,
    #navi a:visited,
    #navi a:hover { text-decoration:none; }
    #navi ul.sub { display:none; margin:0; padding:0 0 0 25px; border-bottom:0 none; }
    #navi li.active > ul.sub { display:block; }
    #navi ul.sub li { border-top:0; }
    #navi ul.sub li a { background-image:none; }
    #navi ul.sub a { font-size:16px; }
    #navi ul.subsub { display:none; }
    #navi li.current > ul.subsub,
    #navi li.active > ul.subsub { display:block; }
}

#main { position:relative; padding-top:125px; }
.start #main { padding-top:100px; }
#main::before { content:''; display:block; height:100px; width:100%; background:repeat url(../Images/lj-dots-bg-grey.svg) top center / 25px auto; position:absolute; top:50px; left:0; z-index:100; }
.pageTitle { position:absolute; top:48px; right:calc(3px + 5%); font-size:12px; text-transform:uppercase; color:#ccc; background-color:#fff; padding:0 15px; z-index:200; }
body.start .pageTitle { display:none; }

.breadcrumb ul { list-style-type:none; padding:0; margin:0; }
.breadcrumb li { padding:0; margin:0; display:inline-block; }
.breadcrumb li:not(:first-child)::before { content:'•'; }
.breadcrumb li:last-child { pointer-events:none; }
.breadcrumb a { display:inline-block; padding:6px 10px; transition:0.5s ease; }
.breadcrumb a,
.breadcrumb a:visited { color:#ccc; text-decoration:none; }
.breadcrumb a:hover { color:#777; text-decoration:none; background-color:#f0f1f2; transition:0.5s ease; }
.breadcrumb .active span { display:inline-block; padding:6px 10px; }
@media (max-width:767px) {
    .breadcrumb li::before,
    .breadcrumb li:not(:last-child) { display:none; }
    .breadcrumb .active span { overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; }
}
.headerImage { max-width:1920px; margin-left:auto; margin-right:auto; }
#main > div:first-child > .headerImage { margin-top:-25px; }
.headerImage > * { position:relative; }
.headerImage img { width:100%; height:70vw; object-fit:cover; object-position:left; }
.headerImage .textBox { color:#fff; text-align:center; padding:25px 15px; background-color:#666765e0; /*border-bottom-right-radius:25px;*/ transition:all 0.3s; }
.headerImage a.textBox:hover { bottom:6%; background-color:#666765; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.15); transition:all 0.4s; }
.headerImage a { display:block; text-decoration:none!important; }
.headerImage p a { display:inline; color:#fff!important; text-decoration:underline!important; }
.headerImage p a.noStyle { text-decoration:none!important; }
.headerImage h1, .headerImage h2, .headerImage h3, .headerImage h4 { margin-bottom:20px; }
/*.headerImage h2 { font-size:24px; line-height:1; margin:0 0 6px; text-transform:uppercase; }*/
.headerImage p { line-height:1.2; font-size:13px; }
@media (min-width:600px) {
    .headerImage .textBox { position:absolute; bottom:5%; right:2.5%; width:385px; padding:25px; text-align:right; min-height:40%; }
    /*.headerImage h2 { font-size:36px; line-height:1.1; margin:0 0 8px; }*/
    .headerImage p { line-height:unset; font-size:unset; }
}
@media (min-width:1180px) {
    .headerImage .textBox { right:5%; }
}
@media (min-width:1280px) {
    .headerImage .textBox { min-height:210px; }
}
@media (min-width:1795px) {
    .headerImage .textBox { right:calc(50% - 800px); }
}
.headerSlider { position:relative; padding-bottom:60px; }
.headerSlider .slick-dots { list-style-type:none; margin:0; padding:10px 0; position:absolute; bottom:0; left:0; width:100%; text-align:center; }
.headerSlider .slick-dots li { display:inline-block; width:30px; height:30px; margin:0; cursor:pointer; position:relative; vertical-align:bottom; }
.headerSlider .slick-dots li::after { content:''; width:7px; height:7px; background-color:#ebeeef; border-radius:50%; position:absolute; top:8px; left:12px; transition:all 0.6s; }
.headerSlider .slick-dots li:hover::after,
.headerSlider .slick-dots li.slick-active::after { width:15px; height:15px; top:4px; left:8px; background-color:var(--color-gruen); transition:all 0.6s; }
.headerSlider .slick-dots button { display:none; }

.backgroundBox { background-color:var(--color-background-grey); }
.color-blau .frame-type-template_ljheadlinebox.frame-layout-3 .backgroundBox { background-color:var(--color-blau); }
.backgroundBox.cutStyle { margin-left:5%; }
.backgroundBox .headline { margin-left:7.5%; }
.backgroundBox.cutStyle .headline { margin-left:-5%; padding-right:10%; max-width:480px; }
.backgroundBox .headline h1,
.backgroundBox .headline h2 { font-size:34px; text-transform:uppercase; line-height:1.1; margin:0; padding:70px 0 40px 0; }
.backgroundBox .text { padding:0 15% 40px 15%; line-height:1.6; }
.backgroundBox .text::before { content:''; display:block; height:15px; width:30%; min-width:110px; background-color:var(--color-dunkelgrau); position:relative; top:-20px; }
.color-blau .frame-type-template_ljheadlinebox.frame-layout-3 .backgroundBox .text::before { background-color:#fff; }

.colBox .textBox .headline { position:relative; margin-left:35%; }
.colBox .textBox .headline h2 { font-size:22px; font-weight:normal; margin:0 0 28px; }
.colBox .textBox .image { position:relative; width:100%; }
.colBox .textBox .image::after { content:''; display:block; height:30px; width:35%; background-color:#fff; position:absolute; top:-15px; left:35%; opacity:0.7; }
.colBox .textBox.imageTop .image { margin-bottom: 30px; }
.colBox .textBox.imageTop .image::after { top:unset; bottom:-15px; }
.colBox .textBox .text { margin:25px 0; }
.firstLetter p:first-child::first-letter { font-size:282%; float:left; line-height:0.9; font-weight:bold; margin-right:5px; padding-top:3px; }

.col + .col { margin-top:5%; }
.colBox .imageBox { position:relative; }
.colBox .imageBox::after { content:''; display:block; height:30px; width:30%; background-color:var(--color-gruen); opacity:0.8; position:absolute; left:35%; bottom:-15px; }

.textImageItem .image { position:relative; background-color: var(--color-background-grey); }
.textImageItem .image::after { content:''; display:block; height:30px; width:calc(50% - 50px); background-color:var(--color-gruen); opacity:0.6; position:absolute; left:var(--teaserbig-inner-padding); bottom:-15px; }
.textImageItem .image img { width:100%; }
.textImageItem .text { padding:30px var(--teaserbig-inner-padding); background-color:var(--color-background-grey); }
.textImageItem.noTextBox { padding-bottom:15px; }
.textImageItem + .textImageItem,
.textImageItem + .frame-type-text { margin-top:5%; }
.col .frame-type-text:last-child { margin-bottom:0; }
@media (min-width:768px) {
    .textImageItem + .textImageItem,
    .textImageItem + .frame-type-text { margin-top:20px; }
    .twoCol6633 > .col-1 > .textImageItem .image::after { width:calc(25% - 50px); }
}
.textImageItem .image.twoImages { display:flex; }
.textImageItem .image.twoImages div { position:relative; }
.teaserList.flexStretch .textImageItem { background-color: var(--color-background-grey); }

.imageTextTwoColBox figure span { display:block; position:relative; }
.imageTextTwoColBox figure span::after { content:''; display:block; height:30px; width:30%; background-color:var(--color-gruen); opacity:0.6; position:absolute; left:20%; bottom:-15px; }
.imageTextTwoColBox h2 { color:#7b7b7b; margin:0 0 20px 0; }
.imageTextTwoColBox .text { margin-bottom:5%; }
@media (max-width:1023px) {
    .imageTextTwoColBox figure + .textBox { margin-top:40px; }
}
@media (min-width:1024px) {
    .imageTextTwoColBox { display:flex; justify-content:space-between; }
    .imageTextTwoColBox:first-child { padding-top:50px; }
    .contentWidth:first-child .imageTextTwoColBox > figure { margin-bottom:50px; }
    .imageTextTwoColBox:last-child { padding-bottom:50px; }
    .imageTextTwoColBox > figure,
    .imageTextTwoColBox .textBox { width:calc(50% - 10px); }
    .imageTextTwoColBox .textBox:first-child .text { padding-right:20%; }
    .imageTextTwoColBox .textBox:last-child .text { padding-left:20%; }
    .imageTextTwoColBox .text { position:relative; margin-bottom:150px; }
    .imageTextTwoColBox .text.noMarginBottom { margin-bottom:0; }
    .imageTextTwoColBox .text::after { content:''; display:block; height:calc(100% + 120px); width:100%; background-color:var(--color-background-grey); position:absolute; top:-50px; left:-20%; z-index:-1; }
    .imageTextTwoColBox:last-child figure:last-child span::after { bottom:unset; top:-15px; left:unset; right:20%; }
    .imageTextTwoColBox:last-child .textBox:first-child { align-self:flex-end; }
    .imageTextTwoColBox:last-child .textBox:first-child .text { margin-bottom:0; }
    .imageTextTwoColBox:last-child .textBox:first-child .text::after { left:20%; }
    .contentWidth > .imageTextTwoColBox:last-child { margin-bottom:calc(5% + 50px); }
}

.colBox .textBox .image::after { background-color:var(--color-dunkelgrau); }
.colBox .textBox h2,
.firstLetter p:first-child::first-letter { color:var(--color-dunkelgrau); }
.headlineBorderBottom::after { content:''; display:block; height:15px; background-color:var(--color-dunkelgrau); margin-top:10px; }

.indexBox { display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:-20px; }
.indexItem { width:80%; max-width:220px; margin:0 auto 20px; }
.indexItem > a { display:block; text-decoration:none; position:relative; }
.indexItem .cat { font-weight:bold; color:var(--color-text-grey); font-size:48px; line-height:1.1; }
.indexItem .cat span { display:block; padding:0 5px 0 10px; }
.indexItem .cat::after { content:''; display:block; height:15px; background-color:var(--color-text-grey); }
.indexItem.pink .cat::after { background-color:#e56297; }
.indexItem.green .cat::after { background-color:var(--color-gruen); }
.indexItem.lightgreen .cat::after { background-color:#a9cea0; }
.indexItem.yellow .cat::after { background-color:#ffe054; }
.indexItem.lj .cat::after { background-color:#7b7b7b; }
.indexItem.blue .cat::after { background-color:#8fced6; }
.indexItem.grey .cat::after { background-color:#ced1d2; }
.indexItem h2.title { font-size:20px; line-height:1; text-transform:uppercase; color:var(--color-text-grey); margin:7px 0 5px 0; padding:0 5px 0 10px; }
.indexItem p { padding:0 5px 5px 10px; font-size:13px; }
.indexImage { width:100%; margin-bottom:20px; }
.indexImage.imageborder img { border:solid 1px var(--color-text-grey); }
.indexImage img { width:100%; }
.indexItem > a::after { content:''; display:block; height:50%; width:50%; position:absolute; top:25%; left:25%; background-color:var(--color-background-grey); opacity:0; z-index:-1; transition:all 0.3s; }
.indexItem > a:hover::after { height:100%; width:100%; top:0; left:0; opacity:1; transition:all 0.6s; }
.fullWidth .indexItem p { max-width:360px; padding-left:15px; }
.fullWidth .indexItem .cat span { padding-left:15px; }
.fullWidth .indexItem h2.title { max-width:360px; margin:10px 0 15px 0; padding-left:15px; }
@media (min-width:460px) {
    .indexBox { justify-content:space-between; }
    .indexItem { max-width:unset; margin:0 0 20px 0; }
    .indexItem,
    .indexImage { width:calc(50% - 10px); }
    .indexItem a { height:100%; }
}
@media (min-width:680px) {
    .fullWidth .indexItem .cat { padding-top:8%; }
}
@media (min-width:1024px) {
    .frame-layout-2 > * { padding:0 15%; }
    .frame-layout-2 > ul > li { margin-left:40px; }
    .indexBox.fullWidth { justify-content:flex-start; margin:0 -10px; }
    .fullWidth .indexItem,
    .fullWidth .indexImage { width:calc((100% - 60px) / 3); margin-left:10px; margin-right:10px; }
}
@media (min-width:1180px) {
    .startIndex .indexItem,
    .startIndex .indexImage { width:calc((100% - 40px) / 3); }
}
@media (min-width:1280px) {
    .startIndex .indexItem h2.title { font-size:30px; }
    .indexItem .cat { font-size:54px; }
    .fullWidth .indexItem h2.title { font-size:26px; }
    .fullWidth .indexItem p { font-size:15px; }
}

.teaserList { margin-bottom:-20px; }
.teaserList > a[id^="c"] { display:none; }
.teaserList > * { margin:0 0 20px; }
.newsTeaser { background-color:var(--color-background-grey); position:relative; }
.teaserList > .frame-type-shortcut > .newsTeaser { height:100%; }
.newsTeaser a { display:block; text-decoration:none; }
.newsTeaser figure { position:relative; margin-bottom:40px; }
.newsTeaser figure::after { content:''; display:block; height:30px; width:min(60%,200px); background-color:var(--color-gruen); opacity:0.6; position:absolute; left:var(--teaser-inner-padding); bottom:-15px; }
.faltschachtel .newsTeaser figure::after { opacity:0.55; }
.newsTeaser figure img { width:100%; }
.newsTeaser .newsDate { margin-top:28px; font-size:13px; padding:0 var(--teaser-inner-padding); line-height:1; }
.newsTeaser h2,
.newsTeaser h3 { margin:14px 0 18px; font-size:15px; text-transform:none; line-height:1.1; }
.newsTeaser figure + h2,
.newsTeaser figure + h3 { margin-top:0; }
.newsTeaser h2,
.newsTeaser h3,
.newsTeaser p { padding:0 var(--teaser-inner-padding); }
.newsTeaser p:last-child { padding-bottom:20px; }
.newsTeaser.withMoreButton { padding-bottom:60px; }
.newsTeaser p.moreButton { position:absolute; bottom:20px; right:20px; padding:0; }
.teaserList > .textTeaser h3 { font-size:30px; }

@media (min-width:500px) {
    .teaserList { display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px; }
    .teaserList > * { width:calc(50% - 20px); margin:0 10px 20px 10px; }
    .teaserList .news-list-view,
    .teaserList .news-list-view .newsTeaser,
    .teaserList a { height:100%; }
    .teaserList .textImageItem + .textImageItem { margin-top:0; }
    .teaserList p a:not(.moreButton) { word-break:break-word; /*display:block; overflow:hidden; text-overflow:ellipsis;*/ }
    .teaserList > .textTeaser:first-child h2 { padding-right:20px; }
    .teaserList > .textTeaser:first-child h2.headlineBorderBottom::after { width:calc(100% +  20px); }
    /*.teaserList > .textTeaser:first-child p { max-width:300px; }*/
}
@media (min-width:768px) {
    .teaserList > * { width:calc(33.33333% - 20px); }
}
@media (min-width:1024px) {
    .teaserList > * { width:calc(25% - 20px); }
    .teaserList .textTeaser > * { max-width:256px; }
}

.news-img-wrap .outer + .outer { margin-top:20px; }
.news-single .backgroundBox:not(.cutStyle) { min-height:unset; /*margin-bottom:0;*/ }
.newsContentElementBox { margin-top:8%; }
.newsBacklink { margin-top:8%; }
.news-img-caption { padding:30px; background-color:var(--color-background-grey); position:relative; }
.news-img-caption::after { content:''; display:block; height:30px; width:calc(50% - 50px); background-color:var(--color-gruen); opacity:0.6; position:absolute; left:30px; top:-15px; }
.news-text-wrap { margin-top:40px; }

p.moreButton { text-align:right; }
.newsBacklink a,
.newsBacklink a:visited,
.newsBacklink a:hover,
a.moreButton,
a.moreButton:visited,
a.moreButton:hover { text-decoration:none; }
input.moreButton,
.newsBacklink a,
a.moreButton,
p.moreButton span { display:inline-block; background-color:#00000022; font-weight:bold; padding:4px 15px; margin-top:15px; margin-bottom:3px; transition:all 0.2s; }
a.moreButton.green { color:#fff; background-color:var(--color-gruen); }
input.moreButton:hover,
.newsBacklink a:hover,
a:hover p.moreButton span,
a.moreButton:hover { color:#fff; background-color:var(--color-gruen); transition:all 0.2s; }
a.moreButton.green:hover { color:#666765; background-color:#00000022; }
input.moreButton { border:0; font-family:'Nexa',sans-serif; font-size:15px; line-height:1.5; color:#666765; position:relative!important; cursor:pointer; border-radius:0; -webkit-appearance:none; appearance:none; }

.downloadList { display:flex; flex-wrap:wrap; margin:-10px; }
.downloadItem { width:calc((100% - 40px) / 2); margin:10px; background:no-repeat var(--color-background-grey) url(../Images/file-alt.svg) 18px 24px / 28px auto; transition:all 0.2s; }
.downloadItem:hover { background-color:#a3a4a6; transition:all 0.2s; }
.downloadItem a { display:block; padding:30px; text-decoration:none; padding-left:60px; }
/* .downloadItem a::after { content: '(' attr(href) ')'; } */
.downloadItem .title { font-size:22px; line-height:28px; min-height:56px; }
.downloadItem .text { font-size:13px; margin-top:20px; }
@media (min-width:1024px) {
      .downloadItem { width:calc((100% - 80px) / 4); }
}

figure.width70 { width:70%; margin-bottom:10%; }
figure.width70 img { width:100%; }
.stripeRight { position:relative; }
.stripeRight::after { content:''; display:block; height:30%; width:30px; background-color:var(--color-text-grey); opacity:0.6; position:absolute; right:-15px; top:35%; }
.textPadding20 { padding:0 0 0 7%; }
@media (min-width:768px) {
    .textPadding20 { padding:0 10% 0 14.268%; }
}

.historyBox { position:relative; padding-bottom:150px; }
.historyBox::before { clear:both; content:''; display:block; width:4px; height:100%; background-color:#d5d5d5; position:absolute; top:0; left:calc(50% - 2px); }
.historyBox::after { content:''; clear:both; display:table; }
.frame-type-template_ljhistoryitem { width:calc(50% - 2px); float:left; color:var(--color-dunkelgrau); margin-bottom:-50px; clear:both; }
.frame-type-template_ljhistoryitem:nth-child(odd) { padding-left:15%; }
.frame-type-template_ljhistoryitem:nth-child(odd) .text,
.frame-type-template_ljhistoryitem:nth-child(odd) .image { padding-right:50%; }
.frame-type-template_ljhistoryitem:nth-child(even) { float:right; padding-right:15%; }
.frame-type-template_ljhistoryitem:nth-child(even) h3,
.frame-type-template_ljhistoryitem:nth-child(even) .image,
.frame-type-template_ljhistoryitem:nth-child(even) .text,
.frame-type-template_ljhistoryitem:nth-child(even) .icon { padding-left:50%; }
.frame-type-template_ljhistoryitem:nth-child(2) { margin-top:20px; }
.frame-type-template_ljhistoryitem h3 { font-size:54px; border-bottom:solid 15px var(--color-dunkelgrau); margin:0 0 16px 0; padding-bottom:10px; }
.frame-type-template_ljhistoryitem .icon { margin-bottom:10px; }
.frame-type-template_ljhistoryitem .icon img { width:50px; height:auto; }
.frame-type-template_ljhistoryitem .image { margin-top:15px; }
.frame-type-template_ljhistoryitem .text:last-child { margin-bottom:30px; }
.frame-type-template_ljhistoryitem:nth-child(4n + 3) { padding-left:7.5%; }
.frame-type-template_ljhistoryitem:nth-child(4n + 3) h3 { margin:0 0 -15px calc(42.5% + 10px); }
.frame-type-template_ljhistoryitem:nth-child(4n + 3) .inner { display:flex; margin-right:15%; }
.frame-type-template_ljhistoryitem:nth-child(4n + 3) .text { padding:30px 0 0 0; width:calc(50% - 10px); order:2; }
.frame-type-template_ljhistoryitem:nth-child(4n + 3) .image { padding:0; width:calc(50% - 10px); order:1; margin:0 20px 0 0; }
.frame-type-template_ljhistoryitem:nth-child(4n + 4) { padding-right:7.5%; }
.frame-type-template_ljhistoryitem:nth-child(4n + 4) h3 { margin:0 calc(42.5% + 10px) -15px 0; padding-left:15%; }
.frame-type-template_ljhistoryitem:nth-child(4n + 4) .inner { display:flex; margin-left:15%; }
.frame-type-template_ljhistoryitem:nth-child(4n + 4) .text { padding:30px 0 0 0; width:calc(50% - 10px); }
.frame-type-template_ljhistoryitem:nth-child(4n + 4) .image { padding:0; width:calc(50% - 10px); margin:0 0 0 20px; }
@media (min-width:660px) {
    .frame-type-template_ljhistoryitem:nth-child(2) { margin-top:-200px; }
}
@media (max-width:659px) {
    .historyBox::before { left:0; }
    .frame-type-template_ljhistoryitem { width:90%; margin:0 0 40px 0!important; }
}

.umweltBox .image { width:35%; max-width:300px; margin:0 auto; }
.umweltBox h3 { margin-top:40px; }
.standortgrafik .text { background-color:var(--color-background-grey); padding:15px; }
@media (min-width:1280px) {
    .umweltBox { position:relative; }
    .umweltBox .image { width:40%; max-width:unset; }
    .umweltBox .image img { width:100%; }
    .umweltBox h3 { font-size:2vw; width:16%; left:42%; text-align:center; position:absolute; margin:0; }
    .umweltBox .headline-1 { top:11%; }
    .umweltBox .headline-2 { top:31%; }
    .umweltBox .headline-3 { top:48%; }
    .umweltBox .headline-4 { top:69.7%;; }
    .umweltBox .text { position:absolute; width:calc(30% - 20px); margin-top:0; }
    .umweltBox .text-1 { top:-3px; left:0; }
    .umweltBox .text-2 { top:19.3%; right:0; }
    .umweltBox .text-3 { top:38.7%; left:0; }
    .umweltBox .text-4 { top:58.2%; right:0; }
    
    .standortgrafik { position:relative; }
    .standortgrafik .text { position:absolute; top:6%; left:7%; width:27%; color:#fff; background-color:transparent; padding:0; }
}
@media (min-width:1796px) {
    .umweltBox h3 { font-size:36px; }
}

.zertifikatTeaserList { display:flex; flex-wrap:wrap; margin:0 -10px; justify-content:center; }
.zertifikatTeaserItem { padding:0 10px; width:50%; margin-bottom:20px; }
.zertifikatTeaserItem a { display:block; padding-top:calc(100% - 1px); height:1px; position:relative; color:#fff!important; background:var(--color-dunkelgrau); text-decoration:none!important; transition:all 0.5s; }
.zertifikatTeaserItem a:hover { background:var(--color-gruen); transition:all 0.5s; }
.zertifikatTeaserItem .icon { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; align-content:center; flex-wrap:wrap; justify-content:center; }
.zertifikatTeaserItem .icon img { width:52%; height:auto; }
.zertifikatTeaserItem .text { position:absolute; top:65%; left:0; width:100%; padding:0 20px; text-align:center; font-size:1.7vw; line-height:1.2; }
@media (min-width:520px) {
    .zertifikatTeaserItem { width:33.3333333333333%; }
}
@media (min-width:768px) {
    .zertifikatTeaserItem { width:25%; }
}
@media (min-width:1024px) {
    .zertifikatTeaserItem { width:calc(100% / 7); }
}
@media (min-width:1400px) {
    .zertifikatTeaserItem .text { font-size:24px; }
}

.frame-type-template_ljpaperdatabase .col { position:relative; }
.frame-type-template_ljpaperdatabase input { position:absolute; }

.paperFilterBox { background-color:var(--color-background-grey); height:100%; overflow:hidden; position:relative; display:block; transition:all 0.5s; }
label.paperFilterBox { cursor:pointer; }
.paperFilterBox .inner { padding:3vw 7% 2vw 7%; border:solid 13px var(--color-background-grey); height:100%; }
label.paperFilterBox:hover .inner,
input.type:checked + .paperFilterBox .inner { border-color:var(--color-pastellgruen); transition:all 0.5s; }
.paperFilterBox:after { content:''; display:block; width:80px; height:80px; background-color:var(--color-pastellgruen); position:absolute; top:-85px; right:-85px; transition:all 0.5s; }
.paperFilterBox:before { content:''; display:block; width:100px; height:100px; background-color:#fff; position:absolute; top:-135px; right:-135px; z-index:1; transform:rotate(45deg); transition:all 0.5s; }
label.paperFilterBox:hover::after,
input.type:checked + .paperFilterBox::after { top:0; right:0; transition:all 0.5s; }
label.paperFilterBox:hover::before,
input.type:checked + .paperFilterBox::before { top:-50px; right:-50px; transition:all 0.5s; }

.paper2 .paperFilterBox.color { background-color:var(--color-pastellgruen); color:#fff; }
.paper2 .paperFilterBox .inner { border-color:var(--color-pastellgruen); }
.paper2 .paperFilterBox:before { content:''; display:block; width:100px; height:100px; background-color:#fff; position:absolute; top:-50px; right:-50px; z-index:1; transform:rotate(45deg); }
.paper2 .paperFilterBox:not(.color):after { content:''; display:block; width:80px; height:80px; background-color:var(--color-pastellgruen); position:absolute; top:0; right:0; }

.paperFilterBox h2 { margin:0 0 10px; }
.paperFilterBox .smallText { font-weight:bold; }
.paperFilterBox .topBox { min-height:10vw; padding-bottom:40px; }

.paperFilterBoxLabels { padding:40px 0; display:flex; flex-wrap:wrap; }
.papier2filterBox .paperFilterBoxLabels { display:block; }
.paperFilterBoxLabels .filterItem { font-size:20px; font-weight:bold; padding-right:5%; line-height:40px; white-space:nowrap; position:relative; overflow:hidden; }
.paperFilterBoxLabels .filterItem::before { content:''; display:inline-block; width:21px; height:21px; border-radius:50%; background-color:#bbb; position:absolute; top:8px; left:0; margin-right:10px; }
.papier2filterBox .paperFilterBoxLabels .filterItem::before { background-color:#ccc; }
/*.papier2filterBox .paperFilterBoxLabels .filterItem::before { background-color:#fff; width:17px; height:17px; border:solid 2px #747578; }*/

.paperFilterBoxLabels .filterItem label { padding-left:32px; position:relative; cursor:pointer; }
.papier2filterBox .paperFilterBoxLabels .filterItem label { padding-left:0; }
.paperFilterBoxLabels input { left:-100px; }
.paperTable .dot.blue,
.paperFilterBoxLabels .filterItem.blue::before { background-color:#9bcdd8; }
.paperTable .dot.yellow,
.paperFilterBoxLabels .filterItem.yellow::before { background-color:#fde16d; }
.paperTable .dot.green,
.paperFilterBoxLabels .filterItem.green::before { background-color:#9dbf43; }
.paperTable .dot.red,
.paperFilterBoxLabels .filterItem.red::before { background-color:#d86b9a; }
.paperTable .dot.grey,
.paperFilterBoxLabels .filterItem.grey::before { background-color:#747578; }
.paperTable .dot.c2c,
.paperFilterBoxLabels .filterItem.c2c::before { background-color:#aaa; }
.paperTable .dot.vegan,
.paperFilterBoxLabels .filterItem.vegan::before { background-color:#d6b4ff; }
.paperFilterBoxLabels input:checked + label { background:no-repeat url(../Images/fas-check-white.svg) 4px 3px / 14px; }
.paperTable table { width:100%; border-collapse:collapse; margin-bottom:40px; }
.paperTable th { text-align:left; background-color:var(--color-text-grey); color:#fff; padding:20px; border-bottom:solid 15px #fff; white-space:nowrap; outline:none; }
.paperTable th a { color: #fff; }
/*.paperTable th:not([data-sorter="false"]) { cursor:pointer; }*/
.paperTable td { background-color:var(--color-background-grey); padding:20px 20px 10px; vertical-align:top; border-bottom:solid 15px #fff; line-height:24px; }
.paperTable td:first-child { white-space:nowrap; }
.paperTable th:first-child,
.paperTable td:first-child { padding-left:50px; }
/*.paperTable td:nth-child(2) { max-width:28vw; }*/
#main > .frame-type-template_ljpaperdatabase .paperTable td,
.paperTable .posRel { position:relative; }
.paperTable span:not(.detailInfo) { display:inline-block; width:19px; height:19px; border-radius:50%; position:relative; top:3px; margin-right:6px; }
.paperTable span.arrowDown { width:26px; height:26px; border:solid 2px var(--color-text-grey); background:no-repeat url(../Images/fas-chevron-down-grey.svg) 4px 4px / 14px; margin-right:0; cursor:pointer; position:absolute; top:18px; right:0; }
.paperTable .active span.arrowDown { transform:rotate(180deg); }
.paperTable .detailInfo { height:28px; display:inline-block; width:calc(100% - 20px); overflow:hidden; transition:all 0.5s; }
.paperTable .active .detailInfo { height:auto; transition:all 0.5s; }
.paperTable th.tablesorter-headerDesc span, .paperTable th.tablesorter-headerDESC span { display:inline-block; width:26px; height:20px; background:no-repeat url(../Images/fas-chevron-down-white.svg) 10px 4px / 14px; }
.paperTable th.tablesorter-headerAsc span, .paperTable th.tablesorter-headerASC span { display:inline-block; width:26px; height:20px; background:no-repeat url(../Images/fas-chevron-down-white.svg) 0 1px / 14px; transform:rotate(180deg); }
.triggerActive { cursor:pointer; }

.type2 .paperTable td { padding-top:18px; padding-bottom:12px; }
.type2 .paperTable .title { font-weight:bold; }
.type2 .paperTable .detailInfoBox { display:none; }
.type2 .paperTable .active .detailInfoBox { display:block; }
.type2 .paperTable td:nth-child(1) { max-width:370px; }
.type2 .paperTable .weightInner { max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.type2 .paperTable .active .weightInner { max-width:unset; white-space:normal; }
.type2 .paperTable td:nth-child(2) { width:200px; }
.type2 .paperTable td:nth-child(3) { width:100px; text-align:right; padding-right:45px; }
.type2 .paperTable td:nth-child(4) { width:220px; }
.type2 .paperTable td:nth-child(5) { width:155px; white-space:nowrap; }
.type2 .paperTable td:nth-child(6) { width:155px; white-space:nowrap; padding-right:10px; }
.type2 .paperTable td:first-child .detailInfoBox { white-space:normal; }
.type2 .paperTable span.arrowDown { top:-1px; left:-36px; }
.type2 .paperTable span:not(.detailInfo) { margin-right:6px; }

.papier2filterBox { padding:20px 0; margin:20px 0; }
.papier2filterBox h2 { margin-bottom:10px; }
.papier2filterBox p.subline { margin-bottom:35px; }
.papier2filterBox fieldset { border:none; padding:0 0 40px 0; }
.papier2filterBox legend { font-weight:bold; font-size:20px; text-transform:uppercase; } 
.papier2filterBox legend.icon { padding:2px 20px 10px 38px; position:relative; }
.papier2filterBox legend.icon::before { content:''; display:block; height:40px; width:40px; position:absolute; top:0; left:0; }
.papier2filterBox legend.icon.paper::before { background:no-repeat url(../Images/icon-papierdatenbank-Papiertyp.svg) top left / 25px auto; }
.papier2filterBox legend.icon.cert::before { background:no-repeat url(../Images/icon-papierdatenbank-Zertifikate.svg) top left / 25px auto; }
.papier2filterBox legend.icon.color::before { background:no-repeat url(../Images/icon-papierdatenbank-Farben.svg) top left / 36px auto; top:-4px; left:-8px; }
.papier2filterBox legend.icon.group::before { background:no-repeat url(../Images/icon-papierdatenbank-Papiergruppe.svg) top left / 25px auto; }
.papier2filterBox legend.icon.weight::before { background:no-repeat url(../Images/icon-papierdatenbank-Grammatur.svg) top left / 32px auto; }
.papier2filterBox legend .info { transition:0.5s; position:relative; top:-12px; left:5px; display:inline-block; width:18px; height:18px; border-radius:20px; text-align:center; line-height:20px; outline:solid 1px var(--color-text-grey); text-decoration:none; text-transform:none; font-size:13px; }
.papier2filterBox legend .info:hover { outline:solid 5px var(--color-gruen); }
.page-350 .papier2filterBox legend .info { display:none; }

.papier2filterBox .paperFilterBoxLabels .filterItem { padding:10px 20px 2px 0; margin-left:38px; font-size:15px; line-height:18px; white-space:normal; }
.papier2filterBox .paperFilterBoxLabels .filterItem label { padding-left:35px; }

.paper2FilterFlex { display:flex; flex-wrap:wrap; justify-content:space-between; }
@media (min-width:1310px) {
    .paper2FilterFlex { display:flex; flex-wrap:nowrap; width:calc(100% - 40px); }
}

.tableResponsive { max-width:100%; overflow:auto; }
@media (min-width:1024px) {
    .paperTable .tableResponsive { overflow:unset; }
    .paperTable table { position:relative; }
    .paperTable th { position:sticky; top:78px; z-index:1; }
    .page-350 .paperTable th { top:0; }
}

@media (max-width:600px) {
    .paperTable th { border-bottom-width:6px; }
    .paperTable td { padding-right:10px; padding-left:10px; border-bottom-width:6px; }
    .paperTable th:first-child,
    .paperTable td:first-child { padding-left:40px; }
    .type2 .paperTable span.arrowDown { left:-33px; }
    .type2 .paperTable td:nth-child(3) { white-space:nowrap; }
    .type2 .paperTable td { padding-top:13px; padding-bottom:7px; }
    /*.type2 .paperTable td:nth-child(2) { max-width:150px; }*/
    .type2 .paperTable td:nth-child(5) { padding-right:10px; }
    .type2 .paperTable .weightInner { max-width:97px; }
}

.f3-widget-paginator { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin:0; padding:0; list-style-type:none; }
.f3-widget-paginator li { display:inline-block; min-width:50px; line-height:50px; text-align:center; color:#fff; background-color:var(--color-background-grey); }
.f3-widget-paginator li:not(.previous):not(.next),
.f3-widget-paginator li:not(.previous):not(.next) a { border-radius:50%; }
.f3-widget-paginator li.current { background-color:var(--color-gruen); }
.f3-widget-paginator a { display:inline-block; min-width:50px; color:var(--color-text-grey); text-decoration:none; transition:all 0.5s; }
.f3-widget-paginator a:hover { background-color:var(--color-text-grey); color:#fff; transition:all 0.5s; }
.f3-widget-paginator li.next a,
.f3-widget-paginator li.previous a { padding:0 25px; }
fieldset.perPageBox { border:0; margin:40px 0 60px 0; text-align:center; }
fieldset.perPageBox legend { display:block; width:100%; }
fieldset.perPageBox select { display:inline-block; padding:10px 26px 10px 20px; line-height:24px; font-family:'Nexa',sans-serif; font-size:15px; color:var(--color-text-grey); border:0; outline:0; background:var(--color-background-grey) no-repeat url(../Images/fas-chevron-down-grey-select.svg) right center / 18px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }

.frame-type-form_formframework label:not(.form-check-label),
.frame-type-form_formframework > form > h2 { display:none; }
.frame-type-form_formframework textarea { min-height:min(20vw,300px); }
.frame-type-form_formframework #onlineVerpackungAnfrage-3026 textarea { min-height:150px; }
.frame-type-form_formframework textarea,
.frame-type-form_formframework input[type=text],
.frame-type-form_formframework input[type=email],
.frame-type-form_formframework input[type=tel] { height:40px; padding-left:8px; border:0; width:100%; font-family:'Nexa',sans-serif; font-size:16px; margin-bottom:20px; color:var(--color-text-grey); outline:none; -webkit-appearance:none; appearance:none; }
.frame-layout-0 .frame-type-form_formframework textarea { min-height:100px; }
.frame-layout-0 .frame-type-form_formframework textarea,
.frame-layout-0 .frame-type-form_formframework input[type=text],
.frame-layout-0 .frame-type-form_formframework input[type=email],
.frame-layout-0 .frame-type-form_formframework input[type=tel] { background-color:var(--color-background-grey); }
.frame-layout-0 .frame-type-form_formframework.frame-default,
.frame-layout-0 .frame-type-form_formframework .frame-default { margin-bottom:0; }

.frame-type-form_formframework button[type=submit] { font-family:'Nexa',sans-serif; font-size:16px; padding:5px 15px; color:#fff; background-color:var(--color-gruen); /*background-color:#00000022;*/ border:none; outline:none; -webkit-appearance:none; appearance:none; cursor:pointer; transition:all 0.2s; }
.frame-type-form_formframework button[type=submit]:hover { background-color:var(--color-text-grey); transition:all 0.2s; }

.frame-type-form_formframework label.form-check-label { position:relative; display:block; }
.frame-type-form_formframework label.form-check-label > span { padding:0 0 0 30px; display:block; }
.frame-type-form_formframework label.form-check-label input { position:absolute; top:0; left:0; }
.frame-type-form_formframework .checkboxText { padding-left:30px; }
.frame-type-form_formframework .actions { text-align:right; }

.startProductTeaser img { width:100%; }
.startProductTeaser .schreibschrift { padding:50px 0; text-align:center; }
.startProductTeaser .list > div { position:relative; overflow:hidden; }
.startProductTeaser a { display:block; }
.startProductTeaser .image img { transition:0.6s; }
.startProductTeaser .image::after { content:''; display:block; background-color:#548a96; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.6; transition:0.6s; }
.startProductTeaser .title { font-size:50px; text-transform:uppercase; font-weight:bold; color:#fff; text-align:center; line-height:70px; position:absolute; top:calc(50% - 35px); left:5%; width:90%; transition:0.6s; }
.startProductTeaser .text { position:absolute; bottom:5%; left:5%; width:90%; font-size:20px; font-weight:bold; color:#fff; opacity:0; transform:scale(0.5); transition:0.6s; }

.startProductTeaser a:hover .image img { transform:scale(1.3); }
.startProductTeaser a:hover .image::after { opacity:0.9; }
.startProductTeaser a:hover .title { top:calc(50% - 70px); }
.startProductTeaser a:hover  .text { transform:scale(1); opacity:1; }

@media (min-width:768px) {
    .startProductTeaser { max-width:1600px; width:90%; margin-left:auto; margin-right:auto; }
    .startProductTeaser .list { display:flex; }
}

#footer .top { text-align:center; padding:30px 0; background-color:#62666b; }
#footer .footerLogo { margin-bottom:30px; }
#footer ul { list-style-type:none; padding:0; margin:0; }
#footer li { padding:0; }
#footer a { color:#fff; text-decoration:none; }
#footerNavi a { font-weight:bold; }
#footer a:hover { text-decoration:underline; }
#footerNavi a { display:block; padding-bottom:5px; text-transform:uppercase; } 
#footerNavi li + li { margin-top:10px; }
#footer .bottom { background:#9dbf43 repeat url(../Images/bg-footer.png) top 9px center; height:248px; color:#fff; padding:60px 0; text-align:center; }
#socialMediaFooter { margin-bottom:30px; }
#footer .bottomBottom { padding:15px; text-align:center; font-family:'NexaSerifBold'; font-size:22px; color:#fff; background-color:#62666b; line-height:44px; }

#stickyContactButton { display:none; }

@media (min-width:1200px) {
    #footer .top { padding:48px 0; }
    #footer .top > div { display:flex; justify-content:space-between; align-items:center; }
    #footer .footerLogo { margin-bottom:0; }
    #footerNavi { text-align:right; }
    #footerNavi li { display:inline-block; }
    #footerNavi a { display:inline-block; padding:0 min(1vw,18px); }
    #footer .bottom { padding:80px 0; }
    #footer .bottom > div { position:relative; font-size:24px; }
    #socialMediaFooter { position:absolute; top:0; left:0; }
    #socialMediaFooter img { height:36px; width:auto; }
    #socialMediaFooter a { margin-right:15px; }

    #stickyContactButton { display:block; position:fixed; top:275px; left:100%; transition:all 0.6s; }
    #stickyContactButton:hover { left:calc(100% - 15px); }
    #stickyContactButton.active { left:calc(100% - 280px); }
    #stickyContactButton .icon { position:absolute; top:0; left:-71px; cursor:pointer; }
    #stickyContactButton .textBox { padding:30px; background-color:#747578; color:#fff; width:280px; }
    #stickyContactButton .sozialIcons a { margin-right:15px; }
}


@media (min-width:600px) {
    .roundBorders { border-bottom-right-radius:30px; border-top-left-radius:30px; }
    /*.roundCorner { border-bottom-right-radius:30px; }*/
    .backgroundBox .headline h1,
    .backgroundBox .headline h2 { padding:70px 0 70px 0; font-size:40px; }
    .backgroundBox .text { padding:0 15% 70px 15%; }
    .textBox .headline h2 { font-size:24px; }
}
@media (min-width:768px) {
    body { padding-top:104px; }
    
    #header .contentWidth { position:relative; }
    #header .headerLogo { position:absolute; top:0; left:0; z-index:100; }
    
    #header .headerLogo::before { content:''; display:block; height:1px; width:calc(100% + 30px); background-color:#f0f1f2; position:absolute; bottom:-5px; left:-15px; opacity:0.01; z-index:-1; transition:all 0.2s; }
    #header .headerLogo:hover::before { bottom:-2px; height:62px; opacity:0.7; transition:all 0.5s; }

    #mobileOpener { display:none; }
    #navi { padding-top:55px; position:relative; top:8px; height:95px; }
    #navi .main { display:block!important; padding-top:2px; margin-right:5px; }
    #navi ul { list-style-type:none; padding:0; margin:0; text-align:right; }
    #navi .main > li { display:inline-block; }
    #navi.noFlyout .main > li { position:relative; }
    #navi .main > li > a span::before { content:''; display:block; height:39px; width:calc(100% + 10px); background-color:#f0f1f2; position:absolute; bottom:0; left:-5px; opacity:0; z-index:-1; transition:all 0.2s; }
    #navi .main > li.showSub > a span::before,
    #navi .main > li.active > a span::before,
    #navi .main > li:hover > a span::before { opacity:0.7; transition:all 1.5s; }
    #navi .main > li:hover > a:not(:only-child)::after { content:''; display:block; width:100%; height:30px; left:0; top:80px; position:absolute; z-index:100; }
    #navi.noFlyout .main > li:hover > a:not(:only-child)::after { top:20px; left:-20px; width:calc(100% + 40px); height:28px; }
    #navi .main a { color:var(--color-dunkelgrau); display:inline-block; text-decoration:none; font-size:15px; }
    #navi .main > li > a span { padding:10px; position:relative; text-transform:uppercase; font-weight:bold; }
    #navi .sub { display:none; position:absolute; top:86px; left:0; width:100%; padding:20px 0 50px; font-weight:bold; background-color:#fff; box-shadow:0 5px 10px 0 rgba(0,0,0,0.05); }
    #navi.noFlyout .sub { width:280px; top:30px; left:-25px; font-weight:normal; padding:18px 0 25px; }
    #navi li:last-child .sub { left:unset; right:0; }
    #navi.noFlyout li:last-child .sub { right:-5px; text-align:right; }
    #navi li.showSub .sub,
    #navi li:hover .sub { display:block; }
    #navi .sub a { display:block; text-align:left; padding:5px 15px; transition:all 0.7s; }
    #navi.noFlyout .sub a { padding:9px 25px 9px 35px; line-height:1.3; font-size:14px; }
    #navi.noFlyout li:last-child .sub span.text,
    #navi.noFlyout li:last-child .sub a { text-align:right; }
    #navi.p7 .sub .navi26 a,
    #navi .sub .active > a,
    #navi .sub a:hover { background-color:#f0f1f2; transition:all 0.7s; }
    #navi .sub > li { float:left; width:25%; }
    #navi.noFlyout .sub > li { float:none; width:auto; }
    #navi .navi7 .sub > li { width:20%; }
    #navi .navi92 .sub > li,
    #navi .navi3 .sub > li { width:33.33333%; }
    #navi .sub > li:first-child { width:100%; margin-bottom:20px; }
    #navi.noFlyout .sub > li:first-child { margin-bottom:unset; }
    #navi.noFlyout .sub span.text { padding:5px 15px; display:block; }

    #navi .navi371 { padding:12px 8px; background-color:var(--color-background-grey); border-bottom-right-radius:25px; }
    #navi .sub .navi371 a:hover { background-color:#fffb; }
    
/*    #navi .main > li.navi5 > a span { padding-right:48px; }
    #navi .main > li.navi5 > a span::after { content:''; display:block; height:39px; width:39px; background:no-repeat url(../Images/icon-Kontakt.svg) center right / 39px; opacity:1; position:absolute; bottom:2px; right:-8px; z-index:-1; transition:all 0.2s; }
    .faltschachtel #navi .main > li.navi5 > a span::after { background-image:url(../Images/icon-Kontakt-blau.svg); }
    .color-labann #navi .main > li.navi5 > a span::after { background-image:url(../Images/icon-Kontakt-labann.svg); }
    #navi li:hover .sub.contact { display:flex; flex-wrap:wrap; }
    #navi .sub.contact > li:first-child { width:100%; }
    #navi .sub.contact > li:nth-child(2) { width:50%; text-align:left; font-size:24px; font-weight:normal; }
    #navi .sub.contact > li:nth-child(3) { width:50%; text-align:right; }
    #navi .sub.contact > li:nth-child(2) a { display:inline-block; }
    #navi .sub.contact > li:nth-child(2) .text { padding-left:15px; line-height:34px; display:block; }
    #navi .sub.contact > li:nth-child(3) a { display:inline-block; margin-left:20px; font-weight:normal; font-size:12px; }
    #navi .sub.contact > li:nth-child(3) .iconBox img { height:24px; width:auto; }
    #navi .sub.contact > li:nth-child(3) .iconBox a { margin-left:0; padding:4px 7px; }
*/
    #navi .sub span.normal { font-weight:normal; }
    .greyBox { background-color:#f2f2f2; padding:10px 15px; display:block; }
    .tab15 { padding-left:15px; }
    #navi .subsub { font-size:12px; font-weight:normal; }
    #navi.noFlyout .subsub a { padding-left:65px; font-size:unset; }
    
    .headerImage img { height:auto; object-fit:unset; }
    .headerImage h1 { width:50%; }
    .headerImage .textBox h1 { width:unset; }
    .pageTitle { right:calc(5% - 15px); }
    .colBox { display:flex; justify-content:space-between; }
    .colBox .col { width:calc(50% - 10px); }
    .colBox.twoCol3366 > .col.col-2,
    .colBox.twoCol6633 > .col { width:calc(((100% - 40px) * 0.666666667 ) + 20px); }
    .colBox.twoCol3366 > .col,
    .colBox.twoCol6633 > .col-2,
    .colBox.threeCol .col { width:calc((100% - 40px) / 3); }
    .colBox.threeCol.threeCol255025 .col { width:100%; }
    .colBox.fourCol { flex-wrap:wrap; }
    .colBox.fourCol .col { width:calc((100% - 20px) / 2); }
    .fourCol p a { overflow:hidden; text-overflow:ellipsis; }
    .col + .col { margin-top:0; }
    .colBox.fourCol .col:nth-child(3),
    .colBox.fourCol .col:nth-child(4) { margin-top:20px; }
    .colBox .colBox { margin-top:20px; }

    .backgroundBox .headline { max-width:62%; }
    .backgroundBox:not(.cutStyle) { min-height:39vw; }
    .backgroundBox.cutStyle .headline h2 { padding:15% 0; }
    .backgroundBox .text { max-width:80%; }
    .twoCol5050 .backgroundBox .text { max-width:94%; }
    .backgroundBox.cutStyle .text { padding-bottom:15%; }
    .colBox .textBox { margin-top:80px; }
    .colBox .textBox.imageTop { margin-top:0; }
    
/*    #footer .bottom .col { width:33.333333%; }
    #footer .bottom .col-1 { order:2; text-align:center; }
    #footer .bottom .col-2 { order:3; text-align:right; font-size:13px; padding:4px 0 0 0; }
    #footer .bottom .col-3 { order:1; text-align:left; }
    #socialMediaFooter { margin-top:-10px; }
    
    #socialMediaFooter a { margin:10px 12px 10px 0; }
    #footer .bottom .colBox { padding-bottom:0; }
    #footer .bottom { padding-bottom:50px; }*/
}
@media (min-width:1024px) {
    body { padding-top:82px; }
    .twoColText { column-count:2; column-gap:24px; }
    
    #header .headerLogo { top:36px; }
    /*#contactButton { top:31px; }
    #emailButton { top:31px; }*/
    #navi .main { margin-right:-9px; }
    #navi { padding:45px 15px 20px 0; height:110px; }
    #navi .main > li:hover > a:not(:only-child)::after { top:66px; }
    #navi.noFlyout .main > li:hover > a:not(:only-child)::after { top:20px; }
    #navi .sub { top:79px; padding-left:5%; padding-right:5%; left:0; width:100%; }
    
    .colBox .textBox .headline { margin-left:calc(50% + 12px); }
    .colBox .textBox .text { margin:30px 0; }
    .colBox .textBox .text ul,
    .colBox .textBox .text p { break-inside:avoid; }
    .colBox .textBox .image::after { left:calc(50% + 12px); width:30%; }
    .colBox.threeCol.threeCol255025 .col { width:calc((100% - 60px) / 4); }
    .colBox.threeCol.threeCol255025 .col-2 { width:calc(((100% - 60px) / 2) + 20px); }

/*    #footer { background-size:30px auto; }
    #footer .inner { padding:50px 0 51px; }
    #footer .bottom { padding-bottom:32px; }
    #footer .bottom .col-1 { width:40%; font-size:120%; }
    #footer .bottom .col-1 p { margin-bottom:2px; }
    #footer .bottom .col-2 { width:30%; }
    #footer .bottom .col-3 { width:30%; }
    #footer .bottom .col-2 li { display:inline-block; margin:0 0 0 20px; }*/
}
@media (min-width:1200px) {
    body { font-size:15px; }
    #navi .main > li { margin-left:10px; }
    .backgroundBox:not(.cutStyle) { min-height:468px; }
    .backgroundBox .headline h1,
    .backgroundBox .headline h2 { font-size:44px; }
    .colBox .textBox .headline h2 { font-size:26px; }
    .colBox.fourCol { flex-wrap:nowrap; }
    .colBox.fourCol .col { width:calc((100% - 60px) / 4); }
    .colBox.fourCol .col:nth-child(3),
    .colBox.fourCol .col:nth-child(4) { margin-top:0; }
    .pageTitle { font-size:13px; }
}
/*@media (min-width:1320px) {
    #footer .bottom .col-2 { padding:4px 38px 0 0; }
}*/
@media (min-width:1600px) {
    body { font-size:16px; }
    .backgroundBox .headline h2 { font-size:50px; }
    .colBox .textBox .headline h2 { font-size:30px; }
}
@media (min-width:1796px) {
    .pageTitle { right:calc(50% - 815px); }
}

.color-gelb .headlineBorderBottom::after,
.color-gelb .textImageItem .image::after,
.color-gelb .indexItem .cat::after,
.color-gelb .newsTeaser figure::after,
.color-gelb .backgroundBox .text::before { background-color:var(--color-gelb); }

.color-pastellgruen .imageTextTwoColBox figure span::after,
.color-pastellgruen .headlineBorderBottom::after,
.color-pastellgruen .textImageItem .image::after,
.color-pastellgruen .indexItem .cat::after,
.color-pastellgruen .newsTeaser figure::after,
.color-pastellgruen .backgroundBox .text::before { background-color:var(--color-pastellgruen); }

.color-blau .imageTextTwoColBox figure span::after,
.color-blau .headlineBorderBottom::after,
.color-blau .textImageItem .image::after,
.color-blau .indexItem .cat::after,
.color-blau .newsTeaser figure::after,
.start .newsTeaser figure::after,
.color-blau .backgroundBox .text::before { background-color:var(--color-blau); }

.color-magenta .imageTextTwoColBox figure span::after,
.color-magenta .headlineBorderBottom::after,
.color-magenta .textImageItem .image::after,
.color-magenta .indexItem .cat::after,
.color-magenta .newsTeaser figure::after,
.color-magenta .backgroundBox .text::before { background-color:var(--color-magenta); }

.color-blau.faltschachtel .imageTextTwoColBox figure span::after,
.color-blau.faltschachtel .headlineBorderBottom::after,
.color-blau.faltschachtel .textImageItem .image::after,
.color-blau.faltschachtel .indexItem .cat::after,
.color-blau.faltschachtel .newsTeaser figure::after,
.start.faltschachtel .newsTeaser figure::after,
.color-blau.faltschachtel .backgroundBox .text::before { background-color:var(--color-faltschachtel); }

.color-labann .imageTextTwoColBox figure span::after,
.color-labann .headlineBorderBottom::after,
.color-labann .textImageItem .image::after,
.color-labann .indexItem .cat::after,
.color-labann .newsTeaser figure::after,
.color-labann .newsTeaser figure::after,
.color-labann .backgroundBox .text::before { background-color:var(--color-labann); }

main.page-216 .newsTeaser { max-width:30%; float:left; margin:1.5%; }
main.page-216 .newsTeaser:nth-child(3n+1) { clear:left; }
main.page-216:after { content:''; clear:left; display:block; }

.noCookieBanner .cc-window { display:none; }
.cc-window { max-height:unset!important; font-size:120%; text-align:center; position:fixed; z-index:10000; top:0; left:0; width:100%; height:100%; overflow:auto; }
.cc-window > * { display:block; width:100%; padding:30px 15px 15px 15px; background-color:#00000022; }
.cc-window strong { font-size:200%; }
.cc-window small { font-size:12px; display:block; padding:10px 0; }
@media (min-width:400px) {
    .cc-window > span { margin-top:20vh; }
    .cc-window > span::before { content:url(../Images/fas-cookie-bite.svg); width:60px; margin:0 auto; display:block; }
    .cc-window > * { width:90%; max-width:800px; margin:0 auto; padding:20px; }
}
.cc-invisible { display:none; }
.cc-btn { cursor:pointer; padding:20px 25px; margin:20px; display:inline-block; text-decoration:none!important; }
.cc-btn:hover { background-color:#666765!important; }
.cc-btn.cc-deny { background-color:#777!important; padding:10px 15px; }
@media (min-width:580px) {
    .cc-btn { min-width:200px; }
}
body { position:relative; }
.cc-revoke { position:absolute; bottom:64px; padding:10px; right:calc(50% - 20px); cursor:pointer; z-index:1000; transition:all 0.7s; }
@media (max-width:1023px) {
    .faltschachtel .cc-revoke,
    .color-labann .cc-revoke { bottom:20px; }
}
.cc-revoke::before { content:url(../Images/fas-cookie-bite.svg); width:16px; height:16px; display:block; }
.cc-revoke:hover {  background-color:#0005; transition:all 0.7s; }
@media (min-width:1024px) {
    .cc-revoke { bottom:88px; right:calc(2.5% - 10px); }
}
@media (min-width:1180px) {
    .cc-revoke { right:calc(5% - 10px); }
}
@media (min-width: 1320px) {
    .cc-revoke { bottom:122px; }
}
@media (min-width: 1600px) {
    .cc-revoke { bottom:124px; }
}
@media (min-width:1796px) {
    .cc-revoke { right:calc(50% - 810px); }
}
@media (max-width:1199px) {
    .colBox.fourCol .col:empty { display:none; }
}


.proofButton .buttonBox { text-align:center; }
.proofButton a { display:inline-block; width:210px; height:210px; }
@media (min-width:1024px) {
    .backgroundBox .text { position:relative; }
    .proofButton { position:absolute; bottom:40px; right:-100px; width:210px; }
    .textImageItem .proofButton { position:relative; bottom:unset; right:unset; margin:0 0 0 auto; }
    .toolTip { opacity:0.0001; position:absolute; bottom:100px; left:-85px; width:380px; background-color:#fff; padding:18px 25px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.15); transition:all 0.4s; }
    .proofButton:hover .toolTip { opacity:1; bottom:230px; transition:all ease 0.6s; }
}

.tooltipToggle .smallToolTip { display:none; }
@media (min-width:1024px) {
    .tooltipToggle { position:relative; }
    .tooltipToggle .smallToolTip { display:block; opacity:0.0001; height:1px; overflow:hidden; color:var(--color-dunkelgrau); font-weight:normal; white-space:normal; position:absolute; top:68px; left:calc(50% - 150px); width:300px; background-color:#fff; padding:18px 25px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.15); }
    .tooltipToggle:hover .smallToolTip { opacity:1; height:auto; transition:opacity ease 0.6s; }
}

input[name="tx_papers_paperlist[submit]"] { top:0; box-shadow:0 0 10px 0 rgba(0,0,0,0.000000000001); }
input[name="tx_papers_paperlist[submit]"].active { color:#fff; top:-15px; background-color:var(--color-gruen); box-shadow:2px 10px 10px 0 rgba(0,0,0,0.15); transform:all ease 1s; }

.ce-image.ce-center { text-align:center; }
.ce-image.ce-right { text-align:right; }