/* Custom CSS Please make sure your CSS rules are more particular / have higher priority then other page styles */ /* === Fonts analog jeans.ch ========================================= jeans.ch: Fliesstext = "Barlow Semi Condensed", Ueberschriften = "Oswald". Beide via Google Fonts (identische Quelle wie die selbstgehosteten jeans.ch-Dateien). @import MUSS vor allen anderen Regeln stehen. =================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600&family=Oswald:wght@400;500;600&display=swap'); /* Basis-/Fliesstext: body als Wurzel (deckt auch an gehaengte Modals/Popups ab). Formular-Controls erben Font nicht -> explizit. Bewusst KEIN pauschales span/i/[class*=icon], damit Icon-Fonts bleiben. */ body, input, textarea, select, button, .btn, .box { font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif !important; } /* Ueberschriften / Titel wie jeans.ch (Oswald) */ h1, h2, h3, h4, h5, h6, .title, .title-main, .modal-title { font-family: 'Oswald', 'Barlow Semi Condensed', sans-serif !important; } #sb_main #header { padding: 10px 0 !important; } #sb_main #header .logo a img { max-height: 50px !important; } #main-buttons .wrapper .inner { margin-bottom: 20px; } .page-container { display: none !important; } #timeline.bootstrap #step_info_container .step-header.active .step-title .step-name, #timeline.bootstrap #step_info_container .step-header:hover .step-title .step-name { color: #797979 !important; } #timeline.bootstrap .button, .reserve_time_btn, #pay_btn { background-color: #797979 !important; } #timeline.bootstrap #submit_button { background-color: #797979 !important; } body { background-image: url("https://www.jeans.ch/out/jeans-ch/img/background.png") !important; } #content-container, .box { box-shadow: none !important; } .box a { color: #797979 !important; } .nav-container { display: none !important; } header .logo .lmain { font-size: 23px !important; line-height: 23px !important; } footer { display: none !important; } #timeline #client_form input[type="text"], #timeline #client_form textarea, #timeline #client_form #phone_description { max-width: 85% !important; } .btn.map { display: none !important; }