/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. Learn more and check out our powerful premium version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles
Version: 1.4.1.1631167551
Updated: 2021-09-09 06:05:51

*/

body.wp-custom-logo .custom-logo-link img { filter: invert(100%); }
body.home .custom-logo-link img { filter: invert(0%); }
body.wp-custom-logo .headroom--not-top .custom-logo-link img { filter: invert(100%); }

.page .entry-content, .page .entry-header .inner-wrap, .page:not(.inspiro-front-page) .entry-footer, .single .entry-content, .single .entry-footer, .single .entry-header .inner-wrap, .inner-wrap, .wrap
{ padding: 0 1.25rem; }

.page .entry-content, .page .entry-header .inner-wrap, .page:not(.inspiro-front-page) .entry-footer, .single .entry-content, .single .entry-footer, .single .entry-header .inner-wrap
{ max-width: 1200px; }

.site-footer .footer-widgets .title { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }

.sprungZiel { height: 10rem; } /* transition: height 1s; }
.site-header.headroom--not-top~.site-content-contain .sprungZiel { height: 1em; } */

.galerieVier { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90vw; max-width: 1200px; margin: 0 auto; }
.galerieVier p { text-align: center; width: 24%; max-width: 279px; }
.entry-content .galerieVier img.alignnone { margin: 0; }

.abstand { height: 1rem; }
.hoehe10 { height: 10rem; }

/* in der Diaschau */

.sa_hover_container { display: flex; justify-content: center; align-items: center; }

/* .sa_hover_container { position: relative; } */
.diaKasten { width: 90%; max-width: 1200px; text-align: center; } /* margin: 0 auto; background-color: #aff; position: absolute; top: 50%; transform: translateY(-50%); } */
.diaKasten .site-title, .diaKasten .site-title a, .diaKasten .site-description { color: #fff; }

.diaKasten .site-title::after { border-bottom: 2px solid rgba(255,255,255,.6); }

.diaKasten .site-description { font-size: 2rem; }


/* Ende in der Diaschau */

/* Original */

/* max-width: groessere vor kleineren */

/* 75em = 1200px */
@media screen and (max-width: 75em) {
	.diaKasten .site-title { font-size: 6.6666667vw; }
}

/* 48.875em = 782px */
@media screen and (max-width: 48.875em) {
	.diaKasten .site-title { font-size: 3rem; }
	.sprungZiel { height: 6.5rem; }
	.widget_custom_html { margin-bottom: 0; }
}

/* 40em = 640px */
@media screen and (max-width: 40em) {
	.diaKasten .site-title { font-size: 2rem; }
	.diaKasten .site-description { font-size: 1.625rem; }
	.custom-header-button { margin-top: 1.125rem; }
	.sprungZiel { height: 6.625rem; }
	.galerieVier { width: 94vw; }
	.galerieVier p { width: 48.5%; }
}

/* 30em = 480px */
@media screen and (max-width: 30em) {
	.diaKasten .site-title { font-size: 1.5rem; }
	.diaKasten .site-description { font-size: 1.25rem; }
	.custom-header-button { margin-top: 1rem; }
	.sprungZiel { height: 5rem; }
	.galerieVier { width: 94vw; justify-content: center; }
	.galerieVier p { width: 100%; }
}

/* Ab hier MIN-WIDTH */

/* 75.0625em = 1201px */
@media screen and (min-width: 75.0625em) {
	.site-title { font-size: 80px; }
}

/* Ende Original */

@media screen and (max-width: 980px) {
	/* .diaKasten .site-title { font-size: 7.34694vw; } */
}

@media screen and (max-width: 30em) {

}