/**
 *  @template       vonmeding.eu template.css
 *  @version        see info.php of this template
 *  @author         Internet-Service Berlin
 *  @copyright      Internet-Service Berlin
 *  @license        All rights reserved
 *  @license terms  no use without written permission
 *  @platform       see info.php of this template
 
gold #ADA55A
gold dunkel #9C964F
grau #646361
hellblau #ECF2F7
beige #F2EDDC
*/
@font-face {font-family: 'public-sans-thin';src: url('../fonts/PublicSans-Thin.woff2') format('woff2'),url('../fonts/PublicSans-Thin.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'public-sans-extralight';src: url('../fonts/publicsans-extralight-webfont.woff2') format('woff2'),url('../fonts/publicsans-extralight-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'public-sans-semibold';src: url('../fonts/PublicSans-SemiBold.woff2') format('woff2'),url('../fonts/PublicSans-SemiBold.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'd-din-bold';src: url('../fonts/d-din-bold-webfont.woff2') format('woff2'),url('../fonts/d-din-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'notoserif';src: url('../fonts/notoserif-regular-webfont.woff2') format('woff2'),url('../fonts/notoserif-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;font-display: block;src:url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");}
html body {background:#ECF2F7;font-family:'public-sans-thin',sans-serif;font-size:1.5rem;font-size:clamp(16px,1.5vw,25px);line-height:1.3;color:#000;font-weight:normal;height:100%;}
* {margin:0;padding:0;box-sizing:border-box;}
a, img {border:none;outline:none;}
strong, b {font-family:'public-sans-semibold',sans-serif;font-weight:normal;}
.clr {clear:both;height:1px;line-height:1px;font-size:0;background:transparent;}
::placeholder {color:#646361;opacity: 1;}
:-ms-input-placeholder {color:#646361;}
::-ms-input-placeholder {color:#646361;}
.fa,.fas {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;}
.fa-envelope::before {content: "\f0e0";}
.fa-phone::before {content: "\f095";}
hr {border:0px;border-top:solid 1px #000;color:#000;border-bottom:transparent;margin-top:50px;margin-bottom:50px;margin-right: calc(-5vw - (100vw - 1680px) / 2);margin-left:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Transitions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, a:after, input, input::-webkit-file-upload-button, textarea, button, form, p, img, li, i, div, header {transition: 0.25s;}
.teamitem img {transition: 0s;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
header {position:fixed;top:0;left:0;width:100%;height:123px;background-color:#fff;box-shadow: 5px 0px 10px rgb(0,0,0,0.16);z-index:999999999999;}
#header_frame {width:1680px;height:123px;padding:0 0 32px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;}
#logo {width:30%;height:auto;font-family:'d-din-bold',sans-serif;font-weight:normal;font-size:50px;line-height:50px;}
#logo a:link, #logo a:visited {color:#ADA55A;text-decoration:none;white-space: nowrap;}
#logo a:focus, #logo a:hover, #logo a:active {color:#646361;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVI ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav {display:flex;justify-content:space-between;padding:0 0 4px;width:70%;}
/*nav {display:flex;justify-content:flex-end;padding:0 0 4px;}*/
nav ul {width:100%;list-style:none;z-index:999;display:flex;justify-content:space-between;position:relative;padding:0 2vw 0 0;}
nav ul li {position:relative;white-space:nowrap;}
nav ul li:first-child, nav ul li:nth-last-child(2) {display:none;} /* Home, Kunden */
nav ul li a {display:block;padding:0;font-size:clamp(16px,1.6vw,25px);line-height:1;font-family:'d-din-bold',sans-serif;font-weight:normal;color:#ADA55A;text-decoration:none;}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#646361;}
nav ul li.menu-current a, nav ul li.menu-parent a {color:#646361;}
nav ul li.menu-current li a, nav ul li.menu-parent li > a {color:#000;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LANGUAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.lang {z-index:999;font-size:clamp(16px,1.6vw,25px);line-height:1;}
.lang a:link, .lang a:visited {font-family:'d-din-bold',sans-serif;font-weight:normal;color:#ADA55A;text-decoration:none;}
.lang a:focus, .lang a:hover, .lang a:active {color:#646361;}
span.easymultilang_current {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT FRAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
main {width:100%;z-index:9;background:#fff;margin:123px 0 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headerbilder ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headerimg {width:100%;position:relative;margin:0 0 30px;}
#headerimg p {margin:0;padding:0;line-height:0;}
#headerimg img {line-height:0;width:100%;height:auto;object-fit:contain;}
#headerimg img:nth-child(2) {display:none;}
#headerimg_title {position:absolute;width:37vw;right:40%;top:10vw;height:calc(100% - 10vw);margin-right:-37vw;display:flex;flex-direction:column;text-align:center;z-index:99;}
#headerimg h1 {font-family:'public-sans-thin',sans-serif;font-size:clamp(21px,2.25vw,40px);line-height:1.2;font-weight:normal;margin:0 0 1vw;color:#646361;}
#headerimg h1 + p {padding:2vw 0 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T   G R I D~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#frame {width:100%;padding:0;background:#fff;}
#container {width:100%;position:relative;}
#container_form {width:100%;position:relative;background:#EFEFE4;}
section {width:100%;margin:0;}
section img {max-width:100%;width:auto;height:auto;}
section .col_img img {width:100%;height:100%;object-fit:cover;}
.colframe {display:flex;}
.col_text {width:50%;padding:4vw 8vw 1vw 6vw;position:relative;}
.col_img {width:50%;line-height:0;}
.contentframe {width:1680px;margin:0 auto;display:flex;}
.contentframe .col_text {width:70%;padding:60px 5vw 90px 0;}
.contentframe .col_img {width:30%;display:flex;align-items:center;}
.contentframe .col_img img {width:330px;height:330px;border-radius:50%;}
section#row2, section#row4 {background:#ECF2F7;margin:0 0 30px;} 
section#row3 {background:#F2EDDC;margin:0 0 30px;} 
#logos.contentframe .col_text {padding: 0 5vw 0 0;}
.logoframe {width:100%;margin:0;display:flex;flex-wrap:wrap;gap:30px;}
.col_logo {width:calc(33.3% - 20px);max-height:200px;height:auto;padding:20px;background:#ececec;text-align:center;display:flex;justify-content:center;align-items:center;}
.col_logo img {line-height:0;width:100%;height:auto;}
#mehr {position:absolute;top:-153px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T   F O R M A T S~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.name {font-family:'d-din-bold',sans-serif;font-weight:normal;font-size:clamp(32px,2vw,50px);line-height:1;color:#ADA55A;}
a.btn_link:link, a.btn_link:visited {display:inline-block;width:100%;color:#646361;background:transparent;border:1px solid #707070;font-family:'public-sans-thin',sans-serif;font-size:clamp(21px,2.25vw,40px);line-height:1.5;padding:17px;text-align:center;text-decoration:none;margin:20px 0;}
a.btn_link:focus, a.btn_link:hover, a.btn_link:active {background:#fff;}
a.btn_link_wh:link, a.btn_link_wh:visited {display:inline-block;width:400px;color:#646361;background:#fff;border:1px solid #707070;font-family:'public-sans-thin',sans-serif;font-size:clamp(21px,2.25vw,40px);line-height:1.5;padding:17px;text-align:center;text-decoration:none;margin:20px 0 0;}
a.btn_link_wh:focus, a.btn_link_wh:hover, a.btn_link_wh:active {background:#F2EDDC;}
#headerimg_title a.btn_link {width:400px;}
section a:link, section a:visited {font-family:'public-sans-semibold',sans-serif;font-weight:normal;text-decoration:none;color:#ADA55A;}
section .quickform a:link, section .quickform a:visited {color:#646361;}
section a:focus, section a:hover, section a:active {color:#000;}
section p {margin: 0 0 30px;line-height:1.3;}
section .col_text p {margin-bottom:clamp(15px,2vw,30px);}
section table {width:100%;border-collapse:collapse;}
section td {vertical-align:top;}
section ul {margin:0 0 30px 0;list-style:none;}
section ul li {margin:0 0 0 30px;position:relative;}
section ul li:before {content:'•';position:absolute;top:0;left:-30px;}
section h2 {font-family:'public-sans-thin',sans-serif;font-size:clamp(21px,2.25vw,40px);line-height:1.5;font-weight:normal;color:#646361;padding:0 0 28px 0;margin:0;}
.zitatframe {width:1680px;margin:0 auto;padding:70px 7vw 110px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#646361;}
.zitat p {font-family:'notoserif',serif;font-size:clamp(24px,2vw,40px);line-height:1.25;font-weight:normal;margin:0 0 50px;color:#646361;}
.zitat p.author {font-family:'public-sans-semibold',sans-serif;font-size:clamp(16px,1.5vw,25px);line-height:1.3;font-weight:normal;margin:0;}
.zitat p.author span {font-family:'public-sans-thin',sans-serif;}
.url {/* wrap long urls */white-space: pre;white-space: pre-wrap;white-space: pre-line;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: -moz-pre-wrap;white-space: -hp-pre-wrap;word-wrap: break-word;}
.clear {clear:both;height:0px;font-size:0px;line-height:0px;}
.cc-revoke, .cc-revoke > *, .cc-animate.cc-revoke.cc-bottom {display:none !important;/*hide*/}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {width:100%;background:#ECF2F7;position:relative;}
#footerframe {width:1680px;margin:0 auto;display:flex;padding:100px 0 120px;box-sizing:border-box;justify-content:space-between;position:relative;}
.footerinfo {width:35%;font-size:clamp(16px,1.5vw,25px);line-height:1.4;font-weight:normal;color:#646361;}
.footerinfo #footerlogo {margin:0 0 50px;}
.footerinfo #footerlogo a:link, .footerinfo #footerlogo a:visited {font-family:'d-din-bold',sans-serif;font-weight:normal;font-size:50px;line-height:50px;color:#ADA55A;text-decoration:none;}
.footerinfo #footerlogo a:focus, .footerinfo #footerlogo a:hover, .footerinfo #footerlogo a:active {color:#646361;}
.footerinfo a:link, .footerinfo a:visited {font-size:clamp(16px,1.5vw,25px);line-height:1.4;font-weight:normal;color:#646361;text-decoration:none;}
.footerinfo a:focus, .footerinfo a:hover, .footerinfo a:active {color:#000;}
.footerinfo p {line-height:1.4;margin:0 0 40px;}
.footerinfo p:first-child {padding:0 40px 0 0;}
.footernav {width:20%;margin:91px 0 0;}
.footernav:nth-last-child(2) {width:25%;}
.footernav ul {list-style-type:none;}
.footernav li {font-size:25px;line-height:50px;font-family:'d-din-bold',sans-serif;font-weight:normal;}
.footernav li a:link, .footernav li a:visited {color:#646361;text-decoration:none;}
.footernav li a:focus, .footernav li a:hover, .footernav li a:active {color:#000;}
.footernav li.menu-current a {color:#000;}
.footernav li.menu-current li a {color:#646361;}
.footernav li.menu-current li a:focus, .footernav li.menu-current li a:hover, .footernav li.menu-current li a:active {color:#000;}
#fnav1 .lang {display:none;}
footer .lang {padding:0;}
footer .lang a:link, footer .lang a:visited {font-size:25px;line-height:50px;font-family:'d-din-bold',sans-serif;font-weight:normal;color:#646361;text-decoration:none;}
footer .lang a:focus, footer .lang a:hover, footer .lang a:active {color:#000;}
#fnav1 li:nth-child(2), #fnav1 li:nth-child(3), #fnav1 li:nth-child(4), #fnav1 li:nth-child(5), #fnav1 li:nth-child(6) {display:none;}
#fnav2 li:nth-child(1), #fnav2 li:nth-last-child(1), #fnav2 li:nth-last-child(2), #fnav2 li:nth-last-child(3) {display:none;}
#footerbuttons {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOF UP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:20px;display: none;z-index:1000;width:80px;height:80px;border:none;background:rgba(250,250,250,.7);cursor:pointer;text-align:center;padding:30px 10px 10px;border-radius:40px;box-sizing:border-box;}
.move-up i,.move-up:active i {border:solid #ADA55A;border-width:0 3px 3px 0;display:inline-block;padding:15px;transform:rotate(-135deg);}
.move-up:hover {background:rgba(255,255,255,1);}
.move-up:hover i {border:solid #ADA55A;border-width:0 3px 3px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu, .slicknav_menu {display:none;}
#menu a:link, #menu a:visited {color:#000;text-decoration:none;font-size:0;line-height:0;}
.slicknav_btn {position:fixed;display:block;right:0;top:100px;cursor: pointer;text-decoration: none;background:transparent;z-index:99999999; }
.slicknav_btn img {width:45px;height:45px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0;}
.slicknav_menu {position:relative; box-sizing: border-box;background:#000;padding:0;}
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content:" ";display: table; }
.slicknav_menu:after {content:" ";display: table;clear: both; }
.slicknav_nav {clear: both;position:fixed;top:100px;right:0;z-index:99999;background:#9C964F;width:90%;color:#fff;padding:0;list-style: none;overflow: hidden;box-sizing:border-box;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {box-sizing:border-box;display:inline-block;padding:0 0 0 20px;float:right;}
i.arrow-r {display:inline-block;width:13px;height:13px;transform: rotate(-45deg);background:transparent;-moz-box-shadow: 2px 2px #fff/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #fff;box-shadow: 2px 2px #fff;position:relative;top:-3px;}
i.arrow-d {display:inline-block;width:13px;height:13px;transform: rotate(45deg);background:transparent;-moz-box-shadow: 2px 2px #fff/*pfeilfarbe*/;-webkit-box-shadow: 2px 2px #fff;box-shadow: 2px 2px #fff;position:relative;top:-8px;left:6px;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline-block; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {font-family:'d-din-bold',sans-serif;font-size:24px;line-height:45px;height:45px;font-weight:normal;color:#fff;text-decoration:none;display:block;padding:0 45px 0 60px;border-left:15px solid transparent;}
.slicknav_nav ul ul a {text-transform:none;}
.slicknav_nav ul li {border-bottom:0.5px solid #fff;}
.slicknav_nav ul ul li:first-child {border-top:0.5px solid #fff;}
.slicknav_nav ul ul li:last-child {border:none;}
.slicknav_nav li a:focus, .slicknav_nav li a:hover {color:#000;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
.mnav2 li:first-child {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current a {color:#fff;border-left:15px solid #fff;}
.slicknav_nav ul li.menu-current li > a {color:#fff;border-left:15px solid #fff;}
.slicknav_nav ul li.menu-current li > a:hover {color:#fff;}
.slicknav_nav ul li.menu-current li.menu-current a {color:#fff;border-left:15px solid #fff;}
/* ~~~~~~~~~~~~~~~~~~~~ Parent ~~~~~~~~~~~~~~~~ */
.slicknav_nav li.menu-parent a, .slicknav_nav li.menu-parent li.menu-parent a {color:#fff;}
.slicknav_nav ul li.menu-parent li a, .slicknav_nav ul li.menu-parent li.menu-parent li a {color:#fff;}
.slicknav_nav ul li.menu-parent li.menu-current a, .slicknav_nav ul li.menu-parent li.menu-parent li.menu-current a {color:#fff;}
.slicknav_nav ul li.menu-parent a:hover {color:#000;}
/* ~~~~~~~~~~~~~~~~~~~~ LANGUAGE ~~~~~~~~~~~~~~~~ */
.slicknav_menu .lang_item {display:inline-block;}
.slicknav_nav .lang_item a {color:#fff;}
.slicknav_nav .lang_item a:hover {color:#000;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 1720px) {
header {padding:0 30px;}
#header_frame, .contentframe, .zitatframe, #footerframe {width:100%;margin:0;}
#headerimg_title {height:calc(100% - 12vw);top:12vw;}
#headerimg_title a.btn_link {width:400px;margin:0 0 15px 0;}
.contentframe {padding:0 0 0 40px;}
#footerframe {padding:100px 56px 120px;}
hr {margin-right:-5vw;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1150px) {
html body {font-family:'public-sans-extralight',sans-serif;}
.js #menu {display:none;}
.slicknav_menu {display:block;}
header {height:100px;justify-content:center;align-items:center;}
#header_frame {height:100px;padding:0 0 25px;}
#headerimg_title {width:35vw;margin-right:-35vw;right:40%;height:calc(100% - 6vw);top:6vw;}
#headerimg h1 {font-family:'public-sans-extralight',sans-serif;}
#headerimg a.btn_link:link, #headerimg a.btn_link:visited {width:100%;}
nav {display:none;}
main {margin:100px 0 0;}
.colframe {flex-wrap:wrap;}
.contentframe {padding:0;flex-wrap:wrap;}
.contentframe .col_text, .colframe .col_text {width:100%;padding:40px 20px 40px 35px;order:2;}
#row1 .contentframe .col_text {padding:10px 20px 35px 35px;}
.contentframe .col_img, .colframe .col_img {width:100%;order:1;}
#logos.contentframe .col_img {display:none;}
#logos.contentframe .col_text {width:100%;order:1;}
#logos.contentframe .col_text {padding:0 35px;}
section#row2, section#row4, section#row3 {margin:0 0 20px;} 
section h2 {text-align:center;padding:0 0 20px 0;font-family:'public-sans-extralight',sans-serif;}
a.btn_link:link, a.btn_link:visited {width:calc(100% - 15px);margin:20px 15px 0 0;font-family:'public-sans-extralight',sans-serif;}
a.btn_link_wh:link, a.btn_link_wh:visited {width:calc(100% - 15px);margin:20px 15px 35px 0;font-family:'public-sans-extralight',sans-serif;}
.col_text .zitat {padding:0 15px 0 0;}
.zitatframe {padding:30px 7vw 60px;}
.zitat p {text-align:center;margin:0 0 35px;}
.zitat p.author span {font-family:'public-sans-extralight',sans-serif;}
.name {text-align:center;}
hr {margin:40px -20px 20px -35px;}
div.name + hr {margin:20px -20px 40px -35px;}
footer {background:#fff;position:relative;}
#footerframe {padding:0 0 120px;flex-wrap:wrap;}
.footernav {width:100%;margin:0;}
#fnav1 {order:1;background:#ECF2F7;text-align:center;padding:65px 0;}
#fnav1 li {border-bottom:1px solid #bbb;}
#fnav1 li:first-child {border-top:1px solid #bbb;}
#fnav1 li:nth-child(2), #fnav1 li:nth-child(3), #fnav1 li:nth-child(4), #fnav1 li:nth-child(5), #fnav1 li:nth-child(6) {display:block;}
#fnav2 {display:none;}
#fnav3 {order:3;padding:0 0 0 56px;}
#fnav3.footernav li a:link, #fnav3.footernav li a:visited {font-family:'public-sans-extralight',sans-serif;font-size:24px;line-height:50px;font-weight:normal;color:#646361;text-decoration:none;}
#fnav3.footernav li a:focus, #fnav3.footernav li a:hover, #fnav3.footernav li a:active {color:#000;}
#fnav3 .lang {display:none;}
#fnav1 .lang {display:block;border-bottom:1px solid #bbb;}
footer .lang a:link, footer .lang a:visited {}
.footerinfo {width:100%;padding:70px 56px 0;order:2;}
.footerinfo #footerlogo {margin:0 0 3vw;}
.footerinfo #footerlogo a:link, .footerinfo #footerlogo a:visited {font-size:36px;line-height:36px;}
#footerbuttons {display:block;position: absolute;bottom:232px;right: 0;z-index: 999;}
#footerbuttons a:link, #footerbuttons a:visited {padding:0 0 0 6px;display: flex;justify-content: center;align-items: center;margin: 0 0 16px 0;width: 45px;height: 45px;font-size: 28px;line-height: 28px;color: #fff;text-decoration: none;background:#9C964F;}
#footerbuttons a:focus, #footerbuttons a:hover, #footerbuttons a:active {background:#646361;}
.footerinfo {font-size: clamp(16px,1.5vw,24px);}
.footerinfo p {line-height:clamp(24px, 2vw, 32px);margin:0 0 20px;}
.footerinfo a:link, .footerinfo a:visited {font-size:clamp(16px, 2vw, 24px);line-height:clamp(24px, 2vw, 32px);}
#fnav3.footernav li a:link, #fnav3.footernav li a:visited {font-size:clamp(16px, 2vw, 24px);line-height:clamp(50px, 2vw, 60px);}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width:900px) {
#headerimg .no_m {display:none;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width:720px) {
header {position:absolute;}
#headerimg img:nth-child(1) {display:none;}
#headerimg img:nth-child(2) {display:block;}
#headerimg_title {position:static;width:100%;margin-right:0;height:auto;background:#fff;padding:5vw 20px 2vw;}
#headerimg a.btn_link:link, #headerimg a.btn_link:visited {width:100%;margin:0 0 15px 0;font-size:clamp(21px,1.75vw,40px);line-height:1.5;padding:15px 12px;}
#headerimg a.btn_link:focus, #headerimg a.btn_link:hover, #headerimg a.btn_link:active {background:#646361;color:#fff;}
#headerimg h1 {margin:0 0 25px;}
#headerimg h1:last-of-type {margin:0 0 50px;}
#headerimg h1 + p {padding:0;}
.logoframe {gap:20px;justify-content:center;}
.col_logo {width:80%;max-height:400px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 540px) {
#logo {width:100%;height:auto;text-align:center;}
.name {text-align:center;}
.zitat p.author span {display:block;}
.zitat p.author span.pipe {display:none;}
.footerinfo {font-size:16px;}
.footerinfo p {line-height:24px;margin:0 0 20px;}
.footerinfo a:link, .footerinfo a:visited {font-size:16px;line-height:24px;}
#fnav3.footernav li a:link, #fnav3.footernav li a:visited {font-size:16px;line-height:40px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 360px) {
header {padding:0 20px;}
a.btn_link:link, a.btn_link:visited, a.btn_link_wh:link, a.btn_link_wh:visited {padding:15px 12px;}
.no_m {display:none;}
}