/**************************************************************
	Style the tabs
**************************************************************/
@import url("../css/2023/tab.css");

/**************************************************************
	Style Page
**************************************************************/

#page-title {
	display: none;
	visibility:hidden;
}

.visitenkarte {
	display: grid;
	grid-gap:0.5rem;
	grid-template-areas:
		'bild funk funk funk'
		'bild name name name'
		'bild strk strk strk'
		'bild addr addr addr'
		'bild tel1 tel2 mobi'
		'bild mail home vcar'
		'bild soci soci soci';

}

.visitenkarte.bild_					{ grid-template-columns: 20% 1fr repeat(2, 0.5fr);}
.visitenkarte.bild_kein 			{ grid-template-columns: 0 1fr repeat(2, 0.5fr); }
.visitenkarte.bild_hochkant_klein	{ grid-template-columns: 20% 1fr repeat(2, 0.5fr); }
.visitenkarte.bild_hochkant_gross	{ grid-template-columns: 25% 1fr repeat(2, 0.5fr); }
.visitenkarte.bild_quer_klein		{ grid-template-columns: 30% 1fr repeat(2, 0.5fr); }
.visitenkarte.bild_quer_gross		{ grid-template-columns: 35% 1fr repeat(2, 0.5fr); }

.visitenkarte_foto img {
	width: 100%;
	height: auto;
}

.visitenkarte_foto {grid-area:bild;}
.visitenkarte_titel{grid-area:name;}
.visitenkarte_funktion{grid-area:funk;line-height:1;}
.visitenkarte_struktur{grid-area:strk;}
.visitenkarte_adresse{grid-area:addr;}
.visitenkarte_tel1{grid-area:tel1;}
.visitenkarte_tel2{grid-area:tel2;}
.visitenkarte_mobi{grid-area:mobi;}
.visitenkarte_mail{grid-area:mail;}
.visitenkarte_home{grid-area:home;}
.visitenkarte_vcar{grid-area:vcar;}
.visitenkarte_social{grid-area:soci;}

.visitenkarte_titel_name{
	margin: 0!important;
}

#visitenkarte_sprechzeiten {
	flex: 1 0 100%;
	margin: 0.5rem 0 0 0;
}

.visitenkarte_social a {
	display: inline-grid;
	border-radius: 0.2rem;
	height: 36px;
	width: 36px;
	align-items: center;
	justify-items: center;
	transition: 0.25s;
}

.visitenkarte_social a:hover,
.visitenkarte_social a:active,
.visitenkarte_social a:focus{
	background: var(--main-color);
	color: #fff;
}

.visitenkarte_social i{
	color:var(--main-color);
	font-size:1.6rem;
	background:unset;
	background-clip:unset;
	-webkit-text-fill-color:unset;
	margin: unset;
	line-height: unset;
	transition: all .5s;
}

.visitenkarte_social a:hover i,
.visitenkarte_social a:active i,
.visitenkarte_social a:focus i{
	color: #fff;
}

#visitenkarte_veranstaltungen li,
#visitenkarte_veranstaltungen li a{
	padding:0.2rem;
	transition: all .5s;
}

@media screen and (max-width: 800px) {
	.visitenkarte.bild_					{ grid-template-columns: 30% 1fr; }
	.visitenkarte.bild_hochkant_klein	{ grid-template-columns: 30% 1fr; }
	.vsitenkarte.bild_hochkant_gross	{ grid-template-columns: 35% 1fr; }
	.visitenkarte.bild_quer_klein		{ grid-template-columns: 45% 1fr; }
	.visitenkarte.bild_quer_gross		{ grid-template-columns: 55% 1fr; }
	
	.visitenkarte {
		row-gap:0.25rem;
		grid-template-areas:
			'bild funk'
			'bild name'
			'bild strk'
			'bild addr'
			'bild tel1'
			'bild tel2'
			'bild mobi'
			'bild mail'
			'bild home'
			'bild vcar'
			'bild soci';
	
	}
}