/* Theme Name: TwoSeasons Theme URI: https://www.dezemberundjuli.ch Description: Ein Mobile-first-Responsive-HTML5-CSS3-Theme von #dezemberundjuli. Version: 2.5 Liechtenstein Academy Author: #dezemberundjuli Author URI: https://www.dezemberundjuli.ch Farbdefinitionen rot rgb(138,30,32) #8A1E20 // CD, Hintergrund, Buttons, Schrift dunkelgrau rgb(102,102,102) #666666 // Schrift grau rgb(157,157,156) #9D9D9C // Input-Rahmen, Footer-Text, Button Hover grau2 rgb(179,179,179) #B3B3B3 // Form-Border, Placeholder, Navbar Hellgrau rgb(242,242,242) (inaktiver Slider-Button) Hellgrau2 rgb(230,230,230) .secondary in Mobilenav Warnfarbe1 rgb(193,205,35) grün Warnfarbe2 rgb(255,138,0) orange Schriftdefinitionen Google Font: 'Heebo', sans-serif; (400 Regular, 500 Medium, 700 Bold) Zeilenabstand: 1.5em Schriftdicke: Regular Google Font: 'Bitter', sans-serif; (italic) Schriftgrössen Überschrift 1: 50px Überschrift 2: 20px Überschrift 3: 16px Überschrift 4: 16px Überschrift 5: 16px Überschrift 6: 14px Fliesstext: 16px Lead: 20px Navigation: 18px Sub-Navigation: 14px Forms: 16px Buttons: 16px / 14px Fusszeile: 14px */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* HTML Elements */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ html, body {font-family: 'Heebo', sans-serif; font-size: 1rem; line-height: 1.5em; color: rgb(102,102,102); margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body {min-width: 300px; background-color: white} * {text-rendering: optimizeLegibility !important; font-smoothing: antialiased !important;} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ h1, h2, h3, h4, h5, h6 {color: rgb(138,30,32); margin: 0; font-weight: 500} h1, .h1, .home h2, .subtitel {color: rgb(102,102,102); font-size: 1.5rem; line-height: 1.2em; font-weight: 700; margin-bottom: 0.25em} h2, .h2, .home h1, .home .h1 {font-size: 1.25rem; line-height: 1.25em} h2.special, .h2.special {font-size: 2rem; font-weight: normal; color: rgb(138,30,32)} h2.special span, .h2.special span {color: rgb(102,102,102)} h2.special span a, .h2.special span a {color: rgb(102,102,102); font-size: 1.125rem} h3 {font-size: 1rem; font-weight: 400} h4 {font-size: 1rem; color: rgb(102,102,102)} h5 {font-size: 1rem; color: rgb(102,102,102); font-weight: normal} h6 {font-size: .875rem; color: rgb(102,102,102); font-weight: 400} h2+h3, h2+fieldset, h2+table {margin-top: .5rem} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Paragraf */ p {margin-bottom: 1.5rem} p.lead {font-size: 1.25rem; line-height: 1.25em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* b, strong */ b, strong {font-weight: 700} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Link */ a {color: rgb(138,30,32)} a:focus, a:hover, a:active {color: rgb(138,30,32); text-decoration: underline} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Table */ table {margin: 0 0 2rem 0; width: 100%} th {border-bottom: 1px solid rgb(138,30,32); color: rgb(138,30,32); font-weight: 500; text-align: left; padding: 4px 0} td {border-bottom: 1px solid rgb(179,179,179); color: rgb(102,102,102); padding: 4px 0} th+th, td+td {border-left: 1rem solid white} .table {display: table} .table .table-row {display: table-row} .table .table-cell {display: table-cell} .table .table-cell--middle {vertical-align: middle} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Form */ fieldset {display: block; width: 100%; position: relative; margin: 0 0 2em 0; padding: 0; border: 0} fieldset.filter {margin: 1rem 0 2rem 0} fieldset > p {margin: 0} fieldset legend {color: rgb(138,30,32); margin: 0; font-size: 1rem; font-weight: 400} label, .label {font-size: 0.722rem; margin: 0} select {width: 100% !important} .ui-datepicker-month, .ui-datepicker-year {width: 49% !important; color: rgb(102,102,102)} button, .btn, input, select, textarea {text-decoration: none; display: inline-block; vertical-align: baseline; border: 1px solid rgb(179,179,179); padding: 6px 1% 4px; border-radius: 0.5em; margin: 0 0 0.5rem 0; background-color: transparent; font-family: 'Heebo', sans-serif; font-size: 1rem; line-height: 1.5em; color: rgb(102,102,102); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} input[type="text"], input[type="tel"], input[type="email"], input[type="file"] {width: 100%} textarea {vertical-align: top; border-radius: 0px; margin: 0; padding: 5px 1%; width: 98%; margin-bottom: 1rem} input:hover, input:focus, textarea:hover, textarea:focus {background-color: white} ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color: rgb(179,179,179)} :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: rgb(179,179,179); opacity: 1} ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: rgb(179,179,179); opacity: 1} :-ms-input-placeholder {/* Internet Explorer 10-11 */ color: rgb(179,179,179)} input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */ -webkit-text-fill-color: rgb(138,30,32);} input:-webkit-autofill:focus {-webkit-box-shadow: /* your box-shadow */ 0 0 0 50px white inset; -webkit-text-fill-color: rgb(138,30,32);} .btn {font-weight: 400; width: auto; border-width: 1px; border-color: rgb(138,30,32); color: white; background-color: rgb(138,30,32); display: inline-block; border-radius: 0px; line-height: 1.6875rem; padding: 1px .4rem 0; font-size: 0.875rem; margin-bottom: 1rem; text-decoration: none; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .btn:focus {color: white; outline: thin dotted; outline-offset: 4px; text-decoration: none; border-color: rgb(102,102,102); background: rgb(102,102,102)} .btn:hover {text-decoration: none; color: white; border-color: rgb(102,102,102); background: rgb(102,102,102)} .btn-xs {font-size: 12px} .btn-sm {font-size: 14px} .btn-md {font-size: 18px} .btn-lg {font-size: 28px} .btn-block {display: block; width: 100%} .btn-invert {border-color: white; padding-left: 1.25em; padding-right: 1.25em; font-size: 0.875rem !important; background-color: transparent !important} .btn-invert:focus, .btn-invert:hover {border-color: white; background-color: white !important; color: rgb(138,32,30) !important} .btn-round {border-width: 2px; border-radius: 2em} .btn-fill {color: white !important; text-decoration: none; background-color: rgb(138,30,32); border-color: rgb(138,30,32); padding-left: 0.4rem; padding-right: 0.4rem} .btn-fill:focus, .btn-fill:hover {color: white !important; background-color: rgb(157,157,156); border-color: rgb(157,157,156)} .btn-fill.btn-xs {padding: 2px 4px} .btn-fill.btn-sm {padding: 4px 8px} .btn-fill.btn-md {padding: 8px 16px} .btn-fill.btn-lg {padding: 16px 32px} .btn-light {color: rgb(179,179,179) !important; border-color: rgb(179,179,179)} .btn-fill.btn-light {background-color: rgb(242,242,242)} .btn .fa, .btn i {font-size: 1.125rem; line-height: 0.5rem; position: absolute; right: 0.4rem; top: 50%; margin: -0.24rem 0 0 0} .btn-icon {padding-right: 2.125em} .btn-icon.btn-fill {padding-right: 2.8rem} .btn-icon.btn-fill .fa, .btn-icon.btn-fill i {right: 0.3rem} .btn-icon-left {padding-left: 2.125em; padding-right: 0.7rem} .btn-icon-left .fa, .btn-icon-left i {left: 0.4rem; right: auto} .btn-icon-left.btn-fill {padding-left: 2.8rem; padding-right: 0.7rem} .btn-icon-left.btn-fill .fa, .btn-icon-left.btn-fill i {left: -0.4rem} .btn-icon.btn-round .fa, .btn-icon.btn-round i {right: 1rem} .btn-icon.btn-round {padding-right: 2.4rem} .btn-icon-left.btn-round .fa, .btn-icon-left.btn-round i {right: 0; left: 1rem} .btn-icon-left.btn-round {padding-left: 2.4rem; padding-right: 1.2rem} .btn-icon-x0 .fa, .btn-icon-x0 i {font-size: 1rem} .btn-link {padding: 0 !important; border: 0 !important;} .btn-link:hover {background-color: transparent !important; color: rgb(138,30,32) !important} input[type="reset"], .reset {color: rgb(138,30,32) !important; text-decoration: none; border: none; background: transparent; font-size: 1rem; line-height: 30px; font-family: 'Work Sans', sans-serif; width: auto} input[type="reset"]:hover, .reset:hover {text-decoration: underline} input[type="reset"] span, .reset span {} input[type="radio"] {border-radius: 8px} input[type="checkbox"] {font-size: 1rem !important} .inputbox {margin-bottom: 1em} .inputbox label input {width: auto; display: inline; margin: 0} .inputbox label span {display: inline-block; width: 80%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Quote */ /* ----------------------------------------------------------------------------------------------------------------------------- */ blockquote {margin: 3rem 0 3rem 0; padding: 1rem 0; font-size: 2.25rem; line-height: 1.111em; font-family: 'Heebo', sans-serif; border-top: 1px solid rgb(138,30,32); border-bottom: 1px solid rgb(138,30,32); color: rgb(138,30,32)} blockquote p {margin: 0; font-size: 2.225rem; line-height: 1.111em} cite {display: inline-block; clear: both; font-size: 1.25rem; line-height: 2em; font-style: normal; color: rgb(138,30,32)} blockquote + p cite {margin: 1em 0 2.5em 0 !important} p q {font-size: 1em; font-family: 'Heebo', sans-serif; line-height: inherit} /* Vorherige Version in Grau ohne Linien blockquote, q {font-family: Georgia, times, serif; font-style: italic; color: rgb(102,102,102); font-size: 1.8em; line-height: 1.154em; margin-bottom: 1.2em; padding: 0.2em 0 3rem 25%; position: relative} blockquote cite {position: absolute; bottom: 0; right: 0; display: inline-block; clear: both; font-size: 1.25rem; line-height: 2em; font-style: normal; color: rgb(138,30,32)} blockquote p, q p {text-align: right; margin-bottom: 0} blockquote p:before, q p:before {content: '«'} blockquote p:after, q p:after {content: '»'} header + blockquote, header + q {padding-top: 0.8em} blockquote span, q span {color: rgb(102,102,102); font-size: 0.769em; line-height: 1.7em} */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Lists */ ul, ol {list-style-position: outside; padding: 0 0 0 23px} ul.layout, ol.layout {list-style: none; list-style-image: none; padding-left: 0} ul.layout li, ol.layout li {list-style: none; list-style-image: none} li ul, li ol {margin: 0 1em} li {list-style-type: square} dl {margin-bottom: 1.5rem} dl dt {color: rgb(138,30,32); display: inline; font-weight: normal; line-height: 1.5em} dl dt:before {content: ''; display: block; height: 0.5em} dl dd {display: inline; line-height: 1.5em} dl dd a {color: rgb(102,102,102)} dl dd a:hover {text-decoration: none} /* Icon-List .single .main .wrapper ul:not(.tribe-events-sub-nav):not(.teaserset):not(.chosen-results):not(.list), .page .main .wrapper ul:not(.tribe-events-sub-nav):not(.teaserset):not(.list) {padding-left: 0; list-style-type: none; margin-bottom: 2rem} .single .main .wrapper ul:not(.tribe-events-sub-nav):not(.teaserset):not(.chosen-results):not(.list) li, .page .main .wrapper ul:not(.tribe-events-sub-nav):not(.teaserset):not(.list) li {font-size: 1em; margin: 0 0 10px 0; line-height: 1.4em; position: relative; padding-left: 1.25em} .single .main .wrapper ul:not(.tribe-events-sub-nav):not(.teaserset):not(.chosen-results):not(.list) li:before, .page .main .wrapper ul:not(.tribe-events-sub-nav):not(.teaserset):not(.list) li:before {color: rgb(138,30,32); position: absolute; text-align: left; left: 5px; width: 0.9em; top: 0.14285714em; content: "\f105"; display: inline-block; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} */ .wp-caption-text {font-size: 0.722rem !important; line-height: 1.2em !important; padding: 0.5em 0} .wp-caption-text:before {width: 1em; color: rgb(138,30,32); content: "\21"; display: inline-block; font: normal normal normal 1em/1 'ElegantIcons'; speak: none; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Blockheader */ .blk {background-color: rgb(138,30,32); color: white; font-size: 1rem !important; line-height: 1.5em; padding: 0 6px; font-weight: 500; margin-bottom: 1.5em} .blk-lg {font-size: 1.5rem !important} .blk .fa {float: right} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Media */ img {border: 0} img, object, embed, video {max-width: 100% !important; _width: 100%} /* fluid media */ p img, figure img, picture img {margin: 0} .fluid-width-video-wrapper {position: relative} .fluid-width-video-wrapper:before {content: ''; width: calc(100% + 1px); height: 3px; background: white; display: block; position: absolute; z-index: 10; top: -2px; left: -1px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Divers */ var, address {font-style: normal} hr {border: none; border-bottom: 1px solid rgb(138,30,32); clear: both; height: 1px; display: block; margin: 0 0 0.25em 0; padding-top: 0.25em} small {font-size: 0.722rem !important} big {font-size: 1.25em; line-height: 1.333em} .divider {color: rgb(138,30,32); font-weight: 700 !important; font-size: 1.25em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WordPress */ .aligncenter {float: left !important; margin: 0 20px 20px 0} .alignleft {float: left !important; margin: 0 20px 20px 0} .alignright {float: right !important; margin: 0 0 20px 20px} .wp-video {border-top: 1px solid rgb(138,30,32); border-bottom: 1px solid rgb(138,30,32); padding: 0.5em 0; margin-bottom: 3em; width: 100% !important} .wp-caption {padding: 0.5em 0; width: 100% !important; font-size: 0.875rem; line-height: 21px} .wp-caption > a, .wp-caption > img {float: left; margin-right: 0; margin-bottom: 0; line-height: 0} .wp-caption.alignright > a, .wp-caption.alignright > img {float: right; margin-left: 1.5em; margin-right: 0} .wp-caption img {margin-bottom: 0} .wp-caption .wp-caption-text, .caption {clear: both; padding-top: 1em; font-size: 0.875rem} .gallery {float: left; margin-bottom: 2em; max-width: 100%; width: 100%} .gallery-item {float: left; margin: 0 0 3.2%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Font Awesome - Icons */ .fa-2x {font-size: 2em} .fa-3x {font-size: 3em} .fa-4x {font-size: 4em} .fa-5x {font-size: 5em} .fa-6x {font-size: 6em} .fa-7x {font-size: 7em} .fa-8x {font-size: 8em} .fa-9x {font-size: 9em} .fa-10x {font-size: 10em} .fa-mein-konto {width: 30px; padding-left: 3px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Classes */ .meta {font-size: 0.6875rem; line-height: 1.727em; margin-bottom: 0.5em} .edit-link {clear: both; display: block; margin: 0; font-size: 0.8em} .edit-link:before {content:'\6c'; padding-right: 5px} .edit-link:before {font-family: 'ElegantIcons'; speak: none; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1} .edit-link:before {content:'\f040 '; font-family: 'FontAwesome'; padding-right: 3px} .edit-link:after {content:''} .edit-link a {text-decoration: none !important} .edit-link a:hover, .edit-link a:focus, .edit-link a:active {text-decoration: none !important} .bitter {font-family: 'bitter', serif; font-style: italic; font-size: inherit} h1 .bitter {color: rgb(138,30,32)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Helper Classes */ .clearfix:before, .clearfix:after {content: " "; display: table; clear: both} .text-left {text-align: left} .text-center {text-align: center} .text-right {text-align: right} .text-justify {text-align: justify} .text-nowrap {white-space: nowrap} .pull-right {float: right !important} .pull-left {float: left !important} .visible-sm {display: block} /* small */ .visible-md {display: none} /* medium */ .visible-lg {display: none} /* large */ .hidden-sm {display: none} /* small */ .hidden-md {display: block} /* medium */ .hidden-lg {display: block} /* large */ .text-default {color: rgb(102,102,102)} .text-primary {color: rgb(138,30,32)} .text-success {color: rgb(193,205,35)} .text-warning {color: rgb(255,138,0)} .bg-primary {background-color: rgb(138,30,32)} .bg-success {background-color: rgb(193,205,35)} .bg-warning {background-color: rgb(255,138,0)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */} .screen-reader-text:focus {background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Pagination */ .pagination {text-align: center} .pagination a {text-decoration: none} .pagination a:hover {text-decoration: none; color: rgb(138,30,32)} .pagination .page-numbers.current .btn {background-color: rgb(157,157,156)} .pagination .prev .btn span, .pagination .next .btn span {float: none} .row .pagination {text-align: right} .row .pagination .page-numbers {font-size: 1rem; line-height: 24px} .row .pagination .page-numbers:after {content: ' I '; color: rgb(157,157,156); font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 1.3rem; position: relative; top: 2px} .row .pagination .fa {font-size: 1.75rem; position: relative; top: 2px} .row .pagination .page-numbers.current {font-weight: bold} .row .pagination .prev, .row .pagination .next {display: inline-block; width: 40px; text-align: center} .row .pagination .prev:after, .row .pagination .next:after {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Mitarbeiter */ .mitarbeiter img {margin-bottom: 0} .mitarbeiter .mitarbeiter__name {margin: 1em 0 0.2em 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Downloads */ .downloads {display: none} .downloads [class^=col-] {border-top: 1px solid rgb(179,179,179)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Google Karte */ .map {display: block !important} .map iframe {width: 100% !important; height: 350px !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Essential Grid */ .esg-layout-even .esg-entry-media img {display: block !important} .esg-layout-even .esg-entry-media picture {display: block} .esg-grid .mainul li.eg-lao-wrapper {background-color: transparent !important} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* LAYOUT */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .container {min-width: 300px; background-color: white; position: relative} .wrapper {position: relative; margin: 0 15px} /* Inhaltselement mit Abstand */ .wrapper:not(.wrapper-full) {margin-left: 4.92%; margin-right: 4.92%} /* Inhaltselement mit Abstand */ .wrapper-full {margin: 0} /* Inhaltselement ohne Abstand */ .head {margin-bottom: 1.5rem} .head .navbar {display: none} .head .searchbar {display: block; background-color: rgb(179,179,179); height: 0; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .head .searchbar.active {height: 115px} .head .searchbar .search-form {text-align: center; padding: 0 1rem 2rem 1rem; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .head .searchbar.active .search-form {opacity: 1; padding-top: 2rem} .head .searchbar .search-form input[type='search'] {background-color: rgba(255,255,255,1); border: 1px solid white; border-radius: 0.4em; padding: 0.3rem 0.5rem; line-height: 1.8em} .head .searchbar .search-form button[type='submit'] {background-color: transparent; color: white} .head .searchbar .search-form button[type='submit']:hover {background-color: transparent; color: rgb(138,30,32)} .head .searchbar .search-form button[type='submit'] i {font-size: 1.2em; position: relative; top: 4px} .head .search-toggle {float: right; width: 44px; padding-right: 10px !important; height: 52px; padding: 0; margin-top: 12px; background: transparent; border-color: transparent} .head .search-toggle i {position: static; display: inline-block; margin: 14px 0 0 0; padding: 0; color: rgb(138,30,32)} .head .search-toggle.active i {color: rgb(138,30,32)} .head .navbar .search-toggle {float: left; width: 44px; height: 36px; margin-top: 0} .head .navbar .search-toggle i {color: white} .head .navbar .search-toggle:hover i, .head .navbar .search-toggle.active i {color: rgb(138,30,32)} .head .search-toggle.active i:before {content: "\51";} .main {padding-bottom: 8rem} .foot {background-color: rgb(138,30,32); clear: both; color: white; padding-bottom: 12em} .foot-pre {background-color: white; padding-bottom: 2em; margin-bottom: 2em} .foot-pre a {color: rgb(138,30,32)} .foot-pre .taube {margin: 0} .foot-pre .scroll-to-top {font-size: 2.5rem} .foot-pre .scroll-to-top:hover {text-decoration: none} .foot-pre .scroll-to-top:hover i:before {content: '\e047'} .menu-fader {display: block; position: absolute; z-index: -1000; top: 130px; left: 0; right: 0; bottom: -100px; background: transparent; -webkit-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out} .menu-main-active .menu-fader, .login-form-active .menu-fader {z-index: 1000; background-color: rgba(255,255,255,.9)} .menu-main-active-touch .menu-fader {top: 0} .login-form-active .menu-fader {top: 38px; z-index: 5500} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo (site-title) */ .site-title {float: left; margin-top: 1.125rem} .site-title a {text-decoration: none; max-width: 250px; max-height: 51px; line-height: 0em !important} .site-title a span {display: none} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ELEMENTS */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu {} .menu, .menu ul {list-style: none; padding: 0; margin: 0} .menu li {float: left; list-style-image: none; list-style: none} .menu li a {text-decoration: none; display: block} .menu.row {margin-left: -15px; margin-right: -15px} .head .menu-main {display: none; height: 52px; overflow :visible; z-index: 5000} .menu-main {margin-bottom: 0em; position: relative} .menu-main .menu-item {position: relative} .menu-main .menu-item a {color: rgb(102,102,102); border-top: 3px solid rgb(102,102,102); border-bottom: 1px solid rgb(102,102,102); font-size: 18px; line-height: 19px; padding: 0.5em 0 1em 0; font-weight: 500} .menu-main .menu-item a i {font-size: 18px; line-height: 19px; color: rgb(138,30,32)} .menu-main .menu-item:hover > a, .menu-main .menu-item.current-menu-item > a, .menu-main .menu-item.current-menu-ancestor > a, .home .head .menu-main .menu-item.menu-item-has-children > a {border-color: rgb(138,30,32)} .menu-main .menu-item .sub-menu {width: calc(100% + 30px); display: none; background-color: white; position: absolute; z-index: 1000; padding: 0 30px 30px 30px; margin-left: -30px} .menu-main .menu-item .sub-menu .menu-item {float: none; display: block; margin-bottom: 0} .menu-main .menu-item .sub-menu .menu-item a {display: block; width: 100%; border-top: 0; border-bottom: 1px solid rgb(138,30,32); color: rgb(138,30,32); padding: 0; font-size: 1rem; line-height: 2.5em; font-weight: 400} .menu-main .menu-item .sub-menu .menu-item a:hover, .menu-main .menu-item .sub-menu .menu-item.current-menu-item > a {font-weight: 500} .menu-main .menu-item:hover .sub-menu, .menu-main .menu-item .hover + .sub-menu {display: block} .menu-main .menu-main-toggle {display: none; color: rgb(138,30,32); position: absolute; line-height: 0em; top: -90px; left: 50%; margin-left: -30px; width: 58px; height: 74px; background: transparent; padding: 0} .menu-main .menu-main-toggle i {font-size: 2.5rem; line-height: 1.5em; position: static} .menu-main-active-touch .menu-main .menu-main-toggle {display: block} .foot .menu-main {margin-bottom: 0} .foot .menu-main .menu-item {margin-bottom: 2.5em} .foot .menu-main .menu-item a {color: white; border-color: white; padding: 0.5em 0} .foot .menu-main .menu-item a i {color: white} .foot .menu-main .menu-item .sub-menu {display: block; background-color: transparent; padding: 0; margin: 0; width: 100%; position: static} .foot .menu-main .menu-item .sub-menu .menu-item a {border-color: white; color: white; font-size: 14px} .menu-meta {display: none} .menu--foot {border-top: 1px solid rgb(138,30,32); padding-top: 10px; margin: 2rem 0} .menu--foot li {display: block; float: none; clear: both; padding: 0} .menu--foot li a {display: block; line-height: 44px; text-decoration: underline} .menu--foot li a:hover {text-decoration: underline} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .sidebar * {color: white; font-size: 0.875rem; line-height: 1.5em} .sidebar a {color: white; font-size: 0.875rem; line-height: 1.5em} .sidebar a:focus, .sidebar a:hover {color: white; text-decoration: underline} .sidebar-primary {} .sidebar-second {} .sidebar-second a {font-size: 30px; line-height: 1em; position: relative; top: 5px; margin-right: 5px} .sidebar-second a:focus, .sidebar-second a:hover {text-decoration: none} .sidebar-second a i {font-size: 1em} .sidebar-archive .widget ul {padding-left: 0} .sidebar-archive .widget li {list-style: none; list-style-image: none; line-height: 1.2em; margin-bottom: 0.5em} .sidebar-archive .widget li a {color: rgb(138,30,32)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .teaserset {margin: 0; padding: 0; position: relative} .teaser {list-style-image: none; list-style: none; margin-bottom: 1em !important} .teaser img {margin-bottom: 0} .teaserset-testimonials {background-color: rgb(130,30,32); padding: 0.5rem 7% 0.75rem !important; margin: 0 -7% 0 -7%; width: auto !important} .teaserset-testimonials ul {padding: 0; margin: 0} .teaserset-testimonials ul .owl-item {padding: 0 0 4em 0} .teaserset-testimonials ul li {padding: 0 0 3em 0; margin: 0 !important} .teaserset-testimonials .meta {color: white; font-size: 1rem; line-height: 1.5em; font-weight: 500; font-size: 1.25rem; margin-bottom: 0.5em} .teaserset-testimonials .meta i {font-size: 1em; line-height: inherit; color: white} .teaserset-testimonials blockquote {color: white; font-size: 1.5rem; line-height: 1.125em; border: 0; margin: 0; padding: 0} .teaserset-testimonials blockquote p {font-size: 1.5rem; line-height: 1.125em} .teaserset-testimonials blockquote p:before, .teaserset-testimonials blockquote p:after {display: none} .teaserset-testimonials blockquote cite {position: static; display: block; color: white; font-size: 0.875rem; line-height: 1em; padding-top: 1em} .teaserset-testimonials p {margin-bottom: 0; color: white} .teaserset-testimonials a {position: absolute; bottom: 0.8rem; right: 1.5rem; margin-left: -158px; color: white; margin-bottom: 0} .teaserset-testimonials .goto-after {display: none} body:not(.home) .teaserset-testimonials header {margin: 0.5em 0} body:not(.home) .teaserset-testimonials .goto-after {display: none} /* Owl Carousel */ .owl-nav {position: absolute; left: 0; bottom: 0} .owl-nav div {color: white; font-size: 2rem; margin-right: 0.5rem; float: left} .owl-nav div .hover {display: none} .owl-nav div:hover i {display: none} .owl-nav div:hover i.hover {display: block} .teaserset-posts .thumbnail img {margin-bottom: 2rem} .teaserset-posts #post-41 .thumbnail, .teaserset-posts #post-4441 .thumbnail {text-align: center; display: block} .teaserset-posts #post-41 .thumbnail img, .teaserset-posts #post-4441 .thumbnail img {height: 48px} .teaserset-posts #post-41 .thumbnail + p, .teaserset-posts #post-4441 .thumbnail + p {display: none} .teaserset-posts .thumbnail-icon {font-size: 3rem; color: rgb(102,102,102); text-align: center; margin-bottom: 2rem} .teaserset-posts .thumbnail-icon a {color: rgb(102,102,102)} .teaserset-posts .thumbnail-icon a:focus, .teaserset-posts .thumbnail-icon a:hover {text-decoration: none; color: rgb(138,30,32)} .teaserset-posts .meta {border-top: 1px solid rgb(138,30,32); padding: 0.5em 0} .teaserset-posts .meta time, .teaserset-posts .meta a {font-size: 0.875rem; line-height: 1.3571em; color: rgb(102,102,102)} .teaserset-posts .teaser-title {font-weight: 500; border-top: 3px solid rgb(138,30,32); font-size: 1.1875rem; line-height: 1.2631em; color: rgb(102,102,102); padding: 0.5em 0 1em} .teaserset-posts .teaser-title a {color: rgb(102,102,102)} .teaserset-posts .teaser-title a:focus, .teaserset-posts .teaser-title a:hover {text-decoration: none; color: rgb(138,30,32)} .teaserset-posts header + p {border-top: 1px solid rgb(138,30,32); padding: 0.5em 0} .teaserset-events .meta {border-bottom: 1px solid rgb(138,30,32); padding: 0.5em 0} .teaserset-events .meta a {font-size: 1em; line-height: inherit; color: rgb(138,30,32)} .teaserset-events .teaser-title {padding: 0.5em 0 1em !important} .teaserset-startseitenteaser {} .teaserset-startseitenteaser h3 {color: rgb(102,102,102); border-top: 3px solid rgb(138,30,32); font-size: 18px; line-height: 19px; padding: 0.5em 0 1em 0; margin-bottom: 3px; font-weight: 500} .teaserset-startseitenteaser h3 a {color: rgb(102,102,102)} .teaserset-startseitenteaser h3 a:hover {text-decoration: none} .teaserset-startseitenteaser h3 i {font-size: 18px; line-height: 19px; color: rgb(138,30,32)} .teaserset-startseitenteaser .textwidget p, .teaserset-startseitenteaser .textwidget hr {display: none} .teaserset-startseitenteaser p {font-size: 0.875rem; line-height: 1.5em} .teaserset-startseitenteaser p:first-child {color: rgb(138,30,32)} .teaserset-startseitenteaser .teaser:not(:last-child) p:first-child {margin-bottom: 2em} .teaserset-dateien {} .teaserset-dateien .teaser {margin: 0 !important} .teaserset-dateien .teaser a {display: block; border-top: 1px solid rgb(179,179,179); padding: 0 0.5rem 1em 0.5rem; text-decoration: none} .teaserset-dateien .teaser a:hover {background-color: rgb(242,242,242)} .teaserset-dateien .teaser__title {font-size: 1.333rem; line-height: 30px; font-weight: bold; margin: 1rem 0 0 0} .teaserset-dateien .teaser__title span {font-weight: 300} .teaserset-dateien .teaser [class^=col-] {margin-left: 0 !important; text-align: left} .teaserset-dateien .teaser img {height: 80px; width: auto !important; display: inline; border: 1px solid rgb(179,179,179)} .teaserset-dateien .teaser picture {height: 80px; width: auto !important; display: inline} .teaserset-dateien .teaser .fa {font-size: 4rem !important; margin: 2rem 0 0 0} .teaserset-dateien .teaser .fa:first-child {color: rgb(138,30,32); font-size: 3.333rem; position: relative; top: -8px} .teaserset-dateien .teaser .fa:last-child {margin-left: 1rem} .teaserset-dateien .teaser p {margin: 0 0 0.5em 0; font-size: 0.888rem; line-height: 24px} .teaserset-dateien .teaser .teaser__beschreibung {font-size: 1.333rem; line-height: 30px; color: rgb(138,30,32)} .teaserset-standorte {} .teaserset-standorte [class^=col-] {margin: 0; float: right} .teaserset-standorte .btn {float: left; position: relative; top: 50px} .teaserset-standorte p {margin: 0} .teaserset-standorte .standortbild {float: left; margin-left: 2em} .teaserset-standorte .standortlink {display: block; text-decoration: none; padding: 8px 55px 10px 5px; position: relative; border-radius: 2px} .teaserset-standorte .standortlink:hover {background-color: rgb(242,242,242)} .teaserset-standorte .standortlink .standorttitel {line-height: 38px} .teaserset-standorte .standortlink .subtitel {color: rgb(138,30,32)} .teaserset-standorte .standortlink .nummer {width: 30px; height: 30px; border-radius: 30px; background-color: rgb(157,157,156); position: relative; color: white; text-align: center} .teaserset-standorte .standortlink .nummer span {position: relative; top: -3px; font-size: 1.333rem; line-height: 40px} .teaserset-standorte .standortlink .fa {position: absolute; top: 50%; right: 5px; margin-top: -31px; display: block} .page-template-template-children-in-content .main .teaserset-kinder article {border-top: 2px solid rgb(138,30,32); padding-top: 10px} .page-template-template-children-in-content .main .teaserset-kinder .teaser__title {margin-top: 0.3em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Breadcrumb */ .breadcrumb {clear: both; font-size: 1em; line-height: 1.5em; position: relative; z-index: 1} .breadcrumb * {color: rgb(157,157,156)} .breadcrumb b {font-weight: 500} .breadcrumb a:hover {color: rgb(157,157,157)} .breadcrumb a:hover sup {text-decoration: none} .breadcrumb .arrow_right {font-size: 0.75em; position: relative;} /*.breadcrumb span:last-child {display: none}*/ .breadcrumb a {text-decoration: none; font-size: .8em} .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {text-decoration: underline} .breadcrumb .breadcrumb_last {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kommentare */ .comments {border-top: 1px solid rgb(138,30,32); padding-top: 1em; margin-top: 2em} .comments__title {margin-bottom: 1em} .comment-reply-title {margin-bottom: 1em; display: none} .comments__list {list-style: none; margin: 0; padding: 9px; border-radius: 8px} .comments__author {float: left; font-size: 0.786em; line-height: 1.5em} .comments__list .reply, .comments .comment-metadata {float: right; font-size: 0.786em; line-height: 1.5em} .comments .comments-author {position: relative} .comments .comment-author a {text-decoration: none} .comments .comment-author .fn {font-weight: 300} .comments .comment-author .avatar {border: 1px solid rgba(0,0,0,0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px} .comments__list .trackback a, .comments__list .pingback a, .comments .comment-metadata a {text-decoration: none} .comments .comment-author a:hover, .comments__list article, .comments__list .pingback, .comments__list .trackback {border-top: 1px solid rgba(0,0,0,0.1); margin-bottom: 24px; padding-top: 24px} .comments__list > li:first-child > article, .comments__list > .pingback:first-child, .comments__list > .trackback:first-child {border-top: 0} .comments .says {display: none} .comments .comment-author, .comments .comment-awaiting-moderation, .comments .comment-content, .comments .comment-list .reply, .comments .comment-metadata {} .comments .comment-edit-link {margin-left: 10px} .comments .comment-edit-link:before {} .comments .comment-reply-link:before, .comments .comment-reply-login:before {margin-right: 2px} .comments .comment-content {font-weight: bold; clear: both; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word} .comments .comment-content ul, .comments .comment-content ol {margin: 0 0 24px 22px} .comments .comment-content li > ul, .comments .comment-content li > ol {margin-bottom: 0} .comments .comment-content > :last-child {margin-bottom: 0} .comments .comments__list .children {list-style: none; margin: 0 0 0 15px} .comments .comments__list .children li {list-style: none} .comments .comment-respond {} .comments .comment-respond {margin-top: 24px} .comments .comment-respond h3 {margin-top: 0; margin-bottom: 24px} .comments .comment-notes {font-size: 0.875em} .comments .comment-notes, .comments .comment-awaiting-moderation, .comments .logged-in-as, .comments .no-comments, .comments .form-allowed-tags, .comments .form-allowed-tags code {} .comments .comment-notes, .comments .comment-awaiting-moderation, .comments .logged-in-as {clear: both} .comments .no-comment {} .comments .comment-form p {margin-bottom: 0.5em} .comments .comment-form label {display: block; font-size: 1em} .comments .comment-form input[type="text"], .comments .comment-form input[type="email"], .comments .comment-form input[type="url"] {} .comments .form-allowed-tags, .comments .form-allowed-tags code {display: none} .comments .required {} .comments .comment-reply-title small a {} .comments .comment-reply-title small a:hover {} .comments .comment-reply-title small a:before {} .comments__nav {font-size: 0.666rem; line-height: 2; margin-bottom: 48px} .comments__nav--above {margin-top: 36px; margin-bottom: 0} .comments__nav--below {} .comments__nav__link {display: inline-block} .comments__nav__link--next {} .comments__nav__link--previous {} .comments__nav__link--previous a {margin-right: 10px} .comments .submit {display: inline-block; width: auto} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Postnavigation */ .post-navigation {margin-bottom: 1em; padding-top: 2em} .post-navigation a {text-decoration: none; color: rgb(138,30,32); text-decoration: none} .post-navigation .post-navigation__link {text-decoration: none; color: rgb(138,30,32); text-decoration: none} .post-navigation .post-navigation__link:hover {text-decoration: underline} .post-navigation .post-navigation__link--next {float: right} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Cookie Notice */ /* ----------------------------------------------------------------------------------------------------------------------------- */ #cookie-notice {background: rgba(128,128,128,.95) !important} #cookie-notice .cookie-notice-container {width: 90%; max-width: 960px; margin: 0 auto; text-align: center; padding: 2em 1em} #cookie-notice .cookie-notice-container #cn-notice-text {line-height: 1.2em !important} #cookie-notice .cookie-notice-container #cn-notice-text a {color: white; text-decoration: underline} #cookie-notice .cookie-notice-container a#cn-accept-cookie {clear: both; display: block !important; width: 260px; margin: 1em auto 0; background: rgb(138,30,32); border: transparent !important} html:lang(en-US) #cookie-notice .cookie-notice-container a#cn-accept-cookie {width: 290px} html:lang(de-DE) .english, html:lang(en-US) .german {display: none !important} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* SPRACHEN */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ html:lang(de-DE) .englisch, html:lang(de-DE-formal) .englisch, html:lang(en-US) .deutsch {display: none !important} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* PLUGINS */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Essential Grid */ #teamgrid .eec > div {font-family: 'Heebo', sans-serif; font-size: 0.75rem; line-height: 1.5em !important; margin: 0; color: white !important} #teamgrid .eec > div * {color: white !important} #teamgrid .eec > div a {float: left; display: inline-block; margin-left: 20px !important} #teamgrid .eec > div a:hover {text-decoration: underline !important} #teamgrid .eec > div:first-child {font-weight: 500 !important} #teamgrid .eec > div:first-child, #teamgrid .eec > div:first-child + div {font-size: 1rem} #teamgrid .eec > div:first-child + div {margin-bottom: 0.5em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Custom ShiftNav Skin Sample */ .shiftnav.shiftnav-skin-none {font-size: 0.888rem; background: white; color: white} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item {border-top: 2px solid rgb(138,30,32)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item:last-child {border-bottom: 2px solid rgb(138,30,32)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item li.menu-item {border-top: 1px solid rgb(138,30,32)} .shiftnav.shiftnav-skin-none ul.sub-menu li.menu-item {border-bottom: 0px solid rgb(138,30,32)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item .shiftnav-target {color: rgb(138,30,32); font-size: 16px; line-height: 30px; font-weight: normal; border-top: 0; text-shadow: none; padding: 7px 26px 7px 20px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu > li.menu-item > .shiftnav-target {color: rgb(102,102,102); font-size: 18px; font-weight: 500} .shiftnav.shiftnav-skin-none ul.shiftnav-menu > li.menu-item:not(.lang-item) > .shiftnav-target i {font-size: 18px; line-height: 19px; color: rgb(138,30,32)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.menu-item-has-children > .shiftnav-target:after {content: ""} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item .shiftnav-target ._mi._before {padding-left: 3px; width: 30px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.secondary .shiftnav-target {background-color: rgb(230,230,230); color: rgb(102,102,102); font-weight: normal; font-size: 16px; line-height: 24px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.secondary + li.menu-item.secondary {border-width: 1px !important; border-color: rgb(179,179,179)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.third .shiftnav-target {background-color: rgb(138,30,32); color: white; font-weight: normal; font-size: 16px; line-height: 24px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.third {border-bottom: 2px solid white !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.third a span {position: absolute; right: 0; top: 0; height: 38px; width: 38px; text-align: center} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.third a span i {color: white !important; line-height: 38px !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.third a b {font-weight: bold; font-size: 1.1rem} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item {border-color: rgb(179,179,179)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item .shiftnav-target {font-size: 14px !important; font-weight: normal; color: rgb(102,102,102); background-color: white; float: left !important; border: none !important; display: inline-block !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item:first-child .shiftnav-target {font-size: 18px !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item {border: 0 !important; width: 35% !important; float: left;} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item:first-child {width: 25% !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item .shiftnav-target {display: inline-block !important; width: 100% !important; text-align: center} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item + li.menu-item.lang-item {border-left: 1px solid white !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item:not(.lang-item) {width: 100% !important; max-width: 100% !important; clear: both} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item .shiftnav-submenu-activation {color: rgb(138,30,32); height: 44px !important; width: 44px !important} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item .shiftnav-submenu-activation:hover {} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-submenu-activation, .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-submenu-activation {} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.shiftnav-highlight > .shiftnav-target, .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item ul.sub-menu .shiftnav-highlight > .shiftnav-target {} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target{} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.current_page_ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target {font-weight: bold} .shiftnav.shiftnav-skin-none ul.shiftnav-menu > li.menu-item > .shiftnav-target {} .shiftnav.shiftnav-skin-none ul.shiftnav-menu ul.sub-menu {padding-left: 20px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {padding-left: 0px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu ul.sub-menu ul.sub-menu li.menu-item > .shiftnav-target {padding-left: 40px} .shiftnav.shiftnav-skin-none ul.shiftnav-menu ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > .shiftnav-target {padding-left: 60px} .shiftnav.shiftnav-skin-none.shiftnav-left-edge {border-right: none} .shiftnav.shiftnav-skin-none.shiftnav-right-edge {border-left: none} .shiftnav.shiftnav-skin-none.shiftnav-nojs ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-none ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-none.shiftnav-active-highlight ul.shiftnav-menu li.menu-item > .shiftnav-target:active {} .shiftnav.shiftnav-skin-none .shiftnav-submenu-activation i.fa {margin-top: -9px} .shiftnav-search .shiftnav-searchform {position: relative; height: 40px; color: #3E4543; background-color: white} .shiftnav-search input.shiftnav-search-input {padding: 18px 50px 10px 20px !important; line-height: 1.5em !important; border: 0; border-radius: 0; border-bottom: 3px solid white} .shiftnav-search .shiftnav-search-submit, .shiftnav-searchbar-drop .shiftnav-search-submit {width: 40px; font-size: 0.666rem; color: #3E4543 !important} .shiftnav-inner .btn {position: absolute; bottom: 15px; right: 15px; border: 1px solid rgb(138,30,32); border-radius: 20px; padding: 2px 8px; font-weight: normal} .shiftnav-nav, .shiftnav ul.shiftnav-menu {position: static !important} .menu-item-login {position: absolute !important; width: 100%} .menu-item-login.menu-item-login-1 {bottom: 0} .menu-item-login.menu-item-login-2 {bottom: 42px} .menu-item-login.menu-item-login-3 {bottom: 84px} .login-placeholder {height: 150px; border-top: 2px solid rgb(138,30,32)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* ShiftNav */ .shiftnav-toggle {font-size: 44px; line-height: 1.75em !important; float: right; color: rgb(138,30,32); text-decoration: none; position: relative; min-width: 52px; height: 52px; width: auto; background: transparent; margin: 0; padding: 6px 1% 4px !important; border: none} .shiftnav-toggle:focus, .shiftnav-toggle:hover {text-decoration: none; background: transparent; color: rgb(102,102,102)} .shiftnav-toggle .fa {font-size: 30px; line-height: 52px} .shiftnav-toggle-menu {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Toggle */ .toggle-button {cursor: pointer; color: rgb(157,157,156); text-align: right} .toggle-button:hover {color: rgb(138,30,32)} .toggle-button .fa {font-size: 5em} .toggle-button.active {background-position: right -330px} .toggle-button .active, .toggle-button.active .passive {display: none} .toggle-button.active .active, .toggle-button .passive {display: inline} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* wpcf7 */ .wpcf7-form > br {display: none} .wpcf7-form p {margin-bottom: 4px} .wpcf7-form .required {font-weight: 500} .wpcf7-form label, .wpcf7-form .label {display: block; float: left; clear: both; width: 100%; margin-right: 20px; line-height: 23px; padding-top: 2px; font-size: 0.888rem} .wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {} .wpcf7-form input[type="file"] {display: inline; border: none; margin: 20px 0 0px 0;} .wpcf7-form input[type="checkbox"] {display: inline; width: auto} .wpcf7-form input[type="radio"] {display: inline; width: auto} .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {display: block !important; margin-left: 0 !important} .wpcf7-form .wpcf7-radio .wpcf7-list-item {display: block !important; margin-left: 0 !important} .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {display: block !important; margin-left: 0 !important} .wpcf7-form select {font-size: medium} .wpcf7-form span.wpcf7-list-item.first {margin-left: 0} .wpcf7-form textarea {width: 100%; margin-top: 2px} .wpcf7-form input[type='submit'] {margin-top: 0.5em} .wpcf7-form .wpcf7-not-valid-tip {font-size: 0.666rem !important; line-height: 1.2em !important; color: rgb(255,138,0) !important; padding-top: 2px} .wpcf7-form .wpcf7-response-output {margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 0.666rem !important; line-height: 1.2em !important; color: rgb(255,138,0) !important} .wpcf7-form .wpcf7-validation-errors {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Boxzilla */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .boxzilla-container {width: 100% !important; max-width: inherit !important} .boxzilla {-webkit-backdrop-filter: blur(10px); -webkit-background-color: rgba(102,102,102,.8) !important; background-color: rgba(40,40,40,.9) !important; border: none !important; width: 100% !important; max-width: inherit !important; box-shadow: none !important; padding: 3.5em 2em 4em 2em !important} .boxzilla-content p {text-align: center; color: white !important; font-family: inherit !important; font-size: 1.5rem !important; line-height: 1.4em !important} .boxzilla-content small {font-size: 0.8em !important} .boxzilla-content a {display: inline-block !important; text-decoration: none !important} .boxzilla-content .title {font-size: 54px !important; font-weight: bold; display: inline-block !important; margin: 0 0 0.3em 0 !important} .boxzilla-content .title span {font-size: 54px !important; font-weight: normal !important} .boxzilla-content a.btn {font-weight: 400; width: auto; border-width: 1px; border-color: rgb(138,30,32); color: white; background-color: rgb(138,30,32); display: inline-block; border-radius: 0px; line-height: 1.6875rem !important; padding: 5px .8rem 4px !important; font-size: 1.2rem !important; margin-bottom: 1rem; text-decoration: none; position: relative; cursor: pointer; top: 1.5rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .boxzilla-content a.btn i {position: relative !important; top: 2px; left: 0; right: 0; font-size: inherit !important} .boxzilla-content a:hover.btn {border-color: rgba(102,102,102,1) !important; background-color: rgba(102,102,102,1) !important} .boxzilla-close-icon {color: white !important; border: 2px solid white; border-radius: 50%; opacity: 1 !important; transition: opacity .5s; top: 6px !important; right: 16px !important; padding: 6px 5px 4px 6px !important; font-weight: normal !important; width: 34px} .boxzilla-close-icon:hover {opacity: 0.5 !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Site Origin */ .panel-grid .siteorigin-panels-stretch {border-bottom: 20px solid white !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* LiveMesh Plugin */ .mitarbeiter .lsow-project-image {background-color: transparent !important} .mitarbeiter .lsow-project-image img {background-color: transparent !important; -webkit-filter: brightness(100%) !important; -moz-filter: brightness(100%) !important; -ms-filter: brightness(100%) !important; filter: brightness(100%) !important;} .mitarbeiter .lsow-project-image .lsow-image-info {display: none !important} .mitarbeiter .lsow-project-image .lsow-image-overlay {display: none !important} .mitarbeiter .entry-summary:before {display: none !important} .mitarbeiter .entry-summary p {margin: 0; text-align: left} .mitarbeiter .entry-summary p strong {font-size: 0.888rem} .mitarbeiter .entry-summary p span {text-transform: uppercase; letter-spacing: 2px; font-size: 0.555rem; font-weight: bold; border-bottom: 1px solid rgb(198,96,5); margin-bottom: 1px} .mitarbeiter .entry-summary a {text-decoration: none} .lsow-accordion.style3 {} .lsow-accordion.style3 .lsow-panel {border: 0 !important} .lsow-accordion.style3 .lsow-panel .lsow-panel-title {padding: 0; font-size: inherit; line-height: inherit; letter-spacing: 0; font-weight: normal; text-transform: none; color: rgb(138,30,32) !important; margin: 0; top: -30px} .lsow-accordion.style3 .lsow-panel .lsow-panel-title:after {position: relative; content: "\e912"; right: auto; top: auto; font-size: 12px; color: rgb(138,30,32) !important; font-weight: 700; float: left; margin: 5px 8px 0 0} .lsow-accordion.style3 .lsow-panel .lsow-panel-content {padding: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Tribe 'The Events Calendar' */ #tribe-events-content ul.tribe-events-sub-nav {text-align: left; margin: 0; padding: 0} .tribe-events-back.tribe-events-loop {display: none} .tribe-bar-disabled {display: none} .tribe-event-schedule-details {font-size: 1rem} .tribe-events-single-event-title, .tribe-events-page-title {text-align: left !important} body.single-tribe_events .lead .btn {display: none} body.single-tribe_events .tribe-events-single-section {margin-bottom: 1.5rem} body.single-tribe_events .wpcf7 {margin-bottom: 1.5rem} body.single-tribe_events .tribe-events-cal-links a.tribe-events-gcal, body.single-tribe_events .tribe-events-cal-links a.tribe-events-ical {} .tribe-mini-calendar .tribe-events-has-events {background-color: rgb(138,30,32)} .tribe-mini-calendar .tribe-events-has-events a {color: white !important} .tribe-mini-calendar .tribe-events-has-events a:before {display: none !important} .tribe-events-gcal.tribe-events-button, .tribe-events-ical.tribe-events-button {display: block; clear: both} .seminarpdf {display: block} .seminarpdf:hover {text-decoration: none} .seminarpdf .pdf {margin-left: 20px} .seminarpdf .pdficon {width: 25%; max-width: 170px !important; margin-top: -20%} .seminarpdf span {color: rgb(102,102,102); display: inline-block; padding-top: 0.5em; ; line-height: 1.0 !important} .seminarpdf span span {color: rgb(138,30,32)} .seminarpdf:hover span span {text-decoration: underline} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Nice Select */ .nice-select {width: 100%; border-radius: 0.5em; -webkit-tap-highlight-color: transparent; background-color: #fff; border: solid 1px rgb(179,179,179); height: 39px; line-height: 39px; margin-bottom: 0.5rem; outline: none !important; clear: both; cursor: pointer; display: inline-block; font-family: inherit; font-size: 1rem; font-weight: inherit; padding-left: 1%; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap} .nice-select:after {border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; display: block; height: 0; width: 0; margin-top: -2px; pointer-events: none; position: absolute; right: 7px; top: 50%; border-top: 5px solid rgb(157,157,156);} .nice-select.open {border-radius: .5em .5em 0 0} .nice-select.open:after {border-top: 0; border-bottom: 5px solid rgb(157,157,156);} .nice-select.open .list {opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} .nice-select.disabled {border-color: #ededed; color: #999; pointer-events: none;} .nice-select.disabled:after {border-color: #cccccc} .nice-select.wide {width: 100%} .nice-select.wide .list {left: 0 !important; right: 0 !important} .nice-select.right {float: right} .nice-select.right .list {left: auto; right: 0} .nice-select.small {font-size: 12px; height: 36px; line-height: 34px} .nice-select.small:after {height: 4px; width: 4px} .nice-select.small .option {line-height: 34px; min-height: 34px} .nice-select .list {border-radius: 0 0 .5em .5em; background-color: #fff; border: 1px solid rgb(179,179,179); border-top: 0; margin-top: 1px; box-shadow: none; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: -1px; width: calc(100% + 2px); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) {background-color: transparent !important} .nice-select .option {cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 1%; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s} .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #f6f6f6} .nice-select .option.selected {font-weight: bold} .nice-select .option.disabled {background-color: transparent; color: #999; cursor: default} .no-csspointerevents .nice-select .list {display: none} .no-csspointerevents .nice-select.open .list {display: block} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* jetpack */ div.sharedaddy h3.sd-title {color: rgb(102,102,102)} div.sharedaddy h3.sd-title:before {border: 0 !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Accordion Shortcodes */ .accordion {margin: 0.5rem 0 1rem 0} .accordion > br {display: none} .accordion .accordion-title {color: rgb(102,102,102); padding-left: 30px; position: relative; cursor: pointer; margin-bottom: 0.5em} .accordion .accordion-content {margin-bottom: 1em; padding-left: 30px} .accordion .accordion-title:after {position: absolute; text-align: left; left: 0px; width: 0.9em; top: 0.14285714em; content: "\f0da"; display: inline-block; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .accordion .accordion-title:focus, .accordion .accordion-title:hover, .accordion .accordion-title.open {outline: none; color: rgb(138,30,32)} .accordion .accordion-title.open:after {content: "\f0d7"} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* sm */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 480px) { h1, .h1, .home h2, .subtitel {font-size: 2rem} .menu--foot {margin-top: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Essential Grid */ #teamgrid .eec > div {font-size: 0.875rem} #teamgrid .eec > div:first-child, #teamgrid .eec > div:first-child + div {font-size: 1.125rem} } @media only screen and (min-width: 533px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WordPress */ .gallery-item {margin: 0 0 3.2% 3.2%} .gallery-columns-2 > .gallery-item, .gallery-columns-3 > .gallery-item, .gallery-columns-4 > .gallery-item {width: 48.4%} .gallery-columns-5 > .gallery-item, .gallery-columns-6 > .gallery-item, .gallery-columns-7 > .gallery-item, .gallery-columns-8 > .gallery-item, .gallery-columns-9 > .gallery-item {width: 31.2%} .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(2n+1), .gallery-columns-4 .gallery-item:nth-child(2n+1) {clear: both; margin-left: 0} .gallery-columns-5 .gallery-item:nth-child(3n+1), .gallery-columns-6 .gallery-item:nth-child(3n+1), .gallery-columns-7 .gallery-item:nth-child(3n+1), .gallery-columns-8 .gallery-item:nth-child(3n+1), .gallery-columns-9 .gallery-item:nth-child(3n+1) {clear: both; margin-left: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu-meta-secondary span:not(.hilfstext) {display: inline} .menu--foot {border-top: 0; padding-top: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Teaserset */ .teaserset-testimonials a {left: 50%; right: auto; margin-left: -74px} .teaserset-testimonials #goto-after {clear: both} .teaserset-testimonials .goto-after {display: inline-block; position: absolute; right: 5%; left: auto; bottom: 0.75rem; z-index: 500;} .teaserset-testimonials .goto-after i {color: white; font-size: 2rem; margin-right: 0.5rem; float: left} .teaserset-testimonials .goto-after .hover {display: none} .teaserset-testimonials .goto-after:hover {text-decoration: none} .teaserset-testimonials .goto-after:hover i {display: none} .teaserset-testimonials .goto-after:hover .hover {display: inline} .teaserset-startseitenteaser h3 {border-bottom: 1px solid rgb(138,30,32)} .teaserset-startseitenteaser .textwidget p, .teaserset-startseitenteaser .textwidget hr {display: block} .teaserset-posts {} .teaserset-posts .teaserset__archivlink {position: absolute; top: 0; right: 45px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Quote */ blockquote {font-size: 38px; line-height: 55px} .foot {padding-bottom: 8em} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* md */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 960px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navbar */ .home .head {margin-bottom: 2px} .head .navbar {display: block; background-color: rgb(179,179,179)} .head .navbar .btn {line-height: 2.125rem; font-size: 1rem; margin-bottom: 0} .head .navbar .btn+.btn {margin-left: 3px} .head .navbar .btn:focus, .head .navbar .btn:hover {background-color: rgb(138,30,32); color: white} .head .navbar .login-form-academy-online-toggle b {font-size: 1.1rem} .head .login-form {display: none; position: absolute; z-index: 6000; top: 37px; width: 300px; background-color: rgb(138,30,32); padding: 2em 0.5em 0 0.5em; border-top: 1px solid white} .head .login-form input {background-color: transparent !important; border-color: white; padding: 0.875em 1.25em; border-radius: 2em; color: white; width: 100%; font-size: 0.875rem; line-height: 1.5em} .head .login-form .forgot {color: white; float: right; font-size: 0.875rem; line-height: 2.875em} .head .login-form .btn-link i {font-size: 2.5rem} .head .login-form .btn-link:hover {color: white !important} .head .login-form .btn-link:hover small {text-decoration: underline !important} .head .login-form-academy-online {} .head .login-form-konvink {margin-left: 216px} .head .login-form.active {display: block} .head .login-form .toggle {color: rgb(138,32,30); position: absolute; line-height: 0em; bottom: -90px; left: 50%; margin-left: -30px; width: 58px; height: 74px; background: transparent; padding: 0} .head .login-form .toggle:hover {color: rgb(138,32,30) !important} .head .login-form .toggle:hover small {text-decoration: underline !important} .head .login-form .toggle i {font-size: 2.5rem; line-height: 1.5em; position: static} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ h1, .h1, .home h2, .home .h2, .subtitel, h2.markant {font-size: 3.125rem} .tribe-events-single-event-title, .tribe-events-page-title {font-size: 2.2rem !important; text-align: left !important} p.markant {font-size: 42px} h2.markant {font-size: 70px} h2.markant--gross {font-size: 140px} .seitenteaser .seitenteaser__titel {font-size: 34px !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo */ .site-title {float: right} .site-title a span {display: inline-block; font-size: 1.444rem; color: rgb(102,102,102); margin-left: 35px; max-width: 270px} .taube {margin-top: 44px; margin-bottom: 44px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu-main {display: block !important;} .menu-meta {display: inline-block; float: right} .menu-meta li {padding: 12px 0} .menu-meta li a {color: white; font-size: .875rem; line-height: 0.8em; border-left: 1px solid white; padding: 0 8px} .menu-meta a:focus, .menu-meta button:focus, .menu-meta a:hover, .menu-meta button:hover {color: rgb(138,30,32)} .menu-meta-secondary {float: left} .menu-meta-secondary span {display: inline} .menu-meta-secondary .menu-item .fa {margin-right: 0.2em; font-size: 1rem; margin-top: -3px; vertical-align: middle} .menu-meta-secondary .menu-item .fa._mi {font-size: 1.2rem; margin-top: 0} .menu-meta-language-switcher {display: inline-block; float: right; margin-left: 20px !important} .menu-meta-language-switcher a {display: inline-block; float: left; border-color: rgb(138,30,32) !important} .menu-meta-language-switcher a.active {font-weight: 500; color: rgb(138,30,32)} .menu-meta-language-switcher li:last-child a {border-right: 1px solid rgb(138,30,32)} .menu-meta-language-switcher a:first-letter {text-transform: uppercase} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Fusszeile */ .menu--foot {margin: 0} .menu--foot li a {line-height: 1.5} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Breadcrumb */ .breadcrumb a {font-size: 1em} /* Essential Grid */ .esg-media-cover-wrapper .esg-cc .esg-center {font-size: 30px !important; line-height: 1.1em !important} .esg-media-cover-wrapper .esg-cc .esg-center+.esg-center {font-size: 22px !important; line-height: 1.1em !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* wpcf7 */ .wpcf7-form {margin-bottom: 1rem} .wpcf7-form label, .wpcf7-form .label {width: 27%} .wpcf7-form label.full, .wpcf7-form .label.full {width: 100%} .wpcf7-form label + label, .wpcf7-form .label + .label {clear: none; float: left} .wpcf7-form label + label, .wpcf7-form .label + .label, .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"] {width: 70%} .wpcf7-form select {width: 70% !important; margin-bottom: 0.5em} .wpcf7-form textarea {width: 70%} .wpcf7-form .wpcf7-checkbox {width: 70% !important; float: left !important} .wpcf7-form .full .wpcf7-checkbox {width: 100% !important} .wpcf7-form .wpcf7-radio {width: 70% !important; float: left !important} .wpcf7-form label + label .wpcf7-checkbox, .wpcf7-form label + label .wpcf7-radio {width: 100% !important; float: left !important} .wpcf7-form .data-protection {width: 70% !important; float: left !important; margin-left: 29%; margin-top: 1em} .wpcf7-form .wpcf7-checkbox label {width: auto !important} .wpcf7-form .wpcf7-radio label {width: auto !important} .wpcf7-form .wpcf7-acceptance label {width: auto !important} .wpcf7-form input[type='submit'], .wpcf7-form button {margin-left: calc(27% + 20px)} .wpcf7-form .wpcf7-not-valid-tip {padding-left: calc(27% + 20px); padding-bottom: 1em} .wpcf7-form .ajax-loader {margin-left: calc(27% + 20px) !important} .wpcf7-form .wpcf7-response-output {width: 70%; margin: 0 !important; margin-left: calc(27% + 20px) !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Google Karte */ .map iframe {height: 450px !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .teaserset-testimonials {background-color: rgba(130,30,32,.8); padding: 0.5rem 0.75rem 0.75rem !important; margin: 0 -15px 10rem -15px} .teaserset-testimonials blockquote p {font-size: 2rem} .teaserset-testimonials ul .owl-item {padding: 0 1px 1em 1px} .teaserset-testimonials a {bottom: 1rem} .teaserset-testimonials .goto-after {right: 0.5rem} .teaserset-startseitenteaser {} .teaserset-startseitenteaser h3 {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */} .teaserset-startseitenteaser h3:focus {background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} .teaserset__archivlink {} .teaserset-posts .teaserset__archivlink {top: 25.7%; right: -102px; font-size: 51px} .page-template-template-children-in-content .main .teaserset-kinder {margin-top: 3em} .teaserset-standorte .standortlink {margin-top: 37px} .teaserset-standorte .standortlink .nummer {position: absolute; left: -40px; top: 12px} .teaserset__archivlink {top: -56px} h2.markant--gross + p .teaserset__archivlink {top: -103px} .teaserset__archivlink + section {padding-top: 0 !important} .markant--gross + .teaserset__archivlink {top: -145px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Visible / Hidden */ .visible-sm {display: none} /* small */ .visible-md {display: block} /* medium */ .visible-lg {display: none} /* large */ .hidden-sm {display: block} /* small */ .hidden-md {display: none} /* medium */ .hidden-lg {display: block} /* large */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WordPress */ .gallery-item {margin: 0 0 3.2% 3.2%} .gallery-columns-3 > .gallery-item {width: 31.2%} .gallery-columns-4 > .gallery-item {width: 22.6%} .gallery-columns-5 > .gallery-item, .gallery-columns-6 > .gallery-item, .gallery-columns-7 > .gallery-item, .gallery-columns-8 > .gallery-item, .gallery-columns-9 > .gallery-item {width: 14%} .gallery-columns-3 .gallery-item:nth-child(2n+1), .gallery-columns-4 .gallery-item:nth-child(2n+1), .gallery-columns-5 .gallery-item:nth-child(3n+1), .gallery-columns-6 .gallery-item:nth-child(3n+1), .gallery-columns-7 .gallery-item:nth-child(3n+1), .gallery-columns-8 .gallery-item:nth-child(3n+1), .gallery-columns-9 .gallery-item:nth-child(3n+1) {clear: none; margin-left: 3.2%} .gallery-columns-3 .gallery-item:nth-child(3n+1) {clear: both; margin-left: 0} .gallery-columns-4 .gallery-item:nth-child(4n+1) {clear: both; margin-left: 0} .gallery-columns-5 .gallery-item:nth-child(6n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(6n+1), .gallery-columns-8 .gallery-item:nth-child(6n+1), .gallery-columns-9 .gallery-item:nth-child(6n+1) {clear: both; margin-left: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Essential Grid */ #teamgrid .eec > div {font-size: 1rem !important} #teamgrid .eec > div:first-child, #teamgrid .eec > div:first-child + div {font-size: 1.25rem !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Nice Select */ .nice-select {width: 70%} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* lg */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1220px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .wrapper:not(.wrapper-full) {width: 1100px; margin: 0 auto} /* Inhaltselement mit Abstand */ .head {} .main {} .main-aside {} .head .wrapper-main > div {width: 984px; margin: 0 auto; position: relative} .main-image {padding-left: 320px} .menu--foot li a {} .menu--foot li {padding: 0 8px 0 0; margin-right: 8px} .wrapper-foot {margin-bottom: 3%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo */ .claim {display: block; clear: both; float: right; font-size: 12px; line-height: 18px; margin-right: 41px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Toggler */ .shiftnav-toggle {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .highlight, .home .highlight {font-size: 13px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Seminar-Meta */ .col-seminarmeta {padding-top: 7%} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* xl */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1750px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .head {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Visible / Hidden */ .visible-sm {display: none} /* small */ .visible-md {display: none} /* medium */ .visible-lg {display: block} /* large */ .hidden-sm {display: block} /* small */ .hidden-md {display: block} /* medium */ .hidden-lg {display: none} /* large */ } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* PRINT */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media print { * {background: transparent !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */ h1, h1 span, p {color: rgb(138,30,32) !important} a, a:visited {text-decoration: underline} pre, blockquote {page-break-inside: avoid} thead {display: table-header-group;} /* Repeat header row at top of each printed page */ tr, img {page-break-inside: avoid;} img {max-width: 100% !important} p, h2, h3 {orphans: 3; widows: 3} h2, h3 {page-break-after: avoid} .menu-main, .menu-meta, .shiftnav-toggle, .sidebar-primary, .post-navigation, .ms-container, .master-slider .ms-bullets, .slider-placeholder, .main{width: 100%} .head{min-height: auto} .site-title {max-width: 50%; float: right} .breadcrumb a {text-decoration: none} }