/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2025 | 08:14:56 */
/*--- Neue Tarifboxen 7-2025 ---*/
.tarifboxen {width: 100%; max-width:900px; display: block;}
.tarifbox-inner {margin-left: 10px; margin-right: 10px;}
.tarif {display: flex; flex-wrap: wrap; width: 100%; background: #fff; background-image: url("https://hunde-op-versicherung-mit-zahnsteinentfernung.de/wp-content/uploads/2025/07/lw-tarifbox-hintergrund-braun.png"); background-size: 280px auto; background-position: top right; background-repeat: no-repeat; border-radius: 20px; -webkit-box-shadow: 1px 0px 4px 1px #979797; box-shadow: 1px 0px 4px 1px #979797; padding: 10px 20px; margin-bottom: 30px;}
.tarif-twothird {width: 66%; max-width: 795px; display: block; margin-bottom: -15px !important;}
.tarif-onethird {width: 33%; max-width: 400px; display: block;}
.tarif-number {float: left; width: 50px; height: 60px; }
.tarif-logo {float: left; width: auto; height: 60px;}
.tarif-logo:after {float: none; clear: both;}
.tarif-header {float: none; clear: both;}
.tarif-body {clear: both;}
.tarif-body .tarif-content ul {list-style-position: inside; margin-left: 5px;}
.tarif-logo img {max-width: 165px;}
.tarif-body h3 {color: #434343 !important; font-size: 25px; line-height: 1.5em; margin: 0; padding: 0;}
.tarif-body a.button {margin-right: 5px; border-radius: 10px;}
.tarif-body a.button.offer {background: #ff8100;}
.tarif-body a.button.offer:hover {background: #e87601;}
.tarif-body a.button.more-infos {background: #10abc7; cursor: pointer;}
.tarif-body a.button.more-infos:hover {background: #0097b2;}
.tarif-body .tarif-content ul {list-style-position: inside; margin-left: 5px; margin-bottom: 10px !important;}
.tarif-rating {font-size: 22px; font-weight: 500; color: #fff; height: 100%; width: 100%; display: flex; flex-wrap: wrap; align-content: flex-end; flex-direction: column; justify-content: center; align-items: center; text-decoration: none;}
.tarif-rating:hover {color: #fff !important;}
.tarif-more {width: 100%; display: flex; padding-top: 25px;}
.tarif-more.closed {display: none;}
.tarif-half {width: 50%;}
.tarif-half ul {margin-left: 0; line-height: 30px;}
.tarif-half ul li {list-style: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.tarif-half ul li img {max-height: 18px; max-width: 18px; margin-right: 10px;}
.tarif-content ul li {line-height: 18px;}
.desktop-title {display: block;}
.mobile-title {display: none;}
.px-desktoponly {display: block;}
.px-mobileonly {display: none;}


footer.entry-meta {display: none !important;}
.post.format-standard {max-width: 100%;}

@media only screen and (max-width: 900px) {
    .tarif {background-size: 240px auto;}
	.tarifboxen {width: 94%; max-width: unset; display: block;}
}

@media only screen and (max-width: 840px) {
    .tarif-body .tarif-content ul {margin-bottom: 0;}
	.tarif-rating {font-size: 21px; height: auto; width: 100%; display: flex; flex-wrap: wrap; align-content: center; flex-direction: column; justify-content: center; align-items: center; text-decoration: none;}
	.tarif-twothird {width: 100%; max-width: 100%; display: block;}
	.tarif-onethird {width: 100%; max-width: 100%; display: block;}
	.tarif {width: 88%; background-size: 100% auto; background-position: bottom center; background-image: url(https://hunde-op-versicherung-mit-zahnsteinentfernung.de/wp-content/uploads/2025/07/lw-tarifbox-hintergrund-hell-unten.png);}
	.tarif-body {width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
}

@media only screen and (max-width: 800px) {
    .tarif {background-size: 100% auto;}
}

@media only screen and (max-width: 769px) {
	.tarif {width: 50%; background-size: 100% auto;}
    .tarif-body h3 {font-size: 22px;}
	.tarif-twothird {max-width: unset;}
	.tarif-onethird {max-width: unset;}
	.tarif-more {display: none;}
	.tarif-body a.button.more-infos {display: none;}
	.tarif-body .tarif-content ul {list-style-position: inside; margin-left: 0px;}
	.tarif-rating {height: auto;}
}

@media only screen and (max-width: 480px) {
	.tarif {width: 88%; background-size: 100% auto; background-position: bottom center; background-image: url(https://hunde-op-versicherung-mit-zahnsteinentfernung.de/wp-content/uploads/2025/07/lw-tarifbox-hintergrund-hell-unten.png);}
	.tarif-body {width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
    .tarif-body h3 {font-size: 22px; text-align: center;}
	.tarif-twothird, .tarif-onethird {width: 100%;}
	.tarif-header {padding-top: 20px; padding-bottom: 20px;}
	.tarif-content {display: none;}
	.tarif-body .tarif-content ul {list-style-position: outside; margin-left: 20px;}
	.tarif-rating {height: auto; width: 100%; display: flex; flex-wrap: nowrap; align-content: center; flex-direction: column; justify-content: center; align-items: center;}
	.tarif-body a.button {margin-right: 0px; border-radius: 10px; padding: 10px 20px; font-size: 16px; font-weight: 500;}
	.tarif-body a.button.more-infos {display: none !important;}
	.tarif-twothird {margin-bottom: 0px !important;}
	.desktop-title {display: none;}
	.mobile-title {display: block; margin-bottom: 15px !important;}
	
	.px-desktoponly {display: none;}
	.px-mobileonly {display: block;}
}

@media only screen and (max-width: 390px) {
    .tarif-number {width: 36px; height: auto;}
	.tarif-logo img {max-width: 80%; padding-left: 10px;}
	.tarifboxen.mobileversion {width: 280px;}
}

@media only screen and (max-width: 320px) {
	.tarifboxen.mobileversion {width: 250px;}
	.tarifboxen.mobileversion .tarif-header {position: relative; height: 60px;}
	.tarifboxen.mobileversion .tarif-body h3 {font-size: 18px;}
	.tarif-rating {justify-content: flex-end;}
	.tarifboxen.mobileversion .tarif-logo img {max-width: 70%; padding-left: 50px;}
	.tarifboxen.mobileversion .tarif-number {width: 30px; position: absolute;}
	.tarifboxen.mobileversion .tarif-logo {position: absolute;}
}