/*
Theme Name:   Twenty Twenty Child-Theme
Theme URI:    https://pmueller.de/ein-child-theme-fuer-twenty-twenty-erstellen/
Author:       Peter Müller
Author URI:   https://pmueller.de
Description:  Child-Theme für das WordPress-Standardtheme Twenty Twenty
Template:     twentytwenty
Version:      1.0 (2019-11-18)
Text Domain:  twentytwentychild
*/


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


body, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote, .entry-content{
	font-family: 'Raleway',sans-serif !important;
}
.entry-header{
	/* background-color: rgb(150,0,0) !important; */
    color: white
}
.singular .featured-media::before {
    background: rgb(150,0,0) !important;
}
.site-description, body:not(.overlay-header) .toggle-inner .toggle-text, .widget .post-date, .widget .rss-date, .widget_archive li, .widget_categories li, .widget cite, .widget_pages li, .widget_meta li, .widget_nav_menu li, .powered-by-wordpress, .to-the-top, .singular .entry-header .post-meta, .singular:not(.overlay-header) .entry-header .post-meta a{
	color: white;
}
.primary-menu a{
	color: rgb(150,0,0) !important;
}

.entry-categories-inner a :not(.search){
	color: white !important;
}


.entry-content{
	font-size: 1.05em;
}
h1, h2, h3, h4 {
    font-family: 'Roboto',sans-serif !important;
    line-height: 1.3 !important;
}

.comment-form-cookies-consent{
	float:left;
}
@media (min-width: 1220px){
.comment-reply-title {
	font-size: 3.6rem !important;
	}
}
@media (min-width: 700px){
	.comment-reply-title {
	font-size: 2.6rem !important;
	}
}



@media (min-width: 1220px){
	.widget-content {
    font-size: inherit;
	}
}

.singular .featured-media-inner {
    position: relative;
    max-width: 70rem;
    width: calc(100% - 5rem);
}
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{
	text-transform: uppercase;
    font-weight: bold;
}
.archive.tag h1 .color-accent{
  color: white;
}


h1,
.heading-size-1 {
	font-size: 6.4rem;
}

@media (min-width: 1220px){
	h1, .heading-size-1 {
    font-size: 6.4rem;
	}
}
@media (min-width: 700px){
	h1, .heading-size-1 {
    font-size: 5.4rem;
	}
}

h2,
.heading-size-2 {
	font-size: 4.8rem;
}
@media (min-width: 700px){
	h2, .heading-size-2 {
    font-size: 3.0rem;
	}
}
@media (min-width: 700px){
	h2.entry-title {
    font-size: 3.2rem;
	}
}
h3,
.heading-size-3 {
	font-size: 3rem;
}
@media (min-width: 700px){
	h3, .heading-size-3 {
    font-size: 2.6rem;
	}
}
h4,
.heading-size-4 {
	font-size: 2.8rem;
}

.wp-block-latest-posts.is-grid li{
	background-color:white;
	padding: 50px;
	border:none;
}


/*comments*/
.fn{
	font-size: .8em;
}
@media (min-width: 700px){
.comment-footer-meta {
    margin-top: 1rem;
}
.comment-meta {
    margin-bottom: 1rem;
}
}



.footer-credits .powered-by-wordpress {
	/* display: none; */
}

.page .post-meta-wrapper{
	max-width:inherit;
}
.archive .post-meta-single-bottom{
    margin-bottom: 20px;
    margin-top: 20px;
}


/*--------------------------------------------------------------
## Social Media Share Buttons
--------------------------------------------------------------*/
.social_icons{
	margin-top: 4em;
}
.socialShareHidden{
	display:none;
}

.socialShareItem{
	float:left;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: 10px;
}

.socialShareItem a {
    font-size: 1.2em;
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    line-height: 1.55em;

	}
.socialShareItem a i.fa-envelope-open {
    font-size: 1.7em;
    vertical-align: 15%;
    font-family: 'Font Awesome 5 Free' !important;
}
.socialShareItem a i {
    margin-top: 9px;
    font-size: 2em;
    font-family: 'Font Awesome 5 Brands' !important;
    font-weight: 500!important;
}
.socialShareItem a:hover {
    color: #a5a5a5;
}



.wp-block-latest-posts__post-excerpt {
  color: black;
}


.ccco-banner-text, .ccco-banner-button {
  font-size: 1.4rem !important;
  word-spacing: 0.3rem;
}

/*
.wp-block-spacer{
  background: url('https://www.hakwy.at/wp2021/wp-content/uploads/2021/08/hak_header_maedchen.png');
  background-size: auto 100%;
  background-position: 70% 0%;
  background-repeat: no-repeat;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
}
*/


.home.div.post-inner.thin {
  padding-top: 0 !important;
}

.wp-block-media-text__content {
  padding: 0 12rem 0 0rem !important;
}

.entry-header {
  background: url(https://www.hakwy.at/wp2021/wp-content/uploads/2021/10/shutterstock_maedchen.png) no-repeat,
  linear-gradient( 170deg, rgba(235,234,234,1) 0%,
  rgba(185,185,185,1) 100%);
  background-size: auto 100%;
  background-position: 80% 100%;
  background-repeat: no-repeat;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  padding-top: 18rem !important;
  padding-bottom: 5rem !important;
}


h1.entry-title {
  text-align: left;
  color: white;
  font-weight: 500 !important;
  background-color: #960000;
  width: fit-content;
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  padding: 5px 15px;
}


.section-inner {
  max-width: 120rem !important;
}

/* https://stackoverflow.com/questions/6805482/css3-transition-animation-on-load */

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.entry-title {
  /* animation: 1s ease-out 0s 1 slideInFromLeft; */
}

.ccco-revoke-button-wrap {
  width: calc(100% - 8rem);
  display: block;
}

/* Suche */

.search .post-inner.thin p{
  max-width: 120rem !important;
}

.search .entry-header {
  background: linear-gradient( 170deg, rgba(235,234,234,1) 0%,
  rgba(185,185,185,1) 100%);
  padding-top: 5rem !important;
}

.search .entry-header-inner{
  color: #960000 !important;
}

.powered-by-wordpress{
  color: black !important;
  font-weight: 700;
}

.imp_dat {
  margin-left: auto;
  margin-right: 0;
}

#site-footer .section-inner{
  display: block;
}

#post-9 .post-inner {
  padding-top: 3rem;
}

.falke_categories {
  padding-left: 5rem;
  border-left: 2px solid #C7C7C7;
}

.cat-item a:hover{
  text-decoration: underline;
}

.single-post .entry-header {
  background: linear-gradient( 170deg, rgba(235,234,234,1) 0%,
  rgba(185,185,185,1) 100%);
  padding-top: 5rem !important;
}

.single-post .meta-text a {
  color: #960000 !important;
}

.single-post h1.entry-title{
  margin: auto !important;
}

.single-post .read-more-button-wrap{
  display: none;
}

.single-post .intro-text{
  color: #960000;
}

.blog article, .archive article {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-bottom: 40px;
}

.blog #site-content, .archive #site-content {
  display: flex;
  flex-flow: wrap;
  padding-top: 50px;
  /* max-width: calc(100% - 8rem) !important; */
  max-width: 130rem;
  margin-right: auto;
  margin-left: auto;
}

.blog .entry-header, .archive .entry-header  {
  background: #960000;
  padding-top: 5rem !important;
}

.blog .entry-header a, .blog .entry-header h2, .blog .entry-header ul,
.archive .entry-header a, .archive .entry-header h2, .archive .entry-header ul {
  color: white !important;
}

.blog hr, .archive hr{
  display: none;
}

.blog article:first-of-type, .archive article:first-of-type {
  padding-top: 0 !important;
}

.blog .faux-button, .archive .faux-button {
  margin-bottom: 2rem;
}

@media screen and (max-width:720px) {

   .blog #site-content, .archive #site-content {
     flex-direction: column;
   }
   .blog article, .archive article {
     width: 100%;
   }

   h1.entry-title, h2, h2 a {
     font-size: 3rem;
   }
   .falke_categories {
     border-top: 2px solid #C7C7C7;
     border-bottom: 2px solid #C7C7C7;
     border-left: 0;
     padding-left: 0;
     padding-top: 2rem;
   }
   .home .entry-title {
     max-width: 70%;
   }

   .blog h1{
     margin-left: 25px;
   }
}

.archive .archive-header {
  width: 100% !important;
  max-width: 123rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  padding: 4rem !important;
}

.comment-content p{
  max-width: 100% !important;
}

.blog h1{
  width: 100%;
  margin-left: 30px;
}

.home li:not(.recentcomments){
  display: flex;
  flex-direction: column;
  padding: 0px !important;
}


.home .wp-block-latest-posts__list .wp-block-latest-posts__post-title{
  padding: 20px;
}
.home .wp-block-latest-posts__list li :nth-child(1) {
  order: 2;
}
.home .wp-block-latest-posts__list li :nth-child(2) {
  order: 1;
  background-color: #960000;
  color: white;
  /* height: 120px; */
  padding: 20px;
}
.home .wp-block-latest-posts__list li :nth-child(3) { order: 3;}
.home .wp-block-latest-posts__list li :nth-child(4) { order: 4; }
.home .wp-block-latest-posts__list li :nth-child(5) { order: 5; }

.home li :nth-child(3), .home li :nth-child(4), .home li :nth-child(5) {
  padding-left: 30px;
  padding-right: 30px;
}


.home .wp-block-latest-posts__list li a{
  font-size: 3rem;
  text-align: center;
}

.blog .header-entry-blog{
  background: url(https://www.hakwy.at/wp2021/wp-content/uploads/2021/10/shutterstock_maedchen.png) no-repeat,
  linear-gradient( 170deg, rgba(235,234,234,1) 0%,
  rgba(185,185,185,1) 100%);
  background-size: auto 100%;
  background-position: 80% 100%;
  background-repeat: no-repeat;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  padding-top: 18rem !important;
  padding-bottom: 5rem !important;
  min-width: 100% !important;
  height: 310px;
}

.blog .header-entry-blog h1{
  text-align: left;
  color: white;
  font-weight: 500 !important;
  background-color: #960000;
  width: fit-content;
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  padding: 5px 15px;
  margin-top: 10px;
  margin: 0;
}


.wp-block-latest-posts__featured-image {
  margin-top: 0 !important;
  background-color: #960000;
  padding: 41px;
  padding-top: 0px;
}


@media (min-width: 700px) {
    .footer-widgets {
        width: 33.3333333333%
    }
}

.page-header.alignwide{
  background: url(https://www.hakwy.at/wp2021/wp-content/uploads/2021/10/shutterstock_maedchen.png) no-repeat,
  linear-gradient( 170deg, rgba(235,234,234,1) 0%,
  rgba(185,185,185,1) 100%);
  background-size: auto 100%;
  background-position: 80% 100%;
  background-repeat: no-repeat;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  padding-top: 18rem !important;
  padding-bottom: 5rem !important;
  min-width: 100% !important;
  height: 310px

}

.page-header.alignwide h1{
  text-align: left;
  color: white;
  font-weight: 500 !important;
  background-color: #960000;
  width: fit-content;
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  padding: 5px 15px;
  margin-top: 10px;
  margin: 0;
}

.page-header.alignwide{
  margin-top: 0px !important;
}

.header-entry-blog-margin {
  width: calc(100% - 8rem);
  max-width: 123rem;
  text-align: left;
  margin: auto;
}

.featured-media-inner.section-inner{
  max-width: 700px!important;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem !important;
}

.post-inner.thin .entry-content{
  padding-left: 15px;
  padding-right: 15px;
}

.post-inner {
		padding-top: 4rem;
}