1<!DOCTYPE html> 2<html lang="de-DE"> 3<head> 4 <meta charset="utf-8"> 5 6<!-- 7 This website is powered by TYPO3 - inspiring people to share! 8 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 9 TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 10 Information and contribution at https://typo3.org/ 11--> 12 13<link rel="icon" href="https://www.topcamping.at/typo3conf/ext/mw_theme/Resources/Public/Favicon/favicon.png" type="image/png"> 14<title>Top Card - Top Camping Austria</title> 15<meta http-equiv="x-ua-compatible" content="IE=edge"> 16<meta name="generator" content="TYPO3 CMS"> 17<meta name="description" content="Entdecken Sie die Top-Card: exklusive Vorteile, Rabatte und Extras für Ihr Camping-Erlebnis bei Top Camping Austria."> 18<meta name="viewport" content="width=device-width, initial-scale=1"> 19<meta name="robots" content="index,follow"> 20<meta name="apple-mobile-web-app-capable" content="no"> 21<meta name="theme-color" content="#4B4944"> 22 23 24<style media="all"> 25:root { 26 --schwarz: #0C1419; 27 --schwarz04: rgba(12, 20, 25, 0.04); 28 --schwarz08: rgba(12, 20, 25, 0.08); 29 --schwarz48: rgba(12, 20, 25, 0.48); 30 --schwarz32: rgba(12, 20, 25, 0.32); 31 --weiss: #ffffff; 32 --rot: #F54943; 33 --rot48: rgba(245, 73, 67, 0.48); 34 --rot24: rgba(245, 73, 67, 0.24); 35 --rot08: rgba(245, 73, 67, 0.08); 36 --pastellrot: #FA8A90; 37 --rothover: #e33c3c; 38 --beige: #F3F2EA; 39 --beige50: #F3F2EA80; 40 --beige80: rgba(243, 242, 234, 0.80); 41 --fontfamily: 'PlusJakartaSans', Arial, Helvetica, sans-serif; 42 --fontheadline: 'Melodrama-Semibold'; 43 --lineh089285: 0.89285; 44 --lineh1: 1; 45 --lineh12: 1.2; 46 --lineh13: 1.3; 47 --lineh125: 1.25; 48 --lineh133: 1.33; 49 --lineh14: 1.4; 50 --line1444444: 1.4444444; 51 --lineh1428: 1.1428; 52 --lineh428: 1.428; 53 --lineh1818: 1.1818; 54 --lineh116667: 1.16667; 55 --fontsize12: 0.75rem; 56 --fontsize14: 0.875rem; 57 --fontsize10: 0.625rem; 58} 59 60html.schwarzweiss { 61 --schwarz: #000000; 62 --weiss: #ffffff; 63 --schwarz04: rgba(12, 20, 25, 0.04); 64 --schwarz08: rgba(12, 20, 25, 0.08); 65 --schwarz48: rgba(12, 20, 25, 0.48); 66 --rot: #000000; 67 --rot48: rgba(245, 73, 67, 0.48); 68 --rot24: rgba(245, 73, 67, 0.24); 69 --pastellrot: #FA8A90; 70 --rothover: #e33c3c; 71 --beige: #F3F2EA; 72 --beige50: #F3F2EA80; 73 --beige80: rgba(243, 242, 234, 0.80); 74 --fontfamily: 'PlusJakartaSans', Arial, Helvetica, sans-serif; 75 --fontheadline: 'Melodrama-Semibold'; 76 --lineh089285: 0.89285; 77 --lineh1: 1; 78 --lineh12: 1.5; 79 --lineh13: 1.5; 80 --lineh125: 1.5; 81 --lineh133: 1.5; 82 --lineh14: 1.5; 83 --line1444444: 1.5; 84 --lineh1428: 1.5; 85 --lineh428: 1.5; 86 --lineh1818: 1.5; 87 --lineh116667: 1.5; 88 --fontsize12: 1rem; 89 --fontsize14: 1rem; 90 --fontsize10: 1rem; 91} 92 93html.schwarzweiss .has-submenu button { 94 background-size: auto 1.5rem; 95} 96html.schwarzweiss ul.menu li + li { 97 margin-left: 3rem; 98} 99 100/* Plus Jakarta Sans - Regular */ 101@font-face { 102 font-family: 'PlusJakartaSans'; 103 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Regular.woff2') format('woff2'); 104 font-weight: 400; 105 font-style: normal; 106 font-display: swap; 107} 108 109/* Plus Jakarta Sans - Bold */ 110@font-face { 111 font-family: 'PlusJakartaSans'; 112 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Bold.woff2') format('woff2'); 113 font-weight: 700; 114 font-style: normal; 115 font-display: swap; 116} 117 118/* Plus Jakarta Sans - Italic */ 119@font-face { 120 font-family: 'PlusJakartaSans'; 121 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Italic.woff2') format('woff2'); 122 font-weight: 400; 123 font-style: italic; 124 font-display: swap; 125} 126 127/* Plus Jakarta Sans - Bold Italic */ 128@font-face { 129 font-family: 'PlusJakartaSans'; 130 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-BoldItalic.woff2') format('woff2'); 131 font-weight: 700; 132 font-style: italic; 133 font-display: swap; 134} 135 136/* Plus Jakarta Sans - Regular */ 137@font-face { 138 font-family: 'PlusJakartaSans'; 139 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'); 140 font-weight: 600; 141 font-style: normal; 142 font-display: swap; 143} 144 145/* Plus Jakarta Sans - Italic */ 146@font-face { 147 font-family: 'PlusJakartaSans'; 148 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-SemiBoldItalic.woff2') format('woff2'); 149 font-weight: 600; 150 font-style: italic; 151 font-display: swap; 152} 153 154/* Plus Jakarta Sans - Regular */ 155@font-face { 156 font-family: 'PlusJakartaSans'; 157 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Medium.woff2') format('woff2'); 158 font-weight: 500; 159 font-style: normal; 160 font-display: swap; 161} 162 163/* Plus Jakarta Sans - Italic */ 164@font-face { 165 font-family: 'PlusJakartaSans'; 166 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-MediumItalic.woff2') format('woff2'); 167 font-weight: 500; 168 font-style: italic; 169 font-display: swap; 170} 171 172 173/** 174* @license 175* 176* Font Family: Melodrama 177* Designed by: Shaily Patel 178* URL: https://www.fontshare.com/fonts/melodrama 179* © 2025 Indian Type Foundry 180* 181* Melodrama Light 182* Melodrama Regular 183* Melodrama Medium 184* Melodrama Semibold 185* Melodrama Bold 186* Melodrama Variable (Variable font) 187 188* 189*/ 190@font-face { 191 font-family: 'Melodrama-Semibold'; 192 src: url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/Melodrama-Semibold.woff2') format('woff2'), 193 url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/Melodrama-Semibold.woff') format('woff'), 194 url('/typo3conf/ext/mw_theme/Resources/Public/Fonts/Melodrama-Semibold.ttf') format('truetype'); 195 font-weight: 600; 196 font-display: swap; 197 font-style: normal; 198} 199 200 201html { 202 height: 100%; 203 margin: 0; 204 padding: 0; 205 -webkit-overflow-scrolling: touch; 206 /*-webkit-tap-highlight-color : rgb(214,67,54); */ 207 -webkit-text-size-adjust: 100%; 208 -ms-text-size-adjust: 100%; 209 font-size: 16px; 210 211} 212 213body { 214 height: 100%; 215 margin: 0; 216 padding: 0; 217 font-family: var(--fontfamily); 218 font-weight: 400; 219 font-size: 1rem; 220 line-height: 1.5; 221 letter-spacing: 0.03125em; 222 color: var(--rot); 223 â¨â¨leading-trim: both; 224 text-edge: cap; 225 background-color: var(--beige); 226 -webkit-text-size-adjust: none; 227 -webkit-font-smoothing: antialiased; 228 -moz-osx-font-smoothing: grayscale; 229 /*-webkit-hyphens: auto; 230 -moz-hyphens: auto; 231 -ms-hyphens: auto; 232 hyphens: auto;*/ 233 -webkit-appearance: none; 234 background-repeat: no-repeat; 235 background-position: center top; 236 237} 238body.offcanvasopen { 239 overflow: hidden; 240} 241html, 242#wrapper, 243#header, 244.sticky-bar, 245body { 246 scrollbar-gutter: stable; 247} 248@media screen and (min-width: 1025px) { 249 250 .fancybox-active #header, 251 .noscroll #header, 252 .mfp-wrap+#cookiebox+#wrapper #header { 253 padding-right: 17px; 254 } 255} 256 257em, 258i { 259 font-style: italic; 260} 261 262sup, 263sub { 264 vertical-align: baseline; 265 position: relative; 266 top: -0.4em; 267} 268 269sub { 270 top: 0.4em; 271} 272 273.headline-xl, 274h1 { 275 margin: 0; 276 padding: 0; 277 font-family: var(--fontheadline); 278 font-weight: normal; 279 font-weight: 600; 280 font-size: 7rem; 281 line-height: var(--lineh089285); 282 letter-spacing: 0;
283 -webkit-text-stroke-width: 0.00714em; 284 -webkit-text-stroke-color: var(--rot); 285} 286 287.headline-xl+.headline-xl, 288h1+h1 { 289 margin-top: 0.21428em; 290} 291 292h1+*, 293h1+p, 294.headline-xl+* { 295 margin-top: 1.5rem; 296} 297.article header h1, 298h2, 299.headline-lg { 300 margin: 0; 301 padding: 0; 302 font-family: var(--fontheadline); 303 font-weight: normal; 304 font-weight: 600; 305 font-size: 3.5rem; 306 line-height: var(--lineh1); 307 letter-spacing: 0; 308 -webkit-text-stroke-width: 0.010714em; 309 -webkit-text-stroke-color: var(--rot); 310} 311.animatedctabox_txt h2, 312.animatedctabox_txt .headline-lg { 313 -webkit-text-stroke-color: var(--weiss); 314} 315.headline-lg+* { 316 margin-top: 1rem; 317} 318.campingcanvas_txt .headline-lg + * { 319 margin-top: 0.5rem; 320} 321 322 323.col560 .headline-lg + p { 324 margin-top: 2.125rem 325} 326h2.h2sidebar { 327 margin: 0; 328 padding: 0; 329 line-height: 2.16667; 330 font-family: var(--fontfamily); 331 font-weight: normal; 332 text-transform: uppercase; 333 font-size: 0.75rem; 334 letter-spacing: 0.3333em; 335 -webkit-text-stroke-width: 0em; 336} 337#mehr-dialoganfrage h2.h2sidebar { 338 color: var(--schwarz); 339 -webkit-text-stroke-color: var(--schwarz); 340} 341.headline-lg+.headline-lg { 342 margin-top: 0.2857em; 343} 344 345.headline-md { 346 margin: 0; 347 padding: 0; 348 font-family: var(--fontfamily); 349 font-weight: normal; 350 font-weight: 600; 351 font-size: 1.75rem; 352 line-height: var(--lineh1428); 353 letter-spacing: 0; 354 -webkit-text-stroke-width: 0em; 355 -webkit-text-stroke-color: transparent; 356} 357 358.headline-md+* { 359 margin-top: 1rem; 360} 361 362.headline-md+.headline-md { 363 margin-top: 0.5714em; 364} 365 366.headline-sm { 367 margin: 0; 368 padding: 0; 369 font-family: var(--fontfamily); 370 font-weight: normal; 371 font-weight: 600; 372 font-size: 1.375rem; 373 line-height: var(--lineh1818); 374 letter-spacing: 0; 375 -webkit-text-stroke-width: 0em; 376 -webkit-text-stroke-color: transparent; 377} 378 379.headline-sm+p, 380.headline-sm+ul.checkul, 381.headline-sm+* { 382 margin-top: 0.5rem; 383} 384.headline-sm + .headline-lg { 385 margin-top: 1.25rem; 386} 387.headline-sm+.headline-sm { 388 margin-top: 0.3636em; 389} 390.headline-xs { 391 font-size: var(--fontsize12); 392 text-transform: uppercase; 393 font-weight: 600; 394 letter-spacing: 0.166666em; 395 font-family: var(--fontfamily); 396} 397h3 { 398 margin: 0; 399 padding: 0; 400} 401 402h4 { 403 margin: 0; 404 padding: 0; 405} 406 407h5 { 408 margin: 0; 409 padding: 0; 410} 411 412h6 { 413 margin: 0; 414 padding: 0; 415} 416 417p { 418 margin: 0; 419 padding: 0; 420} 421p.marker { 422 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/address.svg'); 423 background-position: left 0.1875rem; 424 background-repeat: no-repeat; 425 background-size: 0.875rem auto; 426 padding-left: 1.5rem; 427} 428.mapsadresse p.marker { 429 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/address-s.svg'); 430} 431.text-xl { 432 font-size: 2rem; 433 line-height: var(--lineh125); 434 letter-spacing: 0em; 435 font-family: var(--font-family); 436 font-weight: normal; 437 letter-spacing: 0; 438} 439 440.text-xl+* { 441 margin-top: 1rem; 442} 443h1.text-xl+* { 444 margin-top: 1.625rem; 445} 446 447/* 448.text-xl + .text-xl { 449 margin-top: 0.5em; 450}*/ 451.text-lg { 452 font-size: 1.25rem; 453 line-height: var(--lineh14); 454 letter-spacing: 0.025em; 455} 456 457.text-lg+* { 458 margin-top: 1rem; 459} 460 461/* 462.text-lg + .text-lg { 463 margin-top: 0.8em; 464}*/ 465.text-md { 466 font-size: 1rem; 467 line-height: 1.5; 468 letter-spacing: 0.03125em; 469} 470 471.text-md+* { 472 margin-top: 1rem; 473} 474 475p+p { 476 margin-top: 1em; 477} 478 479ul.checkul, 480.text-sm { 481 font-size: 0.875rem; 482 font-size: var(--fontsize14); 483 line-height: var(--lineh428); 484 letter-spacing: 0em; 485} 486 487.text-sm+* { 488 margin-top: 1rem; 489} 490 491/* 492.text-sm + .text-sm { 493 margin-top: 1.1428em; 494}*/ 495 496 497.headline-xl+.text-lg, 498h1+.text-lg { 499 margin-top: 0.875rem; 500} 501.frame-layout-2 .headline-xl +.text-lg { 502 margin-top: 1.875rem; 503} 504.headline-md+.text-md { 505 margin-top: 0.875rem; 506} 507 508dl, 509dd { 510 margin: 0; 511 padding: 0; 512} 513 514dt { 515 font-weight: normal; 516} 517 518dl { 519 width: 100%; 520 overflow: hidden; 521 padding: 0; 522 margin: 0 523} 524 525dt { 526 float: left; 527 width: 100px; 528 padding: 0; 529 margin: 0 530} 531 532dd { 533 float: left; 534 width: calc(100% -130px); 535 padding: 0; 536 margin: 0; 537} 538 539b, 540strong { 541 font-weight: 700; 542} 543 544hr { 545 border: 0; 546 width: 100%; 547 float: left; 548 clear: both; 549} 550 551.divider { 552 clear: both; 553} 554 555a, 556a:link, 557a:visited { 558 -webkit-transition: all 0.3s ease; 559 -moz-transition: all 0.3s ease; 560 -o-transition: all 0.3s ease; 561 transition: all 0.3s ease; 562 text-decoration: underline; 563 font-weight: 400; 564 color: var(--rot); 565 outline: 0em solid transparent; 566 text-underline-offset: 0.2em 567} 568 569button:focus-visible, 570a:focus-visible { 571 text-decoration: none; 572 outline: 1px dashed var(--schwarz); 573} 574 575#header .logo a:focus-visible { 576 outline: 1px dashed var(--schwarz); 577} 578 579a:hover { 580 outline: 0; 581 text-decoration: none; 582} 583 584a[href^="tel:"] { 585 text-decoration: none; 586} 587a.telefon { 588 display: inline-block; 589 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
589Images/phone.svg'); 590 background-position: left 0.1875rem; 591 background-repeat: no-repeat; 592 background-size: 1rem auto; 593 padding-left: 1.5rem; 594 text-decoration: none; 595} 596.mapsadresse a.telefon { 597 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/phone-s.svg'); 598} 599a.mail { 600 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/mail.svg'); 601 background-position: left 0.1875rem; 602 background-repeat: no-repeat; 603 background-size: 1rem auto; 604 padding-left: 1.5rem; 605 display: inline-block; 606 text-decoration: none !important; 607} 608.mapsadresse a.mail { 609 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/mail-s.svg'); 610} 611a.web { 612 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/web.svg'); 613 background-position: left 0.1875rem; 614 background-repeat: no-repeat; 615 background-size: 0.9375rem auto; 616 padding-left: 1.5rem; 617 display: inline-block; 618 text-decoration: none !important; 619} 620.mapsadresse a.web { 621 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/web-s.svg'); 622} 623.mapsadresse a:hover { 624 text-decoration: underline !important; 625} 626.mehr-dialog button.button, 627.linkmore .newslform_wrapper button.button, 628button.button, 629span.button, 630a.button { 631 display: inline-block; 632 border-radius: 0.75rem; 633 background: var(--rot); 634 color: var(--weiss); 635 text-transform: uppercase; 636 box-shadow: 0.0625rem 0.0625rem 0.125rem 0.125rem rgba(245, 73, 67, 0.16), 0 -0.1875rem 0.125rem 0 rgba(0, 0, 0, 0.08) inset, 0 0 0.0625rem 0.125rem rgba(255, 255, 255, 0.08) inset; 637 box-shadow: 0.0625rem 0.0625rem 0.125rem 0.125rem rgba(245, 73, 67, 0.16), 0 -0.1875rem 0.125rem 0 rgba(0, 0, 0, 0.08) inset; 638 text-align: center; 639 leading-trim: both; 640 text-edge: cap; 641 font-size: var(--fontsize12); 642 font-style: normal; 643 font-weight: 600; 644 line-height: 1.5; 645 padding-top: 1.375rem; 646 padding-bottom: 1.375rem; 647 letter-spacing: 0.166666em; 648 padding-left: 2.25rem; 649 padding-right: 2.25rem; 650 width: auto; 651 text-decoration: none; 652} 653.button + .button { 654 margin-left: 0.9375rem; 655} 656.mehr-dialog button.button, 657.mehr-campbingbottom a.button, 658.mehr-campbingbottom button.button { 659 line-height: 1.5; 660 padding-top: 0.75rem; 661 padding-bottom: 0.75rem; 662 padding-left: 1.25rem; 663 padding-right: 1.25rem; 664} 665.mehr-dialog button.button { 666 line-height: 2.625rem; 667 height: 2.625rem; 668} 669.mehr-dialog button.button[hidden] { 670 display: none !important; 671} 672.footernewsletter .newslform_wrapper button.button, 673.linkmore .newslform_wrapper button.button, 674button.button { 675 cursor: pointer; 676 -webkit-transition: all 0.3s ease; 677 -moz-transition: all 0.3s ease; 678 -o-transition: all 0.3s ease; 679 transition: all 0.3s ease; 680 height: 2.625rem; 681 line-height: 2.625rem; 682 margin: 0; 683 padding: 0; 684 padding-left: 1.25rem; 685 padding-right: 1.25rem; 686 text-decoration: none; 687 border: 0; 688 font-family: var(--fontfamily); 689} 690button.button { 691 height: 3.875rem; 692 padding-left: 2.25rem; 693 padding-right: 2.25rem; 694} 695.top button.button, 696.top a.button { 697 padding-top: 1.25rem; 698 padding-bottom: 1.25rem; 699 padding-left: 2rem; 700 padding-right: 2rem; 701} 702.top button.button { 703 height: 3.625rem; 704} 705.linkmore .newslform_wrapper button.button:hover, 706button.button:hover, 707span.button:hover, 708a.button:hover { 709 background-color: var(--rothover); 710} 711 712.text-lg + p a.button { 713 margin-top: 2.6875rem; 714} 715.mehr-dialog button.button-hell, 716button.button-hell, 717button.button-hellbig, 718a.button-hellbig, 719a.button-hell { 720 margin: 0; 721 padding: 0; 722 display: inline-block; 723 border-radius: 0.75rem; 724 background: var(--beige); 725 color: var(--rot); 726 text-transform: uppercase; 727 box-shadow: 0.0625rem 0.0625rem 0.125rem 0.125rem rgba(245, 73, 67, 0.16), 0 -0.25rem 0.1875rem 0 rgba(245, 73, 67, 0.12) inset, 0 0 0.0625rem 0.125rem var(--beige) inset; 728 box-shadow: 0.0625rem 0.0625rem 0.125rem 0.125rem rgba(245, 73, 67, 0.16), 0 -0.125rem 0.0625rem 0 rgba(245, 73, 67, 0.12) inset; 729 text-align: center; 730 leading-trim: both; 731 text-edge: cap; 732 font-size: var(--fontsize12); 733 font-style: normal; 734 font-weight: 600; 735 line-height: 1.5; 736 padding-top: 0.75rem; 737 padding-bottom: 0.75rem; 738 letter-spacing: 0.166666em; 739 text-decoration: none; 740 padding-left: 1.25rem; 741 padding-right: 1.25rem; 742 width: auto; 743} 744button.button-hell:hover, 745button.button-hellbig:hover, 746a.button-hellbig:hover, 747a.button-hell:hover { 748 background-color: var(--rot); 749 color: var(--beige); 750} 751button.button-hell svg path{ 752 -webkit-transition: all 0.3s ease; 753 -moz-transition: all 0.3s ease; 754 -o-transition: all 0.3s ease; 755 transition: all 0.3s ease; 756} 757button.button-hell:hover svg path { 758 stroke: var(--weiss); 759} 760button.button-hell svg.heart { 761 vertical-align: middle; 762 position: relative; 763 top: -0.125rem; 764 line-height: 1; 765 width: 0.875rem; 766 height: auto; 767} 768button.button-hellbig { 769 appearance: none; 770 cursor: pointer; 771 -webkit-transition: all 0.3s ease; 772 -moz-transition: all 0.3s ease; 773 -o-transition: all 0.3s ease; 774 transition: all 0.3s ease; 775 border: 0; 776 padding-top: 0.875rem; 777 padding-bottom: 0.875rem; 778 font-family: var(--fontfamily); 779 height: 2.6875rem; 780} 781.ctaanfragebox button.button-hellbig { 782 padding-top: 1.1875rem; 783 padding-bottom: 1.1875rem; 784 padding-left: 2rem; 785 padding-right: 2rem; 786 height: 3.5rem; 787} 788button.button-hell { 789 appearance: none; 790 cursor: pointer; 791 -webkit-transition: all 0.3s ease; 792 -moz-transition: all 0.3s ease; 793 -o-transition: all 0.3s ease; 794 transition: all 0.3s ease; 795 border: 0; 796 font-family: var(--fontfamily); 797} 798button.button + a.button-hell { 799 margin-left: 0.5rem; 800} 801a.button-hellbig { 802 padding-top: 1.1875rem; 803 padding-bottom: 1.1875rem; 804 padding-left: 2rem; 805 padding-right: 2rem; 806} 807.ctaanfragebox p + p button.button-hellbig, 808.ctaanfragebox p + p a.button-hellbig { 809 margin-top: 1.875rem; 810} 811.text-sm + p a.button-hell { 812 margin-top: 0.375rem; 813} 814 815.text-md + p a.button-hell { 816 margin-top: 0.5rem; 817} 818 819ul { 820 margin: 0; 821 padding: 0; 822} 823 824#main ul {} 825ol.text-center, 826ul.text-center { 827 list-style-position: inside; 828} 829 830li { 831 margin-left: 1em; 832} 833.headline-sm + ul.checkul { 834 margin-top: 0.5625rem; 835} 836ul.checkul { 837 margin: 0; 838 padding: 0; 839 list-style: none; 840} 841 842ul.checkul li { 843 margin: 0; 844 padding: 0; 845 list-style: none; 846 position: relative; 847 padding-left: 1.5rem; 848} 849ul.checkul li + li { 850 margin-top: 0.5rem; 851} 852 853ul.checkul li::before { 854 content: ''; 855 position: absolute; 856 left: 0; 857 top: 0.1875rem; 858 width: 1rem; 859 height: 1rem; 860 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
860Images/checkul.svg'); 861 background-size: 100% auto; 862} 863 864ol { 865 padding-left: 0; 866 /* Remove the default left padding */ 867 margin-left: 0px; 868 margin: 0; 869 padding: 0; 870} 871 872ol li { 873 background-image: none; 874 margin-left: 1em; 875} 876 877a img { 878 border: 0; 879 outline: none; 880} 881 882img { 883 border: 0; 884 max-width: 100%; 885 height: auto; 886 -webkit-user-select: none; 887 -moz-user-select: none; 888 -ms-user-select: none; 889 user-select: none; 890} 891 892.clr { 893 clear: both; 894} 895 896.align-left, 897.csc-header-alignment-left, 898.ce-headline-left, 899.text-left { 900 text-align: left; 901} 902 903.align-center, 904.csc-header-alignment-center, 905.ce-headline-center, 906.text-center { 907 text-align: center; 908} 909 910.align-right, 911.csc-header-alignment-right, 912.ce-headline-right, 913.text-right { 914 text-align: right; 915} 916 917.align-justify, 918.csc-header-alignment-justify, 919.text-justify { 920 text-align: justify; 921} 922 923.accesskey { 924 position: absolute; 925 left: -20000px; 926} 927 928dfn, 929.hidden { 930 position: absolute; 931 left: -1000em; 932 width: 20em; 933} 934 935/* Hidden Skip Navigation - Start */ 936#openwcag { 937 position: fixed; 938 right: 1rem; 939 bottom: 5rem; 940 top:auto; 941 z-index: 400; 942 -webkit-transition: all 0.3s ease; 943 -moz-transition: all 0.3s ease; 944 -o-transition: all 0.3s ease; 945 transition: all 0.3s ease; 946} 947 948#openwcag.sticky { 949 right: -5rem; 950} 951 952#openwcag:focus-visible { 953 right: 1rem; 954} 955 956.openwacinfo { 957 position: absolute; 958 right: calc(100% + 1.25rem); 959 bottom: -0.5rem; 960 background: #000000; 961 color: #ffffff; 962 padding: 2rem; 963 border: 0.125rem solid #ffffff; 964 font-size: 1rem; 965 line-height: 1.5; 966 width: 20rem; 967 display: none; 968 -webkit-transition: all 0.3s ease; 969 -moz-transition: all 0.3s ease; 970 -o-transition: all 0.3s ease; 971 transition: all 0.3s ease; 972} 973 974#openwcag:focus-visible .openwacinfo, 975#openwcag:hover .openwacinfo { 976 display: block; 977} 978 979.accesscontent h2, 980.openwacinfo h2 { 981 color: #ffffff; 982 font-size: 1.5rem; 983 line-height: 1.5; 984} 985 986.accesscontent h2+button { 987 margin-top: 1rem; 988} 989 990.openwacinfo h2+p { 991 margin-top: 0.5rem; 992} 993 994.openwacinfo::after { 995 content: ""; 996 border-left: 1.25rem solid transparent; 997 border-right: 1.25rem solid transparent; 998 border-top: 1.25rem solid #000000; 999 position: absolute; 1000 transform: rotate(-90deg); 1001 1002 right: -1.5rem; 1003 bottom: 2rem; 1004 z-index: 2; 1005 -webkit-transition: all 0.3s ease; 1006 -moz-transition: all 0.3s ease; 1007 -o-transition: all 0.3s ease; 1008 transition: all 0.3s ease; 1009} 1010 1011.openwacinfo::before { 1012 content: ""; 1013 border-left: 1.375rem solid transparent; 1014 border-right: 1.375rem solid transparent; 1015 border-top: 1.375rem solid #ffffff; 1016 position: absolute; 1017 transform: rotate(-90deg); 1018 right: -1.75rem; 1019 bottom: 1.9375rem; 1020 z-index: -1; 1021 -webkit-transition: all 0.3s ease; 1022 -moz-transition: all 0.3s ease; 1023 -o-transition: all 0.3s ease; 1024 transition: all 0.3s ease; 1025} 1026 1027#openwcag img { 1028 line-height: 1; 1029 vertical-align: middle; 1030 width: 3.125rem; 1031} 1032 1033#accesselements { 1034 position: fixed; 1035 right: 3.25rem; 1036 bottom: 5rem; 1037 z-index: 10000; 1038 -webkit-transition: all 0.3s ease; 1039 -moz-transition: all 0.3s ease; 1040 -o-transition: all 0.3s ease; 1041 transition: all 0.3s ease; 1042 display: none; 1043} 1044 1045#accesselements:focus-visible { 1046 outline: 1px dashed #000000; 1047} 1048 1049.accesscontent { 1050 background: #000000; 1051 color: #ffffff; 1052 padding: 2rem; 1053 padding-top: 3rem; 1054 border: 0.125rem solid #ffffff; 1055 font-size: 1rem; 1056 line-height: 1.5; 1057 width: 20rem; 1058} 1059 1060.accessbutton button { 1061 background: #ffffff; 1062 border: 0; 1063 color: #000000; 1064 border-radius: 0.3125rem; 1065 font-family: var(--fontfamily); 1066 line-height: 2rem; 1067 height: 2rem; 1068 padding-left: 2rem; 1069 padding-right: 2rem; 1070 cursor: pointer; 1071 font-size: 1rem; 1072 font-weight: 700; 1073 position: relative; 1074 margin-left: 2.25rem; 1075} 1076 1077.accessbutton button::before { 1078 position: absolute; 1079 content: ''; 1080 width: 2rem; 1081 height: 2rem; 1082 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/kontrast.svg'); 1083 background-repeat: no-repeat; 1084 background-position: center center; 1085 background-size: 100% auto; 1086 left: -2.25rem; 1087 top: 0; 1088} 1089 1090.accessbutton button.active::before { 1091 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/schwarzweiss.svg'); 1092} 1093 1094.accessbutton button.active::after { 1095 position: absolute; 1096 content: ''; 1097 width: 1.5rem; 1098 height: 2rem; 1099 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
1099Images/reset.svg'); 1100 background-repeat: no-repeat; 1101 background-position: center center; 1102 background-size: 100% auto; 1103 right: -2rem; 1104 top: 0; 1105} 1106 1107.closeaccess button:focus-visible, 1108.accessbutton button:focus-visible { 1109 outline: 1px dashed #ffffff; 1110} 1111 1112.closeaccess { 1113 position: absolute; 1114 top: 1rem; 1115 right: 1rem; 1116} 1117 1118.closeaccess button { 1119 background: none; 1120 border: 0; 1121 cursor: pointer; 1122 appearance: none; 1123 margin: 0; 1124 padding: 0; 1125} 1126 1127.nav-skiplinks { 1128 width: auto; 1129} 1130 1131.nav-skiplinks ul { 1132 margin: 0; 1133 padding: 0; 1134 list-style: none; 1135} 1136 1137.nav-skiplinks ul li { 1138 margin: 0; 1139 padding: 0; 1140 list-style: none; 1141} 1142 1143a.skip-main { 1144 left: -999px; 1145 position: absolute; 1146 top: auto; 1147 width: 1px; 1148 height: 1px; 1149 overflow: hidden; 1150 z-index: -999; 1151} 1152 1153a.skip-main:focus-visible { 1154 color: var(--weiss); 1155 background-color: var(--schwarz); 1156 left: 0; 1157 top: auto; 1158 width: auto; 1159 height: auto; 1160 overflow: auto; 1161 margin: 0.625rem 35%; 1162 margin-left: 0; 1163 margin-right: 0; 1164 padding: 0.625rem; 1165 border-radius: 0.9375rem; 1166 border: 0.25rem solid var(--weiss); 1167 text-align: center; 1168 font-size: 1.2em; 1169 font-size: 1.25rem; 1170 z-index: 999; 1171 outline: 1px dashed var(--schwarz); 1172} 1173 1174::-webkit-input-placeholder { 1175 opacity: 1 !important; 1176 color: var(--schwarz); 1177} 1178 1179:-moz-placeholder { 1180 opacity: 1 !important; 1181 color: var(--schwarz); 1182} 1183 1184::-moz-placeholder { 1185 opacity: 1 !important; 1186 color: var(--schwarz); 1187} 1188 1189:-ms-input-placeholder { 1190 opacity: 1 !important; 1191 color: var(--schwarz); 1192} 1193 1194input::-moz-focus-inner { 1195 border: 0; 1196 padding: 0 1197} 1198 1199button, 1200input[type="reset"], 1201input[type="button"], 1202input[type="submit"] { 1203 line-height: normal !important; 1204 outline: none; 1205} 1206 1207*, 1208div, 1209section { 1210 -webkit-box-sizing: border-box; 1211 /* Safari/Chrome, other WebKit */ 1212 -moz-box-sizing: border-box; 1213 /* Firefox, other Gecko */ 1214 box-sizing: border-box; 1215} 1216 1217#wrapper {} 1218 1219.container { 1220 max-width: 1290px; 1221 max-width: 83.625rem; 1222 padding-left: 1.5rem; 1223 padding-right: 1.5rem; 1224 width: 100%; 1225 margin: auto; 1226 position: relative; 1227} 1228.container_big { 1229 max-width: 1600px; 1230 margin-left: auto; 1231 margin-right: auto; 1232 padding-left: 1.5625rem; 1233 padding-right: 1.5625rem; 1234} 1235.container_big.mob100 { 1236 max-width: 100%; 1237} 1238.container_full { 1239 max-width: 1600px; 1240 margin-left: auto; 1241 margin-right: auto; 1242} 1243 1244.sticky-bar .container, 1245#header .container { 1246 max-width: 100%; 1247 max-width: 1600px; 1248 padding-left: 3.25rem; 1249 padding-right: 3.25rem; 1250} 1251 1252 1253#header { 1254 position: fixed; 1255 top: 0; 1256 left: 0; 1257 width: 100%; 1258 z-index: 400; 1259 font-size: 1rem; 1260 -webkit-transition: all 0.3s ease; 1261 -moz-transition: all 0.3s ease; 1262 -o-transition: all 0.3s ease; 1263 transition: all 0.3s ease; 1264 pointer-events: none; 1265} 1266.language-switcher, 1267#header a, 1268#header button { 1269 /*pointer-events: auto;*/ 1270} 1271#header::before { 1272 content: ''; 1273 position: absolute; 1274 background: linear-gradient(180deg, var(--beige) 0%, rgba(243, 242, 234, 0.00) 100%); 1275 height: 16rem; 1276 top: 0; 1277 left: 0; 1278 pointer-events: none; 1279 width: 100%; 1280} 1281#header.header-hidden { 1282 top: -16rem; 1283 pointer-events: none; /* avoid clicks while hidden */ 1284} 1285 1286/* sichtbar (eingefahren) - optional, for clarity */ 1287#header.header-visible { 1288 top: 0rem; 1289 pointer-events: auto; 1290} 1291 1292/* Respect reduced motion preference */ 1293@media (prefers-reduced-motion: reduce) { 1294 #header, 1295 #header.header-hidden, 1296 #header.header-visible { 1297 transition: none !important; 1298 transform: none !important; 1299 opacity: 1 !important; 1300 pointer-events: auto !important; 1301 } 1302} 1303 1304.logo { 1305 float: left; 1306 width: 7.875rem; 1307 position: relative; 1308 margin-top: 1.1875rem; 1309} 1310 1311.logo a, 1312.logo img { 1313 float: left; 1314 width: 100%; 1315} 1316 1317.logo svg path { 1318 fill: var(--rot); 1319} 1320 1321.logo svg#logo-brand { 1322 width: 4.625rem; 1323 width: 4.60625rem; 1324 height: auto; 1325 position: absolute; 1326 top: calc(50% - 0.4375rem); 1327 left: 50%; 1328 transform: translate(-50%, -50%); 1329} 1330 1331.logo svg#logo-claim { 1332 float: left; 1333 width: 7.875rem; 1334} 1335 1336svg#logo-claim { 1337 animation: rotate-logo-claim 20s linear infinite; 1338} 1339 1340@keyframes rotate-logo-claim { 1341 from { 1342 transform: rotate(0deg); 1343 } 1344 1345 to { 1346 transform: rotate(-360deg); 1347 } 1348} 1349 1350.top { 1351 float: right; 1352 width: auto; 1353 padding-top: 3rem; 1354} 1355 1356.language-switcher { 1357 position: relative;
1358 display: inline-block; 1359 float: left; 1360 width: auto; 1361 margin-left: 6.1875rem; 1362 margin-right: 5.875rem; 1363} 1364 1365.lang-menu { 1366 position: relative; 1367} 1368 1369.lang-current { 1370 font-weight: bold; 1371 cursor: pointer; 1372 outline: none; 1373 background: none; 1374 border: 0; 1375 appearance: none; 1376 font-family: var(--fontfamily); 1377 font-size: var(--fontsize14); 1378 color: var(--schwarz); 1379 margin: 0; 1380 padding: 0; 1381 height: 4.125rem; 1382 line-height: 4.125rem; 1383 letter-spacing: 0.14285em; 1384 text-transform: uppercase; 1385} 1386 1387.lang-current:focus-visible { 1388 border-color: var(--rot); 1389} 1390 1391.lang-current svg { 1392 vertical-align: middle; 1393 line-height: 1; 1394 width: 1rem; 1395 height: auto; 1396 position: relative; 1397 top: -0.125rem; 1398} 1399 1400.lang-current span { 1401 display: inline-block; 1402 position: relative; 1403} 1404 1405.lang-list { 1406 position: absolute; 1407 top: 100%; 1408 left: 0rem; 1409 background: var(--beige); 1410 border: 0px solid var(--schwarz); 1411 border-radius: 0.75rem; 1412 margin-top: 0em; 1413 width: 3.375rem; 1414 height: 3.375rem; 1415 line-height: 3.375rem; 1416 z-index: 100; 1417 list-style: none; 1418 padding: 0; 1419 margin: 0; 1420 overflow: hidden; 1421 box-shadow: 0 11.625rem 3.25rem 0 rgba(0, 0, 0, 0.00), 0 7.5rem 3rem 0 rgba(0, 0, 0, 0.01), 0 4rem 2.5rem 0 rgba(0, 0, 0, 0.03), 0 1.875rem 1.875rem 0 rgba(0, 0, 0, 0.05), 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.06); 1422 backdrop-filter: blur(1rem); 1423} 1424 1425.lang-list li { 1426 margin: 0; 1427 padding: 0; 1428 list-style: none; 1429 text-align: center; 1430} 1431 1432.lang-list li a { 1433 display: block; 1434 font-size: var(--fontsize14); 1435 padding: 0; 1436 font-weight: 600; 1437 color: var(--rot); 1438 text-decoration: none; 1439} 1440.lang-list li a:hover, 1441.lang-list li a:focus-visible { 1442 outline: 0; 1443 background: var(--rot); 1444 color: var(--weiss); 1445} 1446 1447.visually-hidden { 1448 position: absolute !important; 1449 left: -9999px !important; 1450 top: auto !important; 1451 width: 1px !important; 1452 height: 1px !important; 1453 overflow: hidden !important; 1454} 1455.topright_o { 1456 float: right; 1457 width: auto; 1458} 1459.topright { 1460 float: left; 1461 min-width: 13.375rem; 1462 width: auto; 1463 position: relative; 1464 z-index: 10; 1465 padding: 0.25rem; 1466 border-radius: 1rem; 1467 background: rgba(243, 242, 234, 0.80); 1468 backdrop-filter: blur(1rem); 1469} 1470 1471#merkzettel_top { 1472 float: left; 1473 width: auto; 1474 position: relative; 1475 line-height: 3.625rem; 1476 padding-left: 0.875rem; 1477} 1478button.wishlist, 1479a.wishlist { 1480 float: left; 1481 width: 100%; 1482 position: relative; 1483} 1484button.wishlist { 1485 background: none; 1486 margin: 0; 1487 padding: 0; 1488 appearance: none; 1489 border: 0; 1490 height: 3.625rem; 1491 line-height: 3.625rem; 1492 cursor: pointer; 1493} 1494button.wishlist::after, 1495a.wishlist::after { 1496 content: ''; 1497 position: absolute; 1498 width: 2rem; 1499 height: 2rem; 1500 top: 0.5625rem; 1501 border: 1px dashed var(--rot); 1502 left: 0.125rem; 1503 display: none; 1504} 1505button.wishlist:focus-visible, 1506a.wishlist:focus-visible{ 1507 outline: 0; 1508} 1509button.wishlist:focus-visible::after, 1510a.wishlist:focus-visible::after { 1511 display: block; 1512} 1513.wishlist-icon { 1514 float: left; 1515 width: auto; 1516} 1517 1518.wishlist-icon svg { 1519 width: 1.75rem; 1520 height: auto; 1521 padding: 0.25rem; 1522 vertical-align: middle; 1523 list-style-position: 1; 1524} 1525 1526.tooltip { 1527 position: absolute; 1528 width: 8.125rem; 1529 height: auto; 1530 backdrop-filter: blur(0.5rem); 1531 padding: 0.75rem 0.5rem; 1532 left: -2.25rem; 1533 top: calc(100% + 0.1875rem); 1534 border-radius: 0.75rem; 1535 background: var(--rot); 1536 color: var(--beige); 1537 text-align: center; 1538 leading-trim: both; 1539 text-edge: cap; 1540 font-size: var(--fontsize12); 1541 font-style: normal; 1542 font-weight: 400; 1543 line-height: var(--lineh116667); 1544 letter-spacing: 0; 1545 transform: translate(-0%, -1rem) scaleY(0.8); 1546 opacity: 0; 1547 pointer-events: none; 1548 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15); 1549 transition: 1550 opacity 0.3s cubic-bezier(.4, 0, .2, 1), 1551 transform 0.3s cubic-bezier(.4, 0, .2, 1); 1552 z-index: 10; 1553} 1554 1555#map .tooltip, 1556.fallback-pin .tooltip, 1557.social-nav .tooltip { 1558 top: -1.5625rem; 1559 left: auto; 1560 right: 0; 1561 font-size: var(--fontsize14); 1562 width: auto; 1563 border-radius: 0.25rem; 1564 letter-spacing: 0; 1565 padding-top: 0; 1566 transform: translate(-0%, 0.5rem) scaleY(1); 1567 padding-bottom: 0; 1568 line-height: 1.625rem; 1569} 1570 1571#map .tooltip, 1572.fallback-pin .tooltip { 1573 white-space: nowrap; 1574 left: 50%; 1575 top: -2rem; 1576 right: auto; 1577 transform: translate(-50%, 0.5rem) scaleY(1); 1578} 1579 1580#map .tooltip { 1581 top: -4.875rem; 1582 margin-left: -1.25rem; 1583} 1584button:hover + .tooltip, 1585a:hover+.tooltip { 1586 opacity: 1; 1587 transform: translate(-0%, 0px) scaleY(1); 1588 pointer-events: auto; 1589} 1590 1591.social-nav a:hover .tooltip { 1592 transform: translate(-0%, 0px) scaleY(1); 1593 opacity: 1; 1594} 1595 1596#map .custom-marker:hover .tooltip, 1597.fallback-pin:hover .tooltip { 1598 transform: translate(-50%, 0px) scaleY(1); 1599 opacity: 1; 1600} 1601 1602.tooltip::before { 1603 content: ''; 1604 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
1604Images/arrow-up.svg'); 1605 background-repeat: no-repeat; 1606 background-size: 100% auto; 1607 width: 0.5rem; 1608 height: 0.25rem; 1609 position: absolute; 1610 top: -0.25rem; 1611 left: 50%; 1612 margin-left: -0.25rem; 1613} 1614 1615#map .tooltip::before, 1616.fallback-pin .tooltip::before, 1617.social-nav .tooltip::before { 1618 transform: rotate(180deg); 1619 top: auto; 1620 bottom: -0.25rem; 1621 left: auto; 1622 margin-left: 0; 1623 right: 0.5rem; 1624} 1625 1626#map .tooltip::before, 1627.fallback-pin .tooltip::before { 1628 right: auto; 1629 left: 50%; 1630 margin-left: -0.25rem; 1631} 1632 1633.wishlist-count { 1634 position: absolute; 1635 color: var(--beige); 1636 width: 1.125rem; 1637 height: 1.125rem; 1638 background-color: var(--rot); 1639 border-radius: 100%; 1640 text-align: center; 1641 line-height: 1.125rem; 1642 font-weight: 700; 1643 top: 0.8125rem; 1644 right: -0.5rem; 1645 font-size: var(--fontsize10); 1646} 1647 1648.topanfrage { 1649 float: right; 1650 width: auto; 1651} 1652 1653.linkmore { 1654 float: left; 1655 width: auto; 1656 padding-left: 1.5rem; 1657 margin-left: 6rem; 1658} 1659.mehr-dialog button, 1660.linkmore button { 1661 appearance: none; 1662 font-family: var(--fontfamily); 1663 border: 0; 1664 background: none; 1665 cursor: pointer; 1666 margin: 0; 1667 padding: 0; 1668 height: 3.625rem; 1669 height: 4rem; 1670} 1671.mehr-dialog button { 1672 height: auto; 1673} 1674.mehr-dialog button svg { 1675 width: 2rem; 1676 height: auto; 1677} 1678.linkmore button::after { 1679 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/arrow-l.svg'); 1680 background-size: 1rem auto; 1681 width: 1rem; 1682 height: 1rem; 1683 background-position: left center; 1684 background-repeat: no-repeat; 1685 content: ''; 1686 position: absolute; 1687 top: 50%; 1688 transform: translate(0, -50%); 1689 left: -1.5rem; 1690} 1691 1692.linkmore .newslform_wrapper button.button::after, 1693button.button::after, 1694.linkmore button.closex::after { 1695 display: none; 1696} 1697 1698.linkmore button.closex { 1699 margin: 0; 1700 padding: 0; 1701 height: 2rem; 1702 width: 2rem; 1703} 1704 1705.linkmore button.closex svg { 1706 float: left; 1707 width: 100%; 1708} 1709 1710/*Menü neu*/ 1711ul#menu { 1712 margin: 0; 1713 padding: 0; 1714 position: relative; 1715 list-style: none; 1716 width: auto; 1717 float: left; 1718} 1719 1720ul.menu li { 1721 margin: 0; 1722 padding: 0; 1723 list-style: none; 1724 float: left; 1725 z-index: 99; 1726 width: auto; 1727 text-decoration: none; 1728 /*position: relative;*/ 1729 1730} 1731 1732.sticky ul.menu li {} 1733 1734ul.menu li+li { 1735 margin-left: 6.0625rem; 1736} 1737 1738ul.menu li.first {} 1739 1740ul.menu li.last::after {} 1741 1742.linkmore button:focus-visible, 1743ul.menu li a:focus-visible { 1744 outline: 0px dashed var(--schwarz); 1745} 1746.linkmore button span::after, 1747ul.menu li a::after { 1748 content: ''; 1749 position: absolute; 1750 width: calc(100% + 1rem); 1751 height: 2.25rem; 1752 top: 0.75rem; 1753 border: 1px dashed var(--schwarz); 1754 left: -0.5rem; 1755 display: none; 1756} 1757 1758ul.menu li ul li a::after { 1759 height: 1.625rem; 1760 top: 0rem; 1761} 1762.linkmore button span::after { 1763 width: calc(100% + 2.75rem); 1764 left: -2.25rem; 1765} 1766.linkmore button:focus-visible span::after, 1767ul.menu li a:focus-visible::after { 1768 display: block; 1769} 1770.menublock li a, 1771.linkmore button, 1772ul.menu li a { 1773 color: var(--schwarz); 1774 text-decoration: none; 1775 display: block; 1776 outline: 0; 1777 font-size: var(--fontsize14); 1778 leading-trim: both; 1779 text-edge: cap; 1780 font-style: normal; 1781 font-weight: 600; 1782 line-height: 3.625rem; 1783 line-height: 4rem; 1784 letter-spacing: 0.14285em; 1785 text-transform: uppercase; 1786 position: relative; 1787 1788} 1789.hovtxt { 1790 position: relative; 1791 display: inline-block; 1792} 1793.lang-current span::before, 1794.linkmore button::before, 1795ul.menu li a .hovtxt::before { 1796 content: ''; 1797 position: absolute; 1798 bottom: 1rem; 1799 left: 0rem; 1800 height: 0.125rem; 1801 background: var(--schwarz); 1802 width: 0; 1803 -webkit-transition: all 0.3s ease; 1804 -moz-transition: all 0.3s ease; 1805 -o-transition: all 0.3s ease; 1806 transition: all 0.3s ease; 1807} 1808ul.menu li ul li a .hovtxt::before { 1809 bottom: 0; 1810} 1811.linkmore .newslform_wrapper button.button::before, 1812button.button::before, 1813.linkmore button.closex::before { 1814 display: none; 1815} 1816 1817.lang-current span::before { 1818 bottom: -0.5rem; 1819} 1820.menublock ul li a span.mnr, 1821ul.menu li a span.mnr { 1822 display: inline-block; 1823 font-size: var(--fontsize10); 1824 font-weight: 700; 1825 border: 0.125rem solid var(--schwarz); 1826 border: 1.3px solid var(--schwarz); 1827 border-radius: 0.5rem; 1828 line-height: var(--lineh13); 1829 padding-left: 0.25rem; 1830 padding-right: 0.125rem; 1831 text-align: center; 1832 top: -0.125rem; 1833 position: relative; 1834} 1835 1836ul.menu li.first a {} 1837 1838ul.menu li.last a {} 1839 1840ul.menu li a.active, 1841ul.menu li a:hover {} 1842 1843.lang-current span:hover::before, 1844.linkmore button:hover::before, 1845ul.menu li a:hover .hovtxt::before, 1846ul.menu li a.active .hovtxt::before { 1847 width: 100%; 1848} 1849 1850ul.menu li.hassubx a:hover::before { 1851 width: 0; 1852} 1853 1854div.submenu { 1855 position: absolute; 1856 left: 50%; 1857 left: -6.25rem; 1858 list-style: none; 1859 z-index: 999; 1860 margin: 0; 1861 width: 64rem; 1862 margin-left: -32rem; 1863 margin-left: 0; 1864 background: var(--beige80); 1865 display: block; 1866 top: calc(100% - 0.25rem); 1867 transform: translate3d(0, -0.75rem, 0); 1868 visibility: hidden; 1869 opacity: 0; 1870 -webkit-transition: all 0.3s ease; 1871 -moz-transition: all 0.3s ease; 1872 -o-transition: all 0.3s ease; 1873 transition: all 0.3s ease; 1874 padding: 1rem; 1875 border-radius: 1rem; 1876 box-shadow: 0 11.625rem 3.25rem 0 rgba(0, 0, 0, 0.00), 0 7.5rem 3rem 0 rgba(0, 0, 0, 0.01), 0 4.25rem 2.5rem 0 rgba(0, 0, 0, 0.03), 0 1.875rem 1.875rem 0 rgba(0, 0, 0, 0.05), 0 0.4375rem 1rem 0 rgba(0, 0, 0, 0.06); 1877 backdrop-filter: blur(1rem); 1878} 1879 1880ul.menu li:focus-within>div.submenu,
1881ul.menu li:hover div.submenu { 1882 visibility: visible; 1883 opacity: 1; 1884 transform: translate3d(0, 0, 0); 1885} 1886 1887.submenu-image { 1888 float: left; 1889 width: 65.927%; 1890 border-radius: 0.375rem; 1891 overflow: hidden; 1892} 1893 1894.submenu-image img { 1895 float: left; 1896 width: 100%; 1897} 1898 1899ul.submenu-list { 1900 float: left; 1901 width: 34.073%; 1902 list-style: none; 1903 margin: 0; 1904 padding: 0; 1905 padding-top: 1.3125rem; 1906 padding-left: 2.625rem; 1907} 1908 1909ul.submenu-list li { 1910 margin: 0; 1911 padding: 0; 1912 list-style: none; 1913 float: left; 1914 width: 100%; 1915} 1916 1917ul.submenu-list li+li { 1918 margin: 0; 1919 margin-top: 0.75rem; 1920} 1921 1922ul.submenu-list li a { 1923 display: inline-block; 1924 font-size: 0.875rem; 1925 font-size: var(--fontsize14); 1926 font-weight: 600; 1927 line-height: 1.625rem; 1928} 1929 1930ul.menu ul.submenu-list li a::before { 1931 bottom: 0; 1932} 1933 1934 1935/*ende menü neu*/ 1936.mobinav { 1937 float: left; 1938 width: auto; 1939} 1940.nav { 1941 float: left; 1942 width: auto; 1943 -webkit-transition: all 0.3s ease; 1944 -moz-transition: all 0.3s ease; 1945 -o-transition: all 0.3s ease; 1946 transition: all 0.3s ease; 1947} 1948 1949.mobilenav { 1950 float: right; 1951 width: auto; 1952 display: none; 1953 -webkit-transition: all 0.3s ease; 1954 -moz-transition: all 0.3s ease; 1955 -o-transition: all 0.3s ease; 1956 transition: all 0.3s ease; 1957} 1958 1959.nav-icon { 1960 text-decoration: none; 1961 margin: 0; 1962 padding: 0; 1963 width: 5rem; 1964 height: 5rem; 1965 position: relative; 1966 display: inline-block; 1967 -webkit-transform: rotate(0deg); 1968 -moz-transform: rotate(0deg); 1969 -o-transform: rotate(0deg); 1970 transform: rotate(0deg); 1971 -webkit-transition: all 0.3s ease; 1972 -moz-transition: all 0.3s ease; 1973 -o-transition: all 0.3s ease; 1974 transition: all 0.3s ease; 1975 cursor: pointer; 1976 color: #ffffff; 1977 float: right; 1978 opacity: 1; 1979} 1980 1981.nav-icon span { 1982 display: block; 1983 position: absolute; 1984 height: 0.1875rem; 1985 width: 2.5rem; 1986 background: var(--rot); 1987 border-radius: 0.1875rem; 1988 opacity: 1; 1989 left: 1.25rem; 1990 -webkit-transform: rotate(0deg); 1991 -moz-transform: rotate(0deg); 1992 -o-transform: rotate(0deg); 1993 transform: rotate(0deg); 1994 -webkit-transition: .25s ease-in-out; 1995 -moz-transition: .25s ease-in-out; 1996 -o-transition: .25s ease-in-out; 1997 transition: .25s ease-in-out; 1998} 1999 2000.nav-icon span:nth-child(1) { 2001 top: 0rem; 2002 top: 19px; 2003 top: 1.75rem; 2004 -webkit-transform-origin: left center; 2005 -moz-transform-origin: left center; 2006 -o-transform-origin: left center; 2007 transform-origin: left center; 2008} 2009 2010.nav-icon span:nth-child(2) { 2011 top: 10px; 2012 top: 0.8125rem; 2013 top: 28px; 2014 top: 2.5rem; 2015 -webkit-transform-origin: left center; 2016 -moz-transform-origin: left center; 2017 -o-transform-origin: left center; 2018 transform-origin: left center; 2019} 2020 2021.nav-icon span:nth-child(3) { 2022 top: 1.5625rem; 2023 top: 37px; 2024 top: 3.3125rem; 2025 -webkit-transform-origin: left center; 2026 -moz-transform-origin: left center; 2027 -o-transform-origin: left center; 2028 transform-origin: left center; 2029} 2030 2031.nav-icon.open span:nth-child(1) { 2032 -webkit-transform: rotate(45deg); 2033 -moz-transform: rotate(45deg); 2034 -o-transform: rotate(45deg); 2035 transform: rotate(45deg); 2036 top: 1.625rem; 2037 left: 1.375rem; 2038} 2039 2040.nav-icon.open span:nth-child(2) { 2041 width: 0%; 2042 opacity: 0; 2043} 2044 2045.nav-icon.open span:nth-child(3) { 2046 -webkit-transform: rotate(-45deg); 2047 -moz-transform: rotate(-45deg); 2048 -o-transform: rotate(-45deg); 2049 transform: rotate(-45deg); 2050 top: 3.375rem; 2051 left: 1.375rem; 2052} 2053 2054#siteoverlay { 2055 position: fixed; 2056 top: 0; 2057 left: 0; 2058 width: 100%; 2059 height: 100%; 2060 background: rgba(0, 0, 0, 0.70); 2061 z-index: 9300; 2062 display: none; 2063} 2064#mehr-dialog { 2065 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/bg_mehr-dialog.jpg'); 2066 background-position: left bottom; 2067 background-repeat: no-repeat; 2068 background-size: 100% auto; 2069 background-size: cover; 2070} 2071#mehr-dialogmerk { 2072 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/bg_offmerkliste.jpg'); 2073 background-position: center center; 2074 background-size: cover; 2075} 2076#mehr-dialoganfrage { 2077 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/bg_offcanvasanfrage.jpg'); 2078 background-position: center center; 2079 background-size: cover; 2080 width: 54.25rem; 2081} 2082 2083.mehrbg_1 { 2084 position: absolute; 2085 z-index: -1; 2086 right: 0; 2087 top: 0; 2088 width: 16.25rem; 2089} 2090.mehrbg_1 img, 2091.mehrbg_1 svg { 2092 width: 100%; 2093 height: auto; 2094} 2095.mehrbg_2 { 2096 position: absolute; 2097 z-index: -1; 2098 left: 0; 2099 bottom: -0rem; 2100} 2101.mehrbg_3 { 2102 position: absolute; 2103 z-index: -1; 2104 right: 0; 2105 bottom: 0; 2106 width: 27.875rem; 2107} 2108.mehrbg_3 img, 2109.mehrbg_3 svg { 2110 width: 100%; 2111 height: auto; 2112} 2113.mehr-dialog { 2114 position: fixed; 2115 top: 1rem; 2116 top: 0; 2117 right: 1rem; 2118 right: 0; 2119 width: 35.5rem; 2120 max-width: 100vw; 2121 height: calc(100vh - 2rem); 2122 height: calc(100% - 2rem); 2123 height: 100%; 2124 background: var(--beige); 2125 z-index: 9999;
2126 display: flex; 2127 flex-direction: column; 2128 outline: none; 2129 border-radius: 2rem; 2130 border-radius: 0; 2131 overflow: auto; 2132 transition: transform 0.3s; 2133 transform: translateX(120%); 2134} 2135#mehr-campingplatzcanvas.mehr-dialog { 2136 overflow: hidden; 2137} 2138.mehr-dialog[open], 2139.mehr-dialog:not([hidden]) { 2140 transform: translateX(0); 2141} 2142#anfrageajax { 2143 min-height: calc(100% - 5rem); 2144 padding-top: 4rem; 2145} 2146#campingajax { 2147 height: 100%; 2148 position: relative; 2149 z-index: 50; 2150} 2151.camping-loading { 2152 position: absolute; 2153 top: 50%; 2154 left: 50%; 2155 transform: translate(-50%, -50%); 2156} 2157.spinner { 2158 animation: spin 1s linear infinite; 2159 -webkit-animation: spin 1s linear infinite; 2160 width:32px;height:32px;border:4px solid rgba(0,0,0,0.1);border-left-color:#333;border-radius:50%;margin:8px auto; 2161} 2162@keyframes spin { 2163 to { transform: rotate(360deg); } 2164} 2165@-webkit-keyframes spin { 2166 to { -webkit-transform: rotate(360deg); } 2167} 2168 2169/* Respect users who request reduced motion */ 2170@media (prefers-reduced-motion: reduce) { 2171 .spinner { 2172 animation: none !important; 2173 -webkit-animation: none !important; 2174 } 2175} 2176.outer-container2, 2177.mehr-dialog { 2178 overflow: overlay !important; 2179} 2180.outer-container2x, 2181.mehr-dialogx { 2182 scrollbar-width: none; 2183 /* Firefox */ 2184 -ms-overflow-style: none; 2185 /* IE 10+ */ 2186} 2187.outer-container2x::-webkit-scrollbar, 2188.mehr-dialogx::-webkit-scrollbar {
2189 display: none; 2190 /* Chrome, Safari, Edge */ 2191} 2192 2193.outer-container2y { 2194 overflow: auto; 2195 scrollbar-width: thin; /* Firefox */ 2196 scrollbar-color: #666 #eee; /* Firefox */ 2197} 2198 2199.outer-container2y::-webkit-scrollbar { 2200 width: 8px; /* Chrome, Edge, Safari */ 2201} 2202.outer-container2y::-webkit-scrollbar-thumb { 2203 background: #666; 2204} 2205.outer-container2y::-webkit-scrollbar-track { 2206 background: #eee; 2207} 2208 2209.mehr-dialogy { 2210 overflow: auto; 2211 scrollbar-width: thin; /* Firefox */ 2212 scrollbar-color: #666 #eee; /* Firefox */ 2213} 2214 2215.mehr-dialogy::-webkit-scrollbar { 2216 width: 8px; /* Chrome, Edge, Safari */ 2217} 2218.mehr-dialogy::-webkit-scrollbar-thumb { 2219 background: #666; 2220} 2221.mehr-dialogy::-webkit-scrollbar-track { 2222 background: #eee; 2223} 2224 2225.mehr-dialogy::before { 2226 content: ''; 2227 position: fixed; 2228 top: -5000px; 2229 left: -5000px; 2230 width: 10000px; 2231 height: 10000px; 2232 background-color: rgba(0, 0, 0, 0.90); 2233 z-index: -1; 2234} 2235.campingcanvas_img { 2236 float: left; 2237 width: 100%; 2238 overflow: hidden; 2239 position: relative; 2240 border-bottom-left-radius: 2rem; 2241 border-bottom-right-radius: 2rem; 2242} 2243.campingcanvas_img::after { 2244 background: radial-gradient(123.94% 69.72% at 10.56% 100%, #F3F2EA 5%, rgba(243, 242, 234, 0.00) 100%); 2245 content: ''; 2246 position: absolute; 2247 top: 0; 2248 left: 0; 2249 width: 100%; 2250 height: 100%; 2251 z-index: 2; 2252} 2253.campingcanvas_img img { 2254 float: left; 2255 width: 100%; 2256} 2257.campingcanvas_txt { 2258 float: left; 2259 width: 100%; 2260 padding-left: 2rem; 2261 padding-right: 2rem; 2262 position: relative; 2263 margin-top: -2.5625rem; 2264 z-index: 50; 2265} 2266.owl-blogcanvas-o { 2267 float: left; 2268 width: 100%; 2269 overflow: hidden; 2270 margin-top: -8rem; 2271} 2272.owl-blogcanvas-o .blogbox { 2273 padding-bottom: 6rem; 2274} 2275.owl-blogcanvas .item { 2276 padding-left: 2rem; 2277 padding-top: 1.5rem; 2278} 2279.gastgeberbox:nth-child(3n+4) { 2280 clear: left; 2281} 2282.gastgeberbox p + h3 { 2283 margin-top: 0.5625rem; 2284 margin-bottom: 0.125rem; 2285} 2286.gastgeberbox p span.button { 2287 margin-top: 1.75rem; 2288} 2289.mehr-campbingbottom { 2290 position: absolute; 2291 bottom: 0; 2292 left: 0; 2293 width: 100%; 2294 background: var(--beige80); 2295 backdrop-filter: blur(1rem); 2296 z-index: 30; 2297 padding: 2rem; 2298} 2299#mehr-dialogmerkx .mehr-campbingbottom { 2300 background-color: transparent; 2301 backdrop-filter: blur(0rem); 2302} 2303#mehr-dialoganfrage .mehr-campbingbottom { 2304 padding: 1rem; 2305 width: calc(100% - 1rem); 2306 left: 0.5rem; 2307 bottom: 0.5rem; 2308 border-radius: 2rem; 2309} 2310.mehr-campbingbottom a + a { 2311 margin-left: 0.375rem; 2312} 2313.mehr-header { 2314 display: flex; 2315 justify-content: space-between; 2316 align-items: center; 2317 padding: 1rem; 2318 padding-left: 2rem; 2319 padding-right: 1rem; 2320 width: 100%; 2321 transition: .25s ease-in-out; 2322} 2323.isSticky .mehr-header { 2324 background: var(--beige80); 2325 backdrop-filter: blur(1rem); 2326} 2327.mehr-header.container1, 2328.mehr-headercamaping { 2329 position: absolute; 2330 top: 0; 2331 padding: 1rem; 2332 padding-left: 2rem; 2333 padding-right: 1rem; 2334 z-index: 60; 2335 right: 0; 2336} 2337 2338.campingcanvas_txt address { 2339 margin: 0; 2340 padding: 0; 2341 font-style: normal; 2342 padding-top: 1.5rem; 2343} 2344.campingcanvas_txt address p + p { 2345 margin-top: 0.5rem; 2346} 2347.mehr-content { 2348 float: left; 2349 width: 100%; 2350 padding-left: 2rem; 2351 padding-right: 2rem; 2352 padding-top: 3.125rem; 2353 position: relative; 2354 2355} 2356 2357.mehr-contenblock { 2358 float: left; 2359 width: 100%; 2360 position: relative; 2361 z-index: +1; 2362 padding-left: 2rem; 2363 padding-right: 2rem; 2364 margin-top: 3.125rem; 2365 margin-top: 7.125rem; 2366} 2367 2368.mehr-contenblock+.mehr-contenblock { 2369 margin-top: 5.5625rem; 2370} 2371.container_merk { 2372 float: left; 2373 width: 100%; 2374 position: relative; 2375 z-index: +1; 2376 padding-left: 2rem; 2377 padding-right: 2rem; 2378 margin-top: 1.5rem; 2379 margin-top: 5.5rem; 2380 padding-bottom: 8rem; 2381} 2382.container_anfrage { 2383 float: left; 2384 width: 100%; 2385 position: relative; 2386 z-index: +1; 2387 padding-left: 1rem; 2388 padding-right: 1rem; 2389 margin-top: 0rem; 2390 padding-top: 0rem; 2391 padding-bottom: 7rem; 2392} 2393.mehr-left { 2394 float: left; 2395 width: 61.309%; 2396} 2397 2398.mehr-right { 2399 float: right; 2400 width: 38.691%; 2401 position: relative; 2402 min-height: 1px; 2403} 2404 2405.mehr-right.floatl { 2406 float: left; 2407} 2408.mehr-right.size1 { 2409 pointer-events: none; 2410} 2411.mehr-right.size1 img { 2412 position: absolute; 2413 right: -0.6875rem; 2414 top: -0.875rem; 2415 width: 17rem; 2416 max-width: 17rem; 2417} 2418 2419.mehr-right.size2 img { 2420 position: absolute; 2421 left: -2rem; 2422 top: -1.75rem; 2423 width: 12.875rem; 2424 max-width: 17rem; 2425} 2426 2427.feature-item { 2428 float: left; 2429 width: 100%; 2430 margin-top: 1.1875rem; 2431} 2432 2433.feature-item+.feature-item { 2434 margin-top: 0.4375rem; 2435} 2436 2437.feature-icon { 2438 float: left; 2439 width: 1.25rem; 2440} 2441 2442.feature-icon img { 2443 float: left; 2444 width: 100%; 2445} 2446 2447.feature-text { 2448 float: left; 2449 width: calc(100% - 1.25rem); 2450 padding-left: 0.5625rem; 2451} 2452 2453.feature-button { 2454 float: left; 2455 width: 100%; 2456 padding-top: 1.25rem; 2457} 2458 2459.mehr-full { 2460 float: left; 2461 width: 100%; 2462} 2463 2464.newslform_wrapper { 2465 float: left; 2466 width: 100%; 2467 background: var(--beige50); 2468 border-radius: 1.125rem; 2469 border: 1px solid var(--pastellrot); 2470 padding-top: 0.375rem; 2471 padding-bottom: 0.375rem; 2472 padding-right: 0.375rem; 2473 margin-top: 1.4375rem; 2474} 2475 2476.newslform_wrapper input[type=email], 2477.newslform_wrapper input[type=text] { 2478 float: left; 2479 width: calc(100% - 9rem); 2480 border: 0px solid var(--schwarz); 2481 background: none; 2482 font-family: var(--fontfamily); 2483 font-weight: 500; 2484 font-size: 0.875rem; 2485 font-size: var(--fontsize14); 2486 letter-spacing: 0em; 2487 color: var(--rot); 2488 height: 2.625rem; 2489 line-height: 2.625rem; 2490 margin: 0; 2491 padding: 0; 2492 text-align: left; 2493 padding-left: 0.625rem; 2494 margin-left: 0.375rem; 2495 outline: 0; 2496 border-radius: 0.75rem; 2497} 2498 2499.newslform_wrapper input[type=email]:focus-visible, 2500.newslform_wrapper input[type=text]:focus-visible { 2501 outline: 1px dashed var(--rot); 2502} 2503.footernewsletter .newslform_wrapper button.button, 2504.linkmore .newslform_wrapper button.button { 2505 float: right; 2506} 2507 2508.newslform_wrapper input::placeholder { 2509 color: var(--rot); 2510 opacity: 1; 2511} 2512 2513.newslform_wrapper input::-webkit-input-placeholder { 2514 color: var(--rot); 2515 opacity: 1; 2516} 2517 2518.newslform_wrapper input:-moz-placeholder { 2519 color: var(--rot); 2520 opacity: 1; 2521} 2522 2523.newslform_wrapper input::-moz-placeholder { 2524 color: var(--rot); 2525 opacity: 1; 2526} 2527 2528.newslform_wrapper input:-ms-input-placeholder { 2529 color: var(--rot); 2530 opacity: 1; 2531} 2532 2533.error-message { 2534 margin-top: 0.5em; 2535 padding-left: 1rem; 2536 margin-bottom: 0.5em; 2537 float: left; 2538 width: 100%; 2539} 2540 2541.quickform-o .error-message { 2542 position: absolute; 2543 top: -1.125rem; 2544 left: 2.25rem; 2545} 2546 2547.quickform-o .error-message.errorabreise { 2548 left: 14.25rem; 2549} 2550 2551.outer-container { 2552 height: 100%; 2553 display: flex; 2554 flex-direction: column; 2555} 2556.outer-container2 { 2557 height: 100%; 2558 overflow: auto; 2559 width: 100%; 2560 padding-bottom: 8.5rem; 2561 padding-bottom: 5.5rem; 2562 padding-bottom: 0; 2563} 2564 2565.container1 { 2566 height: 4rem; 2567 flex-shrink: 0; 2568} 2569 2570.container2, 2571.container3 {} 2572 2573.container4 { 2574 margin-top: auto !important; 2575 flex-shrink: 0; 2576 padding-top: 5.5625rem; 2577 padding-bottom: 2rem; 2578} 2579 2580.merklistebox { 2581 float: left; 2582 width: 100%; 2583} 2584.merklistebox a { 2585 text-decoration: none; 2586 font-weight: normal; 2587} 2588.merklistebox_img { 2589 float: left; 2590 width: 11.25rem; 2591} 2592.merklistebox_img img { 2593 float: left; 2594 width: 100%; 2595 border-radius: 1rem; 2596} 2597.merklistebox_txt { 2598 float: left; 2599 width: calc(100% - 11.256rem); 2600 padding-left: 1.5rem; 2601} 2602.merklistebox { 2603 float: left; 2604 width: 100%; 2605} 2606.merklistebox + .merklistebox { 2607 margin-top: 1.5rem; 2608} 2609.merklistebox_txt .marker.text-sm { 2610 font-size: var(--fontsize12); 2611 background-position: left 0.0rem; 2612 padding-left: 1.125rem; 2613} 2614button.removemerkliste { 2615 cursor: pointer; 2616 -webkit-transition: all 0.3s ease; 2617 -moz-transition: all 0.3s ease; 2618 -o-transition: all 0.3s ease; 2619 transition: all 0.3s ease; 2620 height: 1rem; 2621 line-height: 1rem; 2622 margin: 0; 2623 padding: 0; 2624 text-decoration: none; 2625 border: 0; 2626 background: none; 2627 font-size: var(--fontsize14); 2628 color: var(--rot); 2629 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
2629Images/herzdisable.svg'); 2630 background-repeat: no-repeat; 2631 background-size: 0.875rem auto; 2632 background-position: left 0.125rem; 2633 padding-left: 1.0625rem; 2634 appearance: none; 2635 font-family: var(--fontfamily); 2636} 2637.merkliste_txt_o .text-sm + * { 2638 margin-top: 0.375rem; 2639} 2640.merkliste_txt_o .headline-sm + p, .merkliste_txt_o .headline-sm + ul.checkul, .merkliste_txt_o .headline-sm + * { 2641 margin-top: 0.0625rem; 2642} 2643.merkliste_txt_o { 2644 min-height: 6.625rem; 2645 padding-top: 0.4375rem; 2646} 2647 2648.stepper { 2649 display: flex; 2650 list-style: none; 2651 padding: 0; 2652 margin: 0 0; 2653 align-items: stretch; 2654 justify-content: space-between; 2655 padding-left: 1rem; 2656 padding-right: 1rem; 2657 padding-top: 1rem; 2658 2659 padding-bottom: 1.625rem; 2660} 2661 2662.stepper li { 2663 display: flex; 2664 align-items: center; 2665 padding: 0; 2666 margin: 0; 2667 list-style: none; 2668 color: var(--schwarz); 2669} 2670 2671.stepper li[aria-current="step"] { 2672 color: var(--rot); 2673} 2674 2675.stepper .label { 2676 padding-left: 0.5rem; 2677} 2678.stepper .num { 2679 display: inline-flex; 2680 width: 2rem; 2681 height: 2rem; 2682 border-radius: 100%; 2683 align-items: center; 2684 justify-content: center; 2685 background: var(--schwarz04); 2686 color: var(--schwarz); 2687 font-size: 1rem; 2688 line-height: 2rem; 2689} 2690 2691.stepper li[aria-current="step"] .num { 2692 background: var(--rot); 2693 color: var(--weiss); 2694} 2695.stepper li.success .num { 2696 text-indent: -9999px; 2697 text-align: left; 2698 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/check-s.svg'); 2699 background-size: 0.875rem auto; 2700 background-repeat: no-repeat; 2701 background-position: center center; 2702} 2703/* Form steps */ 2704.form-steps { 2705 position: relative; 2706 float: left; 2707 width: 100%; 2708} 2709.form-step { 2710 position: absolute; 2711 inset: 0; 2712 padding: 0; 2713 border-radius: 0px; 2714 box-sizing: border-box; 2715 opacity: 0; 2716 transform: translateX(1rem); 2717 pointer-events: none; 2718 transition: opacity .28s ease, transform .28s ease; 2719} 2720 2721.form-step[aria-hidden="false"] { 2722 opacity: 1; 2723 transform: translateX(0); 2724 pointer-events: auto; 2725 position: relative 2726} 2727 2728.form-step.is-exiting { 2729 opacity: 0; 2730 transform: translateX(-0.75rem); 2731 pointer-events: none 2732} 2733 2734.form-step legend { 2735 font-size: 2rem; 2736 color: var(--schwarz); 2737 -webkit-text-stroke-width: 0.2px; 2738 -webkit-text-stroke-color: var(--schwarz); 2739 padding-left: 1rem; 2740 padding-bottom: 1.1875rem; 2741} 2742.kataloganfrage_c fieldset, 2743#mehr-dialoganfrage fieldset { 2744 border: 0; 2745 margin: 0; 2746 padding: 0 2747} 2748#mehr-dialoganfrage fieldset + fieldset { 2749 margin-top: 1.625rem; 2750} 2751.form_bgw { 2752 float: left; 2753 width: 100%; 2754 background-color: var(--weiss); 2755 padding: 0.75rem; 2756 border-radius: 1.25rem; 2757 border: 1px solid var(--schwarz08); 2758 margin-top: 0; 2759} 2760.kataloganfrage_c .form_bgw { 2761 background-color: transparent; 2762 border: 0; 2763} 2764.toggle-row { 2765 float: right; 2766 width: 10rem; 2767 text-align: right; 2768} 2769.toggle-panel{ 2770 display:none; 2771 float: left; 2772 width: 100%; 2773} 2774.toggle-panel, 2775.favoriten-o { 2776 float: left; 2777 width: calc(100% - 10rem); 2778} 2779.favoriten-o { 2780 margin-top: 0; 2781} 2782.form-row { 2783 display: flex; 2784 flex-wrap: wrap; 2785 width: 100%; 2786} 2787.check { 2788 display:flex; 2789 align-items:center; 2790 cursor:pointer; 2791 width: 50%; 2792 user-select:none; 2793 } 2794.check.fullw { 2795 width: 100%; 2796} 2797.check + .check + .check { 2798 margin-top: 0.5rem; 2799} 2800.toggle-panel .check { 2801 margin-top: 1rem; 2802} 2803.check:hover{ 2804 2805} 2806.h32 { 2807 height: 2rem; 2808} 2809p.formhinweis { 2810 color: var(--schwarz32); 2811 font-style: normal; 2812 font-weight: 500; 2813 letter-spacing: 0; 2814 margin-top: 0.625rem; 2815} 2816.checkfokus { 2817 position: relative; 2818} 2819.xcheckfokus::before{ 2820 outline: 0; 2821 /*box-shadow: 0 0 0 0.1875rem var(--rot48);*/ 2822 border: 1px solid var(--schwarz); 2823 content: ''; 2824 position: absolute; 2825 left: -0.25rem; 2826 top: -0.25rem; 2827 width: calc(100% + 0.5rem); 2828 height: calc(100% + 0.5rem); 2829 border-radius: 0.75rem; 2830 opacity: 0; 2831 -webkit-transition: all 0.3s ease; 2832 -moz-transition: all 0.3s ease; 2833 -o-transition: all 0.3s ease; 2834 transition: all 0.3s ease; 2835} 2836.check:focus-within .checkfokus::before { 2837 opacity: 1; 2838} 2839 2840 /* Visually hide native checkbox but keep it accessible and focusable */ 2841.check input[type="checkbox"]{ 2842 /* accessible hide pattern (keeps element in accessibility tree and focusable) */ 2843 position: absolute !important; 2844 width: 1px; 2845 height: 1px; 2846 padding: 0; 2847 margin: -1px; 2848 overflow: hidden; 2849 clip: rect(0 0 0 0); 2850 clip-path: inset(50%); 2851 border: 0; 2852 white-space: nowrap; 2853} 2854 2855 /* The custom visual box */ 2856.check .custom { 2857 width: 2rem; 2858 height: 2rem; 2859 border-radius: 0.5rem; 2860 border: 1.5px solid var(--schwarz08); 2861 box-sizing:border-box; 2862 display:inline-grid; 2863 place-items:center; 2864 flex-shrink:0; 2865 -webkit-transition: all 0.3s ease; 2866 -moz-transition: all 0.3s ease; 2867 -o-transition: all 0.3s ease; 2868 transition: all 0.3s ease; 2869} 2870 2871 /* label text */ 2872label.formlabel, 2873.check .label-text { 2874 font-size: 1rem; 2875 color: var(--schwarz); 2876 padding-left: 0.5rem; 2877} 2878label.formlabel { 2879 padding-left: 0; 2880} 2881 /* checked state: style via sibling selector */ 2882.check input[type="checkbox"]:checked + .custom { 2883 border-color: var(--schwarz48); 2884} 2885input[type="checkbox"]:hover + .custom { 2886 border-color: var(--schwarz); 2887}
2888input[type="checkbox"]:focus-visible + .custom, 2889.check:focus-visible-within input[type="checkbox"] + .custom, 2890.check:focus-within input[type="checkbox"]:checked + .custom{ 2891 border-color: var(--rot); 2892} 2893 /* show a check icon (SVG) when checked */ 2894.check .custom svg { 2895 opacity: 0.08; 2896 width: 1rem; 2897 height: auto; 2898 -webkit-transition: all 0.3s ease; 2899 -moz-transition: all 0.3s ease; 2900 -o-transition: all 0.3s ease; 2901 transition: all 0.3s ease; 2902} 2903.check:hover .custom svg, 2904.check input[type="checkbox"]:checked + .custom svg { 2905 opacity: 1; 2906} 2907 2908 /* Focus-visible: keyboard users must see a clear focus indication */ 2909.check input[type="checkbox"]:focus + .custom, 2910.check input[type="checkbox"]:focus-visible + .custom { 2911 outline: none; 2912 2913} 2914 2915 /* For better hit-area on small screens, make the whole label clickable */ 2916.check:active { } 2917 2918 /* error / disabled states (example) */ 2919.check[aria-disabled="true"] { opacity:.5; cursor:not-allowed; } 2920.check input[type="checkbox"]:disabled + .custom { background:#f3f3f3; border-color:#e1e1e1; } 2921 2922 /* Respect reduced motion */ 2923@media (prefers-reduced-motion: reduce){ 2924 .check .custom, 2925 .check .custom svg { transition: none; } 2926} 2927button.btn-toggle { 2928 appearance: none; 2929 cursor: pointer; 2930 -webkit-transition: all 0.3s ease; 2931 -moz-transition: all 0.3s ease; 2932 -o-transition: all 0.3s ease; 2933 transition: all 0.3s ease; 2934 border: 0; 2935 padding: 0; 2936 line-height: 2rem; 2937 line-height: 2rem; 2938 height: 2rem; 2939 font-size: var(--fontsize14); 2940 font-weight: 500; 2941 font-family: var(--fontfamily); 2942 margin: 0; 2943 background: none; 2944 color: var(--schwarz); 2945 padding-left: 0.125rem; 2946} 2947button.btn-toggle:focus-visible { 2948 outline: 1px solid var(--rot); 2949} 2950button.btn-toggle svg { 2951 width: 0.75rem; 2952 height: auto; 2953 vertical-align: middle; 2954 margin-left: 0.25rem; 2955} 2956button.btn-toggle[aria-expanded="true"] svg{ 2957 transform: rotate(180deg) 2958} 2959.form-rowfloat { 2960 margin-left: -0.5rem; 2961 margin-right: -0.5rem; 2962} 2963.colform-100 { 2964 float: left; 2965 width: 100%; 2966 padding-left: 0.5rem; 2967 padding-right: 0.5rem; 2968} 2969.colform-50 { 2970 float: left; 2971 width: 50%; 2972 padding-left: 0.5rem; 2973 padding-right: 0.5rem; 2974} 2975.colform-125 { 2976 float: left; 2977 width: 15%; 2978 padding-left: 0.5rem; 2979 padding-right: 0.5rem; 2980} 2981.colform-375 { 2982 float: left; 2983 width: 35%; 2984 padding-left: 0.5rem; 2985 padding-right: 0.5rem; 2986} 2987.kinder-ages .colform-50 { 2988 2989} 2990.kinder-ages .colform-50[data-child-index="3"], 2991.kinder-ages .colform-50[data-child-index="4"], 2992.kinder-ages .colform-50[data-child-index="5"], 2993.kinder-ages .colform-50[data-child-index="6"], 2994.kinder-ages .colform-50[data-child-index="7"], 2995.kinder-ages .colform-50[data-child-index="8"], 2996.kinder-ages .colform-50[data-child-index="9"], 2997.kinder-ages .colform-50[data-child-index="10"] { 2998 padding-top: 0.5rem; 2999} 3000.h12 { 3001 height: 0.75rem; 3002} 3003.h8 { 3004 height: 0.5rem; 3005} 3006.displaynone { 3007 display: none; 3008} 3009.kataloganfrage_c input[type=text], 3010.kataloganfrage_c input[type=email], 3011.kataloganfrage_c select, 3012#mehr-dialoganfrage input[type="text"], 3013#mehr-dialoganfrage input[type="date"], 3014#mehr-dialoganfrage input[type=email], 3015#mehr-dialoganfrage select, 3016#mehr-dialoganfrage textarea, 3017.steppercount input[type="number"], 3018.steppercount { 3019 padding-left: 1.25rem; 3020 font-size: 1rem; 3021 width: 100%; 3022 box-sizing: border-box; 3023 border-radius: 0.75rem; 3024 border: 1.5px solid var(--schwarz08); 3025 background: var(--weiss); 3026 height: 3rem; 3027 line-height: 3rem; 3028 margin: 0; 3029} 3030#mehr-dialoganfrage textarea { 3031 line-height: 1.375rem; 3032 min-height: 8rem; 3033 padding-top: 0.625rem; 3034 padding-right: 0.75rem; 3035} 3036#mehr-dialoganfrage textarea::placeholder { 3037 opacity: 0.32 !important; 3038} 3039 3040#mehr-dialoganfrage textarea::-webkit-input-placeholder { 3041 opacity: 0.32 !important; 3042} 3043 3044#mehr-dialoganfrage textarea:-moz-placeholder { 3045 opacity: 0.32 !important; 3046} 3047 3048#mehr-dialoganfrage textarea::-moz-placeholder { 3049 opacity: 0.32 !important; 3050} 3051 3052#mehr-dialoganfrage textarea:-ms-input-placeholder { 3053 opacity: 0.32 !important; 3054} 3055 3056.steppercount input[type="number"] { 3057 width: 2.5rem; 3058 float: left; 3059 text-align: center; 3060 padding: 0; 3061 line-height: 2.5rem; 3062 height: 2.5rem; 3063 margin-top: 0.1875rem; 3064 3065} 3066.steppercount-label { 3067 color: var(--schwarz); 3068 float: left; 3069 width: 6rem; 3070} 3071.kataloganfrage_c select:hover, 3072.steppercount-btn:hover, 3073.kataloganfrage_c input[type=text]:hover, 3074.kataloganfrage_c input[type=email]:hover, 3075#mehr-dialoganfrage input:hover, 3076#mehr-dialoganfrage select:hover, 3077#mehr-dialoganfrage textarea:hover{ 3078 outline: 1px solid var(--schwarz); 3079 outline-offset: 0; 3080 /*box-shadow: 0 0 0 0.1875rem var(--rot48);*/ 3081} 3082.kataloganfrage_c input[type=text]:focus-visible, 3083.kataloganfrage_c input[type=email]:focus-visible, 3084kataloganfrage_c select:focus-visible, 3085.steppercount-btn:focus-visible, 3086.steppercount-btn:focus-visible, 3087#mehr-dialoganfrage input:focus-visible, 3088#mehr-dialoganfrage select:focus-visible, 3089#mehr-dialoganfrage textarea:focus-visible{ 3090 outline: 1px solid var(--rot); 3091 outline-offset: 0; 3092 /*box-shadow: 0 0 0 0.1875rem var(--rot48);*/ 3093} 3094#mehr-dialoganfrage input[type="text"].kalender { 3095 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
3095Images/calender.svg'); 3096 background-size: 1rem auto; 3097 background-position: right 1rem center; 3098 background-repeat: no-repeat; 3099} 3100.steppercount { 3101 float: left; 3102 width: 100%; 3103 position: relative; 3104} 3105.countbutton { 3106 float: right; 3107 width: auto; 3108 height: calc(3rem - 3px); 3109} 3110.steppercount-labelx{ 3111 position: absolute; 3112 top: 0%; 3113 height: 3.5rem; 3114 line-height: 3.5rem; 3115 color: var(--schwarz); 3116 font-size: 1rem; 3117 padding-left: 1.25rem; 3118 width: 100%; 3119 background:var(--weis); 3120} 3121.mehr-dialog .steppercount-btn{ 3122 display:inline-grid; 3123 place-items:center; 3124 width:1.25rem; 3125 line-height: 1.25rem; 3126 height: 1.25rem; 3127 appearance: none; 3128 border-radius:0px; 3129 border:0px solid #ddd; 3130 background:transparent; 3131 cursor:pointer; 3132 position: relative; 3133 text-align: center; 3134 right: 1.25rem; 3135 right: auto; 3136 top: 50%; 3137 transform: translate(0, -50%); 3138 height: 2rem; 3139 width: 2rem; 3140 border-radius: 2.5rem; 3141 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); 3142 float: left; 3143 margin-left: 0.5rem; 3144 margin-right: 0.5rem; 3145} 3146.mehr-dialog .steppercount-btn.dec { 3147 right: 2.5625rem; 3148 right: auto; 3149 z-index: 5; 3150} 3151.mehr-dialog .steppercount-btn.inxc::before { 3152 content: ''; 3153 position: absolute; 3154 right: -0.25rem; 3155 z-index: -1; 3156 width: 3rem; 3157 height: 1.75rem; 3158 border-radius: 2.5rem; 3159 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); 3160} 3161.steppercount-btn svg { 3162 vertical-align: middle; 3163 line-height: 1; 3164} 3165.mehr-dialog .steppercount-btn.inc svg { 3166 width: 1rem; 3167 height: auto; 3168} 3169.mehr-dialog .steppercount-btn.dec svg { 3170 width: 0.6875rem; 3171 height: auto; 3172 opacity: 0.16; 3173 opacity: 1; 3174} 3175.mehr-dialog .steppercount-btn.dec:focus-visible svg, 3176.mehr-dialog .steppercount-btn.dec:hover svg { 3177 opacity: 1; 3178} 3179.steppercount-btn:hover{ 3180 3181} 3182.steppercount-btn:active{ 3183 3184} 3185.xsteppercount-btn:focus-visible, 3186.xsteppercount-btn:focus-visible{ 3187 outline: 0; 3188 box-shadow: 0 0 0 0.1875rem var(--rot48); 3189} 3190 3191 /* remove default spinner arrows in Webkit */ 3192.steppercount input::-webkit-outer-spin-button, 3193.steppercount input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } 3194.range-field { 3195 position: relative; 3196 display: grid; 3197 gap: 12px; 3198} 3199.js-range, 3200.js-vehicle-length { 3201 padding-top: 1.0625rem; 3202} 3203.js-range, 3204.js-vehicle-length, 3205.js-vehicle-length .formlabel, 3206.js-range .formlabel, 3207.range-field { 3208 width: 100%; 3209} 3210.range-ui { 3211 position: relative; 3212 height: 1.625rem; 3213 margin-top: 0.4375rem; 3214} 3215.range-ui::before { 3216 content: ''; 3217 position: absolute; 3218 left: 0; 3219 top: 50%; 3220 transform: translate(0, -50%); 3221 width: 100%; 3222 height: 0.125rem; 3223 background-color: var(--schwarz08); 3224} 3225 3226/* Range soll voll klickbar bleiben */ 3227.range-ui input[type="range"] { 3228 width: 100%; 3229 opacity: 0; 3230} 3231 3232/* Badge/Handle */ 3233.mehr-dialog button.range-badge { 3234 position: absolute; 3235 top: 0; 3236 left: 0; 3237 transform: translateX(-50%); 3238 border: 0; 3239 cursor: grab; 3240 user-select: none; 3241 touch-action: none; /* wichtig für Pointer Drag auf Mobile */ 3242 width: fit-content; 3243 white-space: nowrap; 3244 padding-left: 0.625rem; 3245 padding-right: 0.625rem; 3246 line-height: 1.625rem; 3247 height: 1.625rem; 3248 color: var(--schwarz); 3249 font-weight: 500; 3250 font-size: var(--fontsize14); 3251 border-radius: 1.875rem; 3252 background: #FECA42; 3253} 3254.range-badge:active { 3255 cursor: grabbing; 3256} 3257#mehr-dialoganfrage .actions { 3258 display: flex; 3259 justify-content: space-between; 3260 align-items: center; 3261 3262} 3263 3264#mehr-dialoganfrage .actions .left { 3265 color: var(--muted); 3266 font-size: 0.95rem 3267} 3268 3269#mehr-dialoganfrage .btn { 3270 display: inline-flex; 3271 align-items: center; 3272 gap: 8px; 3273 padding: 10px 14px; 3274 border-radius: 8px; 3275 border: 0; 3276 cursor: pointer; 3277 font-weight: 700 3278} 3279 3280#mehr-dialoganfrage .btn[disabled] { 3281 opacity: .5; 3282 cursor: not-allowed 3283} 3284 3285#mehr-dialoganfrage .btn.primary { 3286 background: var(--primary); 3287 color: white 3288} 3289 3290#mehr-dialoganfrage .ghost[aria-hidden="true"] { 3291 opacity: 0.24; 3292 cursor: not-allowed 3293} 3294 3295#mehr-dialoganfrage .error { 3296 color: var(--rot); 3297 font-size: 0.875rem; 3298 font-size: var(--fontsize14); 3299} 3300#mehr-dialoganfrage #vehicleLength-error.error { 3301 float: left; 3302 width: 100%; 3303} 3304#mehr-dialoganfrage .field-error { 3305 border-color: var(--rot); 3306 box-shadow: 0 0 0 3px rgba(192, 42, 42, .08) 3307} 3308 3309/* visible focus for keyboard users */ 3310:focus-visible { 3311 outline: 1px solid var(--rot); 3312 outline-offset: 3px; 3313 border-radius: 6px 3314} 3315 3316#mehr-dialoganfrage .progress-aria { 3317 margin-top: 8px; 3318 font-size: .9rem; 3319 color: var(--muted) 3320} 3321 3322/* success state on final step */ 3323#mehr-dialoganfrage .summary { 3324 background: #f7fff6; 3325 border: 1px solid #dff2e6; 3326 padding: 12px; 3327 border-radius: 8px 3328} 3329 3330/* error summary */ 3331#mehr-dialoganfrage .error-summary { 3332 border-left: 4px solid var(--rot); 3333 background: #fff5f5; 3334 padding: 10px; 3335 border-radius: 6px; 3336 color: var(--rot); 3337 margin-bottom: 12px 3338} 3339.h16 { 3340 height: 1rem; 3341} 3342 3343 3344#wechsler { 3345 float: left; 3346 width: 100%; 3347 position: relative; 3348 padding-top: 5.5625rem; 3349} 3350 3351.heresection { 3352 float: left; 3353 width: 100%; 3354 position: relative; 3355 3356} 3357 3358.herobg { 3359 float: left; 3360 width: 100%; 3361 position: relative; 3362 background-color: var(--schwarz); 3363} 3364 3365.herobg img { 3366 float: left; 3367 width: 100%; 3368} 3369 3370.slider_overlay { 3371 position: absolute; 3372 left: 0; 3373 width: 100%; 3374 z-index: 10; 3375 top: 50%; 3376 transform: translate(0, -55%); 3377 color: var(--weiss); 3378 background-color: transparent; 3379} 3380 3381.slider_img { 3382 float: left; 3383 width: 50%; 3384} 3385 3386.slider_txt { 3387 float: left; 3388 width: 50%; 3389 padding-left: 4.25rem; 3390 padding-right: 4rem; 3391 font-size: 1.75rem; 3392 line-height: 1.5; 3393 padding-top: 1.5rem; 3394 font-weight: 300; 3395} 3396 3397.videoinline { 3398 position: absolute; 3399 top: 0; 3400 left: 0; 3401 width: 100%; 3402 height: 100%; 3403 z-index: 1; 3404 overflow: hidden; 3405} 3406 3407.videoinline video { 3408 position: absolute; 3409 top: 50%; 3410 left: 50%; 3411 min-width: 100%; 3412 min-height: 100%; 3413 /*max-height: 100%;*/ 3414 width: auto; 3415 height: auto; 3416 z-index: -100; 3417 transform: translateX(-50%) translateY(-50%); 3418 transition: 1s opacity; 3419} 3420 3421#wechsler .videoinline video { 3422 /*max-height: 200%;*/ 3423} 3424 3425.videoinline.deskhoehe100 video { 3426 max-height: 100%; 3427} 3428 3429.videoinline.deskbreite100 video { 3430 max-width: 100%; 3431} 3432 3433.playpause-btn { 3434 position: absolute; 3435 right: 11.8125rem; 3436 top: calc(100vh - 1.5rem - 5.5rem - 1.5rem); 3437 top: auto; 3438 bottom: 0rem; 3439 left: 0; 3440 display: inline-flex; 3441 align-items: center; 3442 justify-content: center; 3443 width: 3rem; 3444 height: 3rem; 3445 z-index: 10; 3446 border: 0; 3447 padding: 0; 3448 cursor: pointer; 3449 background: none; 3450} 3451.mehr-dialog button.playpause-btn { 3452 left: auto; 3453 bottom: 1rem; 3454 z-index: 99; 3455 right: 0; 3456} 3457.playpause-btn:focus-visible { 3458 3459} 3460 3461.playpause-btn .icon svg { width: 1.5rem; height: 1.5rem; display: block; } 3462 3463.playpause-btn .icon { line-height: 0; transition: opacity 120ms ease; } 3464.playpause-btn .icon[hidden] { opacity: 0; pointer-events: none; } 3465.playpause-btn .icon:not([hidden]) { opacity: 1; } 3466.maxheight_v { 3467 max-width: 100%; 3468} 3469 3470.maxwidth_v { 3471 max-width: 100%; 3472} 3473 3474.videoholder { 3475 width: 100%; 3476 overflow: hidden; 3477 position: relative; 3478} 3479 3480.hoverimg { 3481 float: left; 3482 width: 100%; 3483 overflow: hidden; 3484 position: relative; 3485} 3486 3487.hoverimg img { 3488 float: left; 3489 width: 100%; 3490 -webkit-transition: all 0.3s ease; 3491 -moz-transition: all 0.3s ease; 3492 -o-transition: all 0.3s ease; 3493 transition: all 0.5s ease; 3494 transform: scale(1); 3495} 3496 3497.hoverimg a:hover img, 3498a:hover .hoverimg img { 3499 transform: scale(1.035); 3500} 3501 3502 3503.frame-space-before-9128, 3504.mtm127 { 3505 margin-top: -4rem; 3506} 3507.frame-space-before-32 { 3508 margin-top: 2rem; 3509} 3510.frame-space-before-40 { 3511 margin-top: 2.5rem; 3512} 3513.frame-space-before-48 { 3514 margin-top: 3rem; 3515} 3516.frame-space-before-60 { 3517 margin-top: 3.75rem; 3518} 3519.frame-space-before-99 { 3520 margin-top: 6.1875rem; 3521} 3522.frame-space-before-110 { 3523 margin-top: 6.875rem; 3524} 3525.frame-space-before-119 { 3526 margin-top: 7.4375rem; 3527} 3528.frame-space-before-120 { 3529 margin-top: 7.5rem; 3530} 3531.frame-space-before-128 { 3532 margin-top: 8rem; 3533} 3534.frame-space-before-152 { 3535 margin-top: 9.5rem; 3536} 3537.frame-space-before-160 { 3538 margin-top: 10rem; 3539} 3540.frame-space-before-176 { 3541 margin-top: 11rem; 3542} 3543.frame-space-before-245 { 3544 margin-top: 15.3125rem; 3545} 3546.frame-space-before-261 { 3547 margin-top: 16.3125rem; 3548} 3549.frame-space-before-272 { 3550 margin-top: 17rem; 3551} 3552.frame-space-before-277 { 3553 margin-top: 17.3125rem; 3554} 3555 3556.frame-space-after-40 { 3557 margin-bottom: 2.5rem; 3558} 3559.frame-space-after-48 { 3560 margin-bottom: 3rem; 3561} 3562.frame-space-after-60 { 3563 margin-bottom: 3.75rem; 3564} 3565.frame-space-after-99 { 3566 margin-bottom: 6.1875rem; 3567} 3568.frame-space-after-110 { 3569 margin-bottom: 6.875rem; 3570} 3571.frame-space-after-119 { 3572 margin-bottom: 7.4375rem; 3573} 3574.frame-space-after-120 { 3575 margin-bottom: 7.5rem; 3576} 3577.frame-space-after-128 { 3578 margin-bottom: 8rem; 3579} 3580.frame-space-after-160 { 3581 margin-bottom: 10rem; 3582} 3583.frame-space-after-176 { 3584 margin-bottom: 11rem; 3585} 3586.frame-space-after-245 { 3587 margin-bottom: 15.3125rem; 3588} 3589.frame-space-after-261 { 3590 margin-bottom: 16.3125rem; 3591} 3592.frame-space-after-272 { 3593 margin-bottom: 17rem; 3594} 3595.frame-space-after-277 { 3596 margin-bottom: 17.3125rem; 3597} 3598 3599 3600.frame-layout-1 { 3601 max-width: 764px; 3602 max-width: 47.75rem; 3603 margin-left: auto; 3604 margin-right: auto; 3605} 3606.frame-layout-2 p { 3607 max-width: 764px; 3608 max-width: 47.75rem; 3609 margin-left: auto; 3610 margin-right: auto; 3611} 3612.frame-layout-4 { 3613 max-width: 764px; 3614 max-width: 47.75rem; 3615} 3616 3617 3618.sticky-bar { 3619 position: fixed; 3620 bottom: 0; 3621 left: 0; 3622 width: 100%; 3623 background: var(--beige80); 3624 backdrop-filter: blur(1rem); 3625 height: 4rem; 3626 z-index: 200; 3627 padding-top: 0.6875rem; 3628 padding-bottom: 0.6875rem; 3629 -webkit-transition: all 0.3s ease; 3630 -moz-transition: all 0.3s ease; 3631 -o-transition: all 0.3s ease; 3632 transition: all 0.5s ease; 3633} 3634.isbottom.sticky-bar { 3635 bottom: -4rem; 3636 3637} 3638.quickform-o { 3639 float: left; 3640 width: 50%; 3641} 3642 3643.quickform-o label { 3644 float: left; 3645 width: auto; 3646 text-transform: none; 3647 font-weight: 500; 3648 color: var(--rot48); 3649 line-height: 1.25rem; 3650 margin-top: 0.625rem; 3651} 3652 3653.quickform-o input[type=text] { 3654 float: left; 3655 width: 5.1875rem; 3656 border: 0px solid var(--schwarz); 3657 border-radius: 0; 3658 background: none; 3659 font-family: var(--fontfamily); 3660 font-weight: 500; 3661 font-size: 0.875rem; 3662 font-size: var(--fontsize14); 3663 letter-spacing: 0em; 3664 color: var(--rot); 3665 height: 1.25rem; 3666 line-height: 1.25rem; 3667 margin: 0; 3668 padding: 0; 3669 text-align: right; 3670 padding-left: 0rem; 3671 outline: 0; 3672 user-select: none; 3673 margin-top: 0.625rem; 3674 cursor: pointer; 3675 margin-left: 0.1875rem; 3676 padding-right: 0.125rem; 3677} 3678 3679.quickform-o input[type=text]:focus-visible { 3680 outline: 1px dashed var(--rot); 3681} 3682 3683.quickform-o input[type=text]::selection { 3684 background: var(--beige); 3685} 3686 3687.quickform-o svg { 3688 float: left; 3689 margin-top: 1.0625rem; 3690 width: 2.5625rem; 3691 margin-left: 0.375rem; 3692 margin-right: 0.5rem; 3693} 3694.quickform-o .flatpickr-wrapper svg{ 3695 margin: 0; 3696} 3697.bottom-social { 3698 float: right; 3699 width: auto 3700} 3701 3702.social-nav { 3703 float: left; 3704 width: auto; 3705} 3706 3707.social-nav ul { 3708 margin: 0; 3709 padding: 0; 3710 list-style: none; 3711} 3712 3713.social-nav ul li { 3714 margin: 0; 3715 padding: 0; 3716 list-style: none; 3717 float: left; 3718 width: auto; 3719 line-height: 2.625rem; 3720 margin-top: 0.3125rem; 3721} 3722 3723.social-nav ul li+li { 3724 margin-left: 0.75rem; 3725} 3726 3727.social-nav ul li svg { 3728 width: 1.5rem; 3729 height: auto; 3730 padding: 0.1875rem; 3731} 3732 3733.social-naxv .tooltip { 3734 position: absolute; 3735 left: 50%; 3736 bottom: 120%; 3737 /* über dem Icon */ 3738 transform: translateX(-50%); 3739 background: #222; 3740 color: #fff; 3741 padding: 0.4em 0.7em; 3742 border-radius: 0.3em; 3743 font-size: 0.85em; 3744 pointer-events: none; 3745 opacity: 0; 3746 transition: opacity 0.15s; 3747 white-space: nowrap; 3748 z-index: 10; 3749} 3750 3751.social-nav li { 3752 position: relative; 3753} 3754 3755.social-nav a:focus-visible .tooltip, 3756.social-nav a:hover .tooltip { 3757 opacity: 1; 3758} 3759 3760#main { 3761 float: left; 3762 width: 100%; 3763} 3764 3765.section { 3766 float: left; 3767 width: 100%; 3768 position: relative; 3769 z-index: 5; 3770} 3771.overhidden { 3772 overflow: hidden; 3773} 3774 3775.zindexplus { 3776 z-index: 10; 3777} 3778.zindex100 { 3779 z-index: 20; 3780} 3781.rowflexorder { 3782 display: flex; 3783 align-items: flex-start; 3784 position: relative; 3785} 3786 3787.introcol_img { 3788 width: 50%; 3789 width: 55.875%; 3790 width: 40.776%; 3791 3792 order: 2; 3793 position: sticky; 3794 top: 1.5rem; 3795 align-self: flex-start; 3796 height: 100vh;
3797 height: calc(100vh - 7.5rem); 3798 max-height: 888px; 3799 z-index: 2; 3800 transform: scale(1); 3801} 3802 3803.introcol_img img { 3804 float: left; 3805 width: 100%; 3806 height: calc(100vh - 1.5rem - 5.5rem); 3807 height: calc(100vh - 7.5rem); 3808 max-height: 888px; 3809 object-fit: cover; 3810 object-position: center center; 3811 -webkit-transition: all 0.3s ease; 3812 -moz-transition: all 0.3s ease; 3813 -o-transition: all 0.3s ease; 3814 transition: all 0.5s ease; 3815} 3816 3817.introcol_img_abso { 3818 position: absolute; 3819 left: -237px; 3820 left: -14.8125rem; 3821 left: -0.0625rem; 3822 width: 894px; 3823 width: 55.875vw; 3824 width: 55.875rem; 3825 height: calc(100vh - 1.5rem - 5.5rem); 3826 height: calc(100vh - 7.5rem); 3827 border-radius: 1.5rem; 3828 max-height: 888px; 3829 overflow: hidden; 3830} 3831.introcol_img0 { 3832 position: absolute; 3833 top: 0; 3834 left: 0; 3835 width: 100%; 3836} 3837.introcol_img1 { 3838 position: absolute; 3839 top: 0; 3840 top: 50%; 3841 left: 0; 3842 left: 50%; 3843 transform: translate(-50%, -50%); 3844 width: 100%; 3845 background: linear-gradient(205deg, rgba(182, 220, 250, 0.80) 1.93%, rgba(243, 242, 234, 0.80) 57.04%), #F3F2EA; 3846} 3847 3848.introcol_img1x img { 3849 transform: scale(1) translate(0, 0px); 3850 transition: transform 2s cubic-bezier(0.8, 0, 0.2, 1); 3851} 3852 3853.introcol_img1 img { 3854 transform: scale(1) translate(0, 0px); 3855 will-change: transform; 3856 transition: none; 3857} 3858 3859.introcol_img_abso:hover .introcol_img1x img { 3860 transform: scale(1.05) translate(0, 0.875rem); 3861} 3862 3863.introcol_img2 { 3864 position: absolute; 3865 top: 0; 3866 top: 50%; 3867 left: 0; 3868 left: 50%; 3869 transform: translate(-50%, -50%); 3870 width: 100%; 3871 z-index: 5; 3872} 3873.introcol_img3 { 3874 position: absolute; 3875 top: 0; 3876 top: 50%; 3877 left: 0; 3878 left: 50%; 3879 transform: translate(-50%, -50%); 3880 width: 100%; 3881 z-index: 15; 3882 opacity: 0; 3883 transition: opacity .5s ease, transform .5s ease; 3884} 3885.introcol_img3 img { 3886 width: 100%; 3887 float: left; 3888} 3889.introcol_img3.img3-visible { opacity: 1; } 3890.introcol_img2x img { 3891 transform: scale(1.2) translate(0, 4.875rem); 3892 transform: scale(var(--progress, 1)) translate(0, 4.875rem); 3893 transition: transform 2s cubic-bezier(0.8, 0, 0.2, 1); 3894 transform: scale(var(--progress, 1)) translate(0, 4.875rem); 3895 transition: transform 2s cubic-bezier(0.8, 0, 0.2, 1); 3896 3897} 3898 3899.introcol_img2 img { 3900 transform: scale(1.2) translate(0, 4.875rem); 3901 will-change: transform; 3902 transition: none; 3903 /* WICHTIG: NICHT mit transition, sondern JS steuert alles */ 3904} 3905.introcol_img2.img2-complete img { /* z.B. ensure no subpixel fuzz */ 3906 transition: transform .25s ease-out; 3907 transform: none !important; 3908} 3909.introcol_img_abso:hover .introcol_img2x img { 3910 transform: scale(1) translate(0, 0rem); 3911} 3912 3913.intrcol_txt { 3914 width: 50%; 3915 width: 44.125%; 3916 width: 59.224%; 3917 width: 47.75rem; 3918 width: 33rem; 3919 z-index: 10; 3920 min-height: calc(100vh + 1.5rem); 3921 position: relative; 3922} 3923 3924.intrcol_txt_i1 { 3925 position: relative; 3926 height: auto; 3927 height: calc(100vh - 8.5rem); 3928 height: 100vh; 3929 height: auto; 3930 max-height: 1000px; 3931 width: 100%; 3932 width: 768px; 3933 width: 48rem; 3934 width: 100%; 3935 padding-bottom: 0rem; 3936} 3937.intrcol_txt_i1 h1 { 3938 width: 48rem; 3939} 3940.intrcol_txt_i1 .minhp p { 3941 min-height: 3.5rem; 3942} 3943.intrcol_txt_i1_i { 3944 position: relative; 3945 top: 50%; 3946 transform: translate(0, -30.85%); 3947 top: 308px; 3948 top: 30.8vh; 3949 top: auto; 3950 padding-top: 30.8vh; 3951 transform: none; 3952 position: relative; 3953 top: 0%; 3954 transform: translate(0, -0%); 3955 top: 308px; 3956 top: 30.8vh; 3957 top: auto; 3958 padding-top: 308px; 3959 padding-top: 19.25rem; 3960 padding-top: calc(30.8vh / 1.1); 3961 transform: none; 3962 padding-bottom: 7.5rem; 3963} 3964 3965.intrcol_txt_i2, 3966.intrcol_txt_i1 p { 3967 max-width: 30rem; 3968} 3969 3970.intrcol_txt_i2 { 3971 margin-top: 6.8125rem; 3972 margin-top: 5.25rem; 3973 margin-top: 0; 3974 margin-top: 7.5rem; 3975 padding-top: 0.8125rem; 3976 padding-top: 0; 3977 padding-bottom: 25.0625rem; 3978 padding-bottom: 17.5625rem; 3979 padding-bottom: 7.5rem; 3980 /*min-height: 888px; 3981 min-height: 55.5rem; 3982 min-height: 45rem;*/ 3983 height: 70vh; 3984 max-height: 888px; 3985} 3986.intrcol_txt_i2.abstandweniger { 3987 margin-top: 3.3125rem; 3988 margin-top: 0; 3989 padding-bottom: 7rem; 3990 padding-bottom: 1.25rem; 3991 padding-bottom: 0; 3992 height: auto; 3993} 3994@media screen and (min-height: 1000px) { 3995 .introcol_img img { 3996 height: calc(100vh - 1.5rem - 5.5rem); 3997 } 3998 3999 .introcol_img_abso { 4000 height: calc(100vh - 1.5rem - 5.5rem); 4001 } 4002 .introcol_img { 4003 height: 100vh; 4004 } 4005 .intrcol_txt_i1 { 4006 height: 1000px; 4007 max-height: 949px; 4008 padding-bottom: 0rem; 4009 } 4010 .intrcol_txt_i1.abstandweniger { 4011 max-height: 912px; 4012 } 4013 .intrcol_txt_i1_i { 4014 position: relative; 4015 top: 0%; 4016 transform: translate(0, -0%); 4017 top: 308px; 4018 top: 30.8vh; 4019 top: auto; 4020 padding-top: 308px; 4021 padding-top: 19.25rem; 4022 transform: none; 4023 } 4024 .intrcol_txt_i2 { 4025 margin-top: 0; 4026 margin-top: 7.5rem; 4027 padding-top: 0; 4028 height: 57vh; 4029 max-height: 888px; 4030 } 4031 .intrcol_txt_i2.abstandweniger { 4032 margin-top: 0; 4033 padding-bottom: 0rem; 4034 height: auto; 4035 } 4036} 4037.intrcol_txt_i2_img { 4038 display: none; 4039} 4040.intrcol_txt_i2_img img { 4041 float: left; 4042 width: 100%; 4043 } 4044.parallax-svg-wrapper { 4045 position: absolute; 4046 pointer-events: none; 4047} 4048 4049.parallax-svg-wrapper1 { 4050 top: 38.125rem; 4051 left: 0vw; 4052 width: 27.25rem; 4053 height: auto; 4054 z-index: 1; 4055} 4056.blogdetailheadblock .parallax-svg-wrapper1 { 4057 top: 53.125rem; 4058} 4059.campingliste { 4060 float: left; 4061 width: 100%; 4062 overflow: hidden; 4063} 4064.campinglistemitfilterblock .parallax-svg-wrapper1 { 4065 top: -400px; 4066 z-index: -1; 4067} 4068.parallax-svg-wrapper1 img, 4069.parallax-svg-wrapper1 svg { 4070 float: left; 4071 width: 100%; 4072 height: auto; 4073} 4074.parallax-svg-wrapper1u4 { 4075 top: 38.125rem; 4076 left: 0vw; 4077 width: 36rem; 4078 height: auto; 4079 z-index: 1; 4080 display: none; 4081} 4082.parallax-svg-wrapper1u4 img, 4083.parallax-svg-wrapper1u4 svg { 4084 float: left; 4085 width: 100%; 4086 height: auto; 4087} 4088.parallax-svg-wrapper2u3 { 4089 top: 17.5rem; 4090 right: 0vw; 4091 width: 33.8125rem; 4092 z-index: 12; 4093} 4094.paracampingliste.parallax-svg-wrapper2u3 { 4095 top: 0rem; 4096 right: 0vw; 4097 width: 22.5rem; 4098 z-index: 12; 4099} 4100.parallax-svg-wrapper2u3 img, 4101.parallax-svg-wrapper2u3 svg { 4102 float: left; 4103 width: 100%; 4104 height: auto; 4105} 4106.parallax-svg-wrapper2 { 4107 top: 20rem; 4108 right: 0vw; 4109 width: 33.8125rem; 4110 z-index: 10; 4111 display: none; 4112} 4113.parallax-svg-wrapper2 img, 4114.parallax-svg-wrapper2 svg { 4115 float: left; 4116 width: 100%; 4117 height: auto; 4118} 4119.parallax-svg-wrapper3 { 4120 top: 17.5rem; 4121 right: 0vw; 4122 width: 19.3125rem; 4123 z-index: 12;
4124 display: none; 4125} 4126.parallax-svg-wrapper3 img, 4127.parallax-svg-wrapper3 svg { 4128 float: left; 4129 width: 100%; 4130 height: auto; 4131} 4132.parallax-svg-wrapper4 { 4133 top: -45.75rem; 4134 left: 0rem; 4135 width: 36rem; 4136 z-index: 1; 4137} 4138.warumblock .parallax-svg-wrapper4 { 4139 top: -0rem; 4140} 4141.istbottom.parallax-svg-wrapper4 { 4142 top: 45rem; 4143 4144} 4145.campinghighlight.warumblock .parallax-svg-wrapper4 { 4146 top: -15rem; 4147} 4148.warumblock .parallax-svg-wrapper + .clr + .container { 4149 z-index: 10; 4150} 4151.parallax-svg-wrapper4 img, 4152.parallax-svg-wrapper4 svg { 4153 float: left; 4154 width: 100%; 4155 height: auto; 4156} 4157.parallax-svg-wrapper5 { 4158 top: -30rem; 4159 left: 0rem; 4160 width: 100rem; 4161 max-width: 100%; 4162 z-index: 1; 4163} 4164.parallax-svg-wrapper5 img, 4165.parallax-svg-wrapper5 svg { 4166 float: left; 4167 width: 100%; 4168 height: auto; 4169} 4170.blogheadline, 4171.warum_l { 4172 display: flex; 4173 flex-direction: row; 4174 align-items: flex-end; 4175 justify-content: space-between; 4176 width: 100%; 4177} 4178.blogheadline { 4179 position: relative; 4180 z-index: 50; 4181} 4182.blogheadline h2, 4183.warum_l h2 { 4184 margin: 0; 4185} 4186.blogheadline h2 { 4187 max-width: 47.75rem; 4188} 4189.blogheadline.detailseite h2 { 4190 max-width: 100%; 4191} 4192.blogheadline p, 4193.warum_l p { 4194 margin: 0; 4195 display: flex; 4196 justify-content: flex-end; 4197 padding-bottom: 0.5rem; 4198} 4199 4200.warumlist { 4201 padding-top: 4.5rem; 4202} 4203.warumlist.fivelist { 4204 padding-top: 0; 4205} 4206.warumlist ul, 4207.warumlist .uldiv { 4208 display: grid; 4209 grid-template-columns: repeat(4, 1fr); 4210 gap: 5rem; 4211 list-style: none; 4212 margin: 0; 4213 padding: 0; 4214} 4215.warumlist.fivelist ul, 4216.warumlist.fivelist .uldiv{ 4217 grid-template-columns: repeat(5, 1fr); 4218 gap: 5rem; 4219} 4220.warumlist.threeelist ul, 4221.warumlist.threeelist .uldiv{ 4222 grid-template-columns: repeat(3, 1fr); 4223 gap: 5rem; 4224} 4225.warumlist .uldiv .lidiv, 4226.warumlist ul li { 4227 box-sizing: border-box; 4228 display: flex; 4229 margin: 0; 4230 padding: 0; 4231 list-style: none; 4232} 4233.owl-carousel.owl-mobilewarum .owl-item .warumlist-icon img, 4234.owl-carousel.owl-mobilewarum .owl-item .warumlist-icon svg, 4235.warumlist-icon svg, 4236.warumlist-icon img { 4237 height: 2.9375rem; 4238 width: auto; 4239} 4240 4241.warumlist-text { 4242 padding-top: 0.8125rem; 4243} 4244 4245.googlemapsblock { 4246 overflow: hidden; 4247 margin-top: 9.8125rem; 4248} 4249.googlemapsblock_liste { 4250 /*overflow: hidden;*/ 4251 margin-top: 23.75rem; 4252 margin-top: 9.8125rem; 4253} 4254.googlemapsblock_liste_i { 4255 float: left; 4256 width: 100%; 4257 overflow: hidden; 4258} 4259.googlemaps_head { 4260 position: absolute; 4261 top: 9.375rem; 4262 left: 0; 4263 width: 100%; 4264 z-index: 50; 4265} 4266 4267.googlemaps_head_i { 4268 max-width: 35.375rem; 4269} 4270.googlemaps_head_iliste { 4271 4272} 4273.mapsblock_list-o { 4274 float: left; 4275 width: 100%; 4276 position: relative; 4277 overflow: hidden; 4278 margin-top: 13.9375rem; 4279} 4280 4281.googlemaps_head_iliste .headline-xl { 4282 display: grid; 4283 grid-template-columns: 50% 50%; 4284 column-gap: 0rem; 4285 margin: 0; 4286} 4287.headleft { 4288 text-align: left; 4289} 4290.headright { 4291 text-align: right; 4292 padding-top: 0.89285em; 4293} 4294.headright + br + .headright { 4295 padding-top: 0; 4296} 4297.googlemaps_overlay { 4298 position: absolute; 4299 top: 0; 4300 left: 0; 4301 z-index: 10; 4302 pointer-events: none; 4303 width: 100%; 4304 height: 100%; 4305} 4306 4307.googlemaps_overlay img, 4308.googlemaps_overlay svg { 4309 float: left; 4310 width: 100%; 4311} 4312.mobioverscroll-o, 4313.mobilewidthscroll, 4314.mobioverscroll { 4315 float: left; 4316 width: 100%; 4317 position: relative; 4318} 4319.img-aspect-16-11 { 4320 aspect-ratio: 1600 / 1100; 4321 width: 100%; 4322 height: auto; 4323 object-fit: cover; 4324 display: block; 4325} 4326.googlemap_detail { 4327 overflow: hidden; 4328 float: left; 4329 width: 100%; 4330 border-radius: 1.5rem; 4331 position: relative; 4332} 4333.nomapsacc.googlemap_detail { 4334 border-radius: 0; 4335} 4336.googlemap_fallbackimg { 4337 float: left; 4338 width: 100%; 4339 position: relative; 4340} 4341.googlemap_fallbackimg svg, 4342.googlemap_fallbackimg img { 4343 float: left; 4344 width: 100%; 4345 border-radius: 2rem; 4346} 4347button.fallback-pin, 4348.fallback-pin { 4349 position: absolute; 4350 z-index: 10; 4351 cursor: pointer; 4352 transform: translate(-50%, -50%); 4353} 4354button.fallback-pin { 4355 margin: 0; 4356 padding: 0; 4357 border: 0; 4358 background: none; 4359 appearance: none; 4360 border-radius: 0; 4361} 4362button.fallback-pin:hover { 4363 z-index: 80; 4364} 4365.fallback-pin img, 4366.fallback-pin img, 4367.fallback-pin svg { 4368 width: 2.5rem; 4369 height: auto; 4370 border-radius: 0; 4371} 4372 4373#map-container { 4374 width: 100%; 4375 position: relative; 4376 padding-bottom: 68.75%; 4377 height: 0; 4378 overflow: hidden; 4379 display: none; 4380} 4381.intrcol_txt_i2 #map-container { 4382 padding-bottom: 100%; 4383} 4384.mapsadresse { 4385 position: absolute; 4386 bottom: 0.5rem; 4387 left: 0.5rem; 4388 width: calc(100% - 1rem); 4389 background-color: var(--beige80); 4390 z-index: 5; 4391 color: var(--schwarz); 4392 padding: 1.25rem; 4393 border-radius: 1.25rem; 4394} 4395.nomapsacc .mapsadresse { 4396 position: relative; 4397 width: 100%; 4398 left: auto; 4399 bottom: auto; 4400 border: 0.128rem solid #dedbca; 4401 background-color: var(--beige); 4402} 4403.mapsadresse a, 4404.mapsadresse a:link, 4405.mapsadresse a:visited { 4406 color: var(--schwarz); 4407} 4408.mapsadresse_i { 4409 display: flex; 4410 align-items: center; 4411 gap: 1.5rem; 4412} 4413 4414.mapsadresse_logo { 4415 flex: 0 0 auto; 4416 max-width: 8.125rem; 4417 width: auto; 4418} 4419 4420 4421.mapsadresse_logo img { 4422 display: block; 4423 width: auto; 4424 height: 5rem; 4425 height: auto; 4426 4427} 4428 4429.mapsadresse_txt { 4430 flex: 1 1 auto; 4431 min-width: 0; 4432} 4433.mapsadresse p + p { 4434 margin-top: 0.25rem; 4435} 4436#map { 4437 position: absolute; 4438 top: 0; 4439 left: 0; 4440 width: 100%; 4441 height: 100%; 4442 border-radius: 2rem; 4443} 4444 4445.custom-marker { 4446 4447 position: absolute; 4448 /* Wichtig für korrekte Positionierung in Google Maps OverlayView */ 4449 z-index: 100; 4450 outline: 0; 4451 pointer-events: none; 4452} 4453.custom-marker:hover { 4454 z-index: 10000; 4455} 4456 4457.custom-marker:focus-visible { 4458 outline: 0; 4459 border: 0; 4460} 4461/* Der sichtbare Pin (roter Kreis) */ 4462.pin-icon { 4463 width: 2.5rem; 4464 height: 2.75rem; 4465 cursor: pointer; 4466 pointer-events: auto; 4467 transition: transform 0.2s ease; 4468 /* Zentrierung des Pins an der Klick-Koordinate */ 4469 transform: translate(-50%, -100%); 4470} 4471.pin-icon svg { 4472 width: 2.5rem; 4473 height: auto; 4474} 4475.rowflexbottom { 4476 display: flex; 4477 align-items: flex-end; 4478 margin-left: -4rem; 4479 margin-right: -4rem; 4480} 4481.col50_1 { 4482 width: 50%; 4483 padding-left: 4rem; 4484 padding-right: 4rem; 4485} 4486.ctaanfragebox { 4487 float: left; 4488 width: 100%; 4489 color: var(--weiss); 4490 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
4490Images/bg_ctaanfrage.jpg'); 4491 background-position: center center; 4492 background-size: cover; 4493 border-radius: 1.5rem; 4494 padding: 4rem; 4495 padding-top: 3.625rem; 4496} 4497.ctaanfragebox.haspng { 4498 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/svg-to-png/bg_ctaanfrage.jpg'); 4499} 4500.owl-testi-o { 4501 position: relative; 4502} 4503.testibox { 4504 float: left; 4505 width: 100%; 4506 padding-bottom: 4.5rem; 4507} 4508figure.testimonial { 4509 margin: 0; 4510 padding: 0; 4511 float: left; 4512 width: 100%; 4513} 4514.testimonial blockquote { 4515 margin: 0; 4516 padding: 0; 4517 float: left; 4518 width: 100%; 4519 font-style: normal; 4520} 4521.testimonial figcaption { 4522 float: left; 4523 width: 100%; 4524 display: flex; 4525 align-items: center; 4526 padding-top: 1.6875rem; 4527} 4528figcaption .avatar { 4529 width: 4rem; 4530} 4531figcaption .avatar img { 4532 float: left; 4533 width: 100%; 4534 border-radius: 100%; 4535} 4536figcaption .author { 4537 width: calc(100% - 4rem); 4538 padding-left: 1.0625rem; 4539} 4540.author .name { 4541 float: left; 4542 width: 100%; 4543} 4544.author .location { 4545 float: left; 4546 width: 100%; 4547 opacity: 0.48; 4548} 4549#custom-dots { 4550 position: absolute; 4551 bottom: 0; 4552 left: 0; 4553 border-radius: 1.25rem; 4554 padding: 0.5rem; 4555 border: 1px solid rgba(245, 73, 67, 0.12); 4556 z-index: 10; 4557} 4558.custom-dots button { 4559 font-family: var(--fontfamily); 4560 margin: 0; 4561 padding: 0; 4562 border: 0; 4563 border-radius: 100%; 4564 background: rgba(245, 73, 67, 0.08); 4565 width: 1.5rem; 4566 height: 1.5rem; 4567 line-height: 1.5rem; 4568 text-align: center; 4569 font-size: var(--fontsize12); 4570 cursor: pointer; 4571 color: var(--rot); 4572 float: left; 4573 -webkit-transition: all 0.3s ease; 4574 -moz-transition: all 0.3s ease; 4575 -o-transition: all 0.3s ease; 4576 transition: all 0.3s ease; 4577} 4578.custom-dots button:hover { 4579 background: rgba(245, 73, 67, 0.2); 4580} 4581.custom-dots button + button { 4582 margin-left: 0.5rem; 4583} 4584.custom-dots button.active { 4585 background-color: var(--rot); 4586 color: var(--weiss); 4587} 4588.custom-dots button:focus-visible { 4589 outline: 1px dashed var(--rot); 4590} 4591.sr-only { 4592 position: absolute !important; 4593 width: 1px !important; 4594 height: 1px !important; 4595 padding: 0 !important; 4596 margin: -1px !important; 4597 overflow: hidden !important; 4598 clip: rect(0 0 0 0) !important; /* älterer, breit unterstützter Trick */ 4599 clip-path: inset(50%) !important; /* moderner, sicherheitshalber zusätzlich */ 4600 white-space: nowrap !important; 4601 border: 0 !important; 4602} 4603.sr-only-focusable:active, 4604.sr-only-focusable:focus-visible, 4605.sr-only-focusable:focus-within { 4606 position: static !important; 4607 width: auto !important; 4608 height: auto !important; 4609 margin: 0 !important; 4610 overflow: visible !important; 4611 clip: auto !important; 4612 clip-path: none !important; 4613 white-space: normal !important; 4614} 4615.owl-blogmobile { 4616 display: block !important; 4617 margin-left: -3rem; 4618 margin-right: -3rem; 4619 width: auto !important; 4620 overflow: visible !important; 4621} 4622.blogliste-o { 4623 /*display: grid; 4624 grid-template-columns: repeat(3, 1fr); 4625 align-items: start; 4626 gap: 5rem;*/ 4627 list-style: none; 4628 margin: 0; 4629 padding: 0; 4630 float: left; 4631 width: 100%; 4632 width: calc(100% + 5rem); 4633 position: relative; 4634 margin-left: -2.5rem; 4635 margin-right: -2.5rem; 4636} 4637.blogliste-o { 4638 position: relative; 4639 /* optional: wenn du lieber overflow nutzt statt clearfix, entferne folgendes */ 4640} 4641 4642/* clearfix: stellt sicher, dass Container Höhe der gefloateten Kinder annimmt */ 4643.blogliste-o::after { 4644 content: ""; 4645 display: table; 4646 clear: both; 4647} 4648.blogliste-o > li { 4649 margin: 0; 4650 padding: 0; 4651 height: 100%; 4652 height:auto; 4653 width: 33.33333%; 4654 list-style: none; 4655 float: left; 4656 padding-left: 2.5rem; 4657 padding-right: 2.5rem; 4658} 4659.filters-top { 4660 display: flex; 4661 justify-content: center; 4662} 4663.filters-wrap { 4664 text-align: center; 4665} 4666 4667.dropdown-toggle.btn, 4668.filters-main .btn { 4669 margin: 0; 4670 padding: 0; 4671 border: 0; 4672 background: none; 4673 border-radius: 1.25rem; 4674 line-height: 2.5rem; 4675 height: 2.5rem; 4676 font-family: var(--fontfamily); 4677 font-size: var(--fontsize14); 4678 letter-spacing: 0.166666em; 4679 text-transform: uppercase; 4680 padding-left: 1.5rem; 4681 cursor: pointer; 4682 appearance: none; 4683 font-weight: 600; 4684 color: var(--rot); 4685 padding-right: 1.5rem; 4686 float: left; 4687} 4688.filters-main .btn:hover, 4689.filters-main .btn.active, 4690.filters-main .btn[aria-pressed="true"] { 4691 background-color: var(--rot); 4692 color: var(--weiss); 4693} 4694.dropdown-toggle.btn, 4695.filters-main { 4696 border-radius: 1.5rem; 4697 border: 1px solid var(--rot24); 4698 height: calc(2.5rem + 2px); 4699} 4700.filters-dropdowns { 4701 4702} 4703.filter-dropdown { 4704 display: inline-block; 4705 position: relative; 4706 float: left; 4707 width: auto; 4708 margin-left: 0.75rem; 4709} 4710.filter-dropdown svg { 4711 width: 0.75rem; 4712 height: auto; 4713} 4714.filter-dropdown .dropdown-toggle[aria-expanded="true"] svg { 4715 transform: rotate(180deg); 4716} 4717.dropdown-toggle { 4718 4719} 4720 4721.dropdown-menufilter { 4722 position: absolute; 4723 top: calc(100% + 0.75rem); 4724 left: 0rem; 4725 background: var(--beige); 4726 border: 0px solid var(--schwarz); 4727 border-radius: 0.75rem; 4728 margin-top: 0em; 4729 width: 100%; 4730 z-index: 100; 4731 list-style: none; 4732 text-align: left; 4733 padding: 0; 4734 margin: 0; 4735 overflow: hidden; 4736 box-shadow: 0 11.625rem 3.25rem 0 rgba(0, 0, 0, 0.00), 0 7.5rem 3rem 0 rgba(0, 0, 0, 0.01), 0 4rem 2.5rem 0 rgba(0, 0, 0, 0.03), 0 1.875rem 1.875rem 0 rgba(0, 0, 0, 0.05), 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.06); 4737 backdrop-filter: blur(1rem); 4738 z-index: 999; 4739 padding: 1rem; 4740} 4741 4742.dropdown-menufilter label { 4743 display: block; 4744 padding: 0;
4745 cursor: pointer; 4746 position: relative; 4747 line-height: 1.5; 4748 padding-left: 1.375rem; 4749} 4750.dropdown-menufilter label + label { 4751 margin-top: 0.5rem; 4752} 4753.dropdown-menufilter label input[type=checkbox] { 4754 position: absolute; 4755 left: 0; 4756 opacity: 0; 4757} 4758.dropdown-menufilter label input[type=checkbox] + span::before { 4759 content: ''; 4760 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/check-f.svg'); 4761 background-position: center center; 4762 background-size: 100% auto; 4763 width: 1rem; 4764 height: 1rem; 4765 opacity: 0.16; 4766 position: absolute; 4767 left: 0; 4768 top: 50%; 4769 transform: translate(0, -40%); 4770} 4771.dropdown-menufilter label input[type=checkbox]:checked + span::before { 4772 opacity: 1; 4773} 4774.blogfilter-o .active-filters { 4775 display: none; 4776} 4777 4778.blogfilter-o .active-filters.has-chips { 4779 display: inline-block; /* oder block / flex, je nach Layout */ 4780} 4781 4782.blogfilter-o[data-has-chips="true"] .active-filters { 4783 display: inline-block; 4784} 4785.chips { 4786 display: inline-block; 4787 display: flex; 4788 flex-wrap: wrap; 4789 gap: 0.5rem; 4790 margin-top: 1.75rem; 4791 justify-content: center; 4792} 4793 4794.chips .chip { 4795 display: inline-flex; 4796 align-items: center; 4797 display: inline-flex; 4798 align-items: center; 4799 background: var(--rot08); 4800 border: 0; 4801 margin: 0; 4802 margin-left: 0.25rem; 4803 margin-right: 0.25rem; 4804 margin: 0; 4805 border: 0; 4806 border-radius: 1.25rem; 4807 line-height: 1.625rem; 4808 height: 1.625rem; 4809 font-family: var(--fontfamily); 4810 font-size: var(--fontsize14); 4811 text-transform: none; 4812 padding-left: 0.5rem; 4813 cursor: pointer; 4814 appearance: none; 4815 font-weight: 500; 4816 color: var(--rot); 4817 padding-right: 0.5rem; 4818} 4819.chips .chip button { 4820 background: transparent; 4821 border: none; 4822 cursor: pointer; 4823 color: var(--rot); 4824 font-family: var(--fontfamily); 4825} 4826.chips .chip button svg { 4827 width: 0.625rem; 4828 height: auto; 4829} 4830.chip-label { 4831 display: inline-block; 4832 padding-right: 0.25rem; 4833 position: relative; 4834 top: -0.0625rem; 4835} 4836.chip-icon { 4837 padding-left: 0.25rem; 4838} 4839.h28 { 4840 height: 5rem; 4841} 4842 4843.owl-blog-of .more-hidden { 4844 display: none !important; 4845} 4846 4847.owl-blog-of .more-hidden.filter-revealed { 4848 display: block !important; 4849} 4850 4851.more-loader-wrap { 4852 margin: 0 0; 4853 text-align: center; 4854} 4855 4856.more-status { 4857 margin-top: 1.5rem; 4858 font-size: var(--fontsize14) color: var(--rot); 4859} 4860 4861.btn.ghost { 4862 border: 0; 4863 margin: 0; 4864 margin-left: 0.25rem; 4865 margin-right: 0.25rem; 4866 border: 0; 4867 border-radius: 1.25rem; 4868 line-height: 1.625rem; 4869 background: none; 4870 height: 1.625rem; 4871 font-family: var(--fontfamily); 4872 font-size: var(--fontsize14); 4873 text-transform: none; 4874 padding-left: 0.5rem; 4875 cursor: pointer; 4876 appearance: none; 4877 font-weight: 500; 4878 color: var(--rot); 4879 padding-right: 0.5rem; 4880} 4881.blogliste-o .item, 4882.blogliste-o .isoitem { 4883 width: 33.333%; 4884 float: left; 4885 display: block; 4886 box-sizing: border-box; 4887} 4888.blogliste-o .item { 4889 margin-top: 2.5rem; 4890 margin-bottom: 2.5rem; 4891} 4892.blogliste-o:after { 4893 content: ''; 4894 display: block; 4895 clear: both; 4896} 4897.blogliste-o .blogbox { 4898 display: flex; 4899 flex-direction: column; 4900 height: 100%; 4901 display: block; 4902 height: auto; 4903 float: none; 4904} 4905.owl-blog-of.blogliste-o .blogbox { 4906 display: block; 4907 flex-direction: column; 4908 height: auto; 4909 float: left; 4910 width: 100%; 4911} 4912.blogbox.blogboxcta { 4913 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/bg_blogboxcta.svg'); 4914 background-position: center center; 4915 background-size: cover; 4916 color: var(--weiss); 4917 border-radius: 1rem; 4918 padding: 2rem; 4919} 4920.blogbox.blogboxcta a { 4921 float: none; 4922 width: auto; 4923} 4924.blogbox.blogboxcta p + p .button-hellbig { 4925 margin-top: 1.625rem; 4926} 4927.blogbox.blogboxcta a:hover::before { 4928 display: none; 4929} 4930.blogboxcta_tx { 4931 display: flex; 4932 flex-direction: column; 4933 justify-content: flex-end; 4934 height: 100%; 4935} 4936.owlblog-campingdetail .owl-blogmobile { 4937 margin-left: -1rem; 4938 margin-right: -1rem; 4939} 4940.owl-blogmobile .item { 4941 float: left; 4942 width: 33.3333333%; 4943 padding-left: 3rem; 4944 padding-right: 3rem; 4945} 4946 4947 4948.owlblog-campingdetail .owl-blogmobile .item { 4949 padding-left: 1rem; 4950 padding-right: 1rem; 4951} 4952.owl-blog-o { 4953 position: relative; 4954 z-index: 20; 4955} 4956.owl-blog-of { 4957 position: relative; 4958 z-index: 20; 4959 padding-top: 2rem; 4960} 4961.h126 { 4962 height: 7.875rem; 4963} 4964.owl-blog-o[data-aos^="fade"][data-aos^="fade"].aos-animate, 4965.owl-blog-o[data-aos^="fade"][data-aos^="fade"]{ 4966 opacity: 1 !important; 4967 transform: translateZ(0) !important; 4968} 4969.blogbox { 4970 float: left; 4971 width: 100%; 4972} 4973.blogbox a { 4974 color: var(--rot); 4975 text-decoration: none; 4976 font-weight: normal; 4977 float: left; 4978 width: 100%; 4979 position: relative; 4980} 4981 4982.blogbox a::before { 4983 content: ''; 4984 position: absolute; 4985 top: -12rem; 4986 left: 50%; 4987 transform: translate(-50%, 0); 4988 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
4988Images/blog-hover1.svg'); 4989 width: 44.25rem; 4990 height: 44.25rem; 4991 background-size: cover; 4992 opacity: 0; 4993 -webkit-transition: all 0.3s ease; 4994 -moz-transition: all 0.3s ease; 4995 -o-transition: all 0.3s ease; 4996 transition: all 0.5s ease; 4997 pointer-events: none; 4998} 4999.haspng .blogbox a::before { 5000 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/svg-to-png/blog-hover1.png'); 5001} 5002.blogliste-o .item:nth-child(2) .blogbox a::before, 5003.blogliste-o .item:nth-child(3) .blogbox a::before { 5004 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/blog-hover1.svg'); 5005} 5006.item:nth-child(2) .blogbox a::before { 5007 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/blog-hover2.svg'); 5008} 5009.haspng .item:nth-child(2) .blogbox a::before { 5010 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/svg-to-png/blog-hover2.png'); 5011} 5012.item:nth-child(3) .blogbox a::before { 5013 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/blog-hover3.svg'); 5014 width: 38.25rem; 5015} 5016.haspng .item:nth-child(3) .blogbox a::before { 5017 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/svg-to-png/blog-hover3.png'); 5018 width: 38.25rem; 5019} 5020.owl-blogcanvas .item { 5021 padding-top: 10rem; 5022} 5023.owl-blogcanvas .owl-item.active:nth-child(odd) .blogbox a::before{ 5024 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/blog-hover2.svg'); 5025 background-size: cover; 5026} 5027.haspng .owl-blogcanvas .owl-item.active:nth-child(odd) .blogbox a::before{ 5028 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/svg-to-png/blog-hover2.png'); 5029 background-size: cover; 5030} 5031.owl-blogcanvas .owl-item.active:nth-child(even) .blogbox a::before { 5032 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/blog-hover3.svg'); 5033 background-size: cover; 5034} 5035.haspng .owl-blogcanvas .owl-item.active:nth-child(even) .blogbox a::before { 5036 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/svg-to-png/blog-hover3.png'); 5037 background-size: cover; 5038} 5039.blogliste-o .item .blogbox a:hover::before, 5040.blogbox a:hover::before { 5041 opacity: 1; 5042} 5043.blogbox_img { 5044 float: left; 5045 width: 100%; 5046 position: relative; 5047 border-radius: 1rem; 5048 overflow: hidden; 5049 -webkit-transition: all 0.3s ease; 5050 -moz-transition: all 0.3s ease; 5051 -o-transition: all 0.3s ease; 5052 transition: all 0.5s ease; 5053} 5054.blogbox a:hover .blogbox_img { 5055 transform: translate(0, -0.5rem); 5056} 5057.blogbox_img img { 5058 float: left; 5059 width: 100%; 5060} 5061.blogbox_top { 5062 position: absolute; 5063 top: 1rem; 5064 left: 1rem; 5065 width: 100%; 5066 z-index: 5; 5067} 5068.blogbox_txt { 5069 float: left; 5070 width: 100%; 5071 padding-left: 1rem; 5072 padding-right: 1rem; 5073 padding-top: 1.625rem; 5074} 5075.blog_readingtime, 5076.blog_kat { 5077 display: inline-block; 5078 line-height: 1.5rem; 5079 background-color: var(--rot); 5080 color: var(--weiss); 5081 padding-left: 0.5rem; 5082 padding-right: 0.5rem; 5083 border-radius: 0.75rem; 5084 font-size: var(--fontsize12); 5085 margin-right: 0.125rem; 5086} 5087.blog-eventdetail .blog_kat { 5088 line-height: 2.5rem; 5089 font-size: 1rem; 5090 padding-left: 1.25rem; 5091 padding-right: 1.25rem; 5092 border-radius: 1.25rem; 5093} 5094.blog_readingtime { 5095 padding-left: 0.25rem; 5096} 5097.blog_readingtime svg, 5098.blog_readingtime img { 5099 vertical-align: middle; 5100 width: 1rem; 5101 height: auto; 5102 position: relative; 5103 top: -0.0625rem; 5104} 5105 5106.arrivalblock_img { 5107 float: left; 5108 width: 40rem; 5109 width: 49.6124%; 5110 position: relative; 5111} 5112.arrivalblock_img::after { 5113 content: ''; 5114 position: absolute; 5115 top: 0; 5116 right: -2px; 5117 width: 100%; 5118 height: 100%; 5119 z-index: 5; 5120 display: none; 5121 background: radial-gradient(77.83% 41.81% at 100% 25.47%, #F3F2EA 17.63%, rgba(243, 242, 234, 0.00) 100%), 100% 120.803% no-repeat; 5122} 5123.arrivalblock_img img { 5124 float: left; 5125 width: 100%; 5126 border-radius: 1.5rem; 5127 5128} 5129.arrivalblock_txt { 5130 position: absolute; 5131 bottom: 5.25rem; 5132 left: calc(100% - 7.125rem); 5133 z-index: 8; 5134 width: 30rem; 5135} 5136.texttop .arrivalblock_txt { 5137 bottom: auto; 5138 top: 6.5rem; 5139} 5140#footer { 5141 float: left; 5142 width: 100%; 5143 padding: 0.5rem; 5144 padding-top: 0; 5145 margin-top: 11.25rem; 5146 position: relative; 5147} 5148#footer a:hover { 5149 text-decoration: underline; 5150 5151} 5152.oesterreich { 5153 display: none; 5154} 5155.footer_bg { 5156 float: left; 5157 width: 100%; 5158 border-radius: 2rem; 5159 background: var(--beige80); 5160 padding-top: 8rem; 5161 padding-bottom: 8rem; 5162 padding-bottom: 4rem; 5163 position: relative; 5164 z-index: 50; 5165} 5166.footerlogo { 5167 float: left; 5168 width: 5rem; 5169} 5170.footerlogo img { 5171 float: left; 5172 width: 100%; 5173} 5174.footernav { 5175 float: left; 5176 width: 50%; 5177} 5178.col50_2 { 5179 float: left; 5180 width: auto; 5181 margin-left: 5rem; 5182} 5183.footernav ul { 5184 margin: 0; 5185 padding: 0; 5186 list-style: none; 5187 margin-top: 0.875rem; 5188} 5189.footernav ul li { 5190 margin: 0; 5191 padding: 0; 5192 list-style: none; 5193} 5194.footernav ul li + li { 5195 margin-top: 0.375rem; 5196} 5197.footernav ul li a{ 5198 text-decoration: none; 5199 color: var(--rot); 5200 display: block; 5201} 5202.footernewsletter { 5203 float: right; 5204 width: 25rem; 5205 position: relative; 5206} 5207.footernewsletter .headline-sm + ul.checkul { 5208 margin-top: 1.0625rem; 5209} 5210.copyright { 5211 float: left; 5212 width: auto; 5213} 5214.bottomnav { 5215 float: right; 5216 width: auto; 5217} 5218.bottomnav ul { 5219 margin: 0; 5220 padding: 0; 5221 list-style: none; 5222} 5223.bottomnav ul li { 5224 margin: 0; 5225 padding: 0; 5226 list-style: none; 5227 float: left; 5228 width: auto; 5229} 5230.bottomnav ul li + li { 5231 margin-left: 1.5rem; 5232} 5233.bottomnav ul li a{ 5234 color: var(--rot); 5235 text-decoration: none; 5236 display: block; 5237 width: auto; 5238} 5239.h90 { 5240 height: 5.625rem; 5241} 5242.bg_footer { 5243 position: absolute; 5244 bottom: 0; 5245 left: 0; 5246 z-index: -1; 5247 pointer-events: none; 5248 width: 100%; 5249} 5250.bg_footer img { 5251 float: left; 5252 width: 100%; 5253} 5254.bg_frosa { 5255 position: absolute; 5256 bottom: 0; 5257 left: 0; 5258 z-index: 5; 5259 pointer-events: none; 5260} 5261.bg_frosa img, 5262.bg_frosa svg { 5263 float: left; 5264 width: 72.625rem; 5265 height: auto; 5266} 5267.bg_fblau { 5268 position: absolute; 5269 bottom: 0; 5270 left: 0; 5271 z-index: 5; 5272 pointer-events: none; 5273} 5274.bg_fblau img, 5275.bg_fblau svg { 5276 float: left; 5277 width: 54.375rem; 5278 height: auto; 5279} 5280.bg_frot { 5281 position: absolute; 5282 bottom: 0; 5283 left: 0; 5284 z-index: 5; 5285 pointer-events: none; 5286} 5287.bg_frot img, 5288.bg_frot svg { 5289 float: left; 5290 width: 20rem; 5291 height: auto; 5292} 5293.bg_fgelb { 5294 position: absolute; 5295 bottom: 0; 5296 right: 0; 5297 z-index: 5; 5298 pointer-events: none; 5299} 5300.bg_fgelb img, 5301.bg_fgelb svg { 5302 float: left; 5303 width: 24.375rem; 5304 height: auto; 5305} 5306.rowtextbild { 5307 float: left; 5308 width: 100%; 5309 position: relative; 5310} 5311.rowtextbild_img { 5312 float: left; 5313 width: 49.612%; 5314 position: relative; 5315 overflow: hidden; 5316} 5317.rowtextbild_img::after { 5318 position: absolute; 5319 top: 0; 5320 left: 0; 5321 width: 100%; 5322 height: 100%; 5323 background: radial-gradient(123.94% 69.72% at 10.56% 100%, #F3F2EA 5%, rgba(243, 242, 234, 0.00) 100%); 5324 background: radial-gradient(88.89% 50% at 100% 83.22%, #F3F2EA 5%, rgba(243, 242, 234, 0.00) 100%); 5325 5326 content: ''; 5327 5328} 5329.rowtextbild_img img { 5330 float: left; 5331 width: 100%; 5332 border-radius: 1.5rem; 5333} 5334.rowtextbild_txt { 5335 float: left; 5336 width: 50%; 5337 width: 47.75rem; 5338 margin-left: -7.125rem; 5339 margin-top: 28.3125rem; 5340 position: relative; 5341} 5342.animatedctabox { 5343 float: left; 5344 width: 100%; 5345 height: 45.25rem; 5346 position: relative; 5347 z-index: 20; 5348} 5349.animatedctabox_img { 5350 position: absolute; 5351} 5352.animatedctabox_img.img1 { 5353 width: 37.375rem; 5354 bottom: 8.75rem; 5355 right: 4.625rem; 5356 z-index: 4; 5357} 5358.animatedctabox_img.img1 img { 5359 transform: rotate(-8.79deg) scale(0.7); 5360} 5361.animatedctabox_img.img1 .aos-init.aos-animate img { 5362 transform: rotate(8.79deg) scale(1); 5363 transition-delay: 0.7s; 5364} 5365.animatedctabox_img.img2 { 5366 width: 32rem; 5367 bottom: 0; 5368 left: 24rem; 5369 z-index: 3; 5370} 5371.animatedctabox_img.img2 img { 5372 transform: rotate(-3.563deg) scale(0.85); 5373} 5374.animatedctabox_img.img2 .aos-init.aos-animate img { 5375 transform: rotate(3.563deg) scale(1); 5376 transition-delay: 0.5s; 5377} 5378.animatedctabox_img.img3 { 5379 width: 47.75rem; 5380 top: 0rem; 5381 left: 13.125rem; 5382 z-index: 2; 5383} 5384.animatedctabox_img.img3 img { 5385 transform: rotate(3.375deg) scale(0.85); 5386} 5387.animatedctabox_img.img3 .aos-init.aos-animate img { 5388 transform: rotate(-3.375deg) scale(1); 5389 transition-delay: 0.3s; 5390} 5391.animatedctabox_img.img4 { 5392 width: 61.5rem; 5393 top: 4.875rem; 5394 left: 7.375rem; 5395 z-index: 1; 5396} 5397.animatedctabox_img.img4 img { 5398 transform: rotate(3.091deg) scale(0.7); 5399 transition-delay: 2s; 5400} 5401.animatedctabox_img.img4 .aos-init.aos-animate img { 5402 transform: rotate(-1.091deg) scale(1); 5403} 5404.animatedctabox_img img { 5405 float: left; 5406 width: 100%; 5407 border-radius: 1.5rem; 5408 -webkit-transition: all 0.3s ease; 5409 -moz-transition: all 0.3s ease; 5410 -o-transition: all 0.3s ease; 5411 transition: all 0.8s ease; 5412 transition-delay: 0s; 5413} 5414.animatedctabox_img .aos-init.aos-animate img { 5415 transition-delay: 0.8s; 5416} 5417.animatedctabox_txt { 5418 position: absolute; 5419 top: 50%; 5420 left: 50%; 5421 transform: translate(-50%, -40%); 5422 z-index: 10; 5423 text-align: center; 5424 color: var(--weiss); 5425 width: 41.5rem; 5426 padding-left: 2rem; 5427 padding-right: 2rem; 5428} 5429.animatedctabox_txt_i { 5430 float: left; 5431 width: 100%; 5432 position: relative; 5433} 5434.animatedctabox_txt_i::before { 5435 position: absolute; 5436 content: ''; 5437 top: 50%; 5438 left: 50%; 5439 transform: translate(-50%, -50%); 5440 z-index: -1; 5441 width: 37.5rem; 5442 height: 37.5rem; 5443 border-radius: 37.5rem; 5444 opacity: 0.7; 5445 background: radial-gradient(50% 50% at 50% 50%, #0C1419 0%, rgba(12, 20, 25, 0.00) 100%); 5446 mix-blend-mode: multiply; 5447 opacity: 0; 5448 transition: all 0.8s ease; 5449 transition-delay: 0.5s; 5450} 5451.aos-animate .animatedctabox_txt_i::before { 5452 opacity: 1; 5453 opacity: 0; 5454} 5455.animatedctabox_txt h2 + p .button { 5456 margin-top: 1.5rem; 5457} 5458.margtm71 { 5459 margin-top: -4.4375rem; 5460} 5461.campingfilter { 5462 text-align: center; 5463 position: sticky; 5464 top: 2rem; 5465 z-index: 110; 5466 -webkit-transition: all 0.3s ease; 5467 -moz-transition: all 0.3s ease; 5468 -o-transition: all 0.3s ease; 5469 transition: all 0.3s ease; 5470} 5471#header.header-visible + #cbp-spmenu-s1 + #siteoverlay + #mehr-dialog + #mehr-dialogmerk + #mehr-dialoganfrage + .sticky-bar + #main .campingfilter { 5472 top: 8rem; 5473} 5474.rahmenfilter, 5475ul.filters-button-group { 5476 margin: 0; 5477 list-style: none; 5478 background-color: var(--beige80); 5479 border-radius: 4.5rem; 5480 border-radius: 2.25rem; 5481 padding: 0.75rem; 5482 display: inline-flex; 5483 gap: 0.75rem; 5484 vertical-align: middle; 5485 backdrop-filter: blur(1rem); 5486} 5487ul.filters-button-group li { 5488 margin: 0; 5489 padding: 0; 5490 list-style: none; 5491 display: inline-block; 5492} 5493ul.filters-button-group li button { 5494 margin: 0; 5495 padding: 0; 5496 background: var(--beige); 5497 border: 1px solid var(--rot24); 5498 border-radius: 1.5rem; 5499 font-family: var(--fontfamily); 5500 appearance: none; 5501 color: var(--rot); 5502 font-size: var(--fontsize12); 5503 font-style: normal; 5504 font-weight: 600; 5505 line-height: 3rem; 5506 letter-spacing: 0.166667em; 5507 padding-left: 1.5rem; 5508 padding-right: 1.5rem; 5509 height: 3rem; 5510 text-transform: uppercase; 5511 -webkit-transition: all 0.3s ease; 5512 -moz-transition: all 0.3s ease; 5513 -o-transition: all 0.3s ease; 5514 transition: all 0.5s ease; 5515 cursor: pointer; 5516} 5517ul.filters-button-group li button:hover, 5518ul.filters-button-group li button.active { 5519 background-color: var(--rot); 5520 color: var(--weiss); 5521} 5522figure { 5523 margin: 0; 5524 padding: 0; 5525} 5526ul.cardscamping { 5527 margin: 0; 5528 margin-left: -2rem; 5529 margin-right: -2rem; 5530 padding: 0; 5531 list-style: none; 5532 /*float: left; 5533 width: 100%;*/ 5534 position: relative; 5535 margin-top: 4.5rem; 5536} 5537.cardscamping > li { 5538 margin: 0; 5539 5540 padding: 0; 5541 list-style: none; 5542 width: 33.33333333%; 5543 padding-left: 2rem; 5544 padding-right: 2rem; 5545} 5546.campingplatzbox { 5547 float: left; 5548 width: 100%; 5549 position: relative; 5550} 5551.campingplatzbox a { 5552 color: var(--rot); 5553 text-decoration: none; 5554 font-weight: normal; 5555 float: left; 5556 width: 100%; 5557 position: relative; 5558} 5559.campingplatzbox a::before { 5560 content: ''; 5561 position: absolute; 5562 top: -12rem; 5563 left: 50%; 5564 transform: translate(-50%, 0); 5565 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
5565Images/blog-hover1.svg'); 5566 width: 44.25rem; 5567 height: 44.25rem; 5568 background-size: cover; 5569 opacity: 0; 5570 -webkit-transition: all 0.3s ease; 5571 -moz-transition: all 0.3s ease; 5572 -o-transition: all 0.3s ease; 5573 transition: all 0.5s ease; 5574 pointer-events: none; 5575} 5576.campingplatzbox a:hover::before { 5577 opacity: 1; 5578} 5579.campingplatzbox_img { 5580 float: left; 5581 width: 100%; 5582 position: relative; 5583 border-radius: 1.5rem; 5584 overflow: hidden; 5585 -webkit-transition: all 0.3s ease; 5586 -moz-transition: all 0.3s ease; 5587 -o-transition: all 0.3s ease; 5588 transition: all 0.5s ease; 5589} 5590.campingplatzbox a:hover .campingplatzbox_img { 5591 transform: translate(0, -0.5rem); 5592} 5593.campingplatzbox_img img { 5594 float: left; 5595 width: 100%; 5596} 5597.campingplatzbox_top { 5598 position: absolute; 5599 top: 0.5rem; 5600 left: 0rem; 5601 width: 100%; 5602 padding-left: 1rem; 5603 padding-right: 0.5rem; 5604 z-index: 5; 5605} 5606.campingplatzbox_marker { 5607 display: inline-block; 5608 float: left; 5609 width: auto; 5610 line-height: 1.5rem; 5611 background-color: var(--beige); 5612 color: var(--rot); 5613 padding-left: 0.5rem; 5614 padding-right: 0.5rem; 5615 border-radius: 0.75rem; 5616 font-size: var(--fontsize12); 5617 margin-top: 0.5rem; 5618} 5619.campingplatzbox_marker p.marker { 5620 background-size: 0.6875rem auto; 5621 background-position: left center; 5622 padding-left: 1rem; 5623} 5624.campingplatzbox_merk { 5625 float: right; 5626 width: auto; 5627 position: absolute; 5628 top: 0.5rem; 5629 right: 0.5rem; 5630 z-index: 10; 5631} 5632.campingplatzbox_merk button { 5633 margin: 0; 5634 padding: 0; 5635 background: var(--beige); 5636 border: 0px solid var(--rot24); 5637 border-radius: 100%; 5638 font-family: var(--fontfamily); 5639 appearance: none; 5640 color: var(--Coral-300, #F54943); 5641 font-size: var(--fontsize12); 5642 font-style: normal; 5643 font-weight: 600; 5644 line-height: 2.5rem; 5645 height: 2.5rem; 5646 width: 2.5rem; 5647 text-align: center; 5648 text-transform: uppercase; 5649 -webkit-transition: all 0.3s ease; 5650 -moz-transition: all 0.3s ease; 5651 -o-transition: all 0.3s ease; 5652 transition: all 0.5s ease; 5653 cursor: pointer; 5654 display: inline-block; 5655 position: relative; 5656} 5657.campingplatzbox_merk button svg { 5658 vertical-align: middle; 5659 width: 1.25rem; 5660 height: 1.25rem; 5661 position: absolute; 5662 left: 50%; 5663 top: 50%; 5664 transform: translate(-50%, -50%); 5665 -webkit-transition: all 0.3s ease; 5666 -moz-transition: all 0.3s ease; 5667 -o-transition: all 0.3s ease; 5668 transition: all 0.5s ease; 5669} 5670button.aufanfragelist .removformsvg { 5671 display: none; 5672} 5673button.aufanfragelist.isadded .removformsvg { 5674 display: inline; 5675} 5676button.aufanfragelist.isadded .addtomerksvg { 5677 display: none; 5678} 5679.hascount .nonemerk { 5680 display: none; 5681} 5682.hasmerk { 5683 display: none; 5684} 5685.hascount .hasmerk { 5686 display: inline; 5687} 5688.campingplatzbox_merk button:hover svg { 5689 width: 1.5rem; 5690 height: 1.5rem; 5691} 5692.campingplatzbox_txt { 5693 float: left; 5694 width: 100%; 5695 padding-left: 1rem; 5696 padding-right: 1rem; 5697 padding-top: 1.0625rem; 5698 padding-bottom: 3rem; 5699} 5700.fullimg { 5701 float: left; 5702 width: 100%; 5703 position: relative; 5704} 5705.fullimg img { 5706 float: left; 5707 width: 100%; 5708 border-radius: 1.5rem; 5709} 5710.newscaption { 5711 padding-top: 0.375rem; 5712 padding-right: 0.5rem; 5713 padding-left: 0.5rem; 5714 float: left; 5715 width: 100%; 5716 text-align: right; 5717} 5718.floatr .newscaption { 5719 text-align: left; 5720} 5721.blog-eventdetail { 5722 position: absolute; 5723 top: 1rem; 5724 left: 1rem; 5725 background-color: var(--beige80); 5726 backdrop-filter: blur(0.75rem);⨠5727 z-index: 5; 5728 padding: 1.25rem; 5729 border-radius: 0.75rem; 5730 min-width: 20rem; 5731} 5732.h4 { 5733 height: 0.25rem; 5734} 5735.h24 { 5736 height: 1.5rem; 5737} 5738.h43 { 5739 height: 2.6875rem; 5740} 5741.h80 { 5742 height: 5rem; 5743} 5744.parallaxtxt_img { 5745 display: none; 5746} 5747.parallaxbild_1 img { 5748 float: left; 5749 width: 100%; 5750 border-radius: 1.5rem; 5751} 5752.parallaxbild_1 { 5753 float: left; 5754 width: 40rem; 5755 width: 40vw; 5756 max-width: 40rem; 5757 position: relative; 5758 top: -5rem; 5759} 5760.parallaxbild_2 img { 5761 float: left; 5762 width: 100%; 5763 border-top-right-radius: 1.5rem; 5764 border-bottom-right-radius: 1.5rem; 5765} 5766.parallaxbild_2 { 5767 float: left; 5768 width: 35.375%; 5769 position: relative; 5770 margin-top: 8.25rem; 5771} 5772.parallaxbild_3 img { 5773 float: left; 5774 width: 100%; 5775 border-top-left-radius: 1.5rem; 5776 border-bottom-left-radius: 1.5rem; 5777} 5778.parallaxbild_3 { 5779 float: right; 5780 width: 22.875%; 5781 position: relative; 5782 margin-top: -5rem; 5783} 5784.parallaxtxt { 5785 float: left; 5786 width: 41.75%; 5787 padding-left: 2rem; 5788 padding-right: 8rem; 5789 margin-top: -8rem; 5790} 5791.parallaxtxt p { 5792 max-width: 30rem; 5793} 5794.rowflexcenter { 5795 display: flex; 5796 margin-left: -2.5rem; 5797 margin-right: -2.5rem; 5798 align-items: center; 5799} 5800.col480 { 5801 width: 40.875%; 5802 padding-left: 2.5rem; 5803 padding-right: 2.5rem; 5804} 5805.col480_img { 5806 float: left; 5807 width: 100%; 5808 border-radius: 1.5rem; 5809 overflow: hidden; 5810} 5811.col480_img img { 5812 float: left; 5813 width: 100%; 5814 5815} 5816.overfloh { 5817 float: left; 5818 width: 100%; 5819 border-radius: 1.5rem; 5820 overflow: hidden; 5821} 5822.overfloh + .overfloh { 5823 margin-top: 2rem; 5824} 5825.col480_img.isnewsimg { 5826 border-radius: 0; 5827} 5828.col480_cta { 5829 position: absolute; 5830 bottom: 1.5rem; 5831 left: 1.5rem; 5832 z-index: 10; 5833} 5834.floatr .col480_cta { 5835 right: 1.5rem; 5836 left: auto; 5837} 5838.col560 { 5839 width: 59.125%; 5840 padding-left: 2.5rem; 5841 padding-right: 2.5rem; 5842} 5843.col560.floatr { 5844 order: 2; 5845} 5846.col560_txt { 5847 max-width: 42.625rem; 5848} 5849.textbildabwechselndblock + .clr + .textbildabwechselndblock, 5850.textbildabwechselndblock + .textbildabwechselndblock { 5851 margin-top: 8rem; 5852} 5853.row32 { 5854 margin-left: -1rem; 5855 margin-right: -1rem; 5856} 5857.col_41 { 5858 float: left; 5859 width: 40%; 5860 padding: 1rem; 5861} 5862.col_19 { 5863 float: left; 5864 padding: 1rem; 5865 width: 20%; 5866} 5867.border24 { 5868 border-radius: 1.5rem; 5869} 5870.row32 > div:nth-child(3n + 4) { 5871 clear: left; 5872} 5873.ce-gallery figure.pdfbg { 5874 text-align: center; 5875 margin-top: 3rem; 5876} 5877.pdfbg img { 5878 background-color: var(--weiss); 5879 max-width: 28.125rem; 5880 width: 100%; 5881} 5882.pdfbg .image-caption { 5883 padding-top: 2rem; 5884} 5885.pdfbg.ce-gallery[data-ce-columns="2"] .ce-column { 5886 max-width: calc(50% - 0.625rem); 5887} 5888.pdfbg.ce-gallery[data-ce-columns="3"] .ce-column { 5889 width: calc(33.33333% - 0.8334rem); 5890} 5891.col32_list { 5892 float: left; 5893 width: 50%; 5894 padding: 0.5rem; 5895 position: relative; 5896} 5897.col33_list { 5898 float: left; 5899 width: 33.3333%; 5900 padding: 0.5rem; 5901 position: relative; 5902} 5903.col34_list { 5904 float: left; 5905 width: 25%; 5906 padding: 0.5rem; 5907 position: relative; 5908} 5909.col34_list:nth-child(4n + 5) { 5910 clear: left; 5911} 5912.presse-column img { 5913 float: left; 5914 width: 100%; 5915} 5916.presse-column .image { 5917 float: left; 5918 width: 100%; 5919 position: relative; 5920 border-radius: 1.25rem; 5921 overflow: hidden; 5922} 5923.presse-column .image-caption { 5924 position: absolute; 5925 bottom: 1rem; 5926 right: 1rem; 5927 tab-size: 5; 5928} 5929a.downloadfile { 5930 display: inline-block; 5931 text-decoration: none; 5932 background: var(--rot); 5933 color: var(--weiss); 5934 line-height: 1.75rem; 5935 padding-left: 1rem; 5936 padding-right: 1rem; 5937 border-radius: 0.25rem; 5938} 5939.rowpresse { 5940 margin-left: -0.5rem; 5941 margin-right: -0.5rem; 5942 margin-top: 3rem; 5943} 5944 5945 5946 5947.form-group { 5948 position: relative; 5949 margin-top: 2.875rem; 5950 float: left; 5951 width: 100%; 5952} 5953 5954label.control-label { 5955 position: absolute; 5956 top: 0; 5957 /* Abstand des Labels vom oberen Rand des Eingabefelds */ 5958 left: 1.875rem; 5959 /* Abstand des Labels vom linken Rand des Eingabefelds */ 5960 pointer-events: none;
5961 /* Sorgt dafür, dass das Label nicht mit dem Eingabefeld interagiert */ 5962 transition: all 0.2s ease-in-out; 5963 /* Animation für die Bewegung des Labels */ 5964 font-family: var(--fontfamily); 5965 font-weight: 400; 5966 font-size: 1.125rem; 5967 color: var(--schwarz); 5968 height: 3.125rem; 5969 line-height: 3.125rem; 5970} 5971 5972label.control-label.isfocused { 5973 top: -2.75rem; 5974} 5975 5976labelx { 5977 float: left; 5978 width: 100%; 5979 font-size: 12px; 5980 font-size: 0.9375rem; 5981 line-height: 2; 5982 padding-top: 0.5rem; 5983} 5984 5985label.control-label {} 5986 5987input[type=text], 5988input[type=email], 5989input[type=number], 5990textarea { 5991 float: left; 5992 width: 100%; 5993 border: 1px solid var(--schwarz); 5994 border-radius: 1.5625rem; 5995 background: none; 5996 font-family: var(--fontfamily); 5997 font-weight: 400; 5998 font-size: 1.125rem; 5999 color: var(--schwarz); 6000 height: 3.125rem; 6001 line-height: 3.125rem; 6002 margin: 0; 6003 padding: 0; 6004 padding-left: 1.875rem; 6005} 6006 6007textarea { 6008 min-height: 10em; 6009 line-height: normal; 6010 padding-top: 1em; 6011} 6012 6013input[type=number] { 6014 text-align: center; 6015 padding: 0; 6016} 6017 6018.quantity { 6019 position: relative; 6020 float: left; 6021 width: 100%; 6022} 6023 6024input[type=number]::-webkit-inner-spin-button, 6025input[type=number]::-webkit-outer-spin-button { 6026 -webkit-appearance: none; 6027 margin: 0; 6028} 6029 6030input[type=number] { 6031 -moz-appearance: textfield; 6032} 6033 6034.quantity input:focus-visible { 6035 /*outline: 0;*/ 6036} 6037 6038.quantity-nav { 6039 position: absolute; 6040 left: 0; 6041 width: 100%; 6042 color: #444444; 6043} 6044 6045.quantity-button { 6046 position: relative; 6047 cursor: pointer; 6048 width: 1rem; 6049 text-align: center; 6050 font-size: 1.5rem; 6051 line-height: 3.33333rem; 6052 -webkit-user-select: none; 6053 -moz-user-select: none; 6054 -ms-user-select: none; 6055 -o-user-select: none; 6056 user-select: none; 6057} 6058 6059.quantity-button.quantity-up { 6060 position: absolute; 6061 height: 100%; 6062 top: 0; 6063 right: 1rem; 6064} 6065 6066.quantity-button.quantity-down { 6067 position: absolute; 6068 left: 1rem; 6069 height: 100%; 6070} 6071 6072.row { 6073 margin-left: -0.75rem; 6074 margin-right: -0.75rem; 6075} 6076 6077.col, 6078.col-xs-1, 6079.col-sm-1, 6080.col-md-1, 6081.col-lg-1, 6082.col-xs-2, 6083.col-sm-2, 6084.col-md-2, 6085.col-lg-2, 6086.col-xs-3, 6087.col-sm-3, 6088.col-md-3, 6089.col-lg-3, 6090.col-xs-4, 6091.col-sm-4, 6092.col-md-4, 6093.col-lg-4, 6094.col-xs-5, 6095.col-sm-5, 6096.col-md-5, 6097.col-lg-5, 6098.col-xs-6, 6099.col-sm-6, 6100.col-md-6, 6101.col-lg-6, 6102.col-xs-7, 6103.col-sm-7, 6104.col-md-7, 6105.col-lg-7, 6106.col-xs-8, 6107.col-sm-8, 6108.col-md-8, 6109.col-lg-8, 6110.col-xs-9, 6111.col-sm-9, 6112.col-md-9, 6113.col-lg-9, 6114.col-xs-10, 6115.col-sm-10, 6116.col-md-10, 6117.col-lg-10, 6118.col-xs-11, 6119.col-sm-11, 6120.col-md-11, 6121.col-lg-11, 6122.col-xs-12, 6123.col-sm-12, 6124.col-md-12, 6125.col-lg-12, 6126.col-xs-p20, 6127.col-sm-p20, 6128.col-md-p20, 6129.col-lg-p20, 6130.col-xxs-1, 6131.col-xxs-2, 6132.col-xxs-3, 6133.col-xxs-4, 6134.col-xxs-5, 6135.col-xxs-6, 6136.col-xxs-7, 6137.col-xxs-8, 6138.col-xxs-9, 6139.col-xxs-10, 6140.col-xxs-11, 6141.col-xxs-12 { 6142 position: relative; 6143 min-height: 1px; 6144 padding-left: 0.75rem; 6145 padding-right: 0.75rem; 6146 float: left; 6147} 6148 6149.col, 6150.col-xs-1, 6151.col-xs-2, 6152.col-xs-3, 6153.col-xs-4, 6154.col-xs-5, 6155.col-xs-6, 6156.col-xs-7, 6157.col-xs-8, 6158.col-xs-9, 6159.col-xs-10, 6160.col-xs-11, 6161.col-xs-12, 6162.col-xs-p20, 6163.col-sm-p20, 6164.col-md-p20, 6165.col-lg-p20 { 6166 float: left; 6167} 6168 6169.col-xxs-12 { 6170 width: 100%; 6171} 6172 6173.col-xxs-11 { 6174 width: 91.66666667%; 6175} 6176 6177.col-xxs-10 { 6178 width: 83.33333333%; 6179} 6180 6181.col-xxs-9 { 6182 width: 75%; 6183} 6184 6185.col-xxs-8 { 6186 width: 66.66666667%; 6187} 6188 6189.col-xxs-7 { 6190 width: 58.33333333%; 6191} 6192 6193.col-xxs-6 { 6194 width: 50%; 6195} 6196 6197.col-xs-5 { 6198 width: 41.66666667%; 6199} 6200 6201.col-xxs-4 { 6202 width: 33.33333333%; 6203} 6204 6205.col-xxs-3 { 6206 width: 25%; 6207} 6208 6209.col-xxs-2 { 6210 width: 16.66666667%; 6211} 6212 6213.col-xxs-1 { 6214 width: 8.33333333%; 6215} 6216 6217@media (min-width: 21px) { 6218 .col-xs-12 { 6219 width: 100%; 6220 } 6221 6222 .col-xs-11 { 6223 width: 91.66666667%; 6224 } 6225 6226 .col-xs-10 { 6227 width: 83.33333333%; 6228 } 6229 6230 .col-xs-9 { 6231 width: 75%; 6232 } 6233 6234 .col-xs-8 { 6235 width: 66.66666667%; 6236 } 6237 6238 .col-xs-7 { 6239 width: 58.33333333%; 6240 } 6241 6242 .col-xs-6 { 6243 width: 50%; 6244 } 6245 6246 .col-xs-5 { 6247 width: 41.66666667%; 6248 } 6249 6250 .col-xs-4 { 6251 width: 33.33333333%; 6252 } 6253 6254 .col-xs-3 { 6255 width: 25%; 6256 } 6257 6258 .col-xs-2 { 6259 width: 16.66666667%; 6260 } 6261 6262 .col-xs-1 { 6263 width: 8.33333333%; 6264 } 6265} 6266 6267@media (min-width: 21px) { 6268 6269 .col, 6270 .col-sm-1,
6271 .col-sm-2, 6272 .col-sm-3, 6273 .col-sm-4, 6274 .col-sm-5, 6275 .col-sm-6, 6276 .col-sm-7, 6277 .col-sm-8, 6278 .col-sm-9, 6279 .col-sm-10, 6280 .col-sm-11, 6281 .col-sm-12 { 6282 float: left; 6283 } 6284 6285 .col-sm-12 { 6286 width: 100%; 6287 } 6288 6289 .col-sm-11 { 6290 width: 91.66666667%; 6291 } 6292 6293 .col-sm-10 { 6294 width: 83.33333333%; 6295 } 6296 6297 .col-sm-9 { 6298 width: 75%; 6299 } 6300 6301 .col-sm-8 { 6302 width: 66.66666667%; 6303 } 6304 6305 .col-sm-7 { 6306 width: 58.33333333%; 6307 } 6308 6309 .col-sm-6 { 6310 width: 50%; 6311 } 6312 6313 .col-sm-5 { 6314 width: 41.66666667%; 6315 } 6316 6317 .col-sm-4 { 6318 width: 33.33333333%; 6319 } 6320 6321 .col-sm-3 { 6322 width: 25%; 6323 } 6324 6325 .col-sm-2 { 6326 width: 16.66666667%; 6327 } 6328 6329 .col-sm-1 { 6330 width: 8.33333333%; 6331 } 6332} 6333 6334@media (min-width: 768px) { 6335 6336 .col, 6337 .col-md-1, 6338 .col-md-2, 6339 .col-md-3, 6340 .col-md-4, 6341 .col-md-5, 6342 .col-md-6, 6343 .col-md-7, 6344 .col-md-8, 6345 .col-md-9, 6346 .col-md-10, 6347 .col-md-11, 6348 .col-md-12 { 6349 float: left; 6350 } 6351 6352 .col-md-12 { 6353 width: 100%; 6354 } 6355 6356 .col-md-11 { 6357 width: 91.66666667%; 6358 } 6359 6360 .col-md-10 { 6361 width: 83.33333333%; 6362 } 6363 6364 .col-md-9 { 6365 width: 75%; 6366 } 6367 6368 .col-md-8 { 6369 width: 66.66666667%; 6370 } 6371 6372 .col-md-7 { 6373 width: 58.33333333%; 6374 } 6375 6376 .col-md-6 { 6377 width: 50%; 6378 } 6379 6380 .col-md-5 { 6381 width: 41.66666667%; 6382 } 6383 6384 .col-md-4 { 6385 width: 33.33333333%; 6386 } 6387 6388 .col-md-3 { 6389 width: 25%; 6390 } 6391 6392 .col-md-2 { 6393 width: 16.66666667%; 6394 } 6395 6396 .col-md-1 { 6397 width: 8.33333333%; 6398 } 6399} 6400 6401@media (min-width: 1200px) { 6402 6403 .col, 6404 .col-lg-1, 6405 .col-lg-2, 6406 .col-lg-3, 6407 .col-lg-4, 6408 .col-lg-5, 6409 .col-lg-6, 6410 .col-lg-7, 6411 .col-lg-8, 6412 .col-lg-9, 6413 .col-lg-10, 6414 .col-lg-11, 6415 .col-lg-12 { 6416 float: left; 6417 } 6418 6419 .col-lg-12 { 6420 width: 100%; 6421 } 6422 6423 .col-lg-11 { 6424 width: 91.66666667%; 6425 } 6426 6427 .col-lg-10 { 6428 width: 83.33333333%; 6429 } 6430 6431 .col-lg-9 { 6432 width: 75%; 6433 } 6434 6435 .col-lg-8 { 6436 width: 66.66666667%; 6437 } 6438 6439 .col-lg-7 { 6440 width: 58.33333333%; 6441 } 6442 6443 .col-lg-6 { 6444 width: 50%; 6445 } 6446 6447 .col-lg-5 { 6448 width: 41.66666667%; 6449 } 6450 6451 .col-lg-4 { 6452 width: 33.33333333%; 6453 } 6454 6455 .col-lg-3 { 6456 width: 25%; 6457 } 6458 6459 .col-lg-2 { 6460 width: 16.66666667%; 6461 } 6462 6463 .col-lg-1 { 6464 width: 8.33333333%; 6465 } 6466} 6467 6468.ce-gallery[data-ce-columns="4"] .ce-column { 6469 width: calc(25% - 19px); 6470} 6471 6472.fancybox-caption.caption--image { 6473 width: 100%; 6474 top: 100%; 6475 padding: 10px; 6476 color: #fff; 6477} 6478 6479.fancybox-caption--separate { 6480 margin-top: 0 !important; 6481} 6482 6483.fancybox-caption { 6484 background: none !important; 6485} 6486 6487.fancybox-inner>.fancybox-caption { 6488 display: none; 6489} 6490 6491/* default styles for extension "tx_frontend" */ 6492.ce-align-left { 6493 text-align: left; 6494} 6495 6496.ce-align-center { 6497 text-align: center; 6498} 6499 6500.ce-align-right { 6501 text-align: right; 6502} 6503 6504.ce-table td, 6505.ce-table th { 6506 vertical-align: top; 6507} 6508 6509.ce-textpic, 6510.ce-image, 6511.ce-nowrap .ce-bodytext, 6512.ce-gallery, 6513.ce-row, 6514.ce-uploads li, 6515.ce-uploads div { 6516 overflow: hidden; 6517} 6518 6519.ce-left .ce-gallery, 6520.ce-column { 6521 float: left; 6522} 6523 6524.ce-center .ce-outer { 6525 position: relative; 6526 float: right; 6527 right: 50%; 6528} 6529 6530.ce-center .ce-inner { 6531 position: relative; 6532 float: right; 6533 right: -50%; 6534} 6535 6536.ce-right .ce-gallery { 6537 float: right; 6538} 6539 6540.ce-gallery figure { 6541 display: table; 6542 margin: 0; 6543} 6544 6545.ce-gallery figcaption { 6546 display: table-caption; 6547 caption-side: bottom; 6548} 6549 6550.ce-gallery img { 6551 display: block; 6552} 6553 6554.ce-gallery iframe { 6555 border-width: 0; 6556} 6557 6558.ce-border img, 6559.ce-border iframe { 6560 border: 0.125rem solid var(--schwarz); 6561 padding: 0px; 6562} 6563 6564.ce-intext.ce-right .ce-gallery, 6565.ce-intext.ce-left .ce-gallery, 6566.ce-above .ce-gallery { 6567 margin-bottom: 1.25rem; 6568} 6569 6570.ce-intext.ce-right .ce-gallery { 6571 margin-left: 1.25rem; 6572} 6573 6574.ce-intext.ce-left .ce-gallery { 6575 margin-right: 1.25rem; 6576} 6577 6578.ce-below .ce-gallery { 6579 margin-top: 1.25rem; 6580} 6581 6582.ce-column { 6583 margin-right: 1.25rem; 6584} 6585 6586.ce-column:last-child { 6587 margin-right: 0; 6588} 6589 6590.ce-row { 6591 margin-bottom: 1.25rem; 6592} 6593 6594.ce-row:last-child { 6595 margin-bottom: 0; 6596} 6597 6598.ce-above .ce-bodytext { 6599 clear: both; 6600} 6601 6602.ce-intext.ce-left ol, 6603.ce-intext.ce-left ul { 6604 padding-left: 40px; 6605 overflow: auto; 6606} 6607 6608/* Headline */ 6609.ce-headline-left { 6610 text-align: left; 6611} 6612 6613.ce-headline-center { 6614 text-align: center; 6615} 6616 6617.ce-headline-right { 6618 text-align: right; 6619} 6620 6621/* Uploads */ 6622.ce-uploads { 6623 margin: 0; 6624 padding: 0; 6625} 6626 6627.ce-uploads li { 6628 list-style: none outside none; 6629 margin: 1em 0; 6630} 6631 6632.ce-uploads img { 6633 float: left; 6634 padding-right: 1em; 6635 vertical-align: top; 6636} 6637 6638.ce-uploads span { 6639 display: block; 6640} 6641 6642/* Table */ 6643.ce-table { 6644 width: 100%; 6645 max-width: 100%; 6646} 6647 6648.ce-table th, 6649.ce-table td { 6650 padding: 0.5em 0.75em; 6651 vertical-align: top; 6652} 6653 6654.ce-table thead th { 6655 border-bottom: 2px solid #dadada; 6656} 6657 6658.ce-table th, 6659.ce-table td { 6660 border-top: 1px solid #dadada; 6661} 6662 6663.ce-table-striped tbody tr:nth-of-type(odd) { 6664 background-color: rgba(0, 0, 0, .05); 6665} 6666 6667.ce-table-bordered th, 6668.ce-table-bordered td { 6669 border: 1px solid #dadada; 6670} 6671 6672/* Space */ 6673.frame-space-before-extra-small { 6674 margin-top: 1em; 6675} 6676 6677.frame-space-before-small {
6678 margin-top: 2em; 6679} 6680 6681.frame-space-before-medium { 6682 margin-top: 3em; 6683} 6684 6685.frame-space-before-large { 6686 margin-top: 4em; 6687} 6688 6689.frame-space-before-extra-large { 6690 margin-top: 5em; 6691} 6692 6693.frame-space-after-extra-small { 6694 margin-bottom: 1em; 6695} 6696 6697.frame-space-after-small { 6698 margin-bottom: 2em; 6699} 6700 6701.frame-space-after-medium { 6702 margin-bottom: 3em; 6703} 6704 6705.frame-space-after-large { 6706 margin-bottom: 4em; 6707} 6708 6709.frame-space-after-extra-large { 6710 margin-bottom: 5em; 6711} 6712 6713/* Frame */ 6714.frame-ruler-before:before { 6715 content: ''; 6716 display: block; 6717 border-top: 1px solid rgba(0, 0, 0, 0.25); 6718 margin-bottom: 2em; 6719} 6720 6721.frame-ruler-after:after { 6722 content: ''; 6723 display: block; 6724 border-bottom: 1px solid rgba(0, 0, 0, 0.25); 6725 margin-top: 2em; 6726} 6727 6728.frame-indent { 6729 margin-left: 15%; 6730 margin-right: 15%; 6731} 6732 6733.frame-indent-left { 6734 margin-left: 33%; 6735} 6736 6737.frame-indent-right { 6738 margin-right: 33%; 6739} 6740 6741.news-single .article .news-img-wrap { 6742 float: right; 6743 width: 23.125rem; 6744 margin: 0 0 0 1.5625rem; 6745} 6746 6747.news .article .news-img-wrap img { 6748 vertical-align: middle; 6749} 6750 6751.news-single .teaser-text { 6752 font-size: 1.25rem; 6753 color: var(--schwarz); 6754 font-weight: 700; 6755} 6756 6757#overlayout_pop { 6758 position: fixed; 6759 top: 0; 6760 left: 0; 6761 width: 100%; 6762 height: 100%; 6763 background-color: rgba(0, 0, 0, 0.80); 6764 z-index: 500000; 6765 display: none; 6766} 6767 6768#overlayout_pop.open { 6769 display: block; 6770} 6771 6772#overlay_outer { 6773 position: absolute; 6774 top: 50%; 6775 left: 50%; 6776 transform: translate(-50%, -50%); 6777 background: #ffffff; 6778 max-width: 66.25rem; 6779 width: 90%; 6780 border: 0.125rem solid var(--schwarz); 6781 padding: 1.875rem; 6782 text-align: center; 6783 padding-bottom: 3rem; 6784} 6785 6786#overlay_outer .close { 6787 position: absolute; 6788 top: -12px; 6789 right: -12.px; 6790 cursor: pointer; 6791} 6792 6793.map { 6794 position: relative; 6795} 6796 6797.map_model { 6798 width: 100%; 6799 height: 100%; 6800 background-position: center center; 6801 position: absolute; 6802 top: 0; 6803 left: 0; 6804 z-index: 10; 6805} 6806 6807.map_model iframe { 6808 width: 100%; 6809 height: 100%; 6810} 6811 6812.map_model img { 6813 max-width: none !important; 6814} 6815 6816.map_locations { 6817 display: none; 6818} 6819 6820#overmap { 6821 position: absolute; 6822 top: 50%; 6823 left: 50%; 6824 text-align: center; 6825 width: 100%; 6826 transform: translate(-50%, -50%); 6827 z-index: 15; 6828 font-weight: 400; 6829 font-size: 1rem; 6830 padding-left: 2rem; 6831 padding-right: 2rem; 6832} 6833 6834#googlemaps { 6835 float: left; 6836 width: 100%; 6837 position: relative; 6838} 6839 6840#googlemaps img { 6841 float: left; 6842 width: 100%; 6843 position: relative; 6844 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/weltkarte-g.jpg'); 6845 background-size: cover; 6846} 6847 6848.platzhalter { 6849 float: left; 6850 width: 100%; 6851 position: relative; 6852} 6853 6854.platzhalter_img { 6855 float: left; 6856 width: 100%; 6857 position: relative; 6858} 6859 6860.platzhalter_img img { 6861 float: left; 6862 width: 100%; 6863} 6864 6865.platzhaler_txt { 6866 position: absolute; 6867 top: 50%; 6868 left: 50%; 6869 transform: translate(-50%, -50%); 6870 width: 90%; 6871 text-align: center; 6872 font-size: 1rem; 6873} 6874 6875#show-content { 6876 font-size: 1rem; 6877 padding-top: 0.375em; 6878 padding-bottom: 0.375em; 6879} 6880 6881@media screen and (max-width: 767px) { 6882 6883 .platzhaler_txt, 6884 #show-content { 6885 font-size: 3vw; 6886 } 6887} 6888 6889 6890 6891#cbp-spmenu-s1 .container { 6892 padding: 0; 6893} 6894.menublock li ul { 6895 position: relative; 6896 z-index: 1000; 6897 margin: 0; 6898 padding: 0; 6899} 6900 6901.menublock ul { 6902 margin: 0; 6903 padding: 0; 6904 list-style: none; 6905} 6906.toChild { 6907 width: 3em; 6908 height: 3.875em; 6909 line-height: normal; 6910 position: absolute; 6911 right: 0.25rem; 6912 top: 0; 6913 margin-top: -0px; 6914 color: #323232; 6915 cursor: pointer; 6916 -webkit-box-sizing: border-box; 6917 -moz-box-sizing: border-box; 6918 box-sizing: border-box; 6919 text-align: center; 6920} 6921.has-submenu button { 6922 -webkit-box-sizing: border-box; 6923 -moz-box-sizing: border-box; 6924 box-sizing: border-box; 6925 text-align: left; 6926 width: 3em; 6927 height: 4.875em; 6928 line-height: normal; 6929 position: absolute; 6930 right: 0.25rem; 6931 top: 0; 6932 border: 0; 6933 border-radius: 0; 6934 background: none; 6935 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/downmobile.svg'); 6936 background-position: center center; 6937 background-repeat: no-repeat; 6938 background-size: 1.5rem auto; 6939 appearance: none; 6940 cursor: pointer; 6941 overflow: hidden; 6942 text-indent: -9999px; 6943} 6944.nav-icon:focus-visibel, 6945.has-submenu button:focus-visible { 6946 outline: 1px dashed var(--rot); 6947} 6948.open.has-submenu button { 6949 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/
6949Images/downmobile.svg'); 6950 transform: rotate(180deg) 6951} 6952.toChild.open {} 6953 6954.toChild:before { 6955 content: ''; 6956 text-align: center; 6957 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/downmobile.svg'); 6958 background-position: center center; 6959 background-repeat: no-repeat; 6960 background-size: 1.125rem auto; 6961 position: absolute; 6962 width: 100%; 6963 height: 100%; 6964 top: 0; 6965 left: 0; 6966 6967} 6968 6969.toChild.open:before { 6970 content: ''; 6971 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/downmobile.svg'); 6972 transform: rotate(180deg) 6973} 6974.cbp-spmenu { 6975 background: var(--weiss); 6976 position: fixed; 6977 overflow: scroll; 6978} 6979.menublock { 6980 float: left; 6981 width: 100%; 6982 position: relative; 6983 display: none; 6984 padding: 3rem; 6985 padding-top: 18rem; 6986 6987} 6988.cbp-spmenu-open .menublock { 6989 display: block; 6990} 6991.openmenux > *:not(#cbp-spmenu-s1) { 6992 display: none !important; 6993} 6994.menublock ul { 6995 margin:0; 6996 padding:0; 6997 position: relative; 6998 list-style: none; 6999 width: 100%; 7000} 7001.menublock li { 7002 margin: 0; 7003 padding: 0; 7004 list-style: none; 7005 display: block; 7006 z-index: 99; 7007 text-decoration: none; 7008 position: relative; 7009 padding-top: 0.75rem; 7010 padding-bottom: 0.75rem; 7011} 7012 7013.menublock li.active ul { 7014 display: block; 7015} 7016.menublock .linkmore button, 7017.menublock li a { 7018 display: block; 7019 text-decoration: none; 7020 color: var(--rot); 7021 font-size: 2rem; 7022} 7023.menublock .linkmore { 7024 margin-left: 0; 7025 padding-left: 2.25rem; 7026 width: 100%; 7027 padding-top: 0.75rem; 7028} 7029.menublock .linkmore button::after { 7030 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/arrow-lrot.svg'); 7031 background-size: 1.5rem auto; 7032 width: 1.5rem; 7033 height: 1.5rem; 7034 left: -2.25rem; 7035} 7036.menublock .linkmore button::before { 7037 display: none; 7038} 7039.menublock ul li a span.mnr { 7040 display: inline-block; 7041 font-size: 1rem; 7042 line-height: 2rem; 7043 border: 0.25rem solid var(--rot); 7044 border-radius: 1.5rem; 7045 padding-left: 0.75rem; 7046 padding-right: 0.5rem; 7047 top: -0.5rem; 7048} 7049.menublock a.active { 7050 7051} 7052.menublock a:hover { 7053 7054} 7055.menublock .linkmore button:focus-visible span::after { 7056 display: none; 7057} 7058 7059/*ebene 2*/ 7060.menublock li ul { 7061 display: none; 7062 padding-top: 0.75rem; 7063 padding-bottom: 1.5rem 7064} 7065.menublock li ul li { 7066 border: 0; 7067 padding-top: 0.25rem; 7068 padding-bottom: 0.25rem; 7069 padding-left: 2.5rem; 7070} 7071.menublock li:focus-within > .submenu { 7072 display: block; 7073} 7074.menublock ul ul li a, 7075.menublock ul ul li a:link, 7076.menublock ul ul li a:visited { 7077 7078} 7079.menublock .linkmore button:focus-visible, 7080.menublock ul li a:focus-visible { 7081 outline: 1px dashed var(--rot); 7082 /*text-decoration: underline;*/ 7083} 7084.menublock ul ul li a:hover { 7085 7086} 7087 7088.menublock ul ul li a.active { 7089 7090} 7091 7092.menublock ul li ul li.last a, 7093.menublock ul li ul li.last a:link, 7094.menublock ul li ul li.last a:visited { 7095 7096} 7097.menublock ul ul ul li a, 7098.menublock ul ul ul li a:link, 7099.menublock ul ul ul li a:visited { 7100 7101} 7102.cbp-spmenu-vertical { 7103 width: calc(100% - 4.5rem); 7104 width: 100%; 7105 7106 max-width: 26rem; 7107 max-width: 100%; 7108 height: 100%; 7109 top: 0; 7110 z-index: 1000; 7111 overflow: auto; 7112 left: -100%; 7113 background: rgba(243, 242, 234, 0.80); 7114 backdrop-filter: blur(0.75rem); 7115} 7116 7117.cbp-spmenu-left.cbp-spmenu-open { 7118 left: 0; 7119} 7120.cbp-spmenu { 7121 -webkit-transition: all 0.3s ease; 7122 -moz-transition: all 0.3s ease; 7123 transition: all 0.3s ease; 7124} 7125 7126 7127</style> 7128 7129<style media="all"> 7130 7131 7132/* 7133 * jQuery FlexSlider v2.4.0 7134 * http://www.woothemes.com/flexslider/ 7135 * 7136 * Copyright 2012 WooThemes 7137 * Free to use under the GPLv2 and later license. 7138 * http://www.gnu.org/licenses/gpl-2.0.html 7139 * 7140 * Contributing author: Tyler Smith (@mbmufffin) 7141 * 7142 */ 7143 7144 7145/* ==================================================================================================================== 7146 * RESETS 7147 * ====================================================================================================================*/ 7148 7149.flex-container a:hover, 7150.flex-slider a:hover, 7151.flex-container a:focus, 7152.flex-slider a:focus { 7153 outline: none; 7154} 7155 7156.slides, 7157.slides>li, 7158.flex-control-nav, 7159.flex-direction-nav { 7160 margin: 0; 7161 padding: 0; 7162 list-style: none; 7163} 7164 7165.flex-pauseplay span { 7166 text-transform: capitalize; 7167} 7168 7169 7170/* ==================================================================================================================== 7171 * BASE STYLES 7172 * ====================================================================================================================*/ 7173 7174.flexslider { 7175 margin: 0; 7176 padding: 0; 7177 overflow: hidden; 7178 z-index: 10; 7179 height: 100%; 7180} 7181 7182.flexslider .slides { 7183 height: 100%; 7184} 7185 7186.flexslider .slides>li {
7187 display: none; 7188 -webkit-backface-visibility: hidden; 7189 -webkit-transition: opacity 1s ease; 7190 -moz-transition: opacity 1s ease; 7191 transition: opacity 1s ease; 7192 height: 100%; 7193 overflow: hidden; 7194 background-position: center center; 7195 background-repeat: no-repeat; 7196 background-size: cover; 7197 position: relative; 7198} 7199 7200.flexslider .slides > li:nth-child(1) { 7201 display: block; 7202} 7203.startseite .flexslider .slides>li { 7204 height: 100%; 7205 max-height: 100%; 7206} 7207.flexslider .slides img { 7208 width: 100%; 7209 display: block; 7210 height: auto; 7211 position: relative; 7212} 7213#wechsler.startseite .flexslider .slides img { 7214 object-fit: cover; 7215 object-position: 50% 50%; 7216 width: 100%; 7217 height: 100vh; 7218} 7219 7220.flexslider .slides:after { 7221 content: "\0020"; 7222 display: block; 7223 clear: both; 7224 visibility: hidden; 7225 line-height: 0; 7226 height: 0; 7227} 7228 7229html[xmlns] .flexslider .slides { 7230 display: block; 7231} 7232 7233* html .flexslider .slides { 7234 height: 1%; 7235} 7236 7237.no-js .flexslider .slides>li:first-child { 7238 display: block; 7239} 7240 7241 7242/* ==================================================================================================================== 7243 * DEFAULT THEME 7244 * ====================================================================================================================*/ 7245 7246.flexslider { 7247 margin: 0 0 0px; 7248 background: none; 7249 border: 0px solid #ffffff; 7250 position: relative; 7251 zoom: 1; 7252} 7253 7254.flexslider .slides { 7255 zoom: 1; 7256} 7257 7258.flexslider .slides img { 7259 height: auto; 7260} 7261 7262.flex-viewport { 7263 max-height: 2000px; 7264 -webkit-transition: all 1s ease; 7265 -moz-transition: all 1s ease; 7266 -ms-transition: all 1s ease; 7267 -o-transition: all 1s ease; 7268 transition: all 1s ease; 7269} 7270 7271.loading .flex-viewport { 7272 max-height: 300px; 7273} 7274 7275.carousel li { 7276 margin-right: 5px; 7277} 7278 7279.flex-direction-nav { 7280 height: 0; 7281 margin: 0; 7282 padding: 0; 7283 position: absolute; 7284 top: 50%; 7285 margin-top: -15px; 7286 margin-top: -0.9375rem; 7287 width: 100%; 7288 z-index: 50; 7289} 7290 7291.flex-direction-nav a { 7292 text-decoration: none; 7293 display: block; 7294 width: 30px; 7295 width: 1.875rem; 7296 height: 30px; 7297 height: 1.875rem; 7298 z-index: 40; 7299 overflow: hidden; 7300 text-align: left; 7301 text-indent: -99999999px; 7302 cursor: pointer; 7303 color: rgba(255, 255, 255, 0.8); 7304 transition: all 0.3s ease-in-out; 7305 background-position: center center; 7306 background-repeat: no-repeat; 7307 position: absolute; 7308 7309} 7310.flex-direction-nav a:focus, 7311.flex-direction-nav a:active { 7312 outline: 1px dashed #ffffff; 7313} 7314.flex-direction-nav .flex-prev { 7315 border-top: 2px solid #ffffff; 7316 border-left: 2px solid #ffffff; 7317 left: 100px; 7318 left: 6.25rem; 7319 -moz-transform:rotate(-45deg); 7320 -webkit-transform:rotate(-45deg); 7321 -o-transform:rotate(-45deg); 7322 -ms-transform:rotate(-45deg); 7323 transform: rotate(-45deg); 7324} 7325.flex-direction-nav_xx .flex-prev:hover { 7326 left: 90px; 7327 padding-right: 10px; 7328 padding-left: 10px; 7329} 7330.flex-direction-nav .flex-next{ 7331 border-top: 2px solid #ffffff; 7332 border-right: 2px solid #ffffff; 7333 right: 100px; 7334 right: 6.25rem; 7335 -moz-transform:rotate(45deg); 7336 -webkit-transform:rotate(45deg); 7337 -o-transform:rotate(45deg); 7338 -ms-transform:rotate(45deg); 7339 transform: rotate(45deg); 7340} 7341.flex-direction-nav_xx .flex-next:hover { 7342 right: 90px; 7343 padding-left: 10px; 7344} 7345.flexslider:hover .flex-direction-nav .flex-prev {} 7346 7347.flexslider:hover .flex-direction-nav .flex-next {} 7348 7349.flex-direction-nav .flex-disabled { 7350 opacity: 0!important; 7351 filter: alpha(opacity=0); 7352 cursor: default; 7353} 7354 7355.flex-pauseplay a { 7356 display: block; 7357 background: #000000; 7358 position: absolute; 7359 bottom: 1rem; 7360 right: 1rem; 7361 opacity: 0; 7362 opacity: 1; 7363 z-index: 10; 7364 overflow: hidden; 7365 cursor: pointer; 7366 color: #ffffff; 7367 margin-left: 0; 7368 padding: 1rem; 7369} 7370 7371.xxx .flex-pauseplay a:before { 7372 font-family: "flexslider-icon"; 7373 font-size: 14px; 7374 display: inline-block; 7375 width: 9px; 7376 height: 7px; 7377 content: ''; 7378 color: #d3402d; 7379 background-repeat: no-repeat; 7380} 7381.flexslider:hover .flex-pauseplay a { 7382 opacity: 1; 7383} 7384.flex-pauseplay a:focus,
7385.flex-pauseplay a:active, 7386.flex-pauseplay a:hover { 7387 opacity: 1; 7388 background: #000000; 7389 color: #ffffff; 7390 padding: 1rem; 7391 outline: 2px solid #ffffff; 7392} 7393 7394.xxx .flex-pauseplay .flex-play:before { 7395 content: '\f003'; 7396} 7397 7398.onlyone .flex-pauseplay { 7399 display: none; 7400} 7401 7402.flex-control-nav, 7403.owldots div { 7404 text-align: center; 7405 z-index: 35; 7406 float: left; 7407 position: absolute; 7408 bottom: 1rem; 7409 left: 50%; 7410 transform: translate(-50%, 0); 7411 width: 100%; 7412 max-width: 960px; 7413 padding-left: 0.9375rem; 7414 padding-right: 0.9375rem; 7415 display: none; 7416} 7417.unterseite .flex-control-nav { 7418 bottom: 2.25rem; 7419} 7420.flex-control-nav li, 7421.owldots div { 7422 font-size: 1rem; 7423 margin: 0 0px; 7424 display: inline-block; 7425 zoom: 1; 7426 line-height: 11px; 7427 *display: inline; 7428} 7429 7430.owldots div { 7431 margin-left: 6px; 7432 margin-right: 6px; 7433 margin-top: 7px; 7434} 7435.flex-control-paging li + li { 7436 margin-left: 1.25em; 7437} 7438.flex-control-paging li a, 7439.owldots div { 7440 width: 2.25em; 7441 height: 0.375em; 7442 display: block; 7443 cursor: pointer; 7444 text-indent: -9999px; 7445 background: rgba(255,255,255,0.33); 7446} 7447 7448.flex-control-paging li a:hover, 7449.flex-control-paging li a.flex-active, 7450.owldots div.active { 7451 background: rgba(255,255,255,1); 7452} 7453 7454.flex-control-thumbs { 7455 margin: 5px 0 0; 7456 position: static; 7457 overflow: hidden; 7458} 7459 7460.flex-control-thumbs li { 7461 width: 25%; 7462 float: left; 7463 margin: 0; 7464} 7465 7466.flex-control-thumbs img { 7467 width: 100%; 7468 height: auto; 7469 display: block; 7470 opacity: .7; 7471 cursor: pointer; 7472 -webkit-transition: all 1s ease; 7473 -moz-transition: all 1s ease; 7474 -ms-transition: all 1s ease; 7475 -o-transition: all 1s ease; 7476 transition: all 1s ease; 7477} 7478 7479.flex-control-thumbs img:hover { 7480 opacity: 1; 7481} 7482 7483.flex-control-thumbs .flex-active { 7484 opacity: 1; 7485 cursor: default; 7486} 7487 7488 7489/* ==================================================================================================================== 7490 * RESPONSIVE 7491 * ====================================================================================================================*/ 7492 7493@media screen and (max-width: 767px) { 7494 .flex-direction-nav {} 7495 .flex-direction-nav .flex-prev { left: 1rem} 7496 .flex-direction-nav .flex-next { right: 1rem} 7497} 7498 7499.slideanimfadeInUp, .bestprice { 7500 opacity: 0; 7501 -webkit-animation: fadeOutFlex 0.6s forwards; 7502 -webkit-animation-delay: 0s; 7503 animation: fadeOutFlex 0.6s forwards; 7504 animation-delay: 0s; 7505} 7506.flex-active-slide .slideanimfadeInUp { 7507 -webkit-animation: fadeInUpFlex 0.8s forwards; 7508 -webkit-animation-delay: 0.5s; 7509 animation: fadeInUpFlex 0.8s forwards; 7510 animation-delay: 0.5s; 7511} 7512.bestprice { 7513 -webkit-animation: fadeInUpFlex 1.0s forwards; 7514 -webkit-animation-delay: 1.0s; 7515 animation: fadeInUpFlex 1.0s forwards; 7516 animation-delay: 1.0s; 7517} 7518.slideanimfadeInRight { 7519 opacity: 0; 7520 -webkit-animation: fadeOutFlex 0.6s forwards; 7521 -webkit-animation-delay: 0s; 7522 animation: fadeOutFlex 0.6s forwards; 7523 animation-delay: 0s; 7524} 7525.flex-active-slide .slideanimfadeInRight { 7526 -webkit-animation: fadeInUpFlex 0.5s forwards; 7527 -webkit-animation-delay: 0.3s; 7528 animation: fadeInUpFlex 0.8s forwards; 7529 animation-delay: 0.3s; 7530} 7531/* #Fade In 7532// ================================================== */ 7533 7534 @-webkit-keyframes fadeIn { 7535 0% { opacity: 0; } 7536 100% { opacity: 1; } 7537 } 7538 7539 @keyframes fadeIn { 7540 0% { opacity: 0; } 7541 100% { opacity: 1; } 7542 } 7543 7544 .animating.fade-in { 7545 -webkit-animation-name: fadeIn; 7546 animation-name: fadeIn; 7547 } 7548 7549 7550/* #Fade In Up 7551// ================================================== */ 7552 7553 /* Default */ 7554 7555 @-webkit-keyframes fadeInUp { 7556 0% { 7557 opacity: 0; 7558 -webkit-transform: translateY(60px); 7559 } 7560 7561 80% { opacity: 1; } 7562 7563 100% { -webkit-transform: translateY(0); } 7564 } 7565 7566 @keyframes fadeInUp { 7567 0% { 7568 opacity: 0; 7569 transform: translateY(60px); 7570 } 7571 7572 80% { opacity: 1; } 7573 7574 100% { transform: translateY(0); } 7575 } 7576 7577 .animating.fade-in-up { 7578 -webkit-animation-name: fadeInUp; 7579 animation-name: fadeInUp; 7580 } 7581 7582 /* Big */ 7583 7584 @-webkit-keyframes fadeInUpBig { 7585 0% { 7586 opacity: 0; 7587 -webkit-transform: translateY(200px); 7588 } 7589 7590 80% { opacity: 1; } 7591 7592 100% { -webkit-transform: translateY(0); } 7593 } 7594 7595 @keyframes fadeInUpBig { 7596 0% { 7597 opacity: 0; 7598 transform: translateY(200px); 7599 } 7600 7601 80% { opacity: 1; } 7602 7603 100% { transform: translateY(0); } 7604 } 7605 7606 .animating.fade-in-up-big { 7607 -webkit-animation-name: fadeInUpBig; 7608 animation-name: fadeInUpBig; 7609 } 7610 7611 /* Large */ 7612 7613 @-webkit-keyframes fadeInUpLarge { 7614 0% { 7615 opacity: 0; 7616 -webkit-transform: translateY(600px); 7617 } 7618 7619 80% { opacity: 1; } 7620 7621 100% { -webkit-transform: translateY(0); } 7622 } 7623 7624 @keyframes fadeInUpLarge { 7625 0% { 7626 opacity: 0; 7627 transform: translateY(600px); 7628 } 7629 7630 80% { opacity: 1; } 7631 7632 100% { transform: translateY(0); } 7633 } 7634 7635 .animating.fade-in-up-large { 7636 -webkit-animation-name: fadeInUpLarge; 7637 animation-name: fadeInUpLarge; 7638 } 7639 7640/* #Fade Out 7641// ================================================== */ 7642 7643 @-webkit-keyframes fadeOutFlex { 7644 0% { opacity: 1; } 7645 100% { opacity: 0; } 7646 } 7647 7648 @-moz-keyframes fadeOutFlex { 7649 0% { opacity: 1; } 7650 100% { opacity: 0; } 7651 } 7652 7653 @-ms-keyframes fadeOutFlex { 7654 0% { opacity: 1; } 7655 100% { opacity: 0; } 7656 } 7657 7658 @-o-keyframes fadeOutFlex { 7659 0% { opacity: 1; } 7660 100% { opacity: 0; } 7661 } 7662 7663 @keyframes fadeOutFlex { 7664 0% { opacity: 1; } 7665 100% { opacity: 0; } 7666 } 7667/* #Fade In Up 7668// ================================================== */ 7669 7670 @-webkit-keyframes fadeInUpFlex { 7671 0% { 7672 opacity: 0; 7673 -webkit-transform: translateY(80px); 7674 } 7675 7676 100% { 7677 opacity: 1; 7678 -webkit-transform: translateY(0); 7679 } 7680 } 7681 7682 @-moz-keyframes fadeInUpFlex { 7683 0% { 7684 opacity: 0; 7685 -moz-transform: translateY(80px); 7686 } 7687 7688 100% { 7689 opacity: 1; 7690 -moz-transform: translateY(0); 7691 } 7692 } 7693 7694 @-ms-keyframes fadeInUpFlex { 7695 0% { 7696 opacity: 0; 7697 -ms-transform: translateY(80px); 7698 } 7699 7700 100% { 7701 opacity: 1; 7702 -ms-transform: translateY(0); 7703 } 7704 } 7705 7706 @-o-keyframes fadeInUpFlex { 7707 0% { 7708 opacity: 0; 7709 -o-transform: translateY(80px); 7710 } 7711 7712 100% { 7713 opacity: 1; 7714 -o-transform: translateY(0); 7715 } 7716 } 7717 7718 @keyframes fadeInUpFlex { 7719 0% { 7720 opacity: 0; 7721 transform: translateY(80px); 7722 } 7723 7724 100% { 7725 opacity: 1; 7726 transform: translateY(0); 7727 } 7728 } 7729 7730/* #Fade In Right 7731// ================================================== */ 7732 7733 @-webkit-keyframes fadeInRightFlex { 7734 0% { 7735 opacity: 0;
7736 -webkit-transform: translateX(200px); 7737 } 7738 7739 100% { 7740 opacity: 1; 7741 -webkit-transform: translateX(0); 7742 } 7743 } 7744 7745 @-moz-keyframes fadeInRightFlex { 7746 0% { 7747 opacity: 0; 7748 -moz-transform: translateX(200px); 7749 } 7750 7751 100% { 7752 opacity: 1; 7753 -moz-transform: translateX(0); 7754 } 7755 } 7756 7757 @-ms-keyframes fadeInRightFlex { 7758 0% { 7759 opacity: 0; 7760 -ms-transform: translateX(200px); 7761 } 7762 7763 100% { 7764 opacity: 1; 7765 -ms-transform: translateX(0); 7766 } 7767 } 7768 7769 @-o-keyframes fadeInRightFlex { 7770 0% { 7771 opacity: 0; 7772 -o-transform: translateX(200px); 7773 } 7774 7775 100% { 7776 opacity: 1; 7777 -o-transform: translateX(0); 7778 } 7779 } 7780 7781 @keyframes fadeInRightFlex { 7782 0% { 7783 opacity: 0; 7784 transform: translateX(200px); 7785 } 7786 7787 100% { 7788 opacity: 1; 7789 transform: translateX(0); 7790 } 7791 } 7792/* #Fade In Left 7793// ================================================== */ 7794 7795 @-webkit-keyframes fadeInRightFlex { 7796 0% { 7797 opacity: 0; 7798 -webkit-transform: translateX(-200px); 7799 } 7800 7801 100% { 7802 opacity: 1; 7803 -webkit-transform: translateX(0); 7804 } 7805 } 7806 7807 @-moz-keyframes fadeInLeftFlex { 7808 0% { 7809 opacity: 0; 7810 -moz-transform: translateX(-200px); 7811 } 7812 7813 100% { 7814 opacity: 1; 7815 -moz-transform: translateX(0); 7816 } 7817 } 7818 7819 @-ms-keyframes fadeInLeftFlex { 7820 0% { 7821 opacity: 0; 7822 -ms-transform: translateX(-200px); 7823 } 7824 7825 100% { 7826 opacity: 1; 7827 -ms-transform: translateX(0); 7828 } 7829 } 7830 7831 @-o-keyframes fadeInLeftFlex { 7832 0% { 7833 opacity: 0; 7834 -o-transform: translateX(-200px); 7835 } 7836 7837 100% { 7838 opacity: 1; 7839 -o-transform: translateX(0); 7840 } 7841 } 7842 7843 @keyframes fadeInLeftFlex { 7844 0% { 7845 opacity: 0; 7846 transform: translateX(-200px); 7847 } 7848 7849 100% { 7850 opacity: 1; 7851 transform: translateX(0); 7852 } 7853 } 7854 7855 7856@-webkit-keyframes slideFlex { 7857 100% { right: 0; } 7858} 7859 7860@keyframes slideFlex { 7861 100% { right: 0; } 7862} 7863 7864 7865 7866 7867 7868.image-wrap { 7869 width: 100%; 7870 float: left; 7871 animation: kenburns 30s infinite; 7872 /* Add infinite to loop. */ 7873 -ms-animation: kenburns 30s ease infinite; 7874 -webkit-animation: kenburns 30s ease infinite; 7875 -0-animation: kenburns 30s ease infinite; 7876 -moz-animation: kenburns 30s ease infinite; 7877 7878} 7879.pause .image-wrap { 7880 animation: none; 7881 -ms-animation: none; 7882 -webkit-animation: none; 7883 -0-animation: none; 7884 -moz-animation: none; 7885} 7886 7887@-webkit-keyframes kenburns { 7888 0% { 7889 -webkit-transform-origin: bottom left; 7890 -moz-transform-origin: bottom left; 7891 -ms-transform-origin: bottom left; 7892 -o-transform-origin: bottom left; 7893 transform-origin: bottom left; 7894 transform: scale(1.0); 7895 -ms-transform: scale(1.0); 7896 /* IE 9 */ 7897 7898 -webkit-transform: scale(1.0); 7899 /* Safari and Chrome */ 7900 7901 -o-transform: scale(1.0); 7902 /* Opera */ 7903 7904 -moz-transform: scale(1.0); 7905 /* Firefox */ 7906 } 7907 50% { 7908 transform: scale(1.1); 7909 -ms-transform: scale(1.1); 7910 /* IE 9 */ 7911 7912 -webkit-transform: scale(1.1); 7913 /* Safari and Chrome */ 7914 7915 -o-transform: scale(1.1); 7916 /* Opera */ 7917 7918 -moz-transform: scale(1.1); 7919 /* Firefox */ 7920 } 7921 100% { 7922 transform: scale(1.0); 7923 -ms-transform: scale(1.); 7924 /* IE 9 */ 7925 7926 -webkit-transform: scale(1.0); 7927 /* Safari and Chrome */ 7928 7929 -o-transform: scale(1.0); 7930 /* Opera */ 7931 7932 -moz-transform: scale(1.0); 7933 /* Firefox */ 7934 } 7935} 7936</style> 7937 7938<style media="all"> 7939body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}
7939.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
7939.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}
7939.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} 7940</style> 7941 7942<style media="all"> 7943/** 7944 * Owl Carousel v2.1.0 7945 * Copyright 2013-2016 David Deutsch 7946 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) 7947 */ 7948/* 7949 * Owl Carousel - Core 7950 */ 7951.owl-item.clonedx a { 7952 visibility: hidden; 7953} 7954.owl-item.clonedx.active a { 7955 visibility: visible; 7956} 7957.owl-carousel { 7958 display: none; 7959 width: 100%; 7960 -webkit-tap-highlight-color: transparent; 7961 /* position relative and z-index fix webkit rendering fonts issue */ 7962 position: relative; 7963 z-index: 1; 7964} 7965 7966.owl-carousel .owl-stage { 7967 position: relative; 7968 -ms-touch-action: pan-Y; 7969} 7970 7971.owl-carousel .owl-stage:after { 7972 content: "."; 7973 display: block; 7974 clear: both; 7975 visibility: hidden; 7976 line-height: 0; 7977 height: 0; 7978} 7979 7980.owl-carousel .owl-stage-outer { 7981 position: relative; 7982 overflow: hidden; 7983 /* fix for flashing background */ 7984 -webkit-transform: translate3d(0px, 0px, 0px); 7985} 7986 7987.owl-carousel .owl-item { 7988 position: relative; 7989 min-height: 1px; 7990 float: left; 7991 -webkit-backface-visibility: hidden; 7992 -webkit-tap-highlight-color: transparent; 7993 -webkit-touch-callout: none; 7994 7995} 7996.owl-carousel .owl-item.active { 7997 visibility: visible; 7998} 7999.owl-grab.owl-carousel .owl-item { 8000 visibility: visible; 8001} 8002 8003.owl-carousel .owl-item img { 8004 display: block; 8005 width: 100%; 8006 -webkit-transform-style: preserve-3d; 8007} 8008 8009.owl-carousel .owl-nav.disabled, 8010.owl-carousel .owl-dots.disabled { 8011 display: none; 8012} 8013 8014 8015 8016.owl-carousel .owl-nav .owl-prev, 8017.owl-carousel .owl-nav .owl-next, 8018.owl-carousel .owl-dot { 8019 cursor: pointer; 8020 cursor: hand; 8021 color: #000000; 8022 background: var(--beige); 8023 -webkit-user-select: none; 8024 -khtml-user-select: none; 8025 -moz-user-select: none; 8026 -ms-user-select: none; 8027 user-select: none; 8028 appearance: none; 8029 margin: 0; 8030 padding: 0; 8031 border: 0; 8032 text-decoration: none; 8033} 8034.owl-carousel .owl-nav button:active, 8035.owl-carousel .owl-nav button:focus { 8036 outline: 1px dashed #000000; 8037} 8038.owl-carousel .owl-nav [class*=owl-]:hover { 8039 text-decoration: none 8040} 8041 8042.owl-carousel .owl-nav .disabled { 8043 opacity: .0;
8044 cursor: default 8045} 8046 8047.owl-theme .owl-dots .owl-dot { 8048 display: inline-block; 8049 zoom: 1; 8050 *display: inline; 8051} 8052 8053.owl-theme .owl-dots { 8054 position: absolute; 8055 width: 100%; 8056 bottom: -2.75rem; 8057 text-align: center; 8058} 8059 8060.owl-theme .owl-dots .owl-dot span { 8061 width: 0.625rem; 8062 height: 0.625em; 8063 border-radius: 100%; 8064 margin: 0.5rem; 8065 background: #9BA997; 8066 display: block; 8067 -webkit-backface-visibility: visible; 8068 -webkit-transition: all 200ms ease; 8069 -moz-transition: all 200ms ease; 8070 -ms-transition: all 200ms ease; 8071 -o-transition: all 200ms ease; 8072 transition: all 200ms ease; 8073 opacity: 0.33; 8074} 8075 8076.owl-theme .owl-dots .owl-dot.active span, 8077.owl-theme .owl-dots .owl-dot:hover span { 8078 opacity: 1; 8079} 8080 8081.owl-carousel .owl-nav .owl-prev {} 8082 8083.owl-carousel .owl-nav .owl-next {} 8084 8085.owl-carousel .owl-nav { 8086 height: 0rem; 8087 width: 100%; 8088 z-index: 100; 8089 position: absolute; 8090 left: 0; 8091 top: 11.75rem; 8092 8093} 8094.owl-blogcanvas.owl-carousel .owl-nav, 8095.owl-testi.owl-carousel .owl-nav { 8096 display: none 8097} 8098 8099.owl-carousel .owl-nav .owl-next, 8100.owl-carousel .owl-nav .owl-prev { 8101 color: var(--schwarz); 8102 margin: 0px; 8103 padding: 0px 0px; 8104 display: inline-block; 8105 cursor: pointer; 8106 height: 2.6875rem; 8107 width: 2.6875rem; 8108 border-radius: 0%; 8109 position: absolute; 8110 background-repeat: no-repeat; 8111 background-size: 100% auto; 8112 background-position: center center; 8113 text-align: left; 8114 text-indent: -999999px; 8115 text-decoration: none; 8116} 8117 8118.owl-carousel .owl-nav .owl-next { 8119 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/prev.svg'); 8120 right: -2.5rem; 8121 transform: rotate(180deg); 8122} 8123 8124.owl-carousel .owl-nav .owl-prev { 8125 background-image: url('/typo3conf/ext/mw_theme/Resources/Public/Images/prev.svg'); 8126 left: -2.5rem; 8127} 8128 8129.owl-carousel.owl-loaded { 8130 display: block; 8131} 8132 8133.owl-carousel.owl-loading { 8134 opacity: 0; 8135 display: block; 8136} 8137 8138.owl-carousel.owl-hidden { 8139 opacity: 0; 8140} 8141 8142.owl-carousel.owl-refresh .owl-item { 8143 display: none; 8144} 8145 8146.owl-carousel.owl-drag .owl-item { 8147 -webkit-user-select: none; 8148 -moz-user-select: none; 8149 -ms-user-select: none; 8150 user-select: none; 8151} 8152 8153.owl-carousel.owl-grab { 8154 cursor: move; 8155 cursor: grab; 8156} 8157 8158.owl-carousel.owl-rtl { 8159 direction: rtl; 8160} 8161 8162.owl-carousel.owl-rtl .owl-item { 8163 float: right; 8164} 8165 8166/* No Js */ 8167.no-js .owl-carousel { 8168 display: block; 8169} 8170 8171/* 8172 * Owl Carousel - Animate Plugin 8173 */ 8174.owl-carousel .animated { 8175 -webkit-animation-duration: 1000ms; 8176 animation-duration: 1000ms; 8177 -webkit-animation-fill-mode: both; 8178 animation-fill-mode: both; 8179} 8180 8181.owl-carousel .owl-animated-in { 8182 z-index: 0; 8183} 8184 8185.owl-carousel .owl-animated-out { 8186 z-index: 1; 8187} 8188 8189.owl-carousel .fadeOut { 8190 -webkit-animation-name: fadeOut; 8191 animation-name: fadeOut; 8192} 8193 8194@-webkit-keyframes fadeOut { 8195 0% { 8196 opacity: 1; 8197 } 8198 8199 100% { 8200 opacity: 0; 8201 } 8202} 8203 8204@keyframes fadeOut { 8205 0% { 8206 opacity: 1; 8207 } 8208 8209 100% { 8210 opacity: 0; 8211 } 8212} 8213 8214/* 8215 * Owl Carousel - Auto Height Plugin 8216 */ 8217.owl-height { 8218 transition: height 500ms ease-in-out; 8219} 8220 8221/* 8222 * Owl Carousel - Lazy Load Plugin 8223 */ 8224.owl-carousel .owl-item .owl-lazy { 8225 opacity: 0; 8226 transition: opacity 400ms ease; 8227} 8228 8229.owl-carousel .owl-item img.owl-lazy { 8230 -webkit-transform-style: preserve-3d; 8231 transform-style: preserve-3d; 8232} 8233 8234/* 8235 * Owl Carousel - Video Plugin 8236 */ 8237.owl-carousel .owl-video-wrapper { 8238 position: relative; 8239 height: 100%; 8240 background: #000; 8241} 8242 8243.owl-carousel .owl-video-play-icon { 8244 position: absolute; 8245 height: 80px; 8246 width: 80px; 8247 left: 50%; 8248 top: 50%; 8249 margin-left: -40px; 8250 margin-top: -40px; 8251 background: url('/typo3conf/ext/mw_theme/Resources/Public/Css/owl.video.play.png') no-repeat; 8252 cursor: pointer; 8253 z-index: 1; 8254 -webkit-backface-visibility: hidden; 8255 transition: -webkit-transform 100ms ease; 8256 transition: transform 100ms ease; 8257} 8258 8259.owl-carousel .owl-video-play-icon:hover { 8260 -webkit-transform: scale(1.3, 1.3); 8261 -ms-transform: scale(1.3, 1.3); 8262 transform: scale(1.3, 1.3); 8263} 8264 8265.owl-carousel .owl-video-playing .owl-video-tn, 8266.owl-carousel .owl-video-playing .owl-video-play-icon { 8267 display: none; 8268} 8269 8270.owl-carousel .owl-video-tn { 8271 opacity: 0; 8272 height: 100%; 8273 background-position: center center; 8274 background-repeat: no-repeat; 8275 background-size: contain; 8276 transition: opacity 400ms ease; 8277} 8278 8279.owl-carousel .owl-video-frame { 8280 position: relative; 8281 z-index: 1; 8282 height: 100%; 8283 width: 100%; 8284} 8285
8286.owl-theme .owl-controls { 8287 margin-top: 10px; 8288 text-align: center; 8289 -webkit-tap-highlight-color: transparent 8290} 8291</style> 8292 8293<style media="all"> 8294.flatpickr-calendar { 8295 background: transparent; 8296 opacity: 0; 8297 display: none; 8298 text-align: center; 8299 visibility: hidden; 8300 padding: 0; 8301 -webkit-animation: none; 8302 animation: none; 8303 direction: ltr; 8304 border: 0; 8305 font-size: 14px; 8306 line-height: 24px; 8307 border-radius: 5px; 8308 position: absolute; 8309 width: 307.875px; 8310 -webkit-box-sizing: border-box; 8311 box-sizing: border-box; 8312 -ms-touch-action: manipulation; 8313 touch-action: manipulation; 8314 background: #fff; 8315 -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); 8316 box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); 8317} 8318.flatpickr-calendar.open, 8319.flatpickr-calendar.inline { 8320 opacity: 1; 8321 max-height: 640px; 8322 visibility: visible; 8323} 8324.flatpickr-calendar.open { 8325 display: inline-block; 8326 z-index: 99999; 8327} 8328.flatpickr-calendar.animate.open { 8329 -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); 8330 animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); 8331} 8332.flatpickr-calendar.inline { 8333 display: block; 8334 position: relative; 8335 top: 2px; 8336} 8337.flatpickr-calendar.static { 8338 position: absolute; 8339 top: calc(100% + 2px); 8340 top: auto; 8341 bottom: calc(100% + 2px); 8342} 8343.flatpickr-calendar.static.open { 8344 z-index: 999; 8345 display: block; 8346} 8347.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { 8348 -webkit-box-shadow: none !important; 8349 box-shadow: none !important; 8350} 8351.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { 8352 -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 8353 box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 8354} 8355.flatpickr-calendar .hasWeeks .dayContainer, 8356.flatpickr-calendar .hasTime .dayContainer { 8357 border-bottom: 0; 8358 border-bottom-right-radius: 0; 8359 border-bottom-left-radius: 0; 8360} 8361.flatpickr-calendar .hasWeeks .dayContainer { 8362 border-left: 0; 8363} 8364.flatpickr-calendar.hasTime .flatpickr-time { 8365 height: 40px; 8366 border-top: 1px solid #e6e6e6; 8367} 8368.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { 8369 height: auto; 8370} 8371.flatpickr-calendar:before, 8372.flatpickr-calendar:after { 8373 position: absolute; 8374 display: block; 8375 pointer-events: none; 8376 border: solid transparent; 8377 content: ''; 8378 height: 0; 8379 width: 0; 8380 left: 22px; 8381} 8382.flatpickr-calendar.rightMost:before, 8383.flatpickr-calendar.arrowRight:before, 8384.flatpickr-calendar.rightMost:after, 8385.flatpickr-calendar.arrowRight:after { 8386 left: auto; 8387 right: 22px; 8388} 8389.flatpickr-calendar.arrowCenter:before, 8390.flatpickr-calendar.arrowCenter:after { 8391 left: 50%; 8392 right: 50%; 8393} 8394.flatpickr-calendar:before { 8395 border-width: 5px; 8396 margin: 0 -5px; 8397} 8398.flatpickr-calendar:after { 8399 border-width: 4px; 8400 margin: 0 -4px; 8401} 8402.flatpickr-calendar.arrowTop:before, 8403.flatpickr-calendar.arrowTop:after { 8404 bottom: 100%; 8405} 8406.flatpickr-calendar.arrowTop:before { 8407 border-bottom-color: #e6e6e6; 8408} 8409.flatpickr-calendar.arrowTop:after { 8410 border-bottom-color: #fff; 8411} 8412.flatpickr-calendar.arrowBottom:before, 8413.flatpickr-calendar.arrowBottom:after { 8414 top: 100%; 8415} 8416.flatpickr-calendar.arrowBottom:before { 8417 border-top-color: #e6e6e6; 8418} 8419.flatpickr-calendar.arrowBottom:after { 8420 border-top-color: #fff; 8421} 8422.flatpickr-calendar:focus { 8423 outline: 0; 8424} 8425.flatpickr-wrapper { 8426 position: relative; 8427 display: inline-block; 8428 float: left; 8429 width: auto; 8430 margin: 0; 8431} 8432.flatpickr-months { 8433 display: -webkit-box; 8434 display: -webkit-flex; 8435 display: -ms-flexbox; 8436 display: flex; 8437} 8438.flatpickr-months .flatpickr-month { 8439 background: transparent; 8440 color: rgba(0,0,0,0.9); 8441 fill: rgba(0,0,0,0.9); 8442 height: 34px; 8443 line-height: 1; 8444 text-align: center; 8445 position: relative; 8446 -webkit-user-select: none; 8447 -moz-user-select: none; 8448 -ms-user-select: none; 8449 user-select: none; 8450 overflow: hidden; 8451 -webkit-box-flex: 1; 8452 -webkit-flex: 1; 8453 -ms-flex: 1; 8454 flex: 1; 8455} 8456.flatpickr-months .flatpickr-prev-month, 8457.flatpickr-months .flatpickr-next-month { 8458 -webkit-user-select: none; 8459 -moz-user-select: none;
8460 -ms-user-select: none; 8461 user-select: none; 8462 text-decoration: none; 8463 cursor: pointer; 8464 position: absolute; 8465 top: 0; 8466 height: 34px; 8467 padding: 10px; 8468 z-index: 3; 8469 color: rgba(0,0,0,0.9); 8470 fill: rgba(0,0,0,0.9); 8471} 8472.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, 8473.flatpickr-months .flatpickr-next-month.flatpickr-disabled { 8474 display: none; 8475} 8476.flatpickr-months .flatpickr-prev-month i, 8477.flatpickr-months .flatpickr-next-month i { 8478 position: relative; 8479} 8480.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, 8481.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { 8482/* 8483 /*rtl:begin:ignore*/ 8484/* 8485 */ 8486 left: 0; 8487/* 8488 /*rtl:end:ignore*/ 8489/* 8490 */ 8491} 8492/* 8493 /*rtl:begin:ignore*/ 8494/* 8495 /*rtl:end:ignore*/ 8496.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, 8497.flatpickr-months .flatpickr-next-month.flatpickr-next-month { 8498/* 8499 /*rtl:begin:ignore*/ 8500/* 8501 */ 8502 right: 0; 8503/* 8504 /*rtl:end:ignore*/ 8505/* 8506 */ 8507} 8508/* 8509 /*rtl:begin:ignore*/ 8510/* 8511 /*rtl:end:ignore*/ 8512.flatpickr-months .flatpickr-prev-month:hover, 8513.flatpickr-months .flatpickr-next-month:hover { 8514 color: #959ea9; 8515} 8516.flatpickr-months .flatpickr-prev-month:hover svg, 8517.flatpickr-months .flatpickr-next-month:hover svg { 8518 fill: #f64747; 8519} 8520.flatpickr-months .flatpickr-prev-month svg, 8521.flatpickr-months .flatpickr-next-month svg { 8522 width: 14px; 8523 height: 14px; 8524} 8525.flatpickr-months .flatpickr-prev-month svg path, 8526.flatpickr-months .flatpickr-next-month svg path { 8527 -webkit-transition: fill 0.1s; 8528 transition: fill 0.1s; 8529 fill: inherit; 8530} 8531.numInputWrapper { 8532 position: relative; 8533 height: auto; 8534} 8535.numInputWrapper input, 8536.numInputWrapper span { 8537 display: inline-block; 8538} 8539.numInputWrapper input { 8540 width: 100%; 8541} 8542.numInputWrapper input::-ms-clear { 8543 display: none; 8544} 8545.numInputWrapper input::-webkit-outer-spin-button, 8546.numInputWrapper input::-webkit-inner-spin-button { 8547 margin: 0; 8548 -webkit-appearance: none; 8549} 8550.numInputWrapper span { 8551 position: absolute; 8552 right: 0; 8553 width: 14px; 8554 padding: 0 4px 0 2px; 8555 height: 50%; 8556 line-height: 50%; 8557 opacity: 0; 8558 cursor: pointer; 8559 border: 1px solid rgba(57,57,57,0.15); 8560 -webkit-box-sizing: border-box; 8561 box-sizing: border-box; 8562} 8563.numInputWrapper span:hover { 8564 background: rgba(0,0,0,0.1); 8565} 8566.numInputWrapper span:active { 8567 background: rgba(0,0,0,0.2); 8568} 8569.numInputWrapper span:after { 8570 display: block; 8571 content: ""; 8572 position: absolute; 8573} 8574.numInputWrapper span.arrowUp { 8575 top: 0; 8576 border-bottom: 0; 8577} 8578.numInputWrapper span.arrowUp:after { 8579 border-left: 4px solid transparent; 8580 border-right: 4px solid transparent; 8581 border-bottom: 4px solid rgba(57,57,57,0.6); 8582 top: 26%; 8583} 8584.numInputWrapper span.arrowDown { 8585 top: 50%; 8586} 8587.numInputWrapper span.arrowDown:after { 8588 border-left: 4px solid transparent; 8589 border-right: 4px solid transparent;
8590 border-top: 4px solid rgba(57,57,57,0.6); 8591 top: 40%; 8592} 8593.numInputWrapper span svg { 8594 width: inherit; 8595 height: auto; 8596} 8597.numInputWrapper span svg path { 8598 fill: rgba(0,0,0,0.5); 8599} 8600.numInputWrapper:hover { 8601 background: rgba(0,0,0,0.05); 8602} 8603.numInputWrapper:hover span { 8604 opacity: 1; 8605} 8606.flatpickr-current-month { 8607 font-size: 135%; 8608 line-height: inherit; 8609 font-weight: 300; 8610 color: inherit; 8611 position: absolute; 8612 width: 75%; 8613 left: 12.5%; 8614 padding: 7.48px 0 0 0; 8615 line-height: 1; 8616 height: 34px; 8617 display: inline-block; 8618 text-align: center; 8619 -webkit-transform: translate3d(0px, 0px, 0px); 8620 transform: translate3d(0px, 0px, 0px); 8621} 8622.flatpickr-current-month span.cur-month { 8623 font-family: inherit; 8624 font-weight: 700; 8625 color: inherit; 8626 display: inline-block; 8627 margin-left: 0.5ch; 8628 padding: 0; 8629} 8630.flatpickr-current-month span.cur-month:hover { 8631 background: rgba(0,0,0,0.05); 8632} 8633.flatpickr-current-month .numInputWrapper { 8634 width: 6ch; 8635 width: 7ch\0; 8636 display: inline-block; 8637} 8638.flatpickr-current-month .numInputWrapper span.arrowUp:after { 8639 border-bottom-color: rgba(0,0,0,0.9); 8640} 8641.flatpickr-current-month .numInputWrapper span.arrowDown:after { 8642 border-top-color: rgba(0,0,0,0.9); 8643} 8644.flatpickr-current-month input.cur-year { 8645 background: transparent; 8646 -webkit-box-sizing: border-box; 8647 box-sizing: border-box; 8648 color: inherit; 8649 cursor: text; 8650 padding: 0 0 0 0.5ch; 8651 margin: 0; 8652 display: inline-block; 8653 font-size: inherit; 8654 font-family: inherit; 8655 font-weight: 300; 8656 line-height: inherit; 8657 height: auto; 8658 border: 0; 8659 border-radius: 0; 8660 vertical-align: initial; 8661 -webkit-appearance: textfield; 8662 -moz-appearance: textfield; 8663 appearance: textfield; 8664} 8665.flatpickr-current-month input.cur-year:focus { 8666 outline: 0; 8667} 8668.flatpickr-current-month input.cur-year[disabled], 8669.flatpickr-current-month input.cur-year[disabled]:hover { 8670 font-size: 100%; 8671 color: rgba(0,0,0,0.5); 8672 background: transparent; 8673 pointer-events: none; 8674} 8675.flatpickr-current-month .flatpickr-monthDropdown-months { 8676 appearance: menulist; 8677 background: transparent; 8678 border: none; 8679 border-radius: 0; 8680 box-sizing: border-box; 8681 color: inherit; 8682 cursor: pointer; 8683 font-size: inherit; 8684 font-family: inherit; 8685 font-weight: 300; 8686 height: auto; 8687 line-height: inherit; 8688 margin: -1px 0 0 0; 8689 outline: none; 8690 padding: 0 0 0 0.5ch; 8691 position: relative; 8692 vertical-align: initial; 8693 -webkit-box-sizing: border-box; 8694 -webkit-appearance: menulist; 8695 -moz-appearance: menulist; 8696 width: auto; 8697 float: left; 8698} 8699.flatpickr-current-month .flatpickr-monthDropdown-months:focus, 8700.flatpickr-current-month .flatpickr-monthDropdown-months:active { 8701 outline: none; 8702} 8703.flatpickr-current-month .flatpickr-monthDropdown-months:hover { 8704 background: rgba(0,0,0,0.05); 8705} 8706.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { 8707 background-color: transparent; 8708 outline: none; 8709 padding: 0; 8710} 8711.flatpickr-weekdays { 8712 background: transparent; 8713 text-align: center; 8714 overflow: hidden; 8715 width: 100%; 8716 display: -webkit-box; 8717 display: -webkit-flex; 8718 display: -ms-flexbox; 8719 display: flex; 8720 -webkit-box-align: center; 8721 -webkit-align-items: center; 8722 -ms-flex-align: center; 8723 align-items: center; 8724 height: 28px; 8725} 8726.flatpickr-weekdays .flatpickr-weekdaycontainer { 8727 display: -webkit-box; 8728 display: -webkit-flex; 8729 display: -ms-flexbox; 8730 display: flex; 8731 -webkit-box-flex: 1; 8732 -webkit-flex: 1; 8733 -ms-flex: 1; 8734 flex: 1; 8735} 8736span.flatpickr-weekday { 8737 cursor: default; 8738 font-size: 90%; 8739 background: transparent; 8740 color: rgba(0,0,0,0.54); 8741 line-height: 1; 8742 margin: 0; 8743 text-align: center; 8744 display: block; 8745 -webkit-box-flex: 1; 8746 -webkit-flex: 1; 8747 -ms-flex: 1; 8748 flex: 1; 8749 font-weight: bolder; 8750} 8751.dayContainer, 8752.flatpickr-weeks { 8753 padding: 1px 0 0 0; 8754} 8755.flatpickr-days { 8756 position: relative; 8757 overflow: hidden; 8758 display: -webkit-box; 8759 display: -webkit-flex; 8760 display: -ms-flexbox; 8761 display: flex; 8762 -webkit-box-align: start; 8763 -webkit-align-items: flex-start; 8764 -ms-flex-align: start; 8765 align-items: flex-start; 8766 width: 307.875px; 8767} 8768.flatpickr-days:focus { 8769 outline: 0; 8770} 8771.dayContainer { 8772 padding: 0; 8773 outline: 0; 8774 text-align: left; 8775 width: 307.875px; 8776 min-width: 307.875px; 8777 max-width: 307.875px; 8778 -webkit-box-sizing: border-box; 8779 box-sizing: border-box; 8780 display: inline-block; 8781 display: -ms-flexbox; 8782 display: -webkit-box; 8783 display: -webkit-flex; 8784 display: flex; 8785 -webkit-flex-wrap: wrap; 8786 flex-wrap: wrap; 8787 -ms-flex-wrap: wrap; 8788 -ms-flex-pack: justify;
8789 -webkit-justify-content: space-around; 8790 justify-content: space-around; 8791 -webkit-transform: translate3d(0px, 0px, 0px); 8792 transform: translate3d(0px, 0px, 0px); 8793 opacity: 1; 8794} 8795.dayContainer + .dayContainer { 8796 -webkit-box-shadow: -1px 0 0 #e6e6e6; 8797 box-shadow: -1px 0 0 #e6e6e6; 8798} 8799.flatpickr-day { 8800 background: none; 8801 border: 1px solid transparent; 8802 border-radius: 150px; 8803 -webkit-box-sizing: border-box; 8804 box-sizing: border-box; 8805 color: #393939; 8806 cursor: pointer; 8807 font-weight: 400; 8808 width: 14.2857143%; 8809 -webkit-flex-basis: 14.2857143%; 8810 -ms-flex-preferred-size: 14.2857143%; 8811 flex-basis: 14.2857143%; 8812 max-width: 39px; 8813 height: 39px; 8814 line-height: 39px; 8815 margin: 0; 8816 display: inline-block; 8817 position: relative; 8818 -webkit-box-pack: center; 8819 -webkit-justify-content: center; 8820 -ms-flex-pack: center; 8821 justify-content: center; 8822 text-align: center; 8823} 8824.flatpickr-day.inRange, 8825.flatpickr-day.prevMonthDay.inRange, 8826.flatpickr-day.nextMonthDay.inRange, 8827.flatpickr-day.today.inRange, 8828.flatpickr-day.prevMonthDay.today.inRange, 8829.flatpickr-day.nextMonthDay.today.inRange, 8830.flatpickr-day:hover, 8831.flatpickr-day.prevMonthDay:hover, 8832.flatpickr-day.nextMonthDay:hover, 8833.flatpickr-day:focus, 8834.flatpickr-day.prevMonthDay:focus, 8835.flatpickr-day.nextMonthDay:focus { 8836 cursor: pointer; 8837 outline: 0; 8838 background: #e6e6e6; 8839 border-color: #e6e6e6; 8840} 8841.flatpickr-day.today { 8842 border-color: #959ea9; 8843} 8844.flatpickr-day.today:hover, 8845.flatpickr-day.today:focus { 8846 border-color: #959ea9; 8847 background: #959ea9; 8848 color: #fff; 8849} 8850.flatpickr-day.selected, 8851.flatpickr-day.startRange, 8852.flatpickr-day.endRange, 8853.flatpickr-day.selected.inRange, 8854.flatpickr-day.startRange.inRange, 8855.flatpickr-day.endRange.inRange, 8856.flatpickr-day.selected:focus, 8857.flatpickr-day.startRange:focus, 8858.flatpickr-day.endRange:focus, 8859.flatpickr-day.selected:hover, 8860.flatpickr-day.startRange:hover, 8861.flatpickr-day.endRange:hover, 8862.flatpickr-day.selected.prevMonthDay, 8863.flatpickr-day.startRange.prevMonthDay, 8864.flatpickr-day.endRange.prevMonthDay, 8865.flatpickr-day.selected.nextMonthDay, 8866.flatpickr-day.startRange.nextMonthDay, 8867.flatpickr-day.endRange.nextMonthDay { 8868 background: var(--rot); 8869 -webkit-box-shadow: none; 8870 box-shadow: none; 8871 color: #fff; 8872 border-color: var(--rot); 8873} 8874.flatpickr-day.selected.startRange, 8875.flatpickr-day.startRange.startRange, 8876.flatpickr-day.endRange.startRange { 8877 border-radius: 50px 0 0 50px; 8878} 8879.flatpickr-day.selected.endRange, 8880.flatpickr-day.startRange.endRange, 8881.flatpickr-day.endRange.endRange { 8882 border-radius: 0 50px 50px 0; 8883} 8884.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), 8885.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), 8886.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { 8887 -webkit-box-shadow: -10px 0 0 var(--rot); 8888 box-shadow: -10px 0 0 var(--rot); 8889} 8890.flatpickr-day.selected.startRange.endRange, 8891.flatpickr-day.startRange.startRange.endRange, 8892.flatpickr-day.endRange.startRange.endRange { 8893 border-radius: 50px; 8894} 8895.flatpickr-day.inRange { 8896 border-radius: 0; 8897 -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 8898 box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; 8899} 8900.flatpickr-day.flatpickr-disabled, 8901.flatpickr-day.flatpickr-disabled:hover, 8902.flatpickr-day.prevMonthDay, 8903.flatpickr-day.nextMonthDay, 8904.flatpickr-day.notAllowed, 8905.flatpickr-day.notAllowed.prevMonthDay, 8906.flatpickr-day.notAllowed.nextMonthDay { 8907 color: rgba(57,57,57,0.3); 8908 background: transparent; 8909 border-color: transparent; 8910 cursor: default; 8911} 8912.flatpickr-day.flatpickr-disabled, 8913.flatpickr-day.flatpickr-disabled:hover { 8914 cursor: not-allowed; 8915 color: rgba(57,57,57,0.1); 8916} 8917.flatpickr-day.week.selected { 8918 border-radius: 0; 8919 -webkit-box-shadow: -5px 0 0 var(--rot), 5px 0 0 var(--rot); 8920 box-shadow: -5px 0 0 var(--rot), 5px 0 0 var(--rot); 8921} 8922.flatpickr-day.hidden { 8923 visibility: hidden; 8924} 8925.rangeMode .flatpickr-day {
8926 margin-top: 1px; 8927} 8928.flatpickr-weekwrapper { 8929 float: left; 8930} 8931.flatpickr-weekwrapper .flatpickr-weeks { 8932 padding: 0 12px; 8933 -webkit-box-shadow: 1px 0 0 #e6e6e6; 8934 box-shadow: 1px 0 0 #e6e6e6; 8935} 8936.flatpickr-weekwrapper .flatpickr-weekday { 8937 float: none; 8938 width: 100%; 8939 line-height: 28px; 8940} 8941.flatpickr-weekwrapper span.flatpickr-day, 8942.flatpickr-weekwrapper span.flatpickr-day:hover { 8943 display: block; 8944 width: 100%; 8945 max-width: none; 8946 color: rgba(57,57,57,0.3); 8947 background: transparent; 8948 cursor: default; 8949 border: none; 8950} 8951.flatpickr-innerContainer { 8952 display: block; 8953 display: -webkit-box; 8954 display: -webkit-flex; 8955 display: -ms-flexbox; 8956 display: flex; 8957 -webkit-box-sizing: border-box; 8958 box-sizing: border-box; 8959 overflow: hidden; 8960} 8961.flatpickr-rContainer { 8962 display: inline-block; 8963 padding: 0; 8964 -webkit-box-sizing: border-box; 8965 box-sizing: border-box; 8966} 8967.flatpickr-time { 8968 text-align: center; 8969 outline: 0; 8970 display: block; 8971 height: 0; 8972 line-height: 40px; 8973 max-height: 40px; 8974 -webkit-box-sizing: border-box; 8975 box-sizing: border-box; 8976 overflow: hidden; 8977 display: -webkit-box; 8978 display: -webkit-flex; 8979 display: -ms-flexbox; 8980 display: flex; 8981} 8982.flatpickr-time:after { 8983 content: ""; 8984 display: table; 8985 clear: both; 8986} 8987.flatpickr-time .numInputWrapper { 8988 -webkit-box-flex: 1; 8989 -webkit-flex: 1; 8990 -ms-flex: 1; 8991 flex: 1; 8992 width: 40%; 8993 height: 40px; 8994 float: left; 8995} 8996.flatpickr-time .numInputWrapper span.arrowUp:after { 8997 border-bottom-color: #393939; 8998} 8999.flatpickr-time .numInputWrapper span.arrowDown:after { 9000 border-top-color: #393939; 9001} 9002.flatpickr-time.hasSeconds .numInputWrapper { 9003 width: 26%; 9004} 9005.flatpickr-time.time24hr .numInputWrapper { 9006 width: 49%; 9007} 9008.flatpickr-time input { 9009 background: transparent; 9010 -webkit-box-shadow: none; 9011 box-shadow: none; 9012 border: 0; 9013 border-radius: 0; 9014 text-align: center; 9015 margin: 0; 9016 padding: 0; 9017 height: inherit; 9018 line-height: inherit; 9019 color: #393939; 9020 font-size: 14px; 9021 position: relative; 9022 -webkit-box-sizing: border-box; 9023 box-sizing: border-box; 9024 -webkit-appearance: textfield; 9025 -moz-appearance: textfield; 9026 appearance: textfield; 9027} 9028.flatpickr-time input.flatpickr-hour { 9029 font-weight: bold; 9030} 9031.flatpickr-time input.flatpickr-minute, 9032.flatpickr-time input.flatpickr-second { 9033 font-weight: 400; 9034} 9035.flatpickr-time input:focus { 9036 outline: 0; 9037 border: 0; 9038} 9039.flatpickr-time .flatpickr-time-separator, 9040.flatpickr-time .flatpickr-am-pm { 9041 height: inherit; 9042 float: left; 9043 line-height: inherit; 9044 color: #393939; 9045 font-weight: bold; 9046 width: 2%; 9047 -webkit-user-select: none; 9048 -moz-user-select: none; 9049 -ms-user-select: none; 9050 user-select: none; 9051 -webkit-align-self: center; 9052 -ms-flex-item-align: center; 9053 align-self: center; 9054} 9055.flatpickr-time .flatpickr-am-pm { 9056 outline: 0; 9057 width: 18%; 9058 cursor: pointer; 9059 text-align: center; 9060 font-weight: 400; 9061} 9062.flatpickr-time input:hover, 9063.flatpickr-time .flatpickr-am-pm:hover, 9064.flatpickr-time input:focus, 9065.flatpickr-time .flatpickr-am-pm:focus { 9066 background: #eee; 9067} 9068.flatpickr-input[readonly] { 9069 cursor: pointer; 9070} 9071@-webkit-keyframes fpFadeInDown { 9072 from { 9073 opacity: 0; 9074 -webkit-transform: translate3d(0, -20px, 0); 9075 transform: translate3d(0, -20px, 0); 9076 } 9077 to { 9078 opacity: 1; 9079 -webkit-transform: translate3d(0, 0, 0); 9080 transform: translate3d(0, 0, 0); 9081 } 9082} 9083@keyframes fpFadeInDown { 9084 from { 9085 opacity: 0; 9086 -webkit-transform: translate3d(0, -20px, 0); 9087 transform: translate3d(0, -20px, 0); 9088 } 9089 to { 9090 opacity: 1; 9091 -webkit-transform: translate3d(0, 0, 0); 9092 transform: translate3d(0, 0, 0); 9093 } 9094} 9095 9096</style> 9097 9098<style media="all"> 9099 9100 [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos]
9100[data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,70px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} 9101 9102</style> 9103 9104<style media="all"> 9105@media screen and (max-width: 1600px) { 9106 html { 9107 font-size: 1vw; 9108 } 9109} 9110@media screen and (min-width: 1601px) { 9111 .parallaxbild_2 img { 9112 border-radius: 1.5rem; 9113 } 9114 9115 .parallaxbild_3 img { 9116 border-radius: 1.5rem; 9117 } 9118} 9119@media screen and (min-width: 993px) and (max-width: 1280px) { 9120 :root { 9121 --fontsize12: 0.875rem; 9122 --fontsize14: 1rem; 9123 --fontsize10: 0.875rem; 9124 } 9125 ul.menu li + li { 9126 margin-left: 3.875rem; 9127 } 9128 ul.submenu-list li + li { 9129 margin-left: 0; 9130 } 9131 .lang-current svg { 9132 top: -0.125rem; 9133 } 9134 .topright { 9135 min-width: 14.375rem; 9136 } 9137 .quickform-o input[type="text"] { 9138 width: 5.5rem 9139 } 9140 .social-nav ul li svg { 9141 width: 1.75rem; 9142 } 9143} 9144@media screen and (min-width: 768px) and (max-width: 992px) { 9145 html { 9146 font-size: 2.08333333333333333vw; 9147 font-size: 1.5vw; 9148 } 9149 .logo { 9150 transform: scale(1.25); 9151 margin-left: 1rem; 9152 margin-top: 3.25rem; 9153 } 9154 :root { 9155 --fontsize12: 0.875rem; 9156 --fontsize14: 1rem; 9157 --fontsize10: 0.875rem; 9158 } 9159 .quickform-o input[type="text"] { 9160 width: 6rem 9161 } 9162 .social-nav ul li svg { 9163 width: 1.75rem; 9164 } 9165 .lang-current svg { 9166 top: -0.125rem; 9167 } 9168 .top { 9169 padding-top: 2.25rem; 9170 } 9171 .topright { 9172 min-width: 1rem; 9173 } 9174 .parallax-svg-wrapper1 { 9175 top: 70rem; 9176 } 9177 9178} 9179@media screen and (max-width: 992px) { 9180 #header::before { 9181 display: none; 9182 } 9183 #header.sticky.header-visible::before { 9184 display: block; 9185 } 9186 .openmenu #header.sticky.header-visible::before { 9187 display: none; 9188 } 9189 .mobinav { 9190 display: none; 9191 } 9192 .openmenuxx #header { 9193 position: fixed; 9194 top: 0 !important; 9195 left: 0; 9196 z-index: 9999999; 9197 pointer-events: auto; 9198 } 9199 9200 .openmenu #header { 9201 position: fixed; 9202 top: 0; 9203 left: 0; 9204 z-index: 9999999; 9205 pointer-events: auto; 9206 transition: transform 0.3s ease, opacity 0.3s ease; /* Füge Transition hinzu */ 9207 } 9208 9209 /* Header States */ 9210 #header.header-hidden { 9211 transform: translateY(-100%); 9212 opacity: 0; 9213 pointer-events: none; 9214 } 9215 9216 #header.header-visible { 9217 transform: translateY(0); 9218 opacity: 1; 9219 pointer-events: auto; 9220 } 9221 9222 /* Wenn Menü geöffnet ist, sollte Header IMMER sichtbar sein */ 9223 .openmenu #header.header-hidden { 9224 transform: translateY(0) !important; 9225 opacity: 1 !important; 9226 } 9227 9228 .container { 9229 max-width: 100%; 9230 padding-left: 2rem; 9231 padding-right: 2rem; 9232 } 9233 .introblock .container { 9234 padding-left: 0rem; 9235 padding-right: 0rem; 9236 } 9237 .container_big { 9238 max-width: 100%; 9239 padding-left: 1rem; 9240 padding-right: 1rem; 9241 } 9242 .container_big.mob100 { 9243 max-width: 100%; 9244 } 9245 .container_full { 9246 max-width: 100%; 9247 } 9248 9249 .sticky-bar .container, 9250 #header .container { 9251 max-width: 100%; 9252 padding-left: 2rem; 9253 padding-right: 2rem; 9254 } 9255 9256 /*'Intro*/ 9257 .rowflexorder { 9258 display: block; 9259 } 9260 9261 .introcol_img { 9262 width: 100%; 9263 order: 1; 9264 position: sticky; 9265 top: 1rem; 9266 align-self: flex-start; 9267 height: auto; 9268 max-height: 11888px; 9269 z-index: 2; 9270 transform: scale(1); 9271 pa
9271dding-left: 1rem; 9272 padding-right: 1rem; 9273 } 9274 9275 .introcol_img img { 9276 float: left; 9277 width: 100%; 9278 height: auto; 9279 max-height: 111888px; 9280 object-fit: cover; 9281 object-position: center center; 9282 -webkit-transition: all 0.3s ease; 9283 -moz-transition: all 0.3s ease; 9284 -o-transition: all 0.3s ease; 9285 transition: all 0.5s ease; 9286 } 9287 9288 .introcol_img_abso { 9289 position: relative; 9290 left: auto; 9291 width: 100%; 9292 height: auto; 9293 border-radius: 1.25rem; 9294 max-height: 11888px; 9295 overflow: hidden; 9296 } 9297 .introcol_img0 { 9298 position: relative; 9299 top: auto; 9300 left: auto; 9301 float: left; 9302 width: 100%; 9303 } 9304 .introcol_img1 { 9305 position: relative; 9306 top: auto; 9307 float: left; 9308 left: auto; 9309 transform: none; 9310 width: 100%; 9311 background: none; 9312 } 9313 9314 .introcol_img1 img { 9315 transform: scale(1) translate(0, 0px); 9316 will-change: transform; 9317 transition: transform 2s cubic-bezier(0.8, 0, 0.2, 1); 9318 } 9319 9320 .introcol_img_abso.startanim .introcol_img1 img { 9321 transform: scale(1.05) translate(0, 0.875rem); 9322 } 9323 9324 .introcol_img2 { 9325 position: absolute; 9326 top: 0; 9327 top: 50%; 9328 left: 0; 9329 left: 50%; 9330 transform: translate(-50%, -50%); 9331 width: 100%; 9332 z-index: 5; 9333 } 9334 .introcol_img3 { 9335 display: none !important; 9336 } 9337 .introcol_img3.img3-visible { opacity: 0; } 9338 9339 .introcol_img2 img { 9340 transform: scale(1.2) translate(0, 4.875rem); 9341 will-change: transform; 9342 transition: none; 9343 } 9344 .introcol_img2 img { 9345 transform: scale(1.2) translate(0, 6.5rem); 9346 transition: transform 2s cubic-bezier(0.8, 0, 0.2, 1); 9347 9348 } 9349 .introcol_img_abso.startanim .introcol_img2 img { 9350 transform: scale(1) translate(0, 7rem); 9351 } 9352 .introcol_img2.img2-complete img { 9353 transition: transform .25s ease-out; 9354 transform: none !important; 9355 9356 } 9357 9358 .intrcol_txt { 9359 width: 100%; 9360 z-index: 10; 9361 min-height: 1px; 9362 position: relative; 9363 padding-left: 2rem; 9364 padding-right: 2rem; 9365 margin-top: 1rem; 9366 background: linear-gradient(180deg, rgba(243, 242, 234, 0.00) 0%, #F3F2EA 37.98%); 9367 /*overflow: hidden; */ 9368 } 9369 .intrcol_txt::before { 9370 content: ""; 9371 position: absolute; 9372 top: 0; 9373 left: 0; 9374 width: 100%; 9375 height: 100%; 9376 pointer-events: none; 9377 z-index: -1; 9378 backdrop-filter: blur(1.25rem); 9379 -webkit-backdrop-filter: blur(1.25rem); 9380 -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #F3F2EA 37.98%); 9381 mask-image: linear-gradient(to bottom, transparent 0%, #F3F2EA 37.98%); 9382 } 9383 .intrcol_txt_i1 { 9384 position: relative; 9385 height: auto; 9386 max-height: 10000px; 9387 width: 100%; 9388 padding-bottom: 0rem; 9389 9390 } 9391 .intrcol_txt_i1 h1 { 9392 width: 100%; 9393 } 9394 .intrcol_txt_i1 .minhp p { 9395 min-height: 3.5rem; 9396 } 9397 .intrcol_txt_i1_i { 9398 position: relative; 9399 top: auto; 9400 padding-top: 4.125rem; 9401 transform: none; 9402 padding-bottom: 0rem; 9403 } 9404 9405 .intrcol_txt_i2 { 9406 max-width: 100%; 9407 } 9408 .intrcol_txt_i1 p { 9409 max-width: 50rem; 9410 } 9411 .intrcol_txt_i2_i { 9412 max-width: 100%; 9413 position: relative; 9414 z-index: 10; 9415 } 9416 .intrcol_txt_i2 { 9417 margin-top: 8rem; 9418 padding-top: 0; 9419 padding-bottom: 9.5rem; 9420 /*min-height: 888px; 9421 min-height: 55.5rem; 9422 min-height: 45rem;*/ 9423 height: auto; 9424 max-height: 1411888px; 9425 } 9426 .intrcol_txt_i2.abstandweniger { 9427 margin-top: 3.3125rem; 9428 padding-bottom: 0; 9429 height: auto; 9430 } 9431 .intrcol_txt_i2_img { 9432 display: block; 9433 float: right; 9434 right: -2rem; 9435 position: relative; 9436 width: 12.125rem; 9437 width: 49.230%; 9438 margin-top: -28rem; 9439 top: 28rem; 9440 z-index: -1; 9441 z-index: 5; 9442 } 9443 .intrcol_txt_i2_img img { 9444 border-top-left-radius: 1.5rem; 9445 border-bottom-left-radius: 1.5rem; 9446 } 9447 .intrcol_txt_i2_i { 9448 max-width: 31rem 9449 } 9450 .warumlist .uldiv, 9451 .warumlist ul { 9452 grid-template-columns: repeat(2, 1fr); 9453 gap: 5rem; 9454 } 9455 .warumlist.fivelist .uldiv, 9456 .warumlist.fivelist ul { 9457 grid-template-columns: repeat(2, 1fr); 9458 gap: 5rem; 9459 } 9460 .rowflexbottom { 9461 display: flex; 9462 align-items: flex-end; 9463 margin-left: -2rem; 9464 margin-right: -2rem; 9465 } 9466 .col50_1 { 9467 width: 50%; 9468 padding-left: 2rem; 9469 padding-right: 2rem; 9470 } 9471 9472 .owl-blogmobile { 9473 margin-left: -1rem; 9474 margin-right: -1rem; 9475 } 9476 .owl-blogmobile .item { 9477 padding-left: 1rem; 9478 padding-right: 1rem; 9479 } 9480 ul.cardscamping { 9481 margin-left: -1rem; 9482 margin-right: -1rem; 9483 } 9484 .cardscamping > li { 9485 padding-left: 1rem; 9486 padding-right: 1rem; 9487 } 9488 .section.blogblock { 9489 overflow: hidden; 9490 padding-bottom: 3rem; 9491 } 9492 .section.blogblock.blockliste { 9493 overflow: visible; 9494 } 9495 .frame-space-before-176 { 9496 margin-top: 8rem; 9497 } 9498 .quickform-o { 9499 width: 75%; 9500 } 9501 .ctaanfragebox { 9502 padding: 2rem; 9503 } 9504 .frame-space-before-9128 { 9505 margin-top: 6rem 9506 } 9507 .campinglistemitfilterblock .parallax-svg-wrapper1 { 9508 display: none; 9509 } 9510 .campingfilter { 9511 width: calc(100vw - 2rem); 9512 overflow: scroll; 9513 } 9514 .topanfrage { 9515 display: none; 9516 } 9517 .mobilenav { 9518 display: block; 9519 } 9520 .topright_o { 9521 float: right; 9522 width: auto; 9523 background: rgba(243, 242, 234, 0.80); 9524 backdrop-filter: blur(1rem); 9525 position: relative; 9526 z-index: 10; 9527 padding: 0.5rem; 9528 border-radius: 1rem; 9529 } 9530 .openmenu .topright_o { 9531 background: none; 9532 backdrop-filter: none; 9533 } 9534 .topright { 9535 float: left; 9536 min-width: 1rem; 9537 padding: 0; 9538 width: auto; 9539 background: none; 9540 backdrop-filter: none; 9541 } 9542 .language-switcher { 9543 margin-left: 0.25rem; 9544 margin-right: 0.25rem; 9545 float: right; 9546 } 9547 #merkzettel_top { 9548 padding: 0; 9549 } 9550 .lang-current span::before { 9551 background: var(--rot); 9552 } 9553 .lang-current svg { 9554 width: 1.5625rem; 9555 height: auto; 9556 } 9557 .lang-current svg path { 9558 stroke: var(--rot); 9559 } 9560 .lang-current { 9561 font-size: 1.375rem; 9562 color: var(--rot); 9563 height: 5rem; 9564 width: 5rem; 9565 text-align: center; 9566 line-height: 4rem; 9567 } 9568 .lang-list { 9569 width: 5rem; 9570 height: 5rem; 9571 line-height: 5rem; 9572 } 9573 .lang-list li a { 9574 font-size: 1.375rem; 9575 } 9576 button.wishlist { 9577 height: 5rem; 9578 width: 5rem; 9579 text-align: center; 9580 line-height: 4rem; 9581 } 9582 .wishlist-icon { 9583 float: none; 9584 } 9585 .wishlist-icon svg { 9586 width: 2.5rem; 9587 height: auto; 9588 padding: 0.25rem; 9589 } 9590 .wishlist-count { 9591 width: 1.25rem; 9592 height: 1.25rem; 9593 line-height: 1.25rem; 9594 font-size: 0.9375rem; 9595 right: 0.6875rem; 9596 top: 0.875rem; 9597 } 9598 button.wishlist::after, a.wishlist::after { 9599 width: 4rem; 9600 height: 4rem; 9601 top: 0.375rem; 9602 border: 1px dashed var(--rot);
9603 left: 0.625rem; 9604 } 9605 h2.h2sidebar { 9606 font-size: 1rem; 9607 } 9608 .rowtextbild_txt { 9609 width: 100%; 9610 margin-left: 0rem; 9611 margin-top: -5.5rem; 9612 position: relative; 9613 } 9614 .rowtextbild_img { 9615 margin-left: -2rem; 9616 } 9617 .rowtextbild_img img { 9618 border-top-left-radius: 0; 9619 border-bottom-left-radius: 0; 9620 } 9621 .animatedctabox_txt { 9622 transform: translate(-35%, -40%); 9623 } 9624 .animatedctabox { 9625 margin-left: -6.5rem; 9626 transform: scale(0.95); 9627 } 9628 .blogliste-o { 9629 margin-left: -1rem; 9630 margin-right: -1rem; 9631 } 9632 .blogliste-o .item { 9633 margin-top: 1rem; 9634 margin-bottom: 1rem; 9635 padding-left: 1rem; 9636 padding-right: 1rem; 9637 } 9638 .blogbox.blogboxcta { 9639 padding: 1rem; 9640 } 9641 .rowflexcenter { 9642 margin-left: -2rem; 9643 margin-right: -2rem; 9644 } 9645 .col480, 9646 .col560 { 9647 padding-left: 2rem; 9648 padding-right: 2rem; 9649 } 9650 .parallaxtxt { 9651 padding-right: 2rem; 9652 } 9653 .textbildabwechselndblock { 9654 overflow: hidden; 9655 } 9656 .wikigeneratedid { 9657 hyphens: auto; 9658 } 9659} 9660 9661@media screen and (max-width: 767px) { 9662 html { 9663 font-size: 4.102564vw; 9664 } 9665 body { 9666 font-size: 1rem; 9667 line-height: 1.5; 9668 letter-spacing: 0.03125em; 9669 } 9670 .headline-xl, 9671 h1 { 9672 font-size: 3.125rem; 9673 letter-spacing: 0; 9674 line-height: var(--lineh1); 9675 } 9676 .headline-xl+.headline-xl, 9677 h1+h1 { 9678 margin-top: 1rem; 9679 } 9680 h1+*, 9681 h1+p, 9682 .headline-xl+* { 9683 margin-top: 1rem; 9684 } 9685 .article header h1, 9686 h2, 9687 .headline-lg { 9688 font-size: 3rem; 9689 letter-spacing: 0; 9690 line-height: var(--lineh1); 9691 } 9692 .headline-lg+* { 9693 margin-top: 0.75rem; 9694 } 9695 .campingcanvas_txt .headline-lg + * { 9696 margin-top: 0.5rem; 9697 } 9698 .col560 .headline-lg + p { 9699 margin-top: 2.125rem 9700 } 9701 h2.h2sidebar { 9702 line-height: 2.16667; 9703 font-size: 0.75rem; 9704 letter-spacing: 0.3333em; 9705 } 9706 .headline-lg+.headline-lg { 9707 margin-top: 0.2857em; 9708 } 9709 .warum_lx h2, 9710 .headline-md { 9711 font-size: 1.5rem; 9712 letter-spacing: 0; 9713 line-height: var(--lineh116667); 9714 } 9715 .warum_lx h2 { 9716 font-family: var(--fontfamily); 9717 font-weight: normal; 9718 font-weight: 600; 9719 } 9720 .headline-md+* { 9721 margin-top: 0.75rem; 9722 } 9723 .headline-md+.headline-md { 9724 margin-top: 0.75rem; 9725 } 9726 .headline-sm { 9727 font-size: 1.125rem; 9728 line-height: var(--line1444444); 9729 letter-spacing: 0; 9730 } 9731 .headline-sm+p, 9732 .headline-sm+ul.checkul, 9733 .headline-sm+* { 9734 margin-top: 0.5rem; 9735 } 9736 .headline-sm + .headline-lg { 9737 margin-top: 1.25rem; 9738 } 9739 .headline-sm+.headline-sm { 9740 margin-top: 0.5rem; 9741 } 9742 .headline-xs { 9743 font-size: var(--fontsize12); 9744 letter-spacing: 0.166666em; 9745 } 9746 p.marker { 9747 background-position: left 0.1875rem; 9748 background-size: 0.875rem auto; 9749 padding-left: 1.5rem; 9750 } 9751 .text-xl { 9752 font-size: 1.5rem; 9753 line-height: var(--lineh133); 9754 letter-spacing: 0em; 9755 } 9756 .text-xl+* { 9757 margin-top: 0.75rem; 9758 } 9759 h1.text-xl+* { 9760 margin-top: 1.625rem; 9761 } 9762 .text-lg { 9763 font-size: 1.125rem; 9764 line-height: var(--line1444444); 9765 letter-spacing: 0.0em; 9766 } 9767 .text-lg+* { 9768 margin-top: 0.75rem; 9769 } 9770 .text-md { 9771 font-size: 1rem; 9772 line-height: 1.5; 9773 letter-spacing: 0.03125em; 9774 } 9775 .text-md+* { 9776 margin-top: 0.75rem; 9777 } 9778 p+p { 9779 margin-top: 1em; 9780 } 9781 ul.checkul, 9782 .text-sm { 9783 font-size: var(--fontsize14); 9784 line-height: var(--lineh428); 9785 letter-spacing: 0em; 9786 } 9787 .text-sm+* { 9788 margin-top: 0.75rem; 9789 } 9790 .headline-xl+.text-lg, 9791 h1+.text-lg { 9792 margin-top: 0.875rem; 9793 } 9794 .frame-layout-2 .headline-xl +.text-lg { 9795 margin-top: 1.875rem; 9796 } 9797 .headline-md+.text-md { 9798 margin-top: 0.875rem; 9799 } 9800 a.telefon { 9801 background-position: left 0.1875rem; 9802 background-size: 1rem auto; 9803 padding-left: 1.5rem; 9804 } 9805 a.mail { 9806 background-position: left 0.1875rem; 9807 background-size: 1rem auto; 9808 padding-left: 1.5rem; 9809 } 9810 a.web { 9811 background-position: left 0.1875rem; 9812 background-size: 0.9375rem auto; 9813 padding-left: 1.5rem; 9814 } 9815 .mehr-dialog button.button, 9816 .linkmore .newslform_wrapper button.button, 9817 button.button, 9818 span.button, 9819 a.button { 9820 border-radius: 0.75rem; 9821 font-size: var(--fontsize12); 9822 line-height: 1.5; 9823 padding-top: 0.75rem; 9824 padding-bottom: 0.75rem; 9825 letter-spacing: 0.166666em; 9826 padding-left: 1.25rem; 9827 padding-right: 1.25rem; 9828 } 9829 .button + .button { 9830 margin-left: 0.9375rem; 9831 } 9832 .mehr-dialog button.button, 9833 .mehr-campbingbottom a.button, 9834 .mehr-campbingbottom button.button { 9835 line-height: 1.5; 9836 padding-top: 0.75rem; 9837 padding-bottom: 0.75rem; 9838 padding-left: 1.25rem; 9839 padding-right: 1.25rem; 9840 } 9841 .mehr-dialog button.button { 9842 line-height: 2.625rem; 9843 height: 2.625rem; 9844 } 9845 .footernewsletter .newslform_wrapper button.button, 9846 .linkmore .newslform_wrapper button.button, 9847 button.button { 9848 height: 2.625rem; 9849 line-height: 2.625rem; 9850 padding-left: 1.25rem; 9851 padding-right: 1.25rem; 9852 } 9853 button.button { 9854 height: 2.5rem; 9855 padding-left: 1.25rem; 9856 padding-right: 1.25rem; 9857 } 9858 .top button.button, 9859 .top a.button { 9860 padding-top: 1.25rem; 9861 padding-bottom: 1.25rem; 9862 padding-left: 2rem; 9863 padding-right: 2rem; 9864 } 9865 .top button.button { 9866 height: 3.625rem; 9867 } 9868 .text-lg + p a.button { 9869 margin-top: 1.375rem; 9870 } 9871 .mehr-dialog button.button-hell, 9872 button.button-hell, 9873 button.button-hellbig, 9874 a.button-hellbig, 9875 a.button-hell { 9876 border-radius: 0.75rem; 9877 box-shadow: 0.0625rem 0.0625rem 0.125rem 0.125rem rgba(245, 73, 67, 0.16), 0 -0.25rem 0.1875rem 0 rgba(245, 73, 67, 0.12) inset, 0 0 0.0625rem 0.125rem var(--beige) inset; 9878 box-shadow: 0.0625rem 0.0625rem 0.125rem 0.125rem rgba(245, 73, 67, 0.16), 0 -0.125rem 0.0625rem 0 rgba(245, 73, 67, 0.12) inset; 9879 font-size: var(--fontsize12); 9880 line-height: 1.5; 9881 padding-top: 0.75rem; 9882 padding-bottom: 0.75rem; 9883 letter-spacing: 0.166666em; 9884 padding-left: 1.25rem; 9885 padding-right: 1.25rem; 9886 } 9887 button.button-hell svg.heart { 9888 top: -0.125rem; 9889 line-height: 1; 9890 width: 0.875rem; 9891 } 9892 button.button-hellbig { 9893 padding-top: 0.875rem; 9894 padding-bottom: 0.875rem; 9895 height: 2.6875rem; 9896 } 9897 .ctaanfragebox button.button-hellbig { 9898 padding-top: 1.1875rem; 9899 padding-bottom: 1.1875rem; 9900 padding-left: 2rem; 9901 padding-right: 2rem; 9902 height: 3.5rem; 9903 } 9904 a.button-hellbig { 9905 padding-top: 1.1875rem; 9906 padding-bottom: 1.1875rem; 9907 padding-left: 2rem; 9908 padding-right: 2rem; 9909 } 9910 .ctaanfragebox p + p button.button-hellbig, 9911 .ctaanfragebox p + p a.button-hellbig { 9912 margin-top: 1.875rem; 9913 } 9914 .text-sm + p a.button-hell { 9915 margin-top: 0.375rem; 9916 } 9917 9918 .text-md + p a.button-hell { 9919 margin-top: 1rem; 9920 } 9921 li { 9922 margin-left: 1em; 9923 } 9924 .headline-sm + ul.checkul { 9925 margin-top: 0.5625rem; 9926 } 9927 ul.checkul li { 9928 padding-left: 1.5rem; 9929 } 9930 ul.checkul li + li { 9931 margin-top: 0.5rem; 9932 } 9933 9934 ul.checkul li::before { 9935 left: 0; 9936 top: 0.1875rem; 9937 width: 1rem; 9938 height: 1rem; 9939 background-size: 100% auto; 9940 } 9941 .introcol_img_abso { 9942 border-radius: 0.5rem; 9943 } 9944 .intrcol_txt_i1 .minhp p { 9945 min-height: .5rem; 9946 } 9947 .intrcol_txt_i1 .minhp p + p button { 9948 margin-top: 1.25rem; 9949 } 9950 .intrcol_txt_i2.abstandweniger { 9951 margin-top: 4.125rem; 9952 } 9953 .abstandweniger .intrcol_txt_i2_i { 9954 max-width: 100vw; 9955 width: 100vw; 9956 margin-left: -1rem; 9957 } 9958 .rowtextbild_img { 9959 width: 14.25rem; 9960 margin-left: -1rem; 9961 } 9962 .textbildoverlay .frame-space-before-152 { 9963 margin-top: 6.0625rem; 9964 } 9965 .rowtextbild_txt { 9966 margin-top: -4.6875rem; 9967 } 9968 .rowtextbild_txt .headline-lg + * { 9969 margin-top: 1.25rem; 9970 } 9971 .warumlist .uldiv .lidiv, .warumlist ul li { 9972 display: block; 9973 } 9974 .row32 { 9975 9976 } 9977 .col_41 { 9978 width: 100%; 9979 9980 } 9981 .col_19 { 9982 width: 100%; 9983 } 9984 .border24 { 9985 border-radius: 1.5rem; 9986 } 9987 .animatedctabox_txt { 9988 transform: translate(-50%, -50%); 9989 width: 100%; 9990 } 9991 .animatedctabox { 9992 height: 32.5rem; 9993 margin-left: -0rem; 9994 transform: scale(1); 9995 } 9996 .animatedctabox_img.img1 { 9997 width: 25.625rem; 9998 bottom: auto; 9999 right: auto; 10000 top: 50%; 10001 z-index: 4; 10002 left: 50%; 10003 transform: translate(-50%, -50%); 10004 } 10005 .animatedctabox_img.img1 img { 10006 transform: rotate(-8.79deg) scale(0.7); 10007 } 10008 .animatedctabox_img.img1 .aos-init.aos-animate img { 10009 transform: rotate(8.79deg) scale(1); 10010 transition-delay: 0.7s; 10011 } 10012 .animatedctabox_img.img2 { 10013 width: 18.75rem; 10014 bottom: 0; 10015 transform: translate(-50%, 0); 10016 left: 50%; 10017 z-index: 3; 10018 } 10019 .animatedctabox_img.img2 img { 10020 transform: rotate(-3.563deg) scale(0.85); 10021 } 10022 .animatedctabox_img.img2 .aos-init.aos-animate img { 10023 transform: rotate(3.563deg) scale(1); 10024 transition-delay: 0.5s; 10025 } 10026 .animatedctabox_img.img3 { 10027 width: 22.75rem; 10028 top: 0rem; 10029 left: 50%; 10030 z-index: 2; 10031 transform: translate(-50%, 0); 10032 } 10033 .animatedctabox_img.img3 img { 10034 transform: rotate(3.375deg) scale(0.85); 10035 } 10036 .animatedctabox_img.img3 .aos-init.aos-animate img { 10037 transform: rotate(-3.375deg) scale(1); 10038 transition-delay: 0.3s; 10039 } 10040 .animatedctabox_img.img4 { 10041 width: 23.5rem; 10042 top: 50%; 10043 transform: translate(-50%, -50%); 10044 left: 50%; 10045 z-index: 1; 10046 } 10047 .animatedctabox_img.img4 img { 10048 transform: rotate(3.091deg) scale(0.7); 10049 transition-delay: 2s; 10050 } 10051 .animatedctabox_img.img4 .aos-init.aos-animate img { 10052 transform: rotate(-1.091deg) scale(1); 10053 } 10054 .animatedcta .frame-space-before-272 { 10055 margin-top: 11rem; 10056 } 10057 .animatedcta .parallax-svg-wrapper5 { 10058 top: -13rem;
10059 left: 0rem; 10060 width: 52rem; 10061 max-width: 100%; 10062 overflow: hidden; 10063 z-index: 1; 10064 } 10065 .animatedcta .parallax-svg-wrapper5 img { 10066 width: 52rem; 10067 max-width: 200%; 10068 } 10069 .animatedcta .container { 10070 overflow: hidden; 10071 } 10072 .blogbox.blogboxcta { 10073 padding-top: 4rem; 10074 } 10075 .owl-blog-of { 10076 width: 100vw; 10077 overflow: hidden; 10078 margin-left: -1rem; 10079 padding-left: 1rem; 10080 padding-right: 1rem; 10081 } 10082 .mehr-dialog, 10083 #mehr-dialoganfrage { 10084 width: 100vw; 10085 top: 0; 10086 height: 100%; 10087 left: 0; 10088 } 10089 .stepper { 10090 padding-left: 0; 10091 padding-right: 0; 10092 padding-bottom: 1.25rem; 10093 } 10094 .stepper span.label { 10095 display: none; 10096 } 10097 .form-step legend { 10098 font-size: 1.5rem; 10099 padding-bottom: 0.625rem; 10100 } 10101 .toggle-panel, .favoriten-o { 10102 width: 100%; 10103 } 10104 .check { 10105 width: 100%; 10106 } 10107 .colform-50 { 10108 width: 100%; 10109 } 10110 .colform-125 { 10111 width: 25%; 10112 } 10113 .colform-375 { 10114 width: 75%; 10115 } 10116 .mehr-dialog .steppercount-btn.dec svg { 10117 width: 0.75rem; 10118 } 10119 .colform-375 + .colform-375, 10120 .colform-375 + .colform-375 + .colform-125, 10121 .colform-50 + .colform-50, 10122 .check + .check { 10123 margin-top: 0.5rem; 10124 } 10125 .toggle-row { 10126 float: left; 10127 width: 100%; 10128 text-align: left; 10129 padding-top: 0.3125rem; 10130 } 10131 .toggle-panel .check { 10132 margin-top: 0.5rem; 10133 } 10134 #mehr-dialoganfrage .mehr-campbingbottom { 10135 padding: 0.75rem; 10136 border-radius: 1.125rem; 10137 } 10138 #anfrageajax { 10139 min-height: calc(100% - 4.5rem); 10140 padding-top: 3.5rem; 10141 } 10142 .mehr-contenblock { 10143 padding-left: 1rem; 10144 padding-right: 1rem; 10145 } 10146 .container3 .mehr-right.floatl + .mehr-left { 10147 float: right; 10148 padding-bottom: 3.375rem; 10149 } 10150 .mehr-left { 10151 width: 12rem; 10152 } 10153 .mehr-right.size1 img { 10154 width: 14.0625rem; 10155 } 10156 .mehr-right.size2 img { 10157 width: 11.125rem; 10158 left: -1.75rem; 10159 } 10160 #mehr-dialog .button-hell { 10161 display: block; 10162 white-space: nowrap; 10163 position: absolute; 10164 right: 1rem; 10165 bottom: 0; 10166 } 10167 .mehr-contenblock + .mehr-contenblock { 10168 margin-top: 2rem; 10169 } 10170 .container4 { 10171 padding-top: 2rem; 10172 } 10173 .mehr-contenblock { 10174 margin-top: 6.5rem 10175 } 10176 .mehr-header.container1, .mehr-headercamaping { 10177 padding-left: 1rem; 10178 } 10179 .container_merk { 10180 padding-left: 1rem; 10181 padding-right: 1rem; 10182 margin-top: 5rem; 10183 padding-bottom: 5.5rem; 10184 } 10185 .merklistebox_img { 10186 width: 5rem; 10187 } 10188 .merklistebox_txt { 10189 width: calc(100% - 5rem); 10190 padding-left: 0.75rem; 10191 } 10192 .mehr-campbingbottom { 10193 padding: 1rem; 10194 } 10195 .merkliste_txt_o { 10196 min-height: 1.625rem; 10197 padding-top: 0.25rem; 10198 } 10199 .merkliste_txt_o .text-sm + * { 10200 margin-top: 0.1875rem; 10201 } 10202 .merkliste_txt_u { 10203 padding-top: 0.125rem; 10204 } 10205 .campingcanvas_txt { 10206 padding-left: 1rem; 10207 padding-right: 1rem; 10208 } 10209 .owl-blogcanvas .item { 10210 padding-left: 1rem; 10211 } 10212 .mehr-campbingbottom .button + .button-hell { 10213 float: right; 10214 } 10215 .campingcanvas_img { 10216 border-bottom-left-radius: 1.5rem; 10217 border-bottom-right-radius: 1.5rem; 10218 } 10219 .blogbox_top .blog_kat { 10220 margin-bottom: 0.5rem; 10221 } 10222 10223 10224 10225 10226 10227 10228 10229 10230 .container { 10231 max-width: 100%; 10232 padding-left: 1rem; 10233 padding-right: 1rem; 10234 } 10235 .introblock .container { 10236 padding-left: 0.5rem; 10237 padding-right: 0.5rem; 10238 } 10239 .container_big { 10240 max-width: 100%; 10241 padding-left: 1rem; 10242 padding-right: 1rem; 10243 } 10244 .container_big.mob100 { 10245 max-width: 100%; 10246 } 10247 .container_full { 10248 max-width: 100%; 10249 } 10250 10251 .sticky-bar .container { 10252 max-width: 100%; 10253 padding-left: 1rem; 10254 padding-right: 1rem; 10255 } 10256 #header .container { 10257 max-width: 100%; 10258 padding-left: 1.25rem; 10259 padding-right: 1.25rem; 10260 } 10261 .logo { 10262 width: 7.1875rem; 10263 margin-top: 1.5rem; 10264 } 10265 .logo svg#logo-claim { 10266 width: 7.1875rem; 10267 } 10268 .logo svg#logo-brand { 10269 width: 4.1875rem; 10270 top: calc(50% - 0.5625rem); 10271 } 10272 .top { 10273 padding-top: 0; 10274 } 10275 .topright_o { 10276 backdrop-filter: blur(1rem); 10277 padding: 0.25rem; 10278 border-radius: 0.3125rem; 10279 margin-top: 1.25rem; 10280 } 10281 .topright { 10282 border-radius: 0; 10283 } 10284 #merkzettel_top { 10285 line-height: 3rem; 10286 width: 3rem; 10287 padding-left: 0rem; 10288 } 10289 .wishlist-icon svg { 10290 width: 1.75rem; 10291 } 10292 .wishlist-count { 10293 width: 0.75rem; 10294 height: 0.75rem; 10295 line-height: 0.75rem; 10296 font-size: var(--fontsize10); 10297 right: 0.5rem; 10298 top: 0.5rem; 10299 } 10300 button.lang-current, 10301 button.wishlist { 10302 height: 3rem; 10303 width: 3rem; 10304 line-height: 3rem; 10305 } 10306 .lang-current { 10307 font-size: var(--fontsize14); 10308 } 10309 .lang-current svg { 10310 width: 0.875rem; 10311 } 10312 .lang-list { 10313 width: 3rem; 10314 height: 3rem; 10315 line-height: 3rem; 10316 } 10317 .lang-list li a { 10318 font-size: 1rem; 10319 } 10320 .nav-icon { 10321 width: 3rem; 10322 height: 3rem; 10323 } 10324 .nav-icon span { 10325 width: 1.25rem; 10326 height: 0.09375rem; 10327 } 10328 .nav-icon span:nth-child(1) {
10329 top: 17px; 10330 top: 1.0625rem; 10331 } 10332 10333 .nav-icon span:nth-child(2) { 10334 top: 23px; 10335 top: 1.4375rem; 10336 } 10337 10338 .nav-icon span:nth-child(3) { 10339 top: 29px; 10340 top: 1.8125rem; 10341 } 10342 10343 .nav-icon.open span:nth-child(1) { 10344 top: 1.0625rem; 10345 left: 1.625rem; 10346 } 10347 10348 .nav-icon.open span:nth-child(2) { 10349 width: 0%; 10350 opacity: 0; 10351 } 10352 10353 .nav-icon.open span:nth-child(3) { 10354 top: 1.9375rem; 10355 left: 1.625rem; 10356 } 10357 .menublock { 10358 padding: 1.5rem; 10359 padding-top: 3rem; 10360 padding-top: 10rem; 10361 min-height: calc(100% - 3rem); 10362 padding-bottom: 3rem; 10363 } 10364 .menublock li { 10365 padding-top: 0.5rem; 10366 padding-bottom: 0.5rem; 10367 } 10368 .menublock li a, .menublock .linkmore button { 10369 font-size: var(--fontsize14); 10370 line-height: 1.5rem; 10371 } 10372 .menublock li ul { 10373 padding-top: 0.625rem; 10374 padding-bottom: 1.125rem; 10375 } 10376 .menublock li ul li { 10377 border: 0; 10378 padding-top: 0.3125rem; 10379 padding-bottom: 0.3125rem; 10380 padding-left: 1.5rem; 10381 } 10382 .menublock .linkmore { 10383 padding-top: 0; 10384 padding-left: 1.5rem; 10385 } 10386 .menublock .linkmore button { 10387 height: 2.5rem; 10388 } 10389 .menublock .linkmore button::after { 10390 background-size: 1rem auto; 10391 width: 1rem; 10392 height: 1.5rem; 10393 left: -1.4375rem; 10394 } 10395 .menublock ul li a span.mnr { 10396 font-size: var(--fontsize10); 10397 line-height: 0.875rem; 10398 border: 0.08125rem solid var(--rot); 10399 border-radius: 1.5rem; 10400 padding-left: 0.25rem; 10401 padding-right: 0.1875rem; 10402 text-align: center; 10403 top: -0.125rem; 10404 } 10405 .has-submenu button { 10406 width: 3em; 10407 height: 2.5rem; 10408 line-height: normal; 10409 right: 0rem; 10410 top: 0; 10411 background-size: 0.75rem auto; 10412 } 10413 .cbp-spmenu .bottom-social { 10414 display: block; 10415 float: left; 10416 width: 100%; 10417 padding-left: 1.8125rem; 10418 } 10419 .social-nav ul li { 10420 line-height: 3rem; 10421 margin-top: 0; 10422 } 10423 .introcol_img { 10424 padding: 0; 10425 top: 0.5rem; 10426 } 10427 .intrcol_txt { 10428 padding-left: 0.5rem; 10429 padding-right: 0.5rem; 10430 } 10431 .intrcol_txt_i1_i { 10432 padding-top: 3.125rem 10433 } 10434 .intrcol_txt_i1_i h1 + .text-lg { 10435 margin-top: 1.25rem; 10436 } 10437 .intrcol_txt_i1 p { 10438 max-width: 100%; 10439 } 10440 .introcol_img2 { 10441 top: 39%; 10442 } 10443 .intrcol_txt_i2 { 10444 margin-top: 7.625rem; 10445 } 10446 .intrcol_txt_i2_img { 10447 display: block; 10448 right: -1rem; 10449 width: 15.125rem; 10450 margin-top: -32rem; 10451 top: 36rem; 10452 z-index: -1; 10453 z-index: 5; 10454 } 10455 .intrcol_txt_i2_img { 10456 display: block; 10457 } 10458 .quickform label { 10459 visibility: hidden; 10460 position: absolute; 10461 opacity: 0; 10462 } 10463 .bottom-social { 10464 display: none; 10465 } 10466 .quickform-o { 10467 width: 100%; 10468 } 10469 .quickform-o input[type="text"] { 10470 text-align: left; 10471 width: 5.625rem; 10472 margin-left: 0; 10473 padding-right: 0; 10474 } 10475 .quickform-o svg { 10476 margin-top: 1.0625rem; 10477 width: 1.5rem; 10478 margin-left: 0rem; 10479 margin-right: 0.4375rem; 10480 } 10481 .nomobile { 10482 display: none; 10483 } 10484 .quickform-o button.button-hellbig { 10485 background-color: var(--rot); 10486 color: var(--beige); 10487 float: right; 10488 height: 2-625rem; 10489 } 10490 .blogheadline, .warum_l { 10491 display: block; 10492 } 10493 .warum_l p { 10494 display: none; 10495 } 10496 .warumblock { 10497 overflow: hidden; 10498 } 10499 .warumlist { 10500 padding-top: 1.75rem; 10501 width: 100vw; 10502 } 10503 .warumlist.nocarou { 10504 width: 100%; 10505 } 10506 .warumlist .uldiv, 10507 .warumlist ul { 10508 display: block; 10509 } 10510 .warumlist-icon { 10511 display: block; 10512 width: 100%; 10513 float: left; 10514 } 10515 .warumlist-text { 10516 float: left; 10517 width: 100%; 10518 padding-top: 1.125rem; 10519 padding-right: 1rem; 10520 } 10521 .warumlist-text br { 10522 display: none; 10523 } 10524 .nocarou .lidiv { 10525 float: left; 10526 width: 100%; 10527 } 10528 .nocarou .lidiv + .lidiv { 10529 margin-top: 4rem; 10530 } 10531 .googlemapsblock { 10532 margin-top: 9.4375rem; 10533 } 10534 .container_big.mob100 { 10535 max-width: 100%; 10536 padding-left: 0.5rem; 10537 padding-right: 0.5rem; 10538 } 10539 .googlemap_fallbackimg svg, .googlemap_fallbackimg img { 10540 border-radius: 1.5rem; 10541 } 10542 .fallback-pin img, .fallback-pin img, .fallback-pin svg { 10543 width: 1.75rem; 10544 } 10545 10546 .googlemaps_head { 10547 top: 3.5rem; 10548 } 10549 .mobioverscroll-o { 10550 overflow: hidden; 10551 border-bottom-left-radius: 1.5rem; 10552 border-bottom-right-radius: 1.5rem; 10553 } 10554 .mobioverscroll { 10555 overflow-x: auto; 10556 -webkit-overflow-scrolling: touch; 10557 } 10558 .mobilewidthscroll { 10559 width: 62.875rem; 10560 10561 } 10562 .rowflexbottom { 10563 display: block; 10564 margin-left: -1rem; 10565 margin-right: -1rem; 10566 } 10567 .col50_1 { 10568 width: 100%; 10569 float: left; 10570 padding-left: 1rem; 10571 padding-right: 1rem; 10572 } 10573 .col50_1 + .col50_1 .ctaanfragebox { 10574 margin-top: 3.75rem; 10575 } 10576 .frame-space-before-9128 { 10577 margin-top: 1rem; 10578 } 10579 .ctaanfragebox { 10580 padding: 1rem; 10581 padding-top: 3.625rem; 10582 } 10583 .owl-testi-o { 10584 margin-top: 3.75rem; 10585 } 10586 .frame-space-before-245 { 10587 margin-top: 9.25rem; 10588 } 10589 .warumblock .frame-space-before-245, 10590 .blogdetailheadblock .frame-space-before-245 { 10591 margin-top: 13.0625rem; 10592 } 10593 .blogheadline p { 10594 margin: 0; 10595 margin-top: 3rem; 10596 display: block; 10597 justify-content: flex-end; 10598 padding-bottom: 0rem; 10599 } 10600 .owl-blog-o { 10601 10602 } 10603 .owlblog-campingdetail .owl-blogmobile, 10604 .owl-blogmobile { 10605 margin-left: -0.75rem; 10606 margin-right: -0.75rem; 10607 } 10608 .owlblog-campingdetail .owl-blogmobile.owl-carousel .owl-stage-outer, 10609 .owl-blogmobile.owl-carousel .owl-stage-outer { 10610 margin-left: -0.25rem; 10611 padding-left: 0.25rem; 10612 width: 100vw; 10613 } 10614 .owlblog-campingdetail .owl-blogmobile .item, 10615 .owl-blogmobile .item { 10616 width: 100%; 10617 padding-left: 0.75rem; 10618 padding-right: 0.75rem; 10619 padding-top: 4.375rem; 10620 } 10621 .h126 { 10622 height: 4rem; 10623 } 10624 .arrivalinfoblock .frame-space-before-176 { 10625 margin-top: 6.6875rem; 10626 } 10627 .arrivalblock_img { 10628 width: 100%; 10629 float: left; 10630 } 10631 .arrivalblock_img img { 10632 border-top-left-radius: 0; 10633 border-bottom-left-radius: 0; 10634 width: 15.5rem; 10635 margin-left: -1rem; 10636 } 10637 .arrivalblock_txt { 10638 position: relative; 10639 bottom: auto;
10640 left: auto; 10641 z-index: 1; 10642 width: 100%; 10643 float: left; 10644 margin-top: -5.0625rem; 10645 } 10646 .texttop .arrivalblock_txt { 10647 top: auto; 10648 } 10649 .arrivalblock_txt .headline-lg + * { 10650 margin-top: 1.125rem; 10651 } 10652 .footerlogo { 10653 width: 100%; 10654 padding-bottom: 3rem; 10655 } 10656 .footerlogo img { 10657 width: 5rem; 10658 } 10659 .footernav { 10660 width: 100%; 10661 } 10662 .footernav .col50_2 { 10663 padding: 0; 10664 margin: 0; 10665 width: auto; 10666 } 10667 .footernav .col50_2 + .col50_2 { 10668 float: right; 10669 } 10670 .footernewsletter { 10671 width: 100%; 10672 float: left; 10673 padding-top: 2.5625rem; 10674 } 10675 #footer { 10676 margin-top: 8rem; 10677 } 10678 .footer_bg { 10679 border-radius: 1rem; 10680 padding-top: 5rem; 10681 padding-bottom: 5rem; 10682 padding-bottom: 2rem; 10683 } 10684 .footernav ul li a { 10685 line-height: 1.8571; 10686 } 10687 .h90 { 10688 height: 3.6875rem; 10689 } 10690 .copyright { 10691 width: 100%; 10692 } 10693 .bottomnav { 10694 float: left; 10695 width: 100%; 10696 padding-top: 0.5rem; 10697 } 10698 .bottomnav ul li { 10699 width: 50%; 10700 } 10701 .bottomnav ul li + li { 10702 margin: 0; 10703 } 10704 .oesterreich { 10705 display: block; 10706 float: left; 10707 width: 100%; 10708 margin-top: 1.75rem; 10709 } 10710 .oesterreich img { 10711 width: 8.25rem; 10712 } 10713 .parallax-svg-wrapper1u4 { 10714 width: 14.25rem; 10715 } 10716 .parallax-svg-wrapper2u3 { 10717 width: 14.25rem; 10718 top: 9.5rem; 10719 } 10720 .paracampingliste.parallax-svg-wrapper2u3 { 10721 top: -8.5rem; 10722 width: 20.25rem; 10723 opacity: 0.5; 10724 z-index: 12; 10725 } 10726 .parallax-svg-wrapper1 { 10727 width: 14.25rem; 10728 } 10729 .introblock .parallax-svg-wrapper1 { 10730 display: none; 10731 } 10732 .parallax-svg-wrapper2 { 10733 width: 14.25rem; 10734 } 10735 .parallax-svg-wrapper3 { 10736 width: 14.25rem; 10737 } 10738 .parallax-svg-wrapper4 { 10739 width: 14.25rem; 10740 } 10741 .googlemaps_head_iliste .headline-xl { 10742 display: block; 10743 } 10744 .headleft { 10745 width: 100%; 10746 display: inline-block; 10747 } 10748 .headright { 10749 width: 100%; 10750 display: inline-block; 10751 padding-top: 0; 10752 } 10753 .mapsblock_list-o { 10754 padding-left: 0.5rem; 10755 padding-right: 0.5rem; 10756 margin-top: 10.875rem; 10757 } 10758 .rahmenfilter, ul.filters-button-group { 10759 padding: 0.5rem; 10760 border-radius: 1.25rem; 10761 } 10762 ul.filters-button-group li button { 10763 border-radius: 1.5rem; 10764 line-height: 2.5rem; 10765 letter-spacing: 0.166667em; 10766 padding-left: 1.25rem; 10767 padding-right: 1.25rem; 10768 height: 2.5rem; 10769 } 10770 .campinglistemitfilterblock .frame-space-before-32 { 10771 margin-top: 1rem; 10772 } 10773 .campingfilter { 10774 width: calc(100vw - 0.5rem); 10775 margin-left: -0.5rem; 10776 overflow: scroll; 10777 top: 1rem; 10778 } 10779 #header.header-visible + #cbp-spmenu-s1 + #siteoverlay + #mehr-dialog + #mehr-dialogmerk + #mehr-dialoganfrage + .sticky-bar + #main .campingfilter { 10780 top: 9.5rem; 10781 } 10782 .blockliste .campingfilter { 10783 overflow: visible; 10784 width: calc(100vw - 1rem); 10785 margin-left: -0.5rem; 10786 } 10787 .filters-top { 10788 display: block; 10789 } 10790 .filters-main { 10791 width: 100%; 10792 display: flex; 10793 justify-content: space-between; 10794 } 10795 .filters-main.displaynone { 10796 display: none; 10797 } 10798 .filters-dropdowns { 10799 width: 100%; 10800 padding-top: 0.5rem; 10801 10802 } 10803 .filter-dropdown { 10804 margin-left: 0; 10805 width: 50%; 10806 } 10807 ul.cardscamping { 10808 margin-top: 2rem; 10809 } 10810 .cardscamping > li { 10811 width: 100%; 10812 } 10813 .campingplatzbox_txt { 10814 padding-left: 1rem; 10815 padding-right: 1rem; 10816 padding-top: 1rem; 10817 padding-bottom: 1.625rem; 10818 } 10819 .campingplatzbox_txt .headline-md + .text-md { 10820 margin-top: 0.5rem; 10821 } 10822 10823 .rowtextbild_txt p + p .openform { 10824 margin-top: 3.25rem; 10825 } 10826 .frame-space-before-261 { 10827 margin-top: 10rem; 10828 } 10829 .frame-space-before-277 { 10830 margin-top: 13.0625rem; 10831 } 10832 .blogliste-o { 10833 margin-left: -0rem; 10834 margin-right: -0rem; 10835 width: 100%; 10836 } 10837 .blogliste-o .item { 10838 margin-top: 1rem; 10839 margin-bottom: 1rem; 10840 padding-left: 0rem; 10841 padding-right: 0rem; 10842 } 10843 .blogliste-o .item, .blogliste-o .isoitem { 10844 width: 100%; 10845 } 10846 .blogliste-o .blogbox { 10847 height: auto !important; 10848 } 10849 10850 .rowflexcenter { 10851 margin-left: -0rem; 10852 display: block; 10853 margin-right: -0rem; 10854 } 10855 .col480, .col560 { 10856 float: left; 10857 width: 100%; 10858 padding-left: 0rem; 10859 padding-right: 0rem; 10860 } 10861 .col480 { 10862 padding-top: 2rem 10863 } 10864 .textbildabwechselndblock + .clr + .textbildabwechselndblock, .textbildabwechselndblock + .textbildabwechselndblock { 10865 margin-top: 6rem; 10866 } 10867 .parallaxtxt { 10868 width: 100%; 10869 padding-left: 1rem; 10870 padding-right: 1rem; 10871 margin-top: 4rem; 10872 } 10873 .parallaxbild.parallaxbild_1, 10874 .parallaxbild.parallaxbild_2 { 10875 display: none; 10876 } 10877 .parallaxtxt_img { 10878 display: block; 10879 width: 100%; 10880 float: left; 10881 } 10882 .parallaxtxt_img img { 10883 border-radius: 1.5rem; 10884 border-top-left-radius: 0; 10885 border-bottom-left-radius: 0; 10886 width: 15.5rem; 10887 margin-left: -1rem; 10888 } 10889 .parallaxtxt_i { 10890 position: relative; 10891 bottom: auto;
10892 left: auto; 10893 z-index: 1; 10894 width: 100%; 10895 float: left; 10896 margin-top: -5.0625rem; 10897 } 10898 .parallaxtxt .headline-lg + * { 10899 margin-top: 1.125rem; 10900 } 10901 .blog-eventdetail .blog_kat { 10902 line-height: 2rem; 10903 font-size: var(--fontsize14); 10904 padding-left: 1rem; 10905 padding-right: 1rem; 10906 border-radius: 1rem; 10907 } 10908 .blog-eventdetail { 10909 top: 0.75rem; 10910 left: 0.75rem; 10911 padding: 1rem; 10912 border-radius: 0.75rem; 10913 min-width: 15rem; 10914 } 10915 .blog-eventdetail .h24 { 10916 height: 1rem; 10917 } 10918 .parallaxbild_3 { 10919 float: right; 10920 width: 13.0625rem; 10921 position: relative; 10922 margin-top: 0rem; 10923 margin-bottom: -3rem; 10924 } 10925 .textmitparallaxbilderblock .frame-space-after-110 { 10926 margin-bottom: 0rem; 10927 } 10928 .dropdown-menufilter { 10929 padding-left: 0.5rem; 10930 padding-right: 0.75rem; 10931 } 10932 .flatpickr-wrapper { 10933 width: 5.625rem; 10934 } 10935 #anreise, #abreise { 10936 touch-action: manipulation; 10937 transform: scale(0.875); 10938 transform-origin: left center; 10939 width: 114.3%; 10940 font-size: 1rem; 10941 } 10942 .flatpickr-calendar.static { 10943 left: 0; 10944 } 10945 #abreise + .flatpickr-calendar.static { 10946 left: -70px; 10947 left: -7.5rem; 10948 } 10949 #abreise + .flatpickr-calendar.rightMost::before, #abreise + .flatpickr-calendar.arrowRight::before, #abreise + .flatpickr-calendar.rightMost::after, #abreise + .flatpickr-calendar.arrowRight::after { 10950 right: auto; 10951 left: 90px; 10952 } 10953 .quickform-o .text-sm + * { 10954 margin-top: 0.0625rem; 10955 } 10956 .cc-revoke.cc-bottom { 10957 bottom: -1.5em !important; 10958 } 10959 .frame-layout-4 { 10960 max-width: 100%; 10961 } 10962 .pdfbg.ce-gallery[data-ce-columns="2"] .ce-column { 10963 max-width: 100%; 10964 width: 100%; 10965 margin-right: 0; 10966 } 10967 .pdfbg .image-caption { 10968 padding-top: 1rem; 10969 } 10970 .col32_list { 10971 width: 100%; 10972 } 10973 .col33_list { 10974 width: 100%; 10975 } 10976 .col34_list { 10977 width: 100%; 10978 } 10979 10980 10981 10982 10983 10984 #openwcag, 10985 #accesselements { 10986 bottom: 5rem; 10987 right: 1rem; 10988 z-index: 999; 10989 } 10990 #openwcag img { 10991 width: 2.75rem; 10992 } 10993 .accesscontent { 10994 padding: 1rem; 10995 padding-top: 1.25rem; 10996 padding-right: 3rem; 10997 padding-bottom: 1.5rem; 10998 border: 1 solid #ffffff; 10999 width: 21rem; 11000 } 11001 .openwacinfo { 11002 padding: 1rem; 11003 padding-top: 1.25rem; 11004 border: 1 solid #ffffff; 11005 width: 18rem; 11006 } 11007 11008 11009 .videoinline.mobilehoehe100 video { 11010 max-width: 50000%; 11011 max-height: 100%; 11012 } 11013 .videoinline.mobilebreite100 video { 11014 max-width: 100%; 11015 } 11016 11017 11018 .ce-bodytext { 11019 clear: both; 11020 width: 100%; 11021 } 11022 .ce-intext.ce-right .ce-gallery[data-ce-columns="1"].ce-gallery { 11023 margin-left: 0; 11024 } 11025 .ce-intext.ce-left .ce-gallery[data-ce-columns="1"].ce-gallery { 11026 margin-right: 0; 11027 } 11028 [data-aos="fade-right"],[data-aos="fade-left"] { 11029 transform: translate3d(0,70px,0); 11030 } 11031 [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate, 11032 [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate, 11033 [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate, 11034 [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate, 11035 [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate, 11036 [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate{ 11037 transition-delay: .0s; 11038 } 11039} 11040 11041 11042 11043 11044 11045</style> 11046 11047<link rel="stylesheet" href="https://webcache-eu.datareporter.eu/c/1fb8d62e-3762-4360-8305-970192bc136b/nnqT9XEpvXjR/zDK/banner.css" media="all"> 11048 11049 11050 11051 11052 11053 11054 11055<link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Bold.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Italic.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-BoldItalic.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-SemiBold.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-SemiBoldItalic.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-Medium.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/PlusJakartaSans-MediumItalic.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/typo3conf/ext/mw_theme/Resources/Public/Fonts/Melodrama-Semibold.woff2" as="font" type="font/woff2" crossorigin> 11056<link rel="canonical" href="https://www.topcamping.at/gute-gruende/top-card"> 11057 11058<link rel="alternate" hreflang="de-DE" href="https://www.topcamping.at/gute-gruende/top-card"> 11059<link rel="alternate" hreflang="en-GB" href="https://www.topcamping.at/en/good-reasons/top-card"> 11060<link rel="alternate" hreflang="x-default" href="https://www.topcamping.at/gute-gruende/top-card"> 11061</head> 11062<body class="cbp-spmenu-push" id="page280"> 11063 11064<div id="wrapper"> 11065 11066 <nav aria-label="Skipnavigation" class="nav-skiplinks"> 11067 <ul> 11068 <li> 11069 <a href="#accesselements" id="openwcag"> 11070 <img src="https://www.topcamping.at/typo3conf/ext/mw_theme/Resources/Public/
11070Images/barrierefrei.svg" alt="Zur Einstellung für barrierefreies Surfen" width="50" height="50" fetchpriority="high"> 11071 <div class="openwacinfo"> 11072 <h2 class="headline-md">Visuelle Hilfe</h2> 11073 <p>Passe diese Webseite indivuell an! Zum Ãffnen klicken.</p> 11074 </div> 11075 </a> 11076 <aside id="accesselements" aria-label="Einstellung für barrierefreies Surfen. Passe diese Seite visuell an. Klicken zum Ãffnen." aria-hidden="true" aria-expanded="false"> 11077 <div class="accesscontent"> 11078 <div class="accessbutton"> 11079 <h2 class="headline-md">Einstellmöglichkeiten</h2> 11080 <button id="changekontrast" title="setzt alle Farben auf schwarz und weiÃ">hoher Kontrast</button> 11081 </div> 11082 <div class="closeaccess"> 11083 <button title="Einstellmöglichkeiten für barrierefreies Surfen schlieÃen"><img src="https://www.topcamping.at/typo3conf/ext/mw_theme/Resources/Public/Images/close.svg" width="24" height="24" alt="Einstellmöglichkeiten für barrierefreies Surfen schlieÃen"></button> 11084 </div> 11085 </div> 11086 </aside> 11087 </li> 11088 <li><a class="skip-main" href="#firstmain" id="tomenu">Zur Navigation springen</a></li> 11089 <li><a class="skip-main" href="#main">Zum Inhalt springen</a></li> 11090 <li><a class="skip-main" href="#footer">Zur FuÃzeile springen</a></li> 11091 </ul> 11092 </nav> 11093 11094 11095 11096 <header id="header" class="unterseite"> 11097 11098 11099 <div class="container"> 11100 <div class="logo"> 11101 <a href="https://www.topcamping.at/" aria-label="Zur Startseite"><svg id="logo-brand" viewBox="0 0 74 64" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="svgTitle" role="img"><title id="svgTitle">Logo Top Camping Austria</title><path d="M44.2038 63.2463H29.4556L22.0997 50.6161L14.7435 63.2463H0L22.1018 25.2976L44.2038 63.2463Z" fill="#F54943" /><path d="M73.668 63.2436H58.9409L29.4706 12.6427L36.8338 0L73.668 63.2436Z" fill="#F54943" /></svg><svg id="logo-claim" viewBox="0 0 126 124" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="svgTitle2" role="img"><title id="svgTitle2">Top Camping Austria</title><path d="M43.9687 12.5122L42.2229 4.86853L39.8546 5.40943L39.4683 3.71779L46.1095 2.20099L46.4959 3.89262L44.1652 4.42493L45.9109 12.0686L43.9687 12.5122Z" fill="#F54943" /><path d="M62.1396 9.86237C61.424 9.78498 60.7729 9.58958 60.1862 9.27619C59.5996 8.96279 59.1002 8.55972 58.688 8.06697C58.2854 7.56662 57.9885 7.00445 57.7974 6.38047C57.6063 5.75648 57.5486 5.09521 57.6241 4.39664C57.6997 3.69806 57.8932 3.06397 58.2048 2.49435C58.5248 1.92565 58.9346 1.44422 59.434 1.05005C59.942 0.656811 60.516 0.369832 61.1561 0.189116C61.7962 0.00839988 62.4783 -0.0427992 63.2024 0.0355186C63.9266 0.113836 64.582 0.309693 65.1686 0.623088C65.7553 0.936484 66.2504 1.3391 66.654 1.83093C67.0661 2.32368 67.3635 2.88158 67.546 3.50465C67.7371 4.12863 67.7949 4.78991 67.7193 5.48848C67.6438 6.18705 67.446 6.82068 67.1259 7.38938C66.8058 7.95808 66.3913 8.44331 65.8825 8.84508C65.383 9.23924 64.8133 9.52668 64.1732 9.70739C63.5331 9.88811 62.8552 9.93977 62.1396 9.86237ZM62.3331 8.07335C62.7676 8.12034 63.1763 8.08697 63.5592 7.97325C63.9506 7.86044 64.3016 7.68294 64.6123 7.44073C64.9238 7.19 65.177 6.88125 65.3718 6.51447C65.5666 6.1477 65.6889 5.73429 65.7386 5.27426C65.7884 4.81422 65.7569 4.38849 65.644 3.99706C65.5322 3.59711 65.3509 3.24137 65.1001 2.92983C64.8494 2.61829 64.5444 2.36984 64.1853 2.18448C63.8355 1.99151 63.4434 1.87153 63.0089 1.82454C62.5745 1.77755 62.1615 1.81046 61.7701 1.92326C61.3881 2.02847 61.0413 2.20644 60.7298 2.45716C60.4183 2.70789 60.1651 3.01664 59.9703 3.38342C59.7764 3.74168 59.6546 4.15082 59.6048 4.61086C59.5551 5.07089 59.5861 5.50088 59.698 5.90083C59.8099 6.30078 59.9912 6.65652 60.2419 6.96806C60.4936 7.27108 60.7943 7.51907 61.144 7.71203C61.5023 7.90592 61.8986 8.02636 62.3331 8.07335Z" fill="#F54943" /><path d="M77.2305 11.0551L81.4377 2.45319L84.74 4.06831C85.3327 4.3582 85.8053 4.71813 86.1578 5.14809C86.518 5.58181 86.7291 6.06666 86.7913 6.60263C86.8535 7.1386 86.7378 7.70678 86.4441 8.30719C86.158 8.89219 85.7804 9.3228 85.3115 9.59899C84.8502 9.87895 84.336 10.0138 83.7687 10.0034C83.2129 9.9891 82.6425 9.83888 82.0575 9.55275L80.545 8.81296L79.0202 11.9304L77.2305 11.0551ZM81.3073 7.25422L82.8314 7.99966C83.0854 8.12391 83.3293 8.18117 83.563 8.17146C83.7967 8.16175 84.0068 8.09284 84.1935 7.96475C84.3878 7.84041 84.5415 7.66278 84.6544 7.43186C84.7711 7.19324 84.8189 6.95905 84.7977 6.7293C84.7843 6.50332 84.7096 6.29511 84.5738 6.10469C84.438 5.91427 84.2431 5.75693 83.9891 5.63269L82.465 4.88725L81.3073 7.25422Z" fill="#F54943" /><path d="M104.207 30.3071C103.847 29.724 103.616 29.1157 103.517 28.4822C103.422 27.8559 103.449 27.2397 103.598 26.6337C103.747 26.0277 104.011 25.4612 104.391 24.9344C104.775 24.4149 105.269 23.9681 105.874 23.5941C106.479 23.22 107.1 22.9773 107.736 22.8659C108.38 22.75 109.002 22.763 109.604 22.9049C110.213 23.0422 110.772 23.2956 111.283 23.665C111.805 24.0372 112.249 24.5184 112.614 25.1088C112.979 25.6991 113.207 26.2883 113.299 26.8764C113.395 27.4718 113.38 28.0349 113.255 28.5657C113.13 29.0964 112.91 29.555 112.595 29.9413L110.947 28.8898C111.255 28.5079 111.428 28.0632 111.467 27.5557C111.518 27.0509 111.39 26.550
111017 111.083 26.0551C110.786 25.5741 110.412 25.2213 109.96 24.9966C109.509 24.7719 109.02 24.6814 108.493 24.7252C107.978 24.7718 107.454 24.9596 106.922 25.2885C106.39 25.6175 105.984 26.0043 105.705 26.449C105.431 26.9009 105.293 27.3789 105.292 27.883C105.292 28.3871 105.44 28.8797 105.738 29.3607C106.044 29.8563 106.431 30.1965 106.898 30.3813C107.376 30.5689 107.855 30.6102 108.334 30.5054L108.539 32.4492C108.052 32.5586 107.544 32.5507 107.013 32.4255C106.482 32.3004 105.972 32.0618 105.482 31.7097C104.997 31.365 104.572 30.8974 104.207 30.3071Z" fill="#F54943" /><path d="M111.821 41.3403L121.859 42.5318L122.406 45.1225L113.706 50.2694L113.257 48.144L115.036 47.1117L114.311 43.6784L112.267 43.4531L111.821 41.3403ZM116.123 43.8608L116.619 46.2126L120.744 43.8444L120.855 44.3726L116.123 43.8608Z" fill="#F54943" /><path d="M115.983 59.5764L125.453 60.9932L125.168 62.8999L119.934 65.7429L120.067 64.8531L124.255 69.0016L123.97 70.9084L114.5 69.4916L114.794 67.5213L122.091 68.6128L121.795 69.3744L117.638 65.0224L117.676 64.7682L122.906 61.9507L122.985 62.6383L115.688 61.5467L115.983 59.5764Z" fill="#F54943" /><path d="M113.267 79.7124L121.671 84.3036L119.908 87.5295C119.592 88.1086 119.211 88.5644 118.765 88.8972C118.316 89.2374 117.822 89.4265 117.284 89.4644C116.746 89.5023 116.183 89.3611 115.597 89.0406C115.025 88.7284 114.612 88.3318 114.357 87.8509C114.098 87.3774 113.987 86.8576 114.023 86.2914C114.062 85.7368 114.238 85.1738 114.55 84.6023L115.358 83.1247L112.312 81.4607L113.267 79.7124ZM116.88 83.9566L116.067 85.4455C115.931 85.6937 115.863 85.9347 115.862 86.1686C115.861 86.4024 115.921 86.6155 116.04 86.8078C116.156 87.0075 116.326 87.169 116.552 87.2923C116.785 87.4197 117.017 87.4779 117.247 87.4672C117.474 87.4639 117.685 87.3987 117.881 87.2717C118.078 87.1446 118.244 86.957 118.379 86.7089L119.193 85.22L116.88 83.9566Z" fill="#F54943" /><path d="M104.957 95.2348L111.725 102.009L110.316 103.417L103.547 96.643L104.957 95.2348Z" fill="#F54943" /><path d="M95.9405 104.479L100.448 112.928L99.0987 113.648L91.374 110.092L92.009 109.534L95.2884 115.681L93.5307 116.618L89.0231 108.17L90.3839 107.444L98.0534 111.088L97.4864 111.609L94.1828 105.417L95.9405 104.479Z" fill="#F54943" /><path d="M75.4554 113.786C76.1342 113.69 76.7837 113.723 77.4039 113.886C78.0241 114.05 78.5861 114.321 79.0897 114.699C79.5933 115.078 80.0101 115.547 80.3402 116.106C80.6703 116.665 80.8851 117.297 80.9848 118.001C81.0844 118.705 81.0575 119.371 80.9039 119.999C80.7516 120.635 80.4897 121.2 80.1182 121.694C79.748 122.196 79.2912 122.607 78.7478 122.926C78.1972 123.255 77.5783 123.468 76.8911 123.565C76.2038 123.662 75.5725 123.635 74.9971 123.483C74.4132 123.332 73.9034 123.092 73.4676 122.764C73.0317 122.437 72.7002 122.051 72.473 121.607L74.0977 120.52C74.3237 120.956 74.6613 121.293 75.1106 121.532C75.5526 121.781 76.062 121.865 76.639 121.783C77.199 121.704 77.6724 121.503 78.0594 121.18C78.4464 120.857 78.7257 120.445 78.8972 119.945C79.0615 119.454 79.0998 118.9 79.0122 118.28C78.9245 117.661 78.7247 117.135 78.4126 116.703C78.1005 116.272 77.7138 115.954 77.2523 115.751C76.7824 115.549 76.2675 115.488 75.7075 115.567C75.2748 115.629 74.8832 115.766 74.5327 115.98C74.1749 116.204 73.9037 116.489 73.7191 116.835C73.5259 117.183 73.4605 117.577 73.523 118.018L73.6346 118.807L72.623 118.172L76.0592 117.685L76.2932 119.34L71.7881 119.977L71.6458 118.972C71.5366 118.2 71.5684 117.507 71.7413 116.894C71.9154 116.29 72.1918 115.766 72.5704 115.323C72.9418 114.89 73.3816 114.542 73.8897 114.28C74.3905 114.027 74.9124 113.862 75.4554 113.786Z" fill="#F54943" /><path d="M49.8204 114.895L42.869 122.235L40.4646 121.126L41.5334 111.074L43.5059 111.983L43.2714 114.027L46.4578 115.496L47.8596 113.991L49.8204 114.895ZM45.2292 116.84L43.0466 115.834L42.4824 120.556L41.9922 120.33L45.2292 116.84Z" fill="#F54943" /><path d="M30.1611 104.568C30.703 105.092 31.0761 105.674 31.2805 106.313C31.485 106.952 31.5196 107.588 31.3846 108.22C31.2374 108.853 30.9195 109.422 30.4309 109.926L26.2122 114.286L24.7805 112.901L28.9099 108.633C29.172 108.362 29.3519 108.06 29.4494 107.725C29.5348 107.39 29.5324 107.06 29.4422 106.734C29.352 106.408 29.1745 106.117 28.9097 105.861C28.6388 105.599 28.3421 105.431 28.0198 105.358C27.6912 105.278 27.3642 105.29 27.0386 105.392C26.7009 105.494 26.401 105.681 26.1388 105.952L22.0094 110.219L20.5778 108.834L24.7965 104.474C25.2851 103.969 25.8463 103.636 26.4799 103.474C27.1014 103.312 27.7348 103.323 28.3802 103.506C29.0256 103.69 29.6192 104.044 30.1611 104.568Z" fill="#F54943" /><path d="M18.1412 91.7144C18.414 92.2486 18.5757 92.801 18.6265 93.3716C18.6658 93.9384 18.5937 94.4851 18.4104 95.0117C18.2231 95.5306 17.9282 95.9987 17.5255 96.416L16.1307 95.2953C16.4871 94.8439 16.7034 94.3631 16.7796 93.8527C16.8519 93.3348 16.7711 92.8468
1110116.5374 92.3889C16.4127 92.1447 16.2674 91.9543 16.1014 91.8178C15.9355 91.6812 15.7623 91.5964 15.5819 91.5635C15.3939 91.5344 15.2083 91.5666 15.0252 91.6601C14.8267 91.7614 14.69 91.9082 14.615 92.1004C14.5323 92.2966 14.5153 92.5458 14.5638 92.8482L14.8676 94.8C14.9931 95.5923 14.9412 96.2633 14.7121 96.8133C14.4753 97.3671 14.0707 97.7901 13.4984 98.0824C12.9947 98.3395 12.4897 98.4434 11.9834 98.394C11.4733 98.337 10.9983 98.1417 10.5586 97.8082C10.1151 97.467 9.74522 97.0064 9.44909 96.4264C9.18803 95.9151 9.03422 95.3971 8.98765 94.8725C8.94109 94.3479 8.9982 93.8473 9.15898 93.3707C9.31586 92.8865 9.57852 92.4494 9.94697 92.0592L11.3359 93.1685C11.0209 93.5313 10.8345 93.9296 10.7769 94.3631C10.7116 94.8005 10.7841 95.2253 10.9945 95.6374C11.1153 95.874 11.2606 96.0644 11.4304 96.2086C11.6003 96.3528 11.783 96.4374 11.9787 96.4626C12.1667 96.4917 12.3523 96.4595 12.5355 96.366C12.7339 96.2647 12.8763 96.1102 12.9627 95.9025C13.0414 95.6987 13.0566 95.4457 13.008 95.1433L12.6988 93.2375C12.5695 92.4376 12.6175 91.7685 12.8429 91.2301C13.0644 90.6841 13.4614 90.2649 14.0338 89.9727C14.5298 89.7194 15.0387 89.6232 15.5604 89.6839C16.0745 89.7486 16.559 89.9534 17.0141 90.2983C17.4577 90.6395 17.8334 91.1115 18.1412 91.7144Z" fill="#F54943" /><path d="M11.2615 77.8627L3.51812 79.093L3.89931 81.4921L2.18561 81.7644L1.11667 75.0366L2.83036 74.7643L3.2055 77.1254L10.9489 75.8951L11.2615 77.8627Z" fill="#F54943" /><path d="M8.80212 63.6882L-0.657669 62.2029L-0.089473 58.584C0.0128687 57.9322 0.217528 57.3745 0.524504 56.911C0.83281 56.4389 1.23388 56.0943 1.72773 55.8769C2.22157 55.6595 2.79863 55.6027 3.45891 55.7063C4.10226 55.8073 4.62924 56.0419 5.03983 56.4099C5.44197 56.7766 5.7181 57.2277 5.86825 57.763L9.97839 56.1965L9.63149 58.4059L5.08711 60.0864L6.03564 58.9342L5.68276 61.1817L9.11114 61.72L8.80212 63.6882ZM3.96857 60.9126L4.22974 59.2492C4.2736 58.9698 4.25646 58.7199 4.17831 58.4995C4.10016 58.2791 3.97238 58.0985 3.79496 57.9579C3.61887 57.8088 3.40385 57.7144 3.14989 57.6745C2.88747 57.6333 2.64961 57.6566 2.4363 57.7446C2.22433 57.8241 2.04737 57.9567 1.90542 58.1426C1.76348 58.3285 1.67057 58.5611 1.62671 58.8405L1.36554 60.5039L3.96857 60.9126Z" fill="#F54943" /><path d="M11.4084 46.0837L2.7654 41.9615L3.62303 40.1633L12.266 44.2855L11.4084 46.0837Z" fill="#F54943" /><path d="M16.9097 34.1714L11.2041 25.8269L12.7957 23.7109L22.3953 26.8783L21.0896 28.6143L19.1419 27.9535L17.0327 30.7578L18.2077 32.4457L16.9097 34.1714ZM15.9782 29.273L17.423 27.3522L12.9265 25.8036L13.251 25.3722L15.9782 29.273Z" fill="#F54943" /></svg></a> 11102 </div> 11103 <div class="top"> 11104 <div class="mobinav"> 11105 <nav class="nav" aria-label="Hauptnavigation"> 11106 11107 11108 11109 11110 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 11130<ul id="menu" class="menu"> 11131 11132 <li class="menu-item first "> 11133 <a href="/campingplaetze" id="firstmain" class="firstlevelx" tabindex="0"> 11134 <span class="hovtxt">Campingplätze</span> <span class="mnr">12</span> 11135 </a> 11136 11137 </li> 11138 11139 <li class="menu-item hassub"> 11140 <a href="/gute-gruende/ihre-vorteile" class="firstlevel active" tabindex="0" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-268"> 11141 <span class="hovtxt">
11141Gute Gründe</span> 11142 </a> 11143 11144 <div id="submenu-268" class="submenu" role="menu" aria-label="Untermenü von Hauptpunkt Gute Gründe"> 11145 <div class="submenu-image"> 11146 11147 <picture> 11148 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_716d79a90a.webp"> 11149 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_5ade946ff9.jpg"> 11150 11151 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_031168fe42.webp"> 11152 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_e55ea1833b.jpg"> 11153 11154 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_2a7dfe702c.webp"> 11155 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_46463a5ea2.jpg"> 11156 11157 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_0283d903bb.webp"> 11158 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_fb522bf78f.jpg"> 11159 11160 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/menu-1.jpg"> 11161 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/menu-1.jpg"> 11162 11163 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_7cc2629a92.webp"> 11164 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_681079c667.jpg"> 11165 11166 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_5bb3f0f580.webp"> 11167 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_7b6e07af4f.jpg"> 11168 11169 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_671ae2f4b3.webp"> 11170 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_abc36975db.jpg"> 11171 11172 <img loading="lazy" src="https://www.topcamping.at/fileadmin/_processed_/b/2/csm_menu-1_abc36975db.jpg" width="176" height="133" alt="Gute Gründe für Top Camping Austria - Abendstimmung am See" title="Gute Gründe für Top Camping Austria - Abendstimmung am See" /> 11173 </picture> 11174 11175 11176 </div> 11177 <ul class="submenu-list"> 11178 11179 <li role="none" class="submenu-item first"> 11180 11181 <a role="menuitem" href="/gute-gruende/ihre-vorteile" id="firstsub280" class="secondlevel" tabindex="-1"> 11182 <span class="hovtxt">Ihre Vorteile</span> 11183 </a> 11184 11185 </li> 11186 11187 <li role="none" class="submenu-item "> 11188 11189 <a role="menuitem" href="/gute-gruende/unser-qualitaetsanspruch" class="secondlevel" tabindex="-1"> 11190 <span class="hovtxt">Unser Qualitätsanspruch</span> 11191 </a> 11192 11193 </li> 11194 11195 <li role="none" class="submenu-item last"> 11196 11197 <a role="menuitem" href="/gute-gruende/top-card" class="secondlevel active" aria-current="page" tabindex="-1"> 11198 <span class="hovtxt">Top Card</span> 11199 </a> 11200 11201 </li> 11202 11203 </ul> 11204 </div> 11205 11206 </li> 11207 11208 <li class="menu-item last "> 11209 <a href="/wow-momente" class="firstlevel" tabindex="0"> 11210 <span class="hovtxt">#WOW Momente</span> <span class="mnr">21</span> 11211 </a> 11212 11213 </li> 11214 11215</ul> 11216 </nav> 11217 <div class="linkmore"> 11218 <button id="mehr-trigger" aria-controls="mehr-dialog" aria-haspopup="dialog" aria-expanded="false"><span>mehr</span></button> 11219 </div> 11220 </div> 11221 <div class="topright_o"> 11222 <div class="mobilenav"> 11223 <a class="nav-icon" href="#firstmenu" id="nav-icon" aria-label="Navigation einblenden" aria-expanded="false" role="button"> 11224 <span></span> 11225 <span></span> 11226 <span></span> 11227 </a> 11228 </div> 11229 <nav aria-label="Sprachauswahl" class="language-switcher"><div class="lang-menu"><button id="current-lang" class="lang-current" aria-haspopup="listbox" aria-expanded="false" aria-label="Sprache wählen (derzeit Deutsch)" aria-controls="lang-list" type="button"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.26667 12.6934L4.8 10H5.376C5.49764 10.0005 5.61774 9.97275 5.7269 9.9191C5.8360
112297 9.86544 5.93136 9.78727 6.00533 9.6907C6.08153 9.59636 6.1343 9.48532 6.15933 9.36667C6.18436 9.24801 6.18093 9.12512 6.14933 9.00804L5.74933 7.40804C5.70742 7.23458 5.60834 7.08028 5.46805 6.96999C5.32777 6.8597 5.15445 6.79984 4.976 6.80004H2.13333M12.8 4.40004H10.624C10.4456 4.39984 10.2722 4.4597 10.1319 4.56999C9.99166 4.68028 9.89258 4.83458 9.85067 5.00804L9.45067 6.60804C9.41979 6.72553 9.41723 6.84867 9.44319 6.96734C9.46915 7.08601 9.52289 7.19684 9.6 7.2907C9.67397 7.38727 9.76926 7.46544 9.87843 7.5191C9.9876 7.57276 10.1077 7.60046 10.2293 7.60004H11.072L11.488 10.1334C11.5192 10.3181 11.6142 10.486 11.7565 10.6078C11.8988 10.7296 12.0794 10.7977 12.2667 10.8H13.3333M2 8.00004C2 9.59134 2.63214 11.1175 3.75736 12.2427C4.88258 13.3679 6.4087 14 8 14C9.5913 14 11.1174 13.3679 12.2426 12.2427C13.3679 11.1175 14 9.59134 14 8.00004C14 6.40874 13.3679 4.88262 12.2426 3.7574C11.1174 2.63218 9.5913 2.00004 8 2.00004C6.4087 2.00004 4.88258 2.63218 3.75736 3.7574C2.63214 4.88262 2 6.40874 2 8.00004Z" stroke="#0C1419" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> <span aria-hidden="true">DE</span><span class="visually-hidden">Deutsch (ausgewählt)</span></button><ul id="lang-list" class="lang-list" role="listbox" tabindex="-1" aria-label="Weitere Sprachen" hidden><li role="option" aria-selected="false"><a href="/en/good-reasons/top-card" lang="en" hreflang="en" title="English (English version)" tabindex="-1">EN</a></li></ul></div></nav> 11230 <div class="topright"> 11231 <div id="merkzettel_top"><button id="wishlist-link" class="wishlist" aria-label="Merkliste (0 Campingplätze)" aria-describedby="wishlist-tooltip" role="button"><span class="wishlist-icon" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.52905 7.56956C1.52905 4.92653 3.67165 2.78393 6.31469 2.78393C7.79688 2.78393 9.12169 3.45775 9.9995 4.51578C10.8773 3.45775 12.2022 2.78393 13.6843 2.78393C16.3274 2.78393 18.47 4.92653 18.47 7.56957C18.47 9.02164 17.8232 10.3227 16.8022 11.2003L10.5307 17.0082C10.2311 17.2856 9.76856 17.2856 9.46895 17.0082L3.2053 11.2076C2.17933 10.3298 1.52905 9.02562 1.52905 7.56956Z" stroke="#F54943" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span class="wishlist-count merkcount" id="wishlist-count" aria-live="polite">0</span></button><span id="wishlist-tooltip" class="tooltip" role="tooltip"><span class="nonemerk">Du hast noch keine Campingplätze gespeichert.</span><span class="hasmerk">Du hast <span class="merkcount"></span> Campingplätze gespeichert.</span></span></div> 11232 11233 <div class="topanfrage"> 11234 <button id="openanfrage" aria-controls="mehr-dialoganfrage" 11235 aria-haspopup="dialog" 11236 aria-expanded="false" 11237 class="triggerform button" 11238 data-ajaxurl="/?tc=1513&tx_campingplaetze_anfrageliste%5Baction%5D=anfrageliste&tx_campingplaetze_anfrageliste%5Bcontroller%5D=Campingplatz&type=70765&cHash=bcc4be7e983011f5f7195cd3bdbbcc21" 11239 aria-label="Anfrageformular öffnen">Anfragen</button> 11240 </div> 11241 </div> 11242 </div> 11243 </div> 11244 </div> 11245 </header> 11246 11247 <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left cbp-spmenu-openx" id="cbp-spmenu-s1" aria-label="Navigation für mobile Geräte" aria-hidden="true" aria-expanded="false"> 11248 <div class="menublock"> 11249 <div class="container"> 11250 <div class="clr"></div> 11251 <ul id="mobilemneu"> 11252 11253 <li class=" first "> 11254 <a href="/campingplaetze" id="firstmenu" class="firstlevelmobilex" tabindex="-1"> 11255 <span class="hovtxt">Campingplätze</span> <span class="mnr">12</span> 11256 </a> 11257 11258 </li> 11259 11260 11261 <li class=" has-submenu"> 11262 <a href="/gute-gruende/ihre-vorteile" class="firstlevelmobile active" tabindex="-1" aria-haspopup="true" aria-expanded="false" aria-controls="submenu-268"> 11263 <span class="hovtxt">
11263Gute Gründe</span> 11264 </a> 11265 11266 11267 <ul class="submenumobile"> 11268 11269 <li role="none" class="submenumobile-item first"> 11270 11271 <a role="menuitem" href="/gute-gruende/ihre-vorteile" id="firstsub280" class="secondlevel" tabindex="-1"> 11272 <span class="hovtxt">Ihre Vorteile</span> 11273 </a> 11274 11275 </li> 11276 11277 <li role="none" class="submenumobile-item "> 11278 11279 <a role="menuitem" href="/gute-gruende/unser-qualitaetsanspruch" class="secondlevel" tabindex="-1"> 11280 <span class="hovtxt">Unser Qualitätsanspruch</span> 11281 </a> 11282 11283 </li> 11284 11285 <li role="none" class="submenumobile-item last"> 11286 11287 <a role="menuitem" href="/gute-gruende/top-card" class="secondlevel active" aria-current="page" tabindex="-1"> 11288 <span class="hovtxt">Top Card</span> 11289 </a> 11290 11291 </li> 11292 11293 </ul> 11294 11295 11296 </li> 11297 11298 11299 <li class=" last "> 11300 <a href="/wow-momente" class="firstlevelmobile" tabindex="-1"> 11301 <span class="hovtxt">#WOW Momente</span> <span class="mnr">21</span> 11302 </a> 11303 11304 </li> 11305 11306 11307 </ul> 11308 <div class="linkmore"> 11309 <button id="mehr-triggermobile" 11310 aria-controls="mehr-dialog" 11311 aria-haspopup="dialog" 11312 aria-expanded="false"> 11313 <span>Mehr</span> 11314 </button> 11315 </div> 11316 <div class="clr"></div> 11317 </div> 11318 </div> 11319 <div class="bottom-social"> 11320 <nav class="social-nav" aria-label="Social Media"> 11321 <ul> 11322 <li> 11323 <a href="https://www.instagram.com/topcamping.at/" aria-label="Instagram" target="_blank"> 11324 <svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 11325 <path d="M0.800049 4.27141C0.800049 2.3542 2.35426 0.799988 4.27147 0.799988H13.5286C15.4458 0.799988 17 2.3542 17 4.27141V13.5286C17 15.4458 15.4458 17 13.5286 17H4.27147C2.35426 17 0.800049 15.4458 0.800049 13.5286V4.27141Z" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11326 <path d="M5.30005 8.89999C5.30005 9.85477 5.67933 10.7704 6.35447 11.4456C7.0296 12.1207 7.94527 12.5 8.90005 12.5C9.85483 12.5 10.7705 12.1207 11.4456 11.4456C12.1208 10.7704 12.5001 9.85477 12.5001 8.89999C12.5001 8.42723 12.4069 7.9591 12.226 7.52233C12.0451 7.08556 11.7799 6.68869 11.4456 6.3544C11.1113 6.02011 10.7145 5.75494 10.2777 5.57402C9.84094 5.39311 9.37281 5.29999 8.90005 5.29999C8.42729 5.29999 7.95916 5.39311 7.52239 5.57402C7.08562 5.75494 6.68876 6.02011 6.35447 6.3544C6.02017 6.68869 5.755 7.08556 5.57408 7.52233C5.39317 7.9591 5.30005 8.42723 5.30005 8.89999Z" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11327 <path d="M13.5833 4.4463C13.459 4.4463 13.3583 4.34556 13.3583 4.2213C13.3583 4.09703 13.459 3.9963 13.5833 3.9963" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11328 <path d="M13.5833 4.4463C13.7076 4.4463 13.8083 4.3455 13.8083 4.22125C13.8083 4.09698 13.7076 3.9963 13.5833 3.9963" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11329 </svg> 11330 <span class="tooltip">#WOWMomente</span> 11331 </a> 11332 </li> 11333 <li> 11334 <a href="https://www.facebook.com/topcamping" aria-label="Facebook" target="_blank"> 11335 <svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 11336 <path d="M12.4442 5.30179L11.519 5.29639C11.1633 5.29449 10.8106 5.36293 10.4814 5.49777C10.1521 5.6326 9.85279 5.83118 9.60054 6.08209C9.3483 6.333 9.14813 6.63128 9.01154 6.95981C8.87495 7.28833 8.80464 7.6406 8.80465 7.99639V16.9604M6.53845 10.862H12.4424M0.800049 4.27219C0.800049 2.35339 2.35345 0.799988 4.27225 0.799988H13.526C15.4466 0.799988 17 2.35339 17 4.27219V13.526C17.0003 13.9821 16.9106 14.4338 16.7363 14.8553C16.5619 15.2768 16.3061 15.6598 15.9837 15.9824C15.6613 16.305 15.2784 16.5609 14.857 16.7355C14.4356 16.9101 13.984 17 13.5278 17H4.27405C3.81792 17.0002 3.36622 16.9106 2.94474 16.7362C2.52327 16.5618 2.14028 16.3061 1.81767 15.9836C1.4950
113365 15.6612 1.23913 15.2783 1.06453 14.857C0.889919 14.4356 0.800049 13.9839 0.800049 13.5278V4.27219Z" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11337 </svg> 11338 <span class="tooltip">Facebook</span> 11339 </a> 11340 </li> 11341 </ul> 11342 </nav> 11343 </div> 11344 </nav> 11345 11346 <div id="siteoverlay"></div> 11347 11348 11349 11350 <div id="mehr-dialog" class="mehr-dialog" role="dialog" aria-modal="true" aria-labelledby="mehr-title" aria-describedby="mehr-desc" inert hidden> 11351 11352 <div class="outer-container2"> 11353 <div class="mehr-header container1"> 11354 <h2 id="mehr-title" class="h2sidebar">Service & Mehr</h2> 11355 <button id="mehr-close" class="closex" aria-label="Dialog schlieÃen"> 11356 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 11357 <rect width="32" height="32" rx="16" fill="white"/> 11358 <rect width="20" height="1.5" transform="translate(8.39844 22.5408) rotate(-45)" fill="#F54943"/> 11359 <rect width="20" height="1.5" transform="translate(9.45898 8.39868) rotate(45)" fill="#F54943"/> 11360 </svg> 11361 </button> 11362 </div> 11363 <div id="dialog-desc" class="visually-hidden"> 11364 <p>Hier besteht die Möglichkeit, die Top Camping Austria Card oder die Top Camping Austria Broschüre zu Bestellen. Zudem kann man sich zum Newsletter anmelden.</p> 11365 </div> 11366 11367 <div class="mehr-contenblock container2"> 11368 <div class="mehr-left"> 11369 <h3 class="headline-sm">Top Camping Austria Card</h3> 11370<p class="text-sm">Ihre Treue belohnen wir mit groÃen und kleinen Momenten der Lebenslust</p> 11371 11372 <div class="feature-item"> 11373 <div class="feature-icon" aria-hidden="true"> 11374 11375 <img loading="lazy" src="https://www.topcamping.at/fileadmin/icons/collect.svg" width="20" height="20" alt="sammeln" title="sammeln" /> 11376 11377 </div> 11378 <div class="feature-text"> 11379 <p class="text-sm">Ãbernachtungen sammeln<br>Top Camping Austria Plätze sammeln</p> 11380 </div> 11381 </div> 11382 11383 <div class="feature-item"> 11384 <div class="feature-icon" aria-hidden="true"> 11385 11386 <img loading="lazy" src="https://www.topcamping.at/fileadmin/icons/thank-you.svg" width="20" height="20" alt="Danke" title="Danke" /> 11387 11388 </div> 11389 <div class="feature-text"> 11390 <p class="text-sm">Wow Momente und Urlaub mit WOW erhalten</p> 11391 </div> 11392 </div> 11393 11394 <div class="clr"></div> 11395 11396 <div class="feature-button"> 11397 <p><a href="/gute-gruende/top-card" class="button-hell">mehr erfahren</a></p> 11398 </div> 11399 11400 </div> 11401 <div class="mehr-right size1"> 11402 11403 11404 11405 11406 11407 11408 11409 11410 11411 11412 11413 11414 11415 11416 11417 11418 <picture aria-hidden="true"> 11419 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_d2b7787078.webp"> 11420 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/tca-card.png"> 11421 11422 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_aa54a8dec5.webp"> 11423 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/tca-card.png"> 11424 11425 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/tca-card.png"> 11426 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/tca-card.png"> 11427 11428 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/tca-card.png"> 11429 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/tca-card.png"> 11430 11431 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_d50e222304.webp"> 11432 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_de2ddc54ca.png"> 11433 11434 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_d50e222304.webp"> 11435 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_de2ddc54ca.png"> 11436 11437 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_d50e222304.webp"> 11438 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_de2ddc54ca.png"> 11439 11440 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_d50e222304.webp"> 11441 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_de2ddc54ca.png"> 11442 11443 11444 <img loading="lazy" src="https://www.topcamping.at/fileadmin/_processed_/1/e/csm_tca-card_de2ddc54ca.png" width="280" height="372" alt="Top Camping Austria Card" /> 11445 </picture> 11446 11447 11448 </div> 11449 </div> 11450 11451 <div class="mehr-contenblock container3"> 11452 <div class="mehr-right floatl size2"> 11453 11454 11455 11456 11457 11458 11459 11460 11461 11462 11463 11464 11465 11466 11467 11468 11469 <picture aria-hidden="true"> 11470 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_eb16bc77bc.webp"> 11471 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/broschuere.png"> 11472 11473 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_f8c4bf9880.webp"> 11474 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/broschuere.png"> 11475 11476 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_73202e6610.webp"> 11477 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_3724b7054a.png"> 11478 11479 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_cf81bf59be.webp"> 11480 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_3825f136e4.png"> 11481 11482 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_e3a4f44eaa.webp"> 11483 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_b5334bf2b8.png"> 11484 11485 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_e3a4f44eaa.webp"> 11486 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_b5334bf2b8.png"> 11487 11488 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_e3a4f44eaa.webp"> 11489 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_b5334bf2b8.png"> 11490 11491 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_e3a4f44eaa.webp"> 11492 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_b5334bf2b8.png"> 11493 11494 11495 <img loading="lazy" src="https://www.topcamping.at/fileadmin/_processed_/0/3/csm_broschuere_b5334bf2b8.png" width="200" height="351" alt="Top Camping Austria Broschüre" /> 11496 </picture> 11497 11498 </div> 11499 <div class="mehr-left"> 11500 <h3 class="headline-sm">Top Camping Austria Broschüre</h3> 11501<p class="text-sm">Unsere gemeinsame Qualität und Ihre Möglichkeiten bei Top Camping Austria kompakt erfassen - für Ihre sichere Wahl Ihres Top Camping Traumplatzes</p> 11502 11503 <p> 11504 <button aria-controls="mehr-dialoganfrage" 11505 data-headline="Broschüre anfordern" 11506 aria-haspopup="dialog" 11507 aria-expanded="false" 11508 class="triggerform button-hell closemehroff" 11509 data-ajaxurl="/?tc=1513&tx_campingplaetze_anfrageliste%5Baction%5D=kataloganfrage&tx_campingplaetze_anfrageliste%5Bcontroller%5D=Campingplatz&type=70765&cHash=804ff0d0ab72ad9c3b460ffffd1f6d70" 11510 aria-label="Anfrageformular öffnen">Broschüre anfordern</button> 11511 </p> 11512 11513 </div> 11514 11515 </div> 11516 11517 <div class="mehr-contenblock container4 "> 11518 11519 <div class="mehr-full"> 11520 <h3 class="headline-sm">Zum Newsletter anmelden</h3><ul class="checkul"><li data-list-item-id="eefe1792c94099a8b08c0fc43f2d125d0">Nie wieder aktuelle Angebote verpassen</li><li data-list-item-id="ee52c73b79914f5ae4d57deab86a8cf84">Infos zu anstehenden Highlight-Events</li></ul> 11521 </div> 11522 <div class="mehr-full newslform"> 11523 <div class="newslform_wrapper"> 11524 <form id="newsletter-form" class="layout_form cr_form cr_font" novalidate action="https://eu1.cleverreach.com/f/96585-201153/wcs/" method="post" target="_blank"> 11525 <label for="newslemail" class="visually-hidden">Ihre E-Mail Adresse</label>
11526 <span id="email-error" class="error-message text-sm visually-hidden">Bitte geben Sie eine gültige E-Mail-Adresse ein.</span> 11527 <input 11528 type="email" 11529 id="newslemail" 11530 name="email" 11531 required 11532 autocomplete="email" 11533 aria-describedby="email-error" 11534 placeholder="Ihre E-Mail Adresse"> 11535 11536 <button type="submit" class="button" aria-label="Zum Newsletter anmelden">Anmelden</button> 11537 </form> 11538 11539 </div> 11540 </div> 11541 11542 </div> 11543 </div> 11544 11545 </div> 11546 11547 11548 11549 11550 11551 <div id="mehr-dialogmerk" class="mehr-dialog" role="dialog" aria-modal="true" aria-labelledby="mehr-titlemerk" aria-describedby="mehr-descmerk" hidden inert><div class="outer-container2"> 11552 <div class="mehr-header container1"> 11553 <h2 id="mehr-titlemerk" class="h2sidebar">Meine Merkliste</h2> 11554 <button id="mehr-closemerk" class="closex" aria-label="Dialog schlieÃen"> 11555 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 11556 <rect width="32" height="32" rx="16" fill="white"/> 11557 <rect width="20" height="1.5" transform="translate(8.39844 22.5408) rotate(-45)" fill="#F54943"/> 11558 <rect width="20" height="1.5" transform="translate(9.45898 8.39868) rotate(45)" fill="#F54943"/> 11559 </svg> 11560 </button> 11561 </div> 11562 <div id="dialog-descmerk" class="visually-hidden"> 11563 <p>Hier besteht die Möglichkeit, die Campingplätze auf Ihrer Merkliste anzufragen.</p> 11564 </div> 11565 <div class="container_merk"> 11566 <div id="merkliste_liste"> 11567 11568 </div> 11569 <div id="listanfrage"></div> 11570 11571 11572 </div> 11573 </div> 11574 <div class="mehr-campbingbottom"> 11575 <button class="button triggerform openform closemerk" 11576 data-ajaxurl="/?tc=1513&tx_campingplaetze_anfrageliste%5Baction%5D=anfrageliste&tx_campingplaetze_anfrageliste%5Bcontroller%5D=Campingplatz&type=70765&cHash=bcc4be7e983011f5f7195cd3bdbbcc21" 11577 aria-controls="mehr-dialoganfrage" 11578 aria-haspopup="dialog" 11579 aria-expanded="false" 11580 aria-label="Anfrageformular öffnen">Ausgewählte Plätze Anfragen</button> 11581 </div></div> 11582 11583 11584 11585 11586 11587 11588 <div id="mehr-dialoganfrage" 11589 class="mehr-dialog" 11590 role="dialog" 11591 aria-modal="true" 11592 aria-labelledby="mehr-titledialoganfrage" 11593 aria-describedby="mehr-descdialoganfrage" 11594 hidden 11595 inert> 11596 <div class="outer-container2"> 11597 <div class="mehr-header container1"> 11598 <h2 id="mehr-titledialoganfrage" class="h2sidebar">Campingplatz anfragen</h2> 11599 <button id="mehr-closedialoganfrage" class="closex" aria-label="Dialog schlieÃen"> 11600 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 11601 <rect width="32" height="32" rx="16" fill="white"/> 11602 <rect width="20" height="1.5" transform="translate(8.39844 22.5408) rotate(-45)" fill="#0C1419"/> 11603 <rect width="20" height="1.5" transform="translate(9.45898 8.39868) rotate(45)" fill="#0C1419"/> 11604 </svg> 11605 </button> 11606 </div> 11607 11608 <div id="anfrageajax"></div> 11609 11610 </div> 11611</div> 11612 11613 11614 11615 <aside class="sticky-bar" aria-label="Anfrage und Social Media"> 11616 <div class="container"> 11617 <div class="quickform-o"> 11618 11619 <form class="quickform" action="#" method="post" aria-label="Campingplatz Anfrage" novalidate> 11620 <label for="anreise" class="text-sm">Anreise</label> 11621 <span id="anreise-error" class="text-sm visually-hidden">Geben Sie das Datum im Format TT.MM.YYYY ein</span> 11622 <input type="text" value="" id="anreise" name="anreise" required aria-describedby="anreise-error"> 11623 <svg width="41" height="8" viewBox="0 0 41 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 11624 <path d="M40.3536 4.03556C40.5488 3.8403 40.5488 3.52372 40.3536 3.32845L37.1716 0.146473C36.9763 -0.0487893 36.6597 -0.0487893 36.4645 0.146473C36.2692 0.341735 36.2692 0.658318 36.4645 0.85358L39.2929 3.68201L36.4645 6.51043C36.2692 6.7057 36.2692 7.02228 36.4645 7.21754C36.6597 7.4128 36.9763 7.4128 37.1716 7.21754L40.3536 4.03556ZM0 3.68201V4.18201H40V3.68201V3.18201H0V3.68201Z" fill="#F54943" fill-opacity="0.4"/> 11625 </svg> 11626 <label for="abreise" class="text-sm">Abreise</label>
11627 <span id="abreise-error" class="text-sm errorabreise visually-hidden">Geben Sie das Datum im Format TT.MM.YYYY ein</span> 11628 <input type="text" id="abreise" name="abreise" required aria-describedby="abreise-error"> 11629 <svg width="41" height="8" viewBox="0 0 41 8" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="nomobile"> 11630 <path d="M40.3536 4.03556C40.5488 3.8403 40.5488 3.52372 40.3536 3.32845L37.1716 0.146473C36.9763 -0.0487893 36.6597 -0.0487893 36.4645 0.146473C36.2692 0.341735 36.2692 0.658318 36.4645 0.85358L39.2929 3.68201L36.4645 6.51043C36.2692 6.7057 36.2692 7.02228 36.4645 7.21754C36.6597 7.4128 36.9763 7.4128 37.1716 7.21754L40.3536 4.03556ZM0 3.68201V4.18201H40V3.68201V3.18201H0V3.68201Z" fill="#F54943" fill-opacity="0.4"/> 11631 </svg> 11632 <button type="submit" class="button-hellbig">Anfragen</button> 11633 </form> 11634 11635 </div> 11636 <div class="bottom-social"> 11637 <nav class="social-nav" aria-label="Social Media"> 11638 <ul> 11639 <li> 11640 <a href="https://www.instagram.com/topcamping.at/" aria-label="Instagram" target="_blank"> 11641 <svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 11642 <path d="M0.800049 4.27141C0.800049 2.3542 2.35426 0.799988 4.27147 0.799988H13.5286C15.4458 0.799988 17 2.3542 17 4.27141V13.5286C17 15.4458 15.4458 17 13.5286 17H4.27147C2.35426 17 0.800049 15.4458 0.800049 13.5286V4.27141Z" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11643 <path d="M5.30005 8.89999C5.30005 9.85477 5.67933 10.7704 6.35447 11.4456C7.0296 12.1207 7.94527 12.5 8.90005 12.5C9.85483 12.5 10.7705 12.1207 11.4456 11.4456C12.1208 10.7704 12.5001 9.85477 12.5001 8.89999C12.5001 8.42723 12.4069 7.9591 12.226 7.52233C12.0451 7.08556 11.7799 6.68869 11.4456 6.3544C11.1113 6.02011 10.7145 5.75494 10.2777 5.57402C9.84094 5.39311 9.37281 5.29999 8.90005 5.29999C8.42729 5.29999 7.95916 5.39311 7.52239 5.57402C7.08562 5.75494 6.68876 6.02011 6.35447 6.3544C6.02017 6.68869 5.755 7.08556 5.57408 7.52233C5.39317 7.9591 5.30005 8.42723 5.30005 8.89999Z" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11644 <path d="M13.5833 4.4463C13.459 4.4463 13.3583 4.34556 13.3583 4.2213C13.3583 4.09703 13.459 3.9963 13.5833 3.9963" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11645 <path d="M13.5833 4.4463C13.7076 4.4463 13.8083 4.3455 13.8083 4.22125C13.8083 4.09698 13.7076 3.9963 13.5833 3.9963" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11646 </svg> 11647 <span class="tooltip">#WOWMomente</span> 11648 </a> 11649 </li> 11650 <li> 11651 <a href="https://www.facebook.com/topcamping" aria-label="Facebook" target="_blank"> 11652 <svg aria-hidden="true" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 11653 <path d="M12.4442 5.30179L11.519 5.29639C11.1633 5.29449 10.8106 5.36293 10.4814 5.49777C10.1521 5.6326 9.85279 5.83118 9.60054 6.08209C9.3483 6.333 9.14813 6.63128 9.01154 6.95981C8.87495 7.28833 8.80464 7.6406 8.80465 7.99639V16.9604M6.53845 10.862H12.4424M0.800049 4.27219C0.800049 2.35339 2.35345 0.799988 4.27225 0.799988H13.526C15.4466 0.799988 17 2.35339 17 4.27219V13.526C17.0003 13.9821 16.9106 14.4338 16.7363 14.8553C16.5619 15.2768 16.3061 15.6598 15.9837 15.9824C15.6613 16.305 15.2784 16.5609 14.857 16.7355C14.4356 16.9101 13.984 17 13.5278 17H4.27405C3.81792 17.0002 3.36622 16.9106 2.94474 16.7362C2.52327 16.5618 2.14028 16.3061 1.81767 15.9836C1.49505 15.6612 1.23913 15.2783 1.06453 14.857C0.889919 14.4356 0.800049 13.9839 0.800049 13.5278V4.27219Z" stroke="#F54943" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11654 </svg> 11655 <span class="tooltip">Facebook</span> 11656 </a> 11657 </li> 11658 </ul> 11659 </nav> 11660 </div> 11661 </div> 11662 </aside> 11663 11664 11665 <main id="main" class="unterseite"> 11666 11667 11668 <section class="section textblock" id="c1538"> 11669 <div class="clr"></div> 11670 <div class="container"> 11671 <div class="clr"></div> 11672 <div class="frame-layout-2 frame-space-before-245 frame-space-after-0" data-aos="fade-up"> 11673 <h1 class="text-center text-xl">
11673Top Camping <span lang="en" dir="ltr">Austria Card</span></h1> 11674<h2 class="text-center headline-xl">Für Treue<br>gibt´s ein DANKE auf Ãsterreichisch.</h2> 11675 <div class="clr"></div> 11676 </div> 11677 <div class="clr"></div> 11678 </div> 11679 <div class="clr"></div> 11680 </section> 11681 <div class="clr"></div> 11682 11683 11684 11685 11686 11687 <div class="section frame-layout-2" id="c1856"> 11688 <div class="clr"></div> 11689 <div class="container"> 11690 <div class="frame frame-default frame-type-image frame-space-before-40 " data-aos="fade-up"> 11691 11692 11693 11694 11695 11696 11697 11698 11699 11700 11701 11702 11703 11704 11705 11706 11707 11708 <div class="ce-image ce-center ce-above"> 11709 11710 11711 <div class="ce-gallery" data-ce-columns="1" data-ce-images="1"> 11712 11713 <div class="ce-outer"> 11714 <div class="ce-inner"> 11715 11716 11717 <div class="ce-row"> 11718 11719 11720 <div class="ce-column"> 11721 11722 11723 11724<figure class="image"> 11725 11726 11727 11728 11729 11730 <img class="image-embed-item" alt="Top Card Top Camping Austria" title="Top Card Top Camping Austria" src="https://www.topcamping.at/fileadmin/bilder/top-card/Top_Card.png" width="724" height="464" loading="lazy" /> 11731 11732 11733 11734 11735 11736 11737 11738 11739</figure> 11740 11741 11742 11743 11744 11745 </div> 11746 11747 11748 </div> 11749 11750 11751 </div> 11752 </div> 11753 11754 </div> 11755 11756 11757 11758 </div> 11759 11760 11761 11762 11763 11764 11765 11766 11767 11768 11769 11770 11771 11772 11773 <div class="clr"></div> 11774 </div> 11775 <div class="clr"></div> 11776 </div> 11777 <div class="clr"></div> 11778 </div> 11779 <div class="clr"></div> 11780 11781 11782 11783 11784 11785 11786 11787 11788 11789 11790 11791 11792 <section class="section textblock" id="c1854"> 11793 <div class="clr"></div> 11794 <div class="container"> 11795 <div class="clr"></div> 11796 <div class="frame-layout-2 frame-space-before-999 frame-space-after-0" data-aos="fade-up"> 11797 <p class="text-center text-lg">Mit der <span lang="en" dir="ltr">TOP CARD</span> wird Treue mit groÃen und kleinen Momenten der Lebenslust belohnt.</p> 11798<p class="text-center text-lg">Auf Camping-Fans, die Ãbernachtungen und Plätze sammeln, warten charmante Ãberraschungen! Top Camping Fans können sich auf einen Urlaub mit WOW freuen!</p> 11799<p class="text-center text-lg"><strong>WOW Moment</strong><br>Je nach Platz gibt Ìs eine individuelle Ãberraschung mit einem unvergesslichen Urlaubsmoment.</p> 11800<p class="text-center text-lg"><strong>Urlaub mit WOW</strong><br>GroÃe Treue wird mit einem einzigartigen Urlaubspaket auf einem unserer Top Camping Plätze belohnt!</p> 11801<p class="text-center text-sm">Jede Nacht pro Stellplatz entspricht einem Stempelfeld, auch in der Hauptsaison.<br>Für rabattierte Nächtigungen kann kein Stempel gewährt werden! Gilt nur auf Tagescamping im eigenen Campingfahrzeug (keine Dauercamper, Apartments, Mobilheime, etc.)</p> 11802 <div class="clr"></div> 11803 </div> 11804 <div class="clr"></div> 11805 </div> 11806 <div class="clr"></div> 11807 </section> 11808 <div class="clr"></div> 11809 11810 <section class="section textblock" id="c1913"> 11811 <div class="clr"></div> 11812 <div class="container"> 11813 <div class="clr"></div> 11814 <div class="frame-layout-0 frame-space-before-40 frame-space-after-0" data-aos="fade-up"> 11815 <h2 class="text-center">Benachrichtigung erhalten, sobald die neue Top Card verfügbar ist.</h2> 11816 <div class="clr"></div> 11817 </div> 11818 <div class="clr"></div> 11819 </div> 11820 <div class="clr"></div> 11821 </section> 11822 <div class="clr"></div> 11823 11824 11825 11826 11827 11828 <div class="section frame-layout-0" id="c1914"> 11829 <div class="clr"></div> 11830 <div class="container"> 11831 <div class="frame frame-default frame-type-campingplaetze_topcardanfrage frame-space-before-extra-small " data-aos="fade-up"> 11832 11833 11834 11835 11836 11837 11838 11839 11840 11841 11842 11843 11844 11845 11846 11847 11848 11849 11850 11851 11852 11853 11854 <section class="section textblock" id="c1914"> 11855 <div class="clr"></div> 11856 <div class="container"> 11857 <div class="clr"></div> 11858 <div class="frame-layout-0 frame-space-before-extra-small frame-space-after-0" data-aos="fade-up"> 11859 11860<div id="dialog-descdialoganfrage" class="visually-hidden"> 11861 <p>Hier haben Sie die Möglichkeit, die Broschüre anzufragen.</p> 11862 </div> 11863 <div class="kataloganfrage_c"> 11864 <!-- Statusmeldungen (aria-live) -->
11865 <div id="announcements" aria-live="polite" aria-atomic="true" class="sr-only"></div> 11866 11867 <form aria-labelledby="form-title" enctype="multipart/form-data" action="/anfrageformular?tx_campingplaetze_anfrageliste%5Baction%5D=createanfrage&tx_campingplaetze_anfrageliste%5Bcontroller%5D=Campingplatz&cHash=b1e696e76e76f56ce1bec7ccfbbbcbdc" method="post" name="newAnfrage"> 11868<div> 11869<input type="hidden" name="tx_campingplaetze_anfrageliste[__referrer][@extension]" value="Campingplaetze" > 11870<input type="hidden" name="tx_campingplaetze_anfrageliste[__referrer][@controller]" value="Campingplatz" > 11871<input type="hidden" name="tx_campingplaetze_anfrageliste[__referrer][@action]" value="topcardanfrage" > 11872<input type="hidden" name="tx_campingplaetze_anfrageliste[__referrer][arguments]" value="YTowOnt971c823ebd57f11b01201a220085871f0dfc527d9" > 11873<input type="hidden" name="tx_campingplaetze_anfrageliste[__referrer][@request]" value="{"@extension":"Campingplaetze","@controller":"Campingplatz","@action":"topcardanfrage"}e78fcd3bdd68e7d78fb2b8ee989ed58b23bb6433" > 11874<input type="hidden" name="tx_campingplaetze_anfrageliste[__trustedProperties]" value="{"newAnfrage":{"nummer":1,"internalcode":1,"campingplaetzeselected":1,"campingplatzone":1,"anrede":1,"vorname":1,"nachname":1,"plz":1,"ort":1,"strasse":1,"hausnr":1,"land":1,"email":1,"topcardcheck":1,"topcardinfo":1,"newsletter":1},"internalnumber":1,"message":1,"check2":1,"check3":1,"check4":1}2626b522c2badc1d1700175770ccef835c5c93d8" > 11875</div> 11876 11877 <input id="formnummernl" type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][nummer]" value="55" /> 11878 <input id="internalcode" type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][internalcode]" value="hj//k3AiMm9G3T/dWzUMOQ==" /> 11879 <input id="internalnumber" type="hidden" name="tx_campingplaetze_anfrageliste[internalnumber]" value="1791453451" /> 11880 <input id="campingplaetzeselected" type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][campingplaetzeselected]" value="" /> 11881 11882 11883 11884 <div id="error-summary" class="error-summary" role="alert" aria-live="assertive" hidden></div> 11885 <div class="form-steps" id="formSteps"> 11886 11887 <fieldset> 11888 <div class="displaynone"> 11889 <input type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][campingplatzone]" value="" /><input data-campingplatzid="0" id="platz-0" type="checkbox" name="tx_campingplaetze_anfrageliste[newAnfrage][campingplatzone]" value="[email protected]" checked="checked" /> 11890 </div> 11891 <div class="form_bgw"> 11892 <div class="clr h16"></div> 11893 <div class="form-rowfloat"> 11894 <div class="row"> 11895 11896 <div class="colform-50"> 11897 <label for="anrede" class="sr-only">Anrede*</label> 11898 <select class="form-control" id="anrede" required="required" name="tx_campingplaetze_anfrageliste[newAnfrage][anrede]"><option value="">Anrede*</option> 11899<option value="Herr">Herr</option> 11900<option value="Frau">Frau</option> 11901<option value="Familie">Familie</option> 11902<option value="Divers">Divers</option> 11903</select> 11904 11905 <div id="anrede-error" class="error" aria-live="polite"></div> 11906 </div> 11907 <div class="clr h8"></div> 11908 <div class="colform-50"> 11909 <label for="vorname" class="sr-only">Vorname*</label> 11910 <input aria-required="true" id="vorname" class="form-control" placeholder="Vorname*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][vorname]" required="required" /> 11911 <div id="vorname-error" class="error" aria-live="polite"></div> 11912 </div> 11913 <div class="colform-50"> 11914 <label for="nachname" class="sr-only">Nachname*</label> 11915 <input aria-required="true" id="nachname" class="form-control" placeholder="Nachname*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][nachname]" required="required" />
11916 <div id="nachname-error" class="error" aria-live="polite"></div> 11917 </div> 11918 <div class="clr h8"></div> 11919 <div class="colform-125"> 11920 <label for="plz" class="sr-only">PLZ*</label> 11921 <input aria-required="true" id="plz" class="form-control" placeholder="PLZ*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][plz]" required="required" /> 11922 <div id="plz-error" class="error" aria-live="polite"></div> 11923 </div> 11924 <div class="colform-375"> 11925 <label for="ort" class="sr-only">Ort*</label> 11926 <input aria-required="true" id="ort" class="form-control" placeholder="Ort*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][ort]" required="required" /> 11927 <div id="ort-error" class="error" aria-live="polite"></div> 11928 </div> 11929 11930 <div class="colform-375"> 11931 <label for="strasse" class="sr-only">StraÃe*</label> 11932 <input aria-required="true" id="strasse" class="form-control" placeholder="StraÃe*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][strasse]" required="required" /> 11933 <div id="strasse-error" class="error" aria-live="polite"></div> 11934 </div> 11935 <div class="colform-125"> 11936 <label for="hausnr" class="sr-only">Hausnr.*</label> 11937 <input aria-required="true" id="hausnr" class="form-control" placeholder="Hausnr.*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][hausnr]" required="required" /> 11938 <div id="hausnr-error" class="error" aria-live="polite"></div> 11939 </div> 11940 <div class="clr h8"></div> 11941 <div class="colform-50"> 11942 <label for="land" class="sr-only">Land*</label> 11943 <input aria-required="true" id="land" class="form-control" placeholder="Land*" type="text" name="tx_campingplaetze_anfrageliste[newAnfrage][land]" required="required" /> 11944 <div id="land-error" class="error" aria-live="polite"></div> 11945 </div> 11946 <div class="colform-50"> 11947 <label for="email" class="sr-only">E-Mail-Adresse*</label> 11948 <input aria-required="true" id="email" class="form-control" placeholder="E-Mail-Adresse*" type="email" name="tx_campingplaetze_anfrageliste[newAnfrage][email]" required="required" /> 11949 <div id="email-error" class="error" aria-live="polite"></div> 11950 </div> 11951 </div> 11952 </div> 11953 </div> 11954 </fieldset> 11955 11956 11957 11958 <div class="clr h16"></div> 11959 <div class="displaynone"> 11960 <input id="message" type="text" name="tx_campingplaetze_anfrageliste[message]" value="" /> 11961 </div> 11962 <div style="display: none"> 11963 <input id="check2" class="getinput" type="text" name="tx_campingplaetze_anfrageliste[check2]" value="" /> 11964 <input id="check3" class="getinput" type="text" name="tx_campingplaetze_anfrageliste[check3]" value="" required="required" /> 11965 <input id="check4" class="getinput" type="text" name="tx_campingplaetze_anfrageliste[check4]" value="" required="required" /> 11966 </div> 11967 <div class="colformx-100"> 11968 <input type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][topcardcheck]" value="Bitte um Benachrichtigung, ab wann die neue Top Card verfügbar sein wird." /> 11969 <label class="check fullw"> 11970 <span class="checkfokus"> 11971 <input type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][topcardinfo]" value="" /><input class="validate[required]" type="checkbox" name="tx_campingplaetze_anfrageliste[newAnfrage][topcardinfo]" value="Ja" checked="checked" /> 11972 <span class="custom" aria-hidden="true"> 11973 <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 11974 <path d="M0.600098 5.92926L2.64176 8.82676C2.71921 8.94245 2.82316 9.03796 2.94497 9.10536C3.06678 9.17275 3.20292 9.21008 3.34207 9.21424C3.48122 9.2184 3.61935 9.18926 3.74497 9.12926C3.87058 9.06925 3.98005 8.98012 4.06426 8.86926L10.6001 0.600098" stroke="#0C1419" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 11975 </svg> 11976 </span> 11977 <span class="label-text">Bitte um Benachrichtigung, ab wann die neue Top Card verfügbar sein wird.</span> 11978 </span> 11979 </label> 11980 </div> 11981 <div class="clr h16"></div> 11982 <label class="check fullw"> 11983 <span class="checkfokus"> 11984 <input type="hidden" name="tx_campingplaetze_anfrageliste[newAnfrage][newsletter]" value="" /><input id="newsletter" type="checkbox" name="tx_campingplaetze_anfrageliste[newAnfrage][newsletter]" value="Ja, ich möchte den Top Camping Austria Newsletter erhalten (ca. 4 bis 6 Mal pro Jahr)." /> 11985 <span class="custom" aria-hidden="true">
11986 <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 11987 <path d="M0.600098 5.92926L2.64176 8.82676C2.71921 8.94245 2.82316 9.03796 2.94497 9.10536C3.06678 9.17275 3.20292 9.21008 3.34207 9.21424C3.48122 9.2184 3.61935 9.18926 3.74497 9.12926C3.87058 9.06925 3.98005 8.98012 4.06426 8.86926L10.6001 0.600098" stroke="#0C1419" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 11988 </svg> 11989 </span> 11990 <span class="label-text">Ja, ich möchte den Top Camping Austria Newsletter erhalten (ca. 4 bis 6 Mal pro Jahr).</span> 11991 </span> 11992 </label> 11993 <div class="clr h16"></div> 11994 <p class="formhinweis text-sm">Mit dem Absenden des Formulars bestätigen Sie, dass Sie die Datenschutzbestimmungen gelesen und akzeptiert haben.</p> 11995 11996 </div> 11997 <div class="clr h32"></div> 11998 <button type="submit" class="button">Absenden</button> 11999 <!-- Aktionen --> 12000 </form> 12001 </div> 12002 12003 12004 <div class="clr"></div> 12005 </div> 12006 <div class="clr"></div> 12007 </div> 12008 <div class="clr"></div> 12009 </section> 12010 <div class="clr"></div> 12011 12012 12013 12014 12015 12016 12017 12018 12019 12020 12021 12022 12023 12024 12025 12026 12027 12028 <div class="clr"></div> 12029 </div> 12030 <div class="clr"></div> 12031 </div> 12032 <div class="clr"></div> 12033 </div> 12034 <div class="clr"></div> 12035 12036 12037 12038 12039 12040 12041 12042 12043 12044 12045 12046 </main> 12047 <div class="clr"></div> 12048 12049 12050 12051 <footer id="footer" aria-label="Kontaktdaten, rechtliche Navigation, Links zu sozialen Medien, Copyright"> 12052 <div class="footer_bg"> 12053 <div class="container"> 12054 <div class="footerlogo"> 12055 12056 <a href="/" title="öffnet die Startseite"><img loading="lazy" src="https://www.topcamping.at/fileadmin/bilder/logos/logo-f.svg" width="80" height="80" alt="Top Camping Austria" /></a> 12057 12058 </div> 12059 12060 <div class="footernav"> 12061 <div class="col50_2"> 12062 <h2 class="headline-sm">Infos</h2> 12063 <nav aria-label="Navigation mit den wichtigsten Menüpunkten"> 12064 <ul class="text-sm"><li><a href="/gastgeberinnen">Gastgeber*innen</a></li><li><a href="/gute-gruende/ihre-vorteile">Gute Gründe</a></li><li><a href="/top-campingplatz-werden">Top Campingplatz werden</a></li><li><a href="/qualitaetssicherung">Qualitätssicherung</a></li></ul> 12065 </nav> 12066 </div> 12067 <div class="col50_2"> 12068 <h2 class="headline-sm">Nützliches</h2> 12069 <nav aria-label="Navigation für weitere nützliche Informationen"> 12070 12071 <ul class="text-sm"> 12072 12073 <li class=" first"> 12074 12075 <a href="/campingplaetze" class=""> 12076 Campingplätze 12077 </a> 12078 12079 12080 12081 12082 </li> 12083 12084 12085 <li class=""> 12086 12087 <a href="/wow-momente" class=""> 12088 #Wow Momente 12089 </a> 12090 12091 12092 12093 12094 </li> 12095 12096 12097 <li class=""> 12098 12099 <a href="/gute-gruende/top-card" class=" active" aria-current="page"> 12100 Top Card 12101 </a> 12102 12103 12104 12105 12106 </li> 12107 12108 12109 <li class=" last"> 12110 12111 <a href="#" 12112 role="button" 12113 aria-controls="mehr-dialoganfrage" 12114 aria-haspopup="dialog" 12115 aria-expanded="false" 12116 class="triggerform" 12117 data-ajaxurl="/?tc=1513&tx_campingplaetze_anfrageliste%5Baction%5D=anfrageliste&tx_campingplaetze_anfrageliste%5Bcontroller%5D=Campingplatz&type=70765&cHash=bcc4be7e983011f5f7195cd3bdbbcc21" 12118 aria-label="Anfrageformular öffnen"> 12119 Anfragen 12120 </a> 12121 12122 12123 12124 12125 </li> 12126 12127 12128 </ul> 12129 12130 </nav> 12131 </div> 12132 </div> 12133 12134 <div class="footernewsletter"> 12135 <h2 class="headline-sm">Zum Newsletter anmelden</h2><ul class="checkul"><li data-list-item-id="e03fa21a3e565ae09ce832beb3c9521b1">Nie wieder aktuelle Angebote verpassen</li><li data-list-item-id="e819975ebe8c5c6d31b729b153e174cae">Infos zu anstehenden Events</li></ul> 12136 <div class="mehr-full newslform"> 12137 <div class="newslform_wrapper"><form id="newsletter-form" class="layout_form cr_form cr_font" novalidate action="https://eu1.cleverreach.com/f/96585-201153/wcs/" method="post" target="_blank"> 12138 <label for="newslemail" class="visually-hidden">Ihre E-Mail Adresse</label>
12139 <span id="email-error" class="error-message text-sm visually-hidden">Bitte geben Sie eine gültige E-Mail-Adresse ein.</span> 12140 <input 12141 type="email" 12142 id="newslemail" 12143 name="email" 12144 required 12145 autocomplete="email" 12146 aria-describedby="email-error" 12147 placeholder="Ihre E-Mail Adresse"> 12148 12149 <button type="submit" class="button" aria-label="Zum Newsletter anmelden">Anmelden</button> 12150 </form> 12151 12152 </div> 12153 </div> 12154 </div> 12155 <div class="clr h90"></div> 12156 <div class="copyright"> 12157 <p class="text-sm">© Top Camping Austria. Alle Rechte vorbehalten.</p> 12158 </div> 12159 <div class="bottomnav"> 12160 <nav aria-label="rechtliche Navigation"> 12161 <ul class="text-sm"><li><a href="/presse">Presse</a></li><li><a href="/datenschutz">Datenschutz</a></li><li><a href="/impressum">Impressum</a></li><li><a href="/erklaerung-barrierefreiheit">Erklärung Barrierefreiheit</a></li><li><a href="javascript:dr_revokeChoice();">Cookie Einstellungen</a></li></ul> 12162 </nav> 12163 </div> 12164 <div class="oesterreich"> 12165 12166 <img loading="lazy" src="https://www.topcamping.at/fileadmin/bilder/logos/oesterreich.svg" width="132" height="32" alt="Logo Ãsterreich" /> 12167 12168 </div> 12169 </div> 12170 </div> 12171 <div class="clr"></div> 12172 <div class="bg_footer"> 12173 12174 12175 12176 12177 12178 12179 12180 12181 12182 12183 12184 12185 12186 12187 12188 12189 <picture aria-hidden="true"> 12190 <source media="(min-width:1921px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_b9a8b7fc33.webp"> 12191 <source media="(min-width:1921px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/bg_footer-20.jpg"> 12192 12193 <source media="(min-width:1441px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_3781d75ee5.webp"> 12194 <source media="(min-width:1441px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/bg_footer-20.jpg"> 12195 12196 <source media="(min-width:1367px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_5c993ef37e.webp"> 12197 <source media="(min-width:1367px)" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_d24530db54.jpg"> 12198 12199 <source media="(min-width:1281px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_97d0922c4a.webp"> 12200 <source media="(min-width:1281px)" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_005fd4f17c.jpg"> 12201 12202 <source media="(min-width:993px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_439767e23c.webp"> 12203 <source media="(min-width:993px)" srcset="https://www.topcamping.at/fileadmin/bilder/template/bg_footer-20.jpg"> 12204 12205 <source media="(min-width:768px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_d1c97263d9.webp"> 12206 <source media="(min-width:768px)" srcset="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_a32a00dd46.jpg"> 12207 12208 12209 <source media="(min-width:431px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/3/1/csm_bg_footer-m_7318c11eb7.webp"> 12210 <source media="(min-width:431px)" srcset="https://www.topcamping.at/fileadmin/_processed_/3/1/csm_bg_footer-m_2fec078d40.jpg"> 12211 12212 <source media="(min-width:320px)" type="image/webp" srcset="https://www.topcamping.at/fileadmin/_processed_/3/1/csm_bg_footer-m_1061951cd9.webp"> 12213 <source media="(min-width:320px)" srcset="https://www.topcamping.at/fileadmin/_processed_/3/1/csm_bg_footer-m_9c1230cf38.jpg"> 12214 12215 12216 <img loading="lazy" src="https://www.topcamping.at/fileadmin/_processed_/c/8/csm_bg_footer-20_d694dbc4c7.jpg" width="430" height="282" alt="" /> 12217 </picture> 12218 12219 </div> 12220 12221 </footer> 12222 12223</div>
12224<script src="https://webcache-eu.datareporter.eu/c/1fb8d62e-3762-4360-8305-970192bc136b/nnqT9XEpvXjR/zDK/banner.js"></script>
12224 12225
12226<script src="https://www.topcamping.at/typo3temp/assets/compressed/merged-c8704938fc217d1efe29c3cd153c0cbe-410de22b8f61a6efd13aa596d9265407.js?1782803537"></script>
12226 12227
12228<script> 12229/*TS_inlineFooter*/ 12230window.cookieconsent.initialise(dr_cookiebanner_options); 12231 12232 12233</script>
12233 12234 12235 12236</body> 12237</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.