// This is an empty scss file for your custom styles - Please add your super duper awesome mega design styles here @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,700'); body { font-family: "PT Sans", Helvetica, Arial, sans-serif; // dollar_font-family-base font-size: 14px !default; // dollar_font-size-base font-weight: normal !default; // dollar_font-weight-base line-height: 1.5 !default; // dollar_line-height-base // Go easy on the eyes and use something other than `#000` for text color: #292b2c !default; // dollar_body-color // By default, `` has no `background-color` so we set one as a best practice. background-color: white; // dollar_body-bg } p { color: #909090; // dollar_paragraph-color } .p-black p { color: #292b2c; } .p-white p { color: white; } body.dark { background-color: #00322C; // dollar_color-dark-green; } h3 { font-family: "PT Sans"; font-weight: 700; font-size: 1.3rem; } // ZWISCHENZEITLICH // .navbar-banner-container { // min-height: 55vh; // ehem. 300px // text-align: center; // } // // // @media (min-width: 768px) { // // .navbar-banner-container { // // min-height: 55vh; // ehem. 300px // // text-align: center; // // } // // } // // .banner-bottom { // position: absolute; // bottom: 5vh; // padding-right: 15px; // MK hack fix // } // // @media (min-width: 768px) { // a.navbar-brand.custom-logo-link { // left: 0; // position: absolute; // } // } @media screen and (max-height: 689px) { .navbar-banner-background .navbar-banner-container { min-height: 100vh; } } @media screen and (min-height: 690px) { .navbar-banner-background .navbar-banner-container { max-height: 660px; } } .navbar-banner-background { background-position: top center; background-size: cover; } .banner-1 { background-image: url("/img/static_content/fotolia_135174695.jpg"); } // ehem. _mirrored .banner-2 { background-image: url("/img/static_content/fotolia_145816239.jpg"); } .banner-3 { background-image: url("/img/static_content/fotolia_120488790.jpg"); } .content-banner.banner-2 { } .content-banner.banner-2, .content-banner .header-overlay-container { max-height: 38vw; min-height: 30vw; } h1, h2 { font-weight: 700; margin-bottom: 15px; } .banner-bottom, .navbar-banner-container { text-align: center; } @media (min-width: 768px) { h1 { font-size: 3rem; } .banner-bottom, .navbar-banner-container { text-align: left; } } @media (max-width: 400px) { h1 { font-size: 2rem; } .banner-bottom, .navbar-banner-container { text-align: center; } } span.underline { text-decoration: underline; } p.support-hotline, p.support-email { margin-bottom: 0rem; // margin-top: 0rem; & span { font-size: 1.5rem; font-weight: 700; } } .box p:last-child { padding-bottom: 0px; margin-bottom: 0px; } // @media (min-width:992px) { // .navbar-toggleable-md { // flex-direction: column; // ehem. row // } // .navbar-toggleable-md .navbar-nav { // flex-direction: column; // ehem. row // } // } // ZWISCHENZEITLICH // .navbar-toggleable-md { // flex-direction: column; // ehem. row // } // .navbar-toggleable-md .navbar-nav { // flex-direction: column; // ehem. row // } // #navbarNavDropdown, .navbar-toggler { display: none !important; } .navbar-toggleable-md>.container { display: block; // ehem. flex ... flex-wrap:nowrap; align-items:center; // ... alternativ das hier ändern in top o.a. } .navbar-toggler { margin-top: 30px; } .navbar-nav { font-family: "PT Sans Narrow", sans-serif; // dollar_font-family-headings; } @media (max-width: 768px) { .navbar-nav.floating { position: absolute; right: 15px; top: 20px; } .nav-link span { display: none; } } .banner-bottom { margin-top: 200px; margin-bottom: 80px; } @media (max-width: 400px) { .banner-bottom { margin-top: 100px; } } h3.widget-title { font-family: "PT Sans Narrow", sans-serif; // dollar_font-family-headings; } .widget { margin: 0 0 1.6em; padding: 1.6em; background: #f6f6f6; // dollar_widget-color; font-size: 18px; line-height: 1.4; -webkit-box-shadow: 0 0 2px #c9c9c9; box-shadow: 0 0 2px #c9c9c9; // border-bottom: 1px dotted darkgrey; // border-left: 1px dotted darkgrey; } .btn, .button, .header-overlay, .header-overlay::before, .header-overlay img, .widget, .impress-border, .widget-frame, .jumbotron { // border-radius: 20px 20px 20px 0px; } .widget > ul, .widget > div > ul { margin-left: 0; } ul, ol { margin: 0 0 1.6em 1.6em; padding-left: 0; } .widget:not(.widget_text) ul, .widget:not(.widget_text) ol { list-style: none; } /* BTN BUTTONS start */ .btn { font-family: "PT Sans Narrow", sans-serif; // dollar_font-family-headings; font-weight: 700; border-radius: 4px; // dollar_button-border-radius } .btn, .btn:hover { background-position: unset; } .btn-success { background-image: linear-gradient(-171deg, #4B925A 2%, #0E653D 100%); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); border: none; } .btn-success:hover { background-image: linear-gradient(-171deg, #0E653D 2%, #0E653D 100%); } .btn-outline-success { box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); border-width: 1px; border-style: solid; border-color: #489059; color: #489059; } .btn-primary, .btn-success { box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); border: none; } .btn-primary { background-image: linear-gradient(-165deg,#0035b2 0,#001b93 97%); } .btn-primary:hover { background-image: linear-gradient(-165deg,#001b93 0,#001b93 97%); } .banner-bottom .btn { margin-top: 20px; } .entry-meta { color: #B8B8B8; } .btn-secondary, .navbar-nav .nav-link { transition: all .2s ease-in-out; border: none; font-weight: 400; border-radius: 4px; // dollar_button-border-radius; // Standard: // background-color: #e3e3e3; background-color: none; border: 1px solid rgb(206,206,206); } .navbar-nav .nav-link { padding-left: 20px; padding-right: 20px; line-height: 80px; height: auto; line-height: normal; } .navbar-nav .nav-link:hover, .btn-secondary:hover { } .grey, .bg-light, .navbar-light { & .navbar-nav .nav-link, .btn-secondary { background-color: #e3e3e3; border: 1px solid rgb(206,206,206); } & .navbar-nav .nav-link:hover, .btn-secondary:hover { background-color: rgba(0,0,0,0.10); border: 1px solid rgb(206,206,206); } } .dark, .darkgrey, .verydarkgrey, .bg-dark, .navbar-dark, .banner-bottom { & .navbar-nav .nav-link, .btn-secondary { border: none; background-color: rgba(255,255,255,.1); // dollar_button-color-semitransparent-background-white // ehem. rgba(0,0,0,.3) color: white; // dollar_btn-text-color-bright // ehem. rgba(255,255,255,.7) } & .navbar-nav .nav-link:hover, .btn-secondary:hover { background-color: rgba(255,255,255,.2); // dollar_button-color-semitransparent-background-white-hover // ehem. rgba(0,0,0,.7) color: white; // dollar_btn-text-color-bright } } /* BTN BUTTONS end */ /* NAVBAR start */ .navbar { padding-top: 0; flex-direction: row; flex-wrap: nowrap; align-items: center; & .navbar-nav { float: right; // flex-direction: row; } } .navbar-toggler { float: right; } .navbar-brand { font-family: "PT Sans Narrow", sans-serif; // dollar_font-family-logo; padding-top: 0; } .navbar-brand.custom-logo-link img { max-height: 100px !important; // 70px width: auto !important; } .navbar-toggleable-md .navbar-nav { float: right; } @media (min-width: 992px) { .navbar-toggleable-md .navbar-collapse { display: unset !important; } } @media (max-width: 991px) { .navbar-collapse.collapse.show { display: block !important; } } .navbar-nav.floating { margin-top: 15px; } .widget-overlay div.widget { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100