/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2025 | 07:46:06 */
/*--- Allgemein ---*/
details div {padding: 10px;}
.clear {float: none !important; clear: both !important;}
.wp-caption .wp-caption-text {font-size: 75%; padding-top: 5px; opacity: .8; text-align: center;}
.recent-posts-widget-with-thumbnails .rpwwt-widget ul li {overflow: hidden; margin: 0 0 10px;}
.footer-widgets {background-color: #89c1c1;}
.site-info {background-color: #008b8b;}
.footer-widgets .widget, .footer-widgets .widget a, .copyright-bar {color: #222;}
.footer-widgets .widget a {text-decoration: none;}
.footer-widget-1 {text-align: left !important;}
.sfsiplus_footerLnk {display: none;}

details {background: #eee; border: 0px solid #666; border-radius: 3px; margin-bottom: 1.5rem;}
summary {background: #b3daf7; color: #000; cursor: pointer; padding: 1rem;}
details div {padding: 10px;}
details div p:last-child {margin-bottom: 0px;}
summary:marker {float: left;}
summary h2, summary h3 {font-size: 18px; display: inline;}

/*--- Menü ---*/
.main-navigation, .main-navigation ul ul {background-color: #008b8b;}
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {color: #fff; font-weight: 500;}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {color: #fff;}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {color: #fdb937;}
ol li, ul li {margin-bottom: 0px;}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {color: #222222;}

/*--- Beiträge in Sidebar ---*/
.sidebar .cat-post-item {font-size: 15px;}
.cat-post-widget .cat-post-item {border-bottom: 1px solid grey;}
.cat-post-widget .cat-post-item div:last-child {margin-bottom: 10px !important;}
.cat-post-widget a.cat-post-title {text-decoration: none; font-weight: 500;}
.cat-post-widget ul li a.more-link {text-decoration: none; color: #333; font-weight: 500;}

/*--- Hinweisschild ---*/
.tarifboxen {position: relative;}
.hinweis {position: absolute; top: -8px; padding: 5px 10px; background-color: #ffb100; left: 36%; z-index: 99; font-weight: 500; font-size: 15px; border: 1px solid #ff8100; border-radius: 5px;}

/*--- Neue Tarifboxen 4-2025 ---*/
.tarifboxen {width: 86%; display: block;}
.tarifbox-inner {margin-left: 10px; margin-right: 10px;}
.tarif {display: flex; flex-wrap: wrap; width: 100%; background: #fff; background-image: url(https://krankenversicherung-fuer-den-hund.com/wp-content/uploads/2025/10/lw-tarifbox-hintergrund-orange.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;}
.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;}
.tarif-body a.button {margin-right: 5px; border-radius: 10px;}
.tarif-body a.button.offer {background: #f39200;}
.tarif-body a.button.offer:hover {background: #e1790d;}
.tarif-body a.button.more-infos {background: #e1790d; cursor: pointer;}
.tarif-body a.button.more-infos:hover {background: #f39200;}
.tarif-body .tarif-content ul {list-style-position: inside; margin-left: 5px; margin-bottom: 40px !important;}
a.tarif-rating {font-size: 22px; font-weight: 500; color: #fff !important; 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;}
a.tarif-rating:hover {color: #fff !important;}
.postid-56 a.tarif-rating img {margin-top: -120px;}
.tarif-more {width: 100%; display: flex; padding-top: 25px; flex-direction: row; flex-wrap: wrap;}
.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: flex-start;}
.tarif-half ul li img {max-height: 18px; max-width: 18px; margin-right: 10px; margin-top: 8px;}
.tarifboxen ul li {margin-bottom: 0px; padding-bottom: 0px;}
.tarifboxen .versicherer {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;}
.tarifboxen a.offer-button {background: #b4744c; cursor: pointer; margin-top: 30px; border-radius: 10px; padding: 10px 20px; font-size: 17px; font-weight: 500; text-align: center; color: #fff; text-decoration: none; width: 80%;}


.px-desktoponly {display: block;}
.px-mobileonly {display: none;}


.highlight-box {width: 100%; background-color: #ff9900; padding: 10px; border-radius: 7px; border: 1px solid #ff8100; display: block;}
.highlight-box ul {margin-bottom: 0px; list-style-position: inside; display: block; list-style-type: disc; margin-left: 5px; margin-top: -20px;}
.highlight-box ul li {}

.tipp-highlight {border: 2px solid #008b8b; padding: 10px;}
.tipp-highlight.bg {background-color: #89c1c1; padding: 10px 20px; border: none;}
.tipp-highlight.bg .list-background {padding-top: 10px; padding-bottom: 10px; margin: 10px;}
.tipp-highlight.bg .list-background ul {margin-bottom: 0px; margin-left: 2em;}
.tipp-highlight.bg2 {background-color: #008b8b; padding: 10px 20px; border: none; color: #fff;}
.tipp-highlight.bg:after, .tipp-highlight.bg2:after {float: none; clear: both;}
.tipp-highlight h2 {margin-bottom: 20px !important; margin-top: 20px !important;}


/*--- Seitenspezifische Angaben ---*/
.postid-52 details {background: #f7f8f9; border: 1px solid #f0f0f0;}
.postid-52 details summary {background: #eee; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start;}
.postid-52 details summary::marker {font-size: 22px; line-height: 20px;}

/*--- Akkordeon mit Icons ---*/
.postid-52 details summary:before {display: inline-block; width: 35px;}
.postid-52 details#rat summary::marker {content: " ";}
.postid-52 details#rat summary:before {content: url("https://hundekrankenversicherung-mit-vorerkrankungen.de/wp-content/uploads/2025/10/icon-empfehlung.jpg");}
.postid-52 details#krone summary::marker {content: " ";}
.postid-52 details#krone summary:before {content: url(https://hundekrankenversicherung-mit-vorerkrankungen.de/wp-content/uploads/2025/10/icon-auszeichnung.jpg);}
.postid-52 details#analyse summary::marker {content: " ";}
.postid-52 details#analyse summary:before {content: url(https://hundekrankenversicherung-mit-vorerkrankungen.de/wp-content/uploads/2025/10/icon-statistic.jpg);}
.postid-52 details#beachten summary::marker {content: " ";}
.postid-52 details#beachten summary:before {content: url(https://hundekrankenversicherung-mit-vorerkrankungen.de/wp-content/uploads/2025/10/icon-achten.jpg);}
details div p {margin-bottom: 1.5em;}
details div p:first-child {padding-top: 10px;}
details div p:last-child {margin-bottom: 0px !important;}

/*--- Angebotsbutton ---*/
a.green-offer {background: #008b8b; padding: 10px 20px; width: 250px; margin: 0 auto; text-decoration: none; color: #fff; border-radius: 10px; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center;}
a.green-offer:hover {color: #fff; background: #016363;}
.pfote-green-offer {margin-right: 10px;}


@media only screen and (max-width: 1120px) {
	.tarif {padding:25px 20px 10px;}
}

@media only screen and (max-width: 900px) {
    .tarif {background-size: 240px auto; padding: 30px 20px 10px;}
	.tarif-rating {margin-top: -80px;}
	.tarifboxen {width: 94%; display: block;}
	.site-footer .tablet-grid-50 {width: 33% !important;}
	.inside-footer-widgets>div:nth-child(odd) {clear: none;}
	.tarif-body a.button.offer {margin-bottom: 10px;}
	.tarif-half ul li {list-style: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
	.tarif-half ul li img {margin-top: 7px;}
	a.tarif-rating {font-size: 20px;}
	.button {padding: 10px 10px;}
	
	.navigation-branding, .site-logo.mobile-header-logo {display: block; margin-right:0; margin-left:0;}
	.navigation-branding img, .site-logo.mobile-header-logo img {height: auto; width: 100%; padding: 0px 0; display: block;}
	.site-header, #site-navigation, #sticky-navigation {display: block !important; opacity: 1;}
	#mobile-header {display: none !important;}
}

@media only screen and (max-width: 840px) {
    .tarif-body .tarif-content ul {margin-bottom: 0;}
	.tarif-rating {font-size: 21px; height: 140px; width: 94%; 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; z-index: 999;}
	.tarif-onethird {width: 100%; max-width: 100%; display: block; height: 114px;}
	.tarif-onethird.bottom {height: 0;}
	.tarif-onethird a {position: static; bottom: 0;}
	.tarif-half {width: 100%;}
	.tarif {width: 100%; background-size: 100% auto; background-position: bottom center; background-image: url(https://krankenversicherung-fuer-den-hund.com/wp-content/uploads/2025/10/lw-tarifbox-hintergrund-hell-unten.png); position: relative; padding: 30px 20px 10px;}
	.tarif-body {width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
	.tarif-more {width: 100%; display: block; padding-top: 0px; height: 550px; margin-top: -50px;}
	.tarif-more .tarif-half ul {margin-bottom: 0; padding-left: 50px;}
	.hinweis {left: 20%; right: 20%; text-align: center;}
	h1 {font-size: 30px;}
	h2 {font-size: 28px;}
	.tarif-body h3 {font-size: 23px;}
	.tabelle-op-versicherung h3 {font-size: 22px;}
	a.tarif-rating {width: 100%; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; text-decoration: none; justify-content: flex-end; flex-direction: column; margin-top: 10px; padding-bottom: 15px;}
	.tarif-onethird.bottom .tarif-rating {position: absolute; bottom: 0; width: 92%;}
	.main-navigation .main-nav ul li a {padding-left: 10px; padding-right: 10px;}
	
	.highlight-box {width: 95%;}
	.tarif1 .tarif-more {min-height: 550px;}
	.tarif2 .tarif-more {min-height: 550px;}
	.tarif3 .tarif-more {min-height: 600px;}
}

@media only screen and (max-width: 820px) {
    .tarif1 .tarif-more {min-height: 580px;}
	.tarif2 .tarif-more {min-height: 550px;}
	.tarif3 .tarif-more {min-height: 600px;}
}

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

@media only screen and (max-width: 769px) {
	.tarif {width: 100%; background-size: 100% auto;}
    .tarif-body h3 {font-size: 22px;}
	.tarif-twothird {max-width: unset;}
	.tarif-onethird {max-width: unset; width: 100%; display: block; height: 175px;}
	/*.tarif-more {display: none;}*/
	.tarif-body a.button.offer {display: block; text-align: center; margin-bottom: 10px;}
	.tarif-body a.button.more-infos {display: block;}
	.tarif-body .tarif-content ul {list-style-position: inside; margin-left: 0px;}
	.tarif-onethird.bottom a.tarif-rating {height: 110px; margin-top: 0px; padding-bottom: 50px;}
	.tarif-onethird a.tarif-rating {height: 110px; margin-top: 60px;}
	.inside-footer-widgets>div {float: left;}
	.tarif-more {height: 500px; margin-top: -40px;}
	
	.tarif1 .tarif-more {min-height: 620px;}
	.tarif2 .tarif-more {min-height: 590px;}
	.tarif3 .tarif-more {min-height: 620px;}
	
	
	ol, ul {margin: 0 0 1.5em 20px;}
}

@media only screen and (max-width: 480px) {
	.alignleft, .alignright {float: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
	nav.main-navigation .main-nav ul li a {line-height: 35px !important;}
	nav.main-navigation.toggled .main-nav li {border-top: 1px solid #93725c; padding-top: 5px;}
	nav.main-navigation .main-nav ul li a:after {content: "\276F"; float: right;}
	.entry-content {word-break: auto-phrase;}
	.tarif {width: 88%; background-size: 100% auto; background-position: bottom center; background-image: url(https://hundekrankenversicherung-mit-vorerkrankungen.de/wp-content/uploads/2025/10/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; word-break: normal;}
	.tarif-twothird, .tarif-onethird {width: 100%;}
	.tarif-onethird {height: 70px;}
	.tarif-header {padding-top: 20px; padding-bottom: 20px;}
	.tarif-content {display: block; font-size: 16px;}
	.tarif-body .tarif-content ul {list-style-position: outside; margin-left: 20px;}
	.tarif-rating {height: 110px; width: 90%; display: flex; flex-wrap: nowrap; align-content: center; flex-direction: column; justify-content: center; align-items: center; font-size: 22px;}
	.tarif-body a.button {margin-right: 0px; border-radius: 10px; padding: 10px 20px; font-size: 16px; font-weight: 500;}
	.tarif-more .tarif-half ul {margin-bottom: 0; padding-left: 0px;}
	.tarif-more {min-height: 480px; height: unset; margin-top: -30px;}
	.tarif-half ul li {font-size: 15px; line-height: 1.5;}
	h3 {font-size: 22px;}
	
	.tarif {padding: 10px 10px;}
	.tarifboxen {width: 100%;}
	.tarif-onethird a.tarif-rating {margin-top: 0px;}
	
	.px-desktoponly {display: none;}
	.px-mobileonly {display: block;}
	
	.hinweis {left: 10%; right: 16%; text-align: center; top: -15px; font-size:15px;}
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	.entry-header, .site-content {word-wrap: normal !important;}
	.site-footer .tablet-grid-50 {width: 100% !important;}
	.inside-footer-widgets>div {float: none;}
	.footer-widget-3 {text-align: left !important;}
	.inside-footer-widgets>div:nth-child(odd) {clear: both;}
	.tabelle-op-versicherung h3 {font-size: 18px; font-weight: 500;}
	
	.highlight-box {width: 93%; margin-top: -20px;}
	
	.entry-content .tarif ul li {margin-bottom: 10px;}
	
	.tarif-onethird.bottom a.tarif-rating {padding-bottom: 20px;}
	.tarif1 .tarif-more, .tarif2 .tarif-more, .tarif3 .tarif-more {min-height: unset;}
	
	.tarif1 .tarif-more {height: 720px;}
	.tarif2 .tarif-more {height: 680px;}
	.tarif3 .tarif-more {height: 700px;}
	
	.tipp-highlight h2 {font-weight: 500; padding-top: 10px;}
	.tipp-highlight .list-background {margin-bottom: 0px; padding-bottom: 0px;}
	.tipp-highlight.bg {padding: 10px 10px;}
	.tipp-highlight.bg .list-background {padding-top: 0px; padding-bottom: 0px; margin: 0px;}
	.tipp-highlight.bg .list-background ul {margin-left: 20px;}
	
	.postid-52 details summary {background: #eee; display: flex; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; align-items: center; font-size: 15px;}
	.postid-52 details summary:before {display: inline-block; width: 50px;}
}

@media only screen and (max-width: 420px) {
    .tarif3 .tarif-more {height: 730px;}
}

@media only screen and (max-width: 390px) {
	.tarif {width: 92%;}
    .tarif-number {width: 36px; height: auto;}
	.tarif-logo img {max-width: 80%; padding-left: 10px;}
	.tarif-more {min-height: 470px;}
	.hinweis {left: 6%; right: 8%;}
	.tarif1 .tarif-more {height: 710px;}
	.tarif2 .tarif-more {height: 670px;}
	.tarif3 .tarif-more {height: 740px;}
}

@media only screen and (max-width: 360px) {
	.tarif-more {min-height: 480px;}
	.tarif {padding: 10px 10px;}
	.hinweis {left: 4%; right: 4%;}
	.tarifboxen {width: 100%;}
	.tabelle-op-versicherung h3 {font-size: 15px;}
	.tabelle-op-versicherung p {font-size: 15px;}
	.tabelle-op-versicherung td, th {padding: 5px;}
	
	.tarif1 .tarif-more {height: 730px;}
	.tarif2 .tarif-more {height: 680px;}
}

@media only screen and (max-width: 320px) {
	.hinweis {left: 1%; right: 1%;}
	.tarif-logo {float: left; width: 62%; height: 60px;}
	.tarif-logo img { max-width: 100%; padding-left: 10px;}
	.tarif-more {min-height: 470px;}
	.highlight-box {font-size: 15px;}
	
	.tarif1 .tarif-more {height: 700px;}
	.tarif2 .tarif-more {height: 680px;}
	.tarif3 .tarif-more {height: 710px;}
}