/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 05 2025 | 09:38:16 */
/*--- Allgemein ---*/
body h1 {color: #6ea700; font-size: 34px;}
body h2 {font-size: 30px;}
details {background: #eee; border: 0px solid #666; border-radius: 3px; margin-bottom: 1.5rem;}
details div {padding: 10px;}
details div p:last-child {margin-bottom: 0px;}
details summary {background-color: #b5d975; color: #000; cursor: pointer; padding: 1rem;}
.clear {float: none !important; clear: both !important;}
ol li, ul li {margin-bottom: 7px;}
.main-navigation li {float: left; position: relative; padding-bottom: 0px; margin-bottom: 0px;}
.main-navigation .main-nav ul li a {padding-right: 0; font-weight: 500; font-size: 16px;}
.site-main .featured-image {max-width: unset !important; float: none; margin-top: 40px !important;}

.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: bold; color: #72aa11;}
.cat-post-widget ul li a.more-link {text-decoration: none; color: #333; font-weight: 500;}

/*--- Hinweisschild ---*/
.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;}

/*--- Bereich Before-Footer ---*/
.before-footer {display: block; width: auto; max-width: 1280px; min-height: 410px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; background-color: #34599b; background: linear-gradient(0deg,rgba(52, 89, 155, 1) 30%, rgba(4, 126, 219, 1) 100%);}
.before-footer-image {display: inline-block; width: 50%; float: left;}
.before-footer-image img {width: 90%;}
.before-footer-block {display: inline-block; text-align: center; width: 50%; max-width: 640px; color: #fff;}
.before-footer-block a {padding: 10px 15px; background-color: #fff; color: #305089; width: auto; margin: 10px 5px;}
.before-footer-menu {min-height: 410px; display: flex; flex-direction: row; align-content: center; flex-wrap: wrap; justify-content: left; padding: 10px 20px;}
.before-footer-menu h4 {text-align: left !important;}
.before-footer-menu a {font-weight: bold; text-decoration: none;}
.before-footer-menu p {width: 82%; text-align: left;}
.before-footer-menu p strong {text-align: left;}
.before-footer-menu ul {display: block; float: none; clear: both; width: 80%; text-align: left; margin: 0 0 10px 20px;}
.before-footer-menu ul li {padding-left: 5px; padding-bottom: 0px !important;}
.before-footer-menu ul li::marker {content: "\2713 "; color: #fff; padding-right: 5px;}

/*--- Neue Tarifboxen 4-2025 ---*/
.tarifboxen {width: 100%; display: block; position: relative;}
.tarifbox-inner {margin-left: 10px; margin-right: 10px;}
.tarif {display: flex; flex-wrap: wrap; width: 100%; background: #fff; background-image: url(https://hund-kastrieren.de/wp-content/uploads/2025/09/lw-tarifbox-hintergrund-hellgruen.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: #72aa11;}
.tarif-body a.button.offer:hover {background: #8fb54c;}
.tarif-body a.button.more-infos {background: #8fb54c; cursor: pointer;}
.tarif-body a.button.more-infos:hover {background: #72aa11;}
.tarif-body .tarif-content ul {list-style-position: inside; margin-left: 5px; margin-bottom: 40px !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;}
a.tarif-rating img {margin-top: -80px;}
.tarif-more {width: 100%; display: flex; padding-top: 25px; 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: #72aa11; 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%;}

/*--- Responsive Classes ---*/
.px-desktoponly {display: block;}
.px-mobileonly {display: none;}

/*--- Hightlight-box in Tarifen ---*/
.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;}

/*--- Tipp-Highlight (Hervorhebung von Texten) ---*/
.tipp-highlight {border: 2px solid #72aa11; padding: 10px;}
.tipp-highlight.bg {background-color: #f0f0f0; 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: #d9f1af; padding: 10px 20px; border: none; color: #000;}
.tipp-highlight.bg:after, .tipp-highlight.bg2:after {float: none; clear: both;}
.tipp-highlight h2, .tipp-highlight h3 {margin-bottom: 20px !important; margin-top: 20px !important; border-left: none;}
.site#page .tipp-highlight h2, .site#page .tipp-highlight.bg h2, .site#page .tipp-highlight.bg2 h2 {border-left: none;}

/*--- Seitenspezifische Angaben ---*/
.postid-85 details, .postid-87 details {background: #f7f8f9; border: 1px solid #f0f0f0;}
.postid-85 details summary, .postid-87 details summary {background: #b5d975; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start;}
.postid-85 details summary::marker, .postid-87 details summary::marker {font-size: 22px; line-height: 20px;}
.postid-85 details summary:before, .postid-87 details summary:before {display: inline-block; width: 35px;}
.postid-85 details#rat summary::marker, .postid-87 details#rat summary::marker, .postid-85 details#krone summary::marker, .postid-87 details#krone summary::marker, .postid-85 details#analyse summary::marker, .postid-87 details#analyse summary::marker, .postid-85 details#beachten summary::marker, .postid-87 details#beachten summary::marker {content: " ";}
.postid-85 details#rat summary:before, .postid-87 details#rat summary:before {content: url("https://hund-kastrieren.de/wp-content/uploads/2025/10/icon-empfehlung.jpg");}
.postid-85 details#krone summary:before, .postid-87 details#krone summary:before {content: url(https://hund-kastrieren.de/wp-content/uploads/2025/10/icon-auszeichnung.jpg);}
.postid-85 details#analyse summary:before, .postid-87 details#analyse summary:before {content: url(https://hund-kastrieren.de/wp-content/uploads/2025/10/icon-statistic.jpg);}
.postid-85 details#beachten summary:before, .postid-87 details#beachten summary:before {content: url(https://hund-kastrieren.de/wp-content/uploads/2025/10/icon-achten.jpg);}


/*--- Tooltip ---*/
.tooltip {position: relative; display: inline-block; cursor: help; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-thickness: from-font;}
.tooltip .tooltiptext {visibility: hidden; width: 300px; background-color: #fff; color: #333; border: 2px solid #0678cc; text-align: center; border-radius: 4px; padding: 6px; position: absolute; z-index: 1; bottom: 125%; /* Position above the element */ left: 50%; margin-left: -80px; opacity: 0; transition: opacity 0.3s;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}

/*--- Sidebar ---*/
.sidebar .widget p.cpwp-excerpt-text {
    font-size: 15px;
}

/*--- Angebotsbutton ---*/
a.green-offer {background: #72aa11; 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: #588b00;}
.pfote-green-offer {margin-right: 10px;}


/*--- Neuer Banner mit 2 Buttons ---*/
.banner-desktop {width: 100%; height: 149px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: right; background-image: url('https://hund-kastrieren.de/wp-content/uploads/2025/11/hundeversicherung-mit-kastration-banner-desktop.jpg'); background-size: contain; padding: 10px 80px 10px 10px;  background-repeat: no-repeat;}
.banner-button {color: #fff; background-color: #ff8100; border: 1px solid #e87601; padding: 7px 10px; margin-left: 10px; border-radius: 7px; text-decoration: none;}
.banner-button:hover {color: #fff;}


/*--- Responsive CSS ---*/
@media only screen and (max-width: 1120px) {
	.tarif {padding:25px 20px 10px;}
	.before-footer {height: 410px !important;}
	.before-footer-image {overflow: hidden; height: 410px;}
	.before-footer-image img {width: auto; max-width: 120%;}
}

@media only screen and (max-width: 900px) {
    .tarif {background-size: 240px auto; padding: 30px 20px 10px;}
	.tarif-rating {margin-top: -80px;}
	.tarifboxen {width: 100%; 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;}
	
	.before-footer {max-width: 100% !important; height: 100% !important; padding-top: 20px; padding-bottom: 20px;}
	.before-footer-image {height: auto !important;}
	.before-footer-menu {height: 340px !important;}
	
	.tooltip {display: inline-block;}
	
	.banner-desktop {width: 536px; height: auto; max-height: 200px; min-height: 106px; justify-content: right; padding: 60px 5px 5px 5px;}
}

@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: 174px;}
	.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://hund-kastrieren.de/wp-content/uploads/2025/09/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: 30px;}
	.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;}
	
	.postid-85 .tarif1 .tarif-more {min-height: unset; height: 390px;}
	.postid-85 .tarif2 .tarif-more {min-height: unset; height: 430px;}
	.postid-85 .tarif3 .tarif-more {min-height: unset; height: 450px;}
	.postid-85 .tarif4 .tarif-more {min-height: unset; height: 460px;}
	
	.postid-87 .tarif1 .tarif-more {min-height: 570px;}
	.postid-87 .tarif2 .tarif-more {min-height: 600px;}
	.postid-87 .tarif3 .tarif-more {min-height: 630px;}
	.postid-87 .tarif4 .tarif-more {min-height: 630px;}
	.postid-87 .tarif5 .tarif-more {min-height: 450px; height: unset;}
	
	.before-footer {height: 321px !important;}
	.before-footer-image {height: auto !important;}
    .before-footer-menu {height: 321px !important;}
	
	.banner-desktop {width: 528px;}
	.banner-button {padding: 5px 5px;}
}

@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;}
	
	.postid-85 .tarif3 .tarif-more {min-height: unset; height: 500px;}
	
    .before-footer {height: 316px !important;}
	.before-footer-menu {height: 316px !important;}
	
	.banner-desktop {width: 518px; padding: 60px 5px 8px 5px;}
	.banner-button {font-size: 16px;}
}

@media only screen and (max-width: 800px) {
    .tarif {background-size: 100% auto;}
	.tarif-more {height: 420px;}
	
	.before-footer {height: 308px !important;}
	.before-footer-menu {height: 308px !important; padding: 0 10px;}
	
	.banner-desktop {width: 503px; padding: 60px 3px 7px 5px;}
}

@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: 245px;}
	/*.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;}
	
	.postid-85 .tarif1 .tarif-more {height: 470px;}
	.postid-85 .tarif2 .tarif-more {height: 470px;}
    .postid-85 .tarif3 .tarif-more {height: 500px;}	
    .postid-85 .tarif4 .tarif-more {height: 540px;}	
	
	.postid-87 .tarif1 .tarif-more {min-height: 610px;}
	.postid-87 .tarif2 .tarif-more {min-height: 620px;}
	.postid-87 .tarif3 .tarif-more {min-height: 650px;}
	.postid-87 .tarif4 .tarif-more {min-height: 670px;}
	.postid-87 .tarif5 .tarif-more {min-height: 520px;}
	
	
	.before-footer {height: 295px !important;}
	.before-footer-block {max-width: 100%;}
	.before-footer-menu {height: 295px !important;}
	
	.tooltip {display: inline-block;}
	
	.banner-desktop {width: 100%; height: 140px; padding: 60px 100px 10px 5px;}
	.banner-button {font-size: 16px; padding: 7px 10px;}
}

@media only screen and (max-width: 480px) {
	.footer-widget-1 {text-align: left !important;}
	.entry-content {word-break: auto-phrase;}
	nav.main-navigation .main-nav ul li a {line-height: 35px !important;}
	nav.main-navigation.toggled .main-nav li {border-top: 1px solid #65970f; padding-top: 5px; padding-bottom: 5px;}
	nav.main-navigation .main-nav ul li a:after {content: "\276F"; float: right;}
	.tarif {width: 99%; background-size: 100% auto; background-position: bottom center; background-image: url(https://hund-kastrieren.de/wp-content/uploads/2025/09/lw-tarifbox-hintergrund-hell-unten.png); padding: 10px 10px;}
	.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: 120px;}
	.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;}
	
	.tarifboxen {width: 100%;}
	.tarif-onethird a.tarif-rating {margin-top: 20px;}
	
	.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, .tarif4 .tarif-more, .tarif5 .tarif-more {min-height: unset !important;}
	
	.postid-85 .tarif1 .tarif-more {height: 540px;}
	.postid-85 .tarif2 .tarif-more {height: 560px;}
	.postid-85 .tarif3 .tarif-more {height: 600px;}
	.postid-85 .tarif4 .tarif-more {height: 560px;}
	
	.postid-87 .tarif1 .tarif-more {height: 850px;}
	.postid-87 .tarif2 .tarif-more {height: 580px;}
	.postid-87 .tarif3 .tarif-more {height: 850px;}
	.postid-87 .tarif4 .tarif-more {height: 850px;}
	.postid-87 .tarif5 .tarif-more {height: 890px;}
	
	.tipp-highlight h2 {font-weight: 500; padding-top: 10px;}
	.tipp-highlight .list-background {margin-bottom: 0px; padding-bottom: 0px;}
	
	.before-footer {height: auto !important; padding-top: 0;}
	body .before-footer-image {display: block; width: 100%; float: none;}
	body .before-footer-block {display: block; width: 100%; max-width: 100%;}
	body .before-footer-menu a {width: 100%;}
	body .before-footer-menu ul {display: none;}
	body .before-footer-menu {min-height: 300px; word-break: auto-phrase;}
	body .before-footer-menu p {width: 100%; text-align: center !important;}
	body .before-footer-menu h4 {width: 100%; text-align: center !important;}
	
	.tooltip .tooltiptext {left: 20%;}
	.tooltip {display: block;}
	
	.sidebar.widget-area .widget {padding: 0 !important;}
	.one-container .site-content {padding: 0px;}
	.one-container .site-content article, .is-right-sidebar.sidebar {padding: 30px;}
	
	.banner-desktop {width: 300px; min-height: 360px; height: auto; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: flex-end; background-image: url(https://hund-kastrieren.de/wp-content/uploads/2025/11/hundeversicherung-mit-kastration-banner-mobile.jpg); background-size: contain; padding: 10px;}
	.banner-button {font-size: 16px; padding: 7px 10px; margin-bottom: 5px;}
}

@media only screen and (max-width: 420px) {
    .tarif3 .tarif-more {height: 730px;}
	
	body .before-footer-image {padding-bottom: 15px;}
	
	.tarifboxen a.offer-button {width: 100%;}
	
	.postid-85 .tarif1 .tarif-more {height: 580px;}
	.postid-85 .tarif2 .tarif-more {height: 580px;}
	.postid-85 .tarif3 .tarif-more {height: 670px;}
	.postid-85 .tarif4 .tarif-more {height: 580px;}
	
	.postid-87 .tarif1 .tarif-more {height: 890px;}
	.postid-87 .tarif2 .tarif-more {height: 620px;}
	.postid-87 .tarif3 .tarif-more {height: 870px;}
	.postid-87 .tarif4 .tarif-more {height: 920px;}
    .postid-87 .tarif5 .tarif-more {height: 910px;}
}

@media only screen and (max-width: 395px) {
	.postid-85 .tarif1 .tarif-more {height: 570px;}
	.postid-85 .tarif2 .tarif-more {height: 590px;}
	.postid-85 .tarif3 .tarif-more {height: 630px;}
	.postid-85 .tarif4 .tarif-more {height: 590px;}
	
    .postid-87 .tarif1 .tarif-more {height: 920px;}
    .postid-87 .tarif2 .tarif-more {height: 650px;}
	.postid-87 .tarif3 .tarif-more {height: 910px;}
	.postid-87 .tarif4 .tarif-more {height: 910px;}
    .postid-87 .tarif5 .tarif-more {height: 920px;}
}

@media only screen and (max-width: 390px) {
	.tarif {width: 99%;}
    .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%;}
	
	.postid-87 .tarif2 .tarif-more {height: 690px;}
	.postid-87 .tarif4 .tarif-more {height: 890px;}

	.before-footer-menu {height: 316px !important;}
}

@media only screen and (max-width: 379px) {
	.postid-87 .tarif1 .tarif-more {height: 910px;}
	.postid-87 .tarif2 .tarif-more {height: 690px;}
	.postid-87 .tarif3 .tarif-more {height: 900px;}
	.postid-87 .tarif4 .tarif-more {height: 900px;}
	.postid-87 .tarif5 .tarif-more {height: 920px;}
	
    .before-footer-menu {height: auto !important;}
	.before-footer-image {height: auto !important; min-height: 165px;}
}

@media only screen and (max-width: 360px) {
	h1 {font-size: 1.4em !important;}
	.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;}
	
	.postid-85 .tarif1 .tarif-more {height: 560px;}
	.postid-85 .tarif2 .tarif-more {height: 580px;}
	.postid-85 .tarif3 .tarif-more {height: 620px;}
	.postid-85 .tarif4 .tarif-more {height: 600px;}
	
	.postid-87 .tarif1 .tarif-more {height: 990px;}
	.postid-87 .tarif2 .tarif-more {height: 700px;}
	.postid-87 .tarif3 .tarif-more {height: 960px;}
	.postid-87 .tarif4 .tarif-more {height: 990px;}
	.postid-87 .tarif5 .tarif-more {height: 1010px;}
}

@media only screen and (max-width: 320px) {
	h1 {font-size: 1.2em !important;}
	.tarif-body h3 {font-size: 18px; text-align: center; word-break: normal; font-weight: 500;}
	.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;}
	
	.tarif-onethird {height: 110px;}
	
	.tarif1 .tarif-more {height: 700px;}
	.tarif2 .tarif-more {height: 680px;}
	.tarif3 .tarif-more {height: 710px;}
	
	.postid-87 .tarif1 .tarif-more {height: 890px;}
	.postid-87 .tarif2 .tarif-more {height: 690px;}
	.postid-87 .tarif3 .tarif-more {height: 890px;}
	.postid-87 .tarif4 .tarif-more {height: 870px;}
	.postid-87 .tarif5 .tarif-more {height: 890px;}
	
	.before-footer-menu {padding: 10px 10px;}
	.before-footer-menu h4 {font-size: 20px;}
	.before-footer-image {height: auto !important; min-height: 125px;}
	
	.tarifboxen a.offer-button {font-size: 16px; padding: 10px 10px;}
	
	.banner-desktop {width: 260px; min-height: 340px;}
}