/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.1 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*============================================== !!!Styles IP-SUISSE goes from line 1180!!! ==============================================*/ /*============================================== Styles SWISS BLACK ANGUS ==============================================*/ /* Hintergründe für Seiten & Artikeln, =======================================*/ html { background-color: rgba(0,0,0,1.0) !important; } .html_entry_id_16545 /*home*/, .html_entry_id_22271 /*geschichte*/, .html_entry_id_22433 /*the beef*/, .html_entry_id_22445 /*nachhaltigkeit*/, .html_entry_id_22452 /*haltung*/, .html_entry_id_22459 /*produzenten*/, .html_entry_id_22471 /*verkauf*/ .html_entry_id_16545 #wrap_all /*home*/, .html_entry_id_22271 #wrap_all /*geschichte*/, .html_entry_id_22433 #wrap_all /*the beef*/, .html_entry_id_22445 #wrap_all /*nachhaltigkeit*/, .html_entry_id_22452 #wrap_all /*haltung*/, .html_entry_id_22459 #wrap_all /*produzenten*/, .html_entry_id_22471 #wrap_all /*verkauf*/ .html_entry_id_16545 .main_color /*home*/, .html_entry_id_22271 .main_color /*geschichte*/, .html_entry_id_22433 .main_color /*the beef*/, .html_entry_id_22445 .main_color /*nachhaltigkeit*/, .html_entry_id_22452 .main_color /*haltung*/, .html_entry_id_22459 .main_color /*produzenten*/, .html_entry_id_22471 .main_color /*verkauf*/ .html_entry_id_16545 .main_color .site-background /*home*/, .html_entry_id_22271 .main_color .site-background /*geschichte*/, .html_entry_id_22433 .main_color .site-background /*the beef*/, .html_entry_id_22445 .main_color .site-background /*nachhaltigkeit*/, .html_entry_id_22452 .main_color .site-background /*haltung*/, .html_entry_id_22459 .main_color .site-background /*produzenten*/, .html_entry_id_22471 .main_color .site-background /*verkauf*/ { background-color: rgba(0,0,0,1.00) !important; } .html_entry_id_16545 #scroll-top-link, .html_entry_id_22271 #scroll-top-link, .html_entry_id_22433 #scroll-top-link, .html_entry_id_22445 #scroll-top-link, .html_entry_id_22452 #scroll-top-link, .html_entry_id_22459 #scroll-top-link, .html_entry_id_22471 #scroll-top-link, .html_entry_id_24180 #scroll-top-link { color: rgba(0,0,0,0.00); height: 30px; width: 30px; background: no-repeat center center; background-image: url(./assets/images/scroll_up.png); background-size: 30px; font-size: 0px; border: rgba(255,255,255, 0); } .html_entry_id_16545 #scroll-top-link:hover, .html_entry_id_22271 #scroll-top-link:hover, .html_entry_id_22433 #scroll-top-link:hover, .html_entry_id_22445 #scroll-top-link:hover, .html_entry_id_22452 #scroll-top-link:hover, .html_entry_id_22459 #scroll-top-link:hover, .html_entry_id_22471 #scroll-top-link:hover, .html_entry_id_24180 #scroll-top-link:hover { color: rgba(0,0,0,0.00); height: 32px; width: 32px; background: no-repeat center center; background-image: url(./assets/images/scroll_up.png); background-size: 32px; font-size: 0px; border: rgba(255,255,255, 0); } #top .homeheader_sba .scroll-down-link { position: absolute !important; bottom: 4.1vh!important; left: 50% !important; height: 32px; width: 32px; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 0 !important; margin: 0 !important; background: no-repeat center center; background-image: url(./assets/images/scroll_down.png); background-size: 32px; font-size: 0px; text-shadow: none; -webkit-animation: none; animation: none; } /* Fonts & Titles =====================================*/ @font-face { font-family: CantoriaMTStd; src: url(fonts/fonts_sba/CantoriaMTStd.ttf); font-display: swap; } @font-face { font-family: CantoriaMTStd-Bold; src: url(fonts/fonts_sba/CantoriaMTStd-Bold.ttf); font-display: swap; } @font-face { font-family: CoreSerifN-35Regular; src: url(fonts/fonts_sba/CoreSerifN-35Regular.ttf); font-display: swap; } @font-face { font-family: CoreSerifN-45Medium; src: url(fonts/fonts_sba/CoreSerifN-45Medium.ttf); font-display: swap; } @font-face { font-family: TTNorms-Bold; src: url(fonts/fonts_sba/TTNorms-Bold.ttf); font-display: swap; } @font-face { font-family: TTNorms-Regular; src: url(fonts/fonts_sba/TTNorms-Regular.ttf); font-display: swap; } @font-face { font-family: TTNorms-Light; src: url(fonts/fonts_sba/TTNorms-Light.ttf); font-display: swap; } .fullheader_sba .avia_textblock h1, .homeheader_sba .avia_textblock h1 { font-family: CantoriaMTStd-Bold; font-size: 1.7em; line-height: 1.2em !important; text-shadow: 0px 0px 3px rgba(0,0,0,0.2) !important; text-transform: uppercase !important; } .fullheader_sba .avia_textblock.another-font h1, .homeheader_sba .avia_textblock.another-font h1 { font-family: CoreSerifN-45Medium!important; text-transform: none!important; text-shadow: 0px 1px 3px rgba(0,0,0,0.5) !important; } .fullheader_sba .avia_textblock h2, .black_container .avia_textblock h2, #sba_article_main_container h2, #sba_article_main_container h1 { font-family: CoreSerifN-45Medium; font-size: 1.8em; letter-spacing: 0.03em; line-height: 1.4em; font-weight: normal; color: #fff; /*font-family: CoreSerifN-45Medium; font-size: 2.4em; color: rgba(255,255,255,1.00) !important; letter-spacing: 0.03em; line-height: 1.2em; font-weight: normal; */ } .fullheader_sba .avia_textblock h3, .black_container .avia_textblock h3 { font-family: CoreSerifN-45Medium; font-size: 1.8em; letter-spacing: 0.03em; line-height: 1.4em; font-weight: normal; } .fullheader_sba .avia_textblock h4, .black_container .avia_textblock h4 { font-family: CoreSerifN-35Regular; font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.03em; font-weight: normal; text-shadow: 0px 0px 3px rgba(0,0,0,0.2); } .fullheader_sba .avia_textblock h5, .black_container .avia_textblock h5 { font-family: CoreSerifN-35Regular; font-size: 1.05em; line-height: 1.0em; letter-spacing: 0.01em; font-weight: normal; } .fullheader_sba .avia_textblock h6, .black_container .avia_textblock h6 { font-family: TTNorms-Regular; font-size: 0.8em; line-height: 1.82em; text-transform: none; letter-spacing: 0.02em; padding-top: 0!important; font-weight: bold; } .black_container .avia_textblock { font-family: TTNorms-Light; font-size: 0.9em; line-height: 1.75em; text-transform: none; text-align: justify; letter-spacing: 0; padding: 0px; } /* End Fonts & Titles -------------*/ /* HR ---*/ .inner-border-av-border-thin { width: 60px!important; } .hr-custom.hr-center.hr-icon-no.avia-builder-el-13.el_after_av_textblock.el_before_av_textblock { margin-top: 2px!important; margin-bottom: 24px!important; } .hr-custom.hr-center { margin-top: 2px!important; margin-bottom: 24px!important; } /* -Sections */ @media only screen and (min-width: 767px) { /* .page-id-22445 #av_section_1 { height: 53vw!important; min-height: 95vh!important; max-height: 135vh!important; } */ .avia-section-long { /* background-position: center!important; */ height: 54vw!important; min-height: 95vh!important; max-height: 120vh!important; } .little-section { height: 34vw!important; min-height: 25vh!important; max-height: 65vh!important; } .avia-section-short { height: 45vw!important; min-height: 70vh!important; max-height: 85vh!important; background-position: center!important; } .big-cow { /* height: 54vw!important; min-height: 70vh!important; max-height: 135vh!important; */ background-position: right -110px !important; } /* gallery */ .avia-gallery-1 .avia-gallery-thumb { display: flex!important; justify-content: space-between!important; flex-wrap: wrap!important; flex-direction: row!important; } #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { position: relative!important; overflow: hidden!important; width: calc((100% / 3) - 30px) !important; margin-bottom: 30px!important; min-height: 129px; height: 18vh; } /* #top #wrap_all .avia-gallery-2 .avia-gallery-thumb a { position: relative!important; overflow: hidden!important; width: calc((100% / 3) - 30px) !important; margin-bottom: 30px!important; min-height: 129px; height: 21vh; } */ #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a img { padding: 0!important; position: relative!important; min-width: 100%!important; top: 50%!important; left: 50%!important; transform: translate(-50%, -50%)!important; max-width: 120%; width: auto; height: 100%; } .content { padding-top: 75px!important; padding-bottom: 56px!important; } .avia-image-container.avia-align-center { margin-bottom: 3px; } .av_textblock_section p.p1 { line-height: 1.7!important; text-align-last: center; } /*atomic*/ .pb-180 { padding-bottom: 180px!important; } .pb-130 { padding-bottom: 130px!important; } .pt-120 { padding-top: 40px!important; } .flr { float: right!important; } .t-60 { top: 60%; } .hidden-everywhere { display: none; } .copyrights_sba .avia-builder-widget-area { display: flex!important; width: 100%!important; justify-content: space-around!important; align-items: center!important; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu { display: flex; justify-content: space-between; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu .menu-item { font-size: 8.8px!important; border: none!important; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu .menu-item a { font-size: 8.8px!important; padding: 5px 10px!important; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu .menu-item a:hover { background: transparent!important; color: inherit!important; opacity: 0.7!important; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu { margin-left: 200px; } .copyrights_sba .avia-builder-widget-area .widget { padding-top: 0!important; } .last-submenu { font-size: 8.8px!important; } .last-submenu * { font-size: 8.8px!important; } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 1!important; } .not-padding-top .content { padding-top: 0!important; } .pb-20 .content { padding-bottom: 10px!important; } #top .av-flex-placeholder { min-width: 5%!important; width: 10%!important; max-width: 88px!important; } /* .column_beefcuts .av_one_fifth { width: 20%!important; max-width: 200px!important; } */ #popmake-22548,#popmake-25491 { left: auto!important; right: 4vmax!important; } /*meat icons */ .trhee-ind-col .av_one_fifth:first-child, .trhee-ind-col .av_one_fifth:last-child, .trhee-ind-col .av-flex-placeholder, .three-nonindep-item .flex_column_table:nth-child(n+2) .av_one_fifth:first-child, .three-nonindep-item .flex_column_table:nth-child(n+2) .av_one_fifth:last-child, .three-nonindep-item .av-flex-placeholder, .five-ind-col .flex_column_table:nth-child(n+2) .av_one_fifth:last-child, .five-ind-col .flex_column_table:nth-child(n+2) .av_one_fifth:first-child, .five-ind-col .av-flex-placeholder { display: none!important; } .trhee-ind-col .flex_column_table { max-width: 900px!important; /* width: 73%!important; */ margin-left: auto!important; margin-right:auto!important; display: flex!important; justify-content: space-around!important; } .twoo-nonind-item .flex_column_table:nth-child(n+2) { max-width: 1200px!important; /* width: 73%!important; */ margin-left: auto!important; margin-right:auto!important; display: flex!important; justify-content: center!important; } .four-ind-col .flex_column_table, .five-ind-col .flex_column_table:nth-child(n+2) { max-width: 1200px!important; /* width: 73%!important; */ margin-left: auto!important; margin-right:auto!important; display: flex!important; justify-content: space-around!important; } .trhee-ind-col .flex_column_table_cell, .four-ind-col .flex_column_table_cell, .five-ind-col .flex_column_table:nth-child(n+2) .flex_column_table_cell { display: block!important; } .trhee-ind-col .flex_column, .five-ind-col .flex_column_table:nth-child(n+2) .flex_column { width: auto!important; padding: 0 50px!important; margin: 0!important; max-width: 300px; box-sizing: border-box; } .five-ind-col .flex_column_table:nth-child(n+2) .flex_column .avia-image-container { max-width: 200px; } /* .five-ind-col .flex_column_table:nth-child(n+2) .flex_column { width: 20%!important; padding: 0 50px!important; margin: 0!important; max-width: 300px; box-sizing: border-box; } */ .four-ind-col .flex_column { width: 25%!important; padding: 0 50px!important; margin: 0!important; max-width: 300px; box-sizing: border-box; } .three-nonindep-item .flex_column_table:nth-child(n+2) { max-width: 710px!important; width: auto; margin-left: auto!important; margin-right:auto!important; display: flex!important; justify-content: space-around!important; } .three-nonindep-item .flex_column_table:nth-child(n+2) .flex_column_table_cell, .twoo-nonind-item .flex_column_table:nth-child(n+2) .flex_column_table_cell { display: block!important; } .three-nonindep-item .flex_column_table:nth-child(n+2) .flex_column, .twoo-nonind-item .flex_column_table:nth-child(n+2) .flex_column { width: auto!important; padding: 0 16px!important; margin: 0!important; max-width: 232px; box-sizing: border-box; } .fullheader_sba .avia_textblock.another-font h1, .homeheader_sba .avia_textblock.another-font h1 { font-size: 2.9em!important; } } @media only screen and (max-width: 767px) { #popmake-22548 { left: 50%!important; right: auto!important; transform: translateX(-50%); } } /* Diverse Containers =====================================*/ .fullheader_sba { border-bottom: rgba(202,172,118,1.00) solid 5px; background-color: rgba(0,0,0,1.00); height: 82vh; /* min-height: 75vh */ } .homeheader_sba { border-bottom: rgba(202,172,118,1.00) solid 5px; background-color: rgba(0,0,0,1.00); height: 100vh; background-position: center!important; } .sba_logo_box { position: absolute !important; top: 26vh !important; left: 50% !important; width: 23vw !important; min-width: 250px; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; padding: 0 !important; margin: 0 !important; } .sba_main_logo { width: 100% !important; } .sba_hometitle { position: absolute !important; top: 75vh!important; left: 50% !important; width: 80%!important; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; padding: 0 !important; margin: 0 !important; } .sba_toptitle { position: absolute !important; top: 45vh !important; left: 50% !important; width: 90%!important; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; padding: 0 !important; margin: 0 !important; } /* @media all and (min-width: 767px) { .page-id-22445 #av_section_1 .sba_toptitle { top: auto!important; bottom: 9vh!important; transform: translateX(-50%)!important; -webkit-transform: translateX(-50%)!important; -moz-transform: translateX(-50%)!important; -o-transform: translateX(-50%)!important; -ms-transform: translateX(-50%)!important; } } */ .sba_partnerbox { position: absolute !important; bottom: 3vh !important; left: 95% !important; width: 20% !important; height: auto !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 0 !important; margin: 0 !important; max-width: 100px; } .sba_partnerbox_txt { font-family: CoreSerifN-45Medium !important; font-style: italic; font-size: 0.55em !important; letter-spacing: 0.1em !important; line-height: 1.5em !important; padding: 0 !important; } .sba_partnerbox .sba_partnerlogo { width: 85px !important; margin-top: 10px; } .black_container { background-color: rgba(0,0,0,1.00); } /* Copy - Text */ .black_container div .av_three_fifth { margin-left: 6%; width: 26vw; } .sba_gallery { align: center; width: 73%; margin-left: auto; margin-right: auto; padding: 0 25px 25px; } .main_color .avia-gallery img { background: none; border: none; } #top div .avia-gallery img { border-width: 0px; padding: 15px; } #top .footer_sba { background-color: rgba(0,0,0,1.00); } #top .footer_sba .content { padding-bottom: 0px; } #top .footer_sba .custom-html-widget { margin: 0px; float: left !important; width: 100%; } #top #sba_nl_form { margin-top: -17px; } #top #sba_nl_form .sba_nl_formtitel { font-family: TTNorms-Light; font-size: 0.5em; letter-spacing: 0.10em; float: left; margin-right: 5px; } #top #sba_nl_form .sba_nl_inputfield input[type='email'] { color: rgba(0,0,0,1.00); background-color: rgba(255,255,255,1.00); float: left; font-family: TTNorms-Light; font-size: 0.5em; letter-spacing: 0.10em; border: none; height: 25px; display: inline-block; margin-right: 5px; width: 250px; } #top #sba_nl_form .sba_nl_submit input { color: rgba(255,255,255,1.00); background: none; float: left; font-family: TTNorms-Light; font-size: 0.5em; letter-spacing: 0.10em; border: none; height: 25px; display: block; padding: 0px; margin: 0; } #top #sba_nl_form .sba_nl_submit input:hover { text-decoration: underline; } .socials_sba { display: inline-block; font-family: TTNorms-Light; font-size: 0.5em; letter-spacing: 0.10em; margin-right: 20px; height: 100px; vertical-align: top; } .socials_sba a { color: rgba(255,255,255,1.00) !important; } .copyrights_sba { color: rgba(255,255,255,1.00); font-family: TTNorms-Light; font-size: 0.4em; letter-spacing: 0.10em; text-align: center; padding-top: 50px; } .icon { font-family: CoreSerifN-35Regular !important; height: 52px !important; width: 52px !important; line-height: 30px !important; font-size: 25px !important; border-radius: 100px !important; } .icon .avia_image { width: 52px !important; } .titel_schatten { text-shadow: 0px 0px 3px rgba(0,0,0,0.2) !important; } /*--- Zahl über Beefcut-Titel ---*/ #top .column_beefcuts .av-image-hotspot { font-family: CoreSerifN-35Regular; height: 45px; width: 45px; line-height: 12px; font-size: 20px; margin: auto; border: solid rgba(255,255,255,1.00) 1px; border-radius: 50px; margin-top: 15px; margin-bottom: 15px; } #top .column_beefcuts .titel_beefcuts { margin-bottom: 10px!important; } #top .column_beefcuts .titel_beefcuts h5 { font-size: 1.4em!important; } /* #top .column_beefcuts .sba_beefcut_image { width: 200px !important; } */ .responsive .av-image-hotspot { font-family: CoreSerifN-35Regular; height: 45px; width: 45px; line-height: 44px; font-size: 20px; } .av-hotspot-container .av-image-hotspot_inner:hover { background: rgba(60,60,60,1.00); color: rgba(255,255,255,1.00); } .responsive .av-image-hotspot-pulse { height: 80px; width: 80px; top: -17px; left: -17px; } /* This makes stop to blink the numbers @NOTE that the class `.stop-blinking` class has been added via admin panel */ .stop-blinking .av-image-hotspot-pulse { display: none; } /*--- PopUp Beefcuts ---*/ .pum-theme-sba-cuts .pum-container { background-color: rgba(0,0,0,0) !important; } .pum-theme-23305 .pum-content, .pum-theme-sba-cuts .pum-content { background-color: rgba(255,255,255,1.00) !important; margin: 0 30px; overflow: auto; overflow-y: scroll; max-height: 95%; font-size: 17px; /*@since v1.1 increased from 16. */ } #popup_cuts_maincontainer { padding: 30px; } #popup_cuts_column_1 { display: inline !important; margin-left: 0 !important; width: 32% !important; } #popup_cuts_column_2 { display: inline !important; margin-left: 0 !important; width: 68% !important; } .pum-theme-23305 .pum-content + .pum-close { top: 20px !important; height: 25px !important; width: 25px !important; font-size: 0px !important; background: url(http://swissblackangus.ch/wp-content/uploads/Icons_close.png) center center !important; } .pum-theme-25277 .pum-content + .pum-close,.pum-theme-25407 .pum-content + .pum-close{ height: 25px !important; width: 25px !important; font-size: 0px !important; background: url(http://swissblackangus.ch/wp-content/uploads/Icons_close.png) center center !important; } #popup_cuts_column_1, #popup_cuts_column_2 { display: block; float: left; font-family: CoreSerifN-35Regular; font-size: 0.90em; text-transform: none; text-align: left; letter-spacing: 0.03em; padding: 0px; } #popup_cuts_column_1 .popup_cut-image_big { padding-bottom: 20px; } #popup_cuts_column_1 .sba_popup_minititel h6 { font-family: TTNorms-Bold; font-size: 0.7em !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-align: left; float: none; } /* @since v1.1 Hide borders for popup titles */ .sba_popup_minititel .special-heading-border { display: none; } #popup_cuts_column_1 ul { list-style-type: none; margin-left: -2px; } #popup_cuts_column_1 li { list-style-type: none; marging-left: 0px; } #popup_cuts_column_1 li:before { content: "·"; font-size: 20px; vertical-align: middle; line-height: 18px; padding-right: 3px; } #popup_cuts_column_2 .popup_thumbs_container { font-family: TTNorms-Light; display: block !important; } #popup_cuts_column_2 .popup_thumbs_container .popup_thumbs { max-width: 100px !important; display: inline-block; vertical-align: top; padding: 0 0 20px 20px; } #popup_cuts_column_2 .popup_thumbs_container .popup_thumbs img { opacity: 0.5; filter: alpha(opacity=50); } #popup_cuts_column_2 .popup_thumbs_container .popup_thumbs img:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; } #popup_cuts_column_2 .popup_thumbs_container .popup_thumbs img.popup_thumbs_active { opacity: 1; filter: alpha(opacity=100); cursor: auto; } #popup_cuts_column_2 .popup_text_container { display: block !important; font-family: CoreSerifN-35Regular; margin-top: 20px; margin-left: 120px; } #popup_cuts_column_2 .popup_text_container .popup_cut_zahl { height: 35px; width: 35px; line-height: 35px; font-size: 15px; border: solid rgba(0,0,0,1.00) 1px; border-radius: 50px; padding: 0; margin-bottom: 10px; text-align: center; } #popup_cuts_column_2 .popup_text_container .popup_cut_art { display: block !important; margin-bottom: 20px; font-size: 1.5em; } #popup_cuts_column_2 .popup_text_container .popup_cut_titel { display: block !important; margin-bottom: 20px; font-size: 2em; } #popup_cuts_column_2 .popup_text_container .popup_cut_beschrieb { display: block !important; font-family: TTNorms-Light; font-size: 1.1em; margin-top: 20px; line-height: 1.7em; } /*--- End PopUp Beefcuts ---*/ /* @since v1.1 Opacity 0.6 */ #top >.avia-tooltip, #top >.avia-tooltip .avia-arrow { background: rgba(30,30,30,0.60) !important; } #top >.avia-tooltip { padding: 15px; } #top .column_beefcuts .av-image-caption-overlay-center { font-family: TTNorms-Light; font-size: 0.7em; } .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count { background: rgba(30,30,30,0.80) !important; color: rgba(255,255,255,1.00) !important; } .av-hotspot-container .av-image-hotspot_inner { z-index: 2; display: block; position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,1.00); color: rgba(255,255,255,1.00); border: solid rgba(255,255,255,1.00) 1px; border-radius: 100px; cursor: pointer; text-decoration: none; } /* News Box -------------*/ .pum-theme-22541 .pum-container ,.pum-theme-25368 .pum-container { background-color: rgba( 0, 0, 0, 0.85) !important; padding: 9px !important; z-index: 250 !important; } .pum-theme-22541 .pum-title, .pum-theme-swiss-black-angus .pum-title,.pum-theme-25368 .pum-title, .pum-theme-sba-news .pum-title { font-family: TTNorms-Bold; font-size: 0.7em !important; letter-spacing: 0.18em; text-transform: uppercase; padding-left: 30px; } #top .sba_news_slider h3 { font-family: CoreSerifN-35Regular; font-weight: lighter; text-align: left; font-size: 1.5em; padding: 20px 30px 10px 30px; } #top .sba_news_slider .slide-entry-excerpt { font-family: TTNorms-Regular; font-size: 0.90em; line-height: 1.3em; text-transform: none; text-align: left; letter-spacing: 0.05em; margin-top: -20px; padding: 0 30px; } #top .sba_news_slider .slide-entry-excerpt .more-link { color: rgba(255,255,255,1.00) !important; font-family: TTNorms-Light; font-size: 0.80em !important; text-decoration: underline !important; letter-spacing: 0.05em !important; } #top .sba_news_slider .slide-entry-excerpt .more-link-arrow { display: none !important; } .pum-theme-22541 .pum-content + .pum-close, .pum-theme-swiss-black-angus .pum-content + .pum-close,.pum-theme-25368 .pum-content + .pum-close, .pum-theme-swiss-black-angus .pum-content + .pum-close { height: 25px !important; width: 25px !important; margin: 10px 10px; font-size: 0px !important; background: url(./assets/images/icons_close.png) center center !important; } #top .sba_news_slider .avia-slideshow-arrows a { margin: 65px 0; } #top .sba_news_slider .prev-slide { height: 25px !important; width: 25px !important; font-size: 0px !important; background-image: url(./assets/images/icons_arrow_left.png) !important; } #top .sba_news_slider .next-slide { height: 25px !important; width: 25px !important; font-size: 0px !important; background-image: url(./assets/images/icons_arrow_right.png) !important; } /* End News Box -------------*/ /* Article Containers =====================================*/ #sba_article_main_container { } .sba_article_column_1 { background-color: rgba(0,0,0,0.70); padding: 1em; } .sba_article_column_2 { background-color: rgba(0,0,0,0.50); padding: 1em; } .sba_article_column_1 .avia_textblock, .sba_article_column_2 .avia_textblock { font-family: TTNorms-Regular; color: rgba(255,255,255,1.00); font-size: 0.76em; line-height: 1.6em; text-transform: none; text-align: inherit; letter-spacing: 0.02em; padding: 0px; } /* End Containers -------------*/ /* Menu & Navi =====================================*/ /* --- Resset Placeholder --- */ #top .sticky_placeholder[style], #top .sticky_placeholder { height: 0px !important; position: relative !important; } /* --- End Resset Placeholder --- */ /* --- Sprachen --- */ #sub_menu1[style], #sub_menu1 { font-family: TTNorms-Regular; font-size: 0.65em; text-transform: uppercase; position: fixed; right: 10px; z-index: 1000 !important; width: 120px !important; float: right; background: none !important; display: none; } #sub_menu1 .container #menu-sba-sprachen li a { border: none; margin: 0; height: 25px; padding: 0; min-width: 11px; } #sub_menu1 ul li { margin: 2px 10px 0 0!important; padding: 20px 0!important; display: inline-block!important; /* margin-left: 20px !important; */ } #sub_menu1 ul li a { color: #fff !important; } .container #menu-sba-sprachen li a:hover { color: #fff; font-family: TTNorms-Bold; } #sub_menu1 ul li.menu-item-language-current a { font-family: TTNorms-Bold; } /* --- End Sprachen --- */ /* --- Main Navi --- */ #sub_menu2 { font-family: TTNorms-Bold; font-size: 0.65em; letter-spacing: 0.1em; text-transform: uppercase; height: 56px; } /* --- nur für menu scroll --- */ .change_bg_color { background: rgba(0,0,0,1) !important; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; width: 100%; height: 100px; } .change_bg_transparent { background: rgba(0,0,0,0.00) !important; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; width: 100%; height: 100px; } .hovethebull { background-image: url(./assets/images/icon_angus_white.png) !important; } /* --- End nur für menu scroll --- */ #sub_menu2 .container { max-width: 100%; border: none; } #sub_menu2 #menu-sba li { margin: 2px 13px 0; padding: 20px 0!important; display: inline-block!important; } #top .av-subnav-menu > li > a { background: none; border: none; color: rgba(255,255,255,1.00); text-shadow: 0px 0px 1px rgba(0,0,0,0.2); height: 60px; min-width: 85px; } #top .av-subnav-menu > li > a:hover { color: rgba(202,172,118,1.00); text-shadow: none; } #sub_menu2 .av-subnav-menu .current-menu-item a { text-shadow: none; color: rgba(202,172,118,1.00); background: center 35px no-repeat; background-image: url(./assets/images/sba_menue_stern_einzel.png); background-size: 22px; } /*---- home ---*/ li.menu-item-home { background-image: url(./assets/images/icon_angus_white.png); background-size: 50px; background-repeat: no-repeat; background-position: center 18px; } li.menu-item-home.current-menu-item { background-image: url(./assets/images/icon_angus_black.png); } li.menu-item-home.current-menu-item > a { background-position-x: 36px !important; /* Position for the STAR */ } @media only screen and (max-width: 1200px) { li.menu-item-home { background-image: none; } } li.menu-item-home:hover { background-image: url(./assets/images/icon_angus_gold.png); cursor: pointer; } li#menu-item-22276 a .avia-menu-text { visibility: hidden; } li#menu-item-22276 a:hover { /* damit der Link funktioniert */ height: 60px; } li#menu-item-22276 > .current-menu-item > a { background-repeat: no-repeat !important; background-position: center 25px !important; background-image: url(./assets/images/sba_menue_stern_einzel.png); } /*---- End home ---*/ #top .av-submenu-container { border-bottom-style: none; border-bottom-width: 0px; } /* End Menu & Navi -------------*/ /*================================================== SBA special Menu ==================================================*/ /* Menu Ressets for under 1200px Res. =================================================== */ @media only screen and (max-width: 1200px) { /* --- Nur für debug --- */ #wpadminbar { display: none; } /* --- End debug ---*/ .responsive #top .sticky_placeholder { max-height: 0px; } .responsive #top .av-submenu-container { top: auto !important; position: relative !important; height: auto; min-height: 0; margin-bottom: -1px; } .responsive #top .av-menu-mobile-active { text-align: center; } .responsive #top .av-menu-mobile-active .mobile_menu_toggle { display: inline-block; } .responsive #top .av-menu-mobile-active .av-subnav-menu { display: none; } .responsive #top #wrap_all .av-menu-mobile-active.container { width: 100%; max-width: 100%; } .responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu { display: block; position: absolute; top: 0; height: 100vh; padding: 100px 0 0; } .responsive #top .av-subnav-menu > li:first-child { margin-top: -1px; } .responsive #top .av-menu-mobile-active .av-subnav-menu li { display: block; border-top-style: solid; border-top-width: 1px; padding: 0!important; margin: 0!important; } .responsive #top .av-menu-mobile-active .av-subnav-menu > li > a { border-left: none; padding: 15px 10px 15px; text-align: left; } .responsive #top .av-menu-mobile-active .av-subnav-menu li > ul { visibility: visible; opacity: 1; top: 0; left: 0; position: relative; width: 100%; border: none; } .responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul { display: none; } .responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist { display: block; } .responsive #top .av-menu-mobile-active .av-subnav-menu li > ul a { padding: 15px 19%; } .responsive #top .av-menu-mobile-active .av-subnav-menu li li > ul a { padding: 15px 24%; } .responsive #top .av-menu-mobile-active .av-subnav-menu li li li > ul a { padding: 15px 29%; } /* End Menu Ressets -------------*/ /* SBA Menu & Navi =====================================*/ #top .sticky_placeholder[style] { height: 0px !important; } #top .mobile_menu_toggle { height: 0px; line-height: 0px; margin-top: 25px; font-size: 50px; padding: 0px; } #top #sub_menu1 { z-index: 10000 !important; background: none; color: rgba(255,255,255,1.00); border: none; position: fixed !important; float: right !important; width: 45px !important; } #top #sub_menu2 { z-index: 900 !important; background: none; color: rgba(255,255,255,1.00); border: none; position: fixed !important; float: left !important; margin-top: 0px; width: 100% !important; } #top #sub_menu1 .container, #top #sub_menu2 .container { color: rgba(255,255,255,1.00); border: none; margin-top: 0px; width: 100%; position: relative !important; float: right !important; } #top #sub_menu1 .container .mobile_menu_toggle { top: 0; display: block; width: 35px !important; height: 35px !important; font-size: 0px; margin: 12px 0; border: 0px; background: rgba(0,0,0,0); background-image: url(./assets/images/sprachen.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } #top #sub_menu2 .container .mobile_menu_toggle { top: 0; display: block; width: 39px !important; height: 39px !important; font-size: 0px; margin: 10px; border: 0px; background: rgba(0,0,0,0); background-image: url(./assets/images/hamburger.png); background-size: 100%; background-repeat: no-repeat; background-position: top center; } #top #sub_menu2 .container .mobile_menu_toggle.open-menu { background-position: bottom center; } #top #sub_menu1 .container .av-current-placeholder, #top #sub_menu2 .container .av-current-placeholder { display: none; } #sub_menu1 .container ul li, #sub_menu2 .container ul li { position: initial; margin: 0px; height: 55px; } #sub_menu1 .container ul li a, #sub_menu2 .container ul li a { font-size: 1.5em; } #sub_menu1 .container #menu-sba-sprachen { background: rgba(0,0,0,0.20); margin-top: 1px; width: 55px; padding-top: 7px; } #sub_menu2 .container #menu-sba { background: rgba(0,0,0,0.80); /* border-bottom: rgba(255,255,255,1.00) solid 1px; */ } #top #sub_menu1 .container #menu-sba-sprachen li { padding: 5px 0; border-top-width: 0px; } #sub_menu1 #menu-sba-sprachen .current-menu-item a { font-family: TTNorms-Bold; } #sub_menu1 .container #menu-sba-sprachen li a:hover { background: none; } #sub_menu2 #menu-sba .current-menu-item a { color: rgba(202,172,118,1.00); height: 55px; background-image: none; } li#menu-item-22276 { background-image: none; } li#menu-item-22276:hover { background-image: none; } li#menu-item-22276 a .avia-menu-text { visibility: visible; } .hovethebull { visibility: hidden !important; } /* End Menu & Navi -------------*/ /* Containers =====================================*/ .sba_logo_box { position: absolute !important; top: 25% !important; left: 50% !important; width: 40% !important; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; padding: 0 !important; margin: 0 !important; } .fullheader_sba .avia_textblock h1, .fullheader_sba .avia_textblock h1 { font-size: 1.5em !important; } .sba_partnerbox { width: 10% !important; padding: 0 !important; margin: 0 !important; } .sba_partnerbox_txt { font-size: 0.5em !important; letter-spacing: 0.1em !important; line-height: 1.5em !important; padding: 0 !important; } .sba_partnerbox .sba_partnerlogo { width: 90% !important; } .sba_gallery { width: 100%; margin-left: 0px; } #top .sba_news_slider .avia-slideshow-arrows a { display: block; } } /* Styles for iPads & (most) Tablets =====================================*/ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #popup_cuts_column_1 { display: block !important; margin-left: 0 !important; width: 100% !important; } #popup_cuts_column_2 { display: block !important; margin-left: 0 !important; width: 100% !important; } #popup_cuts_column_2 .popup_thumbs_container .popup_thumbs { max-width: 87px !important; display: inline-block; vertical-align: top; padding: 0 5px 10px 0; } #popup_cuts_column_2 .popup_text_container { display: block !important; font-family: CoreSerifN-35Regular; margin-top: 20px; margin-left: 0px; } } */ /* @media only screen and (max-width : 767px) and (min-device-width : 320px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) { */ /* Styles for (most) Mobiles & iPhones in general ====================================================*/ @media all and (max-width : 767px) { /* Containers =====================================*/ .fullheader_sba .avia_textblock.another-font h1, .homeheader_sba .avia_textblock.another-font h1 { font-size: 2.2em!important; } .page-id-24387 #main { background-color: #000; } .av-minimum-height-75 .container, .av-cell-min-height-75 > .flex_cell { height: 33vh!important; } .html_stretched #wrap_all { background: #000; } .content, .sidebar { padding-top: 20px; padding-bottom: 20px; } .av-minimum-height-75 .container, .av-cell-min-height-75 > .flex_cell { height: auto; } .fullheader_sba { height: 33vh; } #av_section_1 { margin-bottom: 13vh; } #av_section_1 .hr-invisible { display: none; } .page-id-22445 #av_section_1 { margin-bottom: 19vh; } .homeheader_sba { height: 100vh; } .av-parallax { height: -webkit-fill-available; } .av-parallax-section { overflow: visible!important; } .sba_logo_box { position: absolute !important; top: 25% !important; left: 50% !important; width: 60% !important; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; padding: 0 !important; margin: 0 !important; } .fullheader_sba .avia_textblock h1, .homeheader_sba .avia_textblock h1 { font-size: 1.1em !important; margin-bottom: 0; } .sba_partnerbox { padding: 0 !important; margin: 0 !important; } .sba_hometitle { position: absolute !important; top: 80% !important; left: 50% !important; width: 95%!important; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; padding: 0 !important; margin: 0 !important; } .sba_toptitle { position: absolute !important; top: calc(33vh + 20px)!important; left: 50% !important; width: 100%!important; height: auto !important; -webkit-transform: translate(-50%) !important; -moz-transform: translate(-50%) !important; -o-transform: translate(-50%) !important; -ms-transform: translate(-50%) !important; transform: translate(-50%) !important; padding: 0 !important; margin: 0 !important; } .sba_toptitle .hr-custom.hr-center { margin-bottom: 10px!important; margin-top: 10px!important; } .sba_partnerbox { position: absolute !important; top: 91% !important; left: 85% !important; width: 20% !important; height: auto !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; } .sba_partnerbox_txt { font-family: CoreSerifN-45Medium !important; font-style: italic; font-size: 0.55em !important; letter-spacing: 0.1em !important; line-height: 1.5em !important; padding: 0 !important; } .hovethebull { background-image: none !important; } #popup_cuts_maincontainer { padding: 10px; } #popup_cuts_column_1 { margin-left: 0 !important; width: 100% !important; } #popup_cuts_column_2 { margin-left: 0 !important; width: 100% !important; float: none; } #popup_cuts_column_2 .popup_text_container { margin-left: 0px !important; } .pum-theme-23305 .pum-container, .pum-theme-sba-cuts .pum-container { padding: 0px !important; } .pum-theme-23305 .pum-content + .pum-close { top: 0px !important; } .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before { content: none; } /*header*/ .sba_partnerbox .sba_partnerlogo { width: 80% !important; } /* Bottom Menu widget*/ #top .newsletter_sba form { margin: 0; } #top #sba_nl_form { text-align: center; } #top #sba_nl_form .sba_nl_submit { display: none; } #top #sba_nl_form .sba_nl_formtitel { float: none; font-size: 0.7em; margin-right: 0; margin-bottom: 5px; } #top #sba_nl_form .sba_nl_inputfield { display: inline-block; } .footer_sba .socials_sba:first-child { width: 100%; display: block; } .footer_sba .socials_sba:first-child p { text-align: center; } .footer_sba .socials_sba:first-child a { float: none!important; margin: 0 10px 0px!important; display: inline-block; } .footer_sba .socials_sba:first-child a img { margin: 0; float: none; } .footer_sba .socials_sba:nth-child(n+2), .footer_sba .socials_sba:nth-child(3) { width: 48%; } #top #sba_nl_form .sba_nl_inputfield input[type='email'] { font-size: 0.7em; margin: 0; } .footer_sba .widget { padding: 10px 0; } .footer_sba .socials_sba { height: auto; min-height: 32px; font-size: 0.7em; margin-right: 0; } .copyrights_sba { padding-top: 10px; font-size: 8.8px; } .copyrights_sba .avia-builder-widget-area { display: flex!important; width: 90%!important; justify-content: space-between!important; align-items: center!important; flex-wrap: wrap; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu { display: flex; justify-content: space-around; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu .menu-item { font-size: 8.8px!important; border: none!important; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu .menu-item a { font-size: 8.8px!important; padding: 5px 10px!important; } .copyrights_sba .avia-builder-widget-area .widget_nav_menu .menu .menu-item a:hover { background: transparent!important; color: inherit!important; opacity: 0.7!important; } .copyrights_sba .avia-builder-widget-area .widget { padding-top: 0!important; width: 100%; } .copyrights_sba .avia-builder-widget-area .widget.mla_text_widget { order: 2; } /* ahite popup*/ #popup_cuts_column_2 .popup_text_container .popup_cut_beschrieb { font-size: 0.9em; margin-top: 20px; line-height: 1.7em; } #popup_cuts_column_2 .popup_thumbs_container .popup_thumbs { display: inline-block; vertical-align: top; padding: 0 20px 20px 0; } } /*=================================== End Swiss Black Angus =====================================*/ /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /*===================================== Styles IP-SUISSE =====================================*/ /* Special Browser Stuff =====================================*/ .avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap { -webkit-perspective: 0 !important; } /* Main Typography =====================================*/ @font-face { font-family: HelveticaNeueThin; src: url(fonts/HelveticaNeueThin.ttf); font-display: swap; } /*font-stack*/ .helvetica-neue-websave { font-family: "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } body { font: 22px "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.3em; letter-spacing: 0.02em; } /*------------- End Main Typography -------------*/ /* Titles =====================================*/ h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: none; text-align: center; } .title_left>h1, .title_left>h2, .title_left>h3, .title_left>h4, .title_left>h5, .title_left >h6 { text-align: left; text-shadow: 2px 2px 5px rgba(40,40,40,0.8); } h1 { font-size: 70px; } h2 { font-size: 50px; } h3 { font-size: 35px; } h4 { font-size: 30px; } h5 { font-size: 22px; } h6 { font-size: 18px; padding: 10px 0 15px 0; } .title_button { margin-left: -40px; } .title_button .avia_iconbox_title { font-size: 20px; font-weight: bold; text-shadow: 2px 2px 5px rgba(40,40,40,0.8); } #top #wrap_all .main_color .av_iconlist_title { color: rgba(0,0,0,1.00); font-size: 22px; line-height: 1em; } .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; line-height: 1em; } .avia-content-slider .slide-entry-excerpt, .slide-content, .slide-entry-title .entry-title a, .entry-content-header h3 { text-align: center; } body .av-special-heading .modern-centered { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; /* font-weight: bold; */ text-align: center; } body .av-special-heading-tag { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; } body .front_slider h2 { font-weight: bold; } body .produzenten_meldungen .av-special-heading-tag { font-weight: 700; } .html_modern-blog .avia-content-slider .slide-entry-title { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-weight: 700; text-align: center; } #top #wrap_all .av-magazine-title a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; font-size: 22px; color: rgba(0,0,0,1.00); } #top #wrap_all .av-magazine-title a:hover { color: #00973F; } .av-magazine header { margin-top: -3px; } #top #wrap_all .post-title .entry-title { font-family: "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.8em; font-weight: 300; line-height: 1em; margin-bottom: 50px; } .html_modern-blog #top .post-entry .post-title { font-family: "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; text-transform: none; padding: 0 0 15px; letter-spacing: 0px; line-height: 1.3em; margin-bottom: 10px; } .avia_textblock { line-height: 1.3em; } div .slideshow_caption { text-shadow: 2px 2px 5px rgba(40,40,40,0.8); font-size: 1.5em; text-transform: none; } .av-subheading, .av-subheading_below { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: none; margin-top: -0.2em; margin-top: 1.2em; } .team-member-name { text-align: center; font-size: 1em; font-weight: 300; } .team-member-job-title { text-align: center; font-size: 0.8em; } .team-member-description { margin-top: -12px; color: rgba(62,62,62,1.00); text-align: center; font-size: 0.8em; } .sitemap-container h2 { display: none; } .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content { line-height: 1em; margin: 0; } .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title { margin-bottom: -20px; } #top input[type="text"] { font-family: "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: 300; } .av-magazine-content-wrap { border-bottom: none; margin-bottom: 20px; } .av-magazine .av-magazine-content-wrap .av-magazine-title { text-align: left; } /*----------- End Titles ------------*/ /* Images (all) =====================================*/ .avia-image-container-inner, .avia_image, .av-image-caption-overlay, .avia-content-slider .slide-image, .avia-content-slider .slide-image img { border-radius: 0px; } body .container_wrap .avia-team-member .team-img-container { border-radius: 0px !important; } body .container_wrap .avia-team-member .team-social { background: rgba(0, 0, 0, 0.1); } /* Images (all) ----------*/ /* Main Containers =====================================*/ .container .av-content-small.units { margin-top: 10px; } .container .av-content-small.units { margin-bottom: 40px; } #top #main .sidebar_left .sidebar { margin-top: 20px; text-align: left; border: 0px; width: 220px; position: fixed; top: 120px; /* required as well */ } /* End Main Containers ----------*/ /* Header =====================================*/ /* Header Background =====================================*/ .header_bg { height: 64px; opacity: .95; filter: alpha(opacity=95); z-index: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } /* End Header Background ----------*/ /* Header Logo =====================================*/ .responsive .logo[style] { max-height: 110px; } .logo img { max-height: 110px !important; margin-top: -20px !important; z-index: auto; } .logo, .logo a { overflow: visible; } /* Ende Header Logo -------------*/ /* Meta Navi =====================================*/ #header_meta { z-index: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, #top .header_color .sub_menu li ul a { font-size: 1.7em; text-decoration: none; text-transform: none; font-weight: 300; } .sub_menu li { padding: 0 0 0 25px; } #top .sub_menu>ul { margin: 0 0 0 -15px; } .av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child { padding-left: 25px; } #menu-item-4935, #menu-item-5927 { float: right; } .ips-login { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 19px; font-weight: 300; margin: 0 25px 5px 0; } #menu-item-wpml-ls-36-it, #menu-item-wpml-ls-131-it { display: none; } /* Search =====================================*/ #menu-item-search a { /* make defaut seach icon ivisible */ display: none; } #custom_html-4, #custom_html-5 /* new container for the search icon*/ { position: absolute; top: -48px; left: 80%; padding: 0; width: auto; } .custom-html-widget { margin: 0 10px; float: right; } .html_elegant-blog #top .post-entry .post-meta-infos { display: block; } .searchwp-highlight { color: rgba(0,0,0,1.00); background-color: rgba(255,252,0,1.00); } #top #searchform .ajax_search_response { background: #f5f0e7; } .ajax_search_image { border-radius: 0px; } #top #searchform .ajax_search_response { background: #f5f0e7; } .header_color .ajax_search_title { font-size: 15px; color: rgba(0,0,0,0.90); } .header_color .ajax_search_excerpt { color: rgba(0,0,0,0.50); } #top .header_color .ajax_search_entry:hover { background-color: #fff; } #top div .ajax_search_entry_view_all { background: rgba(186,178,162,1.00); } #top .header_color .ajax_search_entry:hover { background-color: #fff; color: #666; } /*----------- End Search ------------*/ /* End Meta Navi -------------*/ /* Main Navi =====================================*/ .main_menu { position: relative; float: left; margin-left: 121px; margin-bottom: 10px; } #top #header .av-main-nav>li>a .avia-menu-text, #top #header .av-main-nav>li>a .avia-menu-subtext { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 20px; text-decoration: none; text-transform: none; letter-spacing: 0; font-weight: 300; } .header_color .main_menu ul:first-child>li>a { color: rgba(35,35,35,1.00); } .header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child>li a:hover, .header_color .main_menu ul:first-child>li.current-menu-item>a, .header_color .main_menu ul:first-child>li.current_page_item>a, .header_color .main_menu ul:first-child>li.active-parent-item>a { color: rgba(35,35,35,0.50); } .header_color a:hover { text-decoration: none; color: rgba(255,255,255,0.50); } .header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, #top .header_color .sub_menu li ul a { color: rgba(255,255,255,1.00) } /* End Main Navi -------------*/ /* Submenu =====================================*/ #top .sub_menu>ul, #top .sub_menu>ul>li { background: none; border: 0; } .av_secondary_right .sub_menu { float: left; margin-left: 115px; } .sub_menu>ul>li>a, .sub_menu>div>ul>li>a { padding: 7px 0; } #top .av-main-nav ul a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; text-decoration: none; text-transform: none; font-weight: 300; } #top .header_color .main_menu .sub-menu .current_page_item { font-weight: bold; } /* End Submenu -------------*/ /* Color Definitions =====================================*/ #top .header_color .main_menu .menu ul li>a { color: rgba(60,60,60,1.00); background-color: #f5f0e7; } #top .header_color .main_menu .menu ul li>a:hover, #top .header_color .main_menu .sub-menu .current_page_item { color: rgba(0,151,63,1.00); background: #fff; } #top .header_color .main_menu .menu ul .current_page_item>a, #top .header_color .main_menu .menu ul .current-menu-item>a, #top .header_color .sub_menu li ul a { color: rgba(0,151,63,1.00); background: #fff; } .main_color .sidebar a.ipsnav-highlight { font-weight: bold; color: rgba(0,151,63,1.00); } a.ipsnav-highlight-first { font-weight: bold; color: rgba(0,151,63,1.00); } /* .avia_textblock a { font-weight: bold; color: rgba(0,151,63,1.00); } */ /* End Color Definitions -----------*/ /* End Header -----------*/ /* Sidebar Inhalte =====================================*/ .widget_nav_menu a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 1.5em; text-decoration: none; font-weight: 300; } .alg_back_button_wp_widget a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 0.9em; text-decoration: none; font-weight: 300; } .alg_back_button_wp_widget a:hover { text-decoration: none; } #top #main .sidebar_left .inner_sidebar { margin: 0px; } .icl_sidebar_navigation a:hover { text-decoration: none; } .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item { background: none; border: none; box-shadow: none; } .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item> a { border: 0; padding: 0px; color: rgba(0,151,63,1.00); } .selected_page_side { color: rgba(0,151,63,1.00); font-weight: bold; } /* End Sidebar Inhalte --------*/ /* Tooltips =====================================*/ .avia-tooltip, .avia-tooltip .avia-arrow, .avia-related-tooltip, .avia-related-tooltip .avia-arrow { background: #bab2a2 !important; font-size: 0.6em !important; color: rgba(255,255,255,1.00)!important; line-height: 1em !important; box-shadow: 0 3px 13px 0 rgba(0,0,0,.1); } .related_image_wrap { width: 70%; } .avia-search-tooltip { background-color: #fff; } /* End Tooltips ------------*/ /* Slider dots/arrows/Buttons =====================================*/ body .aligncenter, .entry-content-wrapper a:hover .aligncenter { padding: 0 28px; } #top .alternate_color .avia-color-theme-color:hover { color: rgba(0,167,80,0.70); } .avia-fullscreen-slider .avia-slideshow-controls a, .av-control-minimal .avia-slideshow-controls a, .avia_desktop .avia-content-slider .avia-slideshow-arrows a { opacity: 1; filter: alpha(opacity=1); } #top .avia-smallarrow-slider .avia-slideshow-arrows a, #top .avia-content-slider .avia-slideshow-arrows a, #top .avia-fullscreen-slider .avia-slideshow-arrows a { position: absolute; top: 4.8em; width: 22px; height: 50px; font-size: 40px; /*line-height: 62px;*/ line-height: 200px; font-weight: bolder; } #top .avia-fullscreen-slider .avia-slideshow-arrows a { top: 50%; } #top .avia-smallarrow-slider .avia-slideshow-arrows a { position: absolute; top: 5.5em; } #top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide { left: -5px; } #top .avia-smallarrow-slider .avia-slideshow-arrows, #top .avia-content-slider .avia-slideshow-arrows { width: 100%; } #top .avia-smallarrow-slider .avia-slideshow-arrows a:before, #top .avia-content-slider .avia-slideshow-arrows a:before, #top .avia-fullscreen-slider .avia-slideshow-arrows a:before { line-height: 60px; } .avia-slideshow-arrows a:before { background: rgba(0,0,0,0.0); } .avia-slideshow-dots a { background: rgba(255,255,255,0.00); border: solid 2px rgba(255,255,255,0.50); } /* End Slider dots/arrows/Buttons ------------*/ /* Magazines & Linklists =====================================*/ .av-magazine-hero img { width: 100%; height: auto; } .av-magazine-thumbnail { width: 50px; border: none; margin: 3px 5px 0 0; } #uplp-list-7099 ul li { margin-top: 15px; border-bottom: none; } .main_color .av-magazine-time, .av-magazine-author, .av-magazine-text-sep { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 12px; text-transform: uppercase; color: rgba(182,182,182,1.00) } .av-magazine-top-bar { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } .uplp-post-date { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: rgba(150,150,150,1.00); font-size: 12px; text-transform: uppercase; height: 20px; } .uplp-post-title { padding: 0 0 8px 0; } .uplp-post-title a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-decoration: none; color: rgba(0,0,0,1.00); } .av-magazine-sort { float: none; } /* End Magazine -------------*/ /* SlideShow =====================================*/ #top #wrap_all .main_color h2 { text-align: left; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; } .thementitel { text-shadow: 2px 2px 5px rgba(40, 40, 40, 0.8); } .main_color .avia-content-slider .slide-image { background: none; } .alternate_color .avia-content-slider .slide-image { background: none; } .avia-content-slider .slide-image { margin-bottom: 10px; padding: 0 27px; } #top #wrap_all .avia-slideshow-button { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.7em; padding: 0px; } #top .avia-slideshow-button { text-transform: none; text-shadow: 2px 2px 5px rgba(40, 40, 40, 0.8); } #top .avia-button.avia-color-dark { color: #781700 !important; border: 0px !important; background: transparent !important; } #top .avia-button.avia-color-dark:hover { color: #00973f !important; } #top .avia-button.avia-color-light { border: 0px !important; background: transparent !important; } #top .avia-button.avia-color-light:hover { color: #00973f !important; } #top .alternate_color .avia-color-theme-color { color: #fff; border: none; background-color: transparent; } .more-link { border: none; border-width: 0px; font-size: .8em; padding: 0; margin: 10px auto 20px auto; } .konsumenten-downloads h3 a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 300 !important; font-size: 22px !important; line-height: 0em !important; letter-spacing: 0px !important; color: #00973f !important; } .konsumenten-downloads h3 { line-height: 0.6em !important; letter-spacing: 0px !important; padding-top: 0px !important; margin-top: 15px !important; } .konsumenten-downloads .slide-image { margin: 0 auto; box-shadow: 2px 2px 5px rgba(40, 40, 40, 0.5); border-radius: 0; padding: 0; } .slider_home_engagement { height: 750px; } .slider_home_aktuelles { height: 820px; } .slider_home_engagement_fr { height: 830px; } .slider_home_aktuelles_fr { height: 830px; } #top .ips_imageslider .avia-caption-content { font-weight: normal; line-height: 1.2em; margin-top: 1.5em; } /* End SlideShow -------------*/ /*Article =====================================*/ .html_elegant-blog .av-share-box { margin: 70px 0 } .related_posts { display: none; } .pdfpreloader { position: absolute; top: 95px; left: 250px; z-index: 103; font-size: 18px; color: red; } /* End Article -------------*/ /*Toggles =====================================*/ .toggle_content { border: 0 !important; padding: 0 8em 2em 6em !important; } .js_active .toggler { top: 0; border: none; padding: 0 0 0 3.2em; } .js_active .toggler:hover { background: #f5f3ef !important; color: rgba(120,23,0,1.00)!important; } .single_toggle { background: #f5f3ef !important; border: #fff solid thin!important; margin: 0 0 -1px 0; padding-bottom: 0px; } .single_toggle:first-child { background: #f5f3ef !important; } .toggler { font-size: 1.8em; background: #cdc4b2 !important; color: #fff!important; } .activeTitle { font-size: 1.8em !important; background: #f5f3ef !important; color: rgba(120,23,0,1.00)!important; } .toggle_icon { border: 0; border-color: rgba(120,23,0,0.30) !important; width: 33px; height: 33px; top: 13px; left: 2.2em; margin-top: 0; } .toggle_icon .hor_icon { color: rgba(120,23,0,1.00) !important; border-color: rgba(120,23,0,1.00) !important; border-top-width: 8px; top: 15px; left: 0; width: 33px; } .toggle_icon .vert_icon { color: rgba(120,23,0,1.00) !important; border-color: rgba(120,23,0,1.00) !important; border-left-width: 8px; left: 12px; top: 3px; height: 33px; } /* End Toggler-------------*/ /* Elemente verstecken =====================================*/ .html_modern-blog .avia-content-slider .slide-meta { display: none; } .html_elegant-blog #top .post-entry .post-meta-infos { display: none !important; } .entry-content-header .page-thumb { display: none; } .avia_wpml_language_switch li .language_flag { display: none; } .html_modern-blog #top .post-entry .blog-categories { display: none; } /* End Elemente verstecken ----------------*/ /* Diverse Content styles =====================================*/ .embed_download a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; font-size: .8em; } .embed_download a:hover { text-decoration: none; } .blog-tags .minor-meta { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 300; font-size: 1em; } #top .produzenten_meldungen .av-flex-placeholder { width: 20px; } #top .produzenten_meldungen .avia-button.avia-size-x-large { padding: 25px 50px 23px; font-size: 22px; min-width: 500px; margin-left: -150px; } #top .produzenten_meldungen .avia-image-container.avia-align-center .avia-image-container-inner { margin: 7px auto; } #top .produzenten_meldungen .avia_textblock { margin-top: 0; } /* Diverse Content styles ----------------*/ /* Footer =====================================*/ #footer { padding: 15px 0 0 0;/* background-image: url('/wp-content/uploads/CH-Natuerlich_HG.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: 1190px 292px;*/ } #footer .widgettitle { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-weight: 700; font-size: 1em; text-align: left; } #footer .textwidget { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-weight: 300; font-size: 0.8em; line-height: 1.4em; } #socket { font-size: 1em; } #socket .copyright { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 0.5em; } #socket .copyright a:hover { text-decoration: none; } #top .social_bookmarks li { width: 40px; } /* End Footer ------------*/ /* Desktop Styles ==================================================*/ /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */ @media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ #menu-item-wpml-ls-36-it, #menu-item-wpml-ls-131-it { display: none; } } /* Mobile Styles ==================================================*/ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ /* h1 text block */ .avia_textblock p .partners-link { display: none; } .avia_textblock h1 br, .avia_textblock h1 br { display: none!important; } /* Logo =====================================*/ .responsive #top .logo { position: absolute !important; top: 15px !important; width: auto !important; height: auto !important; } .logo img { max-height: 65px !important; margin-top: -20px !important; } /* End Logo ---------------*/ /* Meta Navi =====================================*/ #header_meta { height: 30px !important; } #menu-item-search a { /* make default search invisible */ display: none; } .ips-login { /* display: none; */ position: absolute; top: -10px; left: 95%; z-index: 110; font-size: 0.43em; } #custom_html-4, #custom_html-5 { /* container for the new search button */ position: absolute; top: -15px; left: 73%; z-index: 110; font-size: 1.5em; } .responsive #top #wrap_all .container { width: 90%; max-width: 90%; } .header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, #top .header_color .sub_menu li ul a { font-size: 1.2em; letter-spacing: 0px; color: #fff; } #header_meta .sub_menu>ul>li { padding: 0 5px !important; } #menu-item-4935, #menu-item-5927 { display: none !important; } #menu-item-wpml-ls-36-it, #menu-item-wpml-ls-131-it { display: none !important; } /* End Meta Navi -------------*/ /* Main Navi =====================================*/ .responsive #top #wrap_all #header { position: fixed; height: auto; margin: 0 !important; min-height: 30px; } #header_main { width: 100%; min-height: 60px; } .responsive #top #wrap_all .main_menu { position: absolute; top: -23px; height: 80px; width: 50%; display: block; } .responsive #top .av-logo-container .avia-menu { float: right; height: auto; width: auto; } /* End Main Navi -------------*/ /* Submenu =====================================*/ /* End Submenu -------------*/ /* Titles =====================================*/ h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 16px; } h5 { font-size: 16px; } h6 { font-size: 14px; padding: 10px 0 15px 0; } body { font: 16px "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; line-height: 1em; } .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1.5em; letter-spacing: 1px; } .responsive #top .slideshow_caption h2 { font-size: 35px !important; } .responsive #top .slideshow_caption .avia-caption-content { font-size: 25px !important; margin-top: -0.5em; margin-bottom: -0.5em; } #top #wrap_all .avia-slideshow-button { font-size: .5em !important; margin-top: -2em; } #top input[type="text"] { font-family: "HelveticaNeueThin", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: 300; } /* End Titles -------------*/ /* Divers containers =====================================*/ .responsive #top .container .av-content-small, #top #main .avia-section .template-page { margin: 40px 0 0 0; } .responsive .content .entry-content-wrapper { padding-top: 20px; } .avia-section-large .content, .avia-section-large .sidebar { padding: 0 0 50px 0; } .avia-content-slider .slide-entry-excerpt { line-height: 1.3em; } .slider_home_engagement { height: 750px; } .slider_home_aktuelles { height: 820px; } .slider_home_engagement_fr { height: 800px; } .slider_home_aktuelles_fr { height: 860px; } /* Divers containers-------------*/ /* Toggles =====================================*/ .toggle_content { padding: 0 0.5em 1em 0.5em !important; line-height: 1.3em; } .js_active .toggler { padding: 0 0 0 1.7em !important; } .toggler { font-size: 1.3em !important; } .activeTitle { font-size: 1.3em !important; } .toggle_icon { width: 33px; height: 33px; top: 2px; left: 0.2em; margin-top: 0; } .toggle_icon .hor_icon { border-top-width: 8px; top: 15px; left: 0; width: 33px; } .toggle_icon .vert_icon { border-left-width: 8px; left: 12px; top: 3px; height: 33px; } /* End Toggler-------------*/ } /* Rezepte - Liste =====================================*/ article.cooked-recipe { background: #fff; border-radius: 0; } /* Rezepte - Single =====================================*/ /* .single-cp_recipe * { font-family: 'TTNorms-Light'; } */ .cooked-recipe-search { } .cooked-recipe-grid .cooked-recipe { } .cooked-recipe-grid .cooked-recipe-card-title { color: #000 !important; text-align: left; font-family: 'TTNorms-Regular'; font-size: 24px; } .cooked-recipe-grid .cooked-recipe-card-excerpt { color: #000; text-align: left; font-family: 'TTNorms-Regular'; font-size: 20px; } .cooked-recipe-search .cooked-sortby-wrap { display: none; } .cooked-taxonomy-selected { float: right; margin-right: 0; } /* .cooked-browse-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.243' height='18.621' viewBox='0 0 34.243 18.621'%3E%3Cg id='Dropdown' transform='translate(2.121 2.121)'%3E%3Cpath id='Icon_feather-chevron-down' data-name='Icon feather-chevron-down' d='M9,13.5l15,15,15-15' transform='translate(-9 -13.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; */ /* } */ .cooked-1-search-fields { display: flex; flex-direction: column; } .cooked-recipe-search { border: none; } .cooked-recipe-search .cooked-taxonomy-selected .cooked-field-title, .cooked-recipe-search .cooked-taxonomy-selected::before { color: #000; } .cooked-recipe-search .cooked-field-wrap-select::before { opacity: 1; } .cooked-recipe-search .cooked-fields-wrap > .cooked-field-wrap-select { border-radius: 0; border: 0; margin-left: 30px; margin-right: 0; } .cooked-recipe-search .cooked-browse-select.cooked-active .cooked-browse-select-block { background: #fff; border-radius: 0; color: #000; } #top .main_color input[type="text"].cooked-browse-search { background: #fff; max-width: 80%; border: none; color: #000; } .cooked-icon-search::before { color: #000; } .cooked-browse-search-button { position: absolute; left: 72%; } .cooked-tax-scrollable a, .cooked-tax-scrollable a:hover, .cooked-tax-scrollable strong a { font-family: 'TTNorms-Regular'; color: #000; font-size: 20px; font-weight: normalr; } .cooked-icon-angle-right::before { opacity: 1; color: #000; } .cooked-recipe-search .cooked-fields-wrap { padding-right: 0; } /* .single-cp_recipe * { font-family: 'TTNorms-Light'; } */ .single-cp_recipe .container_wrap { background: #000; } .single-cp_recipe .template-page { background: #fff; margin-top: 96px; } .single-cp_recipe p, .single-cp_recipe .main_color { color: #000; } #top.single-cp_recipe #main .sidebar { display: none !important; } #top.single-cp_recipe .content { margin-top: 100px; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; width: 100% !important; } .single-cp_recipe .entry-content-wrapper { padding-left: 58px; padding-right: 58px; } .single-cp_recipe h1 { font-family: 'TTNorms-Regular'; color: #000; text-align: left; font-size: 36px; text-transform: uppercase !important; font-weight: bold; } .single-cp_recipe h1 + p { display: none; } .single-cp_recipe .cooked-recipe-excerpt p { font-family: 'TTNorms-Regular'; margin-bottom: 0; } .single-cp_recipe a.back { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.414' height='22.828' viewBox='0 0 12.414 22.828'%3E%3Cg id='Gruppe_24' data-name='Gruppe 24' transform='translate(-178.5 -105.586)'%3E%3Cg id='Gruppe_23' data-name='Gruppe 23' transform='translate(179.5 107)'%3E%3Cpath id='Icon_feather-chevron-down' data-name='Icon feather-chevron-down' d='M0,0,10,10,20,0' transform='translate(10) rotate(90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; padding-left: 30px; margin-top: 30px; margin-bottom: 40px; color: #000; text-transform: uppercase; } .single-cp_recipe .cooked-heading { margin-top: 45px; } .single-cp_recipe .cooked-single-ingredient { font-size: 24px; } .single-cp_recipe .cooked-single-ingredient.cooked-ingredient { padding-left: 0; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; border-top: 1px solid #000; display: flex; flex-direction: row; } .single-cp_recipe .cooked-single-ingredient.cooked-ingredient+.cooked-ingredient{ border-top: none; } .single-cp_recipe .cooked-ing-amount, .single-cp_recipe .cooked-ing-measurement { font-weight: 500; line-height: 30px; } .single-cp_recipe .cooked-ing-name { width: calc(100% - 240px); margin-left: auto; display: flex; line-height: 30px !important; } .cooked-recipe-directions .cooked-direction-number { color: #000; opacity: 1; } .cooked-icon-clock::before { content: '\f020'; font-size: 18px; opacity: 1; color: #000; } .fotorama__stage, .fotorama__wrap { width: 100% !important; } .fotorama__stage__shaft { display: flex; } .fotorama__stage__frame { max-width: 240px; height: auto; margin-right: 30px; } .fotorama__stage__frame img { max-width: 240px !important; height: 100% !important; object-fit: cover; } .fotorama__caption { display: none; } .cooked-servings a, .cooked-servings a:hover { color: #000; } .cooked-post-featured-image { margin-bottom: 10px; } .cooked-servings-changer { display: none !important; } .cooked-recipe-info span.cooked-time-icon { opacity: 1; } #top .main_color strong.cooked-meta-title { display: block; color: #000 !important; font-size: 20px; text-transform: none; text-decoration: none; } @media only screen and (max-width: 750px) { /* #av_section_1 { margin-bottom: 100px; max-height: 265px; } .fullheader_sba .avia_textblock h1 { font-size: 23px !important; letter-spacing: 1.5px; } .sba_toptitle { top: calc(265px + 20px) !important; } .sba_toptitle .hr-custom.hr-center { display: none; } #top #main .avia-section .template-page { margin-top: 0; padding-top: 5px; } */ .cooked-recipe-search form { margin-bottom: 5px !important; } .cooked-1-search-fields { display: flex !important; flex-direction: column-reverse; } .cooked-recipe-search .cooked-fields-wrap > .cooked-field-wrap-select { margin-left: 0; height: 60px; display: flex; align-items: center; } .cooked-recipe-search .cooked-fields-wrap > .cooked-field-wrap-select:before { width: 60px; height: 60px; font-size: 30px; display: flex; align-items: center; justify-content: center; top: 10px; right: 0; } .cooked-recipe-search .cooked-fields-wrap > .cooked-field-wrap-select >span { padding: 0 20px; } .cooked-recipe-search .cooked-fields-wrap > .cooked-field-wrap-select span { font-family: "TT Norms"; font-weight: normal; font-size: 24px; line-height: 30px; } .cooked-recipe-search .cooked-browse-select.cooked-active .cooked-browse-select-block { max-width: 100%; } .cooked-fields-wrap .cooked-browse-search-button { position: absolute; width: 60px; height: 60px; right: 0; left: unset; font-size: 30px; display: flex; align-items: center; justify-content: center; } #top .main_color input[type="text"].cooked-browse-search { max-width: 100%; height: 60px; padding: 0 20px; font-family: "TT Norms"; font-weight: normal; font-size: 24px; line-height: 30px; } .cooked-recipe-card-title { font-size: 24px; line-height: 30px; } .cooked-recipe-card-sep { margin-bottom: 0 !important; } .cooked-recipe-card-excerpt { font-size: 20px; line-height: 24px; } } @media only screen and (max-width: 769px){ .cp_recipe-template-default .entry-content-wrapper { padding: 10px !important; } .single-cp_recipe a.back { font-family: "TT Norms"; font-weight: 500; font-size: 16px; line-height: 20px; height: 25px; display: flex; align-items: center; background-size: 10px 20px; background-position: center left; margin-top: -13.6px; margin-bottom: 30px; } .single-cp_recipe .entry-content h1 { font-size: 28px; line-height: 30px; margin-bottom: 30px; } .single-cp_recipe .cooked-recipe-excerpt { font-size: 18px; line-height: 24px; } .cooked-recipe-info { display: flex; flex-direction: column-reverse } .cooked-recipe-info .cooked-left{ text-align: left; } .cooked-recipe-info .cooked-right { text-align: left; float: left; } .cp_recipe-template-default .fotorama__stage__shaft { display: flex; flex-direction: column; margin-bottom: 30px; } .cp_recipe-template-default .fotorama__stage__shaft .fotorama__stage__frame { max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 10px; } .cp_recipe-template-default .fotorama__stage__shaft .fotorama__stage__frame img { width: 100% !important; height: auto !important; max-width: none !important; } .cp_recipe-template-default .fotorama__stage { height: auto !important; width: 100%; } .single-cp_recipe .cooked-single-ingredient { font-size: 16px; line-height: 20px; } .single-cp_recipe .cooked-single-ingredient { padding: 8px 0px !important; } .single-cp_recipe .cooked-ing-amount, .single-cp_recipe .cooked-ing-measurement { font-size: 16px; line-height: 20px; } .single-cp_recipe .cooked-ing-name { width: calc(100% - 85px); font-size: 16px; line-height: 20px !important; } .single-cp_recipe .cooked-heading { font-size: 16px; line-height: 20px; margin-top: 30px; margin-bottom: 10px; } .cooked-recipe-directions .cooked-direction { display: flex; flex-direction: column; } .cooked-direction-number { position: relative !important; top: unset !important; left: unset !important; font-size: 16px !important; line-height: 20px !important; } .cooked-recipe-directions .cooked-direction.cooked-direction-has-number .cooked-dir-content { padding-left: 0; } .cooked-recipe-directions .cooked-direction.cooked-direction-has-number .cooked-dir-content * { font-size: 16px; line-height: 20px; } }