/* Theme Name: pactuell (Gutenberg ready) Theme URI: pactuell Description: UnderStrap Child Theme für pactuell Magazin (Stand 2023) Author: Die Magaziniker Author URI: https://magaziniker.de/ Template: understrap Version: 1.3.7a Text Domain: understrap-child */ @charset "UTF-8"; @font-face { font-family:"Formular W03 Light"; src:url("fonts/Formular/5273808/504b4575-9660-43c8-9953-dde8e076db24.woff2") format("woff2"),url("fonts/Formular/5273808/daa7b2e9-b994-4f50-9cd1-09e95eb8f165.woff") format("woff"); } @font-face{ font-family:"Formular W03 Bold"; src:url("fonts/Formular/5274694/cc1aafaa-47eb-4af9-9b3b-777dfeb24cc3.woff2") format("woff2"),url("fonts/Formular/5274694/4553b571-d7bd-4011-9b3b-ac221debc56e.woff") format("woff"); } /* wordpress 6.3 inline css */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #FFF;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #0073a8;--wp--preset--color--secondary: #005075;--wp--preset--color--dark-gray: #111;--wp--preset--color--light-gray: #767676;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 19.5px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36.5px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 22px;--wp--preset--font-size--huge: 49.5px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} /* this is for explorers need in navigation */ .dropdown { position: static; } body { --viewportWidth: calc(100vw - var(--scrollbarWidth)); } /* var(--viewportWidth, 100vw); */ body { color: #1a1a1a; font: 300 0.833333rem/1.5 'Formular W03 Light',sans-serif; font-size: 14px; line-height: 1.5; -ms-word-wrap: break-all; word-wrap: break-word; font-weight:300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1 { font-weight: 300; font-size: 3.3rem; color: #000; } h2, h5 { font-family: "Formular W03 Bold", sans-serif; font-weight: 400; letter-spacing: -0.1px } h3 { font-size: 2rem; } h5 { font-size: 1.214rem; line-height: 1.3; } .clearer { clear: both; max-width: 100%; } .entry-footer a, .entry-content a:not(.wp-block-button__link, .wp-element-button, .like_rmButton), .search header a { color: inherit; text-decoration: none; border-bottom: 1px dotted #006FB9; } .entry-footer a:hover, .entry-content a:hover { color: #006FB9; } .search header a:hover { color: #006FB9; } #page-wrapper, #search-wrapper { min-height: calc(100vh - 72px - 172px); } a:focus, button, button:focus { outline: none; } a { color: #006FB9; } .pctll-container .alignfull, .pctll-container .alignwide { margin-left: calc(((var(--viewportWidth, 100vw) - 30px - 100%) / -2) ); margin-right: calc(((var(--viewportWidth, 100vw) - 30px - 100%) / -2) ); } @media (min-width: 1010px) { .pctll-container .alignwide { margin-left: calc(((980px - 100%) / -2) ); margin-right: calc(((980px - 100%) / -2) ); max-width: 980px; } } @media (min-width: 1120px) { .pctll-container .alignfull { margin-left: calc(((var(--viewportWidth, 100vw) - 120px - 100%) / -2) ); margin-right: calc(((var(--viewportWidth, 100vw) - 120px - 100%) / -2) ); } } @media (max-width: 1100px) { .article-content .alignwide, .wp-block-image figure.alignwide, .wp-block-image .alignleft.size-large, .wp-block-image .alignright.size-large { margin-left: auto; margin-right: auto; max-width: 100%; } } @media (max-width: 580px) { .wp-block-image .alignleft, .wp-block-image .alignright { float: none; margin-left: auto; margin-right: auto; } } /* ---------------------------------------------------------------------------------- */ /* header */ .navbar { background: #fff; } #page { padding: 172px 60px 0; } .navbar-smaller #page { padding-top: 65px; } .navbar-brand svg { height: 80px; width: auto; margin-right: 12px; vertical-align: bottom; transform: height; } .navbar-brand svg .pactuell-logo { fill: #006fb9; } .navbar-smaller .navbar-brand svg .pactuell-logo { fill: #fff; } .navbar-brand span { font-size: 5em; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; line-height: 0.8; display: inline-block; padding-bottom: 6px; } .uhlmann-logo { margin-top: 10px; } .uhlmann-logo > a > img { max-width: 160px; } .navbar > .pctll-container-fullwidth { display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; } .navbar-smaller .navbar > .pctll-container-fullwidth { align-items: baseline; } .site-tagline { color: #3a3a3a; font-weight: 300; font-size: 1.55em; padding-top: 38px; } body:not(.navbar-smaller) .site-tagline { animation-duration: 0.4s; animation-fill-mode: both; animation-name: flash; } .navbar, .navbar .pctll-container-fullwidth, .navbar-brand { padding: 0; } .navbar-brand { transform: scale(1); transform-origin: left bottom; } .navbar-brand, .site-tagline { transition: transform 0.1s ease-in-out; transform-origin: left top; } .navbar-smaller .navbar-brand, .navbar-smaller .site-tagline { transition: transform 0.2s ease-in-out; transform-origin: left top; } .navbar .pctll-container-fullwidth { height: 172px; padding-top: 45px; padding-left: 60px; } #navbar-right { position: absolute; right: 0px; top: 0px; text-align: right; padding: 10px 60px 0; } #navbar-right .meta-nav { display: flex; flex-flow: row nowrap; justify-content: flex-end; padding-top: 5px; } .navbar-smaller #navbar-right .meta-nav { padding-top: 10px; } .navbar-smaller .uhlmann-logo { display: none; } #navbar-right, #navbar-right a { color: #3a3a3a; text-transform: uppercase; font-size: 1.11em; } #navbar-right > div.navbar-right-links { padding-bottom: 7px; } #navbar-right a .fa, #navbar-right button .fa { color: #006fb9; margin-left: 0.25em; } #navbar-right a:hover, #navbar-right a:hover .fa, #navbar-right button:hover .fa { color: #333; } a.language-link + span { padding: 0.1em 4px; } .navbar-smaller #navbar-right a, .navbar-smaller #navbar-right button .fa, .navbar-smaller a.language-link + span { color: #fff; text-shadow: 0 0 1px #fff; } .navbar-smaller #navbar-right a:hover, .navbar-smaller #navbar-right a:hover .fa, .navbar-smaller #navbar-right button:hover .fa { color: #111; text-shadow: none; } a.language-link { padding: 0.1em 0.2em 0 0.1em; } #navbar-right a.abo-link { text-transform: none; font-family:Formular W03 Bold,sans-serif; margin-right: 20px; margin-top: -1px; } .navbar-smaller #navbar-right a.abo-link .fa { color: #fff; } .navbar-smaller #navbar-right a.abo-link:hover .fa { color: #111; text-shadow: none; } a.language-link-self { font-family: "Formular W03 Bold", sans-serif; padding-top: 0.05em } .search-toggler { background: none; border: none; cursor: pointer; font-size: 1.2em; line-height: 1em; padding-bottom: 10px; padding-left: 15px; padding-top: 0.15em; min-width: 2.4em; } .search-toggler:not(.collapsed) > .fa-search:before { content: "\f00d"; } #searchDropdown { position: absolute; right: 85px; background-color: #fff; top: 7px; } #searchform label, .search-toggler-text { display: none; } #searchform input#s { border-radius: 1px; border: 1px solid rgba(0,111,185,0.6); margin: 0 10px 15px 15px; padding: .15rem .5rem .1rem; color: #006FB9; background: #fff; min-width: 180px; line-height: 1.25rem; height: 1.65rem; margin-top: 0.5rem; font-size: 0.8rem; } body.pactuell #searchform input#s::placeholder, body.pactuell #searchform input[type="text"]#s::placeholder { color: rgba(77,77,79,0.5); } #searchform input.submit { background: #fff; color: #006FB9; border-radius: 1px; border: 1px solid rgba(0,111,185,0.6); padding: .15rem .5rem .1rem; margin: 0.5rem 10px 10px 0; cursor: pointer; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; } #searchform input.submit:hover { background-color: #006FB9; color: #fff; border-color: #fff; } .navbar-expand-md .navbar-collapse { width: 0; } .navbar-smaller .navbar-brand { transform: scale(0.5); } .navbar-smaller .navbar .pctll-container-fullwidth { height: 65px; padding-top: 14px; transition: height 0.2s ease-in-out; } .navbar-smaller .navbar { background: #006fb9; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } .navbar-smaller .site-tagline { transform: translate(-165px, -43px); color: #fff; font-size: 1.3em; text-shadow: 0 0 1px #fff; } @media all and (-ms-high-contrast:none) { .navbar-smaller .site-tagline { transform: translate(-155px, -50px); } } .navbar-smaller #navbar-right { flex-flow: row nowrap; justify-content: space-between; align-items: initial; animation-duration: 0.4s; animation-fill-mode: both; animation-name: flash; } @-webkit-keyframes flash { 0% { opacity: 0.1} 100% { opacity: 1 } } @keyframes flash { 0% { opacity: 0.1} 100% { opacity: 1 } } .navbar-smaller #searchDropdown { top: calc(65px); background-color: #006FB9; } .navbar-smaller .search-toggler { font-size: 1.05em; padding-top: 0.25em; min-width: 2.75em; } .wrapper { padding: 0; } /* ---------------------------------------------------------------------------------- */ /* .home */ #main > article.status-draft > .entry-header h1.entry-title:after, article.entry-preview.status-draft .entry-header h1.entry-title:after { content: '\f044'; font-family: FontAwesome; padding: 0.1em; font-size: 0.6em; width: 1.2em; height: 1.2em; display: inline-block; line-height: 1em; font-weight: 600; color: #FF7046; } #main > article.status-private > .entry-header h1.entry-title:after, article.entry-preview.status-private .entry-header h1.entry-title:after { content: '\f070'; font-family: FontAwesome; padding: 0.1em; font-size: 0.6em; width: 1.2em; height: 1.2em; display: inline-block; line-height: 1em; font-weight: 600; color: #FF7046; } /* ---------------------------------------------------------------------------------- */ /* magazine article teaser */ .home #main article a:hover, .search #main article a:hover, #related a:hover { text-decoration: none; } article.entry-preview { max-width: 810px; margin: 20px auto 10vh; } /*article.entry-preview.fullscreen-preview { margin-top: 0; margin-bottom: 100px; }*/ article.entry-preview a { display: flex; flex-flow: row; color: #000; cursor: pointer; } article.entry-preview .article-preview-image { min-width: 408px; height: 240px; background-repeat: no-repeat; background-size: cover; background-position-y: center; background-position-x: center; } article.entry-preview.headerImgBot .article-preview-image { background-position-y: bottom; } article.entry-preview.headerImgTop .article-preview-image { background-position-y: top; } article.entry-preview.teaser-img-square .article-preview-image { min-width: 375px; height: 375px; } article.entry-preview .article-preview-text { min-height: 160px; font-size: 1.0rem; line-height: 1.4; margin-left: 10px; } article.entry-preview .article-preview-text p { font-family: 'Formular W03 Bold'; color: #333; font-size: 1.05em; } article.entry-preview header h1 { padding: 0 10px 0 20px; font-size: 2em; line-height: 1.1em; } article.entry-preview header h1 .preheader { display: block; font-size: 0.60em; color: #006FB9; margin-bottom: 6px; letter-spacing: -0.1px; margin: -0.1em 0 0.3em; line-height: 1.2em; text-transform: uppercase; } article.entry-preview footer { padding: 0px 10px 0 20px; } article.entry-preview footer:before { content: ''; display: block; width: 90px; height: 7px; background: #006FB9; margin-top: 0.2em; margin-bottom: 1em; margin-left: 0; } /* ---------------------------------------------------------------------------------- */ /* single article */ #primary { margin: 0 auto; } .img-round { border-radius: 50%; } body.pactuell .hentry .entry-content .pctll-container:not(.no-square) > p:last-child::after, .pctll-square { content: ''; width: 0.6em; height: 0.6em; background: #006FB9; display: inline-block; margin-left: 0.3em; line-height: 1em; vertical-align: middle; } body.pactuell .hentry .entry-content .pctll-container ul:not(.slidesjs-pagination):not(.slick-dots) { list-style: none !important; /* Remove default bullets, even if element has inline styles */ padding-left: 1.4em; } body.pactuell .hentry .entry-content .pctll-container ul:not(.slidesjs-pagination):not(.slick-dots) li::before { content: '■'; color: #006FB9; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ font-size: 1.2em; line-height: 1.4; } body.pactuell .hentry .entry-content .pctll-container ol { padding-left: 1.5em; } body.pactuell .hentry .entry-content .pctll-container ol li { padding-bottom: 0.5em; } body.pactuell .hentry .entry-content .pctll-container ol.color-number { counter-reset: section; list-style-type: none; padding-left: 2em; } body.pactuell .hentry .entry-content .pctll-container ol.color-number li:before { background: #006FB9; display: inline-block; content: counters(section, " "); width: 1.4em; height: 1.4em; border-radius: 50%; margin-left: -1.95em; position: absolute; margin-top: -0.05em; counter-increment: section; color: #fff; font-family: "Formular W03 Bold", sans-serif; padding-left: 0.4em; } .single .header-image, .home .header-image { width: calc(100vw - 120px); height: calc(100vh - 172px - 8vh); background-size: cover; background-position: center center; } .single.headerImgTop .header-image, .home.headerImgTop .header-image { background-position-y: top; } .single.headerImgBot .header-image, .home.headerImgBot .header-image { background-position-y: bottom; } .single #main > article > .entry-header h1.entry-title { background: #fff; margin: -136px -26px 0; padding: 15px 26px; min-height: 90px; } #main > article > .entry-header h1.entry-title span.preheader { display: block; color: #006FB9; font-size: 0.35em; margin: 0.8em 0 1.2em; letter-spacing: 0.2px; text-transform: uppercase; } p.intro { font-family: "Formular W03 Bold", sans-serif; font-weight: 400; font-size: 1.5em; margin-bottom: 1em; } .blue-line, hr, .wp-block-seperator { display: block; width: 90px; height: 7px; background: #006FB9; margin-top: 0.2em; margin-bottom: 1em; margin-left: 0; border: 0; } body.pactuell .hentry .entry-content > .pctll-container > hr { margin-top: 2.2em; margin-bottom: 2.4em; } .single #main > article > .entry-header > .pctll-container { position: relative; } .single #main > article .entry-meta { position: absolute; top: 136px; right: calc((100vw - 700px) / -2); line-height: 1.3; font-size: 1.2em; padding-top: 0.5em; margin-bottom: 1.8em; width: 220px; padding-right: 40px; } .entry-meta strong, .entry-meta b, .article-date, .entry-content strong, .entry-content b, .page-header b, .page-header strong { font-family: "Formular W03 Bold", sans-serif; font-weight: 400; } .single .entry-meta p { margin-bottom: 0; line-height: 1.4; } .hentry .entry-content .pctll-container p, .hentry .entry-content .pctll-container h2, .hentry .entry-content .pctll-container h3, .hentry .entry-content .pctll-container h4, .hentry .entry-content .pctll-container h5, .hentry .entry-content .pctll-container h6 { max-width: 680px; } .hentry .entry-content .pctll-container h2, .hentry .entry-content .pctll-container h3, .hentry .entry-content .pctll-container h4, .hentry .entry-content .pctll-container h5, .hentry .entry-content .pctll-container h6 { margin-top: 1.2em; margin-bottom: 0.7em; } .hentry .pctll-container, .home .pctll-container { max-width: 680px; margin: 0 auto 20px; } .home #main > .pctll-container { margin: 0 auto 0; } .pctll-container-fullwidth { width: 100%; height: inherit; } .hentry.type-post .entry-content img.aligncenter { display: block; clear: both; } .hentry.type-post figure.alignleft.wp-caption, .hentry.type-post .entry-content img.alignleft, .wp-block-image .alignleft { margin: 0 0 20px calc(-1 * (980px - 680px - 60px) ); /* based on max-width 680px p */ max-width: 100vw; } .mgznkr-toggle .alignleft, .mgznkr-accordion .alignleft, .mgznkr-box .alignleft { margin-left: 0; } .hentry.type-post .entry-content img.alignleft.size-large { margin: 0 0 20px calc(-1 * (980px - 680px) ); /* based on max-width 680px p */ } .hentry.type-post figure.alignleft.wp-caption.portrait-150, .hentry.type-post .entry-content img.alignleft.portrait-150 { margin-left: calc(-1 * (980px - 680px - 150px) ); margin-top: -6px; } .hentry.type-post figure.alignleft.wp-caption, .wp-block-image .alignleft:not(.size-large), /*figure.alignleft.wp-caption img + .wp-caption-text,*/ .hentry.type-post .entry-content p img.alignleft:not(.size-large) { margin-right: 30px; margin-top: 5px; } .hentry.type-post figure.alignright.wp-caption, .hentry.type-post .entry-content img.alignright, .wp-block-image .alignright { margin: 0 calc(-1 * (980px - 680px - 60px) ) 20px 0; /* based on max-width 680px p */ max-width: 100vw; } .mgznkr-box .alignright, .mgznkr-toggle .alignright, .mgznkr-box .alignright { margin-right: 0; } .hentry.type-post .entry-content img.alignright.size-large { margin: 0 calc(-1 * (980px - 680px) ) 20px 0; /* based on max-width 680px p */ } .hentry.type-post figure.alignright.wp-caption img:not(.size-large), .hentry.type-post figure.alignright.wp-caption img:not(.size-large) + .wp-caption-text, .hentry.type-post .entry-content p img.alignright:not(.size-large), .wp-block-image .alignright:not(.size-large) { margin-left: 30px; margin-top: 5px; } figure.alignleft.wp-caption img + .wp-caption-text, figure.alignright.wp-caption img + .wp-caption-text, figure.aligncenter.wp-caption img + .wp-caption-text { margin-top: 5px; } .slides.slides-size-large, .hentry .entry-content img.size-large.aligncenter, .hentry .entry-content figure.aligncenter img.size-large, .hentry .entry-content figure.aligncenter img.size-large + .wp-caption-text, body.pactuell .hotspot-container { margin-left: calc(-1 * ( (980px - 680px) / 2) ); margin-right: calc(-1 * ( (980px - 680px) / 2) ); max-width: calc(980px); } body.pactuell .wp-block-group .hotspot-container { margin-left: unset; margin-right: unset; max-width: 100%; } .slides.slides-size-medium { width: 100%; } .hentry.type-post .entry-content p img.size-large.alignleft { max-width: calc(980px); } .hentry.type-post .entry-content p img.size-large.alignright { max-width: calc(980px); } figure.aligncenter.wp-caption, .wp-block-image .aligncenter figcaption { margin: 5px auto 20px; } .wp-block-image .aligncenter > figcaption { text-align: center; } figure.alignright.wp-caption img.size-large, figure.alignright.wp-caption img.size-large + .wp-caption-text { margin-left: 0; } .wp-caption-text, .wp-block-image figcaption { font-size: 0.825em; line-height: 1.4; margin-bottom: 0; } .slides.slides-size-full, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .alignfull, .header-image, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text, body.pactuell .make-hotspot-fullscreen > .hotspot-container, .section-comments { margin: 0 calc(-1 * 50vw + ( (680px + 60px + 60px) / 2) ); /* based on max-width 680px p */ width: calc(100vw - 120px); max-width: calc(100vw - 120px); } .hentry.type-post .entry-footer { margin-top: 20px; } .hentry.type-post .entry-footer .pctll-container { margin-bottom: 0; } #related { background: #EAF3F9; margin: 0 -60px; width: calc(100% + 120px); } #related > h5 { padding-top: 2em; text-align: center; padding-bottom: 2em; color: #33333c; font-size: 1.5em; } #related .related-wrapper { display: flex; flex-flow: row wrap; justify-content: center; } #related article.entry-preview { transform: scale(0.94); max-width: calc(50vw - 60px - 60px); margin-right: 20px; margin-left: 20px; margin-bottom: 5vh; } #related article.entry-preview.teaser-img-square { margin-top: -15px; } #related article.entry-preview .article-preview-image { min-width: calc(0.5 * 40.8vw); height: calc(0.5 * 24vw); max-width: 408px; max-height: 240px; } #related article.entry-preview.teaser-img-square .article-preview-image { min-width: calc(0.5 * 37.5vw); min-height: calc(0.5 * 37.5vw); max-width: 375px; max-height: 375px; } @media all and (-ms-high-contrast:none) { #related article.entry-preview p { max-width: 400px; } } .search #main > .pctll-container > header { margin-top: 4vh; margin-bottom: 100px; display: block; background: #fff; border: 10px solid #95c2e1; padding: 15px 30px; } .search #main > .pctll-container > header h1, .search #main > .pctll-container > header p { padding: 20px 20px 10px; } .search #main > .pctll-container > header h1 span:before { content: '“'; } .search #main > .pctll-container > header h1 span:after { content: '”'; } .search.lang-de #main > .pctll-container > header h1 span:before { content: '„'; } .search.lang-de #main > .pctll-container > header h1 span:after { content: '“'; } .search #main > .pctll-container > header p { font-size: 1.2em; } .search #main > .pctll-container #searchform { max-width: 360px; margin-top: -20px; margin-left: 5px; } .search #main > .pctll-container #searchform input#s { font-size: 1.2rem; } .search #main > .pctll-container > header:before { margin-right: -38px; } .search #main > .pctll-container > header:after { margin-top: 18px; margin-left: -38px; } body.pactuell .hentry .entry-content blockquote { width: 980px; margin: 40px calc(-1 * ( (980px - 680px) / 2) ) 60px; font-size: 1.75em; line-height: 1.25; text-align: center; } body.pactuell .hentry .entry-content .wp-block-group blockquote, body.pactuell .hentry .entry-content .wp-block-column blockquote { width: 100%; margin-left: auto; margin-right: auto; } body.pactuell .hentry .entry-content blockquote p { max-width: 100%; } body.pactuell .hentry .entry-content blockquote:not(.no-quotes) > p:first-child::before, body.pactuell .hentry .entry-content blockquote:not(.no-quotes) > p:nth-last-child(2)::after, body.pactuell .hentry .entry-content blockquote:not(.no-quotes).no-cite > p:nth-last-child(1)::after, body.pactuell .hentry .entry-content blockquote:not(.no-quotes).no-cite > p:nth-last-child(2)::after { content: ''; background: url('img/doppelpfeil.svg') no-repeat; background-size: contain; display: inline-block; width: 0.7em; height: 0.6em; margin-right: 0.2em; } body.pactuell .hentry .entry-content blockquote > p:first-child::before { } body.pactuell .hentry .entry-content blockquote > p:nth-last-child(2)::after, body.pactuell .hentry .entry-content blockquote.no-cite > p:nth-last-child(1)::after { transform: rotate(180deg) translateY(-1px); margin-left: 0.1em; margin-bottom: 0.1em; margin-right: -0.1em!important; } body.pactuell .hentry .entry-content blockquote.no-cite > p:nth-last-child(2)::after { background: none!important; } body.pactuell .hentry .entry-content blockquote cite { display: inline-block; font-size: 0.5em; line-height: 1.25; color: #fff; background: #006FB9; font-style: normal; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; margin-top: 10px; margin-bottom: 10px; padding: 8px 16px 6px; } body.pactuell .hentry .entry-content blockquote.fact-quote { width: auto; margin: 0 auto 0; padding: 0; font-size: 0.982em; } body.pactuell .hentry .entry-content blockquote.fact-quote strong { font-size: 1.8em; } blockquote.fact-quote big .fa { font-size: 1.2em; } body.pactuell .entry-content .wpcmsdev-box { margin: 40px 0 40px; background: #fff; border: 10px solid #95c2e1; font-size: 0.982em; line-height: 1.6; } body.pactuell .hentry .entry-content .wpcmsdev-box .box-content p:empty { margin: 0; } body.pactuell.page-template-homepage .entry-content { margin-top: 2em; margin-left: auto; margin-right: auto; width: 100%; } .hentry .entry-content .pctll-container .wpcmsdev-box .box-content > p:first-child + h2, .hentry .entry-content .pctll-container .wpcmsdev-box .box-content > p:first-child + h3, .hentry .entry-content .pctll-container .wpcmsdev-box .box-content > p:first-child + h4 { margin-top: 0 !important; } .img-clear-both { clear: both; } body.pactuell .hentry .entry-content .box-right { max-width: 360px; float: right; padding-left: 40px; } body.pactuell .hentry .entry-content .box-left { max-width: 360px; float: left; padding-right: 40px; margin-left: -120px } body.pactuell .hentry .entry-content .box-right .wpcmsdev-box, body.pactuell .hentry .entry-content .box-left .wpcmsdev-box { margin-top: 0; margin-bottom: 0; } body.pactuell .hentry .entry-content .wpcmsdev-box h3, .mgznkr-box h3 { font-size: 1.2em; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; } body.pactuell .hentry .entry-content .wpcmsdev-box h2, .mgznkr-box h2 { font-size: 1.5em } .hentry .entry-content .wpcmsdev-box > h3 { display: none; } .hentry.type-post .entry-content .pctll-box-right.alignright, .mgznkr-box.mgznkr-box-right { margin: 0 calc(-1 * (980px - 680px) ) 20px 30px; width: 360px; padding: 0 15px; } .mgznkr-box.mgznkr-box-right { float: right; } body.pactuell .hentry .entry-content .pctll-box-right > .wpcmsdev-box, .mgznkr-box.mgznkr-box-right { color: #fff; border: none; background: #006fb9; } body.pactuell .hentry .entry-content .pctll-box-right > .wpcmsdev-box .blue-line, body.pactuell .hentry .entry-content .pctll-box-right > .wpcmsdev-box hr, .mgznkr-box.mgznkr-box-right hr { background: #fff; } body.pactuell .hentry .entry-content .pctll-box-right > .wpcmsdev-box ul:not(.slidesjs-pagination) li::before, body.pactuell .hentry .entry-content .pctll-container .mgznkr-box-right ul:not(.slidesjs-pagination):not(.slick-dots) li::before { color: #fff; } .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text { padding-left: 14px; } .entry-content { font-size: 1.214em; line-height: 1.5; clear: both; } .page-template-default .entry-content { margin-bottom: 80px; } .initial { background: #fff none repeat scroll 0 0; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; font-size: 4.5em; line-height: 0.7em; float: left; padding-left: 5px; padding-right: 7px; padding-top: 10px; margin-right: 8px; margin-left: -5px; margin-top: 0; margin-bottom: -0.1em; } .article-nextprev { width: 100%; margin-top: 7em; } .article-nextprev a { color: #000; text-decoration: none; } .article-nextprev-link-prev { float:left; max-width: 45%; } .article-nextprev-link-next { float:right; text-align: right; max-width: 45%; } .article-nextprev .article-nextprev-link-head { font-size: 0.9em; letter-spacing: 0.2px; text-transform: uppercase; line-height: 1; font-weight: 300; } .article-nextprev span.pfeil, .pagination span.pfeil { font-size: 1.3em; color: #074969; } .article-nextprev .article-nextprev-link-title { font-family: "Formular W03 Bold", sans-serif; font-weight: 400; line-height: 1.1em; display: block; font-size: 1.2em; margin-top: 0.2em; } a.article-nextprev-link:hover { text-decoration: none; } a.article-nextprev-link:hover .article-nextprev-link-title, #main > .article-nextprev a.article-nextprev-link:hover { text-decoration: underline; } a.article-nextprev-link:hover .article-nextprev-link-head { color: #074969; } #wrapper-footer { background: #006fb9; color: #fff; padding-top: 15px; padding-left: 60px; padding-right: 60px; } #wrapper-footer img.heartbeat { width: 454px; } #wrapper-footer a { color: #fff; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; } #wrapper-footer a.mail-link { font-size: 1.2em; text-decoration: none!important; } #wrapper-footer a:hover.mail-link { color: #006FB9; } #wrapper-footer a.mail-link:before { content:'>>>'; padding-right: 7px; font-size: 1.1em; transition: padding 0.1s ease; } #wrapper-footer a:hover.mail-link:before { padding-right: 4px; padding-left: 3px; } #wrapper-footer a.imprint { text-transform: uppercase; padding: 0 5px; } #wrapper-footer .custom-html-widget, #wrapper-footer .footer-widget { display: flex; flex-flow: row; } #wrapper-footer .footer-left, #wrapper-footer .footer-center, #wrapper-footer .footer-right { width: 33.3%; } .footer-left img { max-width: 360px; margin-top: 10px; margin-bottom: -10px; } .footer-right { text-align: right; padding-right: 10px; margin-right: 60px; } .footer-center { text-align: center; margin-top: 20px; } #wrapper-footer .footer-right a { display: inline-block; border-radius: 1px; width: 32px; height: 32px; margin-left: 20px; background: #fff; color: #006FB9; text-align: center; padding-top: 1px; font-size: 24px; margin-top: 3px; opacity: 0.9; } #wrapper-footer .footer-right a:focus, #wrapper-footer .footer-right a:hover { opacity: 0.8; font-size: 23.2px; } #return-to-top { display: none; border-radius: 4%; width: 50px; height: 50px; position: fixed; bottom: 12px; right: 63px; background: rgba(255,255,255,0.5); padding: 20px 10px 10px; } #svg_arrow-up { stroke: #006FB9; stroke: #4d4d4f; opacity: 0.8; stroke-width: 1.3px; } #return-to-top:hover { background: rgba(255,255,255,0.8); } #return-to-top:hover #svg_arrow-up { stroke: #006FB9; stroke-width: 1.5px; margin-top: 1px; } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* slides js plugin style - no css in plugin folder */ /* Prevent the slideshow from flashing on load */ body.pactuell .slides:not(.mgznkr-img-slider) { display: none; margin-bottom: 20px; background: #fff; position: relative; max-width: 100%; } :root { /* Colors */ --slider-dot-color: white; --slider-dot-active: #006FB9; --slider-dot-border-color: #006FB9; --slider-dot-active-border-color: white; --slider-dot-size: 12px; --slider-dot-borderwidth: 1px; } .mgznkr-img-slider.slick-slider .slick-arrow { background-image: url('img/img-slider-arrow.svg'); } .mgznkr-img-slider.slick-slider .slick-arrow:hover { background-image: url('img/img-slider-arrow-hover.svg'); background-position:10px center; } /* Show active item in the pagination */ .slides .slidesjs-pagination .active { color:#006FB9; } .slides div p { padding: 7px 3px; font-size: 0.825em; line-height: 1.3em; background: #fff; margin-bottom: 0; max-width: 100% !important; } .slide-img-crop { overflow: hidden; } .slides .slidesjs-navigation { position: absolute; top: 0px; z-index: 0; width: 36px; height: 128px; text-align: center; background: none; fill: #FFF; } .slides .slidesjs-navigation svg { height: 64px; margin-top: 32px; -webkit-filter: drop-shadow( 0px 0px 3px rgba(33,33,33,0.7) ); filter: drop-shadow( 0px 0px 3px rgba(33,33,33,0.7) ); } .slides .slidesjs-navigation:hover { fill: #006FB9; background: rgba(255,255,255,0.3); } .slides .slidesjs-navigation:hover svg { -webkit-filter: drop-shadow( 0px 0px 0px #fff ); filter: drop-shadow( 0px 0px 0px #fff ); } .slides .slidesjs-navigation:active svg { fill: #333333; } .slides .slidesjs-previous { margin-top: 5px; left: 0px; } .slides .slidesjs-next { margin-top: 5px; right: 0px; } .slides ul.slidesjs-pagination { display: inline-block; width: auto!important; margin: 0; position: absolute; left: 50%; padding: 0px!important; list-style: none !important; z-index: 11; } .slides .slidesjs-pagination li { float: left; list-style: none !important; margin: 0 5px; } .slides .slidesjs-pagination li a { display: block; width: 11px; height: 11px; border: 1px solid #006FB9; border-radius: 10px; background: #fff; line-height: 40px; float: left; overflow: hidden; box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } .slides .slidesjs-pagination li a.active, .slides .slidesjs-pagination li a:hover.active { background: #006FB9; border-color: #006FB9; } .slides .slidesjs-pagination li a:hover.active, .slides .slidesjs-pagination li a:hover { background: #006FB9; } .slides a, .slides a:link, .slides a:visited { color: #333; outline: none; text-decoration: none; border: none; } .slides a:hover, .slides a:active { color: #006FB9; text-decoration: none; outline: none; border: none; } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* --------------------- plugin umfrage poll --------------------------------- */ /* .wp-polls { background: #dfecf3; padding: 40px 5vw 20px; text-align: center; margin-top: 30px; margin-bottom: 30px; padding-top: 20px; } .wp-polls .poll-container { margin: 0 auto; max-width: 680px; text-align: right; } .hentry .entry-content .pctll-container .wp-polls .poll-container p, .hentry .entry-content .pctll-container .wp-polls .poll-container h2, .hentry .entry-content .pctll-container .wp-polls .poll-container h3, .hentry .entry-content .pctll-container .wp-polls .poll-container h4, .hentry .entry-content .pctll-container .wp-polls .poll-container h5 { margin-top: 0; text-align: left; } .pctll-container .wp-polls-ul { margin-left: 0; } .pctll-container .wp-polls ul li, .pctll-container form .wp-polls-ans ul li { margin-bottom: 10px; display: flex; align-items: flex-start; line-height: 1.4em; margin-left: 0; } .pctll-container .wp-polls-ans ul li { display: block; margin-left: 1.5em; } .pctll-container .wp-polls-ans ul li label { display: inline-block; width: 100%; } .pctll-container .wp-polls ul li input[type="radio"], .pctll-container .wp-polls ul li input[type="checkbox"] { margin: 0.35em 0.6em 0.35em 0; font-size: 1em; float: left; } .pctll-container .wp-polls ul li label span, .pctll-container .wp-polls ul li label span { margin-left: 1.35em; display: block; } .pctll-container .wp-polls input[type="button"] { text-transform: uppercase; background: #006FB9; color: #fff; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; padding: 4px 12px; transition: color .2s, background .3s; margin-left: 1.4em; } .hentry .entry-content .pctll-container .wp-polls p.poll-submit { margin: 1.5em 0 2em; } .hentry .entry-content .pctll-container .wp-polls p.poll-back { margin: 1.4em; } .pctll-container .wp-polls input[type="button"]:hover { background: #BBDBE2; color: #006FB9; } .hentry .entry-content .pctll-container .wp-polls p.poll-submit span { padding-top: 5px; text-align: right; } .wp-polls .pollbar { display: block; margin: 1px; font-size: 8px; line-height: 14px; height: 14px; background: #006FB9; border: 1px solid #BBDBE2; } @media (max-width: 720px) { .wp-polls {width: 100vw; margin: 0 -15px 20px; padding-left: 15px; padding-right: 30px; padding-bottom: 10px; } .wp-polls .poll-container:before, .wp-polls .poll-container:after { display: none; } .pctll-container .wp-polls input[type="button"] { margin-left: 0; } } */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* --------------------- plugin rating--------------------------------- */ .pctll-rating .post-ratings img[src*='rating_off'] { width:0px; height:0px; padding: 0.75em; background: url('img/stars_pactuell/rating_off.png'); background-size: contain; background-repeat: no-repeat; } .pctll-rating .post-ratings img[src*='rating_on'] { width:0px; height:0px; padding: 0.75em; background: url('img/stars_pactuell/rating_on.png'); background-size: contain; background-repeat: no-repeat; } .pctll-rating .post-ratings img[src*='rating_half'] { width:0px; height:0px; padding: 0.75em; background: url('img/stars_pactuell/rating_half.png'); background-size: contain; background-repeat: no-repeat; } .pctll-rating .post-ratings img[src*='rating_over'] { width:0px; height:0px; padding: 0.75em; background: url('img/stars_pactuell/rating_over.png'); background-size: contain; background-repeat: no-repeat; } .pctll-rating { padding: 6em 0 1.25em; } .pctll-rating h5 { text-align: center; margin: 0 auto .75em; line-height: 1.35; } .pctll-rating .post-ratings { width: auto; padding: 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .pctll-rating .post-ratings-loading { text-align: center; height: auto; } .pctll-rating .post-ratings img { display: inline; width: 1.5em; margin: 0 0.15em; } .pctll-rating .post-ratings span { display: block; text-align: center; } .pctll-rating .post-ratings span + span { font-size: 0.75em; color: #000; margin-top: 8px; } .hentry.type-post .wpcmsdev-accordion figure.alignright.wp-caption, .hentry.type-post .entry-content .wpcmsdev-accordion img.alignright, .hentry.type-post .wpcmsdev-toggle figure.alignright.wp-caption, .hentry.type-post .entry-content .wpcmsdev-toggle img.alignright { margin-right:0; } .hentry.type-post .wpcmsdev-accordion figure.alignleft.wp-caption, .hentry.type-post .entry-content .wpcmsdev-accordion img.alignleft, .hentry.type-post .wpcmsdev-toggle figure.alignleft.wp-caption, .hentry.type-post .entry-content .wpcmsdev-toggle img.alignleft { margin-left:0; } body.pactuell .wpcmsdev-accordion, body.pactuell .wpcmsdev-toggle { border-radius: 0; } /* fight the empty p's */ .accordion-item + p, .wpcmsdev-accordion > p, .wpcmsdev-accordion + p:empty { display: none; } body.pactuell .wpcmsdev-accordion .accordion-item-title a, body.pactuell .wpcmsdev-toggle .toggle-title a, .mgznkr-toggle > div > h3 { font-family: "Formular W03 Bold", sans-serif; font-weight: 400; font-size: 1.2em; color: #006FB9; } body.pactuell .wpcmsdev-accordion .accordion-item-title a:active, body.pactuell .wpcmsdev-accordion .accordion-item-title a:focus, body.pactuell .wpcmsdev-accordion .accordion-item-title a:hover, body.pactuell .wpcmsdev-accordion .accordion-item.active .accordion-item-title, body.pactuell .wpcmsdev-accordion .accordion-item.active .accordion-item-title a, body.pactuell .wpcmsdev-toggle .toggle-title a:active, body.pactuell .wpcmsdev-toggle .toggle-title a:focus, body.pactuell .wpcmsdev-toggle .toggle-title a:hover, body.pactuell .wpcmsdev-toggle .toggle-title a.active { background: #fff; color: #000; } body.pactuell .wpcmsdev-accordion .accordion-item-title a, body.pactuell .wpcmsdev-toggle .toggle-title a, .mgznkr-toggle > div > h3 { background: none; padding-left: 1.2em; padding-right: 1.2em; } body.pactuell .wpcmsdev-toggle, body.pactuell .wpcmsdev-accordion { border: 10px solid #95c2e1; } body.pactuell .wpcmsdev-accordion { border-bottom: 0; } body.pactuell .wpcmsdev-accordion .accordion-item.active .accordion-item-title, body.pactuell .wpcmsdev-toggle .toggle-content { border: none; } body.pactuell .wpcmsdev-accordion .accordion-item-title, body.pactuell .wpcmsdev-accordion .accordion-item-content { border-bottom: 10px solid #95c2e1; } body.pactuell .wpcmsdev-accordion .accordion-item.active .accordion-item-title a:after, body.pactuell .wpcmsdev-toggle .toggle-title a.active:after { content: ''; display: block; width: 90px; height: 7px; background: #006FB9; margin-top: 1.2em; margin-bottom: -0.8em; margin-left: 0; } body.pactuell .wpcmsdev-toggle .toggle-title .fa, .wpcmsdev-accordion .accordion-item .accordion-item-title .fa { float: right; opacity: 1; font-size: 1.3em; margin-right: -0.2em; margin-top: -0.1em; } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ .video-container { position:relative; padding-bottom: 56.25%; /* changed 21-05-20 */ padding-top:0px; height:0; overflow:hidden; border: none; margin: 20px 0 30px; max-width: 100%; } @media (min-width: 980px) { .video-container.xxtra {padding-bottom:72%;} .video-container:not(.size-medium) { padding-bottom:calc(56.25% + ((980px - 680px) / 2) + 19px ); /* nearly 16:9 */ margin: 20px calc(-1 * ( (980px - 680px) / 2) ) 30px; max-width: calc(980px); } .wp-block-group .video-container:not(.size-medium) { padding-bottom: 56.25%; /* changed 21-05-20 */ margin: 20px 0 30px; max-width: 100%; } } @media (min-width: 1240px) { .home #main article.entry-preview:nth-child(odd), .search #main article.entry-preview:nth-child(odd) { transform: translateX(-80px); } .home #main article.entry-preview:nth-child(even), .search #main article.entry-preview:nth-child(even) { transform: translateX(160px); } .home #main article.entry-preview:nth-child(odd), .search #main article.entry-preview:nth-child(odd) { transform: translateX(-80px); } .home #main article.entry-preview:nth-child(even), .search #main article.entry-preview:nth-child(even) { transform: translateX(160px); } .home #main:not(.search-main) article.entry-preview:nth-child(1), .home #main:not(.search-main) article.entry-preview:nth-child(2) { max-width: none; width: calc(50vw - 60px - 30px); transform: translateX(0); margin-left: calc((100vw - 1100px - 135px) / -2); margin-right: 0; float: left; display: flex; flex-flow: column; } .home #main:not(.search-main) article.entry-preview:nth-child(2) { margin-right: calc((100vw - 1100px - 135px) / -2); margin-left: 0; float: right; } .home #main:not(.search-main) article.entry-preview:nth-child(1) a, .home #main:not(.search-main) article.entry-preview:nth-child(2) a { display: flex; flex-flow: column; } .home #main:not(.search-main) article.entry-preview:nth-child(1) .article-preview-image, .home #main:not(.search-main) article.entry-preview:nth-child(2) .article-preview-image { min-width: calc(50vw - 60px - 30px); min-height: 50vh; margin-bottom: 15px; } .home #main:not(.search-main) article.entry-preview:nth-child(1) .article-preview-text, .home #main:not(.search-main) article.entry-preview:nth-child(2) .article-preview-text, .home #main:not(.search-main) article.entry-preview:nth-child(1) header h1, .home #main:not(.search-main) article.entry-preview:nth-child(2) header h1, .home #main:not(.search-main) article.entry-preview:nth-child(1) footer, .home #main:not(.search-main) article.entry-preview:nth-child(2) footer { margin-left: 0; padding-left: 0; max-width: 620px; } #main:not(.search-main) article.entry-preview:nth-child(3) { clear: both; } } @media (min-width: 1400px) { article.video-head .intro-header {padding-bottom: 5%;} } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter { clear: both; } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ .edit-link { position: fixed; top: 5px; left: 5px; z-index: 1030; width: 27px; height: 27px; } .edit-link a { color: #FF7046; display: inline-block; width: 27px; height: 27px; border-radius: 50%; text-align: center; border: 3px solid #FF7046; } .navbar-smaller .edit-link a { color: #fff; border-color: #fff; } .edit-link a:hover { color: #000; background: none; border: 3px solid #000; opacity: 1; } body.admin-bar .navbar.fixed-top { margin-top: 32px; } @media (max-width: 782px) { body.admin-bar .navbar.fixed-top { margin-top: 46px; } .edit-link { position: fixed; top: unset; bottom: 10px; left: -5px; z-index: 1030; width: 27px; height: 27px; } .navbar-smaller .edit-link a { color: #FF7046; border-color: #FF7046; } } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* plugin hotspot ------ container size wie images above */ body.pactuell .hotspot-container { margin-bottom: 20px; } body.pactuell .popover h4.popover-title { margin: 0; } body.pactuell .hotspot-container .info-icon.icon1 { background: url('img/icon-hotspot.png') no-repeat; border-bottom: none; } body.pactuell .hotspot-container .popover-title { font-family: "Formular W03 Bold", sans-serif; font-weight: 400; padding: 8px 14px 4px; font-size: 1.3em; background: #dfecf3; } body.pactuell .hotspot-container .popover p { font-size: 1.06em; } body.pactuell .hotspot-container .popover { border-width: 0; } /* ---------------------------------------------------------------------------------- */ /* plugin Stickygroup*/ .hentry.type-post .entry-content .alignfull.mgznkr-stickygroup { margin-bottom: 1rem; & .alignfull{ margin-left: 0; } } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ .article-preview-text p:after { content: ''; background: url('img/doppelpfeil.svg') no-repeat; background-size: contain; display: inline-block; width: calc(1em + 6px); background-position-x: 6px; height: 0.7em; padding-right: 0; transition: margin 0.15s ease-out; margin-right: calc(-1em - 10px); margin: 0 calc(-1em - 10px) 0 0; } a:hover .article-preview-text p:after { margin-left: 4px; } a:active .article-preview-text p:after { margin-left: 2px; } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* special format */ .special-slides .slides div p { font-size: 1.0em; line-height: 1.25; text-align: center; padding-top: 22px; } .special-slides .slides div p strong { font-size: 1.1em; } .special-slides .slides div p em { font-style: normal; font-size: 1.1em; } .special-slides .slides div p em::before, .special-slides .slides div p em::after { content: ''; background: url('img/doppelpfeil.svg') no-repeat; background-size: contain; display: inline-block; width: 0.7em; height: 0.6em; margin-right: 0.2em; } .special-slides .slides div p em::after { transform: rotate(180deg); margin-left: 0.1em; margin-bottom: 0.1em; margin-top: -0.1em; margin-right: -0.8em!important; } /* ---------------------------------------------------------------------------------- */ /* ********************* */ /* ---------------------------------------------------------------------------------- */ /* ********************* */ /* ---------------------------------------------------------------------------------- */ /* media queries */ @media (min-width: 1600px) { .hentry.type-post .entry-content .wp-caption.alignnone > .size-makefullscreen { float: left; padding-bottom: 30px; } .single #main > article .entry-meta { right: calc((100vw - 680px - 120px) / -2); } } /* ---------------------------------------------------------------------------------- */ @media (max-width: 1400px) { /*.pctll-container-fullwidth { max-width: calc(100% - 30px); }*/ body:not(.navbar-smaller) .site-tagline { margin-right: 40px; font-size: 1.5em; } } /* ---------------------------------------------------------------------------------- */ @media (max-width: 1279px) { .hentry.type-post .entry-content p img.size-large.alignright { max-width: calc(680px + 50vw - 340px - 60px); margin-right: calc(-1 * (50vw - 340px - 60px)); } .hentry.type-post .entry-content p img.size-large.alignleft { max-width: calc(680px + 50vw - 340px - 60px); margin-left: calc(-1 * (50vw - 340px - 60px)); } .hentry.type-post figure.alignleft.wp-caption, .hentry.type-post .entry-content img.alignleft { margin: 0 0 20px calc(-1 * (50vw - 340px - 60px) ); } .hentry.type-post figure.alignright.wp-caption, .hentry.type-post .entry-content img.alignright { margin: 0 calc(-1 * (50vw - 340px - 60px) ) 20px 0; } figure.alignleft.wp-caption img:not(.size-large), figure.alignleft.wp-caption img:not(.size-large) + .wp-caption-text, .hentry.type-post .entry-content p img.alignleft:not(.size-large) { padding-right: 30px; } figure.alignright.wp-caption img:not(.size-large), figure.alignright.wp-caption img:not(.size-large) + .wp-caption-text, .hentry.type-post .entry-content p img.alignright:not(.size-large) { padding-right: 30px; } .hentry.type-post .entry-content .pctll-box-right.alignright { margin-right: calc(-1 * (50vw - 360px - 60px) ) ; } .slides.slides-size-large, .hentry .entry-content img.size-large.aligncenter, .hentry .entry-content figure.aligncenter img.size-large, .hentry .entry-content figure.aligncenter img.size-large + .wp-caption-text, body.pactuell .hotspot-container { margin: 0 calc(-1 * ( (980px - 680px - 120px) / 2) ); max-width: calc(980px - 120px); } .slides.slides-size-full, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .alignfull, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text, body.pactuell .make-hotspot-fullscreen > .hotspot-container, .section-comments { margin: 0 calc(-1 * 50vw + ( (680px + 120px) / 2) ); /* based on max-width 680px p */ max-width: calc(100vw - 120px); } .hentry.type-post .entry-content .size-makefullscreen { width: calc(100vw - 120px); } .single #main > article .entry-meta { position: relative; top: unset; right: unset; padding-right: 0; font-size: 0.9em; width: 100%; padding-top: 0; margin-bottom: 1em; } .single #main > article .entry-meta:before { content: ''; display: inline-block; width: 8px; height: 8px; background: #006fb9; margin-right: 2px; } .single #main > article .entry-meta p { display: inline; padding-right: 0.8em; } .single #main > article .entry-meta .blue-line { display: none; } .site-tagline { display: none; } .footer-left { display: none; } .footer-center { text-align: left; } #wrapper-footer .custom-html-widget > div { width: 50%; } #related .related-wrapper { flex-flow: column; } #related article.entry-preview { max-width: 80%; margin-right: auto; margin-left: auto; } #related article.entry-preview .article-preview-image { min-width: calc(40.8vw); height: calc(24vw); } #related article.entry-preview.teaser-img-square .article-preview-image { min-width: calc(0.85 * 37.5vw); min-height: calc(0.85 * 37.5vw); height: calc(0.85 * 37.5vw); } #related article.entry-preview.teaser-img-square { margin-top: 0; } } /* ---------------------------------------------------------------------------------- */ @media (max-width: 1023px) { #page, .navbar-smaller #page { padding-left: 15px; padding-right: 15px; } .navbar .pctll-container-fullwidth { padding-left: 0; } #related { margin: 0 -15px; width: calc(100% + 30px); } .single .header-image, .home .header-image { width: calc(100vw - 90px); } .navbar .pctll-container-fullwidth { margin-left: 45px; margin-right: 45px; } .header-image, .section-comments { margin: 0 calc(-1 * 50vw + ( (680px + 90px ) / 2) ); max-width: calc(100vw - 90px); } .slides.slides-size-full, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .alignfull, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text, body.pactuell .make-hotspot-fullscreen > .hotspot-container { margin: 0 calc(-1 * 50vw + ( (680px + 30px ) / 2) ); width: calc(100vw - 30px); max-width: calc(100vw - 30px); } figure.alignleft.wp-caption img:not(.size-large), figure.alignleft.wp-caption img + .wp-caption-text, .hentry.type-post .entry-content p img.alignleft:not(.size-large) { } .container { max-width: calc(100%); } .home .pctll-container { max-width: 100vw; } body.pactuell .hentry .entry-content blockquote { width: 96vw; max-width: 100%; margin: 40px calc((100% - 680px + 120px) / -2) 60px; } body.pactuell .hentry .entry-content blockquote p { margin: 0 5vw; } body.pactuell .hentry .entry-content p + .wpcmsdev-box { margin: 0 auto 24px; } body.pactuell .hentry .entry-content .box-right { margin-right: 10px; } body.pactuell .hentry .entry-content .box-left { margin-left: 10px; } .hentry .entry-content img.size-large.aligncenter, .hentry .entry-content figure.aligncenter img.size-large, .hentry .entry-content figure.aligncenter img.size-large + .wp-caption-text, body.pactuell .hotspot-container { max-width: 100%; margin-left: 0px; margin-right: 0px; } .hentry.type-post figure.alignleft.wp-caption.portrait-150, .hentry.type-post .entry-content img.alignleft.portrait-150 { margin-left: 0; } .home article.entry-preview.post:not(.fullscreen-preview), .home article.entry-preview.post.fullscreen-preview, .search article.entry-preview.post:not(.fullscreen-preview) /* .home */ /* .home */{ max-width: calc(100%); margin-bottom: 7vh; } .search #main > .pctll-container > header { margin: 80px auto; max-width: 94%; } .search #main > .pctll-container > header h1 { font-size: 1.8rem; padding: 10px 14px 8px; } .home #main article.entry-preview.fullscreen-preview .article-preview-text { margin-left: 0; } article.fullscreen-preview header h1.entry-title { font-size: 1.8em; } .home #main article.fullscreen-preview header h1.entry-title span.preheader { font-size: 0.75em; } .home #main article.fullscreen-preview header .article-preview-text p { font-size: 1rem; } /* article.entry-preview .article-preview-image, .home .header-image.size-makefullscreen { width: 100vw; height: 56vw; margin-left: 0; margin-right: 0; } .home #main article.fullscreen-preview header h1.entry-title { font-size: 1.8em; } .home #main article.entry-preview.fullscreen-preview.has-preheader .article-preview-text, article.entry-preview .article-preview-text { margin-left: 15px; margin-right: 15px; margin-top: -40px; min-height: 0; } */ article.entry-preview header h1 { padding-top: 10px; } .slides.slides-size-large, .slides { margin: 0; } .slidesjs-container { max-width: 100vw; } .slides .slidesjs-navigation { height: 104px; } .slides .slidesjs-navigation svg { height: 44px; } #wrapper-footer .footer-right a { margin-bottom: 10px; } } /* -------------------------------------------------------------------------------- */ @media (min-width: 768px) { /* aufgeklappte navi bei resize verstecken */ .navbar-collapse.collapse.show { display: none; } } /* -------------------------------------------------------------------------------- */ @media (max-width: 767px) { .footer-center { margin-top: 0px; text-align: center; } #related { margin: 0; width: calc(100%); } #page-wrapper, #search-wrapper { min-height: calc(100vh - 65px - 46px); } .home #main article.entry-preview:nth-child(2n+1), .home #main article.entry-preview:nth-child(2n) { transform: none; } .pactuell.home #main:not(.search-main) article.entry-preview, .pactuell.home #main:not(.search-main) article.entry-preview { width: 100%; max-width: 408px; margin-left: 0; float: none; margin-left: calc((100vw - 408px - 30px) / 4); margin-right: -15px; margin-top: 0; } .pactuell.home #main article.entry-preview:nth-child(2n) { margin-left: calc((100vw - 408px - 30px) / 4 * 2); } .pactuell.home #main article.entry-preview .article-preview-text { max-width: calc(100vw - 70px); } article.entry-preview header h1 { margin-top: 10px; font-size: 1.6em; background: white; } #related article.entry-preview header h1 { background: #EAF3F9; } #related article.entry-preview .article-preview-text { margin-top: -32px; max-width: 400px; } #related article.entry-preview .article-preview-image { width: calc(2 * 40.8vw); height: calc(2 * 24vw); } #related article.entry-preview.teaser-img-square .article-preview-image { width: calc(2 * 37.5vw); height: calc(2 * 37.5vw); } .home #main:not(.search-main) article.entry-preview:nth-child(1) header h1, .home #main:not(.search-main) article.entry-preview:nth-child(2) header h1, .home #main:not(.search-main) article.entry-preview:nth-child(1) footer, .home #main:not(.search-main) article.entry-preview:nth-child(2) footer, article.entry-preview header h1, article.entry-preview footer { padding-left: 10px; padding-right: 3px; } article.entry-preview a { flex-flow: column; } .home #main:not(.search-main) article.entry-preview:nth-child(1) .article-preview-text, .home #main:not(.search-main) article.entry-preview:nth-child(2) .article-preview-text, article.entry-preview .article-preview-text { margin-top: -63px; min-height: 0; margin-left: 15px; } .home #main:not(.search-main) article.entry-preview:nth-child(1) .article-preview-image, .home #main:not(.search-main) article.entry-preview:nth-child(2) .article-preview-image, article.entry-preview .article-preview-image { min-width: 0; width: 100vw; max-width: 408px; height: 58.82vw; max-height: 240px; min-height: 0; margin-bottom: 0; } .home #main:not(.search-main) article.entry-preview.teaser-img-square:nth-child(1) .article-preview-image, .home #main:not(.search-main) article.entry-preview.teaser-img-square:nth-child(2) .article-preview-image, article.entry-preview.teaser-img-square .article-preview-image { min-width: 0; width: 100vw; max-width: 375px; height: 100vw; max-height: 375px; min-height: 0; } body.pactuell.page-template-homepage .entry-content { margin-left: 15px; margin-right: 15px; font-size: 1.0em; } .hentry.type-post .entry-content .pctll-box-right.alignright { width: 360px; max-width: 100%; margin-right: auto; margin-left: auto; float: none; display: block; } #wrapper-footer .custom-html-widget > div { width: calc(100vw - 70px - 30px); } .single .header-image, .home .header-image { width: calc(100%); max-width: 675px; } .slides.slides-size-full, .hentry .entry-content blockquote, .hentry.type-post .entry-content .wpcmsdev-box, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .alignfull, .header-image, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text, .section-comments, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text, body.pactuell .make-hotspot-fullscreen > .hotspot-container { max-width: calc(100%); margin-left: 0; margin-right: 0; } .single .header-image, .home .header-image { margin-left: 0; margin-right: 0; margin-top: 15px; } .single #main > article > .entry-header h1.entry-title { margin: 0 0; padding: 15px 0; min-height: 0; } .container { max-width: calc(100%); } #page, .navbar-smaller #page { padding-left: 0; padding-right: 0; padding-top: calc(66px); } .hentry.type-post .entry-content p img.size-large.alignright, .hentry.type-post figure.alignright.wp-caption, .hentry.type-post .entry-content img.alignright { max-width: 100%; margin-right: 0; } .hentry.type-post .entry-content p img.size-large.alignleft, .hentry.type-post figure.alignleft.wp-caption, .hentry.type-post .entry-content img.alignleft { max-width: 100%; margin-left: 0; } .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text { max-width: 100%; margin-left: 0; margin-right: 0; } body.pactuell .hentry .entry-content blockquote { padding-top: 30px; padding-bottom: 30px; margin: 0 0 20px; } body.pactuell .hentry .entry-content blockquote p:first-child::before { margin-top: -20px; margin-right: 0; } body.pactuell .hentry .entry-content blockquote p:last-child::after { margin-left: -20px; margin-top: 15px; } .navbar-toggler { display: none; } } /* -------------------------------------------------------------------------------- */ @media (max-width: 767px) AND (orientation: landscape) { .single .header-image { height: calc(70vh); } #main > article > .entry-header h1.entry-title span.preheader { margin: -1em 0 0.4em; } } @media (max-width: 767px) AND (orientation: portrait) { .single .header-image { height: calc(80vw); } #main > article > .entry-header h1.entry-title span.preheader { margin: -1em 0 0.8em; } } /* -------------------------------------------------------------------------------- */ @media (max-width: 767px) { /* aufgeklappte suche bei resize verstecken */ #searchDropdown.collapse.show { display: none; } .navbar { flex-wrap:nowrap; background:#006fb9; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } .navbar .pctll-container-fullwidth, .navbar-smaller .navbar .pctll-container-fullwidth { height: 46px; padding-top: 10px; margin-left: 18px; width: 200px; } #return-to-top { width: 40px; height: 40px; right: 15px; padding: 15px 5px 5px; } .navbar .navbar-brand { transform: scale(0.36); } .navbar-brand svg .pactuell-logo { fill: #fff; } .navbar #navbar-right, .footer-right { display: none; } .navbar-toggler { display: block; border: none; padding: .1rem .25rem; border-radius: 4%; margin: 5px; } .navbar-dark .navbar-toggler-icon { background: none; } .navbar-toggler:hover { background: rgba(255,255,255,0.3); } .navbar-toggler-icon:before { font-family: FontAwesome; content: '\f0c9'; color: #fff; font-size: 1.2em; line-height: 1.2; } .navbar-toggler:hover .navbar-toggler-icon::before { color: #006FB9; } .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before { color: #fff; content: '\f00d'; animation-duration: 0.4s; animation-fill-mode: both; animation-name: flash; } .navbar-collapse { background: #006FB9; padding: 0.7em 30px 1.5em 30px; max-width: 100vw; right: 0px; top: 0; position: fixed; z-index: 12; margin-top: 46px; border-top: 1px solid #fff; width: 280px; max-height: calc(100vh - 40px);; overflow-y:auto; -moz-osx-font-smoothing: auto; } .navbar-collapse a { color: #006FB9; color: #fff; font-size: 1.25em; } .navbar-collapse a fa { padding-right: 4px; } .navbar-collapse li.menu-item { padding: 4px 0; } .navbar-collapse a:hover { color: #000; text-decoration: none; } .navbar-collapse a:focus { color: #000; } .navbar-collapse a strong { font-family: 'Formular W03 Bold'; font-weight: 400; } .navbar-collapse hr { width: calc(100%); height: 1px; background-color: #fff; opacity: 0.8; margin: 0.5em 0; } .navbar-collapse .pull-right { text-align: right; margin-right: -12px; } .navbar-collapse .pull-right a:after { content: '\f0a9'; font-family: FontAwesome; margin-left: 6px; } .navbar-collapse small { font-size: 0.85em; } .navbar-collapse #searchform { margin: -0.5em 0; } .navbar-collapse #searchform input#s { margin-left: 0; max-width: auto; min-width: 0; margin-bottom: 8px; } .navbar-collapse #searchform input#searchsubmit { margin-right: 0; margin-bottom: 8px; } #wrapper-footer { font-size: 0.9em; } #wrapper-footer .footer-widget { padding-left:0; padding-right:0; } #main > article > .entry-header h1.entry-title span.preheader { font-size: 0.5em; } .footer-header { font-size: 1.2em; } } /* -------------------------------------------------------------------------------- */ @media (max-width: 567px) { body { font-size: 13px; } .search #main > .pctll-container > header { padding-left: 0; padding-right: 0; } #searchform input#s { min-width: 0 } .container { max-width: 100%; } h1 { font-size: 2.0rem; } .entry-content .size-makefullscreen, .header-image { margin-right: -15px; margin-left: -15px; } .slides.slides-size-full, .hentry .entry-content blockquote, .hentry.type-post .entry-content .wpcmsdev-box, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .alignfull, .header-image, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text, .section-comments, .hentry.type-post .entry-content .size-makefullscreen, .hentry.type-post .entry-content .size-makefullscreen + .wp-caption-text { max-width: 100%; margin-left: 0; margin-right: 0; } .home #main article.entry-preview.fullscreen-preview .header-image /* .home */ { margin-left: 0; margin-right: 0; } .hentry.type-post figure.alignleft.wp-caption, .hentry.type-post figure.alignright.wp-caption, .hentry.type-post .entry-content img.alignright, .hentry.type-post .entry-content img.alignleft, figure.alignleft.wp-caption img:not(.size-large), .hentry.type-post figure.alignleft.wp-caption img:not(.size-large) + .wp-caption-text, .hentry.type-post .entry-content p img.alignleft:not(.size-large), .hentry.type-post figure.alignright.wp-caption img:not(.size-large), .hentry.type-post figure.alignright.wp-caption img:not(.size-large) + .wp-caption-text, .hentry.type-post .entry-content p img.alignright:not(.size-large) { display: block; float: none; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } } /* -------------------------------------------------------------------------------- */ @media (max-width: 420px) { #page-wrapper, #search-wrapper { min-height: calc(100vh - 49px - 46px); } #page, .navbar-smaller #page { padding-top: calc(46px); } .pactuell.home #main:not(.search-main) article.entry-preview, .pactuell.home #main:not(.search-main) article.entry-preview { margin-left: -15px; max-width: 100vw; } .home #main:not(.search-main) article.entry-preview:nth-child(1) .article-preview-image, .home #main:not(.search-main) article.entry-preview:nth-child(2) .article-preview-image, article.entry-preview .article-preview-image { max-width: 100vw; } .navbar-collapse { width: 100%; } .navbar-collapse ul { margin-left: 5px; margin-right: 5px; } .navbar-collapse .pull-right { margin-right: -18px; } .hentry.type-post figure.alignleft.wp-caption.portrait-150, .hentry.type-post .entry-content img.alignleft.portrait-150 { display: block; margin: -6px 0 10px; float: none; } } /* ----neu 07/22 --------------------- */ #navbar-right a.more-articles, .entry-content a.more-articles.more-articles-footer { display: inline-block; background-color: #006fb9; color: #fff; padding: 0.2em 1.2em 0.2em 0.9em; margin-top: 1px; border-radius: 3em; border: 2px solid #006fb9; text-decoration: none; line-height: 1; height: 1.7em; font-family: "Formular W03 Bold", sans-serif; font-size: 0.92em; margin-right: 1.5em; transition: color, background 0.2s ease-out; text-transform: none; } .entry-content a.more-articles.more-articles-footer small { font-family: 'Formular W03 Light'; font-size: 1.01em; } .entry-content a.more-articles.more-articles-footer { margin: 2em auto 4em; padding-top: 0.3em; } #navbar-right a.more-articles:hover, .entry-content a.more-articles.more-articles-footer:hover { color: #006fb9; background-color: #fff; } #navbar-right a.more-articles:after, .entry-content a.more-articles.more-articles-footer:after { content:'\f245'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; transform: translate(0.5em, -0.08em) rotate(-17deg); } .navbar-smaller #navbar-right a.more-articles { color: #006fb9; background-color: #fff; } .navbar-smaller #navbar-right a.more-articles:hover { background-color: #006fb9; color: #fff; border-color: #fff; } /* ----------------------------- Rapidmail Abo Form ---------------------------------- */ :root { --rm-form-width: 600px; --rm-button-width: 150px; } @media (max-width: 450px) { :root { --rm-button-width: 110px; } } .hidden { display:none !important; visibility:hidden !important; } #rmOrganism .rmBase__compLabel--hideable { display: none; } #rmOrganism .rmBase__content { display: flex; flex-flow: row; justify-content: center; margin: 1em auto; width: var(--rm-form-width, 600px); max-width: 100%; } .rm-alignleft #rmOrganism .rmBase__content { margin-left: 0; margin-right: 0; } #rmOrganism .rmBase__content > div:nth-of-type(1) { width: auto; max-width: calc(100% - var(--rm-button-width, 150px)); text-align: right; } #rmOrganism .rmBase__content > div:nth-of-type(2) { width: auto; min-width: var(--rm-button-width, 150px); text-align: left; } #rmOrganism form input { margin: 0 auto; padding: 6px 12px; min-width: 100%; font-size: inherit; background: #fff; } #rmOrganism form button { padding: 6px 12px; font-size: inherit; margin-top: 0; line-height: normal; min-width: 100%; height: 40px; } #mgznkr-rm-msg, .rmBase__compError:not(:empty), .rmSubscription.mgznkr_rm_success:not(.hidden) .rmBase__content { margin: 1.5em calc(-1 * var(--rm-button-width, 150px)) 1.5em 0; width: calc(100% + var(--rm-button-width, 150px)); padding: 0.5em 1.0em 0.5em; color: #006FB9; border: 3px solid #006FB9; text-align: center; font-family: 'Formular W03 Light',sans-serif; } #mgznkr-rm-msg b, #mgznkr-rm-msg strong, .rmBase__compError:not(:empty), .rmSubscription.mgznkr_rm_success:not(.hidden) .rmBase__content b, .rmSubscription.mgznkr_rm_success:not(.hidden) .rmBase__content strong { font-family: "Formular W03 Bold", sans-serif; } #mgznkr-rm-msg { margin-left: 0; box-sizing: border-box; } .rmBase__compError:not(:empty) { border-style: dashed; } .rmBase__compError:not(:empty):before { content: "\f071"; font-family: "FontAwesome"; font-weight: 600; font-size: 1em; padding-right: 0.5em; } .rmSubscription.mgznkr_rm_success:not(.hidden) .rmBase__content { transform: none; max-width: var(--rm-form-width, 600px); margin-left: auto; margin-right: auto; } .rmSubscription.mgznkr_rm_success:not(.hidden) .rmBase__content b { font-size: 1.15em; } #rmOrganism .rmSubscription.mgznkr_rm_success:not(.hidden) .rmBase__content > div:nth-of-type(1) { text-align: center; width: 100%; } #mgznkr-rm-msg { width: 100%; } #rmOrganism form input { padding: 6px 12px; border: 1px solid #006FB9; border-width: 1px 0 1px 1px; border-radius: 0; height: 40px; margin: 0 auto; width: 100%; max-width: 100%; } #rmOrganism form input:focus { outline: none; } #rmOrganism form input.prechecked_invisible { display: none; } a.like_rmButton, #rmOrganism form button { border: 3px solid #006FB9; border-radius: 0; padding: 6px 6px; color: white; background: #006FB9; box-shadow: none; font-family: "Formular W03 Bold", sans-serif; cursor: pointer; } a.like_rmButton:hover, #rmOrganism form button:hover { color: #006FB9; background: #fff; } a.like_rmButton { display: inline-block; color: #fff; border-width: 3px; border-style: solid; } #newsletter-abo a.like_rmButton.like_rmButton_on_blue { background-color:#333; border-color: #333; text-decoration: none; } #newsletter-abo a.like_rmButton.like_rmButton_on_blue:hover { background-color:#000; border-color: #000; text-decoration: none; } #pactuell-abo { text-align: center; } body { --viewportWidth: calc(100vw - var(--scrollbarWidth)); } /* var(--viewportWidth, 100vw); */ .page-template .fullwidth-banner { margin: -1em calc((-0.5 * var(--viewportWidth, 100vw)) + 50%) 10vh; } .page-template-homepage, .page-template-homepage_2022 { overflow-x: hidden; } /* reset - because of chaplin */ body.m2g .wp-block-group.mgznkr-elements .wp-block-group__inner-container .wp-block-group, body.m2g .wp-block-group.mgznkr-elements .wp-block-group__inner-container .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { max-width: unset; margin-top: 0; margin-bottom: 0; } :root { --elements-border-color: #95c2e1; --elements-low-bg-color: #fff; --elements-high-bg-color: #fff; --elements-neutral-bg-color: #fff; --elements-low-text-color: #006FB9; --elements-high-text-color: #000; } /* .mgznkr-box ----------------------------------------------------------------- */ .mgznkr-box { border: 10px solid #d8d8d8; border-color: var(--elements-border-color); margin: 2em 0; } .mgznkr-box .wp-block-group__inner-container { padding: 1.5em; padding-top: 1.25em; } .mgznkr-box .wp-block-group__inner-container>:first-child { margin-top:0!important; } .mgznkr-box .wp-block-group__inner-container>:last-child { margin-bottom:0!important; } @media (max-width: 579px) { .mgznkr-box .wp-block-group__inner-container { padding: 0.8em; } } /* .mgznkr-toggle ----------------------------------------------------------------- */ .mgznkr-toggle { border: 10px solid #d8d8d8; border-color: var(--elements-border-color); margin: 2em 0; overflow: hidden; background-color: #fdfdfd; background-color: var(--elements-low-bg-color); position: relative; } .mgznkr-toggle + .mgznkr-toggle { margin-top: -0.5em; } .mgznkr-toggle > div > h3 { margin: 0 !important; font-size: 1.2em; padding: 0.8em 2.5em 0.8em 1em; background-color: #fdfdfd; background-color: var(--elements-low-bg-color); color: #000; color: var(--elements-low-text-color); cursor:pointer; } .mgznkr-toggle > div > h3:hover, .mgznkr-toggle > div > h3:focus, .mgznkr-toggle > div > h3:active, .mgznkr-toggle > div > h3.active { background-color: #e9e9e9; background-color: var(--elements-high-bg-color); color: #000; color: var(--elements-high-text-color); } .mgznkr-toggle > div > h3:before { content: '+ '; display: inline-block; min-width: 0; font-size: 2.2em; font-weight: 800; line-height: 0.33; vertical-align: text-bottom; position: absolute; right: 15px; } .mgznkr-toggle > div > h3.active:before { content: '– '; } .mgznkr-toggle .toggle-content { padding: 1.5em; padding-top: 1.25em; background: #fff; background: var(--elements-neutral-bg-color); position: relative; } .mgznkr-toggle .toggle-content:before, .mgznkr-accordion .accordion-content:before { content: ''; display: block; width: 90px; height: 7px; background: #006FB9; margin-left: 0; border: 0; margin-top: -10px; margin-bottom: 25px; } .mgznkr-accordion .accordion-content:before { margin-top: -20px; } .mgznkr-toggle .toggle-content > .wp-block-group__inner-container > :first-child { margin-top: 0 !important; } .mgznkr-toggle .toggle-content > .wp-block-group__inner-container > :last-child { margin-bottom: 0 !important; } /* .mgznkr-accordion --------------------------------------------------------------- */ .mgznkr-accordion { border: 10px solid #d8d8d8; border-color: var(--elements-border-color); border-bottom: 0; margin: 2em 0; overflow: hidden; background-color: #fdfdfd; background-color: var(--elements-low-bg-color); } .mgznkr-accordion .accordion-item.active > div > h3 { background-color: #e9e9e9; background-color: var(--elements-high-bg-color); color: #000; color: var(--elements-high-text-color); border-bottom: 0; } .mgznkr-accordion .accordion-item > div > h3 { border-bottom: 10px solid #d8d8d8; border-color: var(--elements-border-color); margin: 0 !important; background-color: #fdfdfd; background-color: var(--elements-low-bg-color); color: #000; color: var(--elements-low-text-color); padding: 0.8em 2.5em 0.8em 1em; position: relative; font-family: "Formular W03 Bold", sans-serif; font-weight: 400; font-size: 1.2em; } .mgznkr-accordion .accordion-item > div > h3:active, .mgznkr-accordion .accordion-item > div > h3:focus, .mgznkr-accordion .accordion-item > div > h3:hover { background-color: #e9e9e9; background-color: var(--elements-high-bg-color); color: #000; color: var(--elements-high-text-color); } .mgznkr-accordion .accordion-item > div > h3:before { content: '+ '; display: inline-block; min-width: 0.8em; font-size: 2.2em; font-weight: 800; line-height: 0.33; vertical-align: text-bottom; position: absolute; right: 15px; } .mgznkr-accordion .accordion-item.active > div > h3:before { content: '– '; padding-left: 0; } .mgznkr-accordion .accordion-content { border-bottom: 10px solid #d8d8d8; border-color: var(--elements-border-color); background: #fff; background: var(--elements-neutral-bg-color); padding: 1.5em; } .mgznkr-accordion .accordion-content > .wp-block-group__inner-container > :first-child { margin-top: 0 !important; } .mgznkr-accordion .accordion-content > .wp-block-group__inner-container > :last-child { margin-bottom: 0 !important; } /*mobile-only classes*/ @media (max-width: 782px){ * > .mgznkr-mobile-hide{ display: none !important; } * > .mgznkr-mobile-column-reverse{ flex-direction: column-reverse !important; } } .mgznkr-flipcard, .mgznkr-flipcard-block .mgznkr-flipcard { margin-bottom: 0; } .mgznkr-flipcard-content { border: 3px solid #686868; box-shadow: 1px 1px 3px rgba(112,112,112,0.2); padding: 1em 0.75em; } .mgznkr-flipcard-content-front { color: inherit; background: #ebf5fa; } .mgznkr-flipcard-content-back { color: inherit; background: #ffffff; } .group-quote-img-center .wp-block-image { margin-top: 40px; margin-bottom: -20px; } /* cookiebot versus youtube */ .video-container.blocked { background: #e6e6e6; display: flex; justify-content: center; } .video-container.blocked p { text-align:center; margin-top: 26%; }