empfehlungen-bootstrap *{border:none;box-sizing:border-box;margin:0;padding:0}empfehlungen-bootstrap{--hoehe-komponente:400px;display:block;height:400px;height:var(--hoehe-komponente);margin:0 auto;max-height:400px;max-height:var(--hoehe-komponente);max-width:1150px;overflow:hidden;position:relative;width:100%}empfehlungen-bootstrap[data-js=no-js]{display:none}empfehlungen-bootstrap .ladeindikator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 20' fill='none'%3E%3Cstyle%3E @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) %7B .loading-dots .start %7B animation: load 1s infinite; %7D .loading-dots .center %7B animation: load 1s infinite; animation-delay: 0.2s; %7D .loading-dots .end %7B animation: load 1s infinite; animation-delay: 0.4s; %7D @keyframes load %7B 0%25 %7B opacity: 0; %7D 50%25 %7B opacity: 1; %7D 100%25 %7B opacity: 0; %7D %7D %7D %3C/style%3E%3Ccircle cx='4' cy='10' r='4' fill='%23000'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 6; 0 -6; 0 6' repeatCount='indefinite' begin='0.1'/%3E%3C/circle%3E%3Ccircle cx='17' cy='10' r='4' fill='%23000'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 4; 0 -4; 0 4' repeatCount='indefinite' begin='0.2'/%3E%3C/circle%3E%3Ccircle cx='30' cy='10' r='4' fill='%23000'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 2; 0 -2; 0 2' repeatCount='indefinite' begin='0.3'/%3E%3C/circle%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:80px;display:flex;height:100%;width:100%}empfehlungen-bootstrap .ladeindikator[hidden]{display:none}