/* Theme Name: dezemberundjuli Theme URI: http://dezemberundjuli.ch Description: Eine HTML5 Version von dezember und juli basierend auf HTML5 Blank WordPress Theme. Version: 1.5 Author: dezember und juli Author URI: http://www.dezemberundjuli.ch Farbdefinitionen SWISSAVANT Hauptfarbe rgb(0,156,222) #009CDE hellblau Sekundärfarbe rgb(59,110,143) #3B6E8F dunkelblau Tertiärfarbe rgb(144,159,177) #909fb1 dunkelgrau Quartiärfarbe rgb(89,191,232) #59BFE8 hellblau (heller) Schriftfarbe rgb(104,106,103) #686a67 grau Kopfleiste1 rgb(229,232,236) #e5e8ec hellgrau Kopfleiste2 rgb(217,224,232) #d9e0e8 hellgrau(blau) Warnfarbe1 rgb(0,156,222) #009cde hellblau Warnfarbe2 rgb(221,61,54) #DD3D36 rot Open Sans fontweight (Bold: 700) Semibold: 600 (Normal: 400) Light: 300 */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* HTML Elements */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ html, body {font: 14px/24px 'Open Sans', sans-serif; color: rgb(104,106,103); background: white} p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img, figure {margin: 0 0 1.5em 0; padding: 0} picture {display: block; line-height: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ h1, h2, h3, h4, h5, h6 {margin: 0; color: rgb(0,156,222); font-weight: normal} h1, .h1 {color: white; font-size: 1.429rem; line-height: 1.714rem; margin-bottom: 1em; font-weight: bold; font-weight: 600} /* 20px/24px */ .content--main__article__main .h1 {color: rgb(0,156,222)} h1 span, .h1 span, .home h2 span {font-weight: normal; font-weight: 300} h2, h3 {font-size: 1rem; line-height: 1.571rem; font-weight: 600} /* 14px/22px */ h3 {color: rgb(104,106,103); color: rgba(104,106,103,.9)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Link */ a {text-decoration: underline; color: inherit} a:hover, a:focus, a:active {text-decoration: underline; color: rgb(0,156,222); text-transform: none !important} .readmore {color: rgb(0,156,222); text-decoration: none; white-space: nowrap; border: 1px solid rgb(0,156,222); padding: 5px 15px; border-radius: 0.4em} .readmore .typcn, .readmore .fa {float: none !important; font-size: 14px !important; color: rgb(0,156,222) !important; padding-left: 1em} .readmore:hover {background-color: rgb(0,156,222); color: white !important; text-decoration: none} .readmore:hover i, .readmore:hover .fa {color: white !important; text-decoration: none} .content--main__article__header a {text-decoration: underline !important; color: white !important} .archive .content--main__article__header a {text-decoration: none !important} .content--main__article__header a.button {text-decoration: none !important} .content--main__article__main a.button {display: inline-block !important} .content--main__article__main a.button .fa {padding-left: 10px} .content--main__article__header a:hover {text-decoration: none !important} .content--main__article__header .readmore {display: none} .gototop {float: right; color: rgb(0,156,222); text-decoration: none; margin-bottom: 2em} .gototop:hover {text-decoration: underline} .gototop .fa {padding-left: 1em} .iconlink {text-decoration: none; color: rgb(0,156,222)} .iconlink:hover {text-decoration: none !important} .iconlink .fa {text-decoration: none; padding-left: 1em; transition: padding-left 1s} .iconlink:hover .fa {padding-left: 1.5em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Table */ table {margin-bottom: 1.5em; width: 100%; border-top: 2px solid rgb(0,156,222); border-bottom: 2px solid rgb(0,156,222)} th {text-align: left; vertical-align: top; font-weight: 600} tr {border-bottom: 1px solid rgb(0,156,222); vertical-align: top} th+th, td+td {padding-left: 1.5em} table.layout tr, table.layout td, table.layout th {border: none !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Form */ 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(0,156,222); margin: 0 0 0.5em 0; font-size: 1rem; font-weight: 400} textarea {vertical-align: top; border-radius: 3px; border: 1px solid rgb(151,161,156); margin: 0; padding: 2px; width: 100%} button, .button, input, select, textarea {text-decoration: none; display: block; position: relative; vertical-align: baseline; border: 1px solid rgb(151,161,156); border-radius: 3px; padding: 0 3px} button, .button, input[type="button"], input[type="reset"], input[type="submit"] {background-color: rgb(144,159,177); border: 1px solid white; color: white !important; display: block; border-radius: 4px; padding: 8px 10px; line-height: 21px; font-size: 12px; margin-bottom: 4px; transition: background-color .8s; padding-right: 40px;} button:hover, .button:hover, .button.active, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:not('shiftnav-search-submit'):hover {color: white; text-decoration: none; background-color: rgb(0,156,222)} button span, .button span, input[type="button"] span, input[type="reset"] span, input[type="submit"] span {position: absolute; top: 50%; right: 10px; margin-top: -8px; line-height: inherit; font-size: inherit; color: inherit; font-weight: bold} input[type="radio"] {border-radius: 8px} .searchform {padding: 0 16px 0 0; margin-bottom: 0; position: relative} .searchform__input {display: block; width: 100%; color: rgb(144,159,177) !important; border: 1px solid rgb(144,159,177); border-radius: 4px; height: 31px; padding: 0 7px; line-height: 31px; font-size: 14px; margin-bottom: 4px; -webkit-appearance: none !important} .searchform__input:focus {outline: none} .searchform__submit {background-color: transparent; border: 0; position: absolute; right: 0; top: 7px} .searchform__submit:hover {} .searchform__submit .fa {color: rgb(144,159,177); font-size: 16px} .searchform__submit:hover {background: transparent; color: rgb(144,159,177) !important} .searchform__submit:hover .fa {background: transparent;} .searchbar {width: 0; float: right; display: none; margin-top: -8px; transition: width .5s} .searchbar.active {width: 190px; display: block} .search-toggle {float: right; background: transparent; border: none; color: rgb(144,159,177) !important; padding: 0 10px; margin: -3px 0 0 0; font-size: 16px} .search-toggle.active {display: none} .search-toggle:hover {background-color: transparent} /* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */ #mc_embed_signup form {display:block; position:relative; text-align:left; padding: 0} #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em} #mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox} #mc_embed_signup input[type=radio]{-webkit-appearance:radio} #mc_embed_signup input:focus {border-color:#333} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto} #mc_embed_signup .button:hover {background-color:#777} #mc_embed_signup .small-meta {font-size: 11px} #mc_embed_signup .nowrap {white-space:nowrap} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px} #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px} #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%} #mc_embed_signup .mc-field-group select {display:inline-block; width:100%; height: 30px; padding:5px 0; margin-bottom:2px} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%} #mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px} #mc_embed_signup .clear {clear:both} #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0} #mc_embed_signup .mc-field-group.input-group label {display:inline} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%} #mc_embed_signup #mce-error-response {display:none} #mc_embed_signup #mce-success-response {color:#529214; display:none} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0} #mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%} #mc_embed_signup #num-subscribers {font-size:1.1em} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold} #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41} #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Quote */ blockquote, q {font-size: 28px; line-height: 40px; color: rgb(0,156,222); margin: 1.5em 0; padding-bottom: 1em; position: relative} blockquote em, q em {} blockquote:before, q:before {content: '«'} blockquote:after, q:after {content: '»'} blockquote > p {padding: 0; margin: 0; display: inline} blockquote cite {position: absolute; right: 0; bottom: 0; display: block; text-align: right; font-size: 12px; line-height: 20px; white-space: nowrap; font-style: normal} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* List */ ul, ol {list-style-position: outside; padding: 0 0 0 23px} ul li {list-style: circle; /* list-style-image: url(images/list.gif)*/} p + ul, p + ol {margin-top: -1em} ul.layout, ol.layout {list-style: none; list-style-image: none; padding-left: 0} li ul, li ol {margin: 0 1em} .content--main__article p + ul:(not:.teaserset) {margin-top: -0.5em} dl {float: left} dl dt {display: inline; font-weight: bold; line-height: 1.5em} dl dt:before {content: ''; display: block; height: 0.5em} dl dd {display: inline; line-height: 1.5em; margin: 0; padding: 0} dl dd a {color: rgb(102,102,102); text-decoration: none} dl dd a:hover {color: rgb(0,156,222); text-decoration: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Media */ img {border: 0} img, object, embed, video {max-width: 100%; _width: 100%} /* Fluid images */ p img, figure img {margin: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Divers */ var, address {font-style: normal} hr {border: none; background: rgb(0,156,222); clear: both; height: 1px; display: block; margin: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WordPress */ .aligncenter {float: left; margin: 0 20px 20px 0} .alignleft {float: left; margin: 0 20px 20px 0} .alignright {float: right; margin: 0 0 20px 20px} .wp-video {border-top: 1px solid rgb(0,156,222); border-bottom: 1px solid rgb(0,156,222); padding: 0.5em 0; margin-bottom: 3em; width: 100% !important} .wp-caption {border-top: 1px solid rgb(0,156,222); border-bottom: 1px solid rgb(0,156,222); padding: 0 0; margin: 1em 0 2em 0; width: 100% !important; float: left !important; width: 100% } .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 {font-size: 1em; line-height: 1.5em; margin-top: 0.5em; position: relative; left: 1rem; padding-right: 1rem} .gallery {float: left; margin-bottom: 3em; max-width: 100%} .gallery-item {float: left; margin: 1% 0 3.2% 3.2%} .gallery-columns-1 > .gallery-item {} .gallery-columns-2 > .gallery-item {width: 48.4%} .gallery-columns-3 > .gallery-item , .gallery-columns-4 > .gallery-item , .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: 32.26%; margin: 1% 0 1% 1.6%} .gallery-columns-1 .gallery-item:nth-child(1n+1) {clear: both; margin-left: 0} .gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both; margin-left: 0} .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(3n+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: both; margin-left: 0} .gallery-caption {} .gallery-size-thumbnail {} .sticky {} .bypostauthor {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* wpcf7 */ h2 + .wpcf7 {padding-top: 1em} .wpcf7-form p {line-height: 27px; clear: both; float: left; display: block; width: 100%} .wpcf7-form p + h3 {margin-top: 2em} .wpcf7-form hr {margin-bottom: 2em} .wpcf7-form .required {font-weight: bold} .wpcf7-form label, .wpcf7-form .label {display: block; clear: both; width: 100%; margin-right: 20px; line-height: 23px; padding-top: 2px; font-size: 1rem} .wpcf7-form label.full, .wpcf7-form .label.full {width: 100%} .wpcf7-form input[type="text"], .wpcf7-form input[type="date"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"] {width: 100% !important; line-height: 2em} .wpcf7-form input[type="file"] {display: inline; border: none; margin: 20px 0 0px 0; width: 100% !important} .wpcf7-form input[type="checkbox"] {display: inline-block; margin-right: 3px; width: auto} .wpcf7-form input[type="radio"] {display: inline-block; margin-right: 3px;; width: auto} .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {display: block !important; margin-left: 0 !important} .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {margin-left: 0 !important} .wpcf7-form .full .wpcf7-checkbox {width: 100% !important} .wpcf7-form .wpcf7-radio .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 select {width: calc(100% + 8px); margin-top: 2px} .wpcf7-form input[type='submit'] {margin-top: 2em} .wpcf7-form .wpcf7-not-valid-tip {font-size: 13px !important; line-height: 1.2em !important; color: rgb(221,61,54) !important; padding-top: 2px} .wpcf7-form .wpcf7-response-output {margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 13px !important; line-height: 1.2em !important; color: rgb(0,156,222) !important} .wpcf7-form .wpcf7-validation-errors {color: rgb(221,61,54) !important;} .wpcf7-repeater-item {background: white !important; margin-bottom: 2em; padding: 0 !important} .wpcf7-repeater-item fieldset {margin-bottom: 0} .wpcf7-repeater-add, .wpcf7-repeater-remove {background-color: rgb(229,232,236) !important; border: 0; box-shadow: none !important; -webkit-box-shadow: none !important; color: rgb(104,106,103) !important; text-shadow: none !important; text-decoration: none !important; margin-left: 0 !important} .wpcf7-repeater-add {margin-left: 5px} .wpcf7-repeater-remove {background-color: rgb(255,255,255) !important; padding: 0; margin-top: 5px} .wpcf7-repeater-add:hover {background-color: rgb(217,224,232); text-decoration: none !important; color: rgb(104,106,103) !important} .wpcf7-repeater-remove:hover {background-color: rgb(255,255,255); text-decoration: underline !important; color: rgb(104,106,103) !important} .wpcf7-form-control-wrap {clear: both; display: block} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WP Google Map Pro */ .wpgmp_map_container {box-shadow: 0px 0px 0px black !important; padding-top: 1em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Class */ .ubermenu-item-has-children:before, .clearfix:before, .clearfix:after {content: " "; display: table} .ubermenu-item-has-children:after, .clearfix:after {clear: both} .meta {font-size: 1em !important; line-height: 1.5em; margin-bottom: 0.5em} .meta a {text-decoration: none} .edit-link {font-size: 0.857rem; clear: both; display: block; margin: 2em 0 0 0; line-height: 1.5em; color: white} /* 12px 18px */ .edit-link:before {content:'\f040 '; font-family: 'FontAwesome'; padding-right: 3px} .edit-link:after {content:''} .edit-link a {color: white; text-decoration: none !important} .edit-link a:hover {text-decoration: underline !important} .highlight {font-size: 11px; line-height: 16px; display: block} .home .highlight {background-color: white; border: 1px solid rgb(89,191,232); color: rgb(0,156,222) !important; display: block; border-radius: 4px; height: 31px; padding: 0 7px; line-height: 31px; font-size: 14px; margin-bottom: 4px} .home .highlight strong {color: inherit} .content--main__article__header__lead {font-weight: bold; font-weight: 600; margin-bottom: 1em; font-size: 16px} .sitelinks a {text-decoration: none !important; font-weight: 300 !important} .sitelinks a:hover .fa {position: relative; top: 2px} .headlinelogo {margin: 0.5em 0 0 0} .post-4048 .headlinelogo {width: 190px} .call-to-action-app {clear: both; padding-top: 3rem} .call-to-action-app h2 {font-size: 1.5rem; margin-bottom: 0.25em} .call-to-action-app .storelink img {height: 44px; width: auto} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* GRID SETUP */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ .grid {clear: both; padding: 0px; margin: 0px; zoom:1; /* For IE 6/7 */} .grid:before, .grid:after {content:""; display:table} .grid:after {clear:both} #grid-vorstand, #grid-geschaeftsstelle, #grid-freie-mitarbeiter {margin: 1em 0} #grid-vorstand a:hover, #grid-geschaeftsstelle a:hover, #grid-freie-mitarbeiter a:hover {text-transform: none !important} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Column Setup */ .grid__col {display: block; float:left; margin: 1% 0 1% 0%; width: 100%} .grid__col:first-child {margin-left: 0 !important} .grid__col--span8of8 + .grid__col, .grid__col--span12of12 + .grid__col {margin-left: 0} .grid__col--placeholder {display: none} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* LAYOUT */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ #head {position: relative} .home #head {background-color: white; min-height: 185px; padding-bottom: 0} #main {} #foot {padding-bottom: 0} .container {background: white} .content {} .content--header {padding: 8% 8% 0 8%; position: relative} .home .content--header {padding-bottom: 8%} .content--main {padding-bottom: 1em} .content--main__article {position: relative} .content--main__article__header {padding: 0 8%; background-color: rgb(0,156,222)} .home .content--main__article__header .content--main__article__header__title, .home .content--main__article__header p {color: rgb(0,156,222)} .content--main__article__header p, .content--main__article__header__title + p {color: white} .content--main__article__main {padding: 2em 8% 2.5em; position: relative} .content--main__article__main > .grid__col {margin-top: 0} .content--main__article__main.content--netzwerklogos {padding-top: 2em; padding-bottom: 2em} .content--footer {clear: both; margin: 0 auto; padding: 0; position: relative; z-index: 10; color: white} .content--footer__header {} .content--footer__main {padding: 3em 8% 6em; background-color: rgb(59,110,143)} .content--footer__main * {font-size: 12px; line-height: 18px; color: white} .content--footer__footer {} .content--footer .copyright {margin-bottom: 0} .content--footer .copyright span {} .content--footer a:hover, .content--footer a:focus, .content--footer a:active {text-decoration: none !important; color: white !important} .preheader {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo (site-title) */ .site-title {width: 80%; max-width: 234px; float: right; margin: -1px 0 0 0; position: relative; z-index: 17} .site-title a {display: block} .site-title img {margin: 0} .site-title__zusatz {display: none; position: relative; z-index: 17; float: left; width: 320px; margin-top: 56px} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ELEMENTS */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu, .menu ul {list-style: none; float: left; padding: 0; margin: 0} .menu li {float: left; list-style-image: none; list-style: none} .menu li a {text-decoration: none; display: block} .menu--main {position: relative; z-index: 20} .menu--meta {margin: 12px 0 0 0; position: relative; width: 100%} .menu--meta ul {margin: 0} .menu--meta li {font-size: 14px; line-height: 16px} .menu--meta li:after {content: "I"; font-size: 12px; position: absolute; top: 0; font-weight: 300; color: rgb(144,159,177)} .menu--meta li:after:last-child {content: ""} .menu--meta li.small {font-size: 12px} .menu--meta a {margin: 0 10px; display: block; color: rgb(144,159,177)} .menu--footer {margin: 0; position: relative; padding: 0} .menu--footer ul {margin: 0; float: left} .menu--footer ul li {font-size: 12px; line-height: 28px; color: white !important /*rgb(0,156,222)*/; float: left} .menu--footer li+li:before {content: "I"; font-size: 12px; font-weight: 300; float: left} .menu--footer li.small {font-size: 12px} .menu--footer li a, .menu--footer__adminlink a {color: white !important /*rgb(0,156,222)*/; text-decoration: underline; margin: 0 10px; font-size: 12px; line-height: 28px} .menu--footer li:first-child a {margin-left: 0} .menu--footer__adminlink {float: left} .menu--footer__adminlink:before {content: "I"; font-size: 12px; line-height: 28px; font-weight: 300; color: rgb(0,156,222)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .sidebar {} .sidebar .widget {margin-bottom: 1.5em} .sidebar .widget__title {margin-bottom: 0.5em; font-size: 14px; line-height: 22px} .sidebar--header {display: none} .sidebar--primary .widget__title {color: rgb(104,106,103)} .sidebar--archive .widget__title, .sidebar--single .widget__title {color: rgb(104,106,103)} .sidebar--archive .widget ul, .sidebar--single .widget ul {padding-left: 0} .sidebar--archive .widget li, .sidebar--single .widget li {list-style: none; list-style-image: none; line-height: 1.2em; margin-bottom: 0.5em} .sidebar--archive .widget li a, .sidebar--single .widget li a {color: rgb(0,156,222); text-decoration: none} .sidebar--archive .widget li a:hover, .sidebar--single .widget li a:hover {text-decoration: underline} .sidebar--search .widget__title {color: rgb(104,106,103)} .sidebar--footer {margin-bottom: 2em} .sidebar--footer .widget {margin-bottom: 2em} .sidebar--footer .widget p {margin-bottom: 1em} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .teaserset {margin: 0; padding: 1.5em 0 0 0; position: relative} .teaserset__teaser {list-style-image: none; list-style: none; margin-bottom: 3em !important} .teaserset__title {font-weight: 300 !important; color: rgb(0,156,222) !important; font-size: 36px !important; line-height: 40px !important; margin-bottom: 0.7em !important} .teaserset__teaser .meta {font-size: 12px; line-height: 24px; color: rgb(104,106,103)} .teaserset__teaser time {} .teaserset__teaser .typcn, .teaserset__teaser .fa {color: rgb(0,156,222); font-size: 54px; float: right} .teaserset__teaser__title {clear: both; font-size: 16px; line-height: 22px; color: rgb(0,156,222); margin-bottom: 0.875em; font-weight: 600} .teaserset__teaser__title a {text-decoration: none} .teaserset__teaser__title a:hover {text-decoration: underline} .teaserset__teaser__thumbnail {display: block; margin-bottom: 1em; padding: 0; line-height: 0} .teaserset__teaser img {margin-bottom: 0} .teaserset__teaser p {font-size: 14px; margin-bottom: 0} .teaserset__archivlink {float: right; color: rgb(0,156,222); text-decoration: none; padding-right} .teaserset__archivlink .fa {padding-left: 1em} .search .teaserset__teaser__title {border-top-color: rgb(140,126,116) !important} .search .teaserset__teaser p a {color: rgb(40,45,38) !important} .teaserset__teaser.page span {color: rgb(0,156,222)} .teaserset--produkte {} .teaserset--produkte img {width: 27%; margin-right: 20px; float: left;} .page-id-3714 .teaserset--produkte img {border: 1px solid rgb(229,232,236); margin-bottom: 1em; width: 20%} .teaserset--produkte .teaserset__teaser {clear: both; border-top: 1px solid rgb(0,156,222) !important; padding: 0.5em 0} .teaserset--produkte .teaserset__teaser p {margin-bottom: 1em} .teaserset--produkte header {width: calc(100% - 27% - 50px - 20px); float: left} .teaserset--produkte .textwidget {width: calc(100% - 27% - 50px - 20px); float: left} .teaserset--produkte--dienstleistungen .textwidget, .teaserset--produkte--produits-et-services .textwidget {width: calc(100% - 50px - 20px); float: left; margin-bottom: 3rem} .teaserset--produkte .counter {width: 40px; float: right; padding-right: 10px} .teaserset--produkte .counter input {width: 40px; text-align: right} .teaserset--produkte--lehrmittel {float: left; border-top: 1px solid rgb(0,156,222) !important; border-bottom: 1px solid rgb(0,156,222) !important; padding: 1em 0 !important; margin-bottom: 2em} .teaserset--produkte--lehrmittel .teaserset__teaser {float: left; clear: none; border: none !important; display: inline-block; width: 15%; margin-left: 2%; padding: 0; margin-bottom: 0 !important} .teaserset--produkte--lehrmittel .teaserset__teaser:first-child {margin-left: 0%} .teaserset--produkte--lehrmittel .teaserset__teaser img {width: auto; height: auto; padding: 0; margin: 0; border: 1px solid rgb(229,232,236);} @media only screen and (max-width: 740px) { .teaserset--produkte--lehrmittel .teaserset__teaser {width: 32%; margin-left: 2%; padding-bottom: 0.5em} .teaserset--produkte--lehrmittel .teaserset__teaser:nth-child(4) {margin-left: 0} } .teaserset-events .meta {padding: 0; font-size: 14px !important; line-height: 1.5 em !important;} .teaserset-events .meta a {font-size: 11px !important; line-height: inherit; color: rgb(138,30,32)} .teaserset-events .teaser-title {padding: 0.5em 0 1em !important} #warenkorb_form {display: none} #warenkorb {text-align: right} .versandkosten {text-align: right} .wpcf7-repeater .wpcf7-repeater-list .wpcf7-repeater-item:first-child .wpcf7-repeater-remove {display: none} .lehrling input[readonly="readonly"], .lehrling input[readonly] {border: none; text-align: right; padding-right: 0} .hideLesegeraet .lehrling .lesegeraet {display: none} .hideLesegeraet .lehrling .lesegeraet + .wpcf7-form-control-wrap {display: none} .hideLesegeraet .lehrling .lesegeraet + br {display: none} .hideLesegeraet #warenkorbHtml .lesegeraet {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Slider */ .slider, .master-slider-parent {position: relative; top: -65px; top: -50px; margin-bottom: -65px; z-index: 13; padding: 0} .ms-slide-info {margin: 0; color: rgb(104,106,103) !important; position: relative !important} .ms-slide-info * {color: rgb(0,156,222) !important} .ms-slide-info .part1 {padding: 8%} .ms-slide-info .part1 p {margin-bottom: 0em} .ms-slide-info .part2 {position: absolute; top: calc(-55px + 10px); background-color: rgba(77,116,143,.8); left: 0; right: 0; height: 55px} .ms-slide-info .part2 p {color: white !important; font-weight: bold; font-size: 1.1em; padding: 15px 8%} .ms-slide-info .part2 p br {display: none !important} .ms-slide-info .button {width: auto !important; height: auto !important; display: inline-block; border: none; position: relative; background-color: rgb(0,156,222); font-size: 1em;} .ms-slide-info .button .fa {color: transparent !important; margin-left: .2em; font-size: 1.5em !important} .ms-slide-info .button .fa:before {color: rgb(0,156,222) !important} .ms-slide-info .button {display: inline-block !important; width: auto !important; height: auto !important; background: none; border: none; padding-left: 42px; position: relative; margin-top: 1.2em; font-size: 14px; line-height: 16px} .ms-slide-info .button .fa {font-size: 30px; position: absolute; top: 50%; margin-top: -7px; left: 3px; transition: left 1s; color: transparent} .ms-slide-info .button .fa:before {color: white} .ms-slide-info .button:hover .fa {left: 14px} .ms-bullets {display: none} .ms-bullets.ms-dir-h {z-index: 1000; left: calc(8% - 5px) !important; bottom: 70px !important} .ms-bullets.ms-dir-h .ms-bullets-count {left: 0%; right: auto !important} .ms-skin-default .ms-bullets .ms-bullet {background-image: none; background-color: white; width: 24px; height: 24px; border-radius: 12px} .ms-skin-default .ms-bullets .ms-bullet:before {width: 20px; height: 20px; background-color: rgb(144,159,177); border-radius: 10px; content: ''; display: block; position: relative; top: 2px; left: 2px} .ms-skin-default .ms-bullets .ms-bullet-selected:before {background-color: rgb(0,156,222)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Breadcrumb */ .breadcrumb {clear: both; color: rgb(0,156,222)} .breadcrumb * {color: white; font-size: 12px; line-height: 18px} .breadcrumb .fa {} /*.breadcrumb span:last-child {display: none}*/ .breadcrumb a {text-decoration: none !important} .breadcrumb a:hover {text-decoration: underline !important} .breadcrumb .breadcrumb_last {display: none} .category .breadcrumb span span span:last-child {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Kommentare */ .comments {border-top: 1px solid rgb(0,156,222); padding-top: 1em; margin-top: 2em} .comments__title {margin-bottom: 1em} .comments__reply-title {margin-bottom: 1em} .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: normal} .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 .comment-list .children {list-style: none; margin: 0 0 0 15px} .comments .comment-respond {} .comments .comment-respond {margin-top: 24px} .comments .comment-respond h3 {margin-top: 0; margin-bottom: 24px} .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} .comments .comment-form input[type="text"], .comments .comment-form input[type="email"], .comments .comment-form input[type="url"] {width: 100%} .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: 12px; 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} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Postnavigation */ .post-navigation {margin-bottom: 1em; padding-top: 2em} .post-navigation a {text-decoration: none; color: rgb(0,156,222); text-decoration: none} .post-navigation .post-navigation__link {text-decoration: none; color: rgb(0,156,222); text-decoration: none} .post-navigation .post-navigation__link:hover {text-decoration: underline} .post-navigation .post-navigation__link--next {float: right} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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 {} .pagination a {text-decoration: none;} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* PLUGINS */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sitemap */ .wsp-pages-title {display: none} .wsp-pages-list > li {list-style: none; list-style-image: none !important; padding-left: 0 !important; margin-top: 20px} .wsp-pages-list > li > a {font-weight: 600} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Toggle */ .toggle-button {cursor: pointer; background: url(images/Icons.png) no-repeat right -230px} .toggle-button.active {background-position: right -330px} .toggle-button:hover {color: black} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* ShiftNav */ .shiftnav-toggle {position: relative; float: left; z-index: 100; color: rgb(0,156,222); text-decoration: none; top: -10px} .shiftnav-toggle, .shiftnav-toggle:hover {color: rgb(0,156,222); text-decoration: none} .shiftnav-toggle__text {font-size: 10px; line-height: 9px; position: relative; top: -13px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* 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-list .tribe-events-loop .tribe-event-featured {background-color: transparent !important} body.single-tribe_events .tribe-events-cal-links a.tribe-events-gcal, body.single-tribe_events .tribe-events-cal-links a.tribe-events-ical {display: none !important} .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-list-event-title {border-top: 1px solid rgb(0,156,222); margin-bottom: 0; padding: 0.5em 0 0 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Document Gallery */ .document-gallery {margin-bottom: 3rem} .document-gallery .document-icon {width: 48% !important; margin-bottom: 1em} .document-gallery a {text-decoration: none} @media only screen and (min-width: 400px) { .document-gallery .document-icon {width: 31% !important} } @media only screen and (min-width: 560px) { .document-gallery .document-icon {width: 24% !important} } @media only screen and (min-width: 768px) { .document-gallery .document-icon {width: 15% !important} } .document-gallery .document-icon-row {display: inline !important} .document-gallery img {width: 98% !important; border: 1px solid rgb(229,232,236) !important} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* 380 */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 380px) { .content--main__article__main > .grid__col--span3of12 .sidebar .widget {float: left; margin: 1% 0 3.2% 3.2%; width: 48.4%} .content--main__article__main > .grid__col--span3of12 .sidebar .widget:nth-child(2n+1) {clear: both; margin-left: 0} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* 480 */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 480px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Column Setup */ .grid__col {margin: 1% 0 1% 1.6%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Grid of eight (as grid of four) */ .grid__col--span8of8 {width: 100%; margin-left: 0} .grid__col--span7of8 {width: 100%; margin-left: 0} .grid__col--span6of8 {width: 100%; margin-left: 0} .grid__col--span5of8 {width: 100%; margin-left: 0} .grid__col--span4of8 {width: 100%; margin-left: 0} .grid__col--span3of8 {width: 48.4%; margin: 1% 0 1% 3.2%} .grid__col--span2of8 {width: 48.4%; margin: 1% 0 1% 3.2%} .grid__col--span1of8 {width: 22.6%; margin: 1% 0 1% 3.2%} .grid__col--span1of8:nth-child(4n+1) {clear: both; margin-left: 0} .grid__col--span2of8:nth-child(2n+1) {clear: both; margin-left: 0} .grid__col--span3of8:nth-child(2n+1) {clear: both; margin-left: 0} .grid__col--span4of8:nth-child(2n+1) {clear: both; margin-left: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Grid of twelfe (as grid of four) */ .grid__col--span12of12 {width: 100%; margin-left: 0} .grid__col--span11of12 {width: 100%; margin-left: 0} .grid__col--span10of12 {width: 100%; margin-left: 0} .grid__col--span9of12 {width: 100%; margin-left: 0} .grid__col--span8of12 {width: 100%; margin-left: 0} .grid__col--span7of12 {width: 100%; margin-left: 0} .grid__col--span6of12 {width: 100%; margin-left: 0} .grid__col--span5of12 {width: 48.2%; margin: 1% 0 1% 3.2%} .grid__col--span4of12 {width: 48.4%; margin: 1% 0 1% 3.2%} .grid__col--span3of12 {width: 48.4%; margin: 1% 0 1% 3.2%} .grid__col--span2of12 {width: 48.4%; margin: 1% 0 1% 3.2%} .grid__col--span1of12 {width: 22.6%; margin: 1% 0 1% 3.2%} .grid__col--span1of12:nth-child(4n+1) {clear: both; margin-left: 0} .grid__col--span2of12:nth-child(2n+1) {clear: both; margin-left: 0} .grid__col--span3of12:nth-child(2n+1) {clear: both; margin-left: 0} .grid__col--span4of12:nth-child(2n+1) {clear: both; margin-left: 0} .grid__col--span5of12:nth-child(2n+1) {clear: both; margin-left: 0} .content--main__article__header .grid__col--span3of12:nth-child(2n+1) {clear: none} .content--main__article__main > .grid__col--span3of12 {width: 100%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* WordPress Gallery */ .gallery-item {float: left} .gallery-columns-4 > .gallery-item , .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: 22.6%; margin: 1% 0 1% 1.6%} .gallery-columns-4 .gallery-item:nth-child(3n+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: 1.6%} .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(4n+1), .gallery-columns-6 .gallery-item:nth-child(4n+1), .gallery-columns-7 .gallery-item:nth-child(4n+1), .gallery-columns-8 .gallery-item:nth-child(4n+1), .gallery-columns-9 .gallery-item:nth-child(4n+1) {clear: both; margin-left: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .content--header {padding: 22px 4% 22px 4%} .content--main__article__header {padding: 0 4%} .content--main__article__main {padding: 2em 4% 0 4%} .home .content--main__article__main {padding-top: 1em} .home .content--main__article__header .grid__col--span3of12 {width: 100%; margin: 0; padding: 0} .content--footer__main {padding-left: 4%; padding-right: 4%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Slider */ .ms-slide-info .part1 {padding: 4%} .ms-slide-info .part1 h2 {margin-bottom: 0.25em; font-weight: 700} .ms-slide-info .part1 p {font-size: 1.0em; font-weight: 300} .ms-slide-info .part1 p br {display: none} .ms-slide-info .part2 {top: calc(-100px + 10px); height: 100px} .ms-slide-info .part2 p {padding: 15px 4% 25px 4%; font-size: 1.4em} .ms-slide-info .part2 p br {display: inline !important} .ms-bullets {display: block} .ms-bullets.ms-dir-h {left: calc(4% - 5px) !important; right: auto !important; bottom: 30px !important;} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Quote */ blockquote, q {font-size: 38px; line-height: 55px} blockquote cite {font-size: 14px; line-height: 24px} .call-to-action-app .image {width: 30%; float: left} .call-to-action-app .text {width: 70%; float: left} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* 768 */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 768px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Grid Setup */ .grid__col--placeholder {display: block} /* Column Setup */ .grid__col {margin: 1% 0 1% 1.6%} /* Grid of eight */ .grid__col--span8of8 {width: 100%} .grid__col--span7of8 {width: 87.3%} .grid__col--span6of8 {width: 74.6%} .grid__col--span5of8 {width: 61.9%} .grid__col--span4of8 {width: 49.2%} .grid__col--span3of8 {width: 36.5%} .grid__col--span2of8 {width: 23.8%} .grid__col--span1of8 {width: 11.1%} /* Grid of twelve */ .grid__col--span12of12 {width: 100%} .grid__col--span11of12 {width: 91.53%} .grid__col--span10of12 {width: 83.06%} .grid__col--span9of12 {width: 74.6%} .grid__col--span8of12 {width: 66.13%} .grid__col--span7of12 {width: 57.66%} .grid__col--span6of12 {width: 49.2%} .grid__col--span5of12 {width: 40.73%} .grid__col--span4of12 {width: 32.26%; margin-left: 1.6%} .grid__col--span3of12 {width: 23.8%; margin-left: 1.6%} .grid__col--span2of12 {width: 15.33%} .grid__col--span1of12 {width: 6.86%} .grid__col--span1of12:nth-child(12n+1) {clear: both; margin-left: 0} .grid__col--span2of12:nth-child(6n+1) {clear: both; margin-left: 0} .grid__col--span3of12:nth-child(2n+1) {clear: none; margin-left: 1.6%} .grid__col--span4of12:nth-child(2n+1) {clear: none; margin-left: 1.6%} .grid__col--span4of12:nth-child(3n+1) {clear: both; margin-left: 0%} .grid__col--span6of12:nth-child(1n+1) {clear: none; margin-left: 0%} /* Ausgleich: Kopfzeile und Inhalt (Total = 96.79%) */ .content--main__article__main > .grid__col--span8of12 {width: 69.13%} .content--main__article__main > .grid__col--span1of12 {width: 5.86%} .content--main__article__main > .grid__col--span3of12 {width: 21.8%} /* Ausgleich: Kopfzeile und Inhalt (Total = 96.79%) */ .sidebar--footer .widget {float: left; margin: 0 9.1% 0 0; width: 65%} .sidebar--footer .widget:last-child {width: 23.5%; margin-right: 0; float: right} /* Reset Randspalte */ .content--main__article__main .grid__col--span3of12 .sidebar .widget {float: left; margin: 0; width: auto} .content--main__article__main .grid__col--span3of12 .sidebar .widget:nth-child(2n+1) {margin-left: 0} .content--main__article__main .grid__col--span3of12 .sidebar .widget:nth-child(3n+1) {clear: none; margin-left: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Form */ button, .button, input[type="button"], input[type="reset"], input[type="submit"], /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .sidebar--header .button, .home .sidebar--header .button, .highlight, .home .highlight {font-size: 15px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* HTML Elements */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ html, body {font-size: 16px; line-height: 26px;} h1, .h1, .home h2 {font-size: 2rem; line-height: 2.143rem} /* 32px/34 px */ h2, h3 {font-size: 1rem; line-height: 1.714rem} /* 16px/24px */ /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .content--main__article__header > div {position: relative} .content--main__article__header .grid__col--span8of12, .content--main__article__header .grid__col--span3of12 {margin-bottom: 10px; z-index: 16; position: relative} .content--main__article__header__title {} .content--main__article__header__lead {margin-bottom: 1em} .home .content--main__article__header .grid__col--span3of12 {width: 23.8%; margin: 1% 0 1% 1.6%} .content--footer__main > div {position: relative} .content--footer .copyright {} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .sidebar--header, .home .sidebar--header {display: block; position: static; padding: 0; border: none; width: 100%; margin-top: 1.5em; margin-bottom: 2.5em} .sidebar--header * {color: white} .sidebar--header .widget {margin-bottom: 1.5em} .sidebar--header .widget_search, .home .sidebar--header .widget_search {position: relative; top: -10px; margin-bottom: 58px} .home .sidebar--header .widget_search {margin-bottom: 32px} .sidebar--header .widget_search .searchform__input {font-size: 12px} .sidebar--header .widget__title, .home .sidebar--header .widget__title {margin-bottom: 0.5em; padding-left: 8px; color: white} .sidebar--header .widget:first-child, .sidebar--header .widget:first-child+.widget {display: block} .home .sidebar--header .widget + .widget {width: 100%; margin: 0 0 1.5em 0} .home .sidebar--header .widget + .widget + .widget {margin-left: 0%; margin-top: 0} .home .sidebar--header .widget + .widget + .widget .widget__title {margin-bottom: 0.5em} .sidebar--header .button, .home .sidebar--header .button {font-size: 11px} .content--main__article__main .grid__col--span3of12 .sidebar .widget {width: 100%} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .single .menu--main .menu-item-27 a, .search .menu--main .current_page_parent > a {background-color: rgb(0,156,222); color: rgb(104,106,103)} .search .menu--main .current_page_parent > a:hover {background-color: rgb(144,159,177); color: white} .archive .menu--main .menu-item-27 a {background-color: rgb(144,159,177); color: white} .menu--sub {margin-top: 14px; margin-bottom: 5em; padding-left: 50px; padding-top: 17px} .menu--sub {font-size: 14px; line-height: 18px; font-weight: 600; border-top: 3px solid rgb(0,156,222); padding: 4px 0; margin-bottom: 0} .menu--sub ul {float: none; border-top: 1px solid rgb(0,156,222); list-style: none; float: left; padding-left: 0} .menu--sub li {float: none} .menu--sub li a {text-decoration: none; display: block; width: 100%; border-bottom: 1px solid rgb(0,156,222); font-size: 14px; line-height: 18px; color: rgb(0,156,222); padding: 4px 0} .menu--sub li a:hover, .menu--sub .current_page_item > a, .menu--sub .current_page_ancestor > a {color: rgb(144,159,177)} .search-no-results .menu--sub h2, .error404 .menu--sub h2 {display: none} .search-no-results .menu--sub .children, .error404 .menu--sub .children {margin: 0; border: 0} .search-no-results .menu--sub .children li, .error404 .menu--sub .children li {padding-left: 1em} .highlight, .home .highlight {background-color: white; border: 1px solid rgb(89,191,232); color: rgb(0,156,222); display: block; border-radius: 4px; height: 31px; padding: 0 7px; line-height: 31px; font-size: 11px; margin-bottom: 4px} .highlight strong {color: inherit} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .teaserset__title {font-size: 22px !important} .teaserset__archivlink {position: absolute; bottom: auto; top: 34px; right: 4%; margin-right: 0} .teaserset--frontpage .teaserset__teaser.nr3 .post, .teaserset--frontpage .teaserset__teaser.nr4 .post {margin-top: 55px} .gototop {margin-bottom: 0} .esg-overflowtrick {} #esg-grid-1-1 {padding-top: 2rem !important} .eg-netzwerklogos-wrapper {cursor: pointer !important} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* Desktop-Navigation */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 940px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Layout */ .home #main {padding-top: 4em} .content--header {padding: 0 2% 0 2%} .home .content--header {padding-bottom: 0%} .content--main__article__header {padding: 0 2%} .content--main__article__main {padding: 2em 2% 2% 2%} .content--footer__main {padding-left: 2%; padding-right: 2%} /* Total = 96.79*/ .content--main__article__main > .grid__col--span8of12 {width: 69.13%} .content--main__article__main > .grid__col--span1of12 {width: 5.86%} .preheader {display: block; position: relative; z-index: 30; height: 50px; background-color: rgb(229,232,236)} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Logo (site-title) */ .site-title {margin-top: 55px; margin-bottom: 77px} .site-title__zusatz {display: block} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Navigation */ .menu--main ul li a, .menu--main ul li span {font-size: 14px !important} .menu--meta {margin: 12px 0 0 0; position: relative; width: 100%} .menu--meta ul {margin: 0} .menu--meta li {font-size: 14px; line-height: 16px} .menu--meta li:after {content: "I"; font-size: 12px; position: absolute; top: 0; font-weight: 300; color: rgb(144,159,177)} .menu--meta li:after:last-child {content: ""} .menu--meta li.small {font-size: 12px} .menu--meta a {margin: 0 10px; display: block; color: rgb(144,159,177)} .menu .menu--meta__language-switcher {float: right; position: relative; top: -2px} .menu .menu--meta__language-switcher li:after {font-size: 16px; font-weight: 300} .menu .menu--meta__language-switcher li:first-child:after {content: ''} .menu .menu--meta__language-switcher a {text-transform: uppercase; font-size: 16px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* ShiftNav */ .shiftnav-toggle {display: none} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Slider */ .slider, .master-slider-parent {top: -23px} .ms-bullets.ms-dir-h {left: calc(2% - 5px) !important} .ms-slide-info {position: absolute !important; top: 0; bottom: 0 !important} .ms-slide-info .ms-info {position: absolute !important; top: 0; bottom: 0 !important; width: 100%} .ms-slide-info .button {margin-top: 0.2em !important} .ms-slide-info .part1 {padding: 2%; width: 34%; margin-top: 80px} .ms-slide-info .part1 p br {display: inline} .ms-slide-info .part2 {position: absolute; top: auto; bottom: 0; height: 160px} .ms-slide-info .part2 p {padding: 1% 2%; font-size: 2em; width: 30%; line-height: 1.25em} .ms-slide-info .part2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d748f+0,4d748f+76&0.8+59,0+60,0+75,0.8+76 */ / * IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNzQ4ZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTkuOSUiIHN0b3AtY29sb3I9IiM0ZDc0OGYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzRkNzQ4ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1LjklIiBzdG9wLWNvbG9yPSIjNGQ3NDhmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjNGQ3NDhmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(77,116,143,0.8) 0%, rgba(77,116,143,0.8) 59.9%, rgba(77,116,143,0) 60%, rgba(77,116,143,0) 75.9%, rgba(77,116,143,0.8) 76%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(77,116,143,0.8) 0%,rgba(77,116,143,0.8) 59.9%,rgba(77,116,143,0) 60%,rgba(77,116,143,0) 75.9%,rgba(77,116,143,0.8) 76%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(77,116,143,0.8) 0%,rgba(77,116,143,0.8) 59.9%,rgba(77,116,143,0) 60%,rgba(77,116,143,0) 75.9%,rgba(77,116,143,0.8) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4d748f', endColorstr='#cc4d748f',GradientType=1 ); /* IE6-8 */} .sidebar--header {margin-top: 20px} .sidebar--header .widget_search {position: absolute; top: -90px; z-index: 9; margin-bottom: 0} .home .sidebar--header .widget_search {left: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .teaserset__title {font-size: 34px !important} .teaserset__archivlink {top: 40px; right: 2%} .teaserset--frontpage .teaserset__teaser.nr3 .post, .teaserset--frontpage .teaserset__teaser.nr4 .post {margin-top: 63px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* wpcf7 */ .wpcf7-form p {min-height: 2em} .wpcf7-form label, .wpcf7-form .label {float: left; width: 27%; margin-bottom: 1em} .wpcf7-form .wpcf7-radio label, .wpcf7-form .wpcf7-checkbox label {margin-bottom: 0} .wpcf7-form .wpcf7-radio .last label, .wpcf7-form .wpcf7-checkbox .last label {margin-bottom: 1em} .wpcf7-form .wpcf7-list-item label {width: 100%} .wpcf7-form-control-wrap:not(.agb):not(.opt-in) {display: inline-block; float: left; width: calc(100% - 27% - 30px)} .wpcf7-form input[type='submit'] {margin-left: 30%; clear: both; float: left} .wpcf7-form .wpcf7-not-valid-tip {padding-bottom: 1em; float: left; clear: both} .wpcf7-form .ajax-loader {} .wpcf7-form .wpcf7-response-output {clear: both; display: block; margin: 0 !important} .wpcf7-form-control-wrap {clear: none; display: inline} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* BIG // IPAD LANDSCAPE */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1000px) { .menu--main ul li a, .menu--main ul li span {font-size: 16px !important} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* iPad Landscape /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.searchform {width: 192px}} /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* Fix-Width (Header and Footer) /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1025px) { /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Headers */ h1, .h1, .home h2 {font-size: 2.249rem; line-height: 2.857rem} /* 24px/30 px */ .content--header, .content--footer__main > div, .content--main__article__header > div, .content--main__article__main, .menu--footer {width: 984px; padding: 0; margin-left: auto; margin-right: auto} .content--main__article__main {padding: 2em 0 42px 0} .home .content--main__article__main {padding: 1em 0 42px 0} /* Ausgleich: Kopfzeile und Inhalt (Total = 96.79%) */ .content--main__article__main > .grid__col--span8of12 {width: 67.13%} .content--main__article__main > .grid__col--span1of12 {width: 5.86%} .content--main__article__main > .grid__col--span3of12 {width: 23.8%} .content--main__article__header {padding: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Form */ button, .button, input[type="button"], input[type="reset"], input[type="submit"], /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .content--main__article__header .grid__col--span3of12 {position: relative} .sidebar--header .widget_search {position: absolute; left: -747px; top: -117px} .sidebar--header .widget_search .searchform__input, .sidebar--header .button, .home .sidebar--header .button, .highlight, .home .highlight {font-size: 16px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* teaserset */ .teaserset__archivlink {right: 0} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Slider */ .ms-slide-info .ms-info {position: absolute !important; top: 0; bottom: 0 !important} .ms-slide-info .button {margin-top: 1.2em !important} .ms-slide-info .part1 {padding: 0; width: 370px !important; margin-left: auto; margin-right: auto; padding-right: 614px} .ms-slide-info .part1 h2 {font-size: 2.2em;} .ms-slide-info .part1 p {font-size: 18px; line-height: 27px} .ms-slide-info .part2 p {padding-left: 0; padding-right: 0; width: 384px !important; margin-left: auto; margin-right: auto; padding-right: 600px} .ms-bullets.ms-dir-h {left: calc(50% - 495px) !important} } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* BIG // DESKTOP */ /* ============================================================================================================================= */ /* ============================================================================================================================= */ @media only screen and (min-width: 1262px) { .container {} .content {} .content--main__article {} .content--main__article__header {padding: 0} .content--header, .content--main__article__header > div, .content--main__article__main, .content--footer__main > div, .menu--footer {width: 984px; margin-left: auto; margin-right: auto} .content--main__article__header > div header > * {padding-left: 0px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Form */ button, .button, input[type="button"], input[type="reset"], input[type="submit"], /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Sidebars */ .sidebar--header .widget_search .searchform__input, .sidebar--header .button, .home .sidebar--header .button, .highlight, .home .highlight {font-size: 16px} /* ----------------------------------------------------------------------------------------------------------------------------- */ /* Slider */ /* .ms-slide-info {margin-left: 2%} */ } /* ============================================================================================================================= */ /* ============================================================================================================================= */ /* 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(104,106,103) !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--footer, .shiftnav-toggle, .sidebar--primary, .post-navigation, .ms-container, .master-slider .ms-bullets, .slider-placeholder, .home .sidebar--header {display: none !important} #main{width: 100%} #head{min-height: auto} .site-title {max-width: 50%; float: right} .sidebar--header {width: 26.5%} .breadcrumb a {text-decoration: none} }