/*
Theme Name: chriszim26
Theme URI: https://chriszim.de/
Author: chriszim
Author URI: https://chriszim.de/
Description: Theme für chriszim.de 2026 basierend auf Astra.
Version: 1.0
Text Domain: chriszimde
Template: astra
*/

/* fix Blog-Article-Page Tags-Height */
a.ast-button.ast-badge-tax {
	line-height:2.5em;
}

/* Responsive Video
 * http://www.holgerkoenemann.de/ein-vimeo-oder-youtube-video-responsive-einbinden/
 */
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}


/* Contact form
 ***************/
.wpcf7-form input.wpcf7-text,
.wpcf7-form textarea {
	margin-bottom:24px;
	width:100%;
}
input[type="tel"] {
	color: #666666;
	border: 1px solid #BDC3C7;
	padding: 8px;
	width: 98%;
}
input[type="tel"]:focus {
	color: #333333;
}
@media (min-width: 50em) {
  .wpcf7-form .sideleft {
    float: left;
    width: 49%;
  }
  .wpcf7-form .sideright {
    float: right;
    width: 49%;
  }
}




/* === ALTES ===================================================================================== */

/* COVID19-Tiles
 ********************/
ul.covid19-tiles {
	list-style-type:none;
	padding:0em;
	margin:0em;
}
ul.covid19-tiles li {
	float:left;
	margin:0.5em;
	text-align:center;
}
ul.covid19-tiles li a {
	border:1px #c1121c solid;
	display:block;
	height:125px;
	padding:10px;
	text-decoration:none;
	width:250px;
}
ul.covid19-tiles li a:hover {
	background:#c1121c;
	color:#fff;
}



/* COVID19-Pages-Menu
 *********************/
nav.coronapages-nav {
	height:77px;
	padding:1em 0em;
}
nav.coronapages-nav hr {
	border:0em;
	clear:both;
	margin:0em;
	padding:0em;
}
ul.coronapages-menu {
	list-style-type:none;
	padding:0em;
	margin:0em;
}
ul.coronapages-menu li {
	float:left;
	padding:0.2em;
	text-align:center;
}
ul.coronapages-menu li a {
	border:1px #c1121c solid;
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	padding:0.5em;
	text-decoration:none;
	width:10em;
}
ul.coronapages-menu li a:hover,
ul.coronapages-menu li.current-menu-item a {
	background:#c1121c;
	color:#fff;
}
/* Remove space between Nav-Menu and Content-Area */
@media screen and (min-width: 768px) {
	.page-template-template-covid19 .site-content .content-area,
	.page-template-template-covid19-lastmodified .site-content .content-area,
	.page-template-template-covid19-fullwidth-lastmodified .site-content .content-area {
		padding-top:10px;
	}
}

/* Coronastat-Widget
 ********************/
.covid19-chriszim-widget {
	border:1px #c1121c solid;
	text-align:center;
}

.covid19-chriszim-widget a {
	display:block;
	padding:10px;
	text-decoration:none;
}
.covid19-chriszim-widget a:hover {
	background:#c1121c;
	color:#fff;
}


/* Coronastat Page
 *******************/
.page-id-34966 div.entry-content #intro {
	float:left;
	width:70%;
}
.page-id-34966 div.entry-content #pagelogo {
	float:right;
	width:25%;
}
.page-id-34966 div.entry-content #pagelogo p {
	text-align:center;
}
.page-id-34966 div.entry-content #vorwort {
	clear:both;
	float:left;
	width:70%;
}
.page-id-34966 div.entry-content #vorwort .hinweis {
	border:3px #ff0000 solid;
	font-weight:bold;
	margin:5px 0px;
	padding:5px;
	text-align:center;
}
.page-id-34966 div.entry-content nav {
	float:right;
	width:25%;
}
.page-id-34966 div.entry-content nav p {
	margin-bottom:0px;
}
.page-id-34966 div.entry-content hr {
	clear:both;
}
@media (max-width: 1000px) {
	.page-id-34966 div.entry-content #intro,
	.page-id-34966 div.entry-content #pagelogo,
	.page-id-34966 div.entry-content #vorwort,
	.page-id-34966 div.entry-content nav {
		clear:both;
		float:none;
		width:100%;
	}
}


/* Impfzentrum */
.page-id-35244 hr.hidden {
	border:0px;
	margin:0em;
	padding:0em;
}
.page-id-35244 table.oeffnungszeiten td {
	border-bottom:1px solid #ccc;
}


/* Schnelltests Buttons */
.btnbox-center {
	display:flex;
	justify-content:center;
}
button.btn-cov19tests {
	background:#c1121c;
	border-color:#c1121c;
	color:#fff;
}
button.btn-cov19tests a {
	border-bottom:none;
	color:#fff;
}


/* Corona-Lage */
h3.lage-ueberschrift {
	background-color:#045aa6;
	color:#fff;
	padding:0.5em 0em;
	text-align:center;
}
h3.lage-ueberschrift a {
	color:#fff;
}
h3 a.next {
	color:#fff;
	float:right;
	margin-right:0.5em;
}
h3 a.prev {
	color:#fff;
	float:left;
	margin-left:0.5em;
}

/* Corona-Dashboard Kreis Mettmann */
h3.kreis-ueberschrift {
	background-color:#076637;
	color:#fff;
	padding:0.5em 0em;
	text-align:center;
}
h3.kreis-ueberschrift a {
	color:#fff;
}

/* Icons */
div.entry-content i.fa-exclamation-circle {
	color:#f5bd45;
}
div.entry-content i.fa-exclamation-triangle {
	color:#a00;
}
div.entry-content i.fa-gavel {
	color:#8b4513;
}
div.entry-content i.fa-info-circle {
	color:#339af0;
}
div.entry-content i.fa-question-circle {
	color:#f5bd45;
}
div.entry-content i.fa-wrench {
	color:#676767;
}


/* GRID-LAYOUTS
 **************/
/* grid-2 */
div.entry-content .grid-2-left {
	float:left;
	margin-right:5%;
	width:45%;
}
div.entry-content .grid-2-left hr {
	display:none;
}
div.entry-content .grid-2-right {
	float:right;
	width:45%;
}
@media (max-width: 1000px) {
	div.entry-content .grid-2-left {
		float:none;
		margin-right:0%;
		width:100%;
	}
	div.entry-content .grid-2-right {
		float:none;
		width:100%;
	}
	div.entry-content .grid-2-left hr {
		display:block;
	}
}

/* grid-3 */
div.entry-content .grid-3-left {
	float:left;
	margin-right:2%;
	width:32%;
}
div.entry-content .grid-3-left-2cell {
	float:left;
	margin-right:2%;
	width:64%;
}
div.entry-content .grid-3-right {
	float:right;
	width:32%;
}
div.entry-content .grid-3-right-2cell {
	float:right;
	width:64%;
}
.onlymobile {
		display:none;
	}
@media (max-width: 1000px) {
	div.entry-content .grid-3-left,
	div.entry-content .grid-3-left-2cell {
		float:none;
		margin-right:0%;
		width:100%;
	}
	div.entry-content .grid-3-right,
	div.entry-content .grid-3-right-2cell {
		float:none;
		width:100%;
	}
	.onlymobile {
		display:block;
	}
}


/* BLOCKS */
figure.wp-block-image {
	border: 1px solid #BDC3C7;
	display: block;
	height: auto;
	padding: 4px;
	max-width: 100%;
}
figure.size-large {
	margin-bottom: 24px;
}
figcaption.wp-element-caption {
	font-size: 13px;
	font-style: italic;
	margin: 0 10px 5px;
	text-align: center;
}


/* Print */
@media print {
	a[href]::after {
		content: " <"attr(href)">";
		color: #888;
		background-color: inherit;
		font-style: italic;
		size: 80%;
	}
	a {
		color:#000;
	}
	a[href^="#"]::after,
	a[href^="tel"]::after {
		content: "";
	}
	a[href="/covid19/"] {
		display:none;
	}
	footer.site-footer {
		display:none;
	}
	.page-id-34966 div.entry-content nav {
		display:none;
	}
}

/* Print - Impfzentrum */
@media print {
	table.tablepress caption a[href*="admin.php?page=tablepress"],
	.page-id-35244 header.site-header,
	.page-id-35244 nav.coronapages-nav,
	.page-id-35244 strong.druckversion,
	.page-id-35244 li.noprint,
	.page-id-35244 section.termin,
	.page-id-35244 section.videos,
	.page-id-35244 div.shariff,
	.page-id-35244 footer.entry-footer,
	.page-id-35244 div.widget-area {
		display:none!important;
	}
	.page-id-35244 iframe {
		max-height:550px!important;
	}
	.page-id-35244 #attachment_35756 {
		max-height:300px;
	}
	.page-id-35244 #attachment_35758 {
		max-width:50%;
	}
	.page-id-35244 hr {
		border:0px;
		page-break-after:always;
	}
	.page-id-35244 hr.nopagebreak {
		page-break-after:avoid;
	}
}
