/**********************************************************
**  M E D I A Q U E R I E S: width 1200 / 992 / 768 / 576  
**********************************************************/
:root{
}
@media (min-width: 1400px) {
  .frame-container-default {
/*	max-width: 1320px; */
	max-width: 1140px;
  }
}
@media(min-width:1200px) {
	:root{
		--icons: 8;
	}
}
@media(max-width:1200px) {
	:root{
		--icons: 7;
		--vcard-width: 29rem;
	}
}

@media(max-width:992px) {
	:root{
		--indi-icon-size: 90px;
		--figure-image: 5.2em;
		--icons: 6;
		--wf-icons: 2;
		--wf-icon-size: 90px;
		--gap: 30px;
		--vcard-width: 21rem;
		--vcard-height: 21rem;
		--vcard-img-width: 3.0rem;
		--vcard-foto-width: 4.5rem;
		--spiegel-width: 25%;
		--headfoot-logo-height: 3rem;
		--key-visual-line-height: 6px;
		--key-visual-height: 46px;
		--headfoot-logo-height: 3em;
		--wuu-gallery-width: 20%;
	}
}

@media (max-width: 768px) {
	:root{
		--indi-icon-size: 80px;
		--icons: 5;
		--wf-icons: 2;
		--wf-icon-size: 80px;
		--vcard-width: 32rem;
		--vcard-height: 15rem;
		--vcard-img-width: 4.0rem;
		--vcard-foto-width: 5.5rem;
		--spiegel-width: 30%;
		--breadcrumb-font-size: 80%;
		--headfoot-logo-height: 2.5rem;
		--col-4-min-width: 100%;
		--col-8-min-width: 100%;
	}
	.weiterfuehrendelinks figcaption.caption,
	.icongruppe figcaption.caption 
	{
		font-size: 0.85rem; /*Originalgroesse*/
	}
	#aktuell-block div.frame-space-before-extra-small {
		margin-top: 1rem;
	}

	.col-8,
	.col-4
	{
		min-width: 100%;
	}

}
@media (max-width: 576px) {
	:root{
		--icons: 4;
		--wf-icons: 1;
		--gap: 20px;
		--trend-icon-size: 1.2em;
		--navbar-width: 20em;
		--vcard-width: 24rem;
		--vcard-height: 20rem;
		--vcard-img-width: 3.0rem;
		--vcard-foto-width: 4.5rem;
		--section-padding-left: 0.5em;
		--section-padding-right: 0.5em;
		--headfoot-logo-height: 2rem;
		--key-visual-line-height: 4px;
		--key-visual-hight: 28px;
		--wuu-gallery-width: 25%;
	}

	#farbschema.service .textpic-gallery{
		display: none;
	}
	#farbschema.service .textpic-text{
		width: 100%;
	}
}
@media (max-width: 400px) {
	:root{
		--indi-icon-size: 0px;
		--icons: 3;
		--wf-icons: 1;
		--wf-icon-size: var(--figure-image);
		--gap: 20px;
		--trend-icon-size: 1.2em;
		--navbar-width: 25em;
		--vcard-width: 25em;
		--section-padding-left: 0.25em;
		--section-padding-right: 0.25em;
		--vcard-foto-width: 0;
		--vcard-height: 16rem;
	}

	.indikator-symbol .textpic-left .textpic-gallery,
	.einleitung .textpic-left .textpic-gallery-item,
	.einleitung .textpic-gallery
	{
		display:none;
	}
	.indikator-symbol .textpic-left .textpic-text h2,
	.einleitung .textpic-left .textpic-text h2
	{
		font-size: 1.5rem;
	}

	#footer_logos img, 
	#head_logos img
	{
		height:1.5rem;
	}
	ol.breadcrumb 
	{
		font-size: 70%;
	}	
	.vcard .vcard_foto {
		display: none;
	}
	.texticon-icon {
		display: none;
	}
}

@media screen and (max-height: 350px) {
	div #startbild {display: none;}
	div#keyVisual img {display: none;}
	figure.startbild_quer 
	{
		overflow: visible;
		margin: 0.3em;
	}
}

@media not screen and (max-height: 350px) {
	div #startbild-quer {display: none;}
}