/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       WebWork Beate Bodendorf
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html {box-sizing: border-box;}
*, ::before, ::after {box-sizing: inherit;}

@media screen and (min-width: 600px) {
	.blog #main, .archive #main, .search #main {display: flex;flex-wrap: wrap;}
	.blog #main header, .archive #main header, .search #main header, .blog .paging-navigation, .archive .paging-navigation, .search .paging-navigation {flex: 0 1 100%;}
	.blog #main article, .archive #main article, .search #main article {flex: 0 1 45%;margin-right: 5%;}
	.blog #main article:nth-child(2n+1), .archive #main article:nth-child(2n+1), .search #main article:nth-child(2n+1) {margin-right: 0;}
}

@media screen and (min-width:769px) and (max-width:781px) {
	.wp-block-columns {margin-left: 0;}
}


/*Allgemeine Klassen*/

@media screen { /*weiße Schrift*/
    .logo {color: #fff;}
}

.page-content, .entry-content, .entry-summary {margin-top: 23px;}

a {font-weight: 700;}

.margin-top {margin-top: 1em;}
.small {font-size: 80%;}
.border-grey img {border: 1px solid #eee;}
.center, .box {text-align: center;}

p, #content ul, #content ol {margin-bottom: 1.2em;}

#content ul li, #content ol li {margin-bottom: 0.5em;}

@media screen and (max-width:768px) {
	.wp-block-columns .wp-block-column {margin-bottom: 1.2em;}
	.wp-block-columns .wp-block-column p:last-child, form .wp-block-columns .wp-block-column {margin-bottom: 0;}
}

/*Allgemeines Layout*/

h1, h2, h3 {font-family: 'Oswald', sans-serif;}

.inside-navigation {border-bottom: 1px solid #7f8b9b;}
#sticky-navigation .inside-navigation {border-bottom: none;}

.main-navigation a {
    text-transform: uppercase;
    font-weight: bold;}

.header-image {background: #fdcd7b;}

.header-image h2 {color: #68717d !important;}

.header-image img {display: block;}

p.logo {
    line-height: 1.1;
    background: #7f8b9b;
    margin-bottom: 0;}

p.site-description {
    line-height: 1.2;
    margin-bottom: 0.5em;}

.logo span {font-style: italic;}

.site-description {color: #7f8b9b;}

.bg-grey {background: #dadde2;}
.bg-yellow {background: #fff0d9;}

#page {flex: 1 1 auto;}

.container.grid-container {width: 100%;}

#primary ul, #primary ol {margin-left: 20px;}
#primary ul.blocks-gallery-grid {margin-left: 0;}

#content a:hover, #content a:focus {text-decoration: underline;}

.wp-block-table table, .wp-block-table table td, .wp-block-table table tr {border: 0;}
.wp-block-table table td {padding: 0 0 0.3em 0;}

/*CTA*/

.cta {
    text-align: center;
    margin: 0;}

.cta, .wp-block-file {
	padding-top: 20px;
    padding-bottom: 35px;}

.search-results .read-more {display: block;}

#content .cta a:link, #content .cta a:visited {
    border: 1px solid #777;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 400;
    color: #fff;
    background: #777;
    text-decoration: none;
    padding: 10px 25px;}

#content .cta a:hover, #content .cta a:active {
    background: #fff;
    color: #777;}

.wp-block-file a.wp-block-file__button:link, .wp-block-file a.wp-block-file__button:visited {
	border-radius: 0;
    font-size: inherit;}

/*Elemente verstecken*/

.elementtohide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;}


/*Sticky Footer*/

body {
    font-family: 'Noto Sans', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;}

.site-footer {text-transform: uppercase;}

/*Form*/

input[type=checkbox], input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	padding: 10px;
	margin-left: 5px;
	margin-right: 10px;}

select, input[type=text], input[type=tel], input[type="email"], input[type="date"] {
    margin-bottom: 1em;
    width: 100%;}

span.wpcf7-list-item {margin: 10px 0 10px 0;}


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

    .flex-form {
        display: flex;
        justify-content: space-between;}

    .flex-form div {flex: 0 1 48%;}

}

/*Edge Bugfix*/

_:-ms-lang(x),
_:-webkit-full-screen, .blocks-gallery-grid {max-width: 100%;}

/*ab 1000px*/

@media screen and (min-width: 1000px) {
	
	.dropdown-click .main-navigation ul li:hover > ul, .main-navigation ul li ul:hover {
		left: auto;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		height: auto;
		overflow: visible;}

	.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before {
		content: "\f107";
	}
	
	.wp-block-columns { flex-wrap: nowrap;}
	
	#content, .wp-block-columns {
		display: flex;
		/*justify-content: space-between;*/}

	.no-sidebar #primary {flex: 0 1 100%;}
	.nav-links a.prev, .nav-links a.page-numbers, .nav-links span {margin-right: 10px;}

	.wp-block-columns .wp-block-column.col-60 {flex: 0 1 60%;}
	.wp-block-columns .wp-block-column.col-40 {flex: 0 1 40%;}
	.wp-block-columns .wp-block-column.col-70 {flex: 0 1 70%;}
	.wp-block-columns .wp-block-column.col-30 {flex: 0 1 30%;}
	.wp-block-columns .wp-block-column.col-20 {flex: 0 1 20%;}
	.wp-block-columns .wp-block-column.col-25 {flex: 0 1 25%;}
	
	/*blockquote {border-left: 5px solid #2b4fbd;} Farbe anpassen*/

}

@media screen and (max-width:767px) {
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
		display: block;
		margin: 0 0 1.3em 0;
		width: 100%;}
}

@media screen and (min-width: 782px) {
	.wp-block-columns {flex-wrap: wrap;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	#primary, #right-sidebar {
		float: none;
		width: 100%;}
}

@media screen and (min-width:769px) and (max-width:1650px) {
    #site-navigation .navigation-branding, #sticky-navigation .navigation-branding {margin-left: 40px !important;}
}


@media screen and (min-width:600px) and (max-width:781px) {
.wp-block-columns {display: block !important;}	
.wp-block-column {margin-left: 0 !important;}}

/*XS*/
@media screen and (min-width:600px) and (max-width:999px) {
	
	.wp-block-columns img {
        width: 100%;
		max-width: 500px;}	
}

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

    .header-image {
        display: flex;
        align-items: center;
    }
    
    .header-image img {
        flex: 1;
        min-width: 424px;}
    
    .header-image h2 {
        font-size: 1.4rem;
        padding: 0 30px 0 30px;}

}

@media screen and (max-width:599px) {
    
    .header-image img {margin: 0px auto;}
    
    .logo {font-size: 3rem !important;}
    
    .logo, .site-description {text-align: center;padding-left: 0 !important;}
    
    .header-image h2 {
        text-align: center;
        margin-bottom: 0;
        font-size: 1.6rem;
        padding: 10px 30px 10px 30px;}    
}

/*Small*/

@media screen and (max-width: 999px) {
	
	body, blockquote {font-size: 1rem;}
    .logo {font-size: 4rem;}
	.site-description {font-size: 1.8rem;}
    h1, h2 {font-size: 2rem;}
	h3, h4, h5 {font-size: 1.1rem;}
	
    #primary-menu a, .menu-toggle {
        font-size: 1.1rem;
        text-align: center;}
    
    #menu-hauptnav {padding-bottom: 30px;}
    .logo, .site-description {padding-left: 30px;}
	
	div.nav-previous {margin-bottom: 30px;}
	.nav-links a, .nav-links span {display: inline-block;}	
	.nav-links a.prev, .nav-links a.page-numbers {margin-right: 15px;margin-bottom: 20px;}
	span.page-numbers.current, #main span.page-numbers.current:hover {
		background: #fff;
		color: #000;}
	.pagination a, .pagination span, .page-numbers {
		transition: all .2s ease-in-out;
		color: #000;
		background: #fff;
		padding: 6px 15px;
		border: 1px solid #000;}
	
	table, table td, table th, table tr {display: block;}
	.wp-block-table tr {margin-bottom: 1.2em;}
	
    .box {
        font-size: 1.4rem;
        padding: 25px 50px 25px 50px;}
    
    .home #content h2 {padding-top: 47px;}
    h2 {padding-top: 10px;}    
	
}

/* Large */
@media screen and (min-width:1000px) {

	#primary-menu a {font-size: 1.3rem;} 
	body, blockquote {font-size: 1.2rem;}
    .logo {font-size: 6rem;}
	.site-description {font-size: 3rem;}
    h1, h2 {font-size: 2.4rem;}
	h3, h4, h5 {font-size: 1.2rem;}
    
    .inside-navigation {padding-bottom: 10px;}
    
    .logo, .site-description {padding-left: 15px;}
    
    .header-image h2 {
        font-size: 2rem;
        padding: 0 60px 0 60px;}
	
    .box {
        font-size: 2rem;
        padding: 40px 90px 30px 90px;}
    
    .home #content h2 {padding-top: 55px;}
    h2 {padding-top: 15px;}
    

	
}


@media print {
	.search-item, .menu-toggle, .site-info, .no-print, .mobile-menu, #site-navigation, p.cta, #sticky-navigation, #right-sidebar, .paging-navigation, .wp-block-buttons .wp-block-button, form {display: none;}
	
	.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}
	
	.menu-toggle:before {content: "";}
	
	#main img {width: 400px;}
}

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

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/noto-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../../../fonts/noto-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/noto-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/noto-sans-v9-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../../fonts/noto-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Italic'), local('NotoSans-Italic'),
       url('../../../fonts/noto-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/noto-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/noto-sans-v9-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/noto-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('../../../fonts/noto-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/noto-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/noto-sans-v9-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../../fonts/noto-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),
       url('../../../fonts/noto-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/noto-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/noto-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/noto-sans-v9-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}