/* Theme Name: Twenty Twenty Child Theme Theme URI: Description: Author: Author URI: Template: twentytwenty Version: 22.12.13.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) */ /* header { background-color: var(--bevermed-blue) !important; } .header-inner { background-color: var(--bevermed-blue-light) !important; } .header-titles-wrapper { background-color: var(--bevermed-red-light) !important; } .header-navigation-wrapper { background-color: var(--bevermed-green) !important; } */ * { font-size: 1.0em !important; } #wpadminbar a { font-size: 0.8em !important; } body { background-color: #ffffff !important; text-align : center; } body { moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* .header-inner { padding: 0 !important; max-width: var(--screenheader) !important; } */ .header-inner { padding: 0 !important; } .header-inner { background-color: #ffffff !important; margin: 0 !important; padding: 0 2rem 0 2rem !important; width: 100% !important; z-index: 170; position: fixed; top: 0; transition: 0.6s; } /* .header-inner.section-inner { max-width: var(--screenheader) !important; height: 6rem !important; border-bottom: 1px solid var(--hr) !important; } */ .header-inner.section-inner { height: 6rem !important; border-bottom: 1px solid var(--hr) !important; } @media only screen and (max-width: 799px) { .header-inner.section-inner { height: 5rem !important; } } @media only screen and (max-width: 1000px) { .site-logo { margin: 1.5rem 0 0 -1rem !important; } } .site-logo img { width: 9.5rem !important; } .primary-menu-wrapper { width: auto; } .primary-menu .icon { display : none; } .primary-menu { margin: 0 !important; text-align: left; } .primary-menu > li { margin: 0 0 0 0 !important; } .primary-menu li a { color: var(--logo-blue) !important; } .primary-menu > li > a, .primary-menu > li.menu-item-has-children > a { margin : 0 !important; padding : 0 !important; text-decoration: none !important; } .primary-menu a:hover, .primary-menu a:active { -webkit-user-select: none !important; -webkit-touch-callout: none !important; } .primary-menu1 { margin : 0 6.5rem 0 0 !important; font-size: 1rem !important; } @media only screen and (max-width: 1480px) { .primary-menu1 { margin-right : 0 !important; } } @media only screen and (max-width: 1240px) { .primary-menu1 { font-size: 0.75rem !important; } } @media only screen and (max-width: 1080px) { .primary-menu1 { font-size: 0.70rem !important; } } .primary-menu1 > li > a, .primary-menu1 > li.menu-item-has-children > a { padding : 0.25rem 1.6rem 0 1.6rem !important; } .primary-menu1 > li > a:hover, .primary-menu1 > li > a:active, .primary-menu1 > li.menu-item-has-children > a:hover, .primary-menu1 > li.menu-item-has-children > a:active { color: var(--bevermed-blue) !important; text-decoration: none !important; } @media only screen and (max-width: 1400px) { .primary-menu1 > li > a, .primary-menu1 > li.menu-item-has-children > a { padding : 0.3rem 0.75rem 0 0.75rem !important; } } @media only screen and (max-width: 1240px) { .primary-menu1 > li > a, .primary-menu1 > li.menu-item-has-children > a { padding : 0.6rem 0.75rem 0 0.75rem !important; } } @media only screen and (max-width: 1080px) { .primary-menu1 > li > a, .primary-menu1 > li.menu-item-has-children > a { padding : 0.6rem 0.45rem 0 0.45rem !important; } } @media only screen and (min-width: 800px) { .primary-menu1 .onlymobile { display: none !important; } } @media only screen and (min-width: 1000px) { .onlymobilespecial { display: none !important; } } @media only screen and (max-width: 1000px) { .hideonmobile { display: none !important; } } .primary-menu1 .nav-search { position: inherit !important; } .primary-menu1 .nav-search .nav-search-link::before { margin-right: 0.25em; font-family: "neueUXUIIcons-Medium"; font-size: 22px; line-height: 1; vertical-align: top; content: '\1F50D'; } .primary-menu1 .nav-search .nav-search-link:hover { cursor: pointer; } @media only screen and (max-width: 1080px) { .primary-menu1 .nav-search .nav-search-link::before { margin-right: 0 !important; font-family: "neueUXUIIcons-Medium"; font-size: 22px; line-height: 1; vertical-align: top; content: '' !important; } } .primary-menu1 .nav-search .search-form .search-field, .primary-menu1 .nav-search .search-form .search-submit, .primary-menu1 .nav-search .search-form input[type="submit"] { margin: 0 !important; padding: 0 !important; border : 0 !important; } .primary-menu1 .nav-search .search-form .search-field:focus { outline : 0 !important; border: 2px solid var(--logo-blue) !important; border-right : 0 !important; padding : 10px 0 8px 12px !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .primary-menu1 .nav-search .search-form input[type="submit"]{ background-color: var(--bevermed-blue) !important; padding : 10px 5px 8px 5px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; text-transform: none !important; } .primary-menu1 .nav-search .nav-search-form { position: absolute; top: 5rem; left: 15%; margin: 0.25em 0 0; padding: 1em; background: #fff; border: 0; width: calc(100% - 30%); } .primary-menu .current_page_ancestor, .primary-menu1 > li.current_page_item > a, .primary-menu1 > li.current-page-ancestor > a, .primary-menu1 > li.current_page_ancestor > a, .primary-menu1 > li.current-page-parent > a, .primary-menu1 > li.current_page_parent > a, .primary-menu1 > li.current-menu-ancestor > a, .primary-menu1 > li.current-menu-parent > a { color: var(--bevermed-blue) !important; text-decoration: none !important; } .primary-menu2 { font-size: 0.875rem !important; margin : 0 1.6rem 0 0 !important; } @media only screen and (max-width: 1240px) { .primary-menu2 { font-size: 0.75rem !important; } } @media only screen and (max-width: 1080px) { .primary-menu2 { font-size: 0.70rem !important; } } .primary-menu2 li a { color : var(--bevermed-blue) !important; } .primary-menu2 li a:hover { color : var(--logo-blue) !important; text-decoration: none !important; } .primary-menu2 > li:nth-child(2) a::before { font-family: "neueUXUIIcons-Medium"; content: '\1F6D2' ; margin-right: 0.25em; vertical-align: top; font-size: 16px; line-height: 1; } .primary-menu2 > li > a { border : 2px solid transparent; padding : 0.75rem 0.75rem 0.60rem 0.75rem !important; } .primary-menu2 > li.red > a { border : 2px solid var(--bevermed-red) !important; border-radius: 4px; } .primary-menu2 > li.red > a:hover { background-color: var(--bevermed-red) !important; color: #ffffff !important; text-decoration: none !important; } .mobile2 { position: absolute; top: 29px; left: 220px; list-style: none; font-size: 0.9rem !important; } .mobile2 li.red a { border : 2px solid var(--bevermed-red) !important; border-radius: 4px; text-decoration: none !important; padding : 0.55rem 0.65rem 0.40rem 0.65rem !important; color: var(--bevermed-blue) } main { text-align : left; margin : 0 auto; padding: 0 !important; } .entry-content > :first-child { margin-top: 0 !important; } @media only screen and (max-width: 467px) { .entry-content > :first-child { margin-top: 30px !important; } } .footer-nav-widgets-wrapper { display : none; } .footer-top { border : none; } /* ---------- */ .primary-menu1 li.menu-item-has-children:hover > ul, .primary-menu1 li.menu-item-has-children.focus > ul { left : 0; right : auto; } .primary-menu1 ul { top: calc(100% + 1.5rem); background : var(--bevermed-blue-light) !important; width : calc(100% + 7rem); width : 14rem; border-radius : 0; -webkit-border-radius : 0; -moz-border-radius : 0; transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s; } .primary-menu1 ul.sub-menu li { margin-right : 10px; margin-left : 10px; letter-spacing : 0.1px; } .primary-menu1 ul a { padding: 0.4rem; } .primary-menu1 ul::after { right : calc(100% - 2.5rem); border-bottom-color: var(--bevermed-blue-light) !important; } /* ---------- */ .primary-menu1 ul li.menu-item-has-children:hover > ul, .primary-menu1 ul li.menu-item-has-children.focus > ul { left: calc(100% + 1.5rem); } .primary-menu1 ul ul { border-top : 1px solid transparent; border-left : 1px solid var(--bevermed-blue-light); } .primary-menu1 ul ul::after { top : 1.2rem; right: calc(100% + 0rem); border-right-color: var(--bevermed-blue-light) !important; border-left-color: transparent !important; border-bottom-color: transparent !important; } /* ---------- */ .singular .entry-header { padding : 0 !important; } .post-inner { padding-top : 0rem !important; } .post-inner { padding-top : 4rem !important; } @media only screen and (min-width: 1116px) { .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width : 100% !important; width : auto !important; } } h1.entry-title { display : none; } /* ---------- */ #site-header .toggle, .menu-modal .toggle { color: var(--DarkBlue) !important; } .header-inner .toggle { padding: 0 0 0 4rem !important; } .toggle-text { display : none; } .nav-toggle .toggle-icon, .nav-toggle svg { height : 1.5rem !important; width : 1.5rem !important; } .nav-toggle .toggle-inner { padding: 0.3rem 0 0 0; } .menu-modal nav * { border-left-color: #ffffff !important; text-align : left; } .modal-menu li { border-color : var(--background-grey) !important; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu li a { font-weight: normal; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration : underline !important; } .modal-menu a { color: var(--logo-blue) !important; line-height : 1.3rem; letter-spacing : 0.1px; text-decoration : none; } .modal-menu .special a { color : var(--bevermed-red) !important; } .modal-menu .shop a::before { font-family: "neueUXUIIcons-Medium"; content: '\1F6D2' ; margin-right: 0.25em; vertical-align: top; font-size: 16px; line-height: 1; } .fill-children-current-color * { color: var(--logo-blue) !important; } button:focus { outline : 0 !important; } /* ---------- */