/* Theme Name: TwoSeasons Theme URI: https://www.schwarzpunkt.ch Description: Ein Mobile-first-Responsive-HTML5-CSS3-Theme von schwarzpunkt. Version: 2.8 Grindelboulder Author: schwarzpunkt meier Author URI: https://www.schwarzpunkt.ch Farbdefinitionen text-default rgb(50,50,50) #303030 // Grau, Schriftstandard text-primary rgb(100,100,100) #646464 // Grau, Schrift heller text-mute rgb(200,200,200) #C8C8C8 // Hellgrau, Input-Rahmen, Footer-Text, Button Hover, Form-Border, Placeholder, Navbar text-info rgb(10,190,143) #0ABE8F // Türkis text-info:hover rgb(8,152,115) #089873 // Türkis dunkel text-success rgb(210,216,20) #D2D814 // Senfgelb text-success:hover rgb(168,173,16) #A8AD10 // Senfgelb dunkel text-warning rgb(255,187,51) #FFBB33 // Orange text-danger rgb(217,83,79) #D9534F // Rot Grau 480% rgb(240,240,240) #F0F0F0 // inaktiver Slider-Button Schriftdefinitionen Google Font: 'Open Sans', sans-serif; (300 Light, 400 Regular, 600 Medium) Zeilenabstand: 1.5em Schriftdicke: Regular Google Font: 'Bitter', sans-serif; (italic) Schriftgrössen Basis: 16px 1.00 Lead: 20px 1.25 Überschrift 1: 32px 2.00 Überschrift 2: 28px 1.75 Überschrift 3: 24px 1.50 Überschrift 4: 20px 1.25 Überschrift 5: 16px 1.00 Überschrift 6: 14px 0.875 */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* HTML Elements */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ html, body {font-family: 'Open Sans', sans-serif; font-size: 1rem; line-height: 1.5em; color: rgb(50,50,50); margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body {min-width: 300px; } /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ h1, h2, h3, h4, h5, h6 {margin: 0 0 0.25em 0; font-weight: 300; line-height: 1.25em} h1, .home h2 {font-size: 2.5rem; color: rgb(210,216,20); margin-bottom: 0; padding-bottom: .2em; margin-top: .25em; font-weight: 600; position: relative; z-index: 20} h1 {-webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg)} h2 {font-size: 2.00rem} h3 {font-size: 1.75rem} h4 {font-size: 1.50rem} h5 {font-size: 1.25rem} h6 {font-size: 1.00rem} .widget-title {display: block; padding: 0; font-size: 1.8rem; line-height: 1.2em; font-weight: 300} .foot .widget-title {font-weight: 400} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Paragraf */ p {margin-bottom: 1.5rem; font-size: 1rem; line-height: 1.8em; font-weight: 300} .foot p {font-weight: 400} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* typo */ b, strong {font-weight: 600} small {font-size: 0.8em} big {font-size: 1.35em; line-height: 1.333} .lead, .markant {font-size: 1.25rem; line-height: 1.44em} .home .markant {font-size: 2.5rem} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Link */ a {color: rgb(50,50,50); text-decoration: underline; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a:focus, a:hover, a:active {color: rgb(10,190,143); text-decoration: underline} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Table */ table:not(.shop_table) {margin: 0 0 2rem 0; width: 100%} table:not(.shop_table) th {border-bottom: 1px solid rgb(50,50,50); color: rgb(50,50,50); font-weight: 600; text-align: left; padding: 4px 0} table:not(.shop_table) td {border-bottom: 1px solid rgb(200,200,200); color: rgb(100,100,100); padding: 4px 0} table:not(.shop_table) th+th, table:not(.shop_table) 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(50,50,50); margin: 0; font-size: 1rem; font-weight: 400} label, .label {margin: 0} select {width: 100% !important} .ui-datepicker-month, .ui-datepicker-year {width: 49% !important; color: rgb(100,100,100)} button, .btn, .cl-btn, input, select, textarea {text-decoration: none; display: inline-block; vertical-align: baseline; border: 1px solid rgb(200,200,200); padding: 6px 3% 4px; border-radius: 0.2em; margin: 0 0 0.5rem 0; background-color: transparent; font-family: 'Open Sans', sans-serif; font-size: 1rem; line-height: 1.5em; color: rgb(50,50,50); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="number"], input[type="file"] {width: 100%} input[type="radio"] {border-radius: 8px} input[type="checkbox"] {font-size: 1rem !important} 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 {} ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color: rgb(150,150,150)} :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: rgb(150,150,150); opacity: 1} ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: rgb(150,150,150); opacity: 1} :-ms-input-placeholder {/* Internet Explorer 10-11 */ color: rgb(150,150,150)} 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(50,50,50);} input:-webkit-autofill:focus {-webkit-box-shadow: /* your box-shadow */ 0 0 0 50px white inset; -webkit-text-fill-color: rgb(50,50,50);} .btn, .cl-btn {font-weight: 400; width: auto; border-width: 1px; border-color: rgb(50,50,50); color: rgb(50,50,50); background-color: transparent; display: inline-block; border-radius: 0.2em; line-height: 1.6875rem; padding: 0.5em 1em; font-size: 1rem; margin: 0.7rem 0; text-decoration: none; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .cl-btn {color: white} .btn:focus, .cl-btn:focus {color: rgb(10,190,143); outline: thin dotted; outline-offset: 4px; text-decoration: none; border-color: rgb(10,190,143); background: white} .btn:hover, .cl-btn:hover {text-decoration: none; color: rgb(10,190,143); border-color: rgb(10,190,143); background: white} .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, .cl-btn:focus {color: rgb(210,216,20); outline: thin dotted; outline-offset: 4px; text-decoration: none; border-color: rgb(50,50,50); background: rgb(50,50,50)} .btn-invert:hover, .cl-btn:hover {text-decoration: none; color: rgb(210,216,20); border-color: rgb(50,50,50); background: rgb(50,50,50)} .btn-round {border-width: 2px; border-radius: 2em} .btn-fill {color: white !important; text-decoration: none; background-color: rgb(50,50,50); border-color: rgb(50,50,50)} .btn-fill:focus, .btn-fill:hover {color: white !important; background-color: rgb(10,190,143); border-color: rgb(10,190,143)} .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(200,200,200) !important; border-color: rgb(200,200,200)} .btn-fill.btn-light {background-color: rgb(240,240,240)} .btn-info {background-color: rgb(10,190,143) !important; border-color: rgb(10,190,143) !important; color: white !important} .btn-info:hover {background-color: rgb(8,152,115) !important; border-color: rgb(8,152,115) !important; color: white !important} .cl-btn {border-color: transparent !important; font-weight: 400} .cl-btn:focus, .cl-btn:hover {border-color: white; opacity: .9} .home .panel-grid-cell:first-child .home .cl-btn:focus, .home .panel-grid-cell:first-child .cl-btn:hover {border-color: white; opacity: .9} .cl-popup-trigger {font-size: 1rem; line-height: 1.8em; font-weight: 400; position: relative; display: inline-block; padding-right: 40px !important} .cl-popup-trigger .fa, .cl-popup-trigger .fal {position: absolute; right: 0; background-color: transpatent; height: 100%; padding: 0 10px; top: 0; line-height: 2.5} .cl-popup-trigger:focus, .cl-popup-trigger:hover {background-color: rgb(10,190,143) !important} .btn .fa, .btn .fal, .btn i {font-size: 1.125rem; line-height: 0.5rem; position: absolute; right: 0.6rem; 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 .fal, .btn-icon.btn-fill i {right: 0.6rem} .btn-icon-left {padding-left: 2.125em; padding-right: 0.7rem} .btn-icon-left .fa, .btn-icon-left .fal, .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 .fal, .btn-icon-left.btn-fill i {left: 0.4rem} .btn-icon.btn-round .fa, .btn-icon.btn-round .fal, .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 .fal, .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 .fal, .btn-icon-x0 i {font-size: 1rem} .btn-link {padding: 0 !important; border: 0 !important;} .btn-link:hover {background-color: transparent !important; color: rgb(50,50,50) !important} input[type="reset"], .reset {color: rgb(50,50,50) !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 {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Quote */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .statement {font-size: 2.8rem; line-height: 1.4em; color: rgb(210,216,20); font-weight: 300; text-align: center; position: relative} blockquote, q {color: rgb(210,216,20); font-size: 1.8em; line-height: 1.3em; text-align: center; font-weight: 300; margin-bottom: 2rem} blockquote cite {position: absolute; bottom: -3rem; right: 0; display: inline-block; clear: both; font-size: 1rem; line-height: 2em; font-style: normal; color: rgb(10,190,143)} blockquote cite .fa {} blockquote p, q p {text-align: center; margin-bottom: 0; font-size: inherit; line-height: inherit; font-weight: inherit; position: relative} blockquote p:before, q p:before {content: '«'} blockquote p:after, q p:after {content: '»'} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Lists */ ul, ol {list-style-position: outside; padding: 0 0 0 23px} li ul, li ol {margin: 0 1em} li {font-weight: 300; margin-bottom: 0.5em} dl {float: left} dl dt {color: rgb(50,50,50); 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(100,100,100)} dl dd a:hover {text-decoration: none} .list-unstyled {list-style: none; list-style-image: none; padding-left: 0} .list-unstyled li {list-style: none; list-style-image: none} .list-inline {list-style: none; list-style-image: none} .list-inline li {list-style: none; list-style-image: none; display: inline-block; margin-right: 5px} .list-inline li:last-child {margin-right: 0px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Blockheader */ .blk {background-color: rgb(50,50,50); color: white; font-size: 1rem !important; line-height: 1.5em; padding: 0 6px; font-weight: 600; 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%; _width: 100%} /* fluid media */ p img, figure img, picture img {margin: 0} .wp-post-image {width: 100%; height: auto} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Divers */ var, address {font-style: normal} hr {border: none; height: 0px; width: 100%; display: block; margin-bottom: .8em} hr:after {content: ''; border-bottom: 1px solid rgb(50,50,50); display: block; width: 50px; margin: -.8em auto 0 auto} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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(50,50,50); border-bottom: 1px solid rgb(50,50,50); 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-text, .caption {clear: both; padding-top: 1em; font-size: 0.875rem} .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(50,50,50); 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} .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} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Classes */ .meta {font-size: 0.6875rem; line-height: 1.727em; margin-bottom: 0.5em} .post-edit-link {color: inherit; display: inline-block; margin: 0 1em; font-size: 0.6em; line-height: 1em; text-decoration: none !important} .post-edit-link:hover, .post-edit-link:focus, .post-edit-link:active {text-decoration: none !important; color: inherit} .post-edit-link .edit-link {clear: both; display: block; margin: 0} .post-edit-link .edit-link:before {content:'\f044'; font-family:'Font Awesome 5 Light'; font-weight:300; padding-right: 3px} .post-edit-link .edit-link:after {content:''} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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} .text-lowercase {text-transform: lowercase;} .text-uppercase {text-transform: uppercase;} .text-capitalize {text-transform: capitalize;} .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(50,50,50)} .text-primary {color: rgb(100,100,100)} .text-muted {color: rgb(200,200,200)} .text-success {color: rgb(210,216,20)} a.text-success:focus, a.text-success:hover {color: rgb(168,173,16)} .text-info {color: rgb(10,190,143)} a.text-info:focus, a.text-info:hover {color: rgb(8,152,115)} .text-warning {color: rgb(255,187,51)} .text-danger {color: rgb(217,83,79);} .bg-default {color: #fff; background-color: rgb(50,50,50); border-color: rgb(50,50,50);} .bg-primary {color: #fff; background-color: rgb(100,100,100); border-color: rgb(100,100,100);} .bg-muted {color: rgb(50,50,50); background-color: rgb(200,200,200); border-color: rgb(200,200,200);} .bg-success {background-color: rgb(210,216,20); border-color: rgb(210,216,20);} .bg-success:focus, .bg-success:hover, {background-color: rgb(168,173,16); border-color: rgb(168,173,16);} .bg-info {background-color: rgb(10,190,143); border-color: rgb(10,190,143);} .bg-info:focus, .bg-info:hover {background-color: rgb(8,152,115); border-color: rgb(8,152,115);} .bg-warning {background-color: rgb(255,187,51); border-color: rgb(255,187,51);} .bg-danger {background-color: rgb(217,83,79); border-color: rgb(217,83,79);} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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: 600; 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(50,50,50)} .pagination .page-numbers.current .btn {background-color: rgb(200,200,200)} .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(200,200,200); 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: 600} .row .pagination .prev, .row .pagination .next {display: inline-block; width: 40px; text-align: center} .row .pagination .prev:after, .row .pagination .next:after {display: none} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* LAYOUT */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ .container {min-width: 300px; 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 */ .main {margin-bottom: 400px; min-height: 400px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kopfzeile */ .head {background-color: transparent; position: relative; z-index: 100} .home .head {z-index: 200; margin-bottom: 10px} .head .infobar {display: none} .head .searchbar {display: block; background-color: rgb(200,200,200); 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(50,50,50)} .head .searchbar .search-form button[type='submit'] i {font-size: 1.2em; position: relative; top: 4px} .head .search-toggle-mobile {float: right; width: 44px; padding-right: 10px !important; height: 52px; padding: 0; margin-top: 12px; background: transparent; border-color: transparent} .head .search-toggle-mobile i {position: static; display: inline-block; margin: 14px 0 0 0; padding: 0; color: white} .head .search-toggle-mobile:hover i {position: static; display: inline-block; margin: 14px 0 0 0; padding: 0; color: rgba(255,255,255,.8)} .head .search-toggle-mobile.active i {color: white} .head .menu-meta .search-toggle {float: left; width: 44px; height: 36px; margin: 0 .5em 0} .head .menu-meta .search-toggle i {color: rgb(200,200,200)} .head .menu-meta .search-toggle:hover i, .head .menu-meta .search-toggle.active i {color: white} .head .search-toggle.active i:before {content: "\51";} .home .head .wrapper:after {content: ''; z-index: -1; position: absolute; bottom: -10px; left: -250%; width: 500%; height: 300px; background-color: rgba(50,50,50,.9); /* -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg) */} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo (site-title) */ .site-title {float: left; margin: 0; line-height: 0em !important; position: relative; top: 12px} .site-title a {display: inline-block; text-decoration: none; line-height: 0em !important} .site-title a span {display: none} .site-title #GB_Logo {/*-webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg);*/ width: 100px} .home .site-title #GB_Logo .cls-1 {fill: #D2D814 !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Fusszeile */ .foot {background-color: rgb(210,216,20); clear: both; color: white; padding-bottom: 220px; position: relative} .foot * {color: rgb(50,50,50); font-size: 0.875rem; line-height: 1.5em} .foot a {color: rgb(50,50,50); font-size: 0.875rem; line-height: 1.5em} .foot a:focus, .foot a:hover {color: rgb(10,190,143)} .foot .widget {margin-bottom: 2em} .foot .widget-title {text-align: center; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; line-height: 2em; margin-bottom: 1.5em} .foot .widget-title:after {content: ''; border-bottom: 2px solid rgb(10,190,143); display: block; width: 50px; margin: 10px auto 0} .foot form input {border-width: 0; border-radius: 0; margin: 0 0 0 0; padding: 10px 0; text-align: center} .foot form label:after {content: ''; border-bottom: 1px solid rgb(50,50,50); display: block; width: 50px; margin: 0 auto} .foot form ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color: rgb(100,100,100)} .foot form :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: rgb(100,100,100); opacity: 1} .foot form ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: rgb(100,100,100); opacity: 1} .foot form :-ms-input-placeholder {/* Internet Explorer 10-11 */ color: rgb(100,100,100)} .foot form .btn {margin-left: auto; margin-right: auto; display: block; color: white !important} .foot .btn .fa, .foot .btn .fal {color: white !important} .foot .widget_text * {text-align: center} .foot .widget_text a {text-decoration: none} .foot .foot-pre {padding-bottom: 2em; margin-bottom: 0} .foot .foot-pre a {color: rgb(50,50,50)} .foot .foot-pre .scroll-to-top {font-size: 2.5rem; position: absolute; top: -150px} .foot .foot-pre .scroll-to-top small {position: relative; top: -10px} .foot .foot-pre .scroll-to-top:hover {text-decoration: none} .foot .foot-pre .scroll-to-top:hover i:before {content: '\e047'} .foot .foot-pre .social-button {text-decoration: none !important; margin: 0 3%; color: rgb(50,50,50); display: inline-block} .foot .foot-pre .social-button i {font-size: 2.7rem; color: inherit} .foot .foot-pre .social-button small {font-size: 12px; line-height: 1; color: inherit} .foot .foot-pre .social-button:focus, .foot .foot-pre .social-button:hover {color: rgb(10,190,143)} .foot .foot-pre:before {content: ''; position: absolute; top: -15px; left: -250%; width: 500%; height: 200px; background-color: rgb(210,216,20); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg);} .foot .foot-pre:after {content: ''; z-index: -1; position: absolute; top: -275px; left: -250%; width: 500%; height: 400px; background-color: rgb(10,190,149); -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); transform: rotate(8deg);} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ELEMENTE */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Seitenkopf */ .main-article > header {width: 100vw; margin-bottom: 2rem} .main-article > header .wrapper:after {content: ''; z-index: -1; position: absolute; bottom: -20px; left: -250%; width: 500%; height: 500px; background-color: rgba(50,50,50,.8); -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WordPress-Admin-Bar */ @media only screen and (max-width: 600px) {#wpadminbar {display: none !important}} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Page-Builder von SiteOrigin */ .panel-layout {padding-top: 3em} .home .panel-layout {padding-top: 0} .panel-grid:first-child .widget_revslider {margin-top: -185px} .panel-grid {padding: 0 0 3rem} .panel-grid:first-child {padding: 0 0 0rem} .panel-grid #flipper {margin-top: 0px; position: relative; z-index: 200} .rotate {position: relative;} .rotate:before {content: ''; z-index: 1; position: absolute; top: -10px; left: -250%; width: 500%; height: 60px; background-color: white; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg)} .rotate:after {content: ''; z-index: 1; position: absolute; bottom: -50px; left: -250%; width: 500%; height: 60px; background-color: white; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg)} .rotate-negative:before {top: -50px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); transform: rotate(1deg)} .rotate-negative:after {bottom: -10px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); transform: rotate(1deg)} .panel-grid:first-child .rotate {z-index: -3; margin-top: -246px} .single-tribe_events .panel-grid:first-child .rotate {z-index: -3; margin-top: -280px} .panel-grid:first-child .rotate:before {background: transparent} .lsow-dark-bg {padding: 3rem 0 0rem; margin: 3rem 0; background-color: #f0f0f0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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} .foot .menu li {display: block; float: none; clear: both; padding: 0} .foot .menu li a {font-size: 1rem; line-height: 1.2em; padding: 0.7em 0; text-align: center} .foot .menu li a:focus, .foot .menu li a:hover {color: rgb(10,190,143)} .foot .menu li:not(:last-child) a:after {content: ''; border-bottom: 1px solid rgb(100,100,100); display: block; width: 50px; margin: 0 auto 0; position: relative; top: 11px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Breadcrumb */ .breadcrumb {clear: both; font-size: 1em; line-height: 1.5em; position: relative; z-index: 1} .breadcrumb * {color: rgb(200,200,200)} .breadcrumb b {font-weight: 600} .breadcrumb a:hover {color: rgb(200,200,200)} .breadcrumb a:hover sup {text-decoration: none} .breadcrumb .arrow_right {font-size: 0.75em; position: relative; top: 2px} /*.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} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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-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(100,100,100); text-align: center; margin-bottom: 2rem} .teaserset-posts .thumbnail-icon a {color: rgb(100,100,100)} .teaserset-posts .thumbnail-icon a:focus, .teaserset-posts .thumbnail-icon a:hover {text-decoration: none; color: rgb(50,50,50)} .teaserset-posts .meta {border-top: 1px solid rgb(50,50,50); padding: 0.5em 0} .teaserset-posts .meta time, .teaserset-posts .meta a {font-size: 0.875rem; line-height: 1.3571em; color: rgb(100,100,100)} .teaserset-posts .teaser-title {font-weight: 600; border-top: 3px solid rgb(50,50,50); font-size: 1.1875rem; line-height: 1.2631em; color: rgb(100,100,100); padding: 0.5em 0 1em} .teaserset-posts .teaser-title a {color: rgb(100,100,100)} .teaserset-posts .teaser-title a:focus, .teaserset-posts .teaser-title a:hover {text-decoration: none; color: rgb(50,50,50)} .teaserset-posts header + p {border-top: 1px solid rgb(50,50,50); padding: 0.5em 0} .teaserset-events .meta {border-bottom: 1px solid rgb(50,50,50); padding: 0.5em 0} .teaserset-events .meta a {font-size: 1em; line-height: inherit; color: rgb(50,50,50)} .teaserset-events .teaser-title {padding: 0.5em 0 1em !important} .page-template-template-children-in-content .main .teaserset-kinder article {border-top: 2px solid rgb(50,50,50); padding-top: 10px} .page-template-template-children-in-content .main .teaserset-kinder .teaser__title {margin-top: 0.3em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kommentare */ .comments {border-top: 1px solid rgb(50,50,50); 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: 600; 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(50,50,50); text-decoration: none} .post-navigation .post-navigation__link {text-decoration: none; color: rgb(50,50,50); text-decoration: none} .post-navigation .post-navigation__link:hover {text-decoration: underline} .post-navigation .post-navigation__link--next {float: right} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* PLUGINS */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Cookie Notice */ #cookie-notice {} #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: 318px; margin: 1em auto 0; color: white; border-color: white} #cookie-notice .cookie-notice-container a#cn-accept-cookie:hover {color: rgb(10,190,143) ; border-color: rgb(10,190,143) } /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Essential Grid */ #teamgrid .eec > div {font-family: 'Open Sans', 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: 600 !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(50,50,50)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item:last-child {border-bottom: 2px solid rgb(50,50,50)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item li.menu-item {border-top: 1px solid rgb(50,50,50)} .shiftnav.shiftnav-skin-none ul.sub-menu li.menu-item {border-bottom: 0px solid rgb(50,50,50)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item .shiftnav-target {color: rgb(50,50,50); 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(100,100,100); font-size: 18px; font-weight: 600} .shiftnav.shiftnav-skin-none ul.shiftnav-menu > li.menu-item:not(.lang-item) > .shiftnav-target i {font-size: 18px; line-height: 19px; color: rgb(50,50,50)} .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(240,240,240); color: rgb(100,100,100); 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(200,200,200)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.third .shiftnav-target {background-color: rgb(50,50,50); 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: 600; font-size: 1.1rem} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item {border-color: rgb(200,200,200)} .shiftnav.shiftnav-skin-none ul.shiftnav-menu li.menu-item.lang-item .shiftnav-target {font-size: 14px !important; font-weight: normal; color: rgb(100,100,100); 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(50,50,50); 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: 700} .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(50,50,50); border-radius: 20px; padding: 2px 8px; font-weight: normal} .shiftnav-nav, .shiftnav ul.shiftnav-menu {position: static !important} .shiftnav-toggle {cursor: pointer; font-size: 44px; line-height: 1em !important; float: right; color: white; text-decoration: none; position: relative; min-width: 52px; height: 52px; width: auto; background: transparent; padding: 2px 1% 4px !important; border: none; margin: 12px 0 !important;} .shiftnav-toggle:focus, .shiftnav-toggle:hover {text-decoration: none; background: transparent; color: rgba(255,255,255,.8)} .shiftnav-toggle .fa {font-size: 30px; line-height: 52px} .shiftnav-toggle-menu {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* wpcf7 */ .wpcf7-form > br {display: none} .wpcf7-form p {margin-bottom: 4px} .wpcf7-form .required {font-weight: 600} .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 select {font-size: medium} .wpcf7-form span.wpcf7-list-item.first {margin-left: 0} .wpcf7-form textarea {width: 98%; 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 {} .wpcf7-form .wpcf7-acceptance span {margin: 0} .wpcf7-form .wpcf7-radio.special, .wpcf7-form .wpcf7-checkbox.special {display: table; width: 100%} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item {display: table-cell; text-align: center} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item label, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item label {width: 100%; padding: 0} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item input, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item input {position: absolute; clip: rect(1px,1px,1px,1px)} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item .wpcf7-list-item-label {position: relative; font-size: inherit; background-color: white; border: 1px solid rgb(200,200,200); width: 100%; line-height: 1.2em; cursor: pointer; padding: 0.45em 0.75em; display: block} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item:first-child .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item:first-child .wpcf7-list-item-label {border-radius: .2em 0 0 .2em} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item:last-child .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item:last-child .wpcf7-list-item-label {border-radius: 0 .2em .2em 0} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item input:checked + .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item input:checked + .wpcf7-list-item-label {background-color: rgb(10,190,143); border-color: rgb(10,190,143); color: white} @media only screen and (min-width: 700px) { .wpcf7-form .wpcf7-radio.special, .wpcf7-form .wpcf7-checkbox.special {margin-left: 0px} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item {margin-right: 5px !important} .wpcf7-form .wpcf7-radio.special .wpcf7-list-item .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox.special .wpcf7-list-item .wpcf7-list-item-label {line-height: 1.2em; display: block; text-align: center} } /* ----------------------------------------------------------------------------------------------------------------------------- */ /* LiveMesh Plugin */ .lsow-accordion style3 {} .lsow-accordion.style3 .lsow-panel .lsow-panel-title {color: rgb(50,50,50)} .lsow-gallery-wrap .lsow-gallery .lsow-gallery-item .lsow-project-image .lsow-image-info .lsow-lightbox-item {top: 50%; right: 50%; margin-top: -21px; margin-right: -21px; text-decoration: none !important} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a:focus, .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a:hover {text-decoration: none; color: rgb(10,190,143)} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-summary:before {background: rgb(210,216,20)} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta span {color: rgb(50,50,50); text-decoration: none} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta:before {width: 35px; height: 1px; background: rgb(210,216,20); display: block; content: ""; text-align: center; margin: 18px auto 10px;} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta span:after {color: rgb(50,50,50); font-weight: 300} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta span abbr {text-decoration: none; cursor: default; font-style: normal; font-weight: 300;} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta a {color: rgb(50,50,50); font-weight: 300; text-decoration: none !important; cursor: default !important} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image .lsow-image-overlay {display: none} .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image .lsow-image-info {display: none} .lsow-gapless-grid .lsow-grid-container .lsow-grid-item {padding: 0 1% 3% 1% !important; margin-bottom: 2em !important} .lsow-team-members.lsow-style1 .lsow-team-member {max-width: none} .lsow-team-members.lsow-style1 .lsow-team-member .lsow-image-wrapper img {max-width: 320px; border-radius: 0 !important} .lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text {margin: 0 auto;} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Tribe 'The Events Calendar' */ .tribe-events-loop .type-tribe_events {margin-bottom: 60px} .tribe-events-loop .tribe-events-list-event-title {text-align: center; margin-top: 20px; font-size: 18px; line-height: 26px; font-weight: normal; margin-bottom: 10px;} .tribe-events-loop .tribe-events-list-event-description p {margin: 0} .tribe-events-loop .tribe-events-event-meta {font-weight: 300; font-size: 1em; text-align: center} .tribe-events-loop .tribe-events-event-meta:before {width: 35px; height: 1px; background: rgb(210,216,20); display: block; content: ""; text-align: center; margin: 18px auto 10px;} .tribe-events-loop .tribe-events-event-meta:after {width: 35px; height: 1px; background: rgb(210,216,20); display: block; content: ""; text-align: center; margin: 15px auto 10px;} .tribe-events-loop .tribe-events-event-meta .event-is-recurring {font-size: 0.8em;} .tribe-events-loop .tribe-events-event-meta .event-is-recurring a {text-decoration: none} .tribe-events-loop .tribe-events-event-meta .event-is-recurring .tribe-events-divider {display: none} .tribe-events-loop .tribe-events-event-meta .recurring-info-tooltip.tribe-events-tooltip {display: none !important } .tribe-events-loop .tribe-events-content {text-align: center} .tribe-events-loop .tribe-events-list-event-title .tribe-event-url {text-decoration: none} .tribe-events-loop .tribe-events-list-event-title .tribe-event-url:focus, .tribe-events-loop .tribe-events-list-event-title .tribe-event-url:hover {text-decoration: none} .tribe-events-sub-nav a {text-decoration: none !important; font-weight: 300} .single-tribe_events h1 {padding-bottom: 0} .single-tribe_events .tribe-events-schedule :first-child {font-size: 1.5rem; line-height: 1.2em} .single-tribe_events .tribe-events-schedule {position: relative; margin-left: 1px; z-index: 20; font-weight: 300; color: rgb(210,216,20); -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg)} .single-tribe_events .tribe-events-schedule p {margin: 0; font-weight: 700} .single-tribe_events .recurringinfo {} .single-tribe_events .recurringinfo .event-is-recurring {font-weight: 300; color: rgb(210,216,20)} .single-tribe_events .recurringinfo .event-is-recurring a {font-weight: 300; color: rgb(210,216,20); text-decoration: none} .single-tribe_events .recurringinfo .tribe-events-divider {display: none} .single-tribe_events .recurringinfo .tribe-events-tooltip {display: none !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Nice Select */ .nice-select {width: 100%; border-radius: 0.5em; -webkit-tap-highlight-color: transparent; background-color: #fff; border: solid 1px rgb(200,200,200); 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(200,200,200);} .nice-select.open {border-radius: .5em .5em 0 0} .nice-select.open:after {border-top: 0; border-bottom: 5px solid rgb(200,200,200);} .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(200,200,200); border-top: 0; margin-top: 1px; box-shadow: 0; 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: 600} .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 */ .sharedaddy {position: absolute; bottom: -150px; width: 100%} .sharedaddy h3.sd-title {color: rgb(10,190,143); text-align: center; display: block !important; font-size: 1rem !important; font-weight: 400 !important} .sharedaddy h3.sd-title b {font-weight: 600 !important} .sharedaddy h3.sd-title:before {border: 0 !important} .sharedaddy .sd-content ul {text-align: center} .sharedaddy .sd-button {background-color: transparent !important; box-shadow: none !important; border-color: rgb(10,190,143) !important; color: rgb(10,190,143) !important} .sharedaddy .sd-button span {color: rgb(10,190,143) !important} .sharedaddy .sd-button .share-count {background-color: transparent !important} .sharedaddy .sd-button:before {color: rgb(10,190,143) !important} .sharedaddy .sd-button:focus, .sharedaddy .sd-button:hover {background-color: rgb(10,190,143) !important; color: white !important} .sharedaddy .sd-button:focus:before, .sharedaddy .sd-button:hover:before, .sharedaddy .sd-button:focus span, .sharedaddy .sd-button:hover span {color: white !important} .lsow-portfolio-wrap .sharedaddy {display: none !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Accordion Shortcodes */ .accordion {margin: 0.5rem 0 1rem 0} .accordion > br {display: none} .accordion .accordion-title {color: rgb(100,100,100); 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 'Font Awesome 5 Light'; font-size: 300; 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(50,50,50)} .accordion .accordion-title.open:after {content: "\f0d7"} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Amelia Kursverwaltung */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .amelia-service #am-events-booking .am-events-filter {display: none} .amelia-service #am-events-booking .am-event .am-event-data + div {border-top: none !important} .amelia-service #am-events-booking .am-event .am-event-data + div .am-event-book-continue {border-top: none !important} .amelia-service #am-events-booking .am-event .am-event-data .am-event-title {font-weight: bold !important; padding-right: 50px !important} .amelia-service #am-events-booking .am-event .am-event-data .am-event-title .am-event-booking-status {text-transform: none !important} .amelia-service #am-events-booking .am-event .am-event-data .am-event-title .am-event-booking-status.open {background-color: rgb(10,190,143) !important; color: white !important; font-weight: bold !important} .amelia-service #am-events-booking .am-event .am-event-data .am-event-title .am-event-booking-status.open:before {background-color: white !important} .amelia-service #am-events-booking .am-event .am-event-data .am-event-price {background-color: transparent !important; color: #303030 !important; box-shadow: none !important;} .amelia-service #am-events-booking .am-event .ql-description ul {padding-left: 12px} /* .amelia-service #am-events-booking .am-event .am-event-details {display: none !important} .amelia-service #am-events-booking .am-event .am-event-book-cta {display: none !important} */ #amelia-booking-wrap .am-event-booking .am-confirmation-booking-cost .am-confirmation-total {background-color: rgba(50,50,50,.2) !important} .amelia-service.amelia-app-booking .am-step-booking-catalog .am-select-service-title {text-align: left; display: none} .amelia-service.amelia-app-booking #am-service-booking .am-service-gallery {display: none} .amelia-service.amelia-app-booking #am-service-booking .am-service {padding: 0; margin: 0} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header {text-align: left !important; margin-bottom: 0; display: block !important;} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-image {display: none !important} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data {padding: 0; margin: 10px 0 6px 0 !important; display: block} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-title {text-align: left;} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-title h2 {color: rgb(10,190,143) !important; font-weight: bold} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-info {display: none} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-price {background: none; color: rgb(10,190,143); padding: 0; margin-bottom: 10px; display: block} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-description {margin-bottom: 10px;} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-description h3 {display: none} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-description ul {padding-left: 12px} .amelia-service.amelia-app-booking #am-service-booking .am-service .am-service-info {display: none} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-step-booking-catalog {margin-top: 0} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-step-booking-catalog .am-form-catalogForm-calendarDateTimeForm {background: rgb(240,240,240)} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-step-booking-catalog .am-form-catalogForm-calendarDateTimeForm * {color: rgb(50,50,50) !important} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-step-booking-catalog .am-button-wrapper .el-button span, .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button span {color: white !important} .amelia-app-booking #amelia-booking-wrap .el-button span, #am-modal.am-modal.am-in-body .el-button span {color: white !important} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-step-booking-catalog .am-form-catalogForm-calendarDateTimeForm .am-select-date-title {text-align: left; padding: 0 10px; font-weight: normal; color: rgb(10,190,143) !important} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-confirmation-booking-header {display: none} .amelia-service.amelia-app-booking #am-service-booking .am-service #amelia-booking-wrap .am-confirm-booking-data el-row:first-child {display: none} .amelia-service.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-mobile-collapsed .am-select-service {padding-bottom: 16px} .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-button-wrapper .el-button span, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button span {color: white !important} #amelia-booking-wrap .am-event-booking .am-confirmation-booking-cost .am-confirmation-total p {color: rgb(50,50,50) !important} .am-event-date-month {color: rgb(10,190,143) !important} .el-button {background-color: rgb(10,190,143) !important; border-color: rgb(10,190,143) !important} .noprice .am-event-data .am-event-price, .post-6752 .am-service-price {display: none !important} #amelia-booking-wrap .am-event-booking .am-confirmation-booking-cost svg path, #amelia-booking-wrap .am-event-booking .am-confirmation-booking-cost img path {fill: #0abe8f !important} #amelia-booking-wrap .am-event-booking .am-add-coupon span {color: rgb(50,50,50) !important} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: none !important; padding: 0 !important; width: 100%} .woocommerce .col2-set .col-1 input, .woocommerce-page .col2-set .col-1 input, .woocommerce .col2-set .col-2 input, .woocommerce-page .col2-set .col-2 input {padding-left: 12px !important} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 49%} .woocommerce-checkout h3 {padding-top: 1em;} .woocommerce-checkout dl.variation {display: none !important} .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { background:rgb(10,190,143) !important; background-color:rgb(10,190,143) !important; color:white !important; text-shadow: transparent !important; box-shadow: none; border-color:rgb(10,190,143) !important; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { background:rgb(10,190,143) !important; background-color:rgb(10,190,143) !important; color:white !important; text-shadow: transparent !important; box-shadow: none; border-color:rgb(10,190,143) !important; } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { background: rgb(10,190,143) !important; color:white !important; text-shadow: transparent !important; border-color:rgb(10,190,143) !important; } .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { background: rgb(10,190,143) !important; box-shadow: none; text-shadow: transparent !important; color:white !important; border-color:rgb(10,190,143) !important; } /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Boxzilla */ /* ----------------------------------------------------------------------------------------------------------------------------- */ .boxzilla-container {width: 120% !important; max-width: inherit !important; margin-left: -10%} .boxzilla {border: none !important; width: 100% !important; max-width: inherit !important; box-shadow: none !important; padding: 2.5em 2em 5em 2em !important} .boxzilla .boxzilla-content .title {text-align: center; font-size: 30px !important; font-weight: bold; margin: 0 0 0.3em 0 !important} .boxzilla .boxzilla-content .title span {font-size: 30px !important; font-weight: normal !important} .boxzilla .boxzilla-content p {text-align: center; font-family: inherit !important; font-size: 1.1rem !important; line-height: 1.3em !important} .boxzilla .boxzilla-content small {display: inline-block; padding: 0.8em 0; font-size: 0.8em !important; line-height: 1.4em !important} .boxzilla .boxzilla-content p a {color: inherit !important} .boxzilla .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 .boxzilla-content a.btn i {position: relative !important; top: 2px; left: 0; right: 0; font-size: inherit !important} .boxzilla .boxzilla-content a:hover.btn {border-color: rgba(102,102,102,1) !important; background-color: rgba(102,102,102,1) !important} .boxzilla-3080 {-webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg)} .boxzilla-3080 .boxzilla-content {padding-left: 8%; padding-right: 8%} .boxzilla-3080 .boxzilla-close-icon {right: 50% !important; top: auto; bottom: 1em; font-size: 30px; color: white; opacity: 1; border: 3px solid white; border-radius: 30px;; width: 38px; height: 38px} .boxzilla-2477 {-webkit-backdrop-filter: blur(10px); -webkit-background-color: rgba(102,102,102,.8) !important; background-color: rgba(40,40,40,.9) !important} .boxzilla-2477 .boxzilla-content p {color: white !important} .boxzilla-2477 .boxzilla-content a {display: inline-block !important; text-decoration: none !important} .boxzilla-2477 .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-2477 .boxzilla-close-icon:hover {opacity: 0.5 !important} .boxzilla-3627 {padding: 3em 2em 3em 2em !important; -webkit-backdrop-filter: blur(10px); -webkit-background-color: rgba(102,102,102,.8) !important; background-color: rgba(40,40,40,.9) !important} .boxzilla-3627 .boxzilla-content p {color: white !important} .boxzilla-3627 .boxzilla-content a {display: inline-block !important; text-decoration: none !important} .boxzilla-3627 .boxzilla-close-icon {color: white !important; border: 2px solid white; border-radius: 50%; opacity: 1 !important; transition: opacity .5s; top: 8px !important; right: 16px !important; padding: 6px 5px 4px 6px !important; font-weight: normal !important; width: 34px} .boxzilla-3627 .boxzilla-close-icon:hover {opacity: 0.5 !important} .boxzilla-4575-overlay { -webkit-backdrop-filter: blur(2px); background-color: rgba(255,255,255,.8) !important} .boxzilla-4575 {padding: 30px !important; margin-top: 5vh; width: 90vw !important; max-width: 800px !important; overflow: scroll; -webkit-backdrop-filter: blur(2px); -webkit-background-color: rgba(10,190,143,.9) !important; background-color: rgba(10,190,143,.9) !important; border-radius: 5px} .boxzilla.boxzilla-4575 .boxzilla-content p {color: white !important; font-size: 1.2em !important} .boxzilla.boxzilla-4575 .boxzilla-content a.btn {display: inline-block; margin-bottom: 1em;} .boxzilla-4575 .boxzilla-close-icon {color: white !important; border: 2px solid white; border-radius: 50%; opacity: 1 !important; transition: opacity .5s; top: 8px !important; right: 16px !important; padding: 4px 5px 5px 5px !important; font-weight: normal !important; width: 34px} .boxzilla-4575 .boxzilla-close-icon:hover {opacity: 0.5 !important} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* sm */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 480px) { .boxzilla .boxzilla-content .title {font-size: 54px !important} .boxzilla .boxzilla-content .title span {font-size: 54px !important} .boxzilla .boxzilla-content p {font-size: 1.5rem !important; line-height: 1.4em !important} } @media only screen and (min-width: 533px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo */ .home .site-title {top: 20px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kopfzeile */ .home .head .wrapper:after {position: absolute; bottom: -20px} .home .head {margin-bottom: 20px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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--foot {border-top: 0; padding-top: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Teaserset */ .teaserset-posts {} .teaserset-posts .teaserset__archivlink {position: absolute; top: 0; right: 45px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Quote */ } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* md */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 960px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kopfzeile */ .home .head .wrapper:after {position: absolute; bottom: -10px} .panel-grid:first-child .widget_sow-slider {margin-top: -165px} .panel-grid:first-child .widget_sow-hero {margin-top: -165px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navbar */ .head .infobar {display: block; background-color: rgb(200,200,200) !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo */ .site-title {top: 20px} .home .site-title {top: 25px} .site-title a span {display: inline-block; font-size: 1.444rem; color: rgb(100,100,100); margin-left: 35px; max-width: 270px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Page-Builder */ .panel-first-child.widget_revslider {margin-top: -65px} .panel-grid #flipper {margin-top: -145px} .panel-grid #flipper .so-panel .cl-flipbox-front {background-color: rgba(255,255,255,1) !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu-main {margin: 0; padding: 1px 0 0 0; position: relative; display: inline-block; float: right} .menu-main .menu-item {} .menu-main .menu-item a {color: rgba(255,255,255,.9); font-size: 1.4rem; line-height: 1em; padding: 10px 5px; margin-left: 1em; font-weight: 600; position: relative} .menu-main .menu > .menu-item > a:after {content: ''; position: absolute; top: 100%; left: 6px; width: calc(100% - 11px); height: 1px; background: white; opacity: 0; transition: opacity .3s,transform .3s; transform: translateY(10px);} .menu-main .menu > .menu-item > a:focus:after, .menu-main .menu > .menu-item > a:hover:after, .menu-main .menu-item.current-menu-item > a:after, .menu-main .menu-item.current-menu-ancestor > a:after {opacity: .9; transform: translateY(-3px);} .menu-main .menu-item:first-child a {margin-left: 0} .menu-main .menu-item a i {font-size: 18px; line-height: 19px; color: rgb(100,100,100)} .home .head .menu-main .menu-item.menu-item-has-children > a {border-color: rgb(100,100,100)} .menu-main .menu-item .sub-menu {display: none} /* Submenu on Hover on .menu-main .menu-item:hover .sub-menu, .menu-main .menu-item .hover + .sub-menu {display: block} */ /* Submenu Block .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: -90px} .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%; margin: 0; border-top: 0; border-bottom: 1px solid rgb(50,50,50); color: rgb(50,50,50); 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: 600} */ /* Submenu inline .menu-main .menu-item .sub-menu {position: absolute; top: 52px; right: 0; padding: 0; width: 600px; display: none; -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); transform: rotate(-1.5deg); text-align: right} .menu-main .menu-item .sub-menu .menu-item {float: none; display: inline} .menu-main .menu-item .sub-menu .menu-item a {font-size: 1rem; line-height: 2.5em; font-weight: 400; display: inline-block} .menu-main .menu-item.current-menu-item > .sub-menu, .menu-main .menu-item.current-menu-ancestor > .sub-menu {display: block} */ .menu-main .menu-main-toggle {display: none; color: rgb(50,50,50); 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} .menu-meta {float: right; margin-bottom: 0; padding-bottom: 0} .menu-meta .menu-item {padding: 12px 0} .menu-meta .menu-item a {color: rgba(255,255,255,.8); font-size: .875rem; line-height: 1em; padding: 0 5px; position: relative} .menu-meta .menu-item:last-child a {padding: 0 0 0 15px} .menu-meta .menu-item a:focus, .menu-meta .menu-item a:hover, .menu-meta .current-menu-item a {color: rgb(210,216,20)} .menu-meta .menu-item a i {margin-right: 1px} .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(50,50,50) !important} .menu-meta-language-switcher a.active {font-weight: 600} .menu-meta-language-switcher li:last-child a {border-right: 1px solid rgb(50,50,50)} .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} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Blockquote */ blockquote, q {font-size: 2.8em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* wpcf7 */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .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__archivlink {top: -56px} .teaserset__archivlink + section {padding-top: 0 !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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 */ .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} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Nice Select */ .nice-select {width: 70%} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* Somewhere between :) */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1024px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu-meta .menu-item a {padding: 0 9px} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* lg */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1220px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo */ .site-title {top: 25px} .home .site-title {top: 27px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kopfzeile */ .home .head .wrapper:after {position: absolute; bottom: -20px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu-meta .menu-item a {padding: 0 15px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Page-Builder */ .panel-first-child.widget_revslider {margin-top: -35px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .wrapper:not(.wrapper-full) {width: 1100px; margin: 0 auto} /* Inhaltselement mit Abstand */ .head {} .main {} .main-aside {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Toggler */ .shiftnav-toggle {display: none} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* xl */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1500px) { .foot-pre .scroll-to-top {display: none; top: -20px} } @media only screen and (min-width: 1750px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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(50,50,50) !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} @page {margin: 0.5cm} 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} }