/* Allgemein */ body { font-family: 'Poppins', sans-serif; } a { -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out; } h1, .h1 { font-family: 'Poppins', sans-serif; font-weight: 700; color: #15a2b0; color: #000; margin-bottom: 40px; } h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 { font-family: 'Poppins', sans-serif; font-weight: 500; } @media (min-width: 992px) { h1 { font-size: 2.8rem; } h2 { font-size: 2.5rem; } } @media (max-width: 1200px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .form-control, input[type="checkbox"], .form-check-input { border-radius: 0px !important; } .badge { font-weight: normal; } .bg-success { background-color: #00c600 !important; } .btn { -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; } .bgCircle { border-radius: 50%; width: 1500px; height: 1500px; background: #fdf1e0; position: fixed; z-index: -1; top: -200px; left: -750px; } .bgPrimary, .bg-primary { background: #15a2b0 !important; } .bgSecondary { background: #f5b865; } .btn-primary { background: #f5b865; color: #000 !important; border: 0px; border-radius: 0px; } .btn-primary:hover { background: #f4ab47; color: #000; border: 0px; border-radius: 0px; text-decoration: none!important; } .btn-outline-primary { --bs-btn-color: var(--bs-body-color) !important; --bs-btn-border-color: #87ccd0; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #87ccd0; --bs-btn-hover-border-color: #87ccd0; --bs-btn-focus-shadow-rgb: 13,110,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #87ccd0; --bs-btn-active-border-color: #87ccd0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #87ccd0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #87ccd0; --bs-gradient: none; border-radius: 0px; } .btn-outline-primary:hover { --bs-btn-color: var(--bs-body-color) !important; } .btn-secondary { background: #7dc9d0; background: #14a1ae; color: #000; border: 0px; border-radius: 0px; } .btn-secondary:hover { background: #7dc9d0; color: #000; border: 0px; border-radius: 0px; } .border-primary { border-color: #15a1b0 !important; } /* Header Navigation */ .nav-item.dropdown:hover .dropdown-menu { display: block; animation: fadeIn 0.3s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .headerTop .nav-item .dropdown-menu { display: none; } .headerTop .navbarIntro { background: #15a2b0; color: #fff; } .headerTop .navbarIntro .searchBox { display: flex; justify-content: center; max-width: 600px; width: 100% } .headerTop .navbarIntro .vorteile { font-size: 0.9rem; line-height: 1.5; max-width: 230px; } .headerTop .navbarIntro .vorteile p { margin: 0; } @media (max-width: 1000px) { .headerTop .navbarIntro .vorteile { display: none; } .headerTop .navbarIntro .searchBox { margin-top: 20px; width: 100%; } } .headerTop .headerNavbar { background-color: #f5b865; color: #000; font-size: 0.9em; box-shadow: 1px 5px 15px silver; } .headerTop .headerNavbar .stoerer { background: #f5b865; border-radius: 50%; height: 200px; width: 200px; text-align: center; position: absolute; right: 20px; font-size: 1.4rem; outline: 10px solid #f5b86580; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: rotate(350deg); } .headerTop .headerNavbar .stoerer span { display: block; font-weight: bold; } .headerTop .headerNavbar .imgTeaser { margin-top: 120px; } .headerTop .headerNavbar .dropdown-toggle::after { display: none; } .headerTop .navbar-dark .navbar-nav a.nav-link { color: #000; } .headerTop .headerNavbar .dropdown-menu { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border: none; border-radius: 0; padding: 0.7em; background: #15a2b0; color: #fff; } .headerTop .headerNavbar .dropdown-menu a { color: #fff; } .headerTop .headerNavbar .dropdown-menu .form-floating > label { color: #000; } @media only screen and (max-width: 992px) { .headerTop .dropdown-menu.show { flex-wrap: wrap; } } @media only screen and (min-width: 992px) { .headerTop .dropdown:hover .dropdown-megamenu { min-width: 100vh; left: -10px; } .headerTop .dropdown:hover .dropdown-megamenu .drowdown-flex { display: flex; } .headerTop .dropdown-megamenu.show { display: none; } .headerTop .dropdown:hover .dropdown-loginmenu { display: block; left: auto !important; right: 0 !important; } .headerTop .dropdown .dropdown-loginmenu.show { display: none; } .headerTop .dropdown:hover .dropdown-registermenu { display: none; } .headerTop .dropdown .dropdown-registermenu.show { display: block; left: auto !important; right: 0 !important; } .headerTop .dropdown .dropdown-registermenu { width: 50vh; } } @media only screen and (min-width: 992px) and (max-width: 1140px) { .headerTop .dropdown:hover .dropdown-megamenu { width: 40vw; flex-wrap: wrap; min-width: 50vh; } } .headerTop .dropdown-menu ul { list-style: none; padding: 0; min-width: 240px; } .headerTop .dropdown-menu li .dropdown-item { color: #fff; font-size: 1em; padding: 0.5em 1em; text-transform: uppercase; } .headerTop .dropdown-menu li .dropdown-item:hover, .headerTop .dropdown-menu li .dropdown-item:focus { color: #fff; background-color: #51bdc2; } .headerTop .dropdown-menu .disabled { font-weight: bold; font-size: 1.2em; text-transform: uppercase; } .headerTop .dropdown-menu .headerHi { color: #fff; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding-left: 1em; padding-top: 0px; padding-bottom: 1em; } .headerTop .btn-primary { background: #f5b865; color: #000; border: transparent; border-radius: 0px; } .headerTop .btn-primary:hover { background: #fff; color: #000; border: transparent; border-radius: 0px; } .headerTop .list-group-item i { width: 22px; } .headerTop .nav-tabs .nav-link { color: #ffffff; -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out; -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; } .headerTop .nav-tabs .nav-link:hover { border-color: #f5b865; background: #f5b865; color: #000 !important; } .headerTop .nav-tabs .nav-link.active { color: #15a1b0; } .headerTop .form-floating label { color: #000000; } .suchfeldImage .input-group { background: #f1ba6ae5; border-radius: 0px; color: var(--bs-body-color); } .suchfeldImage .input-group .input-group-text, .suchfeldImage .input-group .form-floating, .suchfeldImage .input-group input, .suchfeldImage .input-group select, .suchfeldImage .input-group label { background: transparent; border: none; color: var(--bs-body-color); } .suchfeldImage .input-group .form-control:focus, .suchfeldImage .input-group .form-select:focus { box-shadow: none; } .suchfeldImage .navbar select option { background: #f1ba6a; } .suchfeldImage .btn-primary { background: #15a2b0; color: #000; border: transparent; border-radius: 0px; } .suchfeldImage .btn-primary:hover { background: #f5b865; color: #000; border: transparent; border-radius: 0px; } .suchfeldImage { min-height: 400px; background-size: cover !important; } .suchfeldImage .boxBreite { max-width: 1000px; } .suchfeldImage h1, .suchfeldImage .h1 { font-weight: 700; color: #fff; } @media (min-width: 992px) { .suchfeldImage h1 { font-size: 2.8rem; } } .searchBox { background-color: #fff; padding: 4px; border-radius: 0px } .searchBox .sucheWas { position: relative; width: 100% } .searchBox .sucheWas input { height: 45px; border: none; width: 100%; padding-left: 34px; padding-right: 10px; border-right: 2px solid #eee } .searchBox .sucheWas input:focus { border-color: none; box-shadow: none; outline: none } .searchBox .sucheWas .fa-solid { position: absolute; top: 12px; left: 5px; font-size: 24px; color: #15a2b0 } .searchBox ::placeholder { color: #000; opacity: 1 } .searchBox .sucheWo { position: relative; width: 100% } .searchBox .sucheWo input { height: 45px; border: none; width: 100%; padding-left: 18px; padding-right: 120px } .searchBox .sucheWo input:focus { border-color: none; box-shadow: none; outline: none } .searchBox .sucheWo .fa-location-dot { position: absolute; top: 12px; left: -10px; font-size: 24px; color: #15a2b0 } .searchBox .sucheWo button { position: absolute; right: 1px; top: 0px; border: none; height: 45px; color: #fff; border-radius: 0px; background: #15a2b0; } @media (max-width:800px) { .searchBox .sucheWas input { border-right: none; border-bottom: 1px solid #eee } .searchBox .sucheWo .fa-location-dot { left: 4px } .searchBox .sucheWo input { padding-left: 34px } main .searchBox .sucheWo button { height: 37px; top: 5px } } /* Startseite */ main .containerTeaser h2, main .containerOrte h2, main .containerUsp h2{ font-size: 3rem; font-weight: 700; } main .containerTeaser span, main .containerOrte span, main .bgContent .subtitel { color: #15a2b0; font-weight: bold; font-size: 1.2rem; text-transform: uppercase; } main .teaserAbstimmung { background: #f5b865; } main .teaserAbstimmung .btn-secondary { height: 100%; } main .teaserParken { background: #f8f8f8; } main .teaserParken .card { border-radius: 0px; border: none; text-decoration: none; background: #15a2b0; transition: background .4s ease-in-out; } main .teaserParken .card:hover { background: #51bdc2; color: #000; } main .teaserParken .card-body { min-height: 130px; } main .teaserParken .card-footer { position: relative; padding-top: 20px; border: none; } main .teaserParken .card-footer::before { content: ""; position: absolute; top: 0; left: 10px; right: 10px; height: 1px; background-color: #ffffff; } .iconBgPark { position: relative; padding-right: 40px; } .iconBgPark:before { position: absolute; font-family: 'FontAwesome'; bottom: 0; right: 20px; content: "\f540"; z-index: 100; font-size: 4rem; color: #ffffff42; } main .containerUsp { background: #15a2b0; background-image: url('/images/startseite-din-usp.png'); background-size: auto; background-position-y: bottom; background-repeat: no-repeat; background-position-x: center; } main .containerUsp .rowBg { background-color: #fff; padding: 20px; height: 100%; text-align: center; } main .containerUsp .rowBg i { background: #15a2b0; font-size: 3rem; border-radius: 50%; padding: 20px; width: 100px; text-align: center; color: white; height: 100px; margin-left: auto; margin-right: auto; display: block; margin-bottom: 40px; margin-top: 20px; display: flex; align-items: center; justify-content: center; } main .containerOrte .card, main .containerOrte .card .card-img-top { border: 0px; border-radius: 0px; background: #f8f8f8; } main .containerOrte .card .list-group-item { border-bottom: 1px solid #15a2b0; background: #f8f8f8; } main .containerOrte .card .list-group a:hover { color: #15a2b0; } main .containerOrte .card .list-group-item:last-child { border-bottom: none; } /* Formulare */ .formNameWdh, form .wdh { display: none; } /* Listen */ main .bgContent a { color: inherit; } main .bgContent a:hover { color: #15a2b0; } main .bgContent .counter-box { background: #f8f8f8; color: #858585; color: #606060; } main .bgContent .counter-box p { margin: 5px 0 0; padding: 0; font-size: 18px; font-weight: 500 } main .bgContent .counter-box i { font-size: 3rem; margin: 0 0 15px; } main .bgContent .counter-value { display: block; font-size: 32px; font-weight: 700; line-height: 28px } main .bgContent .rowOberKategorie { background: #7dc9d0; /* color: #000; */ font-weight: bold; text-decoration: none; /* font-size: 1.2rem; */ -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; display: block; } main .bgContent .rowOberKategorie:hover { background: #15a2b0; color: #000; } main .bgContent .listeSortieren .card { border: 0px; border-radius: 0px; } main .bgContent .listeSortieren .card .card-title { font-family: 'Poppins', sans-serif; font-weight: 500; } main .bgContent .listeSortieren .card .card-header { background: #606060; color: #fff; border-radius: 0px; border: 0px; } main .bgContent .listeSortieren .card .card-body { background: #f8f8f8; border-radius: 0px; border: 0px; } main .bgContentPrimary { background: #15a1b0; color: #fff; } main .bgContentPrimary h2, main .bgContentPrimay h3, main .bgContentPrimary h4, main .bgContentPrimary p { color: #fff; } main .bgContentPrimary label { color: #000; } main .bgContentPrimary a { color: #fff; } main .bgContentPrimary a:hover { color: #f5b865; } main .priceTable .card-header { background-color: #87ccd0; } main .bgContent .priceUsp i { font-size: 3rem; display: block; color: #87ccd0; } main .bgContent .eintraegeListe .prBeadge { background: #F5B865; color: #000; text-align: center; padding: 6px; /* max-width: 200px; */ } main .bgContent .eintraegeListe .colImg { padding: 0px; background-size: cover !important; background-position: center !important; min-height: 150px; /* max-width: 200px; */ } main .bgContent .eintraegeListe .colIcon { padding: 0px; min-height: 150px; max-width: 200px; font-size: 6rem; text-align: center; margin: auto; color: #7dc9d0; color: #7dc9d05e; } main .bgContent .eintraegeListe .colImgMobi { display: inline-block; background-size: cover !important; background-position: center !important; float: left; margin-right: 10px; height: 150px; width: 200px; } main .bgContent .eintraegeListe .prBg .beschreibung { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } main .bgContent .eintraegeListe .beschreibung { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } main .bgContent .eintraegeListe .h3 { text-decoration: none; color: #000; } main .bgContent .eintraegeListe .branche { font-weight: bold; color: #15a2b0; } main .bgContent .eintraegeListe .colWeiter { color: #ffffff; background: #f5b865; text-align: center; padding: 6px; font-size: 1.5rem; } main .bgContent .eintraegeListe .colWeiter:hover { background: #858585; color: #000; } main .bgContent .eintraegeListe .prBg { background: #FFEDD0; color: #606060; } main .bgContent .eintraegeListe .normBg { color: #606060; background: #f8f8f8; } main .bgContent .eintraegeListe .werBg { color: inherit; background: #f5b865; } main .bgContent .eintraegeListe .werBg .branche { font-weight: bold; color: #606060; } @media (min-width: 768px) { main .bgContent .eintraegeListe .beschreibung { padding: 30px!important; } } main .bgContent .eintraegeListe .badgeBlau { background: #15a2b0; font-weight: normal; color: #fff; } main .bgContent .eintraegeListe .badgeGrau { background: #606060; font-weight: normal; color: #fff; } /* Detail */ main .offenRow { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; background: #51BDC2; } main .offenRow hr { border-top: 2px solid #fff; } main .offenRow .btnTelefon { font-size: 3rem; border-radius: 50%; width: 80px; height: 80px; display: block; margin-top: 30px; } main .offenRow .oeffnungszeiten { background: #15a2b0; color: #ffffff; } main .offenRow .oeffnungszeiten li { line-height: 30px; border-bottom: 1px solid #ffffff80; } main .offenRow .oeffnungszeiten li:last-child { border-bottom: none; } main .offenRow .oeffnungszeiten .opening-hours li.today { font-weight: bold; font-style: italic; } main .offenRow .kontakt .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin,1.5em); padding-left: 0; } main .bewertungenContent { background: #f8f8f8; } main .bewertungenContent .zitat { padding: 20px; border-radius: 30px 30px 0px 30px; margin-top: 30px; margin-bottom: 50px; margin-right: 20px; margin-left: auto; width: 70%; background: #51bdc2; } main .bewertungenContent .zitat:nth-child(even) { padding: 20px; border-radius: 30px 30px 30px 0px; margin-top: 30px; margin-bottom: 50px; margin-right: auto; margin-left: 20px; width: 70%; background: #f5b865; } /* Gewinnspiel */ .gewinnspielForm input[type=checkbox] { -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); transform: scale(2); padding: 10px; margin-left: -13px !important; } .gewinnspielForm .checkboxtext { display: block; margin-left: 30px; margin-top: 8px; color: #ffffff!important; } .gewinnspielForm .needs-validation .form-control:invalid { border: 2px red solid; } .gewinnspielForm .needs-validation .form-control:valid { border: 2px white solid; } .gewinnspielForm .invalid-feedback { color: #000; font-weight: bold; } .gewinnspielForm .form-check-input.is-invalid ~ .form-check-label, .gewinnspielForm .was-validated .form-check-input:invalid ~ .form-check-label { color: #ffffff!important; } main .bgContent .ctaForm { background: #15a1b0; } main .bgContent .ctaForm h1, main .bgContent .ctaForm h2, main .bgContent .ctaForm h3, main .bgContent .ctaForm p { color: #ffffff; /* text-shadow: 1px 1px 1px #6f6f6f; */ } main .bgContent .ctaForm .btn-primary .btn-icon { display: block; font-size: 2.5rem; margin-bottom: 10px; } main .bgContent .ctaForm .formHinweis { color: #ffffff; } main .bgContent .ctaForm .formHinweis a, main .bgContent .ctaForm label a { color: #ffffff; text-decoration: underline; } main .bgContent .ctaForm .btn-primary:hover, main .bgContent .ctaForm .btn-secondary:hover { background-color: #87ccd1 !important; } main .bgContent .ctaForm .progress .bg-secondary { background-color: #f1ba6a !important; color: var(--bs-body-color); font-weight: bold; } main .rowAbfrageBuch .wdh, main .rowKontaktForm .mailWdh { display: none; } /* Footer */ footer { background: #51BDC2; color: #000; } footer a { text-decoration: none; margin-right: 10px; color: #000; } footer a:hover { color: #000; text-decoration: underline; } footer .footIcon { background: white; border-radius: 50%; height: 30px; width: 30px; display: inline-block; padding-top: 2px; text-align: center; color: #f1ba6a; -webkit-transition: background .4s ease-in-out; transition: background .4s ease-in-out; } footer .footIcon:hover { background: #15a1b0; color: #f1ba6a; } footer .footerLinks span { font-weight: 700; display: block; margin-bottom: 5px; } footer .footerLinks a { display: block; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Poppins'; src: url('/webfonts/Poppins-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }