/*
* Mediaqueries: width 1200 / 992 / 768 / 576
*
*/
:root{
	--med_large_pics: 8;
	--med_1200_pics: 7;
	--med_0992_pics: 6;
	--med_0768_pics: 5;
	--med_0576_pics: 4;
	--med_small_pics: 3;
	--navbar_width_wide: 25em;
	--navbar_width_medium: 20em;
	--navbar_width_small: 18em;
	--vcard_width_small: 25em; /* einspaltig! im Akkordeon */
	--vcard_width_txt_small: 20em;
	--vcard_width_medium: 20em;
	--vcard_width_txt_medium: 14em;
	--vcard_width_wide: 30em;
	--vcard_width_txt_wide: 24em;
}
@media(min-width:1201px) {
	.icongruppe .gallery-item-size-1 {
		width: calc(100%/var(--med_large_pics));
	}
	.navbar-nav .dropdown-menu {
		width: var(--navbar_width_wide);
	}
	.vcard {
		width: var(--vcard_width_wide);
	}
	.vcard .vcard_texte{
		width: var(--vcard_width_txt_wide);
	}
	div #spiegel .textpic-gallery {
		width: 20%;
	}
	div #spiegel .textpic-text {
		width: 80%;
	}
	.wuu-person .textpic-gallery
	{
		width: 15%;
	}
	.wuu-person .textpic-text
	{
		width: 85%;
	}
	.wuu-person .textpic-text h2
	{
		font-size: 1.5rem; 
		font-weight: bold;
	}
}
@media(max-width:1200px) {
    div#customCards .card-img-top img {
        height: 180px;
    }
	.icongruppe .gallery-item-size-1 {
		width: calc(100%/var(--med_1200_pics));
	}
/**/
	.navbar-nav .dropdown-menu {
		width: var(--navbar_width_wide);
	}	
	.vcard {
		width: var(--vcard_width_wide);
	}
	.vcard .vcard_texte{
		width: var(--vcard_width_txt_wide);
	}
	div #spiegel .textpic-gallery {
		width: 20%;
	}
	div #spiegel .textpic-text {
		width: 80%;
	}
/* Betrifft: Grafik Download: Graiik soll höher werden / Seitenverhältnis */
	div.hc-grafik 
	{
		max-height: unset;
		height: 550px;
	}
	.wuu-person .textpic-gallery
	{
		width: 15%;
	}
	.wuu-person .textpic-text
	{
		width: 85%;
	}
	.wuu-person .textpic-text h2
	{
		font-size: 1.5rem;
		font-weight: bold;
	}
}

@media(max-width:992px) {
	.card-group-element-columns-3 .card-group-element-item {
		width: calc(100% / 2);
	}
	#head_logos img{
		height:3rem;
	}
	div#kfam_logo img {
		height: 2.25rem;
	}
	div#keyVisual {
		height:6px;
	}
	div#keyVisual div{
		margin-top: -40px;
		height: 46px;
	}
	#footer_logos a img {
		height: 3em;
	}
	.icongruppe .gallery-item-size-1 {
		width: calc(100%/var(--med_0992_pics));
	}
	.icongruppe figure.image img {
		width: 75px;
	}
	.vcard {
		width: var(--vcard_width_medium);
	}
	.vcard .vcard_texte{
		width: var(--vcard_width_txt_medium);
		hyphens: auto;
	}
	.wuu-person .textpic-gallery
	{
		width: 25%;
	}
	.wuu-person .textpic-text
	{
		width: 75%;
	}
}


@media (max-width: 768px) {
	#head_logos img{
		height:2.5rem;
	}
	div#kfam_logo img {
		height: 2.0rem;
	}
    div#customCards .card-img-top img {
        height: 220px;
	}
	.card-group-element-columns-3 .card-group-element-item {
		width: 100%;
	}
	#footer_logos a img {
		height: 2.5em;
	}
	.table-trend div.frame-container div.textpic-gallery {
		width: 15%
	}
	.table-trend div.frame-container div.textpic-text {
		width: 85%;
	}
	.icongruppe figcaption.caption {
		font-size: 0.85rem; /*Originalgröße*/
	}
	.icongruppe .gallery-item-size-1 {
		width: calc(100%/var(--med_0768_pics)); 
	}
	.icongruppe figure.image img {
		width: 75px;
	}
	.vcard {
		width: var(--vcard_width_small);
	}
	.vcard .vcard_texte{
		width: var(--vcard_width_txt_small);
		hyphens: auto;
	}
	div #spiegel .textpic-gallery {
		width: 30%;
	}
	div #spiegel .textpic-text {
		width: 70%;
	}
	.col-8 {
		min-width: 100%;
	}
	.col-4 {
		min-width: 100%;
	}
	#aktuell-block div.frame-space-before-extra-small {
		margin-top: 1rem;
	}
	.wuu-person .textpic-gallery
	{
		width: 25%;
	}
	.wuu-person .textpic-text
	{
		width: 75%;
	}
}
@media (max-width: 576px) {
	#head_logos img{
		height:2.25rem;
	}
	div#kfam_logo img {
		height: 1.75rem;
	}
	div#keyVisual {
		height:4px;
	}
	div#keyVisual div{
		margin-top: -28px;
		height: 32px;
	}	
	div#customCards .card-img-top img {
        height: 200px;
    }
	#footer_logos a img {
		height: 2.25em;
	}
	.table-trend div.frame-container div.textpic-gallery {
		width: 20%
	}
	.table-trend div.frame-container div.textpic-text {
		width: 80%;
	}
	.dpsir .gallery-item {
		display: block;
		min-width:6em;
		margin: 0em; 
		float: left;
	}
	.dpsir figure.image img{
		width:70px;
		height:auto;
		padding:2px;
	}
	.icongruppe .gallery-item-size-1 {
		width: calc(100%/var(--med_0576_pics)); 
	}
	.navbar-nav .dropdown-menu {
		width: var(--navbar_width_medium);
	}	
	#farbschema.service .textpic-gallery{
		display: none;
	}
	#farbschema.service .textpic-text{
		width: 100%;
	}
	.wuu-person .textpic-gallery
	{
		width: 40%;
	}
	.wuu-person .textpic-text
	{
		width: 60%;
	}
}
@media (max-width: 400px) {
	.icongruppe .gallery-item-size-1 {
		width: calc(100%/var(--med_small_pics)); 
	}
	.navbar-nav .dropdown-menu {
		width: var(--navbar_width_small);
	}	
	.vcard .vcard_foto {
		display: none;
	}
	#farbschema.service .textpic-gallery,
	div #spiegel .textpic-gallery {
		display: none;
	}
	#farbschema.service .textpic-text,
	div #spiegel .textpic-text {
		width: 100%;
	}
	.texticon-icon {
		display: none;
	}
}