@charset "UTF-8";

/*
Theme Name: ArtH39-childtheme
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team, Arthouse39
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyone
Text Domain: twentytwentyone
Tags: ArtH39-childtheme, one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/* Variables */
:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Saira Extra Condensed", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.1rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.6rem;
	--global--font-size-lg: 1.9rem;
	--global--font-size-xl: 2.29rem;
	--global--font-size-xxl: 3.49rem;
	--global--font-size-xxxl: 4rem;
	--global--font-size-page-title: var(--global--font-size-xl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.09;

	/* 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-md);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-xxl);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 600;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* 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: #fff;
	--cta-color: #d4e403;


	/* 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: #375200;

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

	/* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: #fff;
	--button--color-text-active: #fff;
	--button--color-background: var(--cta-color);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.3;
	--button--border-width: 1px;
	--button--border-radius: 2px;
	--button--padding-vertical: 12px;
	--button--padding-horizontal: calc(3 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: #fff;
	--branding--color-link: #fff;
	--branding--color-link-hover: #fff;
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-md);
	--branding--title--font-size-mobile: 1.47rem;
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--brandingmobile--description--font-size: 14px;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 173px;
	--branding--logo--max-height: 173px;
	--branding--logo--max-width-mobile: 109px;
	--branding--logo--max-height-mobile: 109px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-xs);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: #bbb;
	--primary-nav--color-link-hover: #fff;
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text:#d7d7d7;
	--footer--color-link:#d7d7d7;
	--footer--color-link-hover:#fff;
	--footer--font-family: var(--global--font-secondary);
	--footer--font-size: var(--global--font-size-xs);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0;
}

@media only screen and (max-width: 782px) {
.ref .wp-block-column:not(:only-child) { flex-basis: calc(33% - 1em)!important;}
.bgimg_o {
    position: relative;
    text-align: center;
    height: 97vH;
    /* max-height: 653px; */
    width: 100%;
    display: block;
    padding: 22rem 0 1rem;
    top: -20rem;
    margin-bottom: -22rem;
    background-image: url(../../themes/ArtH39-childtheme/img/selbstheilung-lp490.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}
.txto {  max-width: 66vW;    font-size: 1rem; }
#spbgcont div {margin: 0 auto 2rem;
}
}

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

	.widget-area { column-gap: calc(4.9* var(--global--spacing-horizontal)); }
	.primary-navigation .primary-menu-container>ul>.menu-item>a+.sub-menu-toggle { margin-left: calc(-9px - var(--primary-nav--padding)); }
}
html, body {    max-width: 100%;width: 100%;margin: 0;padding: 0;
overflow-x: hidden;background-image: url(../ArtH39-childtheme21/img/rauschen.png);
line-height: 1.15;
 	-webkit-text-size-adjust: 100%;scroll-behavior: smooth; transition: all 400ms ease-out;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
body:not(.home) {  background-image: url(../../themes/ArtH39-childtheme21/img/tennisverein.jpg);
	background-repeat: no-repeat;
	background-size: 100%;    background-attachment: fixed;
}
.wp-custom-logo .site-header {
    align-items: normal;
}
.teb1 {
    display: flex;
    justify-content: space-around;
    color: #fff;
    padding: 3rem 10%;
}
.teb1 img{border-radius: 3px;
    border: 3px solid #d4e403;
}
.te1 {font-weight: bold;
    max-width: 390px;
    width: 39%;
    /* padding-right: 4%; */
    margin-right: 9%;
    box-sizing: border-box;
}
.home .site-content, .site-header { position: relative; z-index: 1; }
.site-header { z-index: 9; }
.site-header {padding: calc(.41 * var(--global--spacing-vertical));

    width: 100%;
    box-sizing: border-box;
    margin: 0;
    min-width: 100%; }
.home .site-header {}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: transparent;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: #1b1e2b;
}
.singular .entry-title {font-size:3.49vW;}
.site-logo {max-height: 217px;
    margin: -4px 7px 4px;
    padding: 0;
    display: inline-block;
    vertical-align: text-top;
}
.custom-logo { max-height: 26px;}
.site-description {
    color: currentColor;
    font-family: var(--branding--description--font-family);
    font-size: 1rem;
    letter-spacing: .1rem;
    line-height: .61;
}
.site-title {    color: #ffd66e;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(227deg,#f1d570 0,#ffdd9d 14%,#746647 17%,#fffaf1 20%,#fbf0c8 30%,#ebcc9e 39%,#e1b360 44%,#746647 47%,#f7e0b6 50%,#fde3b4 66%,#977a45 69%,#f9e0a1 74%,#fffcf5 83%,#f5bd68 96%);
    -webkit-background-clip: text;
    background: -o-linear-gradient(transparent,transparent);display: inline-block;}
.home h1 { font-size: 3rem;
    margin-bottom: 1rem;}
h1, h2, h3, h4, .wp-block-latest-posts > li > a{		color: #d4e403}
.wp-block-latest-posts > li > a { font-size: 1.6rem;}
.site-description {text-transform: uppercase;}
.txto {font-weight: bold;margin: auto; }
.wp-block-button__link { letter-spacing: 3px;}
.ref, .bek { display: flex;   align-items: stretch;    padding: 2rem 3%;color: #cbcbcb;margin: -2.17rem 0 0; background-color: #1B1E2B; }
.ref .wp-block-columns .wp-block-column > * {   align-items: stretch;height: 100%;}
.ref .wp-block-column {
    display: flex;
}
.act{    border-radius: 50%;
    border: 3px solid #d4e403;
    position: relative;
    animation: actmove 2s forwards;
    margin-top: 2rem;
    width: 185px;
    padding: 2rem;
    text-align: center;
    font-variant: all-small-caps;
    color: #d4e403;
}
@keyframes actmove {
  0% {left: -300px;}
	97%{left: 300px;}
  100% {left: 200px;}
}
.wp-block-latest-posts.is-grid {justify-content: space-between;
}
.forminator-ui#forminator-module-291.forminator-design--flat .forminator-description, .forminator-ui#forminator-module-291.forminator-design--flat .forminator-description p, .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box~span {
    color: #ffffff!important;
}
.bek {margin: 19px 0 0; font-size: 0.79rem;padding: 0.4rem 3%; letter-spacing: 2px;}
.ref div div div { padding: 1rem 0%; background:#11131a;    min-height: 4.4rem;height: 100%;text-align: center;    border-radius: 3px; }
.ref{border-bottom: 4px solid transparent;
-moz-border-image: -moz-linear-gradient(right,#8a6732 0%,#b18c3a 50%,#483824 70%,#a57637 90%);
-webkit-border-image: -webkit-linear-gradient(right,#8a6732 0%,#b18c3a 50%,#483824 70%,#a57637 90%);
border-image: linear-gradient(to right,#d3b96f 0%,#ddb84f 45%,#d9bc34 60%,#7e7149 66%,#edd560 70%, #c5a651 79%);
border-image-slice: 1;}
.spbg{background-image: url(../../themes/ArtH39-childtheme/img/zeit.jpg); background-repeat: no-repeat; background-size: cover; }
.spbg2{background-image: url(../../themes/ArtH39-childtheme/img/zugang.jpg); background-repeat: no-repeat; background-size: cover;     background-position: center top;}
.gr2  {  min-height: 266px; color: white; text-shadow: 1px 2px 2px #000; padding: 9rem 2rem 1rem; text-align: center;}
.spbg3{background-image: url(../../themes/ArtH39-childtheme/img/erfolg-1.jpg); background-repeat: no-repeat; background-size: cover; }
#spbgcont div {box-shadow: -1px 2px 3px #1c1c1c;
    background-color: #fff9f5;
    padding: 2rem 1rem;
    color: #ffffff;
    font-weight: bold;text-align: center;
    text-shadow: -1px 1px 4px #1c1e2b; }
.spbgcont { margin: 6rem auto; }
.wp-block-buttons { text-align: center; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
    background-color: var(--cta-color);
}
ul, ol { padding-left: calc(1 * var(--global--spacing-horizontal)); }
.wp-block-button.cta { margin: 1rem auto; }
.col_b {border: 1px solid var(--global--color-gray);padding: var(--global--spacing-unit);background-color: #CDA434;
    color: #fff;
    font-weight: 600; }
.singular .entry-header { padding-bottom: calc(0.3+var(--global--spacing-vertical)); margin-bottom: var(--global--spacing-vertical); border-bottom: none; text-align: center;}
.site-footer > .site-info { border-top: none; }
.widget-area { margin-top:  var(--global--spacing-vertical);}
.site-footer, .widget-area { max-width: var(--responsive--alignwide-full);background-color: #1B1E2B; color: #d7d7d7;padding: var(--global--spacing-vertical) 6%; }
.widget-area{border-top: 4px solid #d4e403;
  }
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {min-width: 1.2rem;}
.extratypo::first-letter { font-size: 310%; line-height: 4.9rem;    color: var(--cta-color); }
.extratypo{font-weight: bold;text-align: center;    font-style: italic;}
.tnp-subscription label { font-weight: 400;}
.tnp-privacy-field a {font-size: .79rem;text-shadow:none;}
input[type=checkbox], input[type=radio] { width: 16px; height: 16px;}
.zahlg { text-align: center; }
.swpm-buy-now-button-submit { border-radius: 40px; }
.scrollup {z-index: 99;
    position: fixed;
    bottom: 16px;
    right: 4px;
}
@media only screen and (max-width: 1367px) {

}
@media only screen and (max-width: 1024px) {
.site-header { row-gap: 0;
}
.bgimg_o {    padding: 13rem 0 1rem;}
.ref { display: block;}
.ref .wp-block-column{display:block;}
.ref .wp-block-columns{    display: flex; justify-content: center;margin:0 auto 1rem}
.ref div div div { margin: .71rem auto; }
.ref .wp-block-column:not(:first-child) {  margin-left: 0; }
}
@media only screen and (max-width: 821px) {
.site-description {font-size:var(--brandingmobile--description--font-size);}
.home h1 {font-size: 9vW;}
.wp-block-columns .wp-block-column:not(:last-child){margin-bottom:0}
.singular .entry-title {font-size:4.49vW}
.bek { padding: 0.74rem 3%;}
.bgimg_o { padding: 22rem 0 1rem;
}
}
@media only screen and (max-width: 600px) {
body { font-size: 1rem; line-height: 1.36rem;}
.singular .entry-title { font-size: 7.49vW; line-height: 1.3em; }
.bgimg_o{height: 100vH;
    width: 100%;
    display: block;
    padding: 7.6rem 0 1rem;
    top: -124px;
    margin-bottom: -131px;background-position: center; }
.bek {margin: 7px 0 0;}
.site-header:not(.has-logo).has-title-and-tagline .site-branding {   max-width: calc(100% - 93px);
}
.primary-navigation > .primary-menu-container {    background: #1b1e2b;}
.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
    max-width: calc(100% - 66px);
}
.site-description { letter-spacing: 0;
}
.primary-navigation-open .menu-button-container { background-color: #1b1e2b;
}
.site-header {
    padding: calc(0.7 * var(--global--spacing-vertical)) 2vW;
}
}
@media only screen and (min-width: 783px) {
:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1340px);
}
.bgimg_o {    background-position: center;
    position: relative;
    min-height: 100vH;
    background-attachment: fixed;
    /* max-height: 934px; */
    padding: 13rem 0 1rem;
    width: 100%;
    display: block;
    top: -30px;
    min-width: 100%;
    margin: 0;
    margin-bottom: -55px;
    background-image: url(../../themes/ArtH39-childtheme21/img/tennisplatz.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;border-bottom: 3px solid #d4e403;
}
.wp-block-column.bgimg { padding: 9vW 0 4vW;    text-align: center; }
.wp-block-image img {
    border-radius: 4px;
    border: 1px solid #d4e403;
}
.home .site-header {padding: calc(0.7 * var(--global--spacing-vertical)) 4vW;
    position: absolute;
    width: 100%;
    z-index: 9;
    margin: auto;
    max-width: var(--responsive--alignfull-width); }
.site-header {padding: calc(0.7 * var(--global--spacing-vertical)) 4vW;}
#spbgcont div {
    background-color: #fff9f5;
    padding: 10rem 1rem 2rem;
    min-height: 390px;
    border-radius: 3px;
}
.single article, .blog article, .page-id-265 article, body:not(.home) article {
    background: #2f5200ed;
    max-width: 70%;
    margin: auto;
    padding: 6%;
}
}
@media only screen and (min-width: 1025px) {
.site-title {font-size: 1.979rem; }
.widget-area {
    grid-template-columns: repeat(4, 1fr);
}
:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 910px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1340px);
	}
}
@media only screen and (min-width: 1270px) {
.imgbg_o { height: 90vH; }


}/*  */