@charset "UTF-8";

/*
 Theme Name:   twentytwentyone-child
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description:  Twenty Twenty One Child Theme
 Author:       Thomas Schneider
 Author URI:   http://2025.bako-tischtennis.de
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light
 Text Domain:  twentytwentyonechild
*/


/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v19-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ubuntu-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v19-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ubuntu-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v19-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ubuntu-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v19-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/ubuntu-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v19-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

a {
	text-decoration: none !important;
	color: #666 !important;
	ffont-weight: 700 !important;
}
a:hover {
	color: #eead1f !important;
}
.unsichtbar {
	display: none;
}
.site-info {
	display: none !important;
}

:root {
	--global--font-primary: 'Ubuntu' !important;
	--global--font-secondary: 'Ubuntu' !important;
/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xs);
	--global--letter-spacing: normal;
	
/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-lg);
	
/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray); /* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-green); /* Mint, default body background */
	--global--color-border: var(--global--color-primary); /* Used for borders (separators) */
}


/*first child*/
.entry-content > :first-child {
  margin: 0 !important;
    margin-top: 0px;
    margin-right: auto !important;
    margin-bottom: 0px;
    margin-left: auto !important;
}

.primary-navigation li a {
	text-transform:uppercase !important;
	font-size:1.2rem;
	font-weight: 700;
}
.primary-navigation a:hover {
	color: #eead1f !important;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
	color: #d73c23 !important;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: rgba(0, 0, 0, 0) !important;
  color: var(--wp--style--color--link, var(--global--color-white));
}

h2 {
	color: #d73c23;
	font-weight: 700 !important;
}
.site-header {
  padding-bottom: calc(var(--global--spacing-vertical) * 0) !important;
  border-bottom: 1px solid orange;
}
.site-header > .site-logo {
  width: 100%;
  padding-bottom: calc(var(--global--spacing-vertical) * 0.25) !important;
  border-bottom: 1px solid orange !important;
  text-align: center;
}
.site-logo {
  margin: calc(var(--global--spacing-vertical) / 8) * 0 !important;
}
.site-title {
	color: #666 !important; 
}
.site-title, .site-title a {
	text-transform: none !important;
	font-size: var(--primary-nav--font-size) !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
}
.site-branding, .primary-navigation {
	margin-top: -30px !important;
	padding-left:10px;
	padding-right:10px;
}

@media only screen and (min-width: 822px) {
  .site-header {
    padding-top: calc(0.1 * var(--global--spacing-vertical)) !important;
  }
}

/*header*/
.site-description {
	display: none;
}
header.entry-header {
	display: none;
}
.singular .featured-media::before {
	xbottom: auto;
}

/**
 * Root Media Query Variables
 */
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--aligndefault-width: 100% !important;
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}
.wp-block {
	max-width: 100% !important;
}

.widget-area {
  border-top: 1px solid red !important;
  padding-top: 0px !important;
  margin-top: calc(2 * var(--global--spacing-vertical)) !important;
  padding-bottom: calc(var(--global--spacing-vertical) / 3);
  color: var(--footer--color-text);
  font-size: var(--footer--font-size);
  font-family: var(--footer--font-family);
}
.widget-area {
  xpadding: 30px;
  xbackground-color: #eead1f;
}
.site-footer {
  padding-top: 0;
  padding-bottom: 0 !important;
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 2.5rem !important;
	}
}
.menu-button-container {
  padding-top: calc(0.5 * var(--global--spacing-vertical)) !important;
}