/*
Theme Name: Twenty Twenty Child Theme
Theme URI:
Description:
Author:
Author URI:
Template: twentytwenty
Version: 4.20.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)
*/
/*
  ----------
*/

     :root { --screen: 80rem; --violet: #7a2f56; --pink: #fcf0ef; --white: #ffffff; }

     * { font-family: 'Open Sans' !important; letter-spacing : 0.5px; }
     @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v15-latin-300.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), url('fonts/open-sans-v15-latin-300.woff') format('woff'), url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); font-display: swap; }

     body { background-color: var(--white) !important; }

/*
  ----------
*/

     .cover-color-overlay::before { background: var(--white) !important; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
     .cover-header.bg-attachment-fixed { background-attachment: scroll; }
  }

     .cover-header .entry-header * { color: var(--violet) !important; }

  @media only screen and (min-device-width: 480px) {
     .cover-header .entry-header * { text-align : right !important; }
  }
       .entry-header-inner ul { list-style-type : none; margin : 0; }
     .entry-header-inner ul li { display : inline-block !important; margin : 5px; }

/*
  ----------
*/

     .site-logo img { max-height : 10rem; }
     .site-description { color: var(--violet) !important; }
     .header-titles .site-description { letter-spacing : 0.5px !important; }

     ul.primary-menu { color: var(--violet) !important; }
     ul.primary-menu a:hover { text-decoration: none; }
     ul.primary-menu ul a:hover { text-decoration: none !important; font-weight: bold; letter-spacing : 0.1px; }
     ul.primary-menu ul { background: var(--violet) !important; }

  @media only screen and (min-device-width: 480px) {
     .onlymobile { display: none; }
  }

     body:not(.overlay-header) .primary-menu > li > a,
     body:not(.overlay-header) .primary-menu > li > .icon,
     .modal-menu a,
     .footer-menu a,
     .footer-widgets a,
     #site-footer .wp-block-button.is-style-outline,
     .wp-block-pullquote::before,
     .singular:not(.overlay-header) .entry-header a,
     .archive-header a,
     .header-footer-group .color-accent,
     .header-footer-group .color-accent-hover:hover
     { color: var(--violet) !important; text-decoration : none !important; }

     ul.primary-menu li.current-menu-ancestor > a,
     ul.primary-menu li.current-menu-parent > a,
     ul.primary-menu li.current_page_ancestor > a,
     ul.primary-menu li.current_page_item > a
     { text-decoration: none !important; font-weight: bold; letter-spacing : 0.1px; }

     .primary-menu ul::after { border-bottom-color: var(--violet) !important; }
     .primary-menu ul ul::after { border-bottom-color: transparent !important; }
     .primary-menu ul ul::after { border-left-color: var(--violet) !important; }

     .search-toggle .toggle-text { display : none; }

/*
  ----------
*/
     .singular .entry-header { padding-bottom: 1rem !important; }

     h1.entry-title { margin: 0 auto; max-width: var(--screen); text-align: left; font-size: 6.4rem; }

  @media only screen and (min-device-width: 480px) {
     .cover-header-inner h1.entry-title { margin: 0 auto; max-width: 100%; text-align: right; font-size: 8.4rem; }
  }
  @media only screen and (max-device-width: 479px) {
     .cover-header-inner h1.entry-title { font-size: 4.0rem; text-align: center; margin-bottom: 5%; }
  }

     .cover-header + .post-inner { padding-top: 0 !important; }
/*
  ----------
*/

     h1.entry-title, h1, h2, h3, h4 { color : var(--violet); font-weight : normal !important; }

     .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: var(--screen); }

     .entry-content > .background0 { max-width: 100% !important;  width: 100% !important; margin: 0 auto 10% auto !important; }
     .entry-content > .background1 { max-width: 90rem !important;  width: 100% !important; margin: 10% auto 10% auto !important; }

     .background0 { background-color : var(--violet) !important; color: var(--white); padding : 10%; }
     .background0 h2 { color: var(--white); }
     .background0 h4 { color: var(--white); }
     .background1 { background-color : var(--pink) !important; padding-top : 5%; padding-bottom : 5%; border-radius: 10px !important; }

     .welcome img { max-width : 75%; height : auto; }
     .entry-content a { color : var(--violet); }
/*
  ----------
*/
     .wp-block-pullquote p { color : var(--violet); font-weight : normal !important; }
     .wp-block-pullquote cite, cite { color : var(--violet) !important; }
     input.search-submit, .wp-block-button__link { background-color : var(--violet) !important; color : var(--white) !important; }
/*
  ----------
*/
     .footer-nav-widgets-wrapper { background-color : var(--violet) !important; }
     .footer-nav-widgets-wrapper h4 { color : var(--white) !important; }
     .footer-nav-widgets-wrapper p { color : var(--white) !important; font-size: 1.8rem !important; }
     .footer-nav-widgets-wrapper li { color : var(--white) !important; font-size: 1.8rem !important; }
     .footer-nav-widgets-wrapper a { color : var(--white) !important; }

     .footer-nav-widgets-wrapper input[type="search"] { background-color : var(--violet) !important; color : var(--white) !important; }
     .footer-nav-widgets-wrapper input[type="submit"] { border: 1px solid var(--white); color : var(--white) !important; text-transform: none !important; }
     .footer-nav-widgets-wrapper input[type="submit"]:hover { border-radius: 20px; }

     .footer-top { border : 0; margin : 0; padding : 0; }
     .footer-widgets-outer-wrapper { text-align : center; }
     .footer-copyright { color : var(--violet) !important; font-weight : normal !important; }
     .widget-content img  { display : inline-block; }
     a.to-the-top { color : var(--violet) !important; }
     .footer-widgets a:hover { text-decoration: underline !important; }
/*
  ----------
*/



     .widget_polylang {  }
     .widget_polylang ul { list-style-type : none; margin : 0; }
     .widget_polylang ul li { display : inline-block !important; margin : 5px; }
/*
  ----------
*/
     .nav-toggle .toggle-icon, .nav-toggle svg { height : 3.0rem !important; width : 3.0rem !important; }
     .toggle-text { display : none; }

     .overlay-header .site-description, .overlay-header .toggle { color: var(--violet); }
/*
  ----------
*/
     button:focus { outline : 0 !important; }
/*
  ----------
*/