1 2<!DOCTYPE html> 3<html lang="de"> 4<head> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 9 10 <!-- Site data --> 11 12<!-- Site title --> 13<title>Home | Silco</title> 14<!-- Meta data --> 15<meta name="keywords" content=""> 16<meta name="description" content=""> 17<link rel="canonical" href="https://www.silco.si/de/home" /> 18<!-- OG --> 19<meta property="og:site_name" content="Silco"> 20<meta property="og:type" content="article"> 21<meta property="og:url" content="https://www.silco.si/de/home"> 22<meta property="og:title" content="Home"> 23<meta property="og:description" content="Home"> 24<meta property="og:image" content="https://www.silco.si/assets/images/silco-automotive.png"> 25<meta property="og:image:secure_url" content="https://www.silco.si/assets/images/silco-automotive.png"> 26 27<meta property="og:image:type" content="image/png"> 28 29<meta property="og:image:alt" content="Home"> 30<meta name="twitter:card" content="summary_large_image"> 31 32 33 <!-- Favicon --> 34 <link href="/assets/images/favicon.png" rel="shortcut icon" type="image/png"> 35 36 <!-- Fonts --> 37 <link rel="preconnect" href="https://fonts.googleapis.com"> 38 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 39 <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,200;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> 40 <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap" rel="stylesheet"> 41 42 <!-- CSS --> 43 <!-- Animate CSS --> 44 <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> 45 46 <!-- Fancybox --> 47 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css"> 48 49 <!-- Slick --> 50 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"> 51 52 <!-- Swiper --> 53 <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/swiper.min.css"> 54 55 <!-- Main CSS --> 56 <link rel="stylesheet" href="/assets/stylesheets/main-old.css?v=1.0"> 57 58<style> 59 .recommended-product-slider.four-or-less .slick-list.draggable .slick-track { 60 margin-left: 0 !important; 61 } 62 .navbar .logo, 63 .navbar.on-scroll .logo { 64 width: 183px; 65 } 66 @media screen and (max-width: 400px) { 67 .navbar .logo, 68 .navbar.on-scroll .logo { 69 width: 140px; 70 } 71 } 72 .content-dynamic ul li p { 73 display: inline; 74 } 75 @media (max-width: 991.98px) { 76 .navbar { 77 height: 75px !important; 78 } 79 } 80 .content-dynamic .blockquote { 81 border-left: 4px solid #d6d6d6; 82 margin: 24px 0; 83 padding: 0 0 0 22px; 84 } 85 .content-dynamic .blockquote em{ 86 color: inherit; 87 } 88</style> 89 90 91 <!-- Bootstrap datepicker --> 92 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"> 93 94 <!-- JS --> 95 96
96<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
96 97
97<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
97 98 99
99<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-v4-rtl/4.6.0-3/js/bootstrap.min.js" integrity="sha512-EDPPkTvnl5ilwG33ygi/y7ph1tGHC9CTYOc3JHVRhAmlCkB6TGZoaJ88YI8E0XfRFNMr31sCWcimdRv8Bf5wFA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
99 100 101 <!-- Plugins --> 102
102<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
102 103
103<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
103 104
104<script type="text/javascript" src="https://unpkg.com/aos@next/dist/aos.js"></script>
104 105
105<script type="text/javascript" src="https://unpkg.com/[email protected]/js/swiper.min.js"></script>
105 106
106<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
106 107
107<script type="text/javascript" src="/assets/javascripts/vendor/outdatedbrowser/outdatedbrowser.js"></script>
107 108
108<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Aerolab/[email protected]/midnight.jquery.min.js"></script>
108 109
109<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
109 110
110<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.sl.min.js"></script>
110 111 112
112<script type="text/javascript" src="https://unpkg.com/feather-icons"></script>
112 113
113<script type="text/javascript" src="/assets/javascripts/vendor/moment/min/moment.min.js"></script>
vendor: 82 bytes, lines 113-119
113 114 115 116 <script src='https://www.google.com/recaptcha/api.js?hl=de'></script> 117 118 119
119<!--[if lt IE 10]> 120
120<script src="/assets/javascripts/vendor/outdatedbrowser/outdatedbrowser.js"></script>
120 121
121<script type="text/javascript"> 122 $( document ).ready(function() { 123 outdatedBrowser({ 124 bgColor: '#00BF6F', 125 color: '#ffffff', 126 lowerThan: 'IE10', 127 languagePath: '/assets/javascripts/vendor/outdatedbrowser/lang/sl.html' 128 }) 129 }) 130 </script>
130 131 <![endif]--> 132 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 133 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 134 <!--[if lt IE 9]> 135
135<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
135 136
136<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
136 137 <![endif]--> 138 139 <!-- Main JS --> 140
140<script src="/assets/javascripts/main.js" type="text/javascript"></script>
140 141 <!-- Cart JS --> 142 143 144
144<script> 145 window.dataLayer = window.dataLayer || []; 146 function gtag(){dataLayer.push(arguments);} 147 gtag('consent', 'default', { 148 'ad_storage': 'denied', // advertising 149 'ad_user_data': 'denied', // advertising 150 'ad_personalization': 'denied', // advertising 151 'personalization_storage': 'denied',// advertising 152 'analytics_storage': 'denied' //analytics 153 }); 154 </script>
154 155 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 155-156
155 156 <script async src="https://www.googletagmanager.com/gtag/js?id=
156UA-56768096-1
vendor: 14 bytes, lines 156-157
156"></script> 157
157<script> 158
vendor: 139 bytes, lines 158-161
158window.dataLayer = window.dataLayer || []; 159 function gtag(){dataLayer.push(arguments);} 160 gtag('js', new Date()); 161 gtag('config', '
161UA-56768096-1
vendor: 6 bytes, lines 161-162
161'); 162
162</script>
162 163 <!-- Meta Pixel Code --> 164
164<script type="text/plain" data-category="targeting">
vendor: 417 bytes, lines 164-173
164 165 !function(f,b,e,v,n,t,s) 166 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 167 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 168 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 169 n.queue=[];t=b.createElement(e);t.async=!0; 170 t.src=v;s=b.getElementsByTagName(e)[0]; 171 s.parentNode.insertBefore(t,s)}(window, document,'script', 172 'https://connect.facebook.net/en_US/fbevents.js'); 173 fbq('init', '
1731390483425185254
vendor: 34 bytes, lines 173-175
173'); 174 fbq('track', 'PageView'); 175
175</script>
175 176 <noscript><img height="1" width="1" style="display:none" 177 src="https://www.facebook.com/tr?id=1390483425185254&ev=PageView&noscript=1" 178 /></noscript> 179 <!-- End Meta Pixel Code --> 180 181
181<script type="text/plain" data-category="targeting" defer src=https://widget.vaven.co/loader.js?id=4a04782e0de64dac8dc248257a7e1bf5></script>
181 182</head> 183 <body> 184
184<script type="text/javascript"> 185 jQuery(document).ready( function($) { 186 // remove the empty p tags 187 $('.container p').each(function() { 188 var $this = $(this); 189 if($this.html().replace(/\s|Â /g, '').length == 0) 190 $this.remove(); 191 }); 192 }); 193 </script>
193 194 195
195<script> 196 const currentLanguage = "DE"; 197 const selectedLanguage = getCookie('selectedLanguage'); 198 let url = null; 199 let langCode = null; 200 201 if(selectedLanguage && currentLanguage != selectedLanguage) { 202 203 langCode = "SI"; 204 if(langCode === selectedLanguage) { 205 url = "/si/domov"; 206 } 207 208 langCode = "EN"; 209 if(langCode === selectedLanguage) { 210 url = "/en/home"; 211 } 212 213 langCode = "HR"; 214 if(langCode === selectedLanguage) { 215 url = "/hr/domov"; 216 } 217 218 langCode = "SR"; 219 if(langCode === selectedLanguage) { 220 url = "/sr/pocetna"; 221 } 222 223 langCode = "PL"; 224 if(langCode === selectedLanguage) { 225 url = "/pl/strona-glowna"; 226 } 227 228 langCode = "HU"; 229 if(langCode === selectedLanguage) { 230 url = "/hu/otthon"; 231 } 232 233 langCode = "FR"; 234 if(langCode === selectedLanguage) { 235 url = "/fr/accueil"; 236 } 237 238 langCode = "NL"; 239 if(langCode === selectedLanguage) { 240 url = "/nl/huis"; 241 } 242 243 langCode = "CZ"; 244 if(langCode === selectedLanguage) { 245 url = "/cz/domov"; 246 } 247 248 langCode = "IT"; 249 if(langCode === selectedLanguage) { 250 url = "/it/home"; 251 } 252 253 langCode = "GR"; 254 if(langCode === selectedLanguage) { 255 url = "/gr/home"; 256 } 257 258 } 259 if(url) { 260 261 if(selectedLanguage === "SI") { 262 window.location.href = '/'; 263 } else { 264 window.location.href = url.substring(0,3); 265 } 266 267 } 268 </script>
268 269 270<!-- ID: 422; Content > Language selection modal --> 271<style> 272 .modal-bootstrap5 { 273 z-index: 9999999999; 274 } 275</style> 276<div id="langModalSlo" class="modal fade modal-bootstrap5" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> 277 <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable"> 278 <div class="modal-content"> 279 <div class="modal-header"> 280 <h3 class="modal-title">Kako želite nadaljevati?</h3> 281 </div> 282 <div class="modal-body"> 283 <div class="row"> 284 <div class="col-md-6"> 285 <a href="javascript:void(0)" class="modal-body-link" data-bs-target="#langModal" data-bs-toggle="modal"> 286 <img width="248" src="/assets/images/logo-d.svg" alt="silko logo"> 287 <p>Izberite jezik v katerem želite nadaljevati</p> 288 </a> 289 </div> 290 <div class="col-md-6"> 291 <a href="https://www.selekto.si/" class="modal-body-link"> 292 <img width="252" src="/assets/images/logo-selekto.svg" alt="selekto logo"> 293 <p>Želim na spletno stran distributerja v Sloveniji</p> 294 </a> 295 </div> 296 </div> 297 </div> 298 </div> 299 </div> 300</div> 301<div id="langModal" class="modal fade modal-bootstrap5" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> 302 <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable"> 303 <div class="modal-content"> 304 305 <div class="modal-header"> 306 <h3 class="modal-title">Website-Sprache auswählen</h3> 307 </div> 308 <div class="modal-body pb-0"> 309 <div class="container"> 310 <div class="row justify-content-left"> 311 312 <div class="col-6 col-md-3 mb-5"> 313 314 <a href="/de" class="modal-body-lang-link" data-lang="DE"> 315 316 <img src="/assets/images/flags/de.svg" alt="de flag"> 317 <p></p> 318 </a> 319 </div> 320 321 <div class="col-6 col-md-3 mb-5"> 322 323 <a href="/" class="modal-body-lang-link" data-lang="SI"> 324 325 <img src="/assets/images/flags/SI.svg" alt="si flag"> 326 <p></p> 327 </a> 328 </div> 329 330 <div class="col-6 col-md-3 mb-5"> 331 332 <a href="/en" class="modal-body-lang-link" data-lang="EN"> 333 334 <img src="/assets/images/flags/EN.svg" alt="en flag"> 335 <p></p> 336 </a> 337 </div> 338 339 <div class="col-6 col-md-3 mb-5"> 340 341 <a href="/hr" class="modal-body-lang-link" data-lang="HR"> 342 343 <img src="/assets/images/flags/HR.svg" alt="hr flag"> 344 <p></p> 345 </a> 346 </div> 347 348 <div class="col-6 col-md-3 mb-5"> 349 350 <a href="/sr" class="modal-body-lang-link" data-lang="SR"> 351 352 <img src="/assets/images/flags/SR.svg" alt="sr flag"> 353 <p></p> 354 </a> 355 </div> 356 357 <div class="col-6 col-md-3 mb-5"> 358 359 <a href="/pl" class="modal-body-lang-link" data-lang="PL"> 360 361 <img src="/assets/images/flags/PL.svg" alt="pl flag"> 362 <p></p> 363 </a> 364 </div> 365 366 <div class="col-6 col-md-3 mb-5"> 367 368 <a href="/hu" class="modal-body-lang-link" data-lang="HU"> 369 370 <img src="/assets/images/flags/HU.svg" alt="hu flag"> 371 <p></p> 372 </a> 373 </div> 374 375 <div class="col-6 col-md-3 mb-5"> 376 377 <a href="/fr" class="modal-body-lang-link" data-lang="FR"> 378 379 <img src="/assets/images/flags/FR.svg" alt="fr flag"> 380 <p></p> 381 </a> 382 </div> 383 384 <div class="col-6 col-md-3 mb-5"> 385 386 <a href="/nl" class="modal-body-lang-link" data-lang="NL"> 387 388 <img src="/assets/images/flags/NL.svg" alt="nl flag"> 389 <p></p> 390 </a> 391 </div> 392 393 <div class="col-6 col-md-3 mb-5"> 394 395 <a href="/cz" class="modal-body-lang-link" data-lang="CZ"> 396 397 <img src="/assets/images/flags/CZ.svg" alt="cz flag"> 398 <p></p> 399 </a> 400 </div> 401 402 </div> 403 </div> 404 </div> 405 <div class="modal-footer"> 406 <img width="122" src="/assets/images/logo-d.svg" alt="silko logo"> 407 </div> 408 </div> 409 </div> 410 </div>
411<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
vendor: 1 bytes, line 411
411
412<script> 413 document.addEventListener('DOMContentLoaded', function () { 414 const langModalSlo = new bootstrap.Modal(document.getElementById('langModalSlo')); 415 const langModal = new bootstrap.Modal(document.getElementById('langModal')); 416 const langLinks = document.querySelectorAll('.modal-body-lang-link'); 417 const languageNames = { 418 EN: 'English', 419 SI: 'Slovenian', 420 DE: 'German', 421 HR: 'Croatian', 422 SR: 'Serbian', 423 PL: 'Polish', 424 HU: 'Hungarian', 425 FR: 'French', 426 NL: 'Dutch', 427 CZ: 'Czech', 428 IT: 'Italian', 429 EL: 'Greek' 430 }; 431 432 433 if(langModalSlo && langModal) { 434 435 langModal && langModal.show(); 436 437 } 438 439 440 if (langLinks.length > 0) { 441 langLinks.forEach(link => { 442 const code = link.getAttribute('data-lang'); 443 const label = link.querySelector('p'); 444 if (label && languageNames[code]) { 445 label.textContent = languageNames[code]; 446 } 447 link.addEventListener('click', function() { 448 const selectedLang = this.getAttribute('data-lang'); 449 if(code === "SI") { 450 setCookie('selectedLanguage', selectedLang, 0.5); 451 } else { 452 setCookie('selectedLanguage', selectedLang, 365); 453 } 454 console.log('Selected language:', selectedLang); 455 }); 456 }); 457 } 458 }); 459</script>
459 460 461 <div class="site-wrapper" id="site-wrapper"> 462<!-- Template: Header HTML END --> 463 464<!-- Template: Header --> 465 466<header> 467 <nav> 468 <div class="navbar navbar-dark navbar-expand justify-content-between flex-nowrap flex-row" id="navbar"> 469 <div class="container-fluid d-flex justify-content-between"> 470 471 <a href="/de" class="navbar-brand position-relative mr-0"> 472 <img src="/assets/images/logo.svg" class="logo" alt="Silco" title="Silco"> 473 </a> 474 475 <div class="main-nav flex-column d-none d-lg-block ml-3 ml-xl-5 mr-auto"> 476 <ul class="navbar-nav"> 477 478 <li class="nav-item mr-0 mx-xl-3"> 479 <a href="/de/uber-uns" class="nav-link text-uppercase" target="" alt="Ãber Uns">Ãber Uns</a> 480 </li> 481 482 <li class="nav-item mr-0 mx-xl-3"> 483 <a href="/de/produkte" class="nav-link text-uppercase" target="" alt="Produkte">Produkte</a> 484 </li> 485 486 <li class="nav-item mr-0 mx-xl-3"> 487 <a href="/de/technische-daten" class="nav-link text-uppercase" target="" alt="Technische Daten">Technische Daten</a> 488 </li> 489 490 <li class="nav-item mr-0 mx-xl-3"> 491 <a href="/de/silco-karriere" class="nav-link text-uppercase" target="" alt="Silco Karriere">Silco Karriere</a> 492 </li> 493 494 <li class="nav-item mr-0 mx-xl-3"> 495 <a href="/de/kontakt" class="nav-link text-uppercase" target="" alt="Kontakt">Kontakt</a> 496 </li> 497 498 </ul> 499 </div> 500 <div class="flex-column"> 501 <ul class="navbar-nav justify-content-center align-items-center"> 502 <li class="nav-item mx-1"> 503 504 <a href="javascript:void(0)" class="nav-link" data-bs-target="#langModal" data-bs-toggle="modal"> 505 <img src="/assets/images/flags/DE.svg" alt="DE flag"> 506 </a> 507 508 </li> 509 <li class="nav-spacer mx-1"> 510 <img src="/assets/images/icons/ci-spacer.svg" width="1px" class="svg" alt=""> 511 </li> 512 <li class="nav-item mx-1"> 513 514 <a href="/de/mein-silco" class="nav-link"> 515 <img src="/assets/images/icons/ci-user.svg" class="ci-user svg" alt="Mein Silco" title="Mein Silco"> 516 </a> 517 518 </li> 519 520<!-- ID: 7; Shop > Shop cart number of products --> 521 522 <li class="nav-item mx-1"> 523 <a class="nav-link hamburger-item" id="hamburger-item"> 524 <button type="button" class="hamburger main-hamburger px-0" id="main-hamburger"> 525 <div class="hamburger-box"> 526 <span class="hamburger-inner"></span> 527 <span class="hamburger-inner"></span> 528 <span class="hamburger-inner"></span> 529 </div> 530 </button> 531 </a> 532 </li> 533 </ul> 534 </div> 535 </div> 536 </div> 537 </nav> 538</header> 539 540<!-- Template: Content Start --> 541<main> 542 543<!-- ID: 9; Banner > Cover area - full height --> 544 545<section class="hero-nav"> 546 547 <div class="cover-wrapper index-wrapper light parallax " style="background-image: url(/Data/File/Banners/2026-9-15-homepage-perfin-tools.jpg)" data-has-video="0" > 548 <div class="container-fluid h-100"> 549 <div class="row h-100"> 550 551 <div class="col-lg-4 offset-lg-1 my-7 my-lg-0 align-self-center cover-heading light" data-aos="fade" data-aos-delay="300"> 552 <h1 class="heading pb-3 pb-md-4"> 553 DIE NEUE GENERATION<br>DEU PERFIN WERKZEUGE 554 </h1> 555 556 <p class="sub-heading mb-0"> 557 5 professionelle Werkzeuge, die speziell für die täglichen Anforderungen in professionellen Werkstätten entwickelt wurden. 558 </p> 559 560 <div class="mt-5"> 561 562 <a href="/de/neuigkeiten/die-neue-generation-der-perfin-werkzeuge" class="btn btn-brand"> 563 Mehr  <i class="fas fa-caret-right"></i> 564 </a> 565 566 </div> 567 </div> 568 569 <div class="col-lg-6 offset-lg-1 cover-menu-right"> 570 571 <div class="row h-md-50 cover-group"> 572 573 <div class="col-md-6 cover-item-wrapper p-0"> 574 <a href="/de/neuigkeiten" class="cover-item h-100 p-5"> 575 <div class="cover-inner d-flex flex-column align-items-center justify-content-center text-center h-100"> 576 <img src="/assets/images/icons/ci-plus.svg" class="ci-plus" alt=""> 577 <h3 class="c-white fw-600 mt-4">Neuigkeiten</h3> 578 <p class="c-white fs-20"> 579 Bleiben Sie mit unseren neuesten Geschichten auf dem Laufenden. 580 </p> 581 </div> 582 </a> 583 </div> 584 585 <div class="col-md-6 cover-item-wrapper p-0"> 586 <a href="/de/vertriebshandler" class="cover-item h-100 p-5"> 587 <div class="cover-inner d-flex flex-column align-items-center justify-content-center text-center h-100"> 588 <img src="/assets/images/icons/ci-plus.svg" class="ci-plus" alt=""> 589 <h3 class="c-white fw-600 mt-4">Vertriebshandler</h3> 590 <p class="c-white fs-20"> 591 Eine Zusammenarbeit mit Silco ist eine Zusammenarbeit mit dem Hersteller. 592 </p> 593 </div> 594 </a> 595 </div> 596 597 </div> 598 599 <div class="row h-md-50 cover-group"> 600 601 <div class="col-md-6 cover-item-wrapper p-0"> 602 <a href="/de/produkte" class="cover-item h-100 p-5"> 603 <div class="cover-inner d-flex flex-column align-items-center justify-content-center text-center h-100"> 604 <img src="/assets/images/icons/ci-plus.svg" class="ci-plus" alt=""> 605 <h3 class="c-white fw-600 mt-4">Produkte</h3> 606 <p class="c-white fs-20"> 607 Eine breite Palette von Produkten für Autolackierer. 608 </p> 609 </div> 610 </a> 611 </div> 612 613 <div class="col-md-6 cover-item-wrapper p-0"> 614 <a href="/de/promo-center" class="cover-item h-100 p-5"> 615 <div class="cover-inner d-flex flex-column align-items-center justify-content-center text-center h-100"> 616 <img src="/assets/images/icons/ci-plus.svg" class="ci-plus" alt=""> 617 <h3 class="c-white fw-600 mt-4">Promo center</h3> 618 <p class="c-white fs-20"> 619 Silco materiali na enem mestu 620 </p> 621 </div> 622 </a> 623 </div> 624 625 </div> 626 627 </div> 628 629 </div> 630 </div> 631 <div class="cover-scroll"> 632 <div class="scroll-downs light">
633 <a href="javascript: scrollDown()"> 634 <div class="mousey"> 635 <div class="scroller"></div> 636 </div> 637 </a> 638 </div> 639 </div> 640 </div> 641</section> 642 643</main> 644 645<!-- Template: Footer --> 646 647 648<!-- ID: 1; Menu > Main menu --> 649 650<div class="main-menu" id="main-overlay"> 651 <div class="container-fluid h-100"> 652 <div class="row h-100 relative"> 653 <div class="col-12 col-md-6 d-flex h-100 bg-black px-0"> 654 <div class="menu-group-left m-auto"> 655 656 <div class="menu-item-wrapper"> 657 <a href="/de/neuigkeiten" class="menu-item text-uppercase" target="" alt="Neuigkeiten">Neuigkeiten</a> 658 </div> 659 660 <div class="menu-item-wrapper"> 661 <a href="/de/uber-uns" class="menu-item text-uppercase" target="" alt="Ãber Uns">Ãber Uns</a> 662 </div> 663 664 <div class="menu-item-wrapper d-block d-lg-none"> 665 <a href="/de/produkte" class="menu-item text-uppercase" target="" alt="Produkte">Produkte</a> 666 </div> 667 668 <div class="menu-item-wrapper"> 669 <a href="/de/forschung-und-entwicklung" class="menu-item text-uppercase" target="" alt="Forschung und Entwicklung">Forschung und Entwicklung</a> 670 </div> 671 672 <div class="menu-item-wrapper"> 673 <a href="/de/technologie" class="menu-item text-uppercase" target="" alt="Technologie">Technologie</a> 674 </div> 675 676 <div class="menu-item-wrapper"> 677 <a href="/de/technische-daten" class="menu-item text-uppercase" target="" alt="Technische Daten">Technische Daten</a> 678 </div> 679 680 <div class="menu-item-wrapper"> 681 <a href="/de/silco-karriere" class="menu-item text-uppercase" target="" alt="Silco Karriere">Silco Karriere</a> 682 </div> 683 684 <div class="menu-item-wrapper"> 685 <a href="/de/promo-center" class="menu-item text-uppercase" target="" alt="Promo center">Promo center</a> 686 </div> 687 688 <div class="menu-item-wrapper"> 689 <a href="/de/kontakt" class="menu-item text-uppercase" target="" alt="Kontakt">Kontakt</a> 690 </div> 691 692 693 <div class="menu-item-wrapper socials mt-5 mt-md-0"> 694 695<!-- ID: 20; Floating > Social icons --> 696<div class="socials-group"> 697 <a href="https://www.facebook.com/SilcoOfficial/" target="_blank" class="social-item" ><i class="fab fa-facebook-f"></i></a> 698 <a href="https://www.linkedin.com/company/silco-official/?viewAsMember=true" target="_blank" class="social-item"><i class="fab fa-linkedin-in"></i></a> 699 <a href="https://instagram.com/silco_official?igshid=16sdh4wy6muv7" target="_blank" class="social-item"><i class="fab fa-instagram"></i></a> 700 <a href="https://www.youtube.com/channel/UCX6xM0oj5j5svtRc6DhwaTg" target="_blank" class="social-item" ><i class="fab fa-youtube"></i></a> 701</div> 702 703 </div> 704 </div> 705 </div> 706 <div class="col-md-6 d-none d-md-block px-0"> 707 <div class="menu-group-right h-100 bg-white"> 708 <div class="row h-100 w-100 d-flex mx-0"> 709 <div class="col-md-12 col-xl-6 h-100 "> 710 <div class="d-flex align-items-center justify-content-center h-100"> 711 <div class="product-group-right"> 712 <div class="product-item-wrapper"> 713 <h5><a href="/de/produkte">Produkte</a></h5> 714 </div> 715 716<!-- ID: 32; Shop > Product category list - main menu --> 717 718 <div class="product-item-wrapper mt-4"> 719 720 <a href="/de/produkte/schleifen" class="product-item ">Schleifen</a> 721 </div> 722 723 <div class="product-item-wrapper"> 724 725 <a href="/de/produkte/spachteln" class="product-item ">Spachteln</a> 726 </div> 727 728 <div class="product-item-wrapper"> 729 730 <a href="/de/produkte/grundierungen-und-fuller" class="product-item ">Grundierungen und Füller</a> 731 </div> 732 733 <div class="product-item-wrapper"> 734 735 <a href="/de/produkte/abdecken" class="product-item ">Abdecken</a> 736 </div> 737 738 <div class="product-item-wrapper"> 739 740 <a href="/de/produkte/klarlacke-und-farblacke" class="product-item ">Klarlacke und Farblacke</a> 741 </div> 742 743 <div class="product-item-wrapper"> 744 745 <a href="/de/produkte/unimix-30-mischsystem" class="product-item ">UniMix 30</a> 746 </div> 747 748 <div class="product-item-wrapper"> 749 750 <a href="/de/produkte/unimix-40" class="product-item ">UniMix 40</a> 751 </div> 752 753 <div class="product-item-wrapper"> 754 755 <a href="/de/produkte/unimix-60" class="product-item ">UniMix 60</a> 756 </div> 757 758 <div class="product-item-wrapper"> 759 760 <a href="/de/produkte/harter" class="product-item ">Härter</a> 761 </div> 762 763 <div class="product-item-wrapper"> 764 765 <a href="/de/produkte/polieren" class="product-item ">Polieren</a> 766 </div> 767 768 <div class="product-item-wrapper"> 769 770 <a href="/de/produkte/dichten-und-kleben" class="product-item ">Dichten und Kleben</a> 771 </div> 772 773 <div class="product-item-wrapper"> 774 775 <a href="/de/produkte/lackierwerkstatt-verbrauchsmaterial" class="product-item ">Lackierwerkstatt Verbrauchsmaterial</a> 776 </div> 777 778 <div class="product-item-wrapper"> 779 780 <a href="/de/produkte/lackierwerkstattausrustung-und-zubehor" class="product-item ">Lackierwerkstattausrüstung und Zubehör</a> 781 </div> 782 783 <div class="product-item-wrapper"> 784 785 <a href="/de/produkte/gesundheits-und-sicherheitsausrustung" class="product-item ">Gesundheits- und Sicherheitsausrüstung</a> 786 </div> 787 788 <div class="product-item-wrapper"> 789 790 <a href="/de/produkte/autoreinigungsprodukte" class="product-item ">Autoreinigungsprodukte</a> 791 </div> 792 793 <div class="product-item-wrapper"> 794 795 <a href="/de/produkte/technische-aerosole" class="product-item ">Technische Aerosole</a> 796 </div> 797 798 <div class="product-item-wrapper"> 799
800 <a href="/de/produkte/werbeartikel" class="product-item ">Werbeartikel</a> 801 </div> 802 803 </div> 804 </div> 805 </div> 806 <div class="col-xl-6 d-none d-xl-block bg-light-gray my-auto p-0" style="height: 630px"> 807 <div class="d-flex align-items-center justify-content-center h-100"> 808 <div class="menu-products-slider" style="height: 630px"> 809 810<!-- ID: 246; Menu > Main menu - gallery images --> 811 812 <div class="slide menu-product-item h-100"> 813 <img src="/Data/File/burger-menu-image-2.jpg" class="img-fluid menu-product-image w-100 h-100" style="max-height: 100%;object-fit: cover;" alt="burger-menu-image-2.jpg" title="burger-menu-image-2.jpg"> 814 </div> 815 816 <div class="slide menu-product-item h-100"> 817 <img src="/Data/File/burger-menu-image-1.jpg" class="img-fluid menu-product-image w-100 h-100" style="max-height: 100%;object-fit: cover;" alt="burger-menu-image-1.jpg" title="burger-menu-image-1.jpg"> 818 </div> 819 820 <div class="slide menu-product-item h-100"> 821 <img src="/Data/File/burger-menu-image-3.jpg" class="img-fluid menu-product-image w-100 h-100" style="max-height: 100%;object-fit: cover;" alt="burger-menu-image-3.jpg" title="burger-menu-image-3.jpg"> 822 </div> 823 824 <div class="slide menu-product-item h-100"> 825 <img src="/Data/File/burger-menu-image-4.jpg" class="img-fluid menu-product-image w-100 h-100" style="max-height: 100%;object-fit: cover;" alt="burger-menu-image-4.jpg" title="burger-menu-image-4.jpg"> 826 </div> 827 828 <div class="slide menu-product-item h-100"> 829 <img src="/Data/File/burger-menu-image-5.jpg" class="img-fluid menu-product-image w-100 h-100" style="max-height: 100%;object-fit: cover;" alt="burger-menu-image-5.jpg" title="burger-menu-image-5.jpg"> 830 </div> 831 832 </div> 833 </div> 834 </div> 835 </div> 836 </div> 837 </div> 838 </div> 839 </div> 840</div> 841 842 <footer class=" d-print-none"> 843 <div class="container mt-5"> 844 <div class="row line-bottom"> 845 <div class="col-lg-5 d-flex flex-column mb-4 mb-lg-0"> 846 847 <div> 848 <p class="mb-0 mb-sm-3 mt-0">Newsletter</p> 849 <h5 class="c-white mt-0 p-0"> 850 Bleiben Sie auf dem Laufenden 851 </h5> 852 853<!-- ID: 4; Floating > Mailchimp form --> 854 855<iframe style="margin: -35px -15px;" src="https://6555.squalomail.net/index.php?option=com_subscribe_form&view=embed&id=18&position=center&background=transparent&top=0px&side=0px" frameborder="0" scrolling="no" width="100%" height="100%" style="display:none;overflow:hidden;border:0;" onload="var obj=this;window.addEventListener('message',function(evt){if (evt.data.id == 18){obj.style.minHeight=evt.data.height;obj.style.display='inline';}},false);"></iframe> 856 857 </div> 858 859 <div class="mt-3 mt-lg-auto"> 860 <p class="m-0 text-uppercase lh-20">SILCO, D.O.O.</p> 861 <p class="m-0 lh-20">Å entrupert 5a, 3303 Gomilsko, Slovenia</p> 862 </div> 863 </div> 864 <div class="col-lg-5 mb-3 mb-sm-4 mb-lg-0"> 865 <div class="row"> 866 <div class="col-sm-4 d-flex flex-column mb-3 mb-sm-0"> 867 <p class="mb-2 mb-sm-3 mt-0">Produkte</p> 868 869<!-- ID: 32; Shop > Product category list - footer menu --> 870 871 <a href="/de/produkte">Produkte</a> 872 873 874 <p class="mb-2 mb-sm-3 mt-3 mt-sm-5">Technische Daten</p> 875 876 <a href="/de/technische-daten/technische-und-sicherheitsdokumentation">TDS/MSDS</a> 877 <a href="/de/technische-daten/video-navodila">Verwendungsvideo</a> 878 879 </div> 880 <div class="col-sm-4 d-flex flex-column mb-3 mb-sm-0"> 881 882 <p class="mb-2 mb-sm-3 mt-0">Aktualno</p> 883 884 <!--<a class="p-0 m-0" href="/de/neuigkeiten" target="" alt="Neuigkeiten">Neuigkeiten</a>--> 885 <a class="" href="/de/neuigkeiten" target="" alt="Neuigkeiten">Neuigkeiten</a> 886 887 888 </div> 889 <div class="col-sm-4 d-flex flex-column"> 890 <p class="mb-2 mb-sm-3 mt-0">Gesellschaft</p> 891 892 <a href="/de/uber-uns" target="" alt="Ãber Uns"> 893 Ãber Uns 894 </a> 895 896 <a href="/de/forschung-und-entwicklung" target="" alt="Forschung und Entwicklung"> 897 Forschung und Entwicklung 898 </a> 899 900 <a href="/de/technologie" target="" alt="Technologie"> 901 Technologie 902 </a> 903 904 <a href="/de/silco-karriere" target="" alt="Silco Karriere"> 905 Silco Karriere 906 </a> 907 908 <a href="/de/promo-center" target="" alt="Promo center"> 909 Promo center 910 </a> 911 912 <a href="/de/kontakt" target="" alt="Kontakt"> 913 Kontakt 914 </a> 915 916 </div> 917 </div>
918 </div> 919 <div class="col-lg-2"> 920 <p class="mb-0 mb-sm-3 mt-0">Soziale Medien</p> 921 <h5 class="c-white mt-0 p-0 text-nowrap"> 922 Folgt mir. 923 </h5> 924 <div class="social-group"> 925 926<!-- ID: 20; Floating > Social icons --> 927<div class="socials-group"> 928 <a href="https://www.facebook.com/SilcoOfficial/" target="_blank" class="social-item" ><i class="fab fa-facebook-f"></i></a> 929 <a href="https://www.linkedin.com/company/silco-official/?viewAsMember=true" target="_blank" class="social-item"><i class="fab fa-linkedin-in"></i></a> 930 <a href="https://instagram.com/silco_official?igshid=16sdh4wy6muv7" target="_blank" class="social-item"><i class="fab fa-instagram"></i></a> 931 <a href="https://www.youtube.com/channel/UCX6xM0oj5j5svtRc6DhwaTg" target="_blank" class="social-item" ><i class="fab fa-youtube"></i></a> 932</div> 933 934 </div> 935 </div> 936 </div> 937 <div class="row"> 938 <div class="col-lg-5 copyright order-2 order-lg-1 mt-4 mt-lg-0 lh-20"> 939 © 2026 Silco d.o.o.<br/> 940 Autoren: <a target="blank" class="anchor anchor-gray" href="https://www.tritim.si">TriTim Webagentur</a> 941 </div> 942 <div class="col-lg-7 footer-menu order-1 order-lg-2"> 943 944<!-- ID: 2; Menu > Footer menu --> 945 946 <div class="footer-menu-item d-block d-lg-inline-block"> 947 <a href="/de/nutzungsbedingungen" class="anchor anchor-gray footer-menu-item-link text-uppercase" target="" alt="Nutzungsbedingungen">Nutzungsbedingungen</a> 948 </div> 949 950 <div class="footer-menu-item d-block d-lg-inline-block"> 951 <a href="/de/silco-karriere" class="anchor anchor-gray footer-menu-item-link text-uppercase" target="" alt="Silco Karriere">Silco Karriere</a> 952 </div> 953 954 <div class="footer-menu-item d-block d-lg-inline-block"> 955 <a href="/de/kofinanzierung" class="anchor anchor-gray footer-menu-item-link text-uppercase" target="" alt="Kofinanzierung">Kofinanzierung</a> 956 </div> 957 958 <div class="footer-menu-item d-block d-lg-inline-block"> 959 <a href="/de/datenschutz-bestimmungen" class="anchor anchor-gray footer-menu-item-link text-uppercase" target="" alt="Datenschutz-Bestimmungen">Datenschutz-Bestimmungen</a> 960 </div> 961 962 <div class="footer-menu-item d-block d-lg-inline-block"> 963 <a href="/de/cookies" class="anchor anchor-gray footer-menu-item-link text-uppercase" target="" alt="Cookies">Cookies</a> 964 </div> 965 966 </div> 967 </div> 968 </div> 969 </footer> 970 971 972<div id="outdated"></div> 973 974 975<!-- ID: 22; Floating > Floating icons --> 976 977 978 979<div class="funds-bar d-none d-md-block d-print-none"> 980 981 <a href="/de/kofinanzierung" target="" alt="Kofinanzierung" title="Kofinanzierung"> 982 <img src="/Data/File/Content/[email protected]" width="120" alt="ESRR" title="ESRR"> 983 </a> 984 985</div> 986 987 988 989<div class="overlay" id="overlay" style="display: none;"></div> 990 991 992<!-- ID: 6; Menu > Language and user menu --> 993 994<div class="lang-modal pt-3 pb-4 px-3" id="lang-modal" style="display: none;"> 995 <div class="container"> 996 <div class="row"> 997 <div class="col-10"> 998 <h6 class="heading-modal mt-3 mb-0">Wählen Sie die Basissprache</h6> 999 </div> 1000 <div class="col-2 text-right"> 1001 <a href="javascript: void(0)" class="btn-close-modal"> 1002 <img src="/assets/images/icons/ci-times.svg" class="ci-times svg" alt=""> 1003 </a> 1004 </div> 1005 </div> 1006 <div class="row mt-1"> 1007 <div class="col-12"> 1008 1009 <div class="lang-item"> 1010 1011 <a href="/" class="lang-link">SI</a> 1012 1013 </div> 1014 1015 <div class="lang-item"> 1016 1017 <a href="/en" class="lang-link">EN</a> 1018 1019 </div> 1020 1021 <div class="lang-item"> 1022 1023 <a href="/hr" class="lang-link">HR</a> 1024 1025 </div> 1026 1027 <div class="lang-item"> 1028 1029 <a href="/cz" class="lang-link">CZ</a> 1030 1031 </div> 1032 1033 <div class="lang-item"> 1034 1035 <a href="/de" class="lang-link active">DE</a> 1036 1037 </div> 1038 1039 </div> 1040 </div> 1041 </div> 1042</div>
1043<script> 1044 (function () { 1045 var langLinks = document.querySelectorAll('.lang-link'); 1046 if (!langLinks.length) return; 1047 1048 for (var i = 0; i < langLinks.length; i++) { 1049 langLinks[i].addEventListener('click', function () { 1050 var selectedLang = (this.textContent || this.innerText || '').trim().toUpperCase(); 1051 if (!selectedLang) return; 1052 setCookie('selectedLanguage', selectedLang, 365); 1053 console.log('Selected language:', selectedLang); 1054 }); 1055 } 1056 })(); 1057</script>
1057 1058 1059 1060<!-- ID: 99; Shop > My Silco - Header popup user profile --> 1061 1062<div class="user-modal p-3" id="user-modal" style="display: none;"> 1063 <div class="container"> 1064 <div class="row"> 1065 <div class="col-10"> 1066 <h6 class="heading-modal mt-3 mb-0 text-uppercase">Benutzerprofil</h6> 1067 </div> 1068 <div class="col-2 text-right"> 1069 <a href="javascript: void(0)" class="btn-close-modal"> 1070 <img src="/assets/images/icons/ci-times.svg" class="ci-times svg" alt=""> 1071 </a> 1072 </div> 1073 </div> 1074 <div class="row mt-1" id="frmLogoff"> 1075 <div class="col-12"> 1076 <div class="lang-item"> 1077 1078 </div> 1079 <br /> 1080 <div class="lang-item"> 1081 1082 <a href="/de/mein-silco" class="lang-link"> 1083 Mein Profil anzeigen 1084 </a> 1085 1086 </div> 1087 <br /> 1088 <br /> 1089 <div class="lang-item"> 1090 <form id="frmLogoff"> 1091 1092 <a onclick="javascript:sendLogoff(); return false;" class="btn btn-brand btn-brand-border"> 1093 Abmelden  <i class="fas fa-caret-right"></i> 1094 </a> 1095 </form> 1096 </div> 1097 </div> 1098 </div> 1099 </div> 1100</div>
1101<script> 1102 function sendLogoff() { 1103 $.ajax({ 1104 url: '/Data/logoff', 1105 type: 'POST', 1106 data: $('#frmLogoff').serialize() 1107 }).done(function (result) { 1108 window.location.reload(); 1109 }); 1110 }; 1111</script>
1111 1112 1113 1114</div>
1115<script> 1116 $(document).ready(function() { 1117 var currentLocation = document.URL; 1118 if(currentLocation.includes("sfr")) { 1119 const section = document.getElementById(currentLocation.split('#')[1]); 1120 if(section) { 1121 section.scrollIntoView({behavior: "smooth"}); 1122 } 1123 } 1124 }); 1125</script>
1125 1126 1127 1128<!-- Template: Footer HTML --> 1129 1130<!-- ID: 221; Floating > Cookies --> 1131<link href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css" rel="stylesheet"> 1132<style> 1133:root { 1134 --cc-font-family: inherit; 1135 --cc-font-size: 14px; 1136 --cc-bg: #fff; 1137 --cc-secondary-color: #595757; 1138 --cc-z-index: 2147483647; 1139 --cc-text: #595757; 1140 --cc-border-radius: 8px; 1141 --cc-btn-primary-bg: #0091d0; 1142 --cc-btn-primary-color: #fff; 1143 --cc-btn-primary-hover-bg: #fff; 1144 --cc-btn-primary-hover-color: #0091d0; 1145 --cc-btn-secondary-bg: #fff; 1146 --cc-btn-secondary-color: #0091d0; 1147 --cc-btn-secondary-hover-bg: #0091d0; 1148 --cc-btn-secondary-hover-color: #fff; 1149 --cc-btn-primary-border-color: #0091d0; 1150 --cc-btn-border-radius: 0px; 1151 --cc-toggle-on-bg: #0091d0; 1152 --cc-toggle-bg-readonly: #0091d0; 1153 --cc-overlay-bg: rgba(89, 87, 87, 0.02); 1154 --cc-cookie-category-block-bg: rgba(89, 87, 87, 0.02); 1155 --cc-cookie-category-block-hover-bg: rgba(89, 87, 87, 0.1); 1156 } 1157 #cc-main .pm__btn, #cc-main .cm__btn { 1158 border: 1px solid #0091d0 !important; 1159 text-transform: uppercase; 1160 } 1161 #cc-main .pm__btn { 1162 font-size: 15px; 1163 border-radius: 0; 1164 } 1165 #cc-main .cm__btn { 1166 -webkit-border-radius: 50px; 1167 border-radius: 0; 1168 } 1169 #cc-main .pm__close-btn { 1170 background: 0 0; 1171 border-color: transparent; 1172 } 1173 #cc-main .pm__close-btn svg { 1174 stroke: #000; 1175 } 1176 #cc-main .pm__close-btn:hover svg { 1177 stroke: #93AAAA; 1178 } 1179 #cc-main .pm__close-btn svg { 1180 -webkit-transform: scale(0.7); 1181 -moz-transform: scale(0.7); 1182 -ms-transform: scale(0.7); 1183 -o-transform: scale(0.7); 1184 transform: scale(0.7); 1185 } 1186 #cc-main .pm__close-btn:hover { 1187 background: 0 0; 1188 border-color: transparent; 1189 } 1190 #cc-main .toggle__icon-off svg, 1191 #cc-main .toggle__icon-on svg { 1192 vertical-align: baseline; 1193 } 1194 #cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th { 1195 padding-left: 1.2em !important; 1196 } 1197 #cc-main .pm__table-caption { 1198 caption-side: top; 1199 } 1200 .cookies-settings { 1201 position: fixed; 1202 display: -webkit-box; 1203 display: -webkit-flex; 1204 display: -moz-box; 1205 display: -ms-flexbox; 1206 display: flex; 1207 -webkit-box-orient: vertical; 1208 -webkit-box-direction: normal; 1209 -webkit-flex-direction: column; 1210 -moz-box-orient: vertical; 1211 -moz-box-direction: normal; 1212 -ms-flex-direction: column; 1213 flex-direction: column; 1214 gap: 1rem; 1215 padding: 1rem; 1216 bottom: 10px; 1217 left: 10px; 1218 opacity: 1; 1219 width: 400px; 1220 height: auto; 1221 -webkit-border-radius: 0.5rem; 1222 -moz-border-radius: 0.5rem; 1223 border-radius: 0.5rem; 1224 background: center/0 no-repeat 1225 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 18 18'%3E%3Cg%3E%3Cpath d='M9,0 A9,9 0 0 0 0,9 A9,9 0 0 0 9,18 A9,9 0 0 0 18,9 C18,8.5 17.959999084472656,8 17.8700008392334,7.5 C17.600000381469727,7 17,7 17,7 H15 V6 C15,5 14,5 14,5 H12 V4 C12,3 11,3 11,3 H10 V1 C10,0 9,0 9,0 M6.5,3 A1.5,1.5 0 0 1 8,4.5 A1.5,1.5 0 0 1 6.5,6 A1.5,1.5 0 0 1 5,4.5 A1.5,1.5 0 0 1 6.5,3 M3.5,7 A1.5,1.5 0 0 1 5,8.5 A1.5,1.5 0 0 1 3.5,10 A1.5,1.5 0 0 1 2,8.5 A1.5,1.5 0 0 1 3.5,7 M8.5,8 A1.5,1.5 0 0 1 10,9.5 A1.5,1.5 0 0 1 8.5,11 A1.5,1.5 0 0 1 7,9.5 A1.5,1.5 0 0 1 8.5,8 M13.5,10 A1.5,1.5 0 0 1 15,11.5 A1.5,1.5 0 0 1 13.5,13 H13.5 A1.5,1.5 0 0 1 12,11.5 H12 A1.5,1.5 0 0 1 13.5,10 M8,13 A1.5,1.5 0 0 1 9.5,14.5 A1.5,1.5 0 0 1 8,16 A1.5,1.5 0 0 1 6.5,14.5 A1.5,1.5 0 0 1 8,13 z' id='svg_1' class=''/%3E%3C/g%3E%3C/svg%3E"), 1226 #fff; 1227 max-height: -webkit-calc(330px + var(--max-height)); 1228 max-height: -moz-calc(330px + var(--max-height)); 1229 max-height: calc(330px + var(--max-height)); 1230 -webkit-transition: width 0.3s ease-out, max-height 0.3s ease-out, 1231 -webkit-border-radius 0.3s ease-out !important; 1232 transition: width 0.3s ease-out, max-height 0.3s ease-out, 1233 -webkit-border-radius 0.3s ease-out !important; 1234 -o-transition: width 0.3s ease-out, max-height 0.3s ease-out, 1235 border-radius 0.3s ease-out !important; 1236 -moz-transition: width 0.3s ease-out, max-height 0.3s ease-out, 1237 border-radius 0.3s ease-out, -moz-border-radius 0.3s ease-out !important; 1238 transition: width 0.3s ease-out, max-height 0.3s ease-out, 1239 border-radius 0.3s ease-out !important; 1240 transition: width 0.3s ease-out, max-height 0.3s ease-out, 1241 border-radius 0.3s ease-out, -webkit-border-radius 0.3s ease-out, 1242 -moz-border-radius 0.3s ease-out !important; 1243 z-index: 9999; 1244 cursor: auto; 1245 } 1246 @media (max-width: 575.98px) { 1247 .cookies-settings { 1248 width: -webkit-calc(100% - 2rem); 1249 width: -moz-calc(100% - 2rem); 1250 width: calc(100% - 2rem); 1251 max-height: -webkit-calc(375px + var(--max-height)); 1252 max-height: -moz-calc(375px + var(--max-height)); 1253 max-height: calc(375px + var(--max-height)); 1254 } 1255 } 1256 @media (max-width: 399.98px) { 1257 .cookies-settings { 1258 width: -webkit-calc(100% - 1rem); 1259 width: -moz-calc(100% - 1rem); 1260 width: calc(100% - 1rem); 1261 bottom: 0.5rem; 1262 left: 0.5rem; 1263 } 1264 } 1265 .cookies-settings p { 1266 margin: 0; 1267 } 1268 .cookies-settings p, 1269 .cookies-settings a, 1270 .cookies-settings li, 1271 .cookies-settings span{ 1272 font-size: 15px; 1273 color: #595757; 1274 } 1275 .cookies-settings .gap-2 { 1276 gap: 0.75rem !important; 1277 } 1278 .cookies-settings.active { 1279 -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2); 1280 -moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2); 1281 box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2); 1282 } 1283 .cookies-settings .content, 1284 .cookies-settings .footer, 1285 .cookies-settings .header { 1286 opacity: 1; 1287 -webkit-transition: opacity 0.3s 0.3s ease-out; 1288 -o-transition: opacity 0.3s 0.3s ease-out; 1289 -moz-transition: opacity 0.3s 0.3s ease-out; 1290 transition: opacity 0.3s 0.3s ease-out; 1291 } 1292 .cookies-settings:not(.active) { 1293 padding: 0; 1294 width: 26px !important;
1295 max-height: 26px !important; 1296 background: center/20px no-repeat 1297 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 18 18'%3E%3Cg%3E%3Cpath d='M9,0 A9,9 0 0 0 0,9 A9,9 0 0 0 9,18 A9,9 0 0 0 18,9 C18,8.5 17.959999084472656,8 17.8700008392334,7.5 C17.600000381469727,7 17,7 17,7 H15 V6 C15,5 14,5 14,5 H12 V4 C12,3 11,3 11,3 H10 V1 C10,0 9,0 9,0 M6.5,3 A1.5,1.5 0 0 1 8,4.5 A1.5,1.5 0 0 1 6.5,6 A1.5,1.5 0 0 1 5,4.5 A1.5,1.5 0 0 1 6.5,3 M3.5,7 A1.5,1.5 0 0 1 5,8.5 A1.5,1.5 0 0 1 3.5,10 A1.5,1.5 0 0 1 2,8.5 A1.5,1.5 0 0 1 3.5,7 M8.5,8 A1.5,1.5 0 0 1 10,9.5 A1.5,1.5 0 0 1 8.5,11 A1.5,1.5 0 0 1 7,9.5 A1.5,1.5 0 0 1 8.5,8 M13.5,10 A1.5,1.5 0 0 1 15,11.5 A1.5,1.5 0 0 1 13.5,13 H13.5 A1.5,1.5 0 0 1 12,11.5 H12 A1.5,1.5 0 0 1 13.5,10 M8,13 A1.5,1.5 0 0 1 9.5,14.5 A1.5,1.5 0 0 1 8,16 A1.5,1.5 0 0 1 6.5,14.5 A1.5,1.5 0 0 1 8,13 z' id='svg_1' class=''/%3E%3C/g%3E%3C/svg%3E"), 1298 #fff; 1299 -webkit-border-radius: 50%; 1300 -moz-border-radius: 50%; 1301 border-radius: 50%; 1302 -webkit-transition: width 0.3s ease-out, max-height 0.3s ease-out, 1303 background 0.3s 0.4s ease-out, opacity 0.3s 0.4s linear, 1304 -webkit-border-radius 0.3s ease-out, -webkit-transform 0.3s 0.4s linear !important; 1305 transition: width 0.3s ease-out, max-height 0.3s ease-out, 1306 background 0.3s 0.4s ease-out, opacity 0.3s 0.4s linear, 1307 -webkit-border-radius 0.3s ease-out, -webkit-transform 0.3s 0.4s linear !important; 1308 -o-transition: width 0.3s ease-out, max-height 0.3s ease-out, 1309 border-radius 0.3s ease-out, background 0.3s 0.4s ease-out, 1310 opacity 0.3s 0.4s linear, -o-transform 0.3s 0.4s linear !important; 1311 -moz-transition: width 0.3s ease-out, max-height 0.3s ease-out, 1312 border-radius 0.3s ease-out, background 0.3s 0.4s ease-out, 1313 opacity 0.3s 0.4s linear, transform 0.3s 0.4s linear, 1314 -moz-border-radius 0.3s ease-out, -moz-transform 0.3s 0.4s linear !important; 1315 transition: width 0.3s ease-out, max-height 0.3s ease-out, 1316 border-radius 0.3s ease-out, background 0.3s 0.4s ease-out, 1317 opacity 0.3s 0.4s linear, transform 0.3s 0.4s linear !important; 1318 transition: width 0.3s ease-out, max-height 0.3s ease-out, 1319 border-radius 0.3s ease-out, background 0.3s 0.4s ease-out, 1320 opacity 0.3s 0.4s linear, transform 0.3s 0.4s linear, 1321 -webkit-border-radius 0.3s ease-out, -moz-border-radius 0.3s ease-out, 1322 -webkit-transform 0.3s 0.4s linear, -moz-transform 0.3s 0.4s linear, 1323 -o-transform 0.3s 0.4s linear !important; 1324 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); 1325 -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); 1326 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); 1327 cursor: pointer; 1328 cursor: pointer; 1329 } 1330 .cookies-settings:not(.active):hover { 1331 -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.3); 1332 -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.3); 1333 box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.3); 1334 } 1335 .cookies-settings:not(.active) .content, 1336 .cookies-settings:not(.active) .footer, 1337 .cookies-settings:not(.active) .header { 1338 opacity: 0; 1339 -webkit-transition: opacity 0.2s ease-out; 1340 -o-transition: opacity 0.2s ease-out; 1341 -moz-transition: opacity 0.2s ease-out; 1342 transition: opacity 0.2s ease-out; 1343 } 1344 .cookies-settings svg { 1345 width: 100%; 1346 height: auto; 1347 } 1348 .cookies-settings .btn { 1349 display: flex; 1350 align-items: center; 1351 justify-content: center; 1352 width: unset; 1353 min-height: 42px; 1354 min-width: 110px; 1355 gap: 0.2em; 1356 padding: 0.5em 1.25em; 1357 font-size: 12px; 1358 font-weight: 600; 1359 border: 1px solid #0091d0; 1360 } 1361 .cookies-settings .header { 1362 -webkit-box-pack: justify; 1363 -webkit-justify-content: space-between; 1364 -moz-box-pack: justify; 1365 -ms-flex-pack: justify; 1366 justify-content: space-between; 1367 -webkit-box-align: center; 1368 -webkit-align-items: center; 1369 -moz-box-align: center; 1370 -ms-flex-align: center; 1371 align-items: center; 1372 display: flex; 1373 } 1374 .cookies-settings .header .svg-wrapper { 1375 cursor: pointer; 1376 width: 30px; 1377 height: 30px; 1378 } 1379 .cookies-settings .header .svg-wrapper svg { 1380 position: relative; 1381 z-index: -1; 1382 } 1383 @media (max-height: 450px) { 1384 .cookies-settings .content { 1385 max-height: -webkit-calc(50vh); 1386 max-height: -moz-calc(50vh); 1387 max-height: calc(50vh); 1388 overflow: scroll; 1389 } 1390 } 1391 @media (max-height: 350px) { 1392 .cookies-settings .content { 1393 max-height: -webkit-calc(30vh); 1394 max-height: -moz-calc(30vh); 1395 max-height: calc(30vh); 1396 } 1397 } 1398 .cookies-settings .content .current-status { 1399 font-size: 0.95em; 1400 padding-left: 30px; 1401 } 1402 .cookies-settings .content .current-status li { 1403 list-style: none; 1404 position: relative; 1405 line-height: 20px; 1406 margin-bottom: 0.5rem; 1407 } 1408 .cookies-settings .content .current-status li::before { 1409 content: ""; 1410 position: absolute; 1411 left: -25px; 1412 top: 50%; 1413 -webkit-transform: translateY(-50%); 1414 -moz-transform: translateY(-50%); 1415 -ms-transform: translateY(-50%); 1416 -o-transform: translateY(-50%); 1417 transform: translateY(-50%); 1418 width: 18px; 1419 height: 18px; 1420 } 1421 .cookies-settings .content .current-status li:nth-child(1)::before { 1422 background: center/contain no-repeat 1423 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='currentColor' version='1.1' id='Capa_1' width='800px' height='800px' viewBox='0 0 574.922 574.922' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M491.102,238.031v-33.892c0-27.472-5.39-54.146-16.021-79.278c-10.26-24.255-24.937-46.028-43.624-64.717 c-18.688-18.688-40.462-33.365-64.717-43.623C341.607,5.891,314.934,0.5,287.461,0.5s-54.146,5.391-79.279,16.021 c-24.255,10.259-46.028,24.935-64.717,43.623c-18.688,18.688-33.366,40.462-43.624,64.717 c-10.63,25.133-16.021,51.806-16.021,79.278v33.892c-29.34,2.925-52.328,27.753-52.328,57.85v220.4 c0,32.059,26.082,58.141,58.14,58.141h395.657c32.059,0,58.141-26.082,58.141-58.141v-220.4 C543.431,265.784,520.442,240.957,491.102,238.031z M74.333,516.281v-220.4c0-6.391,3.921-11.865,9.489-14.154 c1.792-0.736,3.753-1.146,5.812-1.146h15.609h21.42h321.6h21.421h15.608c2.058,0,4.02,0.409,5.812,1.146 c5.567,2.289,9.488,7.763,9.488,14.154v220.4c0,8.451-6.85,15.301-15.3,15.301H89.633 C81.183,531.582,74.333,524.73,74.333,516.281z M126.662,204.139c0-88.807,71.993-160.799,160.8-160.799l0,0 c88.807,0,160.8,71.993,160.8,160.799v33.602h-321.6V204.139L126.662,204.139z'/%3E%3Cpath d='M485.289,574.922H89.632c-32.334,0-58.64-26.306-58.64-58.641v-220.4c0-14.615,5.431-28.626,15.292-39.451 c9.692-10.64,22.83-17.322,37.036-18.849v-33.441c0-27.539,5.403-54.277,16.061-79.473c10.283-24.314,24.997-46.141,43.731-64.875 c18.733-18.733,40.561-33.446,64.875-43.73C233.184,5.403,259.922,0,287.461,0C315,0,341.739,5.403,366.935,16.061 c24.314,10.283,46.142,24.996,64.876,43.73c18.732,18.734,33.446,40.561,43.731,64.875c10.656,25.194,16.06,51.933,16.06,79.473 v33.441c14.207,1.527,27.345,8.21,37.037,18.85c9.861,10.825,15.291,24.835,15.291,39.451v220.4 C543.93,548.616,517.624,574.922,485.289,574.922z M287.461,1c-27.404,0-54.012,5.377-79.084,15.981 c-24.196,10.234-45.916,24.875-64.558,43.516c-18.643,18.643-33.284,40.363-43.517,64.558 c-10.604,25.072-15.981,51.
1423679-15.981,79.083v34.345l-0.451,0.045c-14.132,1.409-27.218,8.005-36.846,18.575 c-9.693,10.64-15.031,24.412-15.031,38.777v220.4c0,31.783,25.857,57.641,57.64,57.641h395.657 c31.783,0,57.641-25.857,57.641-57.641v-220.4c0-14.366-5.338-28.137-15.03-38.777c-9.628-10.569-22.714-17.166-36.848-18.575 l-0.45-0.045v-34.345c0-27.406-5.377-54.014-15.981-79.083c-10.234-24.195-24.875-45.916-43.517-64.558 c-18.643-18.642-40.363-33.283-64.558-43.516C341.474,6.377,314.866,1,287.461,1z M485.291,532.082H89.633 c-8.712,0-15.8-7.088-15.8-15.801v-220.4c0-6.432,3.846-12.169,9.799-14.616c1.91-0.785,3.93-1.183,6.001-1.183h395.658 c2.072,0,4.091,0.398,6.002,1.183c5.952,2.447,9.798,8.185,9.798,14.616v220.4C501.091,524.994,494.003,532.082,485.291,532.082z M89.633,281.082c-1.941,0-3.832,0.373-5.622,1.108c-5.576,2.292-9.179,7.667-9.179,13.691v220.4 c0,8.161,6.639,14.801,14.8,14.801h395.658c8.16,0,14.8-6.64,14.8-14.801v-220.4c0-6.024-3.603-11.399-9.179-13.691 c-1.789-0.735-3.681-1.108-5.621-1.108H89.633z M448.762,238.241h-322.6v-34.102c0-88.941,72.359-161.299,161.3-161.299 s161.3,72.358,161.3,161.299V238.241z M127.162,237.241h320.6v-33.102c0-88.389-71.91-160.299-160.3-160.299 c-88.39,0-160.3,71.91-160.3,160.299V237.241z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M287.461,302.375c-34.337,0-62.272,27.936-62.272,62.273c0,26.639,16.816,49.422,40.388,58.299v40.58v8.488 c0,5.18,1.838,9.93,4.898,13.635c3.928,4.756,9.871,7.787,16.521,7.787c6.609,0,12.518-2.996,16.447-7.701 c3.104-3.717,4.973-8.5,4.973-13.721v-8.357v-40.369c24.059-8.623,41.317-31.652,41.317-58.641 C349.734,330.311,321.799,302.375,287.461,302.375z M287.461,384.082c-10.732,0-19.433-8.701-19.433-19.434 s8.701-19.434,19.433-19.434s19.433,8.701,19.433,19.434S298.194,384.082,287.461,384.082z'/%3E%3Cpath d='M286.997,493.938c-6.562,0-12.724-2.904-16.907-7.969c-3.233-3.914-5.013-8.869-5.013-13.953v-48.724 c-24.171-9.257-40.388-32.779-40.388-58.644c0-34.613,28.16-62.773,62.772-62.773s62.773,28.16,62.773,62.773 c0,26.31-16.59,49.972-41.317,58.991v48.376c0,5.125-1.808,10.111-5.089,14.041C299.646,491.065,293.511,493.938,286.997,493.938z M287.461,302.875c-34.062,0-61.772,27.712-61.772,61.773c0,25.566,16.101,48.807,40.064,57.831l0.324,0.122v49.414 c0,4.852,1.699,9.581,4.784,13.316c3.992,4.833,9.874,7.605,16.136,7.605c6.216,0,12.071-2.741,16.063-7.521 c3.132-3.751,4.856-8.51,4.856-13.4v-49.078l0.331-0.119c24.516-8.786,40.986-32.163,40.986-58.17 C349.234,330.587,321.523,302.875,287.461,302.875z M287.461,384.582c-10.991,0-19.933-8.942-19.933-19.934 s8.942-19.934,19.933-19.934s19.933,8.942,19.933,19.934S298.452,384.582,287.461,384.582z M287.461,345.715 c-10.439,0-18.933,8.493-18.933,18.934s8.493,18.934,18.933,18.934c10.44,0,18.933-8.493,18.933-18.934 S297.901,345.715,287.461,345.715z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); 1424 } 1425 .cookies-settings .content .current-status li:nth-child(2)::before, 1426 .cookies-settings .content .current-status li:nth-child(3)::before { 1427 background: center/130% no-repeat 1428 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); 1429 } 1430 .cookies-settings .content .current-status li.active:nth-child(2)::before, 1431 .cookies-settings .content .current-status li.active:nth-child(3)::before { 1432 background: center/130% no-repeat 1433 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E"); 1434 } 1435 .cookies-settings .content #details { 1436 cursor: pointer; 1437 -webkit-transition: color 0.3s ease-out; 1438 -o-transition: color 0.3s ease-out; 1439 -moz-transition: color 0.3s ease-out; 1440 transition: color 0.3s ease-out; 1441 width: -webkit-fit-content; 1442 width: -moz-fit-content; 1443 width: fit-content; 1444 display: flex !important;
1445 align-items: center; 1446 gap: 0.5rem; 1447 } 1448 .cookies-settings .content #details.show svg { 1449 -webkit-transform: rotate(180deg); 1450 -moz-transform: rotate(180deg); 1451 -ms-transform: rotate(180deg); 1452 -o-transform: rotate(180deg); 1453 transform: rotate(180deg); 1454 } 1455 .cookies-settings .content #details p, 1456 .cookies-settings .content #details svg { 1457 position: relative; 1458 -webkit-transition: all 0.3s ease-out; 1459 -o-transition: all 0.3s ease-out; 1460 -moz-transition: all 0.3s ease-out; 1461 transition: all 0.3s ease-out; 1462 z-index: -1; 1463 } 1464 .cookies-settings .content #details:hover p { 1465 color: #595757; 1466 } 1467 .cookies-settings .content #details:hover svg { 1468 fill: #595757; 1469 } 1470 .cookies-settings .content .details-toggle { 1471 height: auto; 1472 max-height: 0; 1473 -webkit-transition: max-height 0.3s ease-out; 1474 -o-transition: max-height 0.3s ease-out; 1475 -moz-transition: max-height 0.3s ease-out; 1476 transition: max-height 0.3s ease-out; 1477 overflow: hidden; 1478 background-color: #ddd; 1479 -webkit-border-radius: 0.5rem; 1480 -moz-border-radius: 0.5rem; 1481 border-radius: 0.5rem; 1482 padding: 0 0.75rem; 1483 } 1484 .cookies-settings .content .details-toggle .consent-date { 1485 padding-top: 0.75rem; 1486 } 1487 .cookies-settings .content .details-toggle.show { 1488 max-height: -webkit-calc(var(--max-height)); 1489 max-height: -moz-calc(var(--max-height)); 1490 max-height: calc(var(--max-height)); 1491 -webkit-transition: max-height 0.3s ease-out; 1492 -o-transition: max-height 0.3s ease-out; 1493 -moz-transition: max-height 0.3s ease-out; 1494 transition: max-height 0.3s ease-out; 1495 } 1496 .cookies-settings .content .details-toggle p { 1497 font-size: 0.95em; 1498 } 1499 .cookies-settings .content .consent-id #consentId { 1500 word-break: break-all; 1501 } 1502 .cookies-settings .footer { 1503 display: -webkit-box; 1504 display: -webkit-flex; 1505 display: -moz-box; 1506 display: -ms-flexbox; 1507 display: flex; 1508 -webkit-box-pack: justify; 1509 -webkit-justify-content: space-between; 1510 -moz-box-pack: justify; 1511 -ms-flex-pack: justify; 1512 justify-content: space-between; 1513 -webkit-flex-wrap: wrap; 1514 -ms-flex-wrap: wrap; 1515 flex-wrap: wrap; 1516 background: transparent; 1517 padding-top: 1.25rem !important; 1518 margin: 0; 1519 } 1520 .cookies-settings .fw-bold { 1521 font-weight: 600; 1522 } 1523 .cookies-settings .border-bottom{ 1524 border-bottom: 1px solid #595757; 1525 } 1526 .cookies-settings .border-top{ 1527 border-top: 1px solid #595757; 1528 } 1529 @media (max-width: 575.98px) { 1530 .cookies-settings .footer { 1531 gap: 0.5rem; 1532 } 1533 } 1534 .tooltip { 1535 z-index: 999999; 1536 } 1537 @media (hover: none) { 1538 .tooltip { 1539 display: none; 1540 } 1541 } 1542.cookies-settings .content .current-status li.active:nth-child(4)::before { 1543 background: center/130% no-repeat url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'currentColor\' class=\'bi bi-check\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z\'/%3E%3C/svg%3E'); 1544} 1545.cookies-settings .content .current-status li:nth-child(4)::before { 1546 background: center/130% no-repeat url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' fill=\'currentColor\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\'/%3E%3C/svg%3E'); 1547} 1548.cookies-settings .footer .btn { 1549 line-height: 18px; 1550 display: flex; 1551 align-items: center; 1552} 1553</style> 1554 1555<div class="cookies-settings" data-expanded="false"> 1556 <div class="header d-flex border-bottom pb-2"> 1557 <p class="fw-bold">Cookie-Einstellungen</p> 1558 <div id="closeSettings" class="svg-wrapper"> 1559 <svg 1560 xmlns="http://www.w3.org/2000/svg" 1561 width="16" 1562 height="16" 1563 fill="currentColor"
1564 viewBox="0 0 16 16" 1565 > 1566 <path 1567 d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" 1568 /> 1569 </svg> 1570 </div> 1571 </div> 1572 <div class="content"> 1573 <p class="mb-2 fw-bold"></p> 1574 <ul class="current-status ps-3"> 1575 <li>Notwendige</li> 1576 <li id="icAnalytics">Analyse</li> 1577 <li id="icStorage">Targeting</li> 1578 </ul> 1579 <div class="details"> 1580 <div id="details" class="d-flex"> 1581 <p class="fw-bold mb-2">Zeige Details</p> 1582 <div class="svg-wrapper mb-2"> 1583 <svg 1584 xmlns="http://www.w3.org/2000/svg" 1585 width="16" 1586 height="16" 1587 fill="currentColor" 1588 class="bi bi-chevron-down" 1589 viewBox="0 0 16 16" 1590 > 1591 <path 1592 fill-rule="evenodd" 1593 d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708" 1594 /> 1595 </svg> 1596 </div> 1597 </div> 1598 <div class="details-toggle"> 1599 <div class="consent-date p-2"> 1600 <p class="fw-bold mb-1">Einwilligungsdatum:</p> 1601 <p id="consentDate"></p> 1602 </div> 1603 <div class="consent-id p-2"> 1604 <p class="fw-bold mb-1">Einwilligungs-ID:</p> 1605 <p id="consentId" class="mb-1"></p> 1606 </div> 1607 </div> 1608 </div> 1609 </div> 1610 <div class="footer border-top flex-sm-nowrap gap-1"> 1611 <div id="withdrawConsent" class="btn btn-white disabled"> 1612 Alles ablehnen 1613 </div> 1614 <div id="changeConsent" class="btn btn btn-brand btn-brand-border"> 1615 Ihre Einwilligung ändern 1616 </div> 1617 </div> 1618 </div> 1619 <!-- IFrame Manager --> 1620
1620<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/iframemanager.js"></script>
1620 1621
1621<script> 1622 const im = iframemanager(); 1623 1624 im.run({ 1625 onChange: ({ changedServices, eventSource }) => { 1626 if (eventSource.type === 'click') { 1627 const servicesToAccept = [ 1628 ...CookieConsent.getUserPreferences().acceptedServices['analytics'], 1629 ...changedServices, 1630 ]; 1631 1632 CookieConsent.acceptService(servicesToAccept, 'analytics'); 1633 } 1634 }, 1635 1636 currLang: 'en', 1637 1638 services: { 1639 youtube: { 1640 embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}', 1641 thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg', 1642 1643 iframe: { 1644 allow: 1645 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;', 1646 }, 1647 1648 languages: { 1649 en: { 1650 notice: 1651 'Dieser Inhalt wird von einem Drittanbieter gehostet. Durch die Anzeige des externen Inhalts akzeptieren Sie die <a rel="noreferrer noopener" href="https://www.youtube.com/t/terms" target="_blank">Nutzungsbedingungen</a> von youtube.com.', 1652 loadAllBtn: 'Akzeptieren und laden', 1653 }, 1654 }, 1655 }, 1656 1657 vimeo: { 1658 embedUrl: 'https://player.vimeo.com/video/{data-id}', 1659 iframe: { 1660 allow: 'fullscreen; picture-in-picture;', 1661 }, 1662 1663 thumbnailUrl: async (dataId, setThumbnail) => { 1664 const url = `https://vimeo.com/api/v2/video/${dataId}.json`; 1665 const response = await (await fetch(url)).json(); 1666 const thumbnailUrl = response[0]?.thumbnail_large; 1667 thumbnailUrl && setThumbnail(thumbnailUrl); 1668 }, 1669 1670 languages: { 1671 en: { 1672 notice: 1673 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer noopener" href="https://vimeo.com/terms" target="_blank">terms and conditions</a> of vimeo.com.', 1674 loadBtn: 'Load once', 1675 loadAllBtn: "Don't ask again", 1676 }, 1677 }, 1678 }, 1679 }, 1680 }); 1681 </script>
1681 1682
1682<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js"></script>
1682 1683
1683<script> 1684 /** 1685 * All config. options available here: 1686 * https://cookieconsent.orestbida.com/reference/configuration-reference.html 1687 */ 1688 CookieConsent.run({ 1689 cookie: { 1690 name: "cc_silco", 1691 domain: window.location.hostname, 1692 path: "/", 1693 sameSite: "Lax", 1694 expiresAfterDays: 365, 1695 }, 1696 guiOptions: { 1697 consentModal: { 1698 layout: "cloud", 1699 position: "middle center", 1700 flipButtons: false, 1701 equalWeightButtons: true, 1702 }, 1703 preferencesModal: { 1704 layout: "box", 1705 position: "middle center", 1706 flipButtons: false, 1707 equalWeightButtons: true, 1708 }, 1709 }, 1710 1711 categories: { 1712 necessary: { 1713 enabled: true, // this category is enabled by default 1714 readOnly: true, // this category cannot be disabled 1715 }, 1716 analytics: { 1717 autoClear: { 1718 cookies: [ 1719 { 1720 name: /^_ga/, // regex: match all cookies starting with '_ga' 1721 }, 1722 { 1723 name: "_gid", // string: exact cookie name 1724 }, 1725 ], 1726 }, 1727 }, 1728 targeting: { 1729 autoClear: { 1730 cookies: [ 1731 { 1732 name: "_fbp", 1733 }, 1734 ], 1735 }, 1736 }, 1737 }, 1738 language: { 1739 default: "de", 1740 translations: { 1741 de: { 1742 consentModal: { 1743 title: "Wir verwenden Cookies!", 1744 description: 1745 "Hallo, diese Website nutzt notwendige Cookies, um eine ordnungsgemäÃe Funktion zu gewährleisten, und Tracking-Cookies, um Ihre Interaktion mit der Website zu verstehen. Die Tracking-Cookies werden erst nach Freigabe installiert.", 1746 acceptAllBtn: "Alle akzeptieren", 1747 acceptNecessaryBtn: "Alles ablehnen", 1748 showPreferencesBtn: "Individuelle Einstellungen verwalten", 1749 footer: 1750 '\n<a href="https://www.silco.si/de/datenschutz-bestimmungen" target="_blank">DATENSCHUTZ</a>\n', 1751 }, 1752 preferencesModal: { 1753 title: "Cookie-Einstellungen verwalten", 1754 acceptAllBtn: "Alle akzeptieren", 1755 acceptNecessaryBtn: "Alles ablehnen", 1756 savePreferencesBtn: "Aktuelle Auswahl akzeptieren", 1757 closeIconLabel: "Dialogfenster schlieÃen", 1758 sections: [ 1759 { 1760 title: "Verwendung von Cookies", 1761 description: 1762 'Wir verwenden Cookies, um grundlegende Website-Funktionen bereitzustellen und Ihr Online-Erlebnis zu verbessern. Sie können jede Kategorie jederzeit aktivieren/deaktivieren. Weitere Einzelheiten zu Cookies und anderen sensiblen Daten finden Sie in der umfassenden <a href="https://www.silco.si/de/datenschutz-bestimmungen" target="_blank">Datenschutzrichtlinie</a>.', 1763 }, 1764 { 1765 title: "Notwendige Cookies", 1766 description: 1767 "Diese Cookies sind für das ordnungsgemäÃe Funktionieren der Website unerlässlich und können nicht deaktiviert werden.", 1768 linkedCategory: "necessary", 1769 cookieTable: { 1770 caption: "Cookie-Liste", 1771 headers: { 1772 name: "Name", 1773 domen: "Domain", 1774 duration: "Dauer", 1775 description: "Beschreibung", 1776 }, 1777 body: [ 1778 { 1779 name: "cc_silco", 1780 domen: "www.silco.si", 1781 duration: "1 Jahr", 1782 description: "Cookie-Einstellungen", 1783 }, 1784 { 1785 name: "selectedLanguage", 1786 domen: "www.silco.si", 1787 duration: "1 Jahr", 1788 description: "Speichert Ihre bevorzugte Sprache, sodass die Website bei zukünftigen Besuchen automatisch in Ihrer gewählten Sprache geladen wird.", 1789 }, 1790 ], 1791 }, 1792 }, 1793 { 1794 title: "Leistung und Analytik", 1795 description: 1796 "Diese Cookies sammeln Informationen darüber, wie Sie unsere Website nutzen. Alle Daten sind anonymisiert und können nicht dazu verwendet werden, Sie zu identifizieren.", 1797 linkedCategory: "analytics", 1798 cookieTable: { 1799 caption: "Cookie-Liste", 1800 headers: { 1801 name: "Name", 1802 domen: "Domain", 1803 duration: "Dauer", 1804 description: "Beschreibung", 1805 }, 1806 body: [ 1807 { 1808 name: "_ga", 1809 domen: ".silco.si", 1810 duration: "2 Jahre", 1811 description: 1812 "Das von Google Analytics verwendete Cookie ermöglicht es dem Dienst, Besucher voneinander zu unterscheiden.", 1813 }, 1814 { 1815 name: "_gid", 1816 domen: ".silco.si", 1817 duration: "1 Tag", 1818 description: 1819 "Registriert eine eindeutige ID, die verwendet wird, um statistische Daten zur Websitenutzung des Besuchers zu generieren", 1820 }, 1821 1822 ], 1823 }, 1824 }, 1825 { 1826 title: "Targeting und Werbung", 1827 description:
1828 "Diese Cookies sind speziell dafür konzipiert, Informationen über Sie auf Ihrem Gerät zu sammeln, um Ihnen Werbung zu relevanten Themen, die Sie interessieren, anzuzeigen.", 1829 linkedCategory: "targeting", 1830 cookieTable: { 1831 caption: "Cookie-Liste", 1832 headers: { 1833 name: "Name", 1834 domen: "Domain", 1835 duration: "Dauer", 1836 description: "Beschreibung", 1837 }, 1838 body: [ 1839 { 1840 name: "_fbp", 1841 domen: ".silco.si", 1842 duration: "3 Monate", 1843 description: 1844 "Wird von Facebook Pixel verwendet, um gezielte Werbung anzuzeigen und Website-Besuche zu verfolgen.", 1845 }, 1846 ], 1847 }, 1848 }, 1849 { 1850 title: "Mehr Informationen", 1851 description: 1852 'Bei Fragen zu unserer Cookie-Richtlinie und Ihren Auswahlmöglichkeiten <a href="https://www.silco.si/de/kontakt" target="_blank">kontaktieren Sie uns bitte.</a>', 1853 }, 1854 ], 1855 }, 1856 }, 1857 }, 1858 }, 1859 onFirstConsent: ({ cookie }) => { 1860 if (CookieConsent.acceptedCategory("analytics")) { 1861 gtag("consent", "update", { 1862 analytics_storage: "granted", 1863 }); 1864 } 1865 if (CookieConsent.acceptedCategory("targeting")) { 1866 gtag("consent", "update", { 1867 ad_storage: "granted", 1868 ad_user_data: "granted", 1869 ad_personalization: "granted", 1870 personalization_storage: "granted", 1871 }); 1872 } 1873 setDetailsValues(cookie); 1874 }, 1875 onChange: ({ cookie, changedCategories, changedServices }) => { 1876 if ( 1877 CookieConsent.acceptedCategory("analytics") && 1878 CookieConsent.acceptedCategory("targeting") 1879 ) { 1880 gtag("consent", "update", { 1881 ad_storage: "granted", 1882 ad_user_data: "granted", 1883 ad_personalization: "granted", 1884 personalization_storage: "granted", 1885 analytics_storage: "granted", 1886 }); 1887 } else if ( 1888 CookieConsent.acceptedCategory("analytics") && 1889 !CookieConsent.acceptedCategory("targeting") 1890 ) { 1891 gtag("consent", "update", { 1892 ad_storage: "denied", 1893 ad_user_data: "denied", 1894 ad_personalization: "denied", 1895 personalization_storage: "denied", 1896 analytics_storage: "granted", 1897 }); 1898 } else if ( 1899 !CookieConsent.acceptedCategory("analytics") && 1900 CookieConsent.acceptedCategory("targeting") 1901 ) { 1902 gtag("consent", "update", { 1903 ad_storage: "granted", 1904 ad_user_data: "granted", 1905 ad_personalization: "granted", 1906 personalization_storage: "granted", 1907 analytics_storage: "denied", 1908 }); 1909 } else { 1910 gtag("consent", "update", { 1911 ad_storage: "denied", 1912 ad_user_data: "denied", 1913 ad_personalization: "denied", 1914 personalization_storage: "denied", 1915 analytics_storage: "denied", 1916 }); 1917 } 1918 setDetailsValues(cookie); 1919 }, 1920 }); 1921 1922 const consentDate = document.querySelector("#consentDate"); 1923 const consentId = document.querySelector("#consentId"); 1924 const icFunctional = document.querySelector("#icFunctional"); 1925 const icStorage = document.querySelector("#icStorage"); 1926 const icAnalytics = document.querySelector("#icAnalytics"); 1927 const settingsPanel = document.querySelector(".cookies-settings"); 1928 const detailsBtn = document.querySelector("#details"); 1929 const detailsToggle = document.querySelector(".details-toggle"); 1930 const btnWithdrawConsent = document.querySelector("#withdrawConsent"); 1931 1932 const dateFormat = (date) => { 1933 let timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone; 1934 let newDate = new Date(date); 1935 let localeTemp = document.documentElement.lang; 1936 let locale = localeTemp === 'si' ? 'sl' : localeTemp === 'cz' ? 'cs' : localeTemp; 1937 let options = { 1938 year: "numeric", 1939 month: "long", 1940 day: "numeric", 1941 hour: "numeric", 1942 minute: "numeric", 1943 second: "numeric", 1944 hour12: false, 1945 timeZone: timeZone, 1946 timeZoneName: "short", 1947 }; 1948 let output = new Intl.DateTimeFormat(locale, options).format(newDate); 1949 output += " " + timeZone; 1950 return output; 1951 }; 1952 1953 function setDetailsValues(cookie) { 1954 let categories = cookie.categories; 1955 let uuid = cookie.consentId;
1956 let date = cookie.lastConsentTimestamp; 1957 1958 if (categories) { 1959 consentDate.innerHTML = dateFormat(date); 1960 consentId.innerHTML = uuid; 1961 if (categories.length == 1) { 1962 btnWithdrawConsent.classList.add("disabled"); 1963 } else { 1964 btnWithdrawConsent.classList.remove("disabled"); 1965 } 1966 if (categories.includes("analytics")) { 1967 icAnalytics.classList.add("active"); 1968 } else icAnalytics.classList.remove("active"); 1969 if (categories.includes("targeting")) { 1970 icStorage.classList.add("active"); 1971 } else icStorage.classList.remove("active"); 1972 } 1973 } 1974 1975 if (settingsPanel) { 1976 const cookieContent = CookieConsent.getCookie(); 1977 settingsPanel.setAttribute("style", "--max-height: 0px"); 1978 if (cookieContent) { 1979 setDetailsValues(cookieContent); 1980 } 1981 settingsPanel.addEventListener( 1982 "click", 1983 (e) => { 1984 if (settingsPanel.dataset.expanded == "false") { 1985 settingsPanel.classList.add("active"); 1986 settingsPanel.dataset.expanded = "true"; 1987 } 1988 if (e.target.id == "closeSettings") { 1989 closeSettings(); 1990 } 1991 if (e.target.id == "details") { 1992 setMaxHeight(detailsToggle, settingsPanel); 1993 detailsToggle.classList.toggle("show"); 1994 detailsBtn.classList.toggle("show"); 1995 if (!detailsToggle.classList.contains("show")) { 1996 settingsPanel.setAttribute("style", "--max-height: 0px"); 1997 } 1998 } 1999 if (e.target.id == "changeConsent") { 2000 closeSettings(); 2001 showSettings(); 2002 } 2003 if (e.target.id == "withdrawConsent") { 2004 setDefaultValues(); 2005 } 2006 }, 2007 false 2008 ); 2009 } 2010 2011 const setMaxHeight = (el1, el2) => { 2012 let height = el1.scrollHeight; 2013 el1.setAttribute("style", "--max-height: " + height + "px;"); 2014 el2.setAttribute("style", "--max-height: " + height + "px;"); 2015 }; 2016 2017 const closeSettings = () => { 2018 settingsPanel.classList.remove("active"); 2019 settingsPanel.dataset.expanded = "false"; 2020 detailsToggle.classList.remove("show"); 2021 detailsBtn.classList.remove("show"); 2022 setTimeout(() => { 2023 settingsPanel.setAttribute("style", "--max-height: 0px"); 2024 }, 300); 2025 }; 2026 const showSettings = () => { 2027 CookieConsent.showPreferences(); 2028 }; 2029 const setDefaultValues = () => { 2030 CookieConsent.acceptCategory([]); 2031 gtag("consent", "update", { 2032 ad_storage: "denied", 2033 ad_user_data: "denied", 2034 ad_personalization: "denied", 2035 personalization_storage: "denied", 2036 analytics_storage: "denied", 2037 }); 2038 }; 2039 </script>
2039 2040 2041 2042 2043 2044
2044<script src="/Scripts/site/main.js" type="text/javascript"></script>
2044 2045
2045<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
2045 2046
2046<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
2046 2047
2047<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
2047 2048 2049
2049<script src="/assets/javascripts/cookie.js" type="text/javascript"></script>
2049 2050 2051 2052 2053</body> 2054</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.