/* vm-tw.css — static utilities for PHP homepage (replaces cdn.tailwindcss.com). No React/npm. */

/* Lang dropdown + lists: hide browser default bullets (were reset by old Tailwind CDN) */
.list-none,
ul.list-none,
.list-none > li,
details ul,
#newpageLangDropdown + ul,
details .np-lang-switch,
details ul li{
list-style:none!important;
list-style-type:none!important;
}
details ul,
ul.list-none{
padding-left:0!important;
margin:0;
}

.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-x-0{left:0;right:0}
.top-0{top:0}
.top-full{top:100%}
.bottom-0{bottom:0}
.left-0{left:0}
.right-0{right:0}
.left-1\/2{left:50%}
.-translate-x-1\/2{transform:translateX(-50%)}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-stretch{align-items:stretch}
.justify-center{justify-content:center}
.shrink-0{flex-shrink:0}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-0{gap:0}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}
.gap-1\.5{gap:.375rem}
.gap-px{gap:1px}
.gap-x-3{column-gap:.75rem}
.gap-y-4{row-gap:1rem}
.gap-\[0\.35rem\]{gap:.35rem}
.box-border{box-sizing:border-box}
.w-full{width:100%}
.w-2{width:.5rem}
.w-5{width:1.25rem}
.w-\[19\%\]{width:19%}
.w-\[64\.3\%\]{width:64.3%}
.h-auto{height:auto}
.h-2{height:.5rem}
.h-5{height:1.25rem}
.h-11{height:2.75rem}
.h-\[110px\]{height:110px}
.h-\[9\.5\%\]{height:9.5%}
.min-h-0{min-height:0}
.min-h-\[8\.8\%\]{min-height:8.8%}
.min-h-\[17\.6\%\]{min-height:17.6%}
.min-w-0{min-width:0}
.min-w-full{min-width:100%}
.min-w-\[4rem\]{min-width:4rem}
.max-w-full{max-width:100%}
.max-w-\[95\%\]{max-width:95%}
.max-w-\[547px\]{max-width:547px}
.max-w-\[1010px\]{max-width:1010px}
.m-0{margin:0}
.mx-auto{margin-left:auto;margin-right:auto}
.mx-1\.5{margin-left:.375rem;margin-right:.375rem}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem}
.mt-0\.5{margin-top:.125rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mb-0{margin-bottom:0}
.mb-1\.5{margin-bottom:.375rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-10{margin-bottom:2.5rem}
.mr-0{margin-right:0}
.p-0{padding:0}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.px-0{padding-left:0;padding-right:0}
.px-1{padding-left:.25rem;padding-right:.25rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.pt-0{padding-top:0}
.pt-3{padding-top:.75rem}
.pt-4{padding-top:1rem}
.pt-5{padding-top:1.25rem}
.pb-0{padding-bottom:0}
.pb-2{padding-bottom:.5rem}
.pb-7{padding-bottom:1.75rem}
.pr-2{padding-right:.5rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-10>:not([hidden])~:not([hidden]){margin-top:2.5rem}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-x-hidden{overflow-x:hidden}
.border{border-width:1px;border-style:solid}
.border-0{border-width:0}
.border-2{border-width:2px;border-style:solid}
.border-4{border-width:4px;border-style:solid}
.border-solid{border-style:solid}
.border-t{border-top-width:1px}
.border-t-0{border-top-width:0}
.border-black{border-color:#000}
.border-gray-300{border-color:#d1d5db}
.border-\[\#bacc00\]{border-color:#bacc00}
.border-\[\#6656f5\]{border-color:#6656f5}
.border-\[\#5b8fd4\]{border-color:#5b8fd4}
.\!border-\[\#bacc00\]{border-color:#bacc00!important}
.\!border-y-2{border-top-width:2px!important;border-bottom-width:2px!important}
.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}
.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}
.bg-white{background-color:#fff}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.bg-\[\#bacc00\]{background-color:#bacc00}
.bg-\[\#bc0\]{background-color:#bc0}
.bg-\[\#c00\]{background-color:#c00}
.bg-\[\#5d8cde\]{background-color:#5d8cde}
.bg-\[\#5b8fd4\]{background-color:#5b8fd4}
.bg-\[\#7a9eb8\]{background-color:#7a9eb8}
.bg-cover{background-size:cover}
.bg-center{background-position:center}
.bg-left-top{background-position:left top}
.bg-no-repeat{background-repeat:no-repeat}
.bg-fixed{background-attachment:fixed}
.bg-\[url\(\'Bilder\/Velohimmel1\.jpg\'\)\]{background-image:url('../Bilder/Velohimmel1.jpg')}
.bg-\[url\(\'Bilder\/veloshop_baar7\.jpg\'\)\]{background-image:url('../Bilder/veloshop_baar7.jpg')}
.object-cover{object-fit:cover}
.object-center{object-position:center}
.text-left{text-align:left}
.text-center{text-align:center}
.text-white{color:#fff}
.text-black{color:#000}
.text-gray-900{color:#111827}
.text-red-600{color:#dc2626}
.text-sm{font-size:.875rem;line-height:1.25rem}
.underline{text-decoration-line:underline}
.no-underline{text-decoration-line:none}
.font-normal{font-weight:400}
.font-bold{font-weight:700}
.\!font-normal{font-weight:400!important}
.italic{font-style:italic}
.\!not-italic{font-style:normal!important}
.font-sans{font-family:Helvetica,Geneva,Arial,sans-serif}
.font-serif{font-family:Georgia,serif}
.font-\[Helvetica\,Geneva\,Arial\,SunSans-Regular\,sans-serif\]{font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif}
.font-\[helvetica\,Arial\,sans-serif\]{font-family:helvetica,Arial,sans-serif}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-\[1\.25\]{line-height:1.25}
.leading-\[1\.35\]{line-height:1.35}
.list-none{list-style:none;padding-left:0;margin:0}
.cursor-pointer{cursor:pointer}
.pointer-events-none{pointer-events:none}
.fill-current{fill:currentColor}
.shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}
.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.aspect-\[1010\/442\]{aspect-ratio:1010/442}
.hover\:bg-gray-50:hover{background-color:#f9fafb}
.text-\[1\.32rem\]{font-size:1.32rem}
.text-\[13px\]{font-size:13px}
.text-\[14px\]{font-size:14px}
.text-\[15px\]{font-size:15px}
.text-\[16px\]{font-size:16px}
.text-\[18px\]{font-size:18px}
.text-\[20px\]{font-size:20px}
.text-\[21px\]{font-size:21px}
.text-\[22px\]{font-size:22px}
.text-\[24px\]{font-size:24px}
.text-\[28px\]{font-size:28px}
.text-\[30px\]{font-size:30px}
.text-\[32px\]{font-size:32px}
.text-\[39px\]{font-size:39px}
.\!text-\[18px\]{font-size:18px!important}
.\!text-\[22px\]{font-size:22px!important}
.text-\[clamp\(11px\,2\.8vw\,14px\)\]{font-size:clamp(11px,2.8vw,14px)}
.text-\[clamp\(11px\,2\.8vw\,16px\)\]{font-size:clamp(11px,2.8vw,16px)}
.text-\[clamp\(13px\,3\.5vw\,18px\)\]{font-size:clamp(13px,3.5vw,18px)}
.text-\[clamp\(13px\,3\.8vw\,23px\)\]{font-size:clamp(13px,3.8vw,23px)}
.text-\[clamp\(0\.85rem\,2\.8vw\,1em\)\]{font-size:clamp(.85rem,2.8vw,1em)}
.px-\[0\.3vw\]{padding-left:.3vw;padding-right:.3vw}
.px-\[clamp\(6px\,2vw\,10px\)\]{padding-left:clamp(6px,2vw,10px);padding-right:clamp(6px,2vw,10px)}
.py-\[0\.2vw\]{padding-top:.2vw;padding-bottom:.2vw}
.py-\[0\.25vw\]{padding-top:.25vw;padding-bottom:.25vw}
.py-\[clamp\(4px\,1\.2vw\,8px\)\]{padding-top:clamp(4px,1.2vw,8px);padding-bottom:clamp(4px,1.2vw,8px)}
.pt-\[clamp\(6px\,1\.5vw\,8px\)\]{padding-top:clamp(6px,1.5vw,8px)}
.pt-\[clamp\(8px\,2vw\,10px\)\]{padding-top:clamp(8px,2vw,10px)}
.pt-\[clamp\(14px\,3\.8vw\,18px\)\]{padding-top:clamp(14px,3.8vw,18px)}
.pb-\[clamp\(6px\,1\.5vw\,8px\)\]{padding-bottom:clamp(6px,1.5vw,8px)}
.pb-\[clamp\(8px\,2vw\,12px\)\]{padding-bottom:clamp(8px,2vw,12px)}
.pb-\[clamp\(14px\,3\.8vw\,18px\)\]{padding-bottom:clamp(14px,3.8vw,18px)}
.pl-\[clamp\(8px\,2vw\,14px\)\]{padding-left:clamp(8px,2vw,14px)}
.left-\[0\.7\%\]{left:.7%}
.left-\[16\.9\%\]{left:16.9%}
.left-\[35\.7\%\]{left:35.7%}
.top-\[2\.7\%\]{top:2.7%}
.top-\[3\.4\%\]{top:3.4%}
.top-\[5\.8rem\]{top:5.8rem}
.\!top-\[7px\]{top:7px!important}
.border-\[var\(--np-color-primary-border\)\]{border-color:var(--np-color-primary-border)}
.border-\[var\(--np-color-primary-soft\)\]{border-color:var(--np-color-primary-soft)}
.border-\[var\(--np-color-hero-border\)\]{border-color:var(--np-color-hero-border)}
.bg-\[var\(--np-color-primary\)\]{background-color:var(--np-color-primary)}
.bg-\[var\(--np-color-accent\)\]{background-color:var(--np-color-accent)}
.text-\[var\(--np-color-browser-link\)\]{color:var(--np-color-browser-link)}
.text-\[var\(--np-color-link-primary\)\]{color:var(--np-color-link-primary)}
.text-\[var\(--np-color-danger\)\]{color:var(--np-color-danger)}
.text-\[var\(--np-color-danger-bright\)\]{color:var(--np-color-danger-bright)}
.text-\[var\(--np-color-primary-soft\)\]{color:var(--np-color-primary-soft)}
.text-\[var\(--np-color-white-soft\)\]{color:var(--np-color-white-soft)}
.\[text-shadow\:0_1px_2px_rgba\(255\,255\,255\,0\.9\)\]{text-shadow:0 1px 2px rgba(255,255,255,.9)}
.\[text-shadow\:0_1px_3px_rgba\(0\,0\,0\,0\.45\)\]{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.\[text-shadow\:0_1px_3px_rgba\(0\,0\,0\,0\.65\)\]{text-shadow:0 1px 3px rgba(0,0,0,.65)}
.\[-webkit-text-size-adjust\:100\%\]{-webkit-text-size-adjust:100%}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
.\[\&_a\]\:text-black a{color:#000}
.\[\&_a\]\:underline a{text-decoration-line:underline}

@media (min-width:640px){
.sm\:px-2{padding-left:.5rem;padding-right:.5rem}
.sm\:px-3{padding-left:.75rem;padding-right:.75rem}
.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}
}
@media (min-width:768px){
.md\:\!static{position:static!important}
.md\:\!h-auto{height:auto!important}
.md\:\!hidden{display:none!important}
.md\:\!pb-0{padding-bottom:0!important}
.md\:text-\[15px\]{font-size:15px}
}
@media (max-width:899px){
.max-\[899px\]\:overflow-x-visible{overflow-x:visible}
}
@media (min-width:769px) and (max-width:1010px){
.min-\[769px\]\:max-\[1010px\]\:text-\[clamp\(12px\,1\.6vw\,16px\)\]{font-size:clamp(12px,1.6vw,16px)}
}
@media (max-width:767.98px){
.max-md\:absolute{position:absolute}
.max-md\:relative{position:relative}
.max-md\:block{display:block}
.max-md\:flex{display:flex}
.max-md\:hidden{display:none}
.max-md\:\!block{display:block!important}
.max-md\:\!hidden{display:none!important}
.max-md\:flex-col{flex-direction:column}
.max-md\:inset-x-0{left:0;right:0}
.max-md\:left-0{left:0}
.max-md\:right-0{right:0}
.max-md\:top-0{top:0}
.max-md\:top-auto{top:auto}
.max-md\:top-\[71px\]{top:71px}
.max-md\:w-full{width:100%}
.max-md\:h-\[135px\]{height:135px}
.max-md\:\!h-auto{height:auto!important}
.max-md\:min-h-0{min-height:0}
.max-md\:max-w-none{max-width:none}
.max-md\:overflow-visible{overflow:visible}
.max-md\:border-0{border-width:0}
.max-md\:bg-top{background-position:top}
.max-md\:bg-\[\#5d8cde\]{background-color:#5d8cde}
.max-md\:\!bg-white{background-color:#fff!important}
.max-md\:px-0{padding-left:0;padding-right:0}
.max-md\:pt-1{padding-top:.25rem}
.max-md\:pb-3{padding-bottom:.75rem}
.max-md\:pt-\[min\(60vw\,270px\)\]{padding-top:min(60vw,270px)}
.max-md\:\!aspect-auto{aspect-ratio:auto!important}
.max-md\:\!text-\[27px\]{font-size:27px!important}
.max-md\:z-\[1\]{z-index:1}
}