/* Theme Name: Twenty Twenty Child Theme Theme URI: Description: Author: Author URI: Template: twentytwenty Version: 22.01.27.1 License: License URI: */ /* E F => alle F innerhalb E (Kind) E > F => alle ersten F innerhalb E (Kind) E + F => erstes F hinter E (Nachbar) E ~ F => alle ersten F hinter E (Nachbar) font-display: swap; */ /* --------------------------------------------------------------------------------------------- */ :root { --blue: #29235c; --red: #aa2a17; --black: #000000; --white: #ffffff; } /* --------------------------------------------------------------------------------------------- */ @font-face { font-display: swap; font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 300; src: url('assets/fonts/ibm-plex-sans-v9-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/ibm-plex-sans-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/ibm-plex-sans-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-300.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/ibm-plex-sans-v9-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } @font-face { font-display: swap; font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 300; src: url('assets/fonts/ibm-plex-sans-v9-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/ibm-plex-sans-v9-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/ibm-plex-sans-v9-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/ibm-plex-sans-v9-latin-300italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } @font-face { font-display: swap; font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 400; src: url('assets/fonts/ibm-plex-serif-v10-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/ibm-plex-serif-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/ibm-plex-serif-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/ibm-plex-serif-v10-latin-italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/ibm-plex-serif-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/ibm-plex-serif-v10-latin-italic.svg#IBMPlexSerif') format('svg'); /* Legacy iOS */ } @font-face { font-display: swap; font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 400; src: url('assets/fonts/ibm-plex-serif-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/ibm-plex-serif-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/ibm-plex-serif-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/ibm-plex-serif-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/ibm-plex-serif-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/ibm-plex-serif-v10-latin-regular.svg#IBMPlexSerif') format('svg'); /* Legacy iOS */ } @font-face { font-display: swap; font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; src: url('assets/fonts/ibm-plex-sans-v9-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/ibm-plex-sans-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/ibm-plex-sans-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-600.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/ibm-plex-sans-v9-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } @font-face { font-display: swap; font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 600; src: url('assets/fonts/ibm-plex-sans-v9-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('assets/fonts/ibm-plex-sans-v9-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/ibm-plex-sans-v9-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/ibm-plex-sans-v9-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/ibm-plex-sans-v9-latin-600italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* --------------------------------------------------------------------------------------------- */ html { scroll-behavior: smooth; } body { background-color: var(--white) !important; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* --------------------------------------------------------------------------------------------- */ .header-inner { background: var(--white); align-items: flex-end !important; padding: 2rem !important; z-index: 170; width: 100%; } .site-logo img { max-height: 6rem !important; transition: 0.6s; } @media only screen and (min-width: 800px) { .header-inner { position: fixed; top: 0; left: 0; right: 0; !important; transition: 0.6s; } .headerscroll .site-logo img { max-height: 3rem !important; transition: 0.6s; } } .primary-menu li a { color : var(--white) !important; } .primary-menu > li > a { color : var(--blue) !important; } .primary-menu > li > .icon { color : var(--blue) !important; } .primary-menu ul { background : var(--blue) !important; } .primary-menu ul::after { border-bottom-color: var(--blue) !important; } .primary-menu ul ul::after { border-left-color: var(--blue) !important; border-bottom-color: transparent !important; } @media only screen and (min-width: 800px) { .primary-menu .onlymobile { display: none !important; } } /* --------------------------------------------------------------------------------------------- */ .singular .entry-header { padding : 4rem 0 0 0 !important; } .post-inner { padding : 0 !important; } .entry-header { padding : 0rem !important; } /* --------------------------------------------------------------------------------------------- */ h1.entry-title { display : none; } h1 { font-family: IBM Plex Serif !important; font-weight: 400 !important; font-stretch: normal; font-style: normal; color : var(--blue); } h2, h3, p, li { font-family: IBM Plex Sans !important; font-weight: 300 !important; font-stretch: normal; font-style: normal; color : var(--blue); } @media only screen and (min-width: 800px) { h1 { font-size : 5.0rem; margin-top: 8rem !important; margin-bottom: 8rem !important; } h2 { font-size : 3.0rem; margin-top: 8rem !important; margin-bottom: 4rem !important; } h3 { font-size : 2.0rem; } .entry-content > .alignwide { margin-top : 4rem !important; margin-bottom : 4rem !important; } .entry-content > h1.alignwide { margin-top : 12rem !important; margin-bottom : 8rem !important; } .entry-content > h2.alignwide { margin-top : 8rem !important; } p, li { font-size : 1.9rem; } } strong { font-weight: 600 !mportant; } a { transition: all 300ms cubic-bezier(0.470, 0.000, 0.745, 0.715) !important; } ul { list-style-type: circle; } ul li::marker { color: var(--blue); } .wp-block-column > :first-child { margin-top: 0 !important; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: underline !important; } :target:before { content: ""; display: block; height: 100px; margin: -100px 0 0; } /* --------------------------------------------------------------------------------------------- */ .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link { background-color: var(--white) !important; border: var(--blue) 1px solid; border-radius : 4px; -webkit-border-radius : 4px; -moz-border-radius : 4px; text-transform: none !important; color: var(--blue); } .wp-block-button .wp-block-button__link:hover, input[type="submit"]:hover { text-decoration: none; background-color: var(--blue) !important; color : var(--white) !important; border: var(--blue) 1px solid; } input[type="text"], input[type="email"], textarea { border-radius : 4px; -webkit-border-radius : 4px; -moz-border-radius : 4px; } .wp-block-button .wp-block-button__link, .wp-block-button.is-style-outline { color : var(--blue) !important; text-transform: none !important; } .wp-block-button .wp-block-button__link:hover, .wp-block-button.is-style-outline:hover { text-decoration: none; background-color: var(--blue) !important; color : var(--white) !important; border: var(--blue) 1px solid; } .entry-content a { color : var(--blue) !important; } .color-accent, .nav-links a { color : var(--blue) !important; } /* --------------------------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper { margin-top: 5% !important; background-color : var(--blue) !important; color: var(--white) !important; } .footer-nav-widgets-wrapper p { color: var(--white) !important; } .footer-nav-widgets-wrapper li { color: var(--white) !important; line-height: 1.5; } .footer-nav-widgets-wrapper a { color: var(--white) !important; text-decoration: none !important; font-weight : normal; } @media only screen and (min-width: 800px) { .column-one { width: 50% !important; } .column-two { width: 50% !important; } } #site-footer { margin-top: 0 !important; } .widget-content ul { margin: 0 !important; } .widget li { margin: 0 !important; } .footer-widgets-outer-wrapper { border : none; } .footer-copyright { font-size: 1.4rem !important; color : var(--blue) !important; } a.to-the-top { font-size: 1.4rem !important; color : var(--blue) !important; } #site-header .toggle, .menu-modal .toggle { color: var(--blue) !important; } .toggle-text { display : none; } /* --------------------------------------------------------------------------------------------- */ .nav-toggle { bottom: auto; top: 22px; } .nav-toggle .toggle-icon, .nav-toggle svg { height : 3.0rem; width : 3.0rem; } .modal-menu a { color : var(--blue) !important; } /* --------------------------------------------------------------------------------------------- */ /* .background:nth-child(odd) { background-color : var(--white); padding : 5.0rem 0; } */ @media only screen and (min-width: 800px) { .wp-block-image { margin-top : 0 !important; margin-bottom : 0 !important; } .wp-block-image > figure.aligncenter { margin-top: 9rem !important; margin-bottom: 9rem !important; } .entry-content > figure.alignwide { margin-top: 9rem !important; margin-bottom: 9rem !important; } blockquote, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus { margin-top: 12.0rem !important; margin-bottom: 12.0rem !important; } .wp-block-quote p { font-size: 2.4rem; } } blockquote, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus { border-color: var(--blue) !important; } .wp-block-quote p { font-style: italic; } button:focus { outline : 0 !important; } .wpcf7-list-item { margin-left: 0 !important; } .wpcf7-list-item input[type="checkbox"] { margin-right: 10px !important; } .wpcf7-not-valid-tip { color: var(--red) !important; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: var(--red) !important; color: var(--red) !important; font-size: 1.7rem !important; } .wpcf7-submit { color: var(--blue) !important; } .wpcf7-submit:hover { text-decoration: none !important; background-color: var(--blue) !important; color : var(--white) !important; border: var(--blue) 1px solid; } /* --------------------------------------------------------------------------------------------- */