/** * MAIN VARIABLES DECLARATIONS * @author Thomas Schober * @copyright (c) 2023 houseofweb GmbH * @license all rights reserved */ /** Global Variables */ :root { /*COLORS*/ --primary_bg_color: #FFF; --primary_text_color: #141D2B; --secoundary_bg_color: #FFEFDB; --secoundary_text_color: #00002D; --secoundary_accent_color: #ffffff80; --third_bg_color: #D8CAB8; --secoundary_footer_color: #404040; --header_bg_color: #00002D; --header_text_color: #FFF; --home_bg_color: #141D2B; --home_text_color: #FFF; --beach_heroes_bg_color_1: #FFEFDB; --beach_heroes_bg_color_2: #E3D4C0; --beach_heroes_bg_color_3: #968E84; --accent_bg_color: #b4162E; --secoundary_bgcolor_20: #FFEFDB33; --secoundary_bgcolor_50: #FFEFDBF7; --secoundary_bgcolor_0: #FFEFDB00; --secoundary_bgcolor_80: #00002d67; --accent_text_color: #FFF; --accent2_bg_color: #8D1124; --imageNote_text_color: #ccc; --gray_overlay_bg: #141D2B27; --white_overlay_bg: #FFFFFF8F; --error_color: #b4162e;; --news_text_color: #141D2B; /* FONTS */ --generic-heavy-font: "Core Sans D Heavy"; --generic-bold-font: "Core Sans Bold"; --generic-medium-font: "Core Sans Medium"; --generic-regular-font: "Core Sans Regular"; --generic-light-font: "Core Sans Light"; --generic-heavy-headline-font: "Beach Pro Heavy"; --generic-bold-headline-font: "Core Sans D Regular"; --generic-regular-headine-font: "Core Sans D Black"; --filter-font: "Core Sans D Heavy"; /* HEADER */ --navigation_text_font: "Core Sans D Black"; --navigation_text_maxsize: 20px; --navigation_text_minsize: 16px; --navigation_info_font: "Core Sans Bold"; /*HOME SCREEEN*/ --home_headline1_font: "Core Sans D Black"; --home_headline1_maxsize: 80px; --home_headline1_size: calc(39px + (80 - 39)*((100vw - 350px) /(1920 - 350))); --home_headline2_font: "Core Sans D Regular"; --home_headline2_maxsize: 40px; --home_headline2_size: calc(25px + (40 - 20)*((100vw - 350px) /(1920 - 350))); --home_headline3_font: "Core Sans D Heavy"; --home_headline3_maxsize: 25px; --home_headline3_size: calc(20px + (25 - 20)*((100vw - 350px) /(1920 - 350))); --home_headline4_font: "Core Sans D Black"; --home_headline4_maxsize: 75px; --home_headline4_size: calc(40px + (75 - 40)*((100vw - 350px) /(1920 - 350))); --home_teams_headline_font: "Core Sans D Regular"; --home_teams_headline_font_maxsize: 45px; --home_teams_headline_font_size: calc(30px + (45 - 30)*((100vw - 350px) /(1920 - 350))); --home_rubricheader_font: "Core Sans D Regular"; --home_rubricheader_maxsize: 40px; --home_rubricheader_size: calc(30px + (40 - 30)*((100vw - 350px) /(1920 - 350))); --home_text_font: "Core Sans Medium"; --home_text_maxsize: 20px; --home_text_size: calc(14px + (20 - 14)*((100vw - 350px) /(1920 - 350))); --home_imageslider_headline_font: "Core Sans D Regular"; --home_imageslider_headline_maxsize: 40px; --home_imageslider_headline_size: calc(12px + (40 - 12)*((100vw - 350px) /(1920 - 350))); --home_smallimageslider_headline_maxsize: 30px; --home_smallimageslider_headline_size: calc(12px + (30 - 12)*((100vw - 350px) /(1920 - 350))); --home_imageslider_subheadline_font: "Core Sans Bold"; --home_imageslider_subheadline_maxsize: 16px; --home_imageslider_subheadline_size: calc(10px + (16 - 10)*((100vw - 350px) /(1920 - 350))); --home_imagetext_font: "Core Sans D Heavy"; --home_imagetext_maxsize: 20px; --home_imagetext_size: calc(16px + (20 - 16)*((100vw - 350px) /(1920 - 350))); /* NEWS PART */ --newsteaser_headline_font: "Core Sans D Heavy"; --newsteaser_headline_maxsize: 36px; --newsteaser_headline_size: calc(20px + (36 - 20)*((100vw - 350px) /(1920 - 350))); --newsteaser_info_font: "Core Sans Bold"; --newsteaser_info_maxsize: 13px; --newsteaser_info_size: calc(10px + (13 - 10)*((100vw - 350px) /(1920 - 350))); --newsteaser_bright_color: #FFFFFF; --newsteaser_dark_color: #00002D; /* NEWSLETTER BANNER */ --nlbanner_header_font: "Core Sans Black"; --nlbanner_text_font: "Core Sans Bold"; --nlbanner_header_maxsize: 50px; --nlbanner_header_size: calc(30px + (50 - 30)*((100vw - 350px) /(1920 - 350))); --nlbanner_header2_maxsize: 30px; --nlbanner_header2_size: calc(20px + (30 - 20)*((100vw - 350px) /(1920 - 350))); --nlbanner_text_maxsize: 20px; --nlbanner_text_size: calc(15px + (20 - 15)*((100vw - 350px) /(1920 - 350))); /* POPUPWIDGET */ --popup_header_font: "Core Sans Black"; --popup_header_size: calc(30px + (55 - 30)*((100vw - 350px) /(1920 - 350))); --popup_header_maxsize: 55px; --popup_subheader_size: calc(18px + (30 - 18)*((100vw - 350px) /(1920 - 350))); --popup_subheader_maxsize: 30px; --popup_link_font: "Core Sans D Heavy"; --popup_link_size: 16px; --popup_text_font: "Core Sans Medium"; --popup_text_size: 18px; --popup_fineprint_size: calc(10px + (15 - 10)*((100vw - 350px) /(1920 - 350))); --popup_fineprint_maxsize: 15px; /*GENERIC BUTTONS */ --button_text_font: "Core Sans D Heavy"; --button_text_size: 18px; /*NEWS PAGE*/ --news_headline1_font: "Core Sans D Black"; --news_headline1_maxsize: 80px; --news_headline1_size: calc(39px + (80 - 39)*((100vw - 350px) /(1920 - 350))); --news_headline2_font: "Core Sans D Black"; --news_headline2_maxsize: 55px; --news_headline2_size: calc(20px + (55 - 20)*((100vw - 350px) /(1920 - 350))); --newspage_headline_font: "Core Sans D Heavy"; --newspage_headline_maxsize: 50px; --newspage_headline_size: calc(30px + (50 - 30)*((100vw - 350px) /(1920 - 350))); --newspage_venue_font: "Core Sans Light"; --newspage_venue_maxsize: 15px; --newspage_venue_size: calc(13px + (15 - 13)*((100vw - 350px) /(1920 - 350))); --newspage_stories_font: "Core Sans Bold"; --newspage_stories_maxsize: 30px; --newspage_stories_size: calc(20px + (26 - 20)*((100vw - 350px) /(1920 - 350))); /* SPORT PAGE*/ --sports_biglabel_font: "Core Sans Bold"; --sports_biglabel_maxsize: 15px; --sports_biglabel_size: calc(10px + (15 - 10)*((100vw - 350px) /(1920 - 350))); --sports_smalllabel_font: "Core Sans Medium"; --sports_smalllabel_maxsize: 18px; --sports_smalllabel_size: calc(15px + (15 - 11)*((100vw - 350px) /(1920 - 350))); --sports_heavy_font: "Core Sans Bold"; --sports_heavy_maxsize: 18px; --sports_heavy_size: calc(16px + (18 - 16)*((100vw - 350px) /(1920 - 350))); --sports_headline_font: "Core Sans D Black"; --sports_headline_maxsize: 72px; --sports_headline_size: calc(30px + (72 - 30)*((100vw - 350px) /(1920 - 350))); --sports_headline2_font: "Core Sans D Heavy"; --sports_headline2_maxsize: 35px; --sports_headline2_size: calc(25px + (35 - 25)*((100vw - 350px) /(1920 - 350))); --sports_cardheadline_font: "Core Sans D Black"; --sports_cardheadline_maxsize: 32px; --sports_cardheadline_size: calc(20px + (32 - 20)*((100vw - 350px) /(1920 - 350))); --sports_cardtext_font: "Core Sans Medium"; --sports_cardtext_maxsize: 25px; --sports_cardtext_size: calc(10px + (18 - 10)*((100vw - 350px) /(1920 - 350))); --sports_button_text_font: "Core Sans D Heavy"; --sports_button_text_maxsize: 18px; --sports_button_text_size: calc(16px + (18 - 16)*((100vw - 350px) /(1920 - 350))); --faq_question_maxsize: 25px; --faq_question_size: calc(15px + (25 - 15)*((100vw - 350px) /(1920 - 350))); --faq_text_maxsize: 15px; --faq_text_size: calc(13px + (15 - 13)*((100vw - 350px) /(1920 - 350))); /*POOl Page*/ --pool-heavy-font: "Core Sans D Heavy"; --pool-bold-font: "Core Sans Bold"; --pool-medium-font: "Core Sans Medium"; --pool-regular-font: "Core Sans Regular"; /*Elimination Page*/ --elim-heavy-font: "Core Sans D Heavy"; --elim-bold-font: "Core Sans Bold"; /* White Box Carousel 101 WIDGET*/ --wb_text_color: #000; --wb_text_font: "Core Sans D Heavy"; --wb_text_maxsize: 20px; --wb_text_size: calc(15px + (20 - 15)*((100vw - 350px) /(1920 - 350))); --wb_headline_font: "Core Sans D Black"; --wb_headline_maxsize: 40px; --wb_headline_size: calc(20px + (40 - 20)*((100vw - 350px) /(1920 - 350))); --wb_link_font: "Core Sans Medium"; --wb_link_maxsize: 15px; --wb_link_size: 15px; --wb_link_color: #000; /* Buttons 85 WIDGET*/ --button1_text_font: "Core Sans D Heavy"; --button1_maxsize: 14px; --button1_size: calc(10px + (15 - 10)*((100vw - 350px) /(1920 - 350))); /* Buttons 97 WIDGET*/ --heros_text_font: "Core Sans Medium"; --heros_text_maxsize: 24px; --heros_text_size: calc(16px + (20 - 16)*((100vw - 350px) /(1920 - 350))); }