@charset "UTF-8"; /* Ab hier beginnt das spezifische CSS für die Seiten - From here starts the specific CSS for pages */ /* In der Seite panel_template gibt es eine Funktion $function, die auf dem zusätzlich eine entsprechende Klasse hinzufügt. Basierend auf dieser Klasse wird anschließend der Gradient für den geteilten Hintergrund angewendet. (Geteilter Hintergrund / Background-slope) On the page panel_template there is a function $function that also adds a corresponding class to the . Based on this class, the gradient for the split background is then applied. (Geteilter Hintergrund / Background-slope) */ body.login_change, body.password_change, body.shop, body.membership_end, body.address, body.news { background-image: linear-gradient(176deg, #FFFFFF 700px, var(--bs-gray-300) 702px); } .bg-silver { background-color: lightgray; } .flags_container { display: flex; justify-content: end; padding: 10px; gap: 3px; } .flags_container a img { width: 20px!important; height: 15px!important; } div#Banküberweisung img { max-width: 100px; max-height: 100px; } .faq-content { display: none; } .faq-header { cursor: pointer; user-select: none; display: flex; justify-content: space-between; } .app-icon { max-width: 140px; } /* Beginn des Welcome Page CSS - Start of Welcome Page CSS */ #headerbox_mobile { background-color: var(--bs-gray-200); } .icon_profile_st0 { fill: var(--bs-primary); stroke: #14152D; stroke-width: 1.5; stroke-miterlimit: 10; } .icon_profile_st1 { fill: none; stroke: #14152D; stroke-width: 1.5; stroke-linejoin: round; } .icon_profile_st2 { fill: #FFFFFF; stroke: #14152D; stroke-width: 1.5; } .icon_surveys_st0 { fill: #FFFFFF; stroke: #14152D; stroke-width: 1.5; stroke-miterlimit: 10; } .icon_surveys_st1 { fill: none; stroke: #14152D; stroke-width: 1.5; stroke-linejoin: round; } .icon_surveys_st2 { fill: none; stroke: #14152D; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .icon_surveys_st3 { fill: var(--bs-primary); stroke: #14152D; stroke-width: 1.5; stroke-miterlimit: 10; } .icon_incentive_st0 { fill: var(--bs-primary); stroke: #14152D; stroke-width: 1.5; stroke-miterlimit: 10; } .icon_incentive_st1 { fill: #FFFFFF; stroke: #14152D; stroke-width: 1.5; stroke-miterlimit: 10; } .icon_incentive_st2 { fill: none; stroke: #14152D; stroke-width: 1.5; stroke-miterlimit: 10; } /* Ende des Welcome Page CSS - End of Welcome Page CSS */ /* Start of Prämien CSS - Start of Product List CSS */ .single_product_box { position: relative; padding-bottom: 60px; max-width: 222px; } .hidden { display: none !important; } .single_product_box { padding-bottom: 0!important; height: 120px; display: flex; align-items: center; } .single_product_image { border: 0!important; align-items: anchor-center; } .single_product_image img { margin: revert!important; max-width: 70%; } @media (max-width: 990px) { .profile_left { max-width: 100%; } .profile_right { max-width: 100%; } } @media (max-width: 847px) { .single_product_box { max-width: 42%; } } @media (max-width: 605px) { .single_product_box { max-width: 100%; } } .single_product_box .single_product_image img, .single_product_box_singleview .single_product_image img { height: 100% !important; width: auto !important; } .single_product_box_singleview { max-width: 100% !important; margin: 0 auto !important; } /* End of Prämien CSS - End of Product List CSS */ /* Kontaktseite CSS Start - Contact Page CSS Start */ .captcha_wrap img { margin: 15px auto 0 auto; display: block; } textarea#Anliegen { min-height: 170px; } /* Kontaktseite CSS Ende - Contact Page CSS End */ /* Datenschutzseite CSS Start - Privacy Policy CSS Start */ p.privacy_policy a { text-decoration: underline; } /* Datenschutzseite CSS Ende - Privacy Policy CSS End */ /* Profilseite CSS Start - Profile Page CSS Start */ .profile_left { max-width: 850px; } .profile_right { max-width: 510px; } .box_small { background-color: var(--bs-green); } .dashboard-icon { width: 70px; } .dashboard_svg_1 { fill: #fff; stroke: var(--bs-secondary); stroke-width: 1.5px; } .dashboard_svg_2 { fill: var(--bs-primary); stroke: var(--bs-secondary); stroke-width: 1.5px; } .dashboard_svg_invite { stroke-miterlimit: 10; } @media (max-width: 990px) { .profile_left { max-width: 100%; } .profile_right { max-width: 100%; } } /* Profilseite CSS Ende - Profile Page CSS End */ /* Mitglieder Werben CSS Start - Profile CSS Start */ #link_input { border: 0 none; font-size: 0.775em; background-color: var(--bs-green); width: 100%; margin-bottom: 0; resize: none; overflow: hidden; } #link_input:focus { outline: none !important; } #link_input::selection { background-color: transparent; } /* Mitglieder Werben CSS Ende - Profile CSS End */ /* News CSS Start - News CSS Start */ .newsbox_svg_1 { fill: var(--bs-primary); stroke: var(--bs-body-color); stroke-miterlimit: 10; stroke-width: 1.5px; } .newsbox_svg_2 { fill: none; stroke: var(--bs-body-color); stroke-miterlimit: 10; stroke-width: 1.5px; } .newsbox_svg_3 { fill: #fff; stroke: var(--bs-body-color); stroke-miterlimit: 10; stroke-width: 1.5px; } /* News CSS Ende - News CSS End */ /* Punktekonto CSS Start - Profile CSS Start */ table.points_account_table tr th, table.points_account_table tr td { border-color: #d0d0d5 !important; padding: 14px 4px; } .mobile_points_row, .table_mobile { border-color: #d0d0d5 !important; } .table_mobile { display: none; } @media (max-width: 575px) { .table_desktop { display: none; } .table_mobile { display: block; } } /* Punktekonto CSS Ende - Profile CSS End */ /* Shop CSS Start - Shop CSS Start */ .second_step_image img { max-width: 220px!important; } .profile_left { max-width: 850px; } .profile_right { max-width: 510px; } .box_small { background-color: var(--bs-green); } .dashboard-icon { width: 70px; } .dashboard_svg_1 { fill: #fff; stroke: var(--bs-secondary); stroke-width: 1.5px; } .dashboard_svg_2 { fill: var(--bs-primary); stroke: var(--bs-secondary); stroke-width: 1.5px; } .single_product_box { position: relative; padding-bottom: 110px; max-width: 222px; } .hidden { display: none !important; } .single_product_image img { margin: revert!important; max-width: 70%; } @media (max-width: 990px) { .profile_left { max-width: 100%; } .profile_right { max-width: 100%; } } @media (max-width: 847px) { .single_product_box { max-width: 42%; } } @media (max-width: 605px) { .single_product_box { max-width: 100%; } } /* Shop CSS Ende - Shop CSS End */ /* Shop ohne Kategorien CSS Start - Shop Without Categories CSS Start */ .profile_left { max-width: 850px; } .profile_right { max-width: 510px; } .box_small { background-color: var(--bs-green); } .dashboard-icon { width: 70px; } .dashboard_svg_1 { fill: #fff; stroke: var(--bs-secondary); stroke-width: 1.5px; } .dashboard_svg_2 { fill: var(--bs-primary); stroke: var(--bs-secondary); stroke-width: 1.5px; } .single_product_box { position: relative; padding-bottom: 110px; max-width: 222px; } .single_product_box { padding-bottom: 0!important; height: 120px; display: flex; align-items: center; } .hidden { display: none !important; } .single_product_image img { width: 100%; height: 100%; } @media (max-width: 990px) { .profile_left { max-width: 100%; } .profile_right { max-width: 100%; } } @media (max-width: 847px) { .single_product_box { max-width: 42%; } } @media (max-width: 605px) { .single_product_box { max-width: 100%; } } /* Shop ohne Kategorien CSS Ende - Shop Without Categories CSS End */ /* Gewinnspiele CSS Start - Sweepstakes CSS Start */ .profile_left { max-width: 850px; } .profile_right { max-width: 510px; } .box_small { background-color: var(--bs-green); } .hidden { display: none !important; } .single_product_image img { width: 100%; height: 100%; } .sweepstake_table { width: 100%; } .sweepstake_table tr th { border-bottom: 1px solid var(--bs-gray-300); padding: 5px; } .sweepstake_table tr td { padding: 5px; } #amount_lots { max-width: 120px; display: inline-block; border: 1px solid #ced4da; background-color: #FFFFFF !important; } .st0 { fill: none; stroke: #14152D; stroke-width: 1.5; } .st1 { fill: var(--bs-primary); stroke: #14152D; stroke-width: 1.5; } .st2 { fill: #FFFFFF; stroke: #14152D; stroke-width: 1.5; } .icon_lots_0 { fill: var(--bs-primary); } .icon_lots_1 { fill: #FFFFFF; } .icon_lots_2 { fill: none; stroke: #15172C; stroke-width: 1.5; } .icon_lots_3 { fill: #FFFFFF; stroke: #15172C; stroke-width: 1.5; } @media (max-width: 990px) { .profile_left { max-width: 100%; } .profile_right { max-width: 100%; } } @media (max-width: 480px) { .sweepstake_table .sweepstake_description { display: none; } } /* Gewinnspiele CSS Ende - Sweepstakes CSS End */ /* Umfrageprofil CSS Anfang - Survey Profile CSS Start */ .survey_list, .single_profile_survey, .single_survey_wrap { border-color: #d0d0d5 !important; } .single_survey_wrap { width: 70%; } .single_profile_survey { width: 32%; } .profile_survey_icon { width: 100%; max-width: 90px; } .profile_survey_icon_1 { fill: var(--bs-primary); stroke: var(--bs-secondary); stroke-miterlimit: 10; stroke-width: 1.5px; } .profile_survey_icon_2 { fill: var(--bs-gray-100); stroke: var(--bs-secondary); stroke-miterlimit: 10; stroke-width: 1.5px; } .profile_survey_icon_3 { fill: #fff; stroke: var(--bs-secondary); stroke-miterlimit: 10; stroke-width: 1.5px; } .profile_survey_icon_4 { fill: none; stroke: var(--bs-secondary); stroke-miterlimit: 10; stroke-width: 1.5px; } @media (max-width: 575px) { .single_profile_survey, .single_survey_wrap p { width: 100%; } } /* Umfrageprofil CSS Ende - Survey Profile CSS End */ /*# sourceMappingURL=panel_pages.css.map */ /* Main Panel Css */ .form-control { padding: 0 5px!important; } .modal-body { padding: 0 10px!important; font-size: 14px!important; } .modal-title { font-size: 16px!important; } .registration-input { margin-bottom: 5px; } .headline-text-color { color: #3E67A8; } .headline-body-text { color: #4B5563; } .headline-additional-text { color: #5C6F8E; } .flags_container { display: flex; justify-content: end; padding: 10px; gap: 3px; } #header_image { background: url(../img/header_bg.png) top center no-repeat!important; background-size: cover!important; } .flags_container a img { width: 20px!important; height: 15px!important; } .text-blue { color: #207BE6; } /* Styles nur für Mobilgeräte und schmaler */ @media (max-width: 767px) { #header_image { background: url(../img/header_bg.png) top center no-repeat!important; background-size: cover; min-height: 225px; } }