/*
Projekt       : Archimedes Consult
Komponente    : Wordpress
Datei         : style.css
Beschreibung  : Spezielle Anpassungen des Themes "twentytwenty" für die website "archimedes-consult.de"
Author:         Datenwege Informatik
Author URI:     http://Datenwege-Informatik.de
Template:       twentytwenty
Version:        1.0
Historie
   31.12.19  Gernot Daum  Beginn der Implementierung
*/

/* Fonts */
@font-face {
  font-family: 'Raleway Light';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Light.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Light.svg#ralewaylight') format('svg'), /* Legacy iOS */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Light.eot'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'Raleway Semibold';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Semibold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Semibold.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Semibold.svg#ralewaysemibold') format('svg'), /* Legacy iOS */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/Raleway-Semibold.eot'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'MyriadPro Light';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/MyriadPro-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/MyriadPro-Light.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/MyriadPro-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg'),
       url('/wp-content/themes/twentytwenty-archimedes-consult/fonts/MyriadPro-Light.eot'); /* IE9 Compat Modes */
}
h1, h2, h3, h4, h5, h6, .site-title {
	font-family: 'Raleway Light', sans;
	font-weight: 100;
  letter-spacing: 0
}
body, p, .entry-content p, .entry-content ul, .entry-content input, .entry-content textarea, 
.entry-content .valuepairs, .site-description {
	font-family: 'MyriadPro Light', sans;
	font-size: 18px;
	line-height: 22px;
	font-weight: 100
}

/* Allgemein */
ul {margin: 0}
#site-content a {color: #852741; text-decoration: none}
#site-content .dark a {color: #deb174}
#site-content a:hover {text-decoration: underline}
#site-content .centered {text-align: center}
.centered img {display: block; margin: 0 auto}
#site-content .no-margin {margin: 0}
#site-content .no-padding {padding: 0}
#site-content .no-topm {margin-top: 0}
#site-content .no-bottomm {margin-bottom: 0}
#site-content .default-vpad {padding-top: 3rem; padding-bottom: 3rem}
#site-content .default-topp {padding-top: 3rem}
#site-content .default-bottomp {padding-bottom: 3rem}
.smallscreen {display: none}

/*   Breiten */
.constriction, #site-content .pagination-single, .footer-inner.section-inner {
	max-width: 128rem; 
	margin: 0 auto
}
.constriction {max-width: 120rem}
#site-content, .section-inner {
	max-width: 192rem; 
	margin: 0 auto
}
.alignwide.dark, .alignwide.golden {padding-left: 15px; padding-right: 15px}
.entry-content > .alignwide, [class*="__inner-container"] > .alignwide {
 	width: 100%; 
 	max-width: 192rem
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 128rem;
}
#site-content .narrow, .blog article {max-width: 96rem; margin: 0 auto}
#site-content .single-track, .single-track, .narrow-content #site-content, .post-template .post-inner 
{max-width: 800px; margin: 0 auto} 
#site-content .path {max-width: 64rem; margin: 0 auto}
#site-content .path.path1 {padding-left: 6rem}


/*   Standardtextabschnitte */ 
h1, h2, h3 {text-align: center}
.wp-block-column h2 {text-align: left}
h1 {font-size: 5.4rem;	text-transform: uppercase}
h2 {font-size: 2.4vw; text-transform: uppercase}
.red {color: #852741}
span.red {padding: 5px; color: white; background: #852741}

/*   Überlagerungen */
.overlay-anchor {position: relative}
.overlay {position: absolute}
.overlay.header {top: 5%; z-index: 1}
.overlay.bottom {bottom: 0}

/* Diverse Standards */
.clearfix:after {content: "."; clear: both; display: block; visibility: hidden; height: 0px}
.align-right {text-align: right}
.max-tablett {display: none}

/* Kopf */
.header-inner {flex-direction: column}
.header-titles {margin: 0 auto}

/*  Navigation */ 
ul.primary-menu {
  margin: 0;
  font-size: 17px;
  letter-spacing: -0.06rem;
}
#site-header a, .menu-modal .mobile-menu a, #menu-fussnavigation a { 
	color: #000;
	text-transform: uppercase;
	text-decoration: none
}
#site-header .current-menu-item > a, #site-header .current-menu-ancestor > a,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a,
#menu-fussnavigation li.current-menu-item > a {
	color: #852741;
	font-weight: bold;
	text-decoration: none
}
.primary-menu .current_page_ancestor {text-decoration: none}
#site-header a:hover, .menu-modal .mobile-menu a:hover, #menu-fussnavigation a:hover {
	color: #852741;
}
#site-header .primary-menu > li {padding: 5px}
#site-header .primary-menu > li.highlighted {background: #deb174}
#site-header .primary-menu > li.highlighted a {color: #fff}
#site-header .primary-menu > li.highlighted.current-menu-item a,
#site-header .primary-menu > li.highlighted a:hover 
{color: #852741}
#site-header .primary-menu > li > .icon {color: #000}
/*   Untermenüs */ 
#site-header {z-index: 5}
#site-header .primary-menu ul {
	background-color: #fff;
  box-shadow: 0 2px 10px rgba(26, 43, 73, 0.8)
}
.primary-menu ul {width: 24rem; padding: 0}
#site-header .sub-menu a, .menu-modal .mobile-menu a, #menu-fussnavigation a { 
	text-transform: none;
}
/*   Handy Menü */
.modal-menu > li > .ancestor-wrapper > a {
	font-size: 19px;
	font-weight: normal
}
.header-inner .toggle {
	position: fixed; 
	top: 0; 
	display: block; 
	height: 60px;
	background: rgba(255, 255, 255, 0.7);
}
.toggle-inner {height: 20px; padding-top: 0}
/*   Fußmenü */
.footer-menu {
	display: block;
	text-align: center; 
	font-size: 1.6rem;
  font-weight: normal;
  margin: 5px 0
}
.footer-menu li {
	display: inline;	
	margin: 12px 0;
	padding: 1px 5px;
	border-left: 1px solid #000
}
.footer-menu li:first-child {
	padding-left: 0;
	border-left: none
}
.footer-menu a {
	text-transform: uppercase
}
#site-footer .footer-menu a:focus, #site-footer .footer-menu a:hover {text-decoration: none}


/*    Aufbau der Seitenstruktur */ 

/* Fuß  */ 
.site-info {margin: 0 auto}
#site-footer {font-size: 1.6rem}
#site-footer a {color: #000}


/* Inhalte  */ 
.dark {color: #fff; background: #1a2b49}
.dark h1, .dark h2, .dark h3 {color: #fff}
.golden {color: #fff; background: #deb174}
.golden h1, .golden h2, .golden h3 {color: #fff}
.light {color: black; background: white}
.light h1, .light h2, .light h3 {color: black}
.entry-header {display: none}
.home .post-inner {padding-top: 0}
.header img {
  border-bottom-left-radius: 100px/50px;
  border-bottom-right-radius: 5000px;
}
.home .wp-block-video video {min-height: 400px}
 
/* Blöcke */
.entry-content .shape-container {
	background: #1a2b49;
} 
.entry-content .wp-block-group .shaped, .shaped  {
	height: 36vw; 
	max-height: 664px;
	width: 120%;
	max-width: 2860px;
	margin-left: -10%;
	border-radius: 0 0 50% 50%;
	background-size: 100%;
	background-position: top
}
.entry-content .wp-block-group .shaped.top {
	width: 100%;
	float: left;
	margin-left: 0;
	border-radius: 100%;
	background: white;
}
.entry-content .wp-block-group .shaped.top:before {
	content: "";
	background: white;
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.header-home {
	background: url(/wp-content/uploads/2020/02/Header-Startseite.jpg);
}
.topblue {
	width: 100%;
	min-height: 120px;
	margin: 0
}
.tile-container {min-height: 200px}

/*   Rechtliche Seiten */
.legal h1, .legal h2, .legal h3 {
	margin-bottom: 10px;
	font-family: 'Raleway Semibold';
	text-align: left;
	text-transform: none
}
.legal h1 {font-size: 28px; line-height: 38px}
.legal h2 {margin-top: 30px; font-size: 22px; line-height: 28px}
.legal h3 {margin-top: 15px; font-size: 20px; line-height: 24px}

/*   Fliegender Requester */
#site-content .flying.requester {
	width: 90%;
	padding: 30px;
  background: rgba(255, 255, 255, 0.5)
}
.flying.requester h1 {
	margin-top: 0; 
	color: #000;
	font-size: 3vw
}
.flying.requester .buttons {
	 width: 25%; 
	 min-width: 34rem;
	 margin: 0 auto;
}
.flying.requester p {
	text-align: center;
	font-size: 20px;
  font-size: 1.4vw; 
  line-height: 1.6vw
}
.flying.requester .btn1, .flying.requester .btn2 {
	padding: 1rem;
	min-width: 15rem;
	text-align: center;
}
#site-content .flying.requester .btn1 a, #site-content .flying.requester .btn2 a {
	color: #fff;
	font-size: 1.6rem;
	text-decoration: none
}
.flying.requester .btn1 {
	float: left;
	background: #852741
}
.flying.requester .btn2 {
	float: right;
	background: #deb174
}
.flying.requester .btn1:hover, .flying.requester .btn2:hover {opacity: 0.8}

/*   Kacheln */ 
#site-content .tiles h3, .tiles .wp-block-column > h3 {
	margin-top: 0;
	margin-bottom: 2.2rem;
	font-family: 'Raleway Semibold';
	font-size: 2.2rem;
	text-transform: uppercase
}
#site-content .tiles h4, .tiles .wp-block-column > h4 {
	margin-top: 0;
	margin-bottom: 1.7rem;
	font-family: 'Raleway Semibold';
	font-size: 1.7rem;
	text-transform: uppercase
}
#site-content .tiles h4.no-bottomm {margin-bottom: 0}
.tiles .wp-block-column > h3, .tiles .wp-block-column > h4, .tiles .wp-block-column > p {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto
}
#site-content .tilerestrained {padding: 30px}
#site-content .masonry1 .wp-block-columns {display: block}
#site-content .blockclose .wp-block-group, 
#site-content .blockclose .wp-block-columns, 
#site-content .blockclose .wp-block-column 
{margin: 10px}
#site-content .blockclose .wp-block-column:first-child {margin-left: 0}
#site-content .blockclose .wp-block-column:last-child {margin-right: 0}
#site-content .tilerestrained h3, #site-content .tilerestrained p {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
#site-content .tilerestrained h3 {
	margin-top: 0; 
	margin-bottom: 15px;
	font-family: 'Raleway Semibold';
	font-size: 18px; 
	text-transform: uppercase
}
.tilered, .tilegolden {padding: 4.5rem; 1.5rem; color: white}
.tilered {background: #852741}
.tilegolden {background: #deb174}
.tile01 {
	display: block;
	position: relative;
	width: 90%;
	max-width: 300px;
	border: 2px solid #852741;
	margin: 0 auto;
	font-size: 16px;
  text-align: center;
}
.entry-content .wp-block-columns .tile01 h3 {
	position: absolute;
	z-index: 10; 
	top: 75px;  
	width: 100%;
	padding: 0 10px;
	color: #852741;
	font-family: 'Raleway Semibold';
	font-size: 30px;
	letter-spacing: -0.05px;
	hyphens: auto; 
	text-transform: uppercase
}
.tile01 img {opacity: 0.4}
.tile01:hover img {opacity: 0.25}
.linkbtn, .linkbtn1, .linkbtn2 {
	display: block;
	clear: both;
	width: 90%;
	max-width: 300px;
	margin: 5px auto;
	text-align: center
}
.linkbtn {
	display: inline;
	padding: 5px 10px;
	border: 1px solid white; 
	background: transparent
}
#site-content .linkbtn, #site-content .linkbtn1, #site-content .linkbtn2, #site-content .linkbtn a {
	color: white;
	text-decoration: none
}
#site-content .linkbtn.red {background: #852741}
#site-content .linkbtn:hover, #site-content .linkbtn1:hover, 
#site-content .linkbtn2:hover, #site-content .linkbtn a:hover {text-decoration: none}
.linkbtn1 {background: #852741}
.linkbtn2 {background: #deb174}
.linkbtn:hover {background: rgba(255, 255, 255, 0.3)}
.linkbtn1:hover, .linkbtn2:hover {opacity: 0.8}

/*     Masonries */
#site-content .masonry1 > .wp-block-column:first-child {margin: 0}
#site-content .masonry1 > .wp-block-column:first-child > *, 
#site-content .masonry1 .wp-block-video 
{margin-top: 0}
#site-content .masonry1 > .wp-block-column:last-child {margin-top: 0}
#site-content .masonry1 .wp-block-column {
	float: left; 
	width: calc(50% - 10px);
	min-height: 304px
}
#site-content .masonry1 > .wp-block-column:last-child > * {
	height: 246px; 
	margin-left: 0px; 
	margin-right: 0px
}

/*   Schwebende Kacheln */
#site-content .overlay-anchor.tilecolumns {min-height: 200px; margin-bottom: 200px}
.tilecolumns .overlay {
	margin-top: 60px; 
	padding: 30px 45px; 
	text-align: center;
	background: #852741
}
.tilecolumns .overlay h3  {
	margin: 0;
	padding: 0 0 15px 0;
  font-family: 'Raleway Semibold';
	font-size: 18px;
	text-transform: uppercase
}
/*     Eine Spalte */
#site-content .overlay-anchor.one.tilecolumns {margin-bottom: 240px}
#site-content .one.tilecolumns .overlay {
	min-height: 300px;
	max-width: 380px;
	width: 40%; 
	max-width: none; 
	margin-left: 30%
}
/*     Drei Spalten */
.three.tilecolumns .overlay {
	width: calc(33.33% - 8px); 
	min-height: 200px;
	margin-top: 100px
}
.three.tilecolumns .wp-block-column:not(:first-child) {margin-left: 12px}
.three.tilecolumns .overlay:nth-child(2) {left:  calc(33.33% - 8px)}
.three.tilecolumns .overlay:nth-child(3) {left:  calc(66.66% - 4px)}
.three.tilecolumns p {max-width: 300px; margin-left: auto}

/*     Kachelquadrat */
#site-content .tilesquare {
	bottom: -360px;
  width: calc(100% - 30px);
	margin: 0 
}
#site-content  .cardtile {
	position: relative;
	float: left;
  width: calc(50% - 7.5px); 
	margin: 0 15px 15px 0
}
#site-content  .cardtile:nth-child(even) {margin-right: 0}
#site-content .cardtile div {
	min-height: 240px;
	transition: all 1s;
}
#site-content .cardtile p {
	 margin: 0
}
#site-content .cardtile .front {
	text-align: center;
	background: #852741
}
#site-content .cardtile:hover .front {
	opacity: 0
}
#site-content .cardtile:hover .back {
	opacity: 1
}
#site-content .cardtile .front p {
	padding-top: 45px;
	font-family: 'Raleway Light';
	font-size: 120px;
	line-height: 140px
}
#site-content .cardtile .back {
	position: absolute;
	top:0 ;
	left: 0;
	padding: 45px 30px;
	background: #deb174;
	opacity: 0
}

/* Advanced Gutenberg */
#site-content .wp-block-advgb-accordions {margin-top: 30px; margin-bottom: 30px}
#site-content .advgb-accordion-header h4.advgb-accordion-header-title {
	margin: 0;
	font-family: 'Raleway Semibold';
  font-size: 18px;
  text-transform: uppercase
}
#site-content .wp-block-advgb-accordions p {max-width: 800px} 
#site-content .advgb-accordion-header[aria-expanded="true"] .advgb-accordion-header-title::before {
    content: '-';
    float: right;
    margin-right: -30px;
    line-height: 24px;
    font-size: 36px;
    cursor: pointer;
}

/* Kontaktformulare */
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form input[type="submit"] {
	padding: 1rem;
	background: transparent
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form input[type="submit"] 
{color: black}
.dark .wpcf7-form input[type="text"], .dark .wpcf7-form input[type="email"], .dark .wpcf7-form textarea, .dark .wpcf7-form input[type="submit"] 
{color: white}

.wpcf7-form .col1, .wpcf7-form .col2 {display: inline-block}
.wpcf7-form .col1, .wpcf7-form .col2 {width: 49%; margin-bottom: 1em}
.wpcf7-form .col1 {width: 49%; margin-right: calc(2% - 5px)}
.wpcf7-form input[type="submit"] {
	padding: 1rem 3rem;
	margin-bottom: 1em;
	border: 1px solid black; 
	font-size: 18px;
	line-height: 18px; 
	font-weight: normal;
	text-transform: none
}
.dark .wpcf7-form input[type="submit"] {border: 1px solid white}
.wpcf7-form input[type="submit"]:hover {
	background: rgba(26, 43, 73, 0.3);
	text-decoration: none
}
.dark .wpcf7-form input[type="submit"]:hover {background: rgba(255, 255, 255, 0.3)}
span.wpcf7-not-valid-tip {
	background: rgba(255, 255, 255, 0.5); 
	color: #852741;
	font-size: 18px;
	line-height: 22px
}
div.wpcf7-response-output {margin: 1.5rem 0; font-size: 18px}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #deb174}


/* Pop Ups */
#sgpb-popup-dialog-main-div  {width: 660px !important; padding-right: 30px}
.popup.single-track {max-width: 600px}
.popup .col1, .popup .col2 {width: 100%}
.popup, .popup h2, .popup p {color: #fff; text-align: center}

/* Google Maps */
div#googleMap {width: 100%; height: 30em; margin: 0 auto}


/* Responsive */

/* Breiter Bildschirm   */
@media screen and (max-width: 1600px) {   
  h1 {font-size: 6.4rem;	text-transform: uppercase}
  h2 {font-size: 3vw; text-transform: uppercase}
}

/* Zwischengröße  */
@media screen and (max-width: 1300px) {   
	#site-content .masonry1 .wp-block-column {min-height: 380px}
	#site-content .masonry1 > .wp-block-column:last-child > * {height: 284px}
}

/* Kleiner PC Bildschirm  */
@media screen and (max-width: 1220px) {   
	.overlay.header {top: 0; margin-top: 1rem}
	h2, .flying.requester h1 {font-size: 3.5vw}
	.flying.requester p {font-size: 18px; line-height: 22px} 
	.three.tilecolumns .overlay {min-height: 240px}
	.three.tilecolumns .overlay h3 {min-height: 60px}
}

/* Tablett Landscape */
@media screen and (max-width: 999px) {
	.gt-tablett {display: none}
  .max-tablett {display: initial}
	#site-content .flying.requester {width: 100%; background: transparent}
	.overlay.header {position: relative; margin: 0; padding: 60px 0; color: #fff; background: #1a2b49}
	.flying.requester h1 {color: #fff}
	 h2, .flying.requester h1 {font-size: 4.2vw}
	.flying.requester h1 {margin-bottom: 10px}
	#site-content .one.tilecolumns .overlay {width: 80%;  margin-left: 10%}
	.three.tilecolumns .overlay {hyphens: auto}
		#site-content .masonry1 .tilerestrained h3 {font-size: 17px}
	#site-content .masonry1 .wp-block-column {min-height: 540px}
	#site-content .masonry1 > .wp-block-column:last-child > * {height: 364px}
}

/* Tablett Portrait / großer Umbruch */
@media screen and (max-width: 782px) {
	.header-inner {padding: 5px 0}
	.overlay.header {padding: 15px 0}
	h2, .flying.requester h1 {font-size: 5vw}
	.widescreen {display: none}
	#site-content .widescreen-top {margin-top: 0; padding-top: 0}
	.smallscreen {display: initial}
	.dark .wp-block-column > :first-child, .golden .wp-block-column > :first-child 
	{padding-top: 30px; text-align: center}
	#site-content .one.tilecolumns .overlay {width: 94%; margin-left: 3%}
	#sgpb-popup-dialog-main-div  {width: 480px !important; padding-right: 20px}
  .popup.single-track {max-width: 420px}
	.three.tilecolumns .overlay {min-height: 0}
	.three.tilecolumns p {max-width: none}	
	.dark.special1 {background: white; padding: 0}
	.dark.special1 .wp-block-spacer, .dark.special1 h2, 
	.dark.special1 .wp-block-group__inner-container > p {
		padding: 0 15px;
		background: #1a2b49
	}
	.dark.special1 h2 {
		margin-top: 0; 
		padding-top: 6rem;
		margin-bottom: 0;
		padding-bottom: 3rem
	}
	.dark.special1 .wp-block-group__inner-container > p {padding-bottom: 6rem}
	#site-content .three.tilecolumns {
		display: block
	}
	#site-content .three.tilecolumns .overlay {
		position: relative; 
		width: 90%;
		max-width: 480px;
		margin: 0 auto 30px auto;
	}
	#site-content .three.tilecolumns .overlay:nth-child(1) {margin-top: -100px}
	.three.tilecolumns .overlay:nth-child(2), .three.tilecolumns .overlay:nth-child(3) {left: 0}
	#site-content .overlay-anchor.tilecolumns {
    margin-bottom: 60px;
  }
	.wp-block-column {flex-basis: 100% !important}
	.wp-block-column:nth-child(2n) {margin-left: 0}
	#site-content .masonry1 .tilerestrained h3 {font-size: 18px}
	#site-content .masonry1 .wp-block-column {min-height: 340px}
  #site-content .masonry1 > .wp-block-column:last-child > * {height: auto}
}

/* Smartphone groß */
@media screen and (max-width: 600px) {
	#sgpb-popup-dialog-main-div  {width: 360px !important; padding-right: 20px}
  .popup.single-track {max-width: 300px}
	#site-content .flying-header-spacer {margin-top: 30px}
	#site-content .tilesquare {bottom: -880px}
	.cardtile-spacer {margin-top: 520px}
	#site-content .cardtile {
		width: calc(100% - 7.5px);
		max-width: 400px;
		float: none;
		margin-left: auto;
		margin-right: auto
	} 
	#site-content  .cardtile:nth-child(even) {margin-right: auto}
	#site-content .masonry1 .wp-block-column {
	  width: 100%;
	  min-height: 0
  }
  #site-content .masonry1 .wp-block-group,
  #site-content .masonry1 .wp-block-columns,
  #site-content .masonry1 .wp-block-column:last-child {
    margin: 10px 0;
  }
  .popup textarea {height: 6rem}
}

/*  Smartphone */
@media screen and (max-width: 480px) {
	.flying.requester .buttons {min-width: 28rem}
	.flying.requester .btn1, .flying.requester .btn2 {padding: 0.5rem; min-width: 12rem}
	#site-content .flying-header-spacer {margin-top: 60px}
	#site-content .one-tilecolumn-spacer {margin-top: 60px}
}

/*  Smartphone klein  */
@media screen and (max-width: 400px) {
	.flying.requester .buttons {min-width: 24rem}
	.flying.requester .btn1, .flying.requester .btn2 {min-width: 10rem}
	#site-content .one-tilecolumn-spacer {margin-top: 200px}
}

/*  Smartphone sehr klein  */
@media screen and (max-width: 320px) {
	.flying.requester .buttons {min-width: 20rem}
	.flying.requester .btn1, .flying.requester .btn2 {min-width: 8rem; line-height: 5vw}
	#site-content .flying.requester .btn1 a, 
	#site-content .flying.requester .btn2 a {font-size: 4vw}
	#site-content .one-tilecolumn-spacer {margin-top: 300px}
}