h1 { font-size: 2.5rem; } .brand-url, .navbar-brand, .slogan{ font-family: 'charterbold', 'charterregular'; } *{ font-family: 'charterregular', 'charterbold'; } h1,h2,h3,h4,h5,h6 { font-family: 'charterbold', 'charterregular' !important; } h1 > a,h2 > a,h3 > a,h4 > a,h5 > a,h6 > a { font-family: 'charterbold', 'charterregular' !important; } .charter-bold { font-family: 'charterbold', 'charterregular' !important; } .nav-link, .dropdown-item { /* font-family: 'roboto'; */ font-size: 18px !important; } ul.dropdown-menu { min-width: 100%; } .brand-url { color: #f5f5f5 !important; } .entry-content, .entry-meta { font-size: 19px; } .slogan { font-size: 25px; color: #424242; color: #f5f5f5; } /* #searchform > .input-group { background-color: rgba($material-color-grey-100, .3); } */ #searchform > .input-group > input { background-color: rgba($material-color-grey-100, .2); padding-left: 5px; border-radius: 1px; width: 13rem; } /* Fix for Chrome. */ @media (max-width: 768px) AND (min-width: 576px) { #searchform > .input-group > input { width: 10rem; } } #searchform > .input-group > .input-group-append { margin-left: 0; } .btn-border-dark { border: 1px solid #646464; } .nnavbar { background-image: url("/daemonite/images/paw.png"); background-repeat: no-repeat; } .navbar img { overflow: hidden; } .main-header { background-color: #efefef; color: #f5f5f5; margin-top: 0px; padding-top: 30px; padding-bottom: 30px; background-repeat: no-repeat; background-size: cover; /* margin-bottom: 20px; */ } .main-header .form-control::placeholder, .main-header .form-control { color: #f5f5f5; border-color: #f5f5f5; } .main-header .form-control:focus{ border-color: #424242 !important; } @media( max-width: 768px ) { .flex-column-sm { -ms-flex-direction: column !important; flex-direction: column !important; margin-top: 10px; } } @media( min-width: 576px ) { .text-right-xs { text-align: right !important; } } img.size-medium, img.attachment-medium{ max-width: 45%; width: auto; float: left; margin: 0 15px 0 0; padding: 4px; height: auto; border: 1px solid #ededed; } img.size-large, img.attachment-large{ } .entry-title > a { color: rgba(0, 0, 0, 0.87); } .entry-meta{ /* margin-bottom: 10px; */ font-size: 17px; } .entry-footer { font-size: 17px; margin-top: 10px; } .entry-meta-single { margin-top: 10px; } .nav-previous, .nav-next { font-size: 19px; padding: 0; } .comment-notes { font-size: 17px; } #commentform label { font-size: 17px; } .footer-menu a { //@extend .text-muted; } .footer-menu a:hover { text-decoration: underline !important; } .footer-menu .nav-link { @extend .pl-0; } /* * Der Hintergrund vom Artikel hebt sich hervor. * .site-main { padding: 15px; padding-top: 0; background-color: #fff; } #single-wrapper { background-color: $material-color-grey-100; } .article-shadow-sm { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.10); } */ .article-mb { margin-bottom: 30px; } .page-mt { margin-top: 30px; } .entry-header { margin-bottom: 10px; } .tag-category-icon { font-size: 25px; opacity: 0.5; } /* Sorgt dafür, dass auf dem Smartphon die Tags direkt unter der Kategorie gelistet wird. */ .tags-links > .tag-category-icon { margin-right: 4px; } #comments { margin-top: 30px; } ol.comment-list, .comment-content { font-size: 17px !important; } .comment-metadata > a, .cat-links a, .tags-links a { color: rgba(0, 0, 0, 0.38) !important; } /** * Scroll to top button */ .back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; } /** * Taxonomy */ .taxonomy-title { background-color: $material-color-grey-200; } .taxonomy-description p { font-size: 19px; } .taxonomy-card { margin-bottom: 30px; } .taxonomy-card h1 { font-size: 2.125rem; } .taxonomy-card .card-text { font-size: 17px; } /** * # Main Theme Überschreiben */ .entry-footer span.tags-links, .entry-footer span { padding-right: 20px !important; } .tooltip { font-size: 17px; } /** * # Plugins * * ## Sidebar */ .widget { // clean look // background-color: $material-color-grey-100; margin-bottom: 16px; padding-left: 10px; padding-right: 10px; } .widget-title { // clean look //background-color: $material-color-grey-200; //padding-left: 5px; } #right-sidebar .widget { // clean look //@extend .shadow-sm } .rpwwt-widget ul li { margin: 0 0 0 !important; padding-left: 5px; padding-right: 5px; } span.rpwwt-post-title { font-size: 19px !important; color: rgba(0, 0, 0, 0.87) !important; } span.rpwwt-post-title:hover{ text-decoration-color: rgba(0, 0, 0, 0.87) !important; } .icons-medium, .tagcloud { padding: 5px; } /** * ## YARRP */ .yarpp-thumbnail-title { color: rgba(0, 0, 0, 0.87) !important; } .yarpp-thumbnails-horizontal .yarpp-thumbnail { height: 100% !important; } .tag-cloud-link { //color: rgba(0, 0, 0, 0.87) !important; color: white !important; margin-top: .1rem; margin-bottom: .1rem; @extend .btn; //@extend .btn-light; @extend .btn-primary; } .tag-cloud-link:hover { text-decoration-color: theme-color(primary); } .tag-cloud-link:hover { text-decoration-color: rgba(0, 0, 0, 0.87); } /* */ /** * ## Contact Form 7 */ .wpcf7 { // submit button, inherit .btn and .btn-primary classes. input[type=submit] { @extend .btn; @extend .btn-primary; background-color: theme-color(primary) !important; } input[type=submit]:hover { color: inherit; } .wpcf7-validation-errors { @extend .alert; } /* input[type=submit]:hover { color: #f5f5f5; } .wpcf7-form-control-wrap { @extend .textfield-box; } */ } /** * ## Cookie Bar */ #cookie-law-info-bar span, #cookie-law-info-bar span a { font-size: 17px; } #cookie_action_close_header { margin-left: 5px; margin-right: 5px; } /** * ## Bottom Border Color in Navbar */ @media (min-width: 993px) { .navbar-nav > li { position: relative; } .navbar-nav .active a:not(.dropdown-item)::before{ border-bottom: 5px solid theme-color(primary); bottom: -10px; content: " "; left: 0; position: absolute; right: 0; } } @media (max-width: 992px) { #main-menu > li.active { text-decoration: underline !important; /* text-decoration-color: theme-color(primary); text-decoration: none !important; border-bottom: 2px solid theme-color(primary); */ } } //li.active > .dropdown-toggle { .angebot-banner { @extend .alert; @extend .alert-primary; background-color: #f07206; color: white; box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; //background-image: url(../img/sale.png); background-image: url(../img/sale-opac.png); background-position: right; background-repeat: no-repeat; text-decoration: none !important; } a > .angebot-banner:hover { text-decoration: none !important; } @media (max-width: 768px) { .angebot-banner { font-weight: bold; } } .angebot-banner:hover { text-decoration: none !important; background-color: scale-color(#f07206, $lightness: -10%); }