1<!DOCTYPE html> 2<html lang="de"> 3<head>
3<script src="https://cookies.gkmb-cdn.de/public/app.js?apiKey=8b826b5c7814d586b5bc0c0806f913f74313e466c4ba4d92&domain=5e4b265" referrerpolicy="origin"></script>
3 4 5<meta charset="utf-8"> 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 14<link rel="icon" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Images/favicon.ico" type="image/vnd.microsoft.icon"> 15<title>Golf & Country Club Schönenberg: Anlage</title> 16<meta name="generator" content="TYPO3 CMS"> 17<meta name="description" content="Der Golf & Country Club Schönenberg erfreut sich einer wunderbaren privaten Golfanlage, verbunden mit vielen sportlichen Höhepunkten und Erfolgen."> 18<meta name="keywords" content="Golf, Golfplatz, Golfclub, Golfkurs, Schönenberg, Golfcourse, Schoenenberg, Hirzel, Countryclub, Sportclub, Golfsport"> 19<meta name="robots" content="index, follow"> 20<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10"> 21<meta property="og:image" content="https://www.golf-schoenenberg.ch/_assets/d8c770632cf3475a4f5235bb32b72617/Images/opengraph.png"> 22<meta name="twitter:card" content="summary"> 23<meta name="format-detection" content="telephone=no"> 24<meta name="og:latitude" content="47.205691"> 25<meta name="og:longitude" content="8.625909"> 26<meta name="og:locality" content="Wädenswil"> 27<meta name="og:region" content="CH-ZH"> 28 29 30<link rel="stylesheet" href="/_assets/6caadd4abe89dd6b652c6f0f29984fe7/Css/gkmb_oneforall.css?1784891003" media="all"> 31<style media="all"> 32/*<![CDATA[*/ 33<!-- 34/* ============================================================================= 35 Variables 36 ========================================================================== */ 37:root { 38 --fancybox-zIndex: 10050; 39} 40 41/* ============================================================================= 42 HTML5 display definitions 43 ========================================================================== */ 44 45article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 46 display: block; 47} 48 49audio, canvas, video { 50 display: inline-block; 51 *display: inline; 52 *zoom: 1; 53 max-width: 100%; 54} 55 56audio:not([controls]) { 57 display: none; 58} 59 60[hidden] { 61 display: none; 62} 63 64/* ============================================================================= 65 Base 66 ========================================================================== */ 67 68html { 69 -webkit-text-size-adjust: 100%; 70 -ms-text-size-adjust: 100%; 71 overflow-y: scroll; 72 margin: 0; 73 padding: 0; 74 -webkit-box-sizing: border-box; 75 -moz-box-sizing: border-box; 76 box-sizing: border-box; 77 scroll-behavior: smooth; 78} 79 80html, button, input, select, textarea, pre { 81 font-family: var(--f-family); 82 -webkit-font-smoothing: antialiased; 83 font-weight: var(--f-weight-n); 84} 85 86body { 87 margin: 0; 88 padding: 0; 89 font-size: var(--f-size); 90 background: rgb(var(--c-neutral-lightest)); 91} 92 93body.compensate-for-scrollbar {
94 margin-right: 0 !important; 95} 96 97*, *::before, *::after { 98 -webkit-box-sizing: inherit; 99 -moz-box-sizing: inherit; 100 box-sizing: inherit; 101} 102 103/* ============================================================================= 104 Links 105 ========================================================================== */ 106 107a { 108 text-decoration: none; 109 font-style: normal; 110 -webkit-tap-highlight-color: transparent; 111 hyphens: auto; 112} 113 114a.nolink { 115 cursor: default; 116} 117 118a[href^="tel"] { 119 color: inherit; 120 text-decoration: none; 121} 122 123a[rel="noopener"]:not(:has(span.font__button))::after, 124a[rel="noreferrer"]:not(:has(span.font__button))::after, 125a[rel="noopener noreferrer"]:not(:has(span.font__button))::after, 126a[rel="noreferrer noopener"]:not(:has(span.font__button))::after, 127a[rel="noopener"] > span.font__button::after, 128a[rel="noreferrer"] > span.font__button::after, 129a[rel="noopener noreferrer nofollow"] > span.font__button::after, 130a.external-link-new-window::after, 131a.link-external::after { 132 content: '\f08e'; 133 font-family: 'FaRegular'; 134 display: inline-block; 135 margin-left: 5px; 136 font-size: 10px; 137 vertical-align: super; 138} 139 140.gallery__item a { 141 position: relative; 142 display: block; 143} 144 145.gallery__item > a[rel="noreferrer"]::after { 146 position: absolute; 147 padding: 0.3rem; 148 top: 0; 149 right: 0; 150 line-height: 100%; 151 font-size: var(--f-size-s-2); 152 background: rgba(var(--c-neutral-lightest), .7); 153} 154 155.gallery.-border .gallery__item a[rel="noreferrer"]::after { 156 top: 1px; 157 right: 1px; 158} 159 160a:hover, a:active, a:focus { 161 outline: 0; 162} 163 164/* ============================================================================= 165 Typography 166 ========================================================================== */ 167 168p { 169 margin: 0; 170} 171 172h1, h2, h3, h4, h5, 173.-likeh1, .-likeh2, .-likeh3, .-likeh4 { 174 margin: 0; 175 font-weight: normal; 176 line-height: 140%; 177 hyphens: auto; 178 text-wrap: balance; 179} 180 181.frame header a { 182 font-weight: normal; 183 font-style: normal; 184} 185 186abbr[title] { 187 border-bottom: 1px dotted; 188} 189 190b, strong { 191 font-style: normal; 192 font-weight: var(--f-weight-b); 193} 194 195blockquote { 196 margin: 1em 40px; 197} 198 199strong i, strong em, b i, b em, em strong, em b, i strong, i b { 200 font-weight: var(--f-weight-b); 201} 202 203hr { 204 display: block; 205 height: 1px; 206 border: 0; 207 margin: 0; 208 padding: 0; 209} 210 211ins { 212 background: #ff9; 213 text-decoration: none; 214} 215 216mark { 217 background: #ff0; 218 font-style: italic; 219 font-weight: var(--f-weight-b); 220} 221 222code, kbd, samp { 223 font-family: monospace, serif; 224 _font-family: 'courier new', monospace; 225 font-size: var(--f-size); 226} 227 228pre { 229 white-space: pre-wrap; 230 word-wrap: break-word; 231 margin: 0; 232} 233 234q { 235 quotes: none; 236} 237 238q:before, q:after { 239 content: ""; 240 content: none; 241} 242 243small { 244 font-size: var(--f-size-s-1); 245} 246 247sub, sup { 248 font-size: var(--f-size-s-2); 249 line-height: 0; 250 position: relative; 251 vertical-align: baseline; 252} 253 254sup { 255 top: -0.5em; 256} 257 258sub { 259 bottom: -0.25em; 260} 261 262.text-left { 263 text-align: left; 264} 265 266.text-right { 267 text-align: right; 268} 269 270.text-center { 271 text-align: center; 272} 273 274.text-justify { 275 text-align: justify; 276 hyphens: auto; 277} 278 279.font__small { 280 font-size: var(--f-size-s-2); 281} 282 283.headline .-center { 284 text-align: center; 285} 286 287.headline .-left { 288 text-align: left; 289} 290 291.headline .-right { 292 text-align: right; 293} 294 295/* ============================================================================= 296 Lists 297 ========================================================================== */ 298 299ul, ol { 300 margin: 0; 301 padding: 0 0 0 20px; 302} 303 304ul li { 305 list-style-type: square; 306 margin-bottom: 0.5rem; 307} 308 309dd { 310 margin: 0 0 0 40px; 311} 312 313nav ul, nav ol { 314 list-style: none; 315 list-style-image: none; 316 margin: 0; 317 padding: 0; 318} 319 320/* ============================================================================= 321 Embedded content 322 ========================================================================== */ 323 324img { 325 border: 0; 326 -ms-interpolation-mode: bicubic; 327 vertical-align: middle; 328 max-width: 100%; 329 height: auto; 330 width: auto; 331} 332 333svg:not(:root) { 334 overflow: hidden; 335} 336 337/* ============================================================================= 338 Figures 339 ========================================================================== */ 340 341figure { 342 margin: 0; 343} 344 345/* ============================================================================= 346 Chrome Frame Prompt 347 ========================================================================== */ 348 349.chromeframe { 350 margin: 0.2em 0; 351 background: rgb(var(--c-neutral-light)); 352 padding: 0.2em 0; 353} 354 355/* For image replacement */ 356.ir { 357 display: block; 358 border: 0; 359 text-indent: -999em; 360 overflow: hidden; 361 background-color: transparent; 362 background-repeat: no-repeat; 363 text-align: left; 364 direction: ltr; 365 *line-height: 0; 366} 367 368.ir br { 369 display: none; 370} 371
372/* Hide from both screenreaders and browsers */ 373.hidden { 374 display: none !important; 375 visibility: hidden; 376} 377 378/* Hide only visually, but have it available for screenreaders */ 379.visuallyhidden { 380 border: 0; 381 clip: rect(0 0 0 0); 382 height: 1px; 383 margin: -1px; 384 overflow: hidden; 385 padding: 0; 386 position: absolute; 387 width: 1px; 388} 389 390/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */ 391.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { 392 clip: auto; 393 height: auto; 394 margin: 0; 395 overflow: visible; 396 position: static; 397 width: auto; 398} 399 400/* Hide visually and from screenreaders, but maintain layout */ 401.invisible { 402 visibility: hidden; 403} 404 405/* Contain floats */ 406.clearfix:before, .clearfix:after { 407 content: ""; 408 display: table; 409} 410 411.clearfix:after { 412 clear: both; 413} 414 415.clearfix { 416 *zoom: 1; 417} 418 419/* ============================================================================= 420 Grids 421 ========================================================================== */ 422 423.grid__main { 424 display: grid; 425 grid-template-columns: 4% 30px 1fr 30px 4%; 426} 427 428.grid__12 { 429 display: grid; 430 grid-template-columns: repeat(12, 1fr); 431 grid-gap: var(--g-gap); 432 grid-auto-flow: dense; 433} 434 435.grid__12 .grid__12 .grid__12 { 436 grid-gap: var(--g-gap-s); 437} 438 439.grid__main > * { 440 grid-column: 2 / 5; 441} 442 443.grid__main .grid__main { 444 display: block; 445} 446 447.grid__12 > * { 448 grid-column: span 12; 449} 450 451main > .frame-type-gridelements-slider-container > .slider { 452 grid-column: 2/5; 453} 454 455/* ============================================================================= 456 Standard contentelements 457 ========================================================================== */ 458 459/* Textpic */ 460.textpic.-intext.-float .gallery { 461 margin-bottom: 1.75rem; 462} 463 464.textpic.-intext.-float { 465 overflow: hidden; 466} 467 468.grid__12 .grid__12 .textpic.-intext.-nowrap .gallery { 469 grid-column: 1/5; 470} 471 472.grid__12 .grid__12 .textpic.-intext.-nowrap .textpic__bodytext { 473 grid-column: 5/13; 474} 475 476.grid__12 .grid__12 .textpic.-right.-intext.-nowrap .gallery { 477 grid-column: 9/13; 478} 479 480.grid__12 .grid__12 .textpic.-right.-intext.-nowrap .textpic__bodytext { 481 grid-column: 1/9; 482} 483 484/* Image */ 485.image.-center .gallery { 486 justify-items: center; 487} 488 489.image.-right .gallery { 490 justify-items: right; 491} 492 493/* Gallery */ 494.gallery { 495 align-self: start; 496} 497 498.gallery { 499 grid-gap: var(--g-gap-s); 500} 501 502.gallery__caption, 503.media__caption { 504 font-size: var(--f-size-s-2); 505 font-style: italic; 506 margin-top: 0.25rem; 507} 508 509.gallery__item { 510 overflow: hidden; 511} 512 513.gallery__item a { 514 position: relative; 515 display: inline-block; 516} 517 518.grid__12.gallery > * { 519 grid-column: auto; 520} 521 522.grid__12[data-ce-columns="6"], 523.grid__12[data-ce-columns="5"], 524.grid__12[data-ce-columns="4"], 525.grid__12[data-ce-columns="3"] { 526 grid-template-columns: repeat(2, 1fr); 527} 528 529.grid__12[data-ce-columns="2"], 530.grid__12[data-ce-columns="1"] { 531 grid-template-columns: 1fr; 532} 533 534.gallery__item a[data-fancybox]::before, 535.media__image a::before { 536 position: absolute; 537 width: 100%; 538 height: 100%; 539 top: 0; 540 left: 0; 541 display: block; 542 opacity: 0; 543 content: ""; 544 cursor: pointer; 545 transition: opacity 0.3s ease 0s; 546 -webkit-transition: opacity 0.3s ease 0s; 547 -moz-transition: opacity 0.3s ease 0s; 548} 549 550.gallery__item a[data-fancybox]::after, 551.media__image a::after { 552 position: absolute; 553 width: 100%; 554 color: rgb(var(--c-neutral-lightest)); 555 top: 50%; 556 transform: translateY(-50%); 557 left: 0; 558 text-align: center; 559 display: block; 560 font-size: var(--f-size-l-4); 561 opacity: 0; 562 content: "\f002"; 563 font-family: 'FaLight', sans-serif; 564 font-style: normal; 565 font-weight: normal; 566 text-decoration: inherit; 567 cursor: pointer; 568 transition: opacity 0.3s ease 0s; 569 -webkit-transition: opacity 0.3s ease 0s; 570 -moz-transition: opacity 0.3s ease 0s; 571} 572 573.gallery__item a[data-fancybox]:hover::before, 574.gallery__item a[data-fancybox]:hover::after, 575.media__image a:hover::before, 576.media__image a:hover::after { 577 opacity: 1; 578} 579 580/* Media */ 581figure.video { 582 display: inline; 583 margin-bottom: 1rem; 584} 585 586.responsive-video { 587 aspect-ratio: 16 / 9; 588 overflow: auto; 589 -webkit-overflow-scrolling: touch; 590} 591 592/* ============================================================================= 593 Frames 594 ========================================================================== */ 595 596.frame { 597 scroll-margin-top: var(--m-scroll); 598} 599 600.frame-space-before-extra-small { 601 margin-top: 1rem; 602} 603 604.frame-space-before-small {
605 margin-top: 2rem; 606} 607 608.frame-space-before-medium { 609 margin-top: 3rem; 610} 611 612.frame-space-before-large { 613 margin-top: 4rem; 614} 615 616.frame-space-before-extra-large { 617 margin-top: 5rem; 618} 619 620.frame-space-after-extra-small { 621 margin-bottom: 1rem; 622} 623 624.frame-space-after-small { 625 margin-bottom: 2rem; 626} 627 628.frame-space-after-medium { 629 margin-bottom: 3rem; 630} 631 632.frame-space-after-large { 633 margin-bottom: 4rem; 634} 635 636.frame-space-after-extra-large { 637 margin-bottom: 5rem; 638} 639 640.-cover { 641 overflow: hidden; 642 643 & picture { 644 display: block; 645 } 646 647 & img { 648 width: 100%; 649 height: 100%; 650 object-fit: cover; 651 overflow-clip-margin: unset; 652 overflow: visible; 653 } 654} 655 656/* ============================================================================= 657 RTE 658 ========================================================================== */ 659 660.font__button { 661 display: inline-block; 662 *display: inline; 663 zoom: 1; 664} 665 666.font__button, 667input[type="submit"] { 668 transition: all 0.3s ease 0s; 669 -webkit-transition: all 0.3s ease 0s; 670 -moz-transition: all 0.3s ease 0s; 671 margin-bottom: 2px; 672} 673 674.font__button a { 675 display: block; 676} 677 678.font__far, a.font__far, .font__far a, .fa, .far { 679 font-family: 'FaRegular', sans-serif; 680} 681 682.font__fab, a.font__fab, .font__fab a, .fab { 683 font-family: 'FaBrands', sans-serif; 684} 685 686.font__fal, a.font__fal, .font__fal a, .fal { 687 font-family: 'FaLight', sans-serif; 688} 689 690.font__fas, a.font__fas, .font__fas a, .fas { 691 font-family: 'FaSolid', sans-serif; 692} 693 694.font__fat, a.font__fat, .font__fat a, .fat { 695 font-family: 'FaThin', sans-serif; 696} 697 698.font__far, a.font__far, .font__far a, 699.font__fat, a.font__fat, .font__fat a, 700.font__fab, a.font__fab, .font__fab a, 701.font__fal, a.font__fal, .font__fal a, 702.font__fas, a.font__fas, .font__fas a { 703 font-weight: normal; 704 font-style: normal; 705 text-decoration: inherit; 706 -webkit-font-smoothing: antialiased; 707 height: auto; 708 line-height: normal; 709 vertical-align: baseline; 710} 711 712 713/* ============================================================================= 714 Template 715 ========================================================================== */ 716 717/* Header */ 718.header { 719 position: relative; 720 overflow: hidden; 721} 722 723.header img, 724.header > div { 725 width: 100%; 726 height: 100%; 727} 728 729.header img { 730 object-fit: cover; 731} 732 733/* Content */ 734.content { 735 position: relative; 736} 737 738.content__aside .grid__12 { 739 display: block; 740} 741 742/* ============================================================================= 743 Menus 744 ========================================================================== */ 745 746/* Mainmenu */ 747.burgermenu__icon { 748 cursor: pointer; 749 position: relative; 750 z-index: 1100; 751} 752 753.burgermenu__icon::after { 754 content: '\f0c9'; 755 font-family: 'FaLight', sans-serif; 756 display: block; 757} 758 759.mainmenu.-active .burgermenu__icon::after { 760 content: '\f00d'; 761 color: rgb(var(--c-neutral-lightest)); 762} 763 764/* Leftmenu */ 765.parentnav { 766 margin-bottom: 1rem; 767} 768 769.parentnav, 770.leftmenu { 771 display: none; 772} 773 774.leftmenu__list.-level1 > .leftmenu__item { 775 padding-bottom: 0.4rem; 776 margin-bottom: 0.4rem; 777} 778 779.leftmenu__list.-level1 > .leftmenu__item:last-child { 780 border-bottom: none; 781 padding-bottom: 0; 782 margin-bottom: 0; 783} 784 785.leftmenu__list.-level2 { 786 margin-left: var(--g-gap); 787 font-size: var(--f-size-s-1); 788} 789 790.leftmenu__list.-level2 .leftmenu__item { 791 margin-top: 0.2rem; 792} 793 794.leftmenu__list.-level3 { 795 margin-left: var(--g-gap); 796} 797 798/* Breadcrumb */ 799.breadcrumb__nav { 800 padding: 1rem 0 0 0; 801} 802 803.breadcrumb__separator::after { 804 margin: 0 0.4rem; 805 content: '\f054'; 806 font-family: 'FaLight', sans-serif; 807 display: block; 808 font-size: 90%; 809} 810 811.breadcrumb__separator, 812.breadcrumb__item { 813 display: inline-block; 814} 815 816/* ============================================================================= 817 Media Queries 818 ========================================================================== */ 819 820@media (min-width: 400px) { 821 /* Standard contentelements */ 822 .gallery__caption, 823 .media__caption { 824 font-size: var(--f-size-s-1); 825 } 826 827 .grid__12[data-ce-columns="2"] { 828 grid-template-columns: repeat(2, 1fr); 829 } 830} 831 832@media (min-width: 640px) { 833 /* Standard contentelements */
834 .grid__12[data-ce-columns="3"], 835 .grid__12[data-ce-columns="5"], 836 .grid__12[data-ce-columns="6"] { 837 grid-template-columns: repeat(3, 1fr); 838 } 839 840 .gallery { 841 grid-gap: var(--g-gap); 842 } 843 844 .grid__col.-w50 { 845 grid-column: span 6; 846 } 847 848 /* Grids */ 849 .grid__col.-w50 .textpic, 850 .grid__col.-w25 .textpic, 851 .grid__col.-w50 .gallery, 852 .grid__col.-w25 .gallery { 853 grid-gap: var(--g-gap-s); 854 } 855 856 .grid__col.-w25 { 857 grid-column: span 6; 858 } 859} 860 861@media (min-width: 800px) { 862 /* General */ 863 ul, ol { 864 padding: 0 0 0 40px; 865 } 866 867 /* Standard contentelements */ 868 .grid__12[data-ce-columns="4"] { 869 grid-template-columns: repeat(4, 1fr); 870 } 871 872 .textpic.-intext.-nowrap .gallery { 873 grid-column: 1/6; 874 } 875 876 .textpic.-intext.-nowrap .textpic__bodytext { 877 grid-column: 6/13; 878 } 879 880 .textpic.-right.-intext.-nowrap .gallery { 881 grid-column: 8/13; 882 } 883 884 .textpic.-right.-intext.-nowrap .textpic__bodytext { 885 grid-column: 1/8; 886 } 887 888 .textpic.-left.-intext.-float .gallery { 889 margin-right: 1.75rem; 890 float: left; 891 width: calc(((100% - (var(--g-gap) * 11)) / 12) * 5 + (var(--g-gap) * 4)); 892 } 893 894 .textpic.-right.-intext.-float .gallery { 895 margin-left: 1.75rem; 896 float: right; 897 width: calc(((100% - (var(--g-gap) * 11)) / 12) * 5 + (var(--g-gap) * 4)); 898 } 899 900 .textpic.-intext .gallery { 901 grid-gap: var(--g-gap-s); 902 } 903} 904 905@media (min-width: 1024px) { 906 /* Grids */ 907 .grid__col.-w25, 908 .grid__col.-w20 { 909 grid-column: span 3; 910 } 911 912 .grid__col.-w33, 913 .grid__col.-w30 { 914 grid-column: span 4; 915 } 916 917 .grid__col.-w70 { 918 grid-column: span 8; 919 } 920 921 .grid__col.-w80 { 922 grid-column: span 9; 923 } 924 925 .grid__col.-w20 .textpic, 926 .grid__col.-w33 .textpic, 927 .grid__col.-w30 .textpic, 928 .grid__col.-w20 .gallery, 929 .grid__col.-w33 .gallery, 930 .grid__col.-w30 .gallery { 931 grid-gap: var(--g-gap-s); 932 } 933 934 /* Standard contentelements */ 935 .textpic.-intext.-nowrap .gallery { 936 grid-column: 1/5; 937 } 938 939 .textpic.-intext.-nowrap .textpic__bodytext { 940 grid-column: 5/13; 941 } 942 943 .textpic.-right.-intext.-nowrap .gallery { 944 grid-column: 9/13; 945 } 946 947 .textpic.-right.-intext.-nowrap .textpic__bodytext { 948 grid-column: 1/9; 949 } 950 951 .textpic.-left.-intext.-float .gallery { 952 width: calc(((100% - (var(--g-gap) * 11)) / 12) * 4 + (var(--g-gap) * 3)); 953 } 954 955 .textpic.-right.-intext.-float .gallery { 956 width: calc(((100% - (var(--g-gap) * 11)) / 12) * 4 + (var(--g-gap) * 3)); 957 } 958} 959 960@media (min-width: 1280px) { 961 /* Content */ 962 div.content__left { 963 grid-column: 1 / 4; 964 } 965 966 div.content__right { 967 grid-column: 4 / 13; 968 } 969 970 div.content__right.-fullwidth { 971 grid-column: span 12; 972 } 973 974 /* Standard contentelements */ 975 .grid__12[data-ce-columns="5"], 976 .grid__12[data-ce-columns="6"] { 977 grid-template-columns: repeat(6, 1fr); 978 } 979} 980 981@media (min-width: 1580px) { 982 .grid__main { 983 grid-template-columns: 1fr 50px 1440px 50px 1fr; 984 } 985 986 .grid__main > * { 987 grid-column: 3; 988 } 989 990 .grid__col.-w50 .textpic, 991 .grid__col.-w50 .gallery { 992 grid-gap: var(--g-gap); 993 } 994 995 .grid__col.-w50 .grid__col.-w50 .textpic, 996 .grid__col.-w50 .grid__col.-w50 .gallery { 997 grid-gap: var(--g-gap-s); 998 } 999}--> 1000/*]]>*/ 1001</style> 1002 1003<style media="all"> 1004/*<![CDATA[*/ 1005<!-- 1006/* ============================================================================= 1007 General 1008 ========================================================================== */ 1009 1010html, 1011button, 1012input, 1013select, 1014textarea, 1015ins, 1016mark, 1017.chromeframe { 1018 color: rgb(var(--c-neutral-darkest)); 1019} 1020 1021html { 1022 font-size: 14px; 1023 line-height: 1.7; 1024} 1025 1026body.-infoopen, 1027body.-loginopen, 1028body.-menuopen { 1029 overflow: hidden; 1030 height: 100vh; 1031} 1032 1033body.-content { 1034 padding-right: 10px; 1035} 1036 1037.fancybox__viewport div.fancybox__content { 1038 padding: 10px; 1039} 1040 1041a { 1042 color: rgb(var(--c-primary)); 1043} 1044 1045.js-gme-preview > a { 1046 color: rgb(var(--c-neutral-dark)); 1047} 1048 1049a:hover { 1050 color: rgb(var(--c-primary-dark)); 1051} 1052 1053hr { 1054 border-top: 1px solid rgb(var(--c-neutral-light)); 1055} 1056 1057::-webkit-scrollbar-track { 1058 background-color: rgb(var(--c-neutral-light)); 1059} 1060 1061::-webkit-scrollbar {
1062 width: 0.6rem; 1063} 1064 1065::-webkit-scrollbar-thumb { 1066 background-color: rgb(var(--c-neutral)); 1067} 1068 1069::selection { 1070 background-color: rgb(var(--c-neutral)); 1071 color: rgb(var(--c-neutral-lightest)); 1072} 1073 1074input, 1075select, 1076textarea { 1077 border: none; 1078 background: rgb(var(--c-neutral-lighter)); 1079 padding: calc(0.6rem - 1px) 1.6rem; 1080 margin: 0 0 0.5rem 0; 1081 line-height: 1.4; 1082 -moz-border-radius: 25px; 1083 -webkit-border-radius: 25px; 1084 border-radius: 25px; 1085} 1086 1087.formfield__label, 1088label { 1089 margin-left: 1.6rem; 1090} 1091 1092 1093/* ============================================================================= 1094 Headlines 1095 ========================================================================== */ 1096 1097h1, 1098.-likeh1 { 1099 font-size: var(--f-size-l-3); 1100 font-family: var(--f-family-2); 1101 font-weight: var(--f-weight-t); 1102 text-transform: uppercase; 1103 color: rgb(var(--c-neutral-darkest)); 1104} 1105 1106h1 a, 1107.-likeh1 a1 { 1108 color: rgb(var(--c-neutral-darkest)); 1109} 1110 1111.no-touch h1 a:hover, 1112.no-touch .-likeh1 a:hover1 { 1113 color: rgb(var(--c-primary)); 1114} 1115 1116h2, 1117.-likeh2 { 1118 font-size: var(--f-size-l-3); 1119 font-family: var(--f-family-2); 1120 font-weight: var(--f-weight-t); 1121 color: rgb(var(--c-neutral-darkest)); 1122 text-transform: uppercase; 1123} 1124 1125h2 a, 1126.-likeh2 a { 1127 color: rgb(var(--c-neutral-darkest)); 1128} 1129 1130.no-touch h2 a:hover, 1131.no-touch .-likeh2 a:hover { 1132 color: rgb(var(--c-primary)); 1133} 1134 1135h3, 1136.-likeh3, 1137h2.-subheader { 1138 font-size: var(--f-size-l-2); 1139 font-family: var(--f-family-2); 1140 font-weight: var(--f-weight-sb); 1141 color: rgb(var(--c-neutral-darkest)); 1142} 1143 1144h3 a, 1145.-likeh3 a, 1146h2.-subheader a { 1147 color: rgb(var(--c-primary)); 1148} 1149 1150h3.-special { 1151 font-family: var(--f-family-2); 1152 text-transform: uppercase; 1153} 1154 1155.no-touch h3 a:hover, 1156.no-touch .-likeh3 a:hover, 1157.no-touch h2.-subheader a:hover { 1158 color: rgb(var(--c-primary-dark)); 1159} 1160 1161h4, 1162.-likeh4 { 1163 font-size: var(--f-size-l-1); 1164 font-family: var(--f-family-2); 1165 font-weight: var(--f-weight-sb); 1166 color: rgb(var(--c-primary)); 1167} 1168 1169h4 a, 1170.-likeh4 a { 1171 color: rgb(var(--c-primary)); 1172} 1173 1174.footer h4 { 1175 text-transform: uppercase; 1176} 1177 1178.no-touch h4 a:hover, 1179.no-touch .-likeh4 a:hover { 1180 color: rgb(var(--c-primary-dark)); 1181} 1182 1183h5, 1184.-likeh5 { 1185 font-size: var(--f-size); 1186 font-family: var(--f-family); 1187 color: rgb(var(--c-primary)); 1188} 1189 1190h5 a, 1191.-likeh5 a { 1192 color: rgb(var(--c-primary)); 1193} 1194 1195.no-touch h5 a:hover, 1196.no-touch .-likeh5 a:hover { 1197 color: rgb(var(--c-primary-dark)); 1198} 1199 1200.headline.-large { 1201 margin-bottom: 2rem; 1202} 1203 1204.headline.-small { 1205 margin-bottom: 0.8rem; 1206} 1207 1208.headline.-verysmall { 1209 margin-bottom: 0.4rem; 1210} 1211 1212/* Layouts / Frames */ 1213.frame-layout-30 .gallery { 1214 position: relative; 1215 grid-gap: 0 !important; 1216 overflow: hidden; 1217} 1218 1219.frame-layout-30 .gallery__item:last-child .gallery__image { 1220 position: absolute; 1221 width: 100%; 1222 left: 0; 1223 top: 0; 1224 right: 0; 1225 bottom: 0; 1226 height: 100%; 1227 opacity: 0; 1228 transition: opacity 2s ease, transform 2s ease; 1229} 1230 1231.no-touch 1232 .frame-layout-30 1233 .gallery:hover 1234 .gallery__item:last-child 1235 .gallery__image { 1236 opacity: 1; 1237 transform: scale(1.1); 1238} 1239 1240.frame-space-after-no-space { 1241 padding-bottom: 0 !important; 1242} 1243 1244.frame-space-before-no-space { 1245 padding-top: 0 !important; 1246} 1247 1248.frame-layout-10 > p, 1249.frame-layout-10 > div { 1250 max-width: 1040px; 1251 margin: 0 auto; 1252} 1253 1254.frame-layout-20 { 1255 display: block; 1256 width: 100%; 1257} 1258 1259.frame-layout-20 .gallery { 1260 grid-template-columns: 1fr; 1261 grid-gap: 10px; 1262} 1263 1264.frame-layout-20 .gallery__item { 1265 position: relative; 1266 max-height: 40vw; 1267} 1268 1269.frame-layout-20 .gallery__caption { 1270 position: absolute; 1271 width: 100%; 1272 top: 50%; 1273 transform: translateY(-50%); 1274 text-align: center; 1275} 1276 1277.frame-layout-20 .gallery__item > a { 1278 height: 100%; 1279 width: 100%; 1280} 1281 1282.frame-layout-20 picture { 1283 position: relative; 1284 height: 100%; 1285 width: 100%; 1286 object-fit: cover; 1287 overflow: hidden; 1288 display: flex; 1289} 1290 1291.frame-layout-20 picture img { 1292 max-width: inherit; 1293 width: 100%; 1294 object-fit: cover; 1295 transition: transform 0.5s ease; 1296} 1297 1298.no-touch .frame-layout-20 .gallery__item:hover img { 1299 transform: scale(1.2); 1300} 1301 1302.no-touch .frame-layout-20 .font__button:hover { 1303 background: rgb(var(--c-neutral-lightest)); 1304 color: rgb(var(--c-primary)); 1305} 1306 1307.imagebutton__title { 1308 font-size: var(--f-size-l-4); 1309 text-transform: uppercase; 1310 font-family: var(--f-family-2-bi) !important; 1311 font-style: italic; 1312 font-weight: 700; 1313 color: rgb(var(--c-neutral-lightest)); 1314 text-shadow: 0 0 20px #000000; 1315} 1316 1317.imagemap { 1318 position: relative; 1319} 1320 1321.imagemap__values { 1322 display: grid; 1323 grid-template-columns: repeat(3, 1fr); 1324 margin-top: 2rem; 1325} 1326 1327.imagemap__values div { 1328 text-align: center; 1329 display: grid; 1330 justify-content: flex-start; 1331 grid-template-rows: repeat(2, min-content); 1332} 1333 1334.value__title { 1335 font-size: var(--f-size-l-5); 1336 color: rgb(var(--c-primary)); 1337 font-family: var(--f-family-2); 1338 font-style: italic; 1339 font-weight: 700; 1340 line-height: 100%; 1341} 1342 1343.value__subtitle { 1344 color: rgb(var(--c-primary)); 1345 text-transform: uppercase; 1346} 1347 1348.imagemap polygon { 1349 fill: transparent; 1350 stroke: none; 1351} 1352.page.-content .content { 1353 padding: 0; 1354} 1355.page.-content .content > .frame { 1356 padding: 1rem 0 !important; 1357} 1358 1359.-content h1 { 1360 color: rgb(var(--c-primary)); 1361 font-family: var(--f-family); 1362 font-style: italic; 1363 font-weight: 700; 1364} 1365 1366.-content .gallery__item { 1367 overflow: hidden; 1368 -moz-border-radius: var(--b-radius); 1369 -webkit-border-radius: var(--b-radius); 1370 border-radius: var(--b-radius); 1371 height: 100%; 1372 object-fit: cover; 1373} 1374 1375.gallery__item > a { 1376 height: 100%; 1377} 1378 1379.-content .gallery__image { 1380 height: 100%; 1381 max-width: inherit; 1382 width: 100%; 1383} 1384 1385.-content svg { 1386 max-width: 100%; 1387 margin: 0 auto; 1388 display: block; 1389} 1390 1391div.fancybox__slide { 1392 padding: 48px 30px 8px 30px; 1393} 1394 1395.fancybox__container .is-next, 1396.fancybox__container .is-prev, 1397.fancybox__container .is-close { 1398 width: 55px; 1399 height: 55px; 1400 background: rgb(var(--c-primary)); 1401 border: 1px solid rgb(var(--c-primary)); 1402 -moz-border-radius: 28px; 1403 -webkit-border-radius: 28px; 1404 border-radius: 28px; 1405} 1406 1407.no-touch .fancybox__container .is-next:hover, 1408.no-touch .fancybox__container .is-prev:hover, 1409.no-touch .fancybox__container .is-close:hover { 1410 background: rgb(var(--c-neutral-lightest)); 1411} 1412 1413.no-touch .fancybox__container .is-next:hover svg, 1414.no-touch .fancybox__container .is-prev:hover svg, 1415.no-touch .fancybox__container .is-close:hover svg { 1416 stroke: rgb(var(--c-primary)); 1417} 1418 1419div.fancybox__content > .carousel__button.is-close { 1420 top: -27px; 1421 right: -27px; 1422} 1423 1424.-content .-w30 .grid__main, 1425.-content .-w30 .gallery, 1426.-content .-w30 .image { 1427 height: 100%; 1428} 1429 1430div.fancybox__backdrop { 1431 background: rgba(var(--c-neutral-light), 0.85); 1432 backdrop-filter: blur(5px); 1433} 1434 1435div.fancybox__content { 1436 -moz-border-radius: var(--b-radius); 1437 -webkit-border-radius: var(--b-radius); 1438 border-radius: var(--b-radius); 1439} 1440 1441.imagemenu { 1442 display: grid; 1443 grid-gap: var(--g-gap-s); 1444 grid-template-columns: 1fr; 1445} 1446 1447.imagemenu__item { 1448 position: relative; 1449 overflow: hidden; 1450} 1451 1452.imagemenu__item::before { 1453 position: absolute; 1454 background: rgb(var(--c-neutral-darkest), 0.35); 1455 width: 100%; 1456 content: ""; 1457 height: 100%; 1458 left: 0; 1459 top: 0; 1460 z-index: 2; 1461} 1462 1463.imagemenu__text { 1464 position: absolute; 1465 top: 50%; 1466 left: 0; 1467 width: 100%; 1468 transform: translateY(-50%); 1469 text-align: center; 1470 z-index: 3; 1471 padding: 1rem; 1472} 1473 1474.imagemenu__title { 1475 color: rgb(var(--c-neutral-lightest)); 1476 font-family: var(--f-family-2); 1477 font-style: italic; 1478 font-weight: 700; 1479 font-size: var(--f-size-l-1); 1480 text-transform: uppercase; 1481 line-height: 120%; 1482 margin-bottom: 1rem; 1483 display: block; 1484} 1485 1486.imagemenu__text .font__button { 1487 font-size: var(--f-size); 1488} 1489 1490.imagemenu__item img { 1491 transition: transform 0.5s ease; 1492 position: relative; 1493 z-index: 1; 1494} 1495 1496.no-touch .imagemenu__item:hover img { 1497 transform: scale(1.2); 1498} 1499 1500.imagemenu img { 1501 object-fit: cover; 1502 max-width: inherit; 1503 width: 100%; 1504} 1505 1506 1507/* ============================================================================= 1508 RTE 1509 ========================================================================== */ 1510 1511.btn-primary, 1512.font__button, 1513input[type="submit"] { 1514 text-transform: uppercase; 1515 color: rgb(var(--c-neutral-lightest)); 1516 background: rgb(var(--c-primary)); 1517 line-height: 1.4; 1518 padding: 0.2rem 1.6rem; 1519 border: none; 1520 -webkit-border-radius: var(--b-radius-s); 1521 -moz-border-radius: var(--b-radius-s); 1522 border-radius: var(--b-radius-s); 1523 font-family: var(--f-family-2); 1524 font-weight: var(--f-weight-sb); 1525 font-size: var(--f-size-l-1); 1526} 1527 1528.footer input[type="submit"] { 1529 background: transparent; 1530 border: 1px solid rgb(var(--c-neutral-lightest)); 1531} 1532 1533.no-touch .footer input[type="submit"]:hover { 1534 background: rgb(var(--c-neutral-lightest)); 1535 color: rgb(var(--c-primary)); 1536} 1537 1538.footer .tx-go-maps-ext .adp-legal, 1539.footer .tx-go-maps-ext .adp, 1540.footer .tx-go-maps-ext .adp table { 1541 font-family: var(--f-family); 1542 font-weight: 500; 1543 color: rgb(var(--c-neutral-lightest)); 1544} 1545 1546.footer .tx-go-maps-ext .adp-text { 1547 color: rgb(var(--c-neutral-darkest)); 1548} 1549 1550.tx-go-maps-ext input { 1551 margin-bottom: 0; 1552} 1553 1554.tx-go-maps-ext form { 1555 display: flex; 1556 align-items: center; 1557} 1558 1559.footer .adp-substep .adp-stepicon { 1560 padding: 5px; 1561 -moz-border-radius: 13px; 1562 -webkit-border-radius: 13px; 1563 border-radius: 13px; 1564 background: white; 1565 width: 26px;
1566 height: 26px; 1567} 1568 1569.footer .adp-substep .adp-stepicon .adp-maneuver { 1570 left: 5px; 1571} 1572 1573.font__button a, 1574a.font__button { 1575 color: rgb(var(--c-neutral-lightest)); 1576} 1577 1578.no-touch .font__button:hover, 1579.no-touch input[type="submit"]:hover { 1580 background: rgb(var(--c-primary-dark)); 1581} 1582 1583.font__primarycolor { 1584 color: rgb(var(--c-primary)); 1585} 1586 1587 1588/* ============================================================================= 1589 Template 1590 ========================================================================== */ 1591 1592/* Header */ 1593.top { 1594 position: fixed; 1595 width: 100%; 1596 top: 0; 1597 left: 0; 1598 background: transparent; 1599 z-index: 800; 1600 padding: 2rem 0; 1601 grid-template-rows: min-content 1fr; 1602 grid-gap: var(--g-gap-l) 0; 1603 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ 1604 background: -moz-linear-gradient( 1605 top, 1606 rgba(0, 0, 0, 0.65) 0%, 1607 rgba(0, 0, 0, 0) 100% 1608 ); 1609 /* FF3.6-15 */ 1610 background: -webkit-linear-gradient( 1611 top, 1612 rgba(0, 0, 0, 0.65) 0%, 1613 rgba(0, 0, 0, 0) 100% 1614 ); 1615 /* Chrome10-25,Safari5.1-6 */ 1616 background: linear-gradient( 1617 to bottom, 1618 rgba(0, 0, 0, 0.65) 0%, 1619 rgba(0, 0, 0, 0) 100% 1620 ); 1621 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 1622 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); 1623 /* IE6-9 */ 1624} 1625 1626.top.-scroll { 1627 background: rgb(var(--c-primary)); 1628 padding: 1rem 0; 1629 grid-gap: 0; 1630} 1631 1632.-loginopen .top, 1633.-menuopen .top { 1634 background: rgba(var(--c-neutral-lightest), 0.93); 1635 height: 100vh; 1636} 1637 1638.grid__top { 1639 display: grid; 1640 grid-template-columns: 1fr min-content min-content; 1641 grid-template-rows: 1fr 1fr; 1642 grid-gap: 0 var(--g-gap-s); 1643 align-items: flex-start; 1644} 1645 1646.top .font__button { 1647 background: rgba(var(--c-neutral-lightest), 0.6); 1648 color: rgb(var(--c-primary)); 1649 cursor: pointer; 1650} 1651 1652.top.-scroll .font__button { 1653 background: transparent; 1654 border: 1px solid rgb(var(--c-neutral-lightest)); 1655 color: rgb(var(--c-neutral-lightest)); 1656} 1657 1658.no-touch .top.-scroll .font__button:hover { 1659 background: rgba(var(--c-neutral-lightest), 1); 1660 color: rgb(var(--c-primary)); 1661} 1662 1663body.-loginopen .top .font__button, 1664body.-menuopen .top .font__button, 1665.no-touch .top .font__button:hover { 1666 background: rgba(var(--c-primary), 1); 1667 color: rgb(var(--c-neutral-lightest)); 1668} 1669 1670.top__button.-members { 1671 justify-self: flex-end; 1672 grid-column: 2; 1673 grid-row: 2; 1674} 1675 1676.top__button.-members .font__button::after { 1677 content: "\f502"; 1678 font-family: "FaRegular"; 1679 display: block; 1680 font-size: 24px; 1681} 1682 1683.-loginopen .top__button.-members .font__button::after, 1684.-menuopen .top__button.-mainmenu .font__button::after { 1685 content: "\f00d"; 1686} 1687 1688.top__button.-mainmenu { 1689 justify-self: flex-start; 1690 grid-column: 2; 1691 grid-row: 1; 1692} 1693 1694.top__button.-mainmenu .font__button::after { 1695 content: "\f0c9"; 1696 font-family: "FaRegular"; 1697 display: block; 1698 font-size: 24px; 1699} 1700 1701.top__button .font__button { 1702 text-align: center; 1703 padding: 0.2rem 0.5rem; 1704 min-width: 50px; 1705} 1706 1707.top__close { 1708 position: absolute; 1709 display: none; 1710 top: 2rem; 1711 right: 2rem; 1712 background: rgb(var(--c-primary)); 1713 border: 2px solid rgb(var(--c-primary)); 1714 width: 53px; 1715 height: 53px; 1716 -moz-border-radius: 30px; 1717 -webkit-border-radius: 30px; 1718 border-radius: 30px; 1719 text-align: center; 1720 cursor: pointer; 1721 transition: background 0.6s ease; 1722} 1723 1724.no-touch .top__close:hover { 1725 background: transparent; 1726 border: 2px solid rgb(var(--c-primary)); 1727} 1728 1729.top__close .font__fal { 1730 color: rgb(var(--c-neutral-lightest)); 1731 font-size: 35px; 1732 line-height: 51px; 1733} 1734 1735.no-touch .top__close:hover .font__fal { 1736 color: rgb(var(--c-primary)); 1737} 1738 1739body.-loginopen .top .font__button, 1740body.-menuopen .top .font__button { 1741 border: 1px solid rgb(var(--c-primary)); 1742} 1743 1744.no-touch body.-loginopen .font__button:hover, 1745.no-touch body.-menuopen .font__button:hover { 1746 background: transparent; 1747 border: 1px solid rgb(var(--c-primary)); 1748 color: rgb(var(--c-primary)); 1749} 1750 1751.no-touch body.-loginopen .login__form .font__button:hover { 1752 background: rgb(var(--c-primary)); 1753 border: 1px solid rgb(var(--c-primary)); 1754 color: rgb(var(--c-neutral-lightest)); 1755} 1756 1757.header { 1758 height: 32vh; 1759 min-height: 350px; 1760} 1761 1762.page.-sub .header { 1763 max-height: 800px; 1764 height: 34vw; 1765 overflow: hidden; 1766 display: flex; 1767 align-items: center; 1768 justify-content: center; 1769} 1770 1771.logo { 1772 justify-self: flex-start; 1773 grid-column: 1;
1774 grid-row: span 2; 1775} 1776 1777.logo__link { 1778 display: block; 1779} 1780 1781.logo__link { 1782 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 1783 no-repeat 0 -100px; 1784 -webkit-background-size: 400px 400px; 1785 -moz-background-size: 400px 400px; 1786 -o-background-size: 400px 400px; 1787 background-size: 400px 400px; 1788 width: 177px; 1789 height: 87px; 1790} 1791 1792.top.-scroll .logo__link { 1793 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 1794 no-repeat -100px 0px; 1795 -webkit-background-size: 200px 200px; 1796 -moz-background-size: 200px 200px; 1797 -o-background-size: 200px 200px; 1798 background-size: 200px 200px; 1799 width: 90px; 1800 height: 45px; 1801} 1802 1803.no-touch body.page .top.-scroll .logo__link:hover { 1804 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 1805 no-repeat 0px 0px; 1806 -webkit-background-size: 200px 200px; 1807 -moz-background-size: 200px 200px; 1808 -o-background-size: 200px 200px; 1809 background-size: 200px 200px; 1810} 1811 1812body.-loginopen .top .logo__link, 1813body.-menuopen .top .logo__link { 1814 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 1815 no-repeat 0 -200px; 1816 -webkit-background-size: 400px 400px; 1817 -moz-background-size: 400px 400px; 1818 -o-background-size: 400px 400px; 1819 background-size: 400px 400px; 1820 width: 177px; 1821 height: 87px; 1822} 1823 1824.no-touch body.page .top .logo__link:hover { 1825 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 1826 no-repeat -200px -100px; 1827 -webkit-background-size: 400px 400px; 1828 -moz-background-size: 400px 400px; 1829 -o-background-size: 400px 400px; 1830 background-size: 400px 400px; 1831} 1832 1833.no-touch body.page.-loginopen .top .logo__link:hover, 1834.no-touch body.page.-menuopen .top .logo__link:hover { 1835 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 1836 no-repeat -200px -200px; 1837 -webkit-background-size: 400px 400px; 1838 -moz-background-size: 400px 400px; 1839 -o-background-size: 400px 400px; 1840 background-size: 400px 400px; 1841} 1842 1843.header div.flashnews { 1844 position: absolute; 1845 width: 92%; 1846 height: auto; 1847 bottom: 85px; 1848 right: 4%; 1849 padding: 1rem 1rem; 1850 z-index: 100; 1851 background: #007fff; 1852 border: 4px solid rgb(var(--c-neutral-lightest)); 1853 -webkit-border-radius: var(--b-radius-s); 1854 -moz-border-radius: var(--b-radius-s); 1855 border-radius: var(--b-radius-s); 1856 color: rgb(var(--c-neutral-lightest)); 1857} 1858 1859.header div.flashnews h4 { 1860 font-family: var(--f-family-2); 1861 font-weight: var(--f-weight-sb); 1862 font-size: var(--f-size-l-1); 1863 text-transform: uppercase; 1864 line-height: 120%; 1865 color: rgb(var(--c-neutral-lightest)); 1866} 1867 1868.header div.flashnews .headline { 1869 margin: 0; 1870} 1871 1872.flashnews > .grid__main { 1873 display: block; 1874 position: relative; 1875 padding-left: 15px; 1876} 1877 1878.flashnews > .grid__main::before { 1879 content: "!"; 1880 font-family: var(--f-family-2); 1881 font-weight: var(--f-weight-sb); 1882 color: rgb(var(--c-neutral-lightest)); 1883 font-size: 30px; 1884 text-transform: uppercase; 1885 position: absolute; 1886 line-height: 100%; 1887 width: 10px; 1888 left: 0; 1889 top: 50%; 1890 transform: translateY(-50%); 1891} 1892 1893.header div.info { 1894 position: absolute; 1895 width: 100%; 1896 left: 0; 1897 bottom: 0; 1898 height: auto; 1899 z-index: 100; 1900 max-height: 50px; 1901 -webkit-transition: max-height 1s ease; 1902 -moz-transition: max-height 1s ease; 1903 transition: max-height 1s ease; 1904} 1905 1906.-menuopen .header div.info { 1907 z-index: -1; 1908} 1909 1910.header div.info.-open { 1911 z-index: 2000; 1912 position: fixed; 1913 height: 100%; 1914 -webkit-transition: max-height 1s ease; 1915 -moz-transition: max-height 1s ease; 1916 transition: max-height 1s ease; 1917} 1918 1919.info .grid__col { 1920 border-left: 2px solid rgb(var(--c-primary)); 1921 padding-left: 0.8rem; 1922 opacity: 0; 1923 -webkit-transition: opacity 1s ease; 1924 -moz-transition: opacity 1s ease; 1925 transition: opacity 1s ease; 1926} 1927 1928.info .grid__col .grid__col { 1929 border: none; 1930 padding: 0; 1931} 1932 1933.webcam__image .font__fas { 1934 font-size: 60px; 1935 margin-top: 1rem; 1936 display: block; 1937} 1938 1939.webcam__wrap { 1940 font-size: var(--f-size-l-1); 1941 position: absolute; 1942 right: 4%; 1943 top: 6rem; 1944 cursor: pointer; 1945 background-color: rgb(var(--c-primary)); 1946 padding: 0 1rem; 1947 border-radius: var(--b-radius-s); 1948 min-width: 50px; 1949} 1950 1951.no-touch .webcam__wrap:hover {
1952 color: rgb(var(--c-primary-dark)) !important; 1953} 1954 1955.webcam__icon::after { 1956 content: "\f832"; 1957 font-family: "FaRegular"; 1958 display: block; 1959 font-size: 24px; 1960 color: rgb(var(--c-neutral-lightest)); 1961} 1962 1963.webcam__icontext { 1964 display: none; 1965} 1966 1967.top.-scroll .webcam__wrap { 1968 top: 1rem; 1969 right: 19%; 1970 border: 1px solid rgb(var(--c-neutral-lightest)); 1971} 1972 1973.info.-open .grid__col { 1974 opacity: 1; 1975 -webkit-transition: opacity 1s ease; 1976 -moz-transition: opacity 1s ease; 1977 transition: opacity 1s ease; 1978} 1979 1980.info.-open .info__content > .grid__main { 1981 opacity: 1; 1982} 1983 1984.info__more { 1985 margin: 2rem auto 0 auto; 1986} 1987 1988.info__container { 1989 position: fixed; 1990 opacity: 0; 1991 z-index: 10000; 1992 top: 0; 1993 bottom: 0; 1994 left: 0%; 1995 width: 100%; 1996 background: rgba(var(--c-neutral-lightest), 0.92); 1997 display: grid; 1998 align-items: center; 1999 height: 0; 2000 overflow-y: auto; 2001 scrollbar-color: rgb(var(--c-primary)) rgb(var(--c-neutral-light)); 2002 scrollbar-width: thin; 2003} 2004 2005.info__container::-webkit-scrollbar-track { 2006 background-color: rgb(var(--c-neutral-light)); 2007 -webkit-border-radius: 5px; 2008 -moz-border-radius: 5px; 2009 border-radius: 5px; 2010 -webkit-box-shadow: none; 2011 -moz-box-shadow: none; 2012 box-shadow: none; 2013} 2014 2015.info__container::-webkit-scrollbar {
2016 width: 5px; 2017 margin: 2rem 2rem 2rem 0; 2018} 2019 2020.info__container a[rel="noreferrer"]::after { 2021 display: none; 2022} 2023 2024.info__container::-webkit-scrollbar-thumb { 2025 background-color: rgb(var(--c-primary)); 2026 -webkit-border-radius: 5px; 2027 -moz-border-radius: 5px; 2028 border-radius: 5px; 2029 -webkit-box-shadow: none; 2030 -moz-box-shadow: none; 2031 box-shadow: none; 2032} 2033 2034.info__container > .grid__main { 2035 align-self: center; 2036} 2037 2038.info.-open .info__container { 2039 opacity: 1; 2040 height: 100vh; 2041 padding: 3rem 1rem; 2042} 2043 2044.info__button { 2045 position: absolute; 2046 bottom: 2rem; 2047 right: 2%; 2048 height: 55px; 2049 grid-gap: var(--g-gap-s); 2050 align-items: center; 2051 display: flex; 2052 justify-content: center; 2053} 2054 2055.info__button .font__button { 2056 height: max-content; 2057 cursor: pointer; 2058} 2059 2060.info.-open .info__button .font__button { 2061 display: none; 2062} 2063 2064.info__more { 2065 background: rgb(var(--c-primary)); 2066 border: 1px solid rgb(var(--c-primary)); 2067 align-self: flex-start; 2068} 2069 2070.info__more a { 2071 color: rgb(var(--c-neutral-lightest)); 2072} 2073 2074.no-touch .info__more:hover { 2075 background: rgb(var(--c-neutral-lightest)); 2076} 2077 2078.no-touch .info__more:hover a { 2079 color: rgb(var(--c-primary)); 2080} 2081 2082.info__switch { 2083 background: rgb(var(--c-primary)); 2084 width: 53px; 2085 height: 53px; 2086 -moz-border-radius: 30px; 2087 -webkit-border-radius: 30px; 2088 border-radius: 30px; 2089 text-align: center; 2090 cursor: pointer; 2091 transition: background 0.6s ease; 2092} 2093 2094.info.-open .info__switch { 2095 position: fixed; 2096 z-index: 10001; 2097 top: 1rem; 2098 right: 1rem; 2099} 2100 2101.no-touch .info__switch:hover { 2102 background: rgb(var(--c-primary-dark)); 2103} 2104 2105.info__switch .font__fal { 2106 color: rgb(var(--c-neutral-lightest)); 2107 font-size: 27px; 2108 line-height: 51px; 2109} 2110 2111.info__switch .font__fal.-close { 2112 display: none; 2113} 2114 2115.info.-open .font__fal.-close { 2116 display: block; 2117} 2118 2119.info.-open .font__fal.-open { 2120 display: none; 2121} 2122 2123 2124/* ============================================================================= 2125 Menus 2126 ========================================================================== */ 2127 2128/* Mainmenu */ 2129 2130.mainmenu__nav.-hidden { 2131 display: none; 2132} 2133 2134.mainmenu__sidebar { 2135 position: absolute; 2136 top: calc(5rem + 90px); 2137 left: -100%; 2138 width: 100%; 2139 height: 100%; 2140 -webkit-transition: left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); 2141 -moz-transition: left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); 2142 transition: left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); 2143 z-index: 10; 2144 display: flex; 2145 scrollbar-color: rgb(var(--c-primary)) rgb(var(--c-neutral-light)); 2146 scrollbar-width: thin; 2147 line-height: 1.7; 2148 text-align: left; 2149 overflow-y: auto; 2150 max-width: 640px; 2151} 2152 2153.mainmenu.-active .mainmenu__sidebar { 2154 left: 50%; 2155 transform: translateX(-50%); 2156} 2157 2158.mainmenu__listwrap { 2159 position: relative; 2160 display: flex; 2161 bottom: auto; 2162 height: 100%; 2163 scrollbar-color: rgb(var(--c-primary-light)) rgb(var(--c-primary)); 2164 scrollbar-width: thin; 2165 line-height: 1.7; 2166 text-align: left; 2167 padding-right: 1rem; 2168 overflow-y: auto; 2169 width: 100%; 2170} 2171 2172.mainmenu__link { 2173 display: block; 2174 color: rgb(var(--c-primary)); 2175 font-family: var(--f-family); 2176 font-weight: var(--f-weight-n); 2177 padding: 0.4rem 48px 0.4rem 0; 2178 position: relative; 2179} 2180 2181.mainmenu__link.-active, 2182.mainmenu__link.-current, 2183.no-touch .mainmenu__link:hover { 2184 color: rgb(var(--c-neutral-darkest)); 2185} 2186 2187.mainmenu__list.-level1 { 2188 padding-left: 1rem; 2189 width: 100%; 2190 margin: 0 auto; 2191} 2192 2193.leftmenu__list.-level1 .leftmenu__list, 2194.mainmenu__list.-level1 .mainmenu__list { 2195 display: none; 2196} 2197 2198.leftmenu__link.-active + .leftmenu__list, 2199.mainmenu__link.-active + .mainmenu__list { 2200 display: block; 2201} 2202 2203.mainmenu__item { 2204 position: relative; 2205} 2206 2207.mainmenu__list.-level1 > .mainmenu__item { 2208 left: calc(-100% - 1rem); 2209 -webkit-transition: left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; 2210 -moz-transition: left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; 2211 transition: left 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; 2212} 2213 2214.mainmenu.-active .mainmenu__list.-level1 > .mainmenu__item { 2215 left: 0; 2216} 2217 2218.mainmenu__list.-level1 > .mainmenu__item > .mainmenu__link { 2219 font-size: var(--f-size-l-3); 2220 text-transform: uppercase; 2221} 2222 2223.mainmenu__list.-level2 .mainmenu__link { 2224 font-family: var(--f-family); 2225 padding: 0rem 0 0.4rem 0; 2226 font-size: var(--f-size-l-1); 2227 text-transform: uppercase; 2228} 2229 2230.mainmenu__list.-level3 .mainmenu__link { 2231 padding: 0rem 40px 0.4rem 1rem; 2232 text-transform: none; 2233} 2234 2235.mainmenu__list.-level4 .mainmenu__link { 2236 padding-left: 2rem; 2237} 2238 2239.mainmenu__list.-level5 .mainmenu__link { 2240 padding-left: 3rem; 2241} 2242 2243.mainmenu__list.-level6 .mainmenu__link { 2244 padding-left: 4rem; 2245} 2246 2247.leftmenu__arrow, 2248.mainmenu__arrow { 2249 opacity: 0; 2250 -webkit-transition: opacity 0.6s ease 1.2s; 2251 -moz-transition: opacity 0.6s ease 1.2s; 2252 transition: opacity 0.6s ease 1.2s; 2253 color: rgb(var(--c-primary)); 2254 font-size: 30px; 2255 line-height: 20px; 2256 position: absolute; 2257 right: 0; 2258 top: 0; 2259 height: 100%; 2260 width: 48px; 2261 text-align: center; 2262 z-index: 10; 2263 display: flex; 2264 justify-content: center; 2265 align-items: center; 2266} 2267 2268.mainmenu__list.-level3 .mainmenu__arrow, 2269.leftmenu__arrow { 2270 font-size: 24px; 2271} 2272 2273.mainmenu__arrow::after {
2274 content: "\f107"; 2275 font-family: "FaRegular", sans-serif; 2276} 2277 2278.leftmenu__arrow::after { 2279 content: "\f107"; 2280 font-family: "FaLight", sans-serif; 2281} 2282 2283.leftmenu__link.-open .leftmenu__arrow::after, 2284.mainmenu__link.-open .mainmenu__arrow::after { 2285 content: "\f106"; 2286} 2287 2288.leftmenu__arrow, 2289.mainmenu.-active .mainmenu__arrow { 2290 opacity: 1; 2291} 2292 2293.mainmenu, 2294.login { 2295 grid-column: 3; 2296 grid-row: 2; 2297 align-self: center; 2298} 2299 2300.login input { 2301 width: 100%; 2302} 2303 2304.login input[type="submit"] { 2305 width: auto; 2306 margin: 1rem 0 0 0; 2307 display: block; 2308} 2309 2310.formfield__description { 2311 margin-bottom: 1.5rem; 2312} 2313 2314.login { 2315 -webkit-transition: max-height 1s ease; 2316 -moz-transition: max-height 1s ease; 2317 transition: max-height 1s ease; 2318 max-height: 0; 2319 overflow: hidden; 2320 -webkit-box-shadow: 0 0 10px 10px rgba(var(--c-neutral-darkest), 0.15); 2321 box-shadow: 0 0 10px 10px rgba(var(--c-neutral-darkest), 0.15); 2322} 2323 2324.login.-active > .login__form, 2325.mainmenu.-active .mainmenu__sidebar, 2326.login.-active { 2327 max-height: calc(100vh - 7rem - 90px); 2328} 2329 2330.mainmenu.-active .mainmenu__listwrap { 2331 height: calc(100vh - 7rem - 90px); 2332} 2333 2334.login > .login__form { 2335 position: relative; 2336 display: flex; 2337 flex-flow: column; 2338 bottom: auto; 2339 height: 100%; 2340 scrollbar-color: rgb(var(--c-primary)) rgb(var(--c-neutral-light)); 2341 scrollbar-width: thin; 2342 line-height: 1.7; 2343 text-align: left; 2344 padding-right: 1rem; 2345 overflow-y: auto; 2346} 2347 2348.login { 2349 justify-self: center; 2350 max-width: 500px; 2351 background: rgb(var(--c-neutral-lightest)); 2352 -webkit-border-radius: var(--b-radius); 2353 -moz-border-radius: var(--b-radius); 2354 border-radius: var(--b-radius); 2355 padding: 2rem; 2356 display: none; 2357} 2358 2359.login.-active { 2360 display: flex; 2361} 2362 2363.mainmenu__listwrap::-webkit-scrollbar-track, 2364.login > .login__form::-webkit-scrollbar-track { 2365 background-color: rgb(var(--c-neutral-light)); 2366 -webkit-border-radius: 5px; 2367 -moz-border-radius: 5px; 2368 border-radius: 5px; 2369 -webkit-box-shadow: none; 2370 -moz-box-shadow: none; 2371 box-shadow: none; 2372} 2373 2374.mainmenu__listwrap::-webkit-scrollbar, 2375.login > .login__form::-webkit-scrollbar {
2376 width: 5px; 2377 margin: 2rem 2rem 2rem 0; 2378} 2379 2380.mainmenu__listwrap::-webkit-scrollbar-thumb, 2381.login > .login__form::-webkit-scrollbar-thumb { 2382 background-color: rgb(var(--c-primary)); 2383 -webkit-border-radius: 5px; 2384 -moz-border-radius: 5px; 2385 border-radius: 5px; 2386 -webkit-box-shadow: none; 2387 -moz-box-shadow: none; 2388 box-shadow: none; 2389} 2390 2391 2392/* ============================================================================= 2393 Media Queries 2394 ========================================================================== */ 2395@media (min-width: 340px) { 2396 .grid__top { 2397 grid-template-columns: min-content 1fr min-content; 2398 grid-template-rows: 1fr; 2399 } 2400 2401 .top__button.-mainmenu { 2402 grid-column: 1; 2403 grid-row: 1; 2404 } 2405 2406 .top__button.-members { 2407 grid-column: 3; 2408 grid-row: 1; 2409 justify-self: flex-start; 2410 } 2411 2412 .logo { 2413 grid-row: 1; 2414 grid-column: 2; 2415 justify-self: center; 2416 } 2417 2418 .header div.flashnews { 2419 width: 300px; 2420 } 2421} 2422 2423@media (min-width: 400px) { 2424 /* General */ 2425 html { 2426 font-size: calc(14px + (18 - 14) * ((100vw - 400px) / (1600 - 400))); 2427 } 2428 2429 /* Container */ 2430 .content, 2431 .content__bottom, 2432 .footer { 2433 padding-top: calc(50px + (100 - 50) * ((100vw - 400px) / (1600 - 400))); 2434 } 2435 2436 .content > .frame, 2437 .content__top, 2438 .content__bottom > .frame, 2439 .footer { 2440 padding-bottom: calc(50px + (100 - 50) * ((100vw - 400px) / (1600 - 400))); 2441 } 2442 2443 .frame-shortcut-bg > .grid__col { 2444 padding: calc(50px + (100 - 50) * ((100vw - 400px) / (1600 - 400))) 0; 2445 } 2446 2447 .top.-scroll .webcam__wrap { 2448 right: 16%; 2449 } 2450} 2451 2452@media (min-width: 640px) { 2453 .fancybox__viewport div.fancybox__content { 2454 padding: 36px; 2455 } 2456 2457 .frame-layout-20 .gallery { 2458 grid-template-columns: 1fr 1fr; 2459 } 2460 2461 .frame-layout-20 .gallery__item { 2462 max-height: 25vw; 2463 } 2464 2465 .info.-open .info__switch { 2466 top: 2rem; 2467 right: 2rem; 2468 } 2469 2470 .info.-open .info__container { 2471 padding: 2rem; 2472 } 2473 2474 .webcam__wrap { 2475 left: 2%; 2476 top: 3.5rem; 2477 right: inherit; 2478 } 2479 2480 .webcam__icon::after { 2481 content: "\f832"; 2482 font-family: "FaRegular"; 2483 display: block; 2484 font-size: 28px; 2485 } 2486 2487 .top.-scroll .webcam__wrap { 2488 top: 2rem; 2489 right: inherit; 2490 border: none; 2491 padding: inherit; 2492 } 2493 2494 /* Menus */ 2495 .metanav { 2496 text-align: center; 2497 } 2498 2499 .metanav__link { 2500 font-size: var(--f-size-l-1); 2501 } 2502 2503 .metanav__separator::after { 2504 margin: 0 1rem; 2505 } 2506 2507 .top { 2508 background: none; 2509 } 2510 2511 .grid__top { 2512 grid-template-columns: 1fr 177px 1fr; 2513 grid-gap: var(--g-gap-l); 2514 align-items: center; 2515 } 2516 2517 .top__button.-members { 2518 justify-self: flex-start; 2519 grid-column: 3; 2520 } 2521 2522 .top__button.-members .font__button::after { 2523 content: "Mitglieder"; 2524 font-family: var(--f-family-2); 2525 font-size: var(--f-size-l-1); 2526 font-weight: var(--f-weight-sb); 2527 } 2528 2529 .top__button .font__button { 2530 padding: 0.2rem 1.6rem; 2531 } 2532 2533 .-loginopen .top__button.-members .font__button::after, 2534 .-menuopen .top__button.-mainmenu .font__button::after { 2535 font-family: "FaRegular"; 2536 display: block; 2537 font-size: 24px; 2538 content: "\f00d"; 2539 } 2540 2541 .top__button.-mainmenu { 2542 justify-self: flex-end; 2543 grid-column: 1; 2544 } 2545 2546 .logo { 2547 justify-content: flex-start; 2548 grid-column: 2; 2549 } 2550 2551 .top.-scroll .logo__link { 2552 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 2553 no-repeat -200px 0px; 2554 -webkit-background-size: 400px 400px; 2555 -moz-background-size: 400px 400px; 2556 -o-background-size: 400px 400px; 2557 background-size: 400px 400px; 2558 width: 177px; 2559 height: 89px; 2560 } 2561 2562 .no-touch body.page .top.-scroll .logo__link:hover { 2563 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 2564 no-repeat 0px 0px; 2565 -webkit-background-size: 400px 400px; 2566 -moz-background-size: 400px 400px; 2567 -o-background-size: 400px 400px; 2568 background-size: 400px 400px; 2569 } 2570 2571 h1, 2572 .-likeh1, 2573 .imagebutton__title, 2574 h2, 2575 .-likeh2 { 2576 font-size: var(--f-size-l-4); 2577 } 2578 2579 h1, 2580 .-likeh1, 2581 h2, 2582 .-likeh2, 2583 h3.-special { 2584 font-family: var(--f-family-2); 2585 font-weight: var(--f-weight-l); 2586 } 2587 2588 h3.-special { 2589 font-size: var(--f-size-l-3); 2590 } 2591 2592 .page.-main .header { 2593 height: 100vh; 2594 } 2595 2596 .imagemap__text { 2597 max-width: 1024px; 2598 } 2599 2600 .imagemenu { 2601 grid-template-columns: repeat(2, 1fr); 2602 } 2603} 2604 2605@media (min-width: 800px) {
2606 .grid__12 .grid__12.uploads .uploads__link { 2607 grid-column: span 6; 2608 } 2609 2610 .-content .-w30 { 2611 grid-column: span 5; 2612 } 2613 2614 .-content .-w70 { 2615 grid-column: span 7; 2616 } 2617} 2618 2619@media (min-width: 900px) { 2620 .logo__link { 2621 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 2622 no-repeat 0 -200px; 2623 -webkit-background-size: 800px 800px; 2624 -moz-background-size: 800px 800px; 2625 -o-background-size: 800px 800px; 2626 background-size: 800px 800px; 2627 width: 353px; 2628 height: 177px; 2629 } 2630 2631 body.-loginopen .top .logo__link, 2632 body.-menuopen .top .logo__link { 2633 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 2634 no-repeat 0 -400px; 2635 -webkit-background-size: 800px 800px; 2636 -moz-background-size: 800px 800px; 2637 -o-background-size: 800px 800px; 2638 background-size: 800px 800px; 2639 width: 353px; 2640 height: 177px; 2641 } 2642 2643 .no-touch body.page .top .logo__link:hover { 2644 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 2645 no-repeat -400px -200px; 2646 -webkit-background-size: 800px 800px; 2647 -moz-background-size: 800px 800px; 2648 -o-background-size: 800px 800px; 2649 background-size: 800px 800px; 2650 } 2651 2652 .no-touch body.page.-loginopen .top .logo__link:hover, 2653 .no-touch body.page.-menuopen .top .logo__link:hover { 2654 background: url('/_assets/d8c770632cf3475a4f5235bb32b72617/Images/sprites.svg') 2655 no-repeat -400px -400px; 2656 -webkit-background-size: 800px 800px; 2657 -moz-background-size: 800px 800px; 2658 -o-background-size: 800px 800px; 2659 background-size: 800px 800px; 2660 } 2661 2662 .grid__top { 2663 grid-template-columns: 1fr 353px 1fr; 2664 } 2665 2666 .top.-scroll .grid__top { 2667 grid-template-columns: 1fr 177px 1fr; 2668 } 2669 2670 body.-loginopen .grid__top, 2671 body.-menuopen .grid__top { 2672 grid-template-columns: 1fr 353px 1fr; 2673 } 2674 2675 .login.-active { 2676 max-height: calc(100vh - 7rem - 177px); 2677 } 2678 2679 .login.-active > .login__form { 2680 max-height: calc(100vh - 11rem - 177px); 2681 } 2682 2683 .webcam__wrap { 2684 top: 5rem; 2685 } 2686} 2687 2688@media (min-width: 1024px) { 2689 .imagemenu { 2690 grid-template-columns: repeat(3, 1fr); 2691 } 2692 2693 .grid__col.-w20 .grid__12 .uploads__link, 2694 .grid__col.-w33 .grid__12 .uploads__link { 2695 grid-column: span 12; 2696 } 2697 2698 .info .grid__col.-w25 { 2699 grid-column: span 6; 2700 } 2701 2702 .webcam__wrap a { 2703 display: flex; 2704 align-content: center; 2705 align-items: center; 2706 gap: var(--g-gap-s); 2707 } 2708 2709 .webcam__icontext { 2710 display: block; 2711 color: rgb(var(--c-neutral-lightest)); 2712 text-transform: uppercase; 2713 font-size: var(--f-size-s-2); 2714 font-family: var(--f-family-2); 2715 font-weight: var(--f-weight-sb); 2716 } 2717} 2718 2719@media (min-width: 1280px) { 2720 .header div.flashnews { 2721 bottom: 95px; 2722 } 2723 2724 .header div.flashnews h4 { 2725 font-size: var(--f-size-l-2); 2726 } 2727 2728 .header div.flashnews { 2729 padding: 1rem 1.5rem; 2730 } 2731 2732 .flashnews > .grid__main { 2733 padding-left: 30px; 2734 } 2735 2736 .flashnews > .grid__main::before { 2737 font-size: 70px; 2738 width: 20px; 2739 } 2740 2741 body.-infoopen { 2742 height: auto; 2743 overflow-y: auto; 2744 } 2745 2746 .header div.info { 2747 z-index: 100; 2748 } 2749 2750 .header div.info.-open { 2751 z-index: 200; 2752 max-height: 300px; 2753 height: auto; 2754 position: absolute; 2755 } 2756 2757 .info .grid__col.-w25 { 2758 grid-column: span 3; 2759 } 2760 2761 .info__container { 2762 position: relative; 2763 padding: 1.8rem 0; 2764 background: rgba(var(--c-neutral-lightest), 0); 2765 -webkit-transition: background 1s ease; 2766 -moz-transition: background 1s ease; 2767 transition: background 1s ease; 2768 display: flex; 2769 z-index: 0; 2770 flex-flow: column; 2771 } 2772 2773 .info.-open .info__container { 2774 background: rgba(var(--c-neutral-lightest), 0.85); 2775 -webkit-transition: background 1s ease; 2776 -moz-transition: background 1s ease; 2777 transition: background 1s ease; 2778 padding: 1.8rem 0; 2779 height: auto; 2780 } 2781 2782 .info__button { 2783 right: 4%; 2784 } 2785 2786 .info__more { 2787 background: rgb(var(--c-neutral-lightest)); 2788 margin: 1rem auto 0 auto; 2789 } 2790 2791 .info__more a { 2792 color: rgb(var(--c-primary)); 2793 } 2794 2795 .info.-open .info__switch { 2796 position: inherit; 2797 z-index: inherit; 2798 top: inherit; 2799 right: 0; 2800 } 2801 2802 .no-touch .info__more:hover { 2803 background: rgb(var(--c-primary)); 2804 } 2805 2806 .no-touch .info__more:hover a { 2807 color: rgb(var(--c-neutral-lightest)); 2808 } 2809 2810 /* Menus */ 2811 .parentnav, 2812 .leftmenu { 2813 display: block; 2814 } 2815 2816 .imagemap__text { 2817 position: absolute; 2818 left: 0; 2819 bottom: 0; 2820 max-width: 600px; 2821 } 2822 2823 .imagemap { 2824 padding-bottom: 200px; 2825 } 2826 2827 /* Mainmenu */ 2828 .page .mainmenu .mainmenu__sidebar { 2829 position: inherit; 2830 bottom: inherit; 2831 top: inherit; 2832 background: transparent; 2833 padding: 0; 2834 left: inherit; 2835 height: auto; 2836 -webkit-transition: max-height 1s ease; 2837 -moz-transition: max-height 1s ease; 2838 transition: max-height 1s ease; 2839 max-height: 0; 2840 width: 100%; 2841 overflow: hidden; 2842 display: block; 2843 max-width: inherit; 2844 } 2845 2846 .mainmenu.-active .mainmenu__sidebar { 2847 max-height: calc(100vh - 13rem - 90px); 2848 left: inherit; 2849 transform: none; 2850 } 2851 2852 .mainmenu.-active .mainmenu__listwrap { 2853 height: calc(100vh - 13rem - 90px); 2854 } 2855 2856 .mainmenu__nav { 2857 position: inherit; 2858 z-index: inherit; 2859 height: 100%; 2860 width: 100%; 2861 top: inherit; 2862 left: inherit; 2863 } 2864 2865 .mainmenu__link { 2866 display: block; 2867 color: rgb(var(--c-primary)); 2868 font-family: var(--f-family-2); 2869 position: relative; 2870 } 2871 2872 .mainmenu__list.-level2 .mainmenu__link.-active, 2873 .mainmenu__list.-level2 .mainmenu__link.-current, 2874 .no-touch .mainmenu__list.-level2 .mainmenu__link:hover { 2875 color: rgb(var(--c-primary-light)); 2876 text-decoration: underline; 2877 text-decoration-thickness: 2px; 2878 text-underline-offset: 5px; 2879 } 2880 2881 .mainmenu__list.-level1 { 2882 width: 100%; 2883 display: flex; 2884 margin: 0 auto; 2885 justify-content: space-between; 2886 padding: 0; 2887 } 2888 2889 .mainmenu__list.-level1 > .mainmenu__item { 2890 border-left: 2px solid rgb(var(--c-primary)); 2891 padding-left: 1rem; 2892 margin-right: 2rem; 2893 height: max-content; 2894 } 2895 2896 .mainmenu.-active .mainmenu__list.-level1 > .mainmenu__item { 2897 left: inherit; 2898 -moz-transition: none; 2899 -webkit-transition: none; 2900 transition: none; 2901 } 2902 2903 .mainmenu__list.-level1 .mainmenu__list { 2904 display: block; 2905 } 2906 2907 .mainmenu__link.-active + .mainmenu__list { 2908 display: block; 2909 } 2910 2911 .mainmenu__link { 2912 padding: 0; 2913 line-height: 120%; 2914 margin-bottom: 0.8rem; 2915 } 2916 2917 .mainmenu__item { 2918 position: relative; 2919 } 2920 2921 .mainmenu__list.-level1 > .mainmenu__item > .mainmenu__link { 2922 line-height: 100%; 2923 } 2924 2925 .mainmenu__list.-level2 .mainmenu__link { 2926 padding: 0; 2927 } 2928 2929 .mainmenu__list.-level2 { 2930 margin-top: 1rem; 2931 } 2932 2933 .mainmenu__arrow { 2934 display: none; 2935 } 2936 2937 .mainmenu .-level3, 2938 .mainmenu .-level4, 2939 .mainmenu .-level5, 2940 .mainmenu .-level6, 2941 .mainmenu .-level7 { 2942 display: none !important; 2943 } 2944} 2945 2946@media (min-width: 1580px) { 2947 /* General */ 2948 html { 2949 font-size: 18px; 2950 } 2951 2952 h1, 2953 .-likeh1, 2954 .imagebutton__title, 2955 h2, 2956 .-likeh2 { 2957 font-size: var(--f-size-l-5); 2958 } 2959 2960 .content, 2961 .content__bottom, 2962 .footer { 2963 padding-top: 100px; 2964 } 2965 2966 .content > .frame, 2967 .content__top, 2968 .content__bottom > .frame, 2969 .footer { 2970 padding-bottom: 100px; 2971 } 2972 2973 .-loginopen .top, 2974 .-menuopen .top { 2975 background: rgba(var(--c-neutral-lightest), 0.85); 2976 } 2977} 2978 2979@media (min-width: 2250px) { 2980 .info__more { 2981 position: absolute; 2982 right: 4%; 2983 top: 50%; 2984 transform: translateY(-50%); 2985 } 2986} 2987 2988@media (max-width: 1880px) { 2989 .page.-main .header { 2990 max-height: calc(100vh - 45px); 2991 height: calc(100vh - 45px); 2992 } 2993} 2994--> 2995/*]]>*/ 2996</style> 2997 2998<style media="all"> 2999/*<![CDATA[*/ 3000<!-- 3001/* Variables 3002 ========================================================================== */ 3003 3004:root { 3005 /* font */ 3006 --f-family: 'Noto Sans', sans-serif; 3007 --f-family-2: 'Jost', sans-serif; 3008 --f-size-s-2: 75%; 3009 --f-size-s-1: 88%; 3010 --f-size: 100%; 3011 --f-size-l-1: 125%; 3012 --f-size-l-2: 150%; 3013 --f-size-l-3: 180%; 3014 --f-size-l-4: 250%; 3015 --f-size-l-5: 300%; 3016 /* font weight */ 3017 --f-weight-t: 200; 3018 --f-weight-l: 300; 3019 --f-weight-n: 400; 3020 --f-weight-sb: 600; 3021 --f-weight-b: 700; 3022 /* color */ 3023 --c-primary-light: 35, 123, 99; 3024 --c-primary: 1, 80, 58; 3025 --c-primary-dark: 3, 59, 44; 3026 --c-neutral-lightest: 255, 255, 255; 3027 --c-neutral-lighter: 240, 240, 240; 3028 --c-neutral-light: 215, 215, 215; 3029 --c-neutral: 170, 170, 170; 3030 --c-neutral-dark: 74, 74, 74; 3031 --c-neutral-darker: 41, 41, 41; 3032 --c-neutral-darkest: 0, 0, 0; 3033 /* grid */ 3034 --g-gap-l: 3rem; 3035 --g-gap: 1.75rem; 3036 --g-gap-s: 0.75rem; 3037 /* border */ 3038 --b-radius-s: 8px; 3039 --b-radius: 10px; 3040 /* margin for url scroll to element */ 3041 --m-scroll: 9rem; 3042}--> 3043/*]]>*/ 3044</style> 3045 3046<style media="all"> 3047/*<![CDATA[*/ 3048<!-- 3049@font-face { 3050 font-display: swap; 3051 font-family: 'Jost';
3052 font-style: normal; 3053 font-weight: 200; 3054 src: url('https://www.gkmb-cdn.de/Fonts/jost-200.woff2') format('woff2'); 3055} 3056 3057@font-face { 3058 font-display: swap; 3059 font-family: 'Jost'; 3060 font-style: normal; 3061 font-weight: 400; 3062 src: url('https://www.gkmb-cdn.de/Fonts/jost-regular.woff2'); 3063} 3064 3065@font-face { 3066 font-display: swap; 3067 font-family: 'Jost'; 3068 font-style: normal; 3069 font-weight: 600; 3070 src: url('https://www.gkmb-cdn.de/Fonts/jost-600.woff2') format('woff2'); 3071} 3072 3073@font-face { 3074 font-display: swap; 3075 font-family: 'Jost'; 3076 font-style: italic; 3077 font-weight: 700; 3078 src: url('https://www.gkmb-cdn.de/Fonts/jost-700italic.woff2'); 3079} 3080 3081@font-face { 3082 font-display: swap; 3083 font-family: 'Noto Sans'; 3084 font-style: normal; 3085 font-weight: 400; 3086 src: url('https://www.gkmb-cdn.de/Fonts/noto-sans-regular.woff2') format('woff2'); 3087} 3088 3089@font-face { 3090 font-display: swap; 3091 font-family: 'Noto Sans'; 3092 font-style: italic; 3093 font-weight: 400; 3094 src: url('https://www.gkmb-cdn.de/Fonts/noto-sans-italic.woff2') format('woff2'); 3095} 3096 3097@font-face { 3098 font-display: swap; 3099 font-family: 'Noto Sans'; 3100 font-style: normal; 3101 font-weight: 700; 3102 src: url('https://www.gkmb-cdn.de/Fonts/noto-sans-700.woff2') format('woff2'); 3103} 3104 3105@font-face { 3106 font-display: swap; 3107 font-family: 'Noto Sans'; 3108 font-style: italic; 3109 font-weight: 700; 3110 src: url('https://www.gkmb-cdn.de/Fonts/noto-sans-700italic.woff2'); 3111} 3112--> 3113/*]]>*/ 3114</style> 3115 3116<link rel="stylesheet" href="https://www.gkmb-cdn.de/css/fontawesome-fontface.css" media="all"> 3117<link rel="preload" href="https://www.gkmb-cdn.de/css/fontawesome-pro.css" media="print" data-loadhack="true" as="style"> 3118<link rel="preload" href="/_assets/2fe3169786e44755009c78089e4cc3e6/Css/base.css?1780911444" media="print" data-loadhack="true" as="style"> 3119<link rel="preload" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/template.css?1781617930" media="print" data-loadhack="true" as="style"> 3120<link rel="preload" href="https://www.gkmb-cdn.de/css/jquery.fancybox.min.css" media="print" data-loadhack="true" as="style"> 3121<link rel="stylesheet" href="/_assets/2fe3169786e44755009c78089e4cc3e6/Css/print.css?1780911444" media="print"> 3122<link rel="stylesheet" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/container.css?1781793075" media="all"> 3123<link rel="preload" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/form.css?1781703109" media="print" data-loadhack="true" as="style"> 3124<link rel="stylesheet" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/gkmb_ce.css?1781866666" media="all"> 3125<link rel="stylesheet" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/gkmb_coursetable.css?1668682565" media="all"> 3126<link rel="stylesheet" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/gkmb_oneforall.css?1782372028" media="all"> 3127<link rel="stylesheet" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/gkmb_personalscore.css?1669046379" media="all"> 3128<link rel="stylesheet" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Css/Extensions/weather2.css?1781618041" media="all"> 3129<link media="screen, print" href="/_assets/5fa3f194372abb0aca567b59e8938f11/Css/linktextbox.css?1781620606" rel="stylesheet" > 3130<link href="/_assets/2fe3169786e44755009c78089e4cc3e6/Css/Extensions/go_maps_ext.css?1780911444" rel="stylesheet" > 3131<style> 3132/*<![CDATA[*/ 3133<!-- 3134/*txGoMapsExtLibrary*/ 3135.no-map-found {color: red} 3136--> 3137/*]]>*/ 3138</style> 3139 3140 3141
3142<script src="https://www.gkmb-cdn.de/js/jquery-4.0.0.min.js"></script>
vendor: 1 bytes, line 3142
3142
3143<script src="/typo3temp/assets/compressed/merged-f1acf34eb7e4be5482b0fbf308d8e188-min.js?1791109116"></script>
3143 3144 3145 3146 3147<link rel="preload" href="https://www.gkmb-cdn.de/Fonts/noto-sans-regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.gkmb-cdn.de/Fonts/jost-regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.gkmb-cdn.de/Fonts/jost-700italic.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.gkmb-cdn.de/Fonts/jost-200.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.gkmb-cdn.de/Fonts/jost-600.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.gkmb-cdn.de/Fonts/noto-sans-700italic.woff2" as="font" type="font/woff2" crossorigin><link rel="apple-touch-icon" href="/_assets/d8c770632cf3475a4f5235bb32b72617/Images/apple_touch_icon.png" /> 3148<link rel="canonical" href="https://www.golf-schoenenberg.ch/anlage"/> 3149
3150<script type="application/ld+json" id="ext-schema-jsonld">{"@context":"https://schema.org/","@type":"BreadcrumbList","itemListElement":{"@type":"ListItem","item":{"@type":"WebPage","@id":"https://www.golf-schoenenberg.ch/anlage"},"name":"Anlage","position":"1"}}</script>
3150 3151</head> 3152<body class ="page -sub -withoutmenu"> 3153<section class="top grid__main"> 3154 <div class="grid__top"> 3155 <span class="webcam__wrap"><a href="http://gccs.dyndns.org:580/jpg/image.jpg" target="_blank"><div class="webcam__icon"></div><p class="webcam__icontext">Webcam</p></a></span> 3156 <div class="top__button -mainmenu"> 3157 <span class="font__button"></span> 3158 </div> 3159 <div class="logo"> 3160 <a class="logo__link" title="Zur Startseite" href="/"></a> 3161 </div> 3162 <div class="top__button -members"> 3163 <span class="font__button"> </span> 3164 </div> 3165 </div> 3166 <div class="mainmenu"> 3167 <nav class="mainmenu__nav -hidden"> 3168 <div class="mainmenu__sidebar"> 3169 <div class="mainmenu__listwrap"> 3170 <div class="mainmenu__list -level1"> 3171 3172 <div class="mainmenu__item"> 3173 <a class="mainmenu__link -active -current" 3174 href="/anlage" 3175 title="Anlage" 3176 3177 3178 > 3179 Anlage 3180 </a> 3181 3182 3183 <div class="mainmenu__list -level2"> 3184 3185 <div class="mainmenu__item"> 3186 <a class="mainmenu__link" 3187 href="/platzinfos" 3188 title="Platzinfos" 3189 3190 3191 > 3192 Platzinfos 3193 </a> 3194 3195 </div> 3196 3197 <div class="mainmenu__item"> 3198 <a class="mainmenu__link" 3199 href="/anlage/platzuebersicht" 3200 title="Platzübersicht" 3201 3202 3203 > 3204 Platzübersicht 3205 </a> 3206 3207 </div> 3208 3209 <div class="mainmenu__item"> 3210 <a class="mainmenu__link" 3211 href="/anlage/scores-rating" 3212 title="Scores & Rating" 3213 3214 3215 > 3216 Scores & Rating 3217 </a> 3218 3219 3220 3221 <div class="mainmenu__list -level3"> 3222 3223 <div class="mainmenu__item"> 3224 <a class="mainmenu__link" 3225 href="/anlage/scores-vorgaben/18-loch-scorekarte" 3226 title="18-Loch Scorekarte" 3227 3228 3229 > 3230 18-Loch Scorekarte 3231 </a> 3232 3233 </div> 3234 3235 <div class="mainmenu__item"> 3236 <a class="mainmenu__link" 3237 href="/anlage/scores-vorgaben/18-loch-scorekarte-1" 3238 title="18-Loch Vorgabentabellen" 3239 3240 3241 > 3242 18-Loch Vorgabentabellen 3243 </a> 3244 3245 </div> 3246 3247 </div> 3248 3249 3250 </div> 3251 3252 <div class="mainmenu__item"> 3253 <a class="mainmenu__link" 3254 href="/anlage/trainingsanlagen" 3255 title="Trainingsanlagen" 3256 3257 3258 > 3259 Trainingsanlagen 3260 </a> 3261 3262 </div> 3263 3264 <div class="mainmenu__item"> 3265 <a class="mainmenu__link" 3266 href="/anlage/entstehung" 3267 title="Entstehung" 3268 3269 3270 > 3271 Entstehung 3272 </a> 3273 3274 </div> 3275 3276 <div class="mainmenu__item"> 3277 <a class="mainmenu__link" 3278 href="/anlage/impressionen" 3279 title="Impressionen" 3280 3281 3282 > 3283 Impressionen 3284 </a> 3285 3286 </div> 3287 3288 </div> 3289 3290 3291 </div> 3292 3293 <div class="mainmenu__item"> 3294 <a class="mainmenu__link" 3295 href="/club" 3296 title="Club" 3297 3298 3299 > 3300 Club 3301 </a> 3302 3303 3304 <div class="mainmenu__list -level2"> 3305 3306 <div class="mainmenu__item"> 3307 <a class="mainmenu__link" 3308 href="/club/vorstand-management" 3309 title="Vorstand & Management" 3310 3311 3312 > 3313 Vorstand & Management 3314 </a> 3315 3316 </div> 3317 3318 <div class="mainmenu__item"> 3319 <a class="mainmenu__link" 3320 href="/club/professionals" 3321 title="Professionals" 3322 3323 3324 > 3325 Professionals 3326 </a> 3327 3328 </div> 3329 3330 <div class="mainmenu__item"> 3331 <a class="mainmenu__link" 3332 href="/club/mitgliedschaften" 3333 title="Mitgliedschaften" 3334 3335 3336 > 3337 Mitgliedschaften 3338 </a> 3339 3340 </div> 3341 3342 <div class="mainmenu__item"> 3343 <a class="mainmenu__link" 3344 href="/club/mitgliederbereich" 3345 title="Mitglieder&shy;bereich" 3346 3347 3348 > 3349 Mitglieder­bereich 3350 </a> 3351 3352 3353 3354 <div class="mainmenu__list -level3"> 3355 3356 <div class="mainmenu__item"> 3357 <a class="mainmenu__link" 3358 href="/club/mitgliederbereich/turniere" 3359 title="Turniere" 3360 3361 3362 > 3363 Turniere 3364 </a> 3365 3366 </div> 3367 3368 </div> 3369 3370 3371 </div> 3372 3373 <div class="mainmenu__item"> 3374 <a class="mainmenu__link" 3375 href="/club/turnierkalender" 3376 title="Turnierkalender" 3377 3378 3379 > 3380 Turnierkalender
3381 </a> 3382 3383 </div> 3384 3385 <div class="mainmenu__item"> 3386 <a class="mainmenu__link" 3387 href="/club/standort-lage" 3388 title="Standort & Lage" 3389 3390 3391 > 3392 Standort & Lage 3393 </a> 3394 3395 </div> 3396 3397 </div> 3398 3399 3400 </div> 3401 3402 <div class="mainmenu__item"> 3403 <a class="mainmenu__link" 3404 href="/besucher" 3405 title="Besucher" 3406 3407 3408 > 3409 Besucher 3410 </a> 3411 3412 3413 <div class="mainmenu__list -level2"> 3414 3415 <div class="mainmenu__item"> 3416 <a class="mainmenu__link" 3417 href="/besucher/allgemeine-informationen" 3418 title="Allgemeine Informationen" 3419 3420 3421 > 3422 Allgemeine Informationen 3423 </a> 3424 3425 </div> 3426 3427 <div class="mainmenu__item"> 3428 <a class="mainmenu__link" 3429 href="/besucher/greenfee" 3430 title="Greenfee" 3431 3432 3433 > 3434 Greenfee 3435 </a> 3436 3437 </div> 3438 3439 </div> 3440 3441 3442 </div> 3443 3444 <div class="mainmenu__item"> 3445 <a class="mainmenu__link" 3446 href="/leistungen" 3447 title="Leistungen" 3448 3449 3450 > 3451 Leistungen 3452 </a> 3453 3454 3455 <div class="mainmenu__list -level2"> 3456 3457 <div class="mainmenu__item"> 3458 <a class="mainmenu__link" 3459 href="/leistungen/restaurant" 3460 title="Restaurant" 3461 3462 3463 > 3464 Restaurant 3465 </a> 3466 3467 </div> 3468 3469 <div class="mainmenu__item"> 3470 <a class="mainmenu__link" 3471 href="/leistungen/proshop" 3472 title="Proshop" 3473 3474 3475 > 3476 Proshop 3477 </a> 3478 3479 </div> 3480 3481 </div> 3482 3483 3484 </div> 3485 3486 </div> 3487 </div> 3488 </div> 3489 </nav> 3490</div> 3491 3492 3493 3494 <div class="login"> 3495 <div class="login__form"> 3496 3497<div id="c339" class="grid__main frame frame-default frame-type-felogin_login frame-layout-0"> 3498 3499 3500 3501 3502 <div class="headline -small"> 3503 <h3> 3504 3505<p>Anmelden</p> 3506 3507 3508 </h3> 3509 </div> 3510 <p class="formfield__description"> 3511 3512<p>Erhalte Zugang zu deinem Spieler Account und zur Anmeldung zum Turnier. Gebe dazu deine PC CADDIE://online Logindaten ein:</p> 3513 3514 3515 </p> 3516 3517 3518<form spellcheck="false" method="post" target="_top" action="/anlage?tx_felogin_login%5Baction%5D=login&tx_felogin_login%5Bcontroller%5D=Login&cHash=7c51b1cbb7e3675b68ae5e3b8251b961"> 3519<div> 3520<input type="hidden" name="__referrer[@extension]" value="Felogin" /> 3521<input type="hidden" name="__referrer[@controller]" value="Login" /> 3522<input type="hidden" name="__referrer[@action]" value="login" /> 3523<input type="hidden" name="__referrer[arguments]" value="YTowOnt95629c394220ef54dd065610b562d4a1754a91781" /> 3524<input type="hidden" name="__referrer[@request]" value="{"@extension":"Felogin","@controller":"Login","@action":"login"}3ec19bb2dfb6bc2237a5400510fca71303dc9f98" /> 3525<input type="hidden" name="__RequestToken" value="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiIsImtpZCI6IntcInR5cGVcIjpcIm5vbmNlXCIsXCJuYW1lXCI6XCJyUUNWWDRNUlRaUTJ4dXNKNGtrSXV3XCJ9In0.eyJzY29wZSI6ImNvcmUvdXNlci1hdXRoL2ZlIiwidGltZSI6IjIwMjYtMTAtMDRUMTI6MTg6MzYrMDI6MDAiLCJwYXJhbXMiOnsicGlkIjoiNSIsInJlcXVlc3QiOnsidXJpIjoiL2FubGFnZT90eF9mZWxvZ2luX2xvZ2luJTVCYWN0aW9uJTVEPWxvZ2luJmFtcDt0eF9mZWxvZ2luX2xvZ2luJTVCY29udHJvbGxlciU1RD1Mb2dpbiZhbXA7Y0hhc2g9N2M1MWIxY2JiN2UzNjc1YjY4YWU1ZTNiODI1MWI5NjEifX19.A-bnL11GzSm48lniJRDO5l0wa24PY9-v1G256qEBLD4"/><input type="hidden" name="__trustedProperties" value="{"user":1,"pass":1,"submit":1,"logintype":1}de2561f6d7e1e1647a08d134c2daec5f21b29536" /> 3526</div> 3527 3528 3529 <fieldset> 3530 <div> 3531 <label class="formfield__label" for="tx-felogin-input-username"> 3532 PC CADDIE://online E-Mail Adresse 3533 </label> 3534 <input autocomplete="username" id="tx-felogin-input-username" type="text" name="user" required="required" /> 3535 </div> 3536 <div> 3537 <label class="formfield__label" for="tx-felogin-input-password"> 3538 PC CADDIE://online Passwort 3539 </label> 3540 <input required="required" autocomplete="current-password" id="tx-felogin-input-password" type="password" name="pass" value="" /> 3541 </div> 3542 3543 3544 3545 <div> 3546 <input type="submit" value="Anmelden" name="submit" /> 3547 </div> 3548 3549 <div class="felogin-hidden"> 3550 <input type="hidden" name="logintype" value="login" /> 3551 3552 3553 3554 3555 </div> 3556 </fieldset> 3557 3558</form> 3559 3560 3561 3562 3563 3564</div> 3565 3566<div id="c2160" class="grid__main frame frame-default frame-type-text frame-layout-0 frame-space-before-small"><p><a href="/club/meine-daten/passwort-aendern">Passwort vergessen?</a></p></div> 3567 3568 </div> 3569 </div> 3570 3571 <div class="top__close"><span class="font__fal">
3571ï</span></div> 3572</section> 3573<header class="header"> 3574 <div class="header__image"> 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 <picture class="header__image"> 3585 3586 3587 3588 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" media="(min-width: 1920px)" type="image/webp"> 3589 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" media="(min-width: 1280px) and (max-width: 1919px)" type="image/webp"> 3590 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" media="(min-width: 768px) and (max-width: 1279px)" type="image/webp"> 3591 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg, /fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg 2x" media="(min-width: 480px) and (max-width: 767px)" type="image/webp"> 3592 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg, /fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg 2x" media="(max-width: 479px)" type="image/webp"> 3593 3594 3595 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" media="(min-width: 1920px)" type="image/webp"> 3596 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" media="(min-width: 1280px) and (max-width: 1919px)" type="image/webp"> 3597 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" media="(min-width: 768px) and (max-width: 1279px)" type="image/webp"> 3598 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg, /fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg 2x" media="(min-width: 480px) and (max-width: 767px)" type="image/webp"> 3599 <source srcset="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg, /fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg 2x" media="(max-width: 479px)" type="image/webp"> 3600 3601 <!---Fallback---> 3602 3603 <img fetchpriority="high" class="gallery__image" src="/fileadmin/content/Bilder/Header_Standard_Zufall/IMG_9863.jpg" width="3000" height="2250" alt="" /> 3604 3605 </picture> 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 </div> 3617 3618 <div class="info"> 3619 <div class="info__content"> 3620 <div class="info__container"> 3621 3622<div id="c334" class="grid__main frame frame-default frame-type-col4-25252525 frame-layout-0"><div class="grid__12"><div class="grid__col -w25"><div id="c336" class="grid__main frame frame-default frame-type-list frame-layout-0"><div class="tx-gkmboneforall"><div data-ofa-flash data-ofa-flash-close="SchlieÃen"></div><div class="gkmb__oneforall -today layout-0"><div class="day__container"><div class="oneforall__day"><div class="day__subarea"><div class="subarea__textwrap"><div class="subarea__titlewrap"><span class="subarea__title">Greenkeeping</span></div><div class="reservation__wrap"><div class="subarea__text"><p>Platzpflegearbeiten</p></div></div></div></div></div></div></div></div></div></div><div class="grid__col -w25"><div id="c2276" class="grid__main frame frame-default frame-type-col2-3070 frame-layout-0"><div class="headline -small"><h4 class=""> 3623 Wetter & Webcam 3624 </h4></div><div class="grid__12"><div class="grid__col -w30"><div id="c335" class="grid__main frame frame-default frame-type-list frame-layout-0"><div class="tx-weather2"><div class="weather2-item weather2-report" id="weather2-weather377651"><div class="weather-temp">19 °C</div><div class="weather-data"><p>Min: 18 °C</p><p>Max: 21 °C</p></div></div></div></div></div><div class="grid__col -w70"><div id="c3197" class="grid__main frame frame-default frame-type-text frame-layout-0"><p><span class="font__button"><a href="http://gccs.dyndns.org:580/jpg/image.jpg" target="_blank" rel="noreferrer">Webcam</a></span></p></div></div></div></div></div><div class="grid__col -w25"><div id="c337" class="grid__main frame frame-default frame-type-list frame-layout-0"><div class="tx-gkmboneforall"><div data-ofa-flash data-ofa-flash-close="SchlieÃen"></div><div class="gkmb__oneforall -today layout-0"><div class="day__container"><div class="oneforall__day"><div class="day__subarea"><div class="subarea__textwrap"><div class="subarea__titlewrap"><span class="subarea__title">Turniere & Events</span></div><div class="reservation__wrap"></div></div></div></div></div></div></div></div></div><div class="grid__col -w25"><div id="c338" class="grid__main frame frame-default frame-type-list frame-layout-0"><div class="tx-gkmboneforall"><div data-ofa-flash data-ofa-flash-close="SchlieÃen"></div><div class="gkmb__oneforall -today layout-0"><div class="day__container"><div class="oneforall__day"><div class="day__subarea"><div class="subarea__textwrap"><div class="subarea__titlewrap"><span class="subarea__title">Driving Range</span></div><div class="reservation__wrap"><div class="subarea__text"><p>Rasenabschläge geschlossen</p></div></div></div></div></div></div></div></div></div></div></div></div> 3625 3626 <div class="font__button info__more"> 3627 <a href="/platzinfos">Platzinformationen</a> 3628 </div> 3629 </div> 3630 <div class="info__button"> 3631 <div class="font__button">Informationen</div> 3632 <div class="info__switch">
3633 <span class="font__fal -open">ï·</span> 3634 <span class="font__fal -close">ï</span> 3635 </div> 3636 </div> 3637 </div> 3638 </div> 3639 3640 <!-- 3641 <div class="info"> 3642 <div class="info__content"> 3643 <div class="info__button"> 3644 <div class="font__button"><a href="/platzinfos">Platzinformationen</a></div> 3645 <div class="font__button"><a href="http://gccs.dyndns.org:580/jpg/image.jpg" target="_blank">Webcam</a></div> 3646 </div> 3647 </div> 3648 </div>--> 3649 3650 <div class="flashnews"> 3651 3652<div id="c5169" class="grid__main frame frame-default frame-type-text frame-layout-0"><div class="headline -small"><h4 class="-left"> 3653 Dienstag,06.10. Topdressing der Greens! 3654 </h4></div></div> 3655 3656 </div> 3657 3658</header> 3659 3660 <section class="breadcrumb grid__main"> 3661 <nav class="breadcrumb__nav"> 3662 3663 <div class="breadcrumb__item"> 3664 <a class="breadcrumb__link" href="/" 3665 title="Home" 3666 3667 3668 > 3669 Home 3670 </a> 3671 </div> 3672 3673 <div class="breadcrumb__separator"></div> 3674 3675 3676 <div class="breadcrumb__item"> 3677 <a class="breadcrumb__link" href="/anlage" 3678 title="Anlage" 3679 3680 3681 > 3682 Anlage 3683 </a> 3684 </div> 3685 3686 3687</nav> 3688 </section> 3689 3690 3691 <main class="content"> 3692 3693<div id="c3126" class="grid__main frame frame-default frame-type-text frame-layout-10"><div class="headline -large"><h1 class=""> 3694 Unsere Anlage 3695 </h1></div><p class="text-center">In der Riedlandschaft rund um den Krebsbach zwischen Schönenberg und Hirzel und im Naherholungsgebiet<br> zwischen Zürich und Zug liegt der renommierte Golf and Country Club Schönenberg. In dieser privilegierten geographischen Lage wurde die anspruchsvolle 18-Loch Golfanlage 1967 gebaut und erfüllt seither höchste Qualitätsansprüche für Mitglieder und Gäste. </p></div> 3696 3697 3698<div id="c3129" class="grid__main frame frame-default frame-type-gkmbce_linktextbox frame-layout-0"><div class="linktextbox" data-col-count="3"><a href="/platzinfos" class="uploads__link"><div class="uploads__item"><div class="uploads__text"><div class="uploads__title"> 3699 Platzinfos 3700 </div><div class="uploads__description"></div></div><svg class="uploads__arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="47.9px" viewBox="0 0 21 47.9" style="enable-background:new 0 0 21 47.9;" xml:space="preserve"><path class="uploads__arrowpath" d="M0.4,0.3l20,23.7l-20,23.6"></path></svg></div></a><a href="/anlage/platzuebersicht" class="uploads__link"><div class="uploads__item"><div class="uploads__text"><div class="uploads__title"> 3701 Platzübersicht 3702 </div><div class="uploads__description"></div></div><svg class="uploads__arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="47.9px" viewBox="0 0 21 47.9" style="enable-background:new 0 0 21 47.9;" xml:space="preserve"><path class="uploads__arrowpath" d="M0.4,0.3l20,23.7l-20,23.6"></path></svg></div></a><a href="/anlage/scores-rating" class="uploads__link"><div class="uploads__item"><div class="uploads__text"><div class="uploads__title"> 3703 Scores & Rating 3704 </div><div class="uploads__description"></div></div><svg class="uploads__arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="47.9px" viewBox="0 0 21 47.9" style="enable-background:new 0 0 21 47.9;" xml:space="preserve"><path class="uploads__arrowpath" d="M0.4,0.3l20,23.7l-20,23.6"></path></svg></div></a><a href="/anlage/trainingsanlagen" class="uploads__link"><div class="uploads__item"><div class="uploads__text"><div class="uploads__title"> 3705 Trainingsanlagen 3706 </div><div class="uploads__description"></div></div><svg class="uploads__arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="47.9px" viewBox="0 0 21 47.9" style="enable-background:new 0 0 21 47.9;" xml:space="preserve"><path class="uploads__arrowpath" d="M0.4,0.3l20,23.7l-20,23.6"></path></svg></div></a><a href="/anlage/entstehung" class="uploads__link"><div class="uploads__item"><div class="uploads__text"><div class="uploads__title"> 3707 Entstehung 3708 </div><div class="uploads__description"></div></div><svg class="uploads__arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="47.9px" viewBox="0 0 21 47.9" style="enable-background:new 0 0 21 47.9;" xml:space="preserve"><path class="uploads__arrowpath" d="M0.4,0.3l20,23.7l-20,23.6"></path></svg></div></a><a href="/anlage/impressionen" class="uploads__link"><div class="uploads__item"><div class="uploads__text"><div class="uploads__title"> 3709 Impressionen 3710 </div><div class="uploads__description"></div></div><svg class="uploads__arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="47.9px" viewBox="0 0 21 47.9" style="enable-background:new 0 0 21 47.9;" xml:space="preserve"><path class="uploads__arrowpath" d="M0.4,0.3l20,23.7l-20,23.6"></path></svg></div></a></div></div> 3711 3712 3713 </main> 3714 3715<footer class="footer grid__main"> 3716 3717<div id="c332" class="grid__main frame frame-default frame-type-col2-3070 frame-layout-0"><div class="grid__12"><div class="grid__col -w30"><div id="c333" class="grid__main frame frame-default frame-type-text frame-layout-0"><div class="headline -small"><h4 class=""> 3718 Kontakt 3719 </h4></div><p><strong>Golf & Country Club Schönenberg</strong><br> CH - 8824 Schönenberg<br><br> Tel.: +41 44 788 90 40 <br> Email: <a href="#" data-mailto-token="nbjmup+jogpAhpmg.tdipfofocfsh/di" data-mailto-vector="1">[email protected]</a><br> </p><p><strong>Ãffnungszeiten Büro:</strong><br> 9.00 â 17.00 Uhr (März und ab Mitte Oktober)<br> 8.30 â 18.00 Uhr (April bis Mitte Oktober)</p><p>8.30 â 17.00 Uhr (Sonn- und Feiertags)<br> (Witterungsbedingte Abweichungen sind möglich)</p></div></div><div class="grid__col -w70"><div id="c28" class="grid__main frame frame-default frame-type-list frame-layout-0"><div class="headline -small"><h4 class=""> 3720 Lage 3721 </h4></div><div class="tx-go-maps-ext"><div class="js-gme-preview" data-cookie="1"><a href="javascript:;" title="Mit dem Klick auf das Bild können Sie Google Maps als Routenplaner laden. Bitte beachten Sie, dass mit dem Klick personenbezogene Daten an den Server von Google LLC (USA) übertragen werden. Wir weisen darauf hin, dass wir als Anbieter dieser Webseite keine Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch Google LLC erhalten. Nähere Hinweise zum Umgang mit Ihren personenbezogenen Daten sowie ihrer Verarbeitung durch Google einschlieÃlich Ihrer Rechte und Einstellungsmöglichkeiten zum Schutz Ihrer Privatsphäre entnehmen Sie bitte der Datenschutzerklärung von Google LLC." class="js-gme-show" data-library="https://maps.google.com/maps/api/js?loading=async&v=weekly&libraries=maps,marker&callback=goMapsExtLoaded&key=AIzaSyC53N2BE5d6xRbcDkcHgstTw6C0txybyxk&language=de"><img src="/fileadmin/user_upload/google_maps_preview.jpg" width="1623" height="751" alt="" /> 3722 Mit dem Klick auf das Bild können Sie Google Maps als Routenplaner laden. Bitte beachten Sie, dass mit dem Klick personenbezogene Daten an den Server von Google LLC (USA) übertragen werden. Wir weisen darauf hin, dass wir als Anbieter dieser Webseite keine Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch Google LLC erhalten. Nähere Hinweise zum Umgang mit Ihren personenbezogenen Daten sowie ihrer Verarbeitung durch Google einschlieÃlich Ihrer Rechte und Einstellungsmöglichkeiten zum Schutz Ihrer Privatsphäre entnehmen Sie bitte der Datenschutzerklärung von Google LLC. 3723 3724 </a><div class="js-gme-policy"><p>Datenschutzerklärung: <a href="https://policies.google.com/privacy?hl=de" target="_blank" rel="noreferrer">https://policies.google.com/privacy?hl=de</a></p></div></div><div class="js-gme-container"><div class="js-map" id="gme-1"></div><form method="post" id="gme-1-form" action="/anlage?tx_gomapsext_show%5Bcontroller%5D=Map&cHash=933c05c3106a40ed10860b8d9be98b05"><div><input type="hidden" name="tx_gomapsext_show[__referrer][@extension]" value="GoMapsExt" /><input type="hidden" name="tx_gomapsext_show[__referrer][@controller]" value="Map" /><input type="hidden" name="tx_gomapsext_show[__referrer][@action]" value="show" /><input type="hidden" name="tx_gomapsext_show[__referrer][arguments]" value="YTowOnt95629c394220ef54dd065610b562d4a1754a91781" /><input type="hidden" name="tx_gomapsext_show[__referrer][@request]" value="{"@extension":"GoMapsExt","@controller":"Map","@action":"show"}efdb4243862cd70f94ce3db8ae56b204b3168044" /><input type="hidden" name="tx_gomapsext_show[__trustedProperties]" value="{"saddress":1,"submit":1}ce712401c41f0ee8cdf8942481ec0beb87e8ddc3" /></div><input class="js-gme-saddress" type="text" name="tx_gomapsext_show[saddress]" /><input class="js-gme-submit" type="submit" value="Route berechnen" name="tx_gomapsext_show[submit]" /></form></div></div></div></div></div></div> 3725 3726</footer> 3727<section class="metanav grid__main"> 3728 <nav class="metanav__nav"> 3729 3730 <div class="metanav__item"> 3731 <a class="metanav__link" 3732 href="/kontakt" 3733 title="Kontakt" 3734 3735 3736 > 3737 Kontakt 3738 </a> 3739 </div> 3740 3741 <div class="metanav__separator"></div> 3742 3743 3744 <div class="metanav__item"> 3745 <a class="metanav__link" 3746 href="/datenschutz" 3747 title="Datenschutz" 3748 3749 3750 > 3751 Datenschutz 3752 </a> 3753 </div> 3754 3755 <div class="metanav__separator"></div> 3756 3757 3758 <div class="metanav__item"> 3759 <a class="metanav__link" 3760 href="/impressum" 3761 title="Impressum" 3762 3763 3764 > 3765 Impressum 3766 </a> 3767 </div> 3768 3769 3770</nav> 3771</section> 3772
3773<script src="/typo3temp/assets/compressed/merged-6afc207eea3b0011d01952b8d7ec7492-min.js?1791109116"></script>
vendor: 1 bytes, line 3773
3773
3774<script src="https://www.gkmb-cdn.de/js/jquery.fancybox.min.js" defer="defer"></script>
vendor: 1 bytes, line 3774
3774
3775<script src="/typo3temp/assets/compressed/jquery.fancybox-min.js?1791109116" defer="defer"></script>
vendor: 1 bytes, line 3775
3775
3776<script async="async" src="/typo3temp/assets/js/59cb7c5e3fccb968fb36c2e97ef8bf95.js?1781278622"></script>
vendor: 1 bytes, line 3776
3776
3777<script> 3778document.addEventListener("DOMContentLoaded", () => { 3779 let gme = new Object(); 3780 3781 gme.zoomTypes = [0,1,2]; 3782 gme.defaultMapTypes = ["roadmap", "satellite", "hybrid", "terrain", ""]; 3783 3784 gme.mapSettings = { 3785 id: 'gme-' + 1, 3786 title: 'Anfahrt', 3787 width: '1040px', 3788 height: '400px', 3789 zoom: 15, 3790 minZoom: 0, 3791 maxZoom: 0, 3792 lat: 0, 3793 lng: 0, 3794 geolocation: 0, 3795 kmlUrl: '', 3796 kmlPreserveViewport: false, 3797 kmlLocal: 0, 3798 scrollZoom: 1, 3799 draggable: 1, 3800 doubleClickZoom: 0, 3801 markerCluster: 0, 3802 markerClusterZoom: null, 3803 markerClusterSize: null, 3804 3805 markerClusterStyle: '', 3806 3807 markerSearch: 0, 3808 defaultType: 0, 3809 scaleControl: 0, 3810 streetviewControl: 0, 3811 fullscreenControl: 0, 3812 zoomControl: 1, 3813 mapTypeControl: 1, 3814 showRoute: 0, 3815 calcRoute: 1, 3816 travelMode: 0, 3817 unitSystem: 2, 3818 showForm: 1, 3819 showCategories: 0, 3820 logicalAnd: 0, 3821 styledMapName: '', 3822 3823 styledMapCode: '', 3824 3825 defaultZoom: 11 3826 }; 3827 3828 gme.mapSettings.mapTypes = []; 3829 3830 gme.mapSettings.mapTypes[0] = gme.defaultMapTypes[0]; 3831 3832 3833 gme.request = []; 3834 3835 3836 3837 gme.addresses = []; 3838 3839 gme.addresses[0] = { 3840 uid: 1, 3841 title: 'Anfahrt', 3842 latitude: 47.204770, 3843 longitude: 8.626258, 3844 address: 'Müsli 6, 8824 Schönenberg, Schweiz', 3845 3846 3847 3848 3849 imageWidth: '0', 3850 imageHeight: '0', 3851 infoWindowContent: '', 3852 infoWindowLink: '0', 3853 3854 openByClick: 1, 3855 3856 3857 closeByClick: 1, 3858 3859 opened: 0, 3860 categories: '' 3861 }; 3862 3863 3864 gme.ll = {}; 3865 gme.ll.alert = "Bitte geben Sie eine gültige Adresse ein."; 3866 gme.ll.submit = "Route berechnen"; 3867 gme.ll.noSearchResults = "Die Suche liefert keine Ergebnisse."; 3868 gme.ll.infoWindowLinkText = "Route berechnen"; 3869 let element = document.getElementById(gme.mapSettings.id); 3870 element.gomapsext = {}; 3871 element.gomapsext.gme = gme; 3872 if(gme.mapSettings.width.indexOf('%') != -1) { 3873 window.addEventListener('resize', () => { 3874 element.dispatchEvent(new Event('mapresize')); 3875 }); 3876 } 3877}); // end of closure 3878</script>
3878 3879 3880</body> 3881</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.