/*
Theme Name: Twenty Twenty-One Child theme of twentytwentyone
Theme URI: 
Description: Child theme of twentytwentyone theme for the Twenty Twenty-One theme
Author URI: https://artyesno.com/
Template: twentytwentyone
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

 
:root{
	/* Font Family */
	--global--font-primary-child: var(--font-headings, Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen-Sans,  "Helvetica Neue", sans-serif) !important;

	--global--font-family-child: var(--global--font-primary-child);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	font-family: var(--global--font-family-child) !important;
	font-weight: var(--heading--font-weight);
    font-weight:300 !important;
}

h1.page-title {
    line-height: var(--heading--line-height-h1);
    font-size: 3.5rem;
    font-weight:300 !important;
}
h1.entry-title {
		    font-size: 2.5rem !important;
 line-height:var(--heading--line-height-h1);
 font-weight:300;
}

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

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 5rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}



.tw-header-bg .site-content {
    padding-top: 0 !important;
}

.page.home .hentry:not(.has-post-thumbnail) .entry-content {
    margin-top: 0;
}
.page .singular .entry-header {
    max-width: none;
    position: relative;
    border: 0;
    margin-left: 20%;
}



archive .site-main > article > :first-child, .wp-block-template-part > :first-child, [class*="inner-container"] > :first-child {
    margin-top: -50px !important;
}

.page-header,
.singular:not(.tw-title-no-border) .entry-header::after {
 border-bottom: 2px solid #eaa245 !important;
}



/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
}



/* Misc
   ========================================================================== */

/* Media captions moved to customizer addional CSS*/


/**
 * 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--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);
}

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

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 810px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
	

	
}	
@media only screen and (min-width:482px) {
 .primary-navigation {
  position:relative;
  margin-left:auto;
 }
 .primary-navigation > .primary-menu-container {
  visibility:visible;
  opacity:1;
  position:relative;
  padding:0;
  background-color:transparent;
  overflow:initial;
  transform:none
 }
	

}
	/* Menu
   ========================================================================== */

.primary-navigation .menu-item-description {
  display: none !important;
  clear: both;
  font-size: var(--global--font-size-xs);
  text-transform: none;
  line-height: 1.7;
}

@media only screen and (min-width:482px) {
 .primary-navigation {
  position:relative;
  margin-left:auto
 }
 .primary-navigation > .primary-menu-container {
  visibility:visible;
  opacity:1;
  position:relative;
  padding:0;
  background-color:transparent;
  overflow:initial;
  transform:none;
	 float:right;
	 text-transform: none;
 }

	}
	

/* Content
========================================================================== */
.archive-description a,	
	.entry-content a {
		text-decoration: none;
    border-bottom: 1px solid #ff6900;
}
.archive-description a:hover,	
	.entry-content a:hover {
		text-decoration: none;
    border-bottom: 1px solid #fff;
}

/* breadcumbs
========================================================================== */
#breadcrumbs {
  font-size: 0.8rem;
  font-weight: 400;
	color: #bbb;
}

#breadcrumbs a {
		text-decoration: none;
    border-bottom: 1px solid #353232;
}
#breadcrumbs a:hover {
		text-decoration: none;
    border-bottom: 1px solid #ff6900;
}


/* Pagination
========================================================================== */
	
.nav-next-text,
.nav-prev-text {
display: none;

}

	/* Footer
========================================================================== */
.site-footer > .site-info {
    display: none !important;
}
	
.site-katz  {	
	padding-left: 20px;
    padding-bottom: 20px;
    font-size: 0.8em;
    color: #aaa;
}
	
 .site-katz a  {	

    color: #aaa;
}
	

.widget h2 {
  display: none;
}


 .impressum {
  position: fixed;
  bottom: 0px;
  left: 10px;
  background: var(--header--color-background);
  z-index: 9999;
  font-size: 12PX;
  font-size: 0.750rem;
	 min-width: 100%;
  padding-bottom: 5px;
}

/* Widgets below (sticky)
   ========================================================================== */
.widget-below {
  position: fixed;
  bottom: 0;
  padding: 10px 30px;
  font-size: 0.9rem;
  min-width: 100%;
}

.widget-below a:hover {
		text-decoration: none;
    border-bottom: 1px solid #ff6900;
}


.widget-below .textwidget {
		max-width: 50%;
}

@media only screen and (min-width: 482px) {
 .widget-below .textwidget {
		max-width: 90%;
}

	}



/* Widgets leftbar
   ========================================================================== */

.widget-front {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
	padding: 10px;
    top: 85px;
    position: absolute;
}

.widget-above {
    margin-left: 20px;
    margin-top: 0 !important;
    float: left;
}

.widget-above p,
.widget-front p {
font-size: 0.8rem;
	line-height: 0.5rem;

}

.widget-above h2,
.widget-front h2 {
font-size: 1.2rem;
	line-height: normal;
	font-weight: 600;
	text-transform: uppercase;
}

.widget-above h2 a:hover,
.widget-front h2 a:hover {
    background-color: rgba(0, 0, 0, 0.3);

}

body.single.single-post .widget-above {
    float: left;
    margin-left: 6%;
	border: 1px solid #ccc;
padding: 10px;
}

/* Video
   ========================================================================== */

.wp-video {
   width: 100% !important;

}

.mejs-controls {
}
	
.mejs-controls:hover {
}	

/* gallery
   ========================================================================== */


.gallery-item {
  display:inline-block;
  text-align:center;
  vertical-align:top;
  width:100%
}
.gallery-item a {
  display:block
}
.gallery-item a:focus img {
  outline-offset:-2px
}
.gallery-columns-2 .gallery-item {
  max-width:50%
}
.gallery-columns-3 .gallery-item {
  max-width:33.33%;
  padding: 6px;
}
.gallery-columns-4 .gallery-item {
  max-width:25%
}
.gallery-columns-5 .gallery-item {
  max-width:20%
}
.gallery-columns-6 .gallery-item {
  max-width:16.66%
}
.gallery-columns-7 .gallery-item {
  max-width:14.28%
}
.gallery-columns-8 .gallery-item {
  max-width:12.5%
}
.gallery-columns-9 .gallery-item {
  max-width:11.11%
}
.gallery-caption {
  display:block
}