/* inter-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('../fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 900; src: url('../fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* noto-emoji-regular - emoji */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Noto Emoji'; font-style: normal; font-weight: 400; src: url('../fonts/noto-emoji-v53-emoji-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } :root { --fbodysize: 1.0rem; --ctext:#212b37; --clink:#205146; --clinkhover:#2b5449; --clinkactiv:#2b5449; --cturkies:#53b5a6; --cturkieslight:#5ec3a5; --cgreen:#205146; --cgreenlight:#2b5449; --cbackground: #f1f3f3; --cbggreen: #dce9e7; --cdark:#070E0A; --boxwidthhead:1400px; --boxwidth:1140px; --radius:10px; --line:#979696; } html { /* scrollbar fix (prevent ugly left pull for lower content sites) */ overflow-y: scroll; height:100%; scroll-behavior: smooth; } html, body{margin:0;padding:0; height:100%;} body{font-family: 'Inter', sans-serif; font-size:18px;color:var(--ctext); background-color: var(--cbackground);font-weight:400;} h1, h2, h3, h4, .h1, .h2, .h3{font-family: 'Inter', sans-serif; padding:0;margin:0;} h1, .h1{font-size:30px;color:var(--cgreen);padding-bottom:36px;font-weight:900;} h2, .h2{font-size:24px;color:var(--cgreen);padding-bottom:30px;font-weight:900;} h3, .h3{font-size:22px;color:var(--cgreen);padding:10px 0 12px 0;font-weight:600;} h4, .h4{font-size:18px;color:var(--cgreen);padding:10px 0 0px 0;font-weight:600;} p{margin:0;padding:0 0 20px 0;line-height:1.4} h2+p.subheadline{margin-top:-20px;} h3+p.subheadline{margin-top:-10px;} a{color:var(--clink);text-decoration:none;} a:hover{color:var(--clinkhover);} a.button, a.btn{display:inline-block;background-color:var(--cturkies);padding:8px 16px;border-radius:var(--radius);color:#ffffff;margin-top:16px;} a.button:hover, a.btn:hover{background-color:var(--cturkieslight);} .clr{clear:both;} b, strong{font-weight:600;} hr{border:none;border-bottom:dashed 1px var(--line);padding:0;margin:0 0 20px 0 } figure{margin:0;padding:0;} img{max-width:100%;height:auto;} .caption{font-size:15px;margin-top:16px;} span.icon-edit::before { content: '\e61c'; font-family: 'themify'; color: var(--clink);} /* UL */ ul{list-style:none;margin:0;padding:0 0 20px 0;} ul li{margin:0; padding:0 0 10px 30px;position:relative;} ul li:before { content: '\e628'; font-family: 'themify'; color: var(--clink);font-size:14px;position:absolute;top:2px;left:0px;width:20px;height:20px;text-align:center;border-radius:50%;display:grid;align-items:center;} nav ul li:before, li.teaser:before{content:'';width:0;height:0;background:none;} .itemgrid{grid-gap: 20px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr} .itemgrid .itemimg{order:1;} .bgspalte div.wf-column{background-color:#ffffff;padding:40px;} .list3grid ul{grid-gap: 20px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;color:var(--cgreen);font-weight:600;font-size:22px;grid-auto-rows: 1fr} .list3grid ul li:before{content:'';width:0;height:0;background:none;} .wf-columns{gap:2rem;} span.scroll{scroll-margin-top: 170px;} #headerwrap{padding:20px 0; } #headerwrap:after{content:'';display:table;clear:both;} #headinner{grid-gap: 1em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 60px;align-items:center;width:92%;max-width:calc(var(--boxwidth) + 20px);margin:auto;} #logo{clear:both;width:94%;padding:10px 3% 10px 0;text-align:center;} #logo a{display:block;} #logo p{margin:0;padding:0;line-height:0;} #logo img{max-width:100%;height:auto;} header{background-color:#ffffff;z-index:10;position:fixed;height:116px;width:100%; -webkit-transition: all 1s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;} header.smaller{height:80px;z-index:99;border-bottom:solid 1px var(--chblue);} header.smaller #logo img{height:50px;width:auto;} header.smaller #logo{padding:0;} header.smaller #topbar{display:none;} header.smaller #headerwrap{margin-top:0px; } header.smaller #headerinner{padding-top:6px;} header.smaller nav#mainmenu{top:0px;} header.smaller #mobilemenuck-1-wrap{margin-top:-20px;} #mainwrap{padding-top:116px;position:relative;margin-bottom:0px;} nav#mainmenu{float:right;padding-right:3%;} #cbottom1wrap{background-color:var(--cbggreen);} #ctop2inner, #contentinner, #cbottom1inner, #cbottom2inner, #cbottom3inner, #cbottom4inner, #bottom1inner, #bottom2inner, #bottom3inner, #bottom4inner, #footerinner{width:90%; max-width:var(--boxwidth); margin:auto;} #topinner{width:100%; max-width:var(--boxwidthhead); margin:auto;} #topinner .moduletable.col2grid .mod-list{grid-gap: 0; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;} #topinner .moduletable.col2grid .mod-list > div{padding:90px 5%; position:relative;} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(1) {background-color:var(--cturkies);color:#ffffff;} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(2) {background-color:var(--cgreen);color:#ffffff;} #topinner .moduletable.col2grid .mod-list > div ul.fields-container{position:absolute;display:block;bottom:0;left:0;right:0;padding:5px 5%;} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(1) ul.fields-container{ background-color:var(--cturkieslight);color:var(--cgreen);} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(2) ul.fields-container{ background-color:var(--cgreenlight);color:var(--cturkies);} #topinner .moduletable.col2grid .mod-list > div ul.fields-container li{font-size:16px;} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(2) h1{color:var(--cturkies);} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(1) a.button{background-color:var(--cgreen);} #topinner .teaser{padding:8px 5%} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(1) .teaser{background-color:var(--cturkieslight);} #topinner .moduletable.col2grid .mod-list > div:nth-of-type(2) .teaser{background-color:var(--cgreenlight);} #contentinner{padding:100px 0;} #cbottom1inner{padding:100px 0 120px 0;} #cbottom1inner .moduletable.col2grid .mod-list{display:grid;grid-gap: 30px; grid-auto-flow: row; grid-template-columns: 1fr ;margin-top:30px;} #cbottom1inner .moduletable.col2grid .mod-list > div{background-color:#ffffff;padding:50px 14% 40px 14%;position:relative;} #cbottom1inner ul{background-color:var(--cbackground);border-radius:var(--radius);padding:20px;margin-top:10px;margin-bottom:30px;} #cbottom1inner ul li{border-bottom:dashed 1px var(--line);padding:10px 0 10px 30px;} #cbottom1inner ul li:before {top:12px} #cbottom1inner ul li:last-child{border:none;} #cbottom1inner .moduletable.col2grid h3{font-weight:900;} #cbottom2wrap{padding:100px 0 20px 0;} #cbottom2inner article{margin-bottom:90px;position:relative;}#cbottom2inner ul{margin-top:10px;margin-bottom:10px;} #cbottom2inner ul li:before {background-color:var(--cgreen);top:12px;color:#ffffff;} #cbottom2inner ul li{border-bottom:dashed 1px var(--line);padding:10px 0 10px 30px;} #cbottom2inner ul.fields-container li{border:none;} #cbottom2inner .list3grid ul li{border:none;padding:30px;background-color:var(--cbggreen);font-weight:600;display:grid;align-items:center;} #cbottom2inner .list3grid ul li:last-child{background-color:#ffffff;} #cbottom3wrap{padding:100px 0;background-color:var(--cgreen);color:#ffffff;} #cbottom3inner .moduletable.col2grid{background-color:var(--cblue);border-radius:var(--radius);padding:30px 40px;color:#ffffff;} #cbottom3inner h2, #cbottom3inner h3{color:var(--cturkies);} #cbottom3inner .wf-column h3{padding-top:0;} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(2){background-color:#ffffff;;border-radius:var(--radius);padding:40px;color:var(--cblue);} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(2) h2, #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(2) h3{color:var(--cblue);} #cbottom3inner .wf-columns.colbg .wf-column{background-color:var(--cbggreen);color:var(--ctext);padding:20px;position:relative;} #cbottom3inner .wf-columns.colbg .wf-column h3{color:var(--cgreen);} #cbottom3inner .wf-columns.colbg .wf-column p:last-child{padding-bottom:0;} #cbottom3inner .wf-columns.colbg .wf-column hr + p{font-size:15px;} #cbottom3inner .wf-columns.cta {display:grid;grid-gap: 30px; grid-auto-flow: row; grid-template-columns: 2fr 1fr ;} #cbottom3inner .wf-columns.cta .wf-column:last-child{text-align:right;} #cbottom3inner .icon{font-size:30px;display:inline-block;width:50px;height:50px;display:grid;align-items:center;text-align:center;color:#ffffff;background-color:var(--cturkies);border-radius:50%;position:absolute;right:5%;top:0;margin-top:-20px;} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(1) ul li:before {background-color:var(--chblue);top:12px} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(1) ul li{border-bottom:dashed 1px #ffffff;padding:10px 0 10px 30px;} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(1) ul li:last-child{border:none;} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(2) ul li:before {background-color:var(--cblue);top:12px} #cbottom3inner .moduletable.col2grid .mod-list div:nth-of-type(2) ul li{border-bottom:dashed 1px var(--line);padding:10px 0 10px 30px;} #cbottom3inner ul + p{margin-top:20px;} #cbottom3inner .moduletable.termine{background-color: var(--cbggreen);color:var(--ctext);padding:20px;margin-top:60px;} #cbottom3inner .moduletable.termine h3{color:var(--cgreen);} #cbottom3inner .moduletable.termine p{margin:0;padding:0;} #cbottom3inner .moduletable.termine div.mod-list div article{margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px var(--cturkies);} #cbottom3inner .moduletable.termine div.mod-list div:last-child article{margin-bottom:0;border:none;} #cbottom3inner ul li:before{color:#ffffff;} #cbottom4wrap{padding-bottom:60px;} #cbottom4inner .moduletable.mich{margin-top:60px;} .moduletable.mich h2{font-size:18px;text-transform:uppercase;}#cbottom4inner ul + p{margin-top:20px;} #cbottom4inner ul li:before {background-color:var(--cblue);top:12px} #cbottom4inner ul li{border-bottom:dashed 1px var(--line);padding:10px 0 10px 30px;} #cbottom4inner ul li:last-child{border:none;} #cbottom4inner .moduletable .mod-list >div{background-color:#ffffff;padding:20px;} #footerwrap{background-color:var(--cgreen);color:#ffffff;margin-top:0px;padding:90px 0;} #footerwrap h2, #footerwrap .h2, #footerwrap h3, #footerwrap .h3{color:var(--cturkies);} #footer1 h3{font-weight:600;} #footer1 a{color:#ffffff;} #footer2 ul li:before{content:'';width:0;} #footer2 ul li{padding-left:0;padding-right:20px;} #footer2 a{color:#ffffff;} #footer2 span.visually-hidden{display:none;} /* Extrafelder */ ul.fields-container{margin:0!important;padding:0!important;list-style:none;background:none!important;border-radius:0!important;} ul.fields-container li{margin:0;padding:0;} ul.fields-container li:before{content:''!important;background:none!important;width:0!important;height:auto!important;top:auto!important;} span.field-label, span.field-value {display:table-cell;} span.field-label{min-width:140px;padding-right:10px;} ul.fields-container li.iconfield{position:absolute;top:0;right:5%;} ul.fields-container li.iconfield span.icon{font-size:30px;display:inline-block;width:50px;height:50px;display:grid;align-items:center;text-align:center;color:#ffffff;background-color:var(--cturkies);border-radius:50%;} #cbottom1inner ul.fields-container li.iconfield{margin-top:-20px;} #cbottom2inner .list3grid ul.fields-container li:last-child{background:none!important;} #cbottom2inner ul.fields-container li{padding:0!important;} #cbottom2inner ul.fields-container li.iconfield{position:absolute;top:0;right:auto;left:0;margin-top:-10px;margin-left:-10px;} #cbottom2inner ul.fields-container+h2, #cbottom2inner ul.fields-container+h2+p{margin-left:50px;} #cbottom2inner ul.fields-container+h2+p.subheadline{margin-top:-20px;} /* Pagination */ .pagination > li > a, .pagination > li > span { line-height: 1.4; color:#4c7b1c!important;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff!important; cursor: default; background-color: #4c7b1c!important; border-color: #4c7b1c!important;} span.icon-angle-left::before { content: '\e64a'; font-family: 'themify'; color: var(--clink);font-size:12px;} span.icon-angle-double-left::before { content: '\e64a'; font-family: 'themify'; color: var(--clink);font-size:12px;} span.icon-angle-right::before { content: '\e662'; font-family: 'themify'; color: var(--clink);font-size:12px;} span.icon-angle-double-right::before { content: '\e661'; font-family: 'themify'; color: var(--clink);font-size:12px;} .columns-3 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; margin: 0 0 1em; } .columns-3 .blog-item {display: flex; flex-direction: column;margin-bottom:0;} .columns-3 .item-block{margin-bottom:0;} /*Convert Forms */ .convertforms.cf-success, .convertforms.cf-success .cf-response { background-color: var(--cgreen)!important; display: block;} .convertforms.cf-success .cf-response div#cf_1{background:none!important;font-family: 'Exo 2', sans-serif!important;font-size:16px!important;margin:0;padding:0;font-weight:300!important;color:#727272!important;} .convertforms .cf-content-wrap, .convertforms .cf-form-wrap{padding:0!important;} .convertforms .cf-label{font-weight:300!important;color:#727272!important;} /* Downloads */ a.download{margin:0 0 0 16px;padding:0 0 10px 0;display:block;position:relative;} a.download:before{content: '\e632';font-family: 'themify';position: absolute;text-align: center;font-size:12px;font-weight:400;left:-16px;top:2px;} a.download span.dlfile{hyphens: auto;hyphenate-limit-chars: auto 6;hyphenate-limit-lines: 6;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3; -webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;} a.download span.dltitle + span {display:none;} a.download span.dltitle + span.dlfile {display:block;} /* Cookie-Button */ button.cooktext{border:none;background:none;padding:0;font-size:20px;font-family: 'Inter', sans-serif;color:#ffffff;cursor: pointer;} @media (min-width: 500px) { } @media (min-width: 768px) { #topinner .moduletable.col2grid .mod-list{grid-template-columns: 1fr 1fr;} #cbottom1inner .moduletable.col2grid .mod-list{ grid-template-columns: 1fr 1fr;} #cbottom1inner:after{display:table;content:"";clear:both;} #cbottom1inner .moduletable.col2grid h3{display:grid;min-height:50px;align-items:end;max-width:80%;} .itemgrid{grid-gap: 20px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr;align-items:start;} .list3grid ul{grid-gap: 20px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr;color:var(--cgreen);font-weight:600;font-size:22px;grid-auto-rows: 1fr} /*.list3grid ul li{hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;}*/ #cbottom4inner .moduletable.mich .itemgrid{grid-template-columns: 1.5fr 1fr} #cbottom4inner .moduletable.mich{margin-top:120px;} #footer2 ul li{display:inline-block;} } @media (min-width: 1000px) { .list3grid ul{grid-gap: 20px; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr 1fr;} #headinner{grid-gap: 1em; grid-template-columns: 340px 1fr;align-items:center;} nav#mainmenu{display:inline-block;padding-top:20px;position:relative;justify-self:end;} nav#mainmenu ul{margin:0;padding:0;list-style-type:none; position:relative;text-align:left;} nav#mainmenu ul li {display:inline-block;padding:0 8px ; position: relative; float: left; list-style: none; line-height:20px;} nav#mainmenu ul li{line-height:20px;padding-left:20px;position:relative;} nav#mainmenu ul li a {padding-bottom:4px;color:var(--clink);display: block;} nav#mainmenu ul li.active a {border-bottom:solid 0px ;color:var(--clinkactiv);} nav#mainmenu ul li.active ul li a{border:none;color:var(--clink)} nav#mainmenu ul li ul li.active a {color:var(--clinkactiv);} nav#mainmenu ul li ul li.active ul li a{color:var(--clink)} nav#mainmenu ul li ul li ul li.active a {color:var(--clinkactiv);} nav#mainmenu ul li:first-child {} nav#mainmenu ul li:last-child {border:none;} nav#mainmenu ul li:hover {} nav#mainmenu ul li:hover > ul, nav#mainmenu ul li:focus > ul{position:absolute; top: 100%; left: 0px; padding-top:6px;z-index:90;background-color:#fff;opacity:0.95;} nav#mainmenu ul li:not(.focus):not(:hover) > ul {position: absolute; left: -999em !important; opacity: 0 !important;} nav#mainmenu ul li.js-keyboardFocus.isActive > ul{position:absolute; top: 100%; left: 0px !important; padding-top:6px;z-index:90;background-color:#fff;opacity:0.95 !important;} nav#mainmenu ul ul li { float: none; width: 220px;} nav#mainmenu ul li ul li{padding:8px;text-transform:none;border-bottom:solid 1px #423e3f;} nav#mainmenu ul ul li a { padding: 6px 6px 6px 0;} nav#mainmenu ul ul li {border:none;} /*Top 3. Ebene */ nav#mainmenu ul li:hover ul li ul, nav#mainmenu ul li:focus ul li ul{display:none;} #cbottom3inner .moduletable.col2grid .mod-list{display:grid;grid-gap: 80px; grid-auto-flow: row; grid-template-columns: 5fr 4fr;align-items:center;} #footerinner{display:grid;grid-gap: 1em; grid-template-columns: 1fr 1fr;align-items:end;} #footer2{text-align:right;} } @media (min-width: 1200px) { h1, .h1{font-size:30px;} h2, .h2{font-size:30px;} .item-page h2, .item-page .h2{font-size:24px;padding-bottom:10px;} h3, .h3{font-size:24px;} .item-page h3, .item-page .h3{font-size:20px;padding-top:4px;} ul.fields-container li.iconfield span.icon{font-size:50px;display:inline-block;width:85px;height:85px;display:grid;align-items:center;text-align:center;color:#ffffff;background-color:var(--cturkies);border-radius:50%;} #cbottom3inner .icon{font-size:50px;display:inline-block;width:85px;height:85px;display:grid;align-items:center;text-align:center;color:#ffffff;background-color:var(--cturkies);border-radius:50%;position:absolute;right:5%;top:0;margin-top:-20px;} .itemgrid{align-items:center;} #topinner .moduletable.col2grid .mod-list > div{padding:90px 130px; position:relative;} #topinner .moduletable.col2grid .mod-list > div ul.fields-container{padding:5px 130px;} #topinner .teaser{padding:8px 130px} #cbottom1inner ul.fields-container li.iconfield { margin-top: -20px;right:55px;} #cbottom2inner ul.fields-container li.iconfield{margin-top:-25px;margin-left:-10px;} #cbottom2inner ul.fields-container+h2, #cbottom2inner ul.fields-container+h2+p{margin-left:100px;} #cbottom3inner .wf-columns.colbg .wf-column{padding:60px 20px 20px 20px;} #cbottom4inner .moduletable .mod-list div {padding: 0px;} #cbottom4inner .moduletable.mich .itemgrid{grid-template-columns: 500px 1fr; padding:64px;grid-gap: 100px;align-items:start;} #cbottom4inner .moduletable.mich .itemgrid .itemimg{padding-right:30px;} #cbottom4inner .moduletable.mich figure{margin-top:-120px;} } @media (min-width: 1600px) { } @media (max-width: 767px) { }