/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme/
Template: betheme
Author: Muffin group
Author URI: https://muffingroup.com/
Description: hausarzt-ettlingen.de Theme basis von betheme
Version: 28.1.12.1764685506
Updated: 2025-12-02 15:25:06

*/

details {
    margin: 0px;
}

/* Summary Style */
summary {
    cursor: pointer;
    font-weight: 500;
    list-style: none;
    padding: 5px 0;
}

/* Pfeile */
summary::after {
    content: " ▸";
    /* float: right; */
}
details[open] summary::after {
    content: " ▾";
}

/* Wrapper für die Animation */
details > div {
    overflow: hidden;
    max-height: 0;
    transition: ease-in-out 0.3s all;
}

/* Wenn geöffnet */
details[open] > div {
    max-height: 500px; /* groß genug wählen */
}

/* Inhalt */
.panel {
    padding: 10px 0 0 0;
}

.footerTab {
	border: 0px solid white !important;
	border-color: rgba(255,255,255,0) !important;
	box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,0) !important;
	font-size: 14px;
}
.footerTab th, .footerTab td {
	text-align: left !important;
}
.footerTab tr:first-child td {
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0) !important;
}
.footerTab tr:nth-child(2n) td {
	background: rgba(0,0,0,0.0) !important;
}
.footerTab td {
	padding: 2px !important;
	line-height: 1.42857143;
}

#Top_bar #logo img {
	z-index: 100 !important;
	display: block;
	position: absolute;
	width: 11%;
	top: 0px;
}
#logo img.logo-sticky {
		max-height: none !important;
	}
table th, table td {
	padding: 4px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}

.wpcf7-form .btn-info:hover, #submitRezept:hover, .btn-info:hover {
	color: black !important;
	background-color: #31b0d5;
	border-color: #269abc;
}

.wpcf7-form .btn-info {
	padding-top: 0px;
}

/* Flipkacheln */
.flip-container {
    perspective: 1000px;
    margin-bottom: 30px;
}

.flipper {
    position: relative;
    width: 100%;
    height: 300px;
    transition: 0.6s;
    transform-style: preserve-3d;
}

.flip-container.flipped .flipper {
    transform: rotateY(180deg);
}

.front, .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.listPoints{
	list-style: unset;
	padding-left:15px;
}
.front {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* sorgt für zentriertes Icon */
    text-align: center;
	cursor: pointer;
}


.back {
    background: #fff;
    transform: rotateY(180deg);
    overflow-y: auto;
}

.icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* Kacheln */
.tile1,
.tile2,
.tile3,
.tile4,
.tile5,
.tile6 {
	width: 100px;
	height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}.tile1 {
	background-image: url('/wp-content/uploads/2025/12/untersuchung.png');	
}.tile2 {
	background-image: url('/wp-content/uploads/2025/12/ekg.png');	
}.tile3 {
	background-image: url('/wp-content/uploads/2025/12/spritze.png');	
}.tile4 {
	background-image: url('/wp-content/uploads/2025/12/iGel.png');	
}.tile5 {
	background-image: url('/wp-content/uploads/2025/12/beratung.png');	
}.tile6 {
	background-image: url('/wp-content/uploads/2025/12/patinfo.png');	
}

#hinweis {
    display: none;
}

/* Checkbox aktiviert → Hinweis anzeigen */
#toggle:checked + .hinweis {
    display: block;
}

#Top_bar {
	box-shadow: 0 -10px 15px -14px rgba(0,0,0,.65) inset !important;
	padding-bottom: 20px;
}


/* ------------------------------------ Mobileansicht ---------------------------------------- */


@media only screen and (min-width: 768px) {
	#Top_bar.is-sticky #logo img.logo-sticky {
		display: inline;
		width: 40px;
		max-height: none !important;
	}
}

@media only screen and (min-width: 1260px) {
	#Top_bar.is-sticky #logo img.logo-sticky {
		display: inline;
		width: 40px;
		max-height: none !important;
	}
}