header {position: relative;}
#head-wrap {padding: 15px 0px 30px 0px;background-color: #fff;-webkit-box-shadow: 0 0 8px 0 #0003;box-shadow: 0 0 8px 0 #0003;position: relative;width: 100%;}
#head-wrap.fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 5000;max-width: 2560px;margin: 0 auto;background-color: #fff;}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-height:28px}
.lang-switch{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.lang-switch a{font-size:14px;line-height:1;color:var(--silber-kontrast);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:.3s}
.lang-switch a:hover,.lang-switch a:focus,.lang-switch a.is-active{color:var(--gold-100)}
.lang-switch a.is-active{font-weight:700}
.lang-switch__divider{color:var(--silber-kontrast);opacity:.7}
.brand-link{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;color:inherit}
.brand-name{display:block;max-width:100%;font-size:clamp(28px,2.05vw,38px);line-height:1.02;font-weight:700;letter-spacing:.015em;color:var(--silber-100);transition:color .3s ease}
.brand-link:hover .brand-name,.brand-link:focus .brand-name{color:var(--gold-100)}
@media screen and (min-width: 1200px) {
    .header-main-row{align-items:flex-end}
    .header-brand-col{display:flex;align-items:flex-end}
    .header-menu-col{display:flex;flex-direction:column;justify-content:flex-end}
    .header-brand-col .brand-link{padding-bottom:0;margin-bottom:-10px}
}
#main-menu {margin: 0;padding: 18px 0 0 0;list-style: none;text-align: right;position: relative;}
#main-menu li {display: inline-block;padding: 0; font-size: 16px;}
#main-menu li a {text-transform: uppercase;transition: .5s;padding: 10px 20px; text-decoration: none; color: var(--text);border: 1px solid #fff;}
#main-menu li a:hover, #main-menu li:hover a, #main-menu li.current-menu-item a, #main-menu li a.current-menu-item {color: var(--gold-100) }
#main-menu li.last-gold a {color: #fff; background-color: var(--gold-100);padding: 10px 30px; border: 1px solid var(--gold-100)}
#main-menu li.last-gold:hover a {background-color: #fff; color: var(--gold-100)}
.menutoggle {display: none;}
section.berge {background-image: url("../img/landing/Hintergrundfoto-3000x1000---48.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative;height: 700px;}
section.berge h1 {font-size: 28px; line-height: 42px; padding-bottom: 84px; color:var(--gold-100)}
section.berge h3 {font-weight: 400}
.ansprechpartner-tb {position: absolute;bottom: 0px;width: auto;height: 90%; z-index: 10}
#wermetallpreise-toggle {position: absolute; bottom: 0px; left: 0px; right: 0px; width: auto; padding: 5px 0px; color: #fff; text-transform: uppercase; font-size: 16px; background: rgba(198, 155, 76, 0.7); cursor: pointer; z-index: 5}
#wermetallpreise { overflow: hidden;max-height: 0;opacity: 0;transform: translateY(-10px);transition: max-height 0.45s cubic-bezier(.4,0,.2,1),opacity 0.35s ease,transform 0.35s ease; position: absolute; left: 0; width: 100%; background-color: #fff; padding: 15px 0px; font-size: 16px;}
#wermetallpreise.active {max-height: 1000px;opacity: 1;transform: translateY(0);}
#wermetallpreise .preis-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;align-items: stretch;}
.tp-silber {color:var(--silber-100)}
.tp-gold {color:var(--gold-100)}
.preis .positive {font-weight: 700; color: rgb(25,150,0)}
.preis .negative {font-weight: 700; color: rgb(150,25,0)}
section.white-bg {padding: 64px 0; background-color: #fff;}
.grey-bg {padding: 64px 0; background-color: var(--silber-10)}
.uvp-mt {font-size: 50px; line-height: 60px; color: var(--gold-100); font-weight: 700}
.uvp-tt, .uvp-st {font-size: 16px; color: var(--silber-kontrast)}
.testimonial-stars {color: var(--gold-100);}
.testimonial-stars svg, .testimonial-stars i {margin: 0px 5px; font-size: 20px}
.testimonial-divider {border: 0px; border-top:1px solid var(--gold-100); margin: 30px 0px; opacity: 1}
.bb-ol-g-b{color:var(--gold-100);background:#fff;border-radius:16px;border:2px solid var(--gold-100);font-size:16px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:15px 80px;position:relative;overflow:hidden;width:auto}
.bb-ol-g-b .bb-ol-inner{position:relative;display:inline-flex;align-items:center;justify-content:center;transform:translateX(0);transition:transform .35s cubic-bezier(.22,.8,.25,1)}
.bb-ol-g-b .bb-ol-arrow{position:absolute;top:50%;left:-36px;height:22px;width:22px;display:block;opacity:0;background:url(../img/pfeil-gold.svg) center/contain no-repeat;transform:translate(-8px,-50%);transition:opacity .25s ease,transform .35s cubic-bezier(.22,.8,.25,1);pointer-events:none}
.bb-ol-g-b:hover .bb-ol-inner,.bb-ol-g-b:focus-visible .bb-ol-inner{transform:translateX(18px)}
.bb-ol-g-b:hover .bb-ol-arrow,.bb-ol-g-b:focus-visible .bb-ol-arrow{opacity:1;transform:translate(0,-50%)}
.bb-icon {width: 120px; height: 120px; display: block; margin: 0 auto 40px;}
.bb-icon.icon-ueber {margin: 0 auto 20px;}
.perspektive-video-col .portfolio-video-wrap{-webkit-appearance:none;appearance:none;width:100%;max-width:80%;margin:0 auto;padding:0;border:0;background:none;display:block;position:relative;line-height:0;text-align:left;cursor:default}
.perspektive-video-col .portfolio-video-wrap:disabled{opacity:1}
.perspektive-video-col .portfolio-video-wrap:focus-visible{outline:2px solid var(--gold-100);outline-offset:8px}
.perspektive-video-col .portfolio-video{width:100%;height:auto;display:block;max-width:100%}
.perspektive-video-col .portfolio-video-wrap.is-replay-ready{cursor:pointer}
.loesung-hw h4, .loesung-sd h4, .loesung-gd h4, .loesung-hk h4 {font-weight: 500; text-transform: uppercase;}
.loesung-hw,.loesung-sd,.loesung-gd {margin-bottom: 64px;padding: 64px; overflow: hidden;}
.loesung-hk {padding: 64px;}
.loesung-hw {background-color: var(--silber-10)}
.loesung-hw .l-flip {margin-top: 28px;}
.loesung-hw .l-flip-box {width: calc(var(--size) * 0.9); height: calc(var(--size) * 0.9);}
.loesung-sd {background-color: var(--silber-20)}
.loesung-gd {background-color: var(--gold-20)}
.loesung-hk {background-color: var(--silber-10)}
.l-flip{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;justify-content:center;column-gap:clamp(22px,3.2vw,60px);row-gap:18px;width:100%}
.l-flip > li{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.l-flip-box{--size:230px;width:var(--size);height:var(--size);perspective:1100px;position:relative;display:block;border-radius:50%;transition:transform 220ms ease}
.l-flip-box-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 800ms cubic-bezier(.2,.9,.2,1);will-change:transform}
.l-flip-box-front,.l-flip-box-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;}
.l-flip-box-back{transform:rotateY(180deg)}
.l-flip-coin{width:100%;height:100%;display:block;position:relative;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:4px 4px 6px 0 #0003;transform:translateZ(1px)}
.l-flip-box img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;border-radius:50%}
.l-flip-box:hover .l-flip-box-inner,.l-flip-box:focus-within .l-flip-box-inner{transform:rotateY(180deg)}
.l-flip-box:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce) {.l-flip-box-inner{transition:none}.l-flip-box{transition:none}}
@media (hover:none) {.l-flip-box:hover .l-flip-box-inner{transform:none}.l-flip-box:hover{transform:none}}
.l-flip-box.s-1{--size:260px;}
.l-flip-box.s-2{--size:150px;}
.l-flip-box.h-1{--size:260px;}
.l-flip-box.g-1{--size:260px;}
.l-flip-box.g-2{--size:150px;}
.l-flip-box.s-2{margin-left:25px}
.l-flip-box.g-2{margin-left:25px}
.lp-logo-de {width:auto;height:35px;max-width:100%;margin-bottom:20px;}
.lp-logo {width: auto; height: auto; max-height: 50px; max-width: 100%; margin-left: -3px; margin-bottom: 10px;}
.ml-5 {margin-left: 30px;}
.lsd-granulat { width: 100%; height: auto; position: relative; margin-top: 40px;}
.gsd-granulat { width: 100%; height: auto; position: relative; margin-top: 40px;}
.hk-img0 { width: 100%; height: auto; position: relative; margin-top: 40px;}
.kunden-sterne {width: 200px; height: auto;}
.kundenmeinung {border:1px solid var(--gold-100) !important; border-color: var(--gold-100) !important; background-color: #fff; padding: 30px !important}
.kundenmeinung .kunden-sterne {margin: 25px 0px 40px 0px;}
.partner-ul{list-style:none;padding:0;margin:0}
.partner-ul > li{margin:0 0 18px}
.partner-ul > li:last-child{margin-bottom:0}
.logo {width:400px;height:auto;max-width:100%;}
.partner-ul .accordion-head{position:relative;display:flex;align-items:flex-start;gap:15px;width:100%;padding:18px 18px 14px 16px;background:var(--silber-20);border-radius:0;font-weight:700;color:#111;cursor:pointer;user-select:none;transition:background-color .2s ease,box-shadow .2s ease}
.partner-ul .accordion-head:focus{outline:none}
.partner-ul .accordion-head .g-box-plus,.partner-ul .accordion-head .g-box-minus{flex:0 0 38px;width:38px;height:24px;display:flex;align-items:flex-start;align-self:flex-start;justify-content:center;font-size:0;line-height:0;color:var(--gold-100);margin-top:2px}
.partner-ul .accordion-head .g-box-plus::before,.partner-ul .accordion-head .g-box-minus::before{content:"";display:block;width:24px;height:24px;background-color:currentColor;background-repeat:no-repeat;background-position:center;background-size:contain}
.partner-ul .accordion-head .g-box-plus::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.partner-ul .accordion-head .g-box-minus::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.partner-ul .accordion-head .g-box-minus{display:none}
.partner-ul .accordion-head[aria-expanded="true"] .g-box-plus{display:none}
.partner-ul .accordion-head[aria-expanded="true"] .g-box-minus{display:flex}
.partner-ul .accordion-body{background:var(--silber-20);padding:0px 22px 22px 70px;margin-top:0}
.partner-ul .accordion-body p{margin:0 0 14px}
.partner-ul .accordion-body p:last-child{margin-bottom:0}
.kontakt-form-wrap{background:none;padding:0}
.kontakt-form{position:relative}
.kontakt-form .kontakt-control{width:100%;min-height:56px;padding:14px 16px;border:1px solid #cfcfcf;border-radius:0;background:#fff;color:#141414;box-shadow:none}
.kontakt-form .kontakt-control::placeholder{color:var(--silber-kontrast);opacity:1}
.kontakt-form .kontakt-control:focus{outline:none;border-color:var(--gold-100);box-shadow:none}
.kontakt-form .kontakt-select{position:relative}
.kontakt-form .kontakt-select::after{content:"";position:absolute;top:50%;right:24px;width:10px;height:10px;border-right:2px solid var(--gold-100);border-bottom:2px solid var(--gold-100);transform:translateY(-65%) rotate(45deg);pointer-events:none;transition:transform .2s ease}
.kontakt-form .kontakt-select.is-open::after{transform:translateY(-30%) rotate(-135deg)}
.kontakt-form select.kontakt-control{-webkit-appearance:none;appearance:none;padding-right:58px;cursor:pointer}
.kontakt-form .kontakt-message-wrap{display:flex;flex-direction:column;height:100%}
.kontakt-form .kontakt-message{height:348px;min-height:348px;resize:vertical}
.kontakt-form .kontakt-control.is-invalid{border-color:#b42318;background:#fff7f7}
.kontakt-form .kontakt-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.kontakt-form-status{display:none;margin-bottom:24px;padding:14px 16px;border:1px solid transparent;background:#fff;color:#141414}
.kontakt-form-status.is-visible{display:block}
.kontakt-form-status.is-loading{border-color:var(--gold-100);color:#6b5320;background:#fffdf5}
.kontakt-form-status.is-success{border-color:#199600;color:#0f5e00;background:#f5fff2}
.kontakt-form-status.is-error{border-color:#b42318;color:#7a271a;background:#fff6f5}
.kontakt-form .kontakt-submit{display:inline-block;align-self:flex-start;min-height:56px;padding:15px 28px;border:1px solid var(--gold-100);border-radius:0;background:var(--gold-100);color:#fff;font-size:16px;font-weight:400;line-height:1.2;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.kontakt-form .kontakt-submit[disabled]{opacity:.7;cursor:wait}
.kontakt-form .kontakt-submit:hover,
.kontakt-form .kontakt-submit:focus,
.kontakt-form .kontakt-submit:active{background:#fff;border-color:var(--gold-10);color:var(--gold-100);outline:none;box-shadow:none; border:1px solid var(--gold-100);}
div.tb {background-color: var(--silber-20); border:3px solid var(--gold-100); width: 400px; height: 400px; border-radius: 200px; overflow: hidden; position: relative;}
div.tb img {width: 120%; left: -10%; height: auto; position: absolute; bottom: 0px;}
.phone-link{color:var(--gold-100);text-decoration:none;transition:color .3s ease}
.phone-link:hover,.phone-link:focus{color:var(--silber-kontrast);text-decoration:none}
a.page-link { color: var(--gold-100);transition: .5s;text-decoration: none;}
a.page-link:hover, a.page-link:focus { color: var(--silber-kontrast);transition: .5s;text-decoration: none;}
silber-gold-balken{width:100%;display:block;overflow:hidden;height:135px;position:absolute;bottom:135px}
.silber-balken{background-color:#dddfdf;height:135px;-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);overflow:hidden;position:absolute;width:78%;left:-12%}
.silber-balken-kopf{background:#dddfdf;background:linear-gradient(90deg,#dddfdfff 0%,#9da2a4ff 100%);position:relative;height:30px}
.gold-balken{background-color:#ebdcc1;height:135px;-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);overflow:hidden;width:45%;position:absolute;right:-12%}
.gold-balken-kopf{background:#d7b981;background:linear-gradient(90deg,#d7b981ff 0%,#c69b4cff 100%);position:relative;height:30px}
.silber-gold-balken .container{position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;z-index:400}
.mt-80 {margin-top: 80px;}
footer {overflow: hidden;}
footer p, footer li{font-size:16px}
footer .silber-gold-balken{position:relative;bottom:0;height:450px}
footer .silber-balken,footer .gold-balken{height:450px}
footer .silber-balken{width:84%;left:-18%}
footer .gold-balken{width:51%;right:-18%}
footer strong{display:block;margin-bottom:16px;text-transform:capitalize}
footer ul{display:block;margin:0;padding:0;list-style:none}
footer a{color:var(--gold-100); text-decoration: none; transition: .5s;}
footer a:hover{text-decoration:none;color:var(--silber-kontrast)}
footer li a {color: #141414;}
footer li a:hover {color: var(--gold-100)}
.footer-disclaimer{max-width:980px;margin:0 0 18px;color:var(--silber-kontrast);font-size:15px;line-height:1.6}
.footer-mobile-balken{display:none}
.foot-line {display: none;}
.mwrap .container {padding-left: 0px; padding-right: 0px;}
@media screen and (min-width: 1920px) {
    .container{max-width:1720px}
    .foot-line {display: none;}
}

@media screen and (max-width:1919px) {
    .container{max-width:1340px}
    section.berge {overflow: hidden}
    div.tb { width: 300px; height: 300px; }
    .l-flip-box.s-1{--size:221px;}
    .l-flip-box.s-2{--size:127.5px;}
    .l-flip-box.h-1{--size:255px;}
    .l-flip-box.g-1{--size:221px;}
    .l-flip-box.g-2{--size:127.5px;}
    .foot-line {display: none;}
}
@media screen and (max-width:1439px) {
    .container{max-width:1320px}
    .foot-line {display: none;}
}
@media screen and (max-width: 1399px) {
    .container{max-width:1140px}
    .perspektive-video-col .portfolio-video-wrap{max-width:100%}
    .ansprechpartner-tb { right: -160px;}
    .l-flip-box.s-1{--size:182px;}
    .l-flip-box.s-2{--size:105px;}
    .l-flip-box.h-1{--size:210px;}
    .l-flip-box.g-1{--size:182px;}
    .l-flip-box.g-2{--size:105px;}
    .l-flip-box.s-2{margin-left:20px}
    .l-flip-box.g-2{margin-left:20px}
    div.tb {width: 250px; height: 250px;}
    .bb-ol-g-b.ml-5 {margin-top: 20px;}
    .foot-line {display: none;}
    .loesung-hw, .loesung-sd, .loesung-gd, .loesung-hk { padding: 48px; }
}
@media screen and (max-width: 1199px) {
    .container{max-width:960px}
    #head-wrap {padding: 0px 15px;height:80px}
    .header-main-row{position:static;display:flex;flex-wrap:nowrap;align-items:center;min-height:80px}
    .header-brand-col{display:flex;align-items:center;flex:1 1 auto;width:auto;max-width:none}
    .header-menu-col{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;width:auto;max-width:none;margin-top:-6px}
    .header-actions{justify-content:flex-end;gap:12px;margin-top:-20px;margin-bottom:0;min-height:0}
    .lang-switch{justify-content:flex-end;gap:8px}
    .lang-switch a{font-size:13px}
    .brand-link{display:flex;align-items:center;text-align:left;min-height:80px}
    .brand-name{font-size:28px}
    .menutoggle{cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px; margin-top: 0px;flex:0 0 44px}
    .burger-icon{stroke:currentColor;stroke-width:2.4;stroke-linecap:round;fill:none}
    .line{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .2s ease;transform-origin:50% 50%}
    .menutoggle.active .top{transform:translateY(5px) rotate(45deg)}
    .menutoggle.active .middle{opacity:0}
    .menutoggle.active .bottom{transform:translateY(-5px) rotate(-45deg)}
    #main-menu {position: absolute; top: 100%; width: auto; display: none;z-index: 15;text-align: center; background-color: var(--silber-20); left: 0px; right: 0px;margin-top: 0;padding: 0px;}
    #main-menu li {display: block; width: 100%;}
    #main-menu li a {display: block; border: 0px;}
    section.berge {padding: 30px 0; height: 700px;}
    .ansprechpartner-tb {width: 68%;height: auto;right: 0;bottom: 145px; max-width: 670px;}
    section.white-bg, section.grey-bg {padding: 48px 0;}
    .bb-icon { width: 100px; height: 100px; margin: 20px auto}
    .loesung-hw, .loesung-sd, .loesung-gd, .loesung-hk { padding: 36px; }
    .col-lg-4 {margin-bottom: 30px;}
    .lsd-granulat, .gsd-granulat { width: 300%; left: -150%; position: relative;}
    div.tb { width: 230px; height: 230px; border-radius: 150px; margin: 0px auto 30px auto;}
    .mwrap {background: rgba(198, 155, 76, 0.7); position: absolute;bottom: 47px; left: 0; right: 0; width:auto;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5); padding-top: 15px; padding-bottom: 15px;}
    .mwrap h2, .mwrap h3 {padding-left: 30px; padding-right: 30px;}
    .mwrap h2 {font-size: 38px; line-height: 38px;}
    .mwrap h3 {font-size: 22px; line-height: 22px; margin-bottom: 0px; padding-bottom: 0px;}
    #wermetallpreise-toggle { padding: 10px 0; background: var(--gold-100)}
    .logo {width: 400px; height: auto; max-width: 100%; margin: 0 auto;}
    .lp-logo { max-height: 37px; }
    .silber-gold-balken .container {position: relative;}
    footer .silber-gold-balken { height: auto; background-color: var(--silber-20); padding: 0px 0px 0px 0px; }
    .mt-80 {margin-top: 0px;}
    .foot-line2 {display: none;}
    .foot-line {border-top: 4px solid #fff; background: var(--gold-35); padding: 20px 15px; display:block;}
    footer .silber-balken, footer .gold-balken {display: none;}
    .footer-mobile-balken{display:block;position:relative;height:25px;overflow:hidden;margin:0;background:none; margin-bottom: 30px; background-color: #fff;}
    .footer-mobile-balken__item{position:absolute;top:0;height:25px;overflow:hidden;background:none;-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg)}
    .footer-mobile-balken__item--silber{width:84%;left:-18%}
    .footer-mobile-balken__item--gold{width:51%;right:-18%}
    .footer-mobile-balken__item--silber .footer-mobile-balken__kopf{height:25px;background:linear-gradient(90deg,#dddfdfff 0%,#9da2a4ff 100%)}
    .footer-mobile-balken__item--gold .footer-mobile-balken__kopf{height:25px;background:linear-gradient(90deg,#d7b981ff 0%,#c69b4cff 100%)}
    .foot-line p {margin-bottom: 0px; padding-bottom:0px; }
    .footer-disclaimer{font-size:14px;margin-bottom:14px}
    .bb-ol-g-b {width: 100%; display: block; max-width: 60%; margin: 0 auto !important;}
    .bb-ol-g-b.ml-5 {margin-top: 20px !important;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    html[lang="en"] section.berge h1 {max-width: 20ch; font-size: 27px; line-height: 40px; text-wrap: balance;}
}

@media screen and (max-width: 991px) {
    .container{max-width:720px}
    #wermetallpreise .preis-grid{ grid-template-columns: 1fr; }
    .brand-name{font-size:26px}
    .ansprechpartner-tb { width: auto; height: 70%; right: -15%;bottom: 145px; max-width: auto;}
    div.tb { width: 220px; height: 220px; border-radius: 110px; margin: 0px auto 30px auto;}
    #jetzt-beraten-lassen .berater-name {font-size: 34px; line-height: 40px; letter-spacing: 0.6px !important;}
    #jetzt-beraten-lassen .berater-role {font-size: 22px; line-height: 28px; margin-bottom: 22px !important;}
    #jetzt-beraten-lassen .col-md-3 {width: 240px;}
    #jetzt-beraten-lassen .col-md-9 {width: auto;}
    footer .silber-gold-balken .col-xl-2 {padding-top: 30px; padding-bottom: 40px;}
    footer  .col-lg-4 {margin-bottom: 10px;}
    .bb-ol-g-b { width: 100%; max-width: 100%; padding: 15px 0px;}
    .l-flip {grid-auto-flow: row;}
    .l-flip-box.s-1{--size:200px}
    .l-flip-box.s-2{--size:115px}
    .l-flip-box.h-1{--size:230px}
    .l-flip-box.g-1{--size:200px}
    .l-flip-box.g-2{--size:115px}
    .l-flip-box.s-2{margin-left:15px}
    .l-flip-box.g-2{margin-left:15px}
    .mwrap h2, .mwrap h3 {padding-left: 24px;}
    .bb-ol-g-b.ml-5 {margin-left: 0px;}
    .loesung-hw, .loesung-sd, .loesung-gd, .loesung-hk {padding: 36px 36px 48px 36px;}
}
@media screen and (max-width: 767px) {
    .container{max-width:540px}
    .mwrap{height:auto;min-height:0;bottom:47px}
    .mwrap .row{display:block}
    .mwrap h2,.mwrap h3{display:block;width:100%;white-space:normal}
    .mwrap h2{margin-bottom:8px}
    .mwrap h3{line-height:1.25}
    .ansprechpartner-tb {position: absolute;top: auto;bottom: calc(var(--hero-mwrap-height, 98px) + 47px);height: 65%;left: 50%;transform: translateX(-50%);}
    .ueber-bb-icons .uvp-tt-empty {display: none;}
    .ueber-bb-icons .bb-icon {margin-bottom: 10px;}
    .ueber-bb-icons .uvp-st {padding-bottom: 35px;}
    .ueber-bb-icons .col-12:last-child .uvp-st {padding-bottom: 0;}
    .kontakt-form-wrap {padding:0;}
    .kontakt-form .kontakt-message {height:348px;min-height:348px;}

}
@media screen and (max-width: 575px) {
    .container{max-width:100%; padding: 0px 25px;}
    .ansprechpartner-tb {height: 55%;}
}
@media screen and (max-width: 450px) {
    .container {max-width: 100%;}
    body,html {min-width: 0; overflow-x: clip;}
    #head-wrap {padding-left: 0; padding-right: 0;}
    .header-main-row {margin-left: 0; margin-right: 0;}
    .header-brand-col {min-width: 0; padding-left: 8px; padding-right: 8px;}
    .header-menu-col {padding-left: 4px; padding-right: 4px;}
    .header-actions {gap: 4px;}
    .lang-switch {gap: 6px;}
    .brand-name{font-size:clamp(20px, 6.5vw, 24px)}
    .logo {width: 100%; height: auto; max-width: 100%;}
    a.page-link{overflow-wrap:anywhere;word-break:break-word}
    section.berge {padding: 30px 0 0; height: auto; min-height: 0;}
    section.berge > .container {height: auto !important;}
    section.berge > .container > .row {height: auto !important; display: flex; flex-direction: column; align-items: stretch; margin-left: 0; margin-right: 0;}
    section.berge > .container > .row > .col-md-7 {display: contents;}
    section.berge h1 {order: 1; padding-bottom: 24px; margin-bottom: 0;}
    section.berge .col-md-5 {order: 2; width: 100%; height: auto !important; padding-left: 0; padding-right: 0;}
    section.berge .ansprechpartner-tb {position: relative; top: auto; right: auto; bottom: auto; left: 50%; display: block; width: auto; height: min(360px, 110vw); max-width: none; margin: 0; transform: translateX(-50%);}
    section.berge .mwrap {order: 3; position: relative; left: auto; right: auto; bottom: auto; width: 100vw; margin-left: calc((100% - 100vw) / 2); padding: 15px 0;}
    section.berge .mwrap .container {width: 100%; max-width: none; padding-left: 0; padding-right: 0;}
    section.berge .mwrap h2, section.berge .mwrap h3 {padding-left: 24px; padding-right: 24px;}
    #wermetallpreise-toggle {position: relative; bottom: auto;}
    .loesung-hw, .loesung-sd, .loesung-gd, .loesung-hk { padding: 25px 15px; }
}
@media screen and (max-width: 399px) {
    body,html {min-width: 0;}
    .container {padding: 0px 18px;}
}