@import url(font-awesome.min.css);
@import url(ionicons.min.css);
* { margin: 0; padding: 0; }
:root {
  --padding: 1.5rem;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #777;
  --color-light: #efefef;
  --color-text: var(--color-black);
  --color-text-grey: var(--color-grey);
  --color-background: var(--color-white);
  --color-code-light-grey:  #cacbd1;
  --color-code-comment:     #a9aaad;
  --color-code-white:       #c5c9c6;
  --color-code-red:         #d16464;
  --color-code-orange:      #de935f;
  --color-code-yellow:      #f0c674;
  --color-code-green:       #a7bd68;
  --color-code-aqua:        #8abeb7;
  --color-code-blue:        #7e9abf;
  --color-code-purple:      #b294bb;
  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
html { font-family: var(--font-family-sans); color: var(--color-text); background: var(--color-background); scroll-behavior: smooth; }
body.noscroll { overflow: hidden; height: 100vh; }
img { width: 100%; }
.header-inner, footer { padding: var(--padding); max-width: 70rem; margin: 0 auto; }
.bxdlyt, h1.maintitle, .grid.boxed, .image-slider.boxed { padding: var(--padding); max-width: 70rem; margin: 0 auto; }
main.mainn { box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2); }
main .main-inner { }
.hidden { display: none !important; }
.nopadding { padding: 0 !important; }
.aligncenter { text-align: center !important; }
.footer-wrpr { display: inline-block; width: 100%; background: url(../images/tsvbg.jpg) no-repeat; background-size: cover; background-color: #95BD61; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2); }
.footer-insider { display: inline-block; width: 100%; background-color: #1cc46bf2; }
.head-msg { display: inline-block; width: 100%; text-align: center; background-color: #95BD61; color: #fff; padding: 4px 0; font-size: 15px; }
li { list-style: none; }
a { color: currentColor; text-decoration: none; }
button { font: inherit; background: none; border: 0; color: currentColor; cursor: pointer; }
strong, b { font-weight: 600; }
small { font-size: inherit; color: var(--color-text-grey); }
.cryptedzaubermail:after { cursor: pointer; content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); }
.bg-light { background-color: var(--color-light); }
.lghtclrimp { color: #fff !important; }
.color-grey { color: var(--color-text-grey); }
.header { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e8e8e8; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); }
.header-inner { display: flex; width: 100%; padding-top: 1rem; padding-bottom: 1rem; }
.header-spacer { padding-top: 1rem; }
.logo { display: flex; align-items: center; font-weight: 600; cursor: pointer; }
.title-full { display: inline; }
.title-short { display: none; }
.menu { display: flex; align-items: center; margin-left: auto; }
.menu a { padding: 1rem; display: block; }
.menu a[aria-current] { text-decoration: none; color: #2ba363; font-weight: bold; }
.social { display: flex; padding: 0 .5rem; }
.social a { padding: 1rem .5rem; }
.section { padding: 3rem 0; }
.grid { --columns: 12; --gutter: 3rem; display: grid; grid-gap: var(--gutter); grid-template-columns: 1fr; }
.grid > .column { margin-bottom: var(--gutter); }
.autogrid { --gutter: 3rem; --min: 10rem; display: grid; grid-gap: var(--gutter); grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr)); grid-auto-flow: dense; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; line-height: inherit; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #2aa363; }
h1.underline strong, h2.underline strong, h3.underline strong, h4.underline strong { box-shadow: inset 0 -4px 0 #b4e7f8; transition: background-color .15s cubic-bezier(.33,.66,.66,1); }
h1.underline span, h2.underline span, h2.underline span, h3.underline span, .maintitle.underline span { box-shadow: inset 0 -4px 0 #b4e7f8; transition: background-color .15s cubic-bezier(.33,.66,.66,1); }
h1 span:hover, h2 span:hover, h3 span:hover, h1 strong:hover, h2 strong:hover, h3 strong:hover, h4 strong:hover { background-color: #b4e7f8; }
.text { line-height: 1.5em; }
.text a { text-decoration: underline; }
.text :first-child { margin-top: 0; }
.text :last-child { margin-bottom: 0; }
.text p,
.text ul,
.text ol { margin-bottom: 15px; }
.text ul,
.text ol { margin-left: 1rem; }
.text ul p,
.text ol p { margin-bottom: 0; }
.text ul > li { list-style: disc; }
.text ol > li { list-style: decimal; }
.text ul ol,
.text ul ul,
.text ol ul,
.text ol ol { margin-bottom: 0; }
.maintitle { font-size: 2rem; margin-bottom: 0; line-height: 1.25em; }
.text h1, .h1, .intro { font-size: 2rem; margin-bottom: 2rem; line-height: 1.25em; }
.text h2, .h2 { font-size: 1.7rem; font-weight: 600; margin-bottom: 1.25rem; }
.text h3, .h3 { font-weight: 600; font-size: 1.2rem; }
.text h4, .h4 { font-weight: 600; font-size: inherit; }
.text .codeblock { display: grid; }
.text code { font-family: var(--font-family-mono); font-size: 1em; background: var(--color-light); padding: 0 .5rem; display: inline-block; color: var(--color-black); }
.text pre { margin: 3rem 0; background: var(--color-black); color: var(--color-white); padding: 1.5rem; overflow-x: scroll; overflow-y: hidden; line-height: 1.5rem; }
.text pre code { padding: 0; background: none; color: inherit; }
.text hr { margin: 6rem 0; }
.text dt { font-weight: 600; }
.text blockquote { font-size: 1.25rem; line-height: 1.325em; border-left: 2px solid var(--color-black); padding-left: 1rem; margin: 3rem 0; max-width: 25rem; }
.text blockquote footer { font-size: .875rem; font-style: italic; }
.text figure { margin: 3rem 0; }
.text figcaption { padding-top: .75rem; color: var(--color-text-grey); }
.text figure ul { line-height: 0; display: grid; gap: 1.5rem; margin: 0; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.text figure ul li { list-style: none; }
.tsvteamwrapper .text figure ul { gap: 0.5rem; }
.tsvteamwrapper .text figure ul li { max-height: 180px; overflow: hidden; }
hr { border: 0; background: currentColor; height: 2px; width: 1.5rem; margin: 3rem auto; }
.align-center { text-align: center; }
.intro { max-width: 40rem; }
.intro *:not(:last-child) { margin-bottom: 1em; }
.cta { background: var(--color-black); color: var(--color-white); display: inline-flex; justify-content: center; padding: .75rem 1.5rem; border: 4px solid var(--color-white); outline: 2px solid var(--color-black); }
.box { background: var(--color-light); padding: 1.5rem; border: 4px solid var(--color-white); outline: 2px solid var(--color-light); }
.video, .img { position: relative; display: block; --w: 1; --h: 1; padding-bottom: calc(100% / var(--w) * var(--h)); background: var(--color-black); }
.img img, .video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.img[data-contain] img { object-fit: contain; }
.img-caption, .video-caption { padding-top: .75rem; line-height: 1.5em; }
.footer { color: #fff; padding: 9rem 0 6rem; line-height: 1.5em; font-size: 14px; }
.footer a { color: #fff; }
.footer:before { content: ""; display: none; width: 1.5rem; height: 2px; background: var(--color-black); margin-bottom: 1.5rem; }
.footer h2 { font-weight: 600; margin-bottom: .75rem; color: #265018; }
.footer .grid strong { font-weight: 600; color: #265018; }
.footer ul, .footer p { color: var(--color-text-grey); }
.footer p { max-width: 15rem; }
.footer a:hover { color: var(--color-text); }
.txt-logo-wrpr { display: inline-block; }
.txt-logo-wrpr .subtitel { display: inline-block; width: 100%; font-weight: 300; font-size: 13px; }
.txt-logo-wrpr .title-full { }
.txt-logo-wrpr .title-short { }
.frsticobxrowcentered h2 span { box-shadow: none; }
.frsticobxrowcentered h2 span:hover { background-color: transparent; }

.tiervergabeseite header.h1 { margin-bottom: 0; }

.shiny-btn { overflow: hidden; }
.shiny-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  opacity: 0;
  transform: translateX(-100%);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.3) 100%
  );
}
.shiny-btn:hover:after { opacity: 1; top: 0; left: 0; transform: translateX(0); transition-property: transform, opacity; transition-duration: 0.7s, 0.15s; transition-timing-function: ease; }
.shiny-btn:active:after { opacity: 0; }

#mobilenavbtn { cursor: pointer; display: none; font-weight: bold; line-height: 60px; padding: 0px 10px; }
#closenavi { cursor: pointer; display: none; }

.map { --w: 2; --h: 1; padding-bottom: calc(100% / var(--w) * var(--h)); position: relative; overflow: hidden; background: var(--color-black); }
.map iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.margin-s { margin-bottom: .75rem; }
.margin-m { margin-bottom: 1.5rem; }
.margin-l { margin-bottom: 3rem; }
.margin-xl { margin-bottom: 4.5rem; }
.margin-xxl { margin-bottom: 6rem; }
@media screen and (min-width: 60rem) {
  footer { --padding: 2rem; }
  .grid { grid-template-columns: repeat(12, 1fr); }
  .grid > .column { grid-column: span var(--columns); }
}
.pagination { display: flex; padding-top: 6rem; }
.pagination > span { color: var(--color-text-grey); }
.pagination > * { padding: .5rem; width: 3rem; text-align: center; border: 2px solid currentColor; margin-right: 1.5rem; }
.pagination > a:hover { background: var(--color-black); color: var(--color-white); border-color: var(--color-black); }

.note-excerpt { line-height: 1.5em; }
.note-excerpt header { margin-bottom: 1.5rem; }
.note-excerpt figure { margin-bottom: .5rem; }
.note-excerpt-title { font-weight: 600; }
.note-excerpt-date { color: var(--color-text-grey); }

.ajdsfkfasfds { max-width: 900px; margin: 0 auto; }
.ajdsfkfasfds .text { display: inline-block; }
.ajdsfkfasfds figure { display: inline-block; width: 100%; margin: 0 10px 20px 0; float: left; cursor: pointer; }
.ajdsfkfasfds figure img { height: 210px; overflow: hidden; width: 180px; }
.ajdsfkfasfds figure figcaption { font-size: 10px; max-width: 180px; padding-top: 0; }
.transpdivider { display: inline-block; }


.product-gallery .image-list { display: inline-block; width: 100%; margin-top: 10px; }
.product-gallery .image-list .image-item { cursor: pointer; max-width: 80px; max-height: 80px; overflow: hidden; float: left; margin-right: 10px; }
.product-gallery img { display: inline-block; width: 100%; max-width: 100%; height: auto; }
@media (min-width: 992px) {
  .product-gallery { max-width: 439px; }
}
.animal-facts { display: inline-block; width: 100%; margin-bottom: 20px; border: 1px solid #b3e7f8; padding: 0px 10px; border-radius: 3px; background: #b3e7f83d; }
.animal-facts li { display: inline-block; width: 100%; border-bottom: 1px solid #b3e7f8; line-height: 38px; }
.animal-facts li:last-of-type { border-bottom: none; }
.animal-facts li i { margin-right: 10px; margin-left: 10px; }

.image-slider { overflow: hidden; position: relative; width: 100%; }
.slider-track { display: flex; transition: transform 0.5s ease; }
.slide { box-sizing: border-box; position: relative; }
.slide img { width: 100%; height: auto; }
.caption { position: absolute; bottom: 1rem; left: 1rem; background: rgba(0,0,0,0.6); color: white; padding: 0.5rem; }
.tsv-logo { display: inline-block; width: 60px; height: 60px; border-radius: 5px; margin-right: 20px; }

.form-wrap { position: relative; }
.form-input { display: block; width: 100%; padding: 10px; font-size: 15px; line-height: 20px; color: #222; letter-spacing: .05em; background-color: #f5f5f5; background-image: none; border-radius: 2px; -webkit-appearance: none; transition: .3s ease-in-out; border: none; background: #fff; border: 1px solid #ebebeb; }
.form-label { position: absolute; top: 24px; left: 20px; font-size: 15px; line-height: 24px; letter-spacing: .05em; pointer-events: none; z-index: 9; transition: .25s; will-change: transform; transform: translateY(-50%); }
.form-label.focus { opacity: 0; }

.link-cursor {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ctitle%3Ecursor-link%3C/title%3E%3Cg%3E%3Ccircle cx='32' cy='32' r='30' opacity='.8'%3E%3C/circle%3E%3Cpath d='M30.828 28.172l-.585-.586a2 2 0 0 1 0-2.828l6.171-6.171a2 2 0 0 1 2.828 0l6.171 6.171a2 2 0 0 1 0 2.828l-6.171 6.171a2 2 0 0 1-2.828 0l-.586-.585' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3C/path%3E%3Cpath d='M33.172 35.828l.585.586a2 2 0 0 1 0 2.828l-6.171 6.171a2 2 0 0 1-2.828 0l-6.171-6.171a2 2 0 0 1 0-2.828l6.171-6.171a2 2 0 0 1 2.828 0l.586.585' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3C/path%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M27 37l10-10'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 32 32, pointer; cursor: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsSAAALEgHS3X78AAAFGUlEQVR4nO1bS0gcSRj+KwbDLhMRI1kciQQWnFMuu7koHgLi0YsefCCCHuaoCHsQD74O4kEUPc5BD4qPg148quBBEDTJdRkhEAwzQ4LKYIaESKSWv6nqLXu6p19V3TOZ+WBw1O6/6/v7+x9VXU0opVDOeFTW7AHgseoLEEKaAeA1AODPKAD8ZXPKewBIA8AFALyllF4oHZ+KECCEvAEA/on4NJcDgGP8UEqPJQ1RhzQHEEKeAkAfAHQCQIMUo/nIAMA+AGxRSr/KMCjFAYSQOAD0S7jbToGq2KSUJnyP3Y8DCCF/A8C0wjtuB1TENKX0nVcDnhzA5B5nki8GbAFAwktYuHYAIQQz+QLL6sUErBb/UErTyhzASloiwFh3C8wNcTel03EjVALkgY0twcbqCI4cUCLkOVw5wTYEWMxvlgh5ERgO/XY5oaACWLZfKEHywMa8wDhYwi4E4kWY7d2gmXGwhKUDWJNTLHXeD/oYF1NY5gBCyH6IHZ5sZCilnWY2TRXAevvAydfX11ctLi5GU6nUq7Ozs+aRkZFnkkw3ME55yFMASxr7QSc+JH9ychKLxWK/iX/f29u77u7u/ijhElgVOo3tspkC+sIkn0wmv7e2tv47NTX1Cf/X1dX1bHd396WEy0TMcpqZAgKNfSP5tra25NXV1T3+D0NgeXlZIy9JCXm54IEC2EpOUZBHrKysXI+OjmqkJSmhgXHUYQyBN/nnqIEdeYVOCN8BTslzSHaCuQPY5CGQ5Le9vf3SKXkOoxN8lMiIOFESFfDao0FXiMVi1e3t7bW5XO7eKXkOdAKvDgMDA356BJ2r6IBAev66ujrtWcTt7e29kTyGxuHh4Z+rq6svrM4/ODjAeg6NjY1PfAzDVAFRHwYd4/T09Fs6nb6LRqPVk5OTz/l5PC+gOpqamqrN7OExa2trWvzv7Oxc+xiGzlV0gN0TG89A2be0tPzOzx8fH9dkXFtb+xhMkmJvb29evTceMzc399nHkHSueiNECHkrmzgOGhMe3lX8He88kl9fX8+Kx9hVBLdVwwkopVoeUOYAcdCY8DDmUfbsWu/CJA+CA5Q8HLUaNMa8leyDJC9CugL8EMOpcDab/Tk7O/tFNXklIeD3rlJKtZUbzBU1NTVVkUikStWd5w6QtkFChqQHBwc/8BKJ5I+OjrIqyIuQogC/sh8bG2tA8rw6YMm8ubn5mUwm76QxNcBMAe+9GpuYmPjDLlat+n+Mefw5Pz+vd3/YLKkkL3IVHeDqoaKInp4erS8fGhr6aCXXy8vLOzNJY8LjshebJcXQuYpl0PNenFQq9QMJdHR0RPDumR0zPDz8yezvGBqY8PA7yj4gB+hcRQV4zgEbGxtaXz4zM/PCzTSV5wWe8BTLXoTO9cGaICHk2OuaAC5S4Dwdv+O8HaeuhY4PosmxQI5Sqi+KGMug511YuGCJC5f4HRcyCykhRPJg5CjNAeDQCSGTh4IOYPvwMn6sF3JCEZDPGPcamnWC+36vYnQCToKwxIVMHsy4KX00JiZGjhDJO3s0xg7YlHFFVAJWhPPz86/Y7CwtLWVCIg9sY2XeNrrK4/ECJ02rG0/gsORi6QC2/XTrFyC/VWgrrd16QMLPHKEIcME4WKKyTc7OCjMQZwZLBXzLrO0U39GSGNt7WypOcLVf2PGaYIk4Qd1mafjfCf1FmhgvWMy7GlvlhYnKKzOVl6Yqr83JsPPQaDm+OGl5gXJ8dbaUUN5vjwPAfz2vBz0d3cIRAAAAAElFTkSuQmCC") 1x, url("data:image/png;base64,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") 2x) 32 32, pointer;
}

.flip-card { background-color: transparent; width: 100%; height: 360px; perspective: 1000px; }
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); backface-visibility: hidden; -moz-backface-visibility: hidden; }
.flip-card:focus { outline: 0; }
.flip-card-front { background-color: #383838; z-index: 2; display: flex; justify-content: center; align-items: center; }
.flip-card-front .img { display: contents; }
.flip-card-back { background-color: #fafafa; }
.animal-excerpt-title { z-index: 4; font-weight: bold; position: absolute; bottom: 0; right: 0; left: 0; background-color: #fff; padding: 15px 10px; }
.animal-facts-flip { }
.animal-facts-flip li { padding: 7px 0px; }
.animal-facts-flip li i { margin-right: 7px; }

.accordion-block { border: 1px solid #b3e7f8; font-size: 15px; }
.accordion-toggle { cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #b3e7f83d; padding: 1em; font-weight: bold; border: none; width: 100%; outline: none; }
.accordion-icon { color: #229fc7; transition: transform 0.3s ease; }
.accordion-toggle[aria-expanded=\"true\"] .accordion-icon { transform: rotate(45deg); }
.accordion-content { display: none; padding: 1em; border-top: 1px solid #b3e7f8; border-bottom: 1px solid #b3e7f8; }

.counter-block { padding: 1em; }
.counter-value { font-size: 2em; font-weight: bold; }
.counter-label { font-size: 1em; color: #666; }

.countdown-block { text-align: center; padding: 1em; }
.countdown-value { font-size: 2em; font-weight: bold; }
.countdown-label { font-size: 1em; color: #666; }

.cascading-images-block { display: block; }
.layout-cascade { position: relative; }
.layout-cascade .cascading-image { transition: transform 0.3s ease; width: 50%; height: 50%; }
.cascading-images-block.layout-cascade { padding: 2% 2%; }
.cascading-image img { box-shadow: 0 1px 5px rgba(0, 0, 0, .2); }

.icon-list-block { list-style: none; padding: 0; margin: 0; }
.icon-list-item { display: flex; align-items: flex-start; gap: 1em; margin-bottom: 1rem; }
.icon-list-item .fa { font-size: 1.5em; line-height: 1; }
.icon-list-text p { margin: 0.25em 0 0; color: #555; }

.icon-box { position: relative; display: flex; gap: 1em; align-items: center; margin-bottom: 2rem; padding: 20px; }
.icon-box:hover { background-color: #fafafa; }
.icon-box-icon { font-size: 2em; flex-shrink: 0; position: relative; padding: 4px; }
.icon-box-top { flex-direction: column; align-items: center; text-align: center; }
.icon-box-right { flex-direction: row-reverse; }
.icon-box-left { flex-direction: row; }
.text a.icon-box { text-decoration: none; }

.bic { display: inline-block; margin-bottom: 20px; }
.paypmaillink .cryptedzaubermail, .paypmaillink .cryptedzaubermail::after { cursor: default; }

.custom-divider { display: flex; align-items: center; text-align: center; margin: 2rem 0; }
.custom-divider::before, .custom-divider::after { content: ""; flex: 1; border-bottom: 2px solid #ccc; }
.divider-line::before, .divider-line::after { border-style: solid; border-color: #ccc; }
.divider-dotted::before, .divider-dotted::after { border-style: dotted; }
.divider-double::before, .divider-double::after { border-width: 3px; border-style: double; }
.divider-fancy::before, .divider-fancy::after { border-style: dashed; }
.divider-middle span { padding: 0 1rem; font-size: 1.2em; white-space: nowrap; }
.divider-middle i { margin-right: 0.4em; padding: 0 1rem; font-size: 1.2em; }
.custom-divider.divider-transp::before, .custom-divider.divider-transp::after { border-bottom: 2px solid transparent; }

.hotspot-image-wrapper { position: relative; display: inline-block; }
.hotspot-image { width: 100%; height: auto; display: block; }
.hotspot { position: absolute; transform: translate(-50%, -50%); width: 16px; height: 16px; background: red; border-radius: 50%; cursor: pointer; }
.imgtooltip { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 5px); background: rgba(0, 0, 0, 0.75); color: white; padding: 6px 10px; border-radius: 4px; white-space: nowrap; display: none; z-index: 10; }
.hotspot-image-wrapper[data-mode="hover"] .hotspot:hover .imgtooltip { display: block; } /* Sichtbar bei Hover */
.hotspot-image-wrapper[data-mode="always"] .hotspot .imgtooltip { display: block; } /* Immer sichtbar */

.comparison-slider { position: relative; width: 100%; max-width: 100%; overflow: hidden; aspect-ratio: 16/9; }
.comparison-slider img { display: block; width: 100%; height: auto; user-select: none; pointer-events: none; }
.comparison-slider .before-image, .comparison-slider .after-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.comparison-slider .after-image { clip-path: inset(0 50% 0 0); transition: clip-path 0.05s ease; z-index: 2; }
.comparison-slider .slider-handleeee { position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; z-index: 3; cursor: ew-resize; }
.comparison-slider .ic-label { position: absolute; top: 10px; padding: 4px 8px; background: rgba(0, 0, 0, 0.6); color: white; font-size: 0.85rem; border-radius: 3px; z-index: 4; user-select: none; pointer-events: none; }
.comparison-slider .ic-label-left { left: 10px; }
.comparison-slider .ic-label-right { right: 10px; }
.comparison-slider .slider-handle { position: absolute; height: 38px; width: 38px; left: 50%; top: 50%; margin-left: -19px; margin-top: -19px; border-radius: 50%; background: #2ba363 url(https://tsv.shinylion.io/assets/images/cd-arrows.svg) no-repeat center center; cursor: move; box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); opacity: 1; z-index: 9; }

.ic-label { transition: opacity 0.2s ease; opacity: 1; }
.ic-label.hidden { opacity: 0; }


.darkerbg { background-color: #ddd; }
.heroslidr { background-color: #ddd; }
#hero-wrpr .bxdlyt { margin-bottom: 0; }
#hero-wrpr .bxdlyt .column { margin-bottom: 0; }
.flohm-wrpr { padding: 40px 0; }
#flohm-ico-list { border: 1px solid #ccc; margin-left: 0; padding: 15px; border-radius: 3px; margin: 40px 0; }
.flohm-wrpr figure img { box-shadow: 0 2px 5px rgba(0, 0, 0, .4); }
.frsticobxrow { margin-bottom: 0; background: #1eae61; padding-bottom: 50px; }
.frsticobxrowcentered { margin-bottom: 0; background: #1eae61; text-align: center; color: #fff; padding-top: 50px; }
.frsticobxrowcentered .grid, .frsticobxrow .grid { margin-bottom: 0; }
.frsticobxrow .icon-box { color: #fff; border-radius: 3px; background: rgb(255 255 255 / 18%); transition: 0.3s; margin-bottom: 1.5rem; }
.frsticobxrow .icon-box:hover { color: #222; background: #fff; }
.socialfooterlink { border: 1px solid #fff; border-radius: 2px; width: 25px; display: inline-block; height: 25px; text-align: center; line-height: 25px; }
.socialfooterlink:hover { background: #fff; }
.boxed900, .tsvteamwrapper { max-width: 900px; margin: 0 auto; }

.schwerp-main-row { background: #ccc; }
.schwerp-main-row .column .text { background: #fff; }
.schwrpkticobxwrpr { padding: 40px 0; }
.schwerpicobx { border: 1px solid #ccc; margin-bottom: 3.5rem; }
.schwerpicobx .icon-box-icon { border: 1px solid #ccc; border-radius: 3px; background: #fff; position: absolute; top: -25px; height: 50px; width: 50px; font-size: 30px; line-height: 50px; }
.schwerpicobx h3 { font-size: 14px; }
.schwerpicobx .icon-box-content { font-size: 13px; padding-top: 25px; padding-bottom: 10px; }
.schwerpmainwrpr { margin-top: 40px !important; }

.flohmdetails { }
.flohmdetails .icon-list-item.finished .stsmsg { padding: 4px 10px 4px 0px; color: #750b20; border-radius: 2px; font-size: 10px; font-weight: bold; }
.flohmdetails .icon-list-item span.icon { width: 24px; text-align: center; }
.flohmdetails .icon-list-item.atthemoment { }
.flohmdetails { }
.flohmakkordeon { margin-top: 50px; }
.nopaddingtop { padding-top: 0px; }

.hlpuscrdgrd .icon-box { border: 1px solid #ccc; font-size: 13px; cursor: default; }
.hlpuscrdgrd .icon-box-icon { font-size: 40px; flex-shrink: 0; padding: 0px; width: 15%; text-align: center; line-height: 50px; }
#wrbrchndchsep::before, #wrbrchndchsep::after { border-color: transparent; }

.hlpuscrdgrd .icon-box .icon-box-content em { border: 1px solid #ccc; cursor: default; padding: 4px 8px; border-radius: 2px; }

#zaubermodal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1000; align-items:center; justify-content:center; }
#zaubermodal .modal-content { background:#fff; max-width:800px; width:90%; max-height:90%; overflow:auto; padding:2em; position:relative; }
#modal-body { }
#modal-close { position:absolute; top:1em; right:1em; cursor: pointer; }
.open-modal { cursor: pointer; }

.call_to_action { width: 100%; height: 200px; background: url(../images/catdog.png) no-repeat 95%; line-height: 200px; text-align: center; color: #515353; font-size: 200%; font-weight: lighter; }
.call_to_action a { position: relative; color: #fff; background: #3a88d5; padding: 10px 25px; text-decoration: none; margin: -15px 0 0 30px; border-radius: 3px; font-size: 30px; line-height: 40px; }

.gradientbg { background: linear-gradient(334deg, #b2d387, #78a73a, #1f500c); background-size: 180% 180%; -webkit-animation: gradient-animation 6s ease infinite; animation: gradient-animation 6s ease infinite; }
@-webkit-keyframes gradient-animation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gradient-animation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media only screen and (min-width:769px) {
  .frsticobxrow .icon-box { min-height: 112px; }
  .startshero { height: 60vh; }
  .startshero .caption { top: 25vh; background: transparent; max-width: 50%; font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; }
  .frstcasc { padding: 40px 0; }
  .flohm-wrpr figure { padding: 40px 0px 40px 40px; margin: 0 15%; }
  .hlpuscrdgrd .column .text { padding-right: 40px; }
  .flip-card { height: 150px; position: relative; display: inline-block; padding-top: 40px; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); }
  .flip-card-inner { box-shadow: none; }
  .flip-card-front, .flip-card-back { display: inline-block; float: left; position: absolute; top: 0; bottom:0; }
  .flip-card-front { width: 40%; height: 100%; left: 0; }
  .flip-card-front img { z-index: 9; object-position: center center; }
  .flip-card-back { transform: rotateY(0deg); width: 60%; height: 100%; left: 40%;}
  .animal-facts-flip { text-align: left; font-size: 12px; padding-left: 20px; }
  .animal-excerpt-title { top: -40px; padding: 10px 10px; z-index: 9; height: 20px; width: 235%; }
  .smallheadr .grid { padding-bottom: 0; }
}
@media only screen and (max-width:768px) {
  #hero-wrpr .bxdlyt { }
  .frsticobxrow .icon-box:last-child { margin-bottom: 0; }
  .frstcasc .grid { --gutter: 4rem !important; }
  .startshero { height: 100%; }
  .startshero .caption { position: relative; color: #222; background: transparent; padding-top: 90px; left: 0; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; }
  .header { margin-right: 0; margin-left: 0; }
  .maintitle { padding: 0 1.5rem; margin: 10px 0px; }
  .footer { padding: 5rem 2rem 2rem; }
  .footer .grid { --gutter: 2rem; }
  #footer-help { padding-top: 50px; }
  #mobilenavbtn { display: flex; margin-left: auto; }
  #closenavi { display: inline-block; position: absolute; right: 25px; top: 15px; font-size: 20px; }
  .menu { display: none; transition: .25s; }
  .menu a { display: none; }
  .menu.open { z-index: 999; position: fixed; background-color: #95BD61; height: 100vh; display: inline-block; width: 100%; top: 0; left: 0; padding-top: 25vh; background: linear-gradient(334deg, #61e59e, #2bc875, #126539); background-size: 180% 180%; -webkit-animation: gradient-animation 6s ease infinite; animation: gradient-animation 6s ease infinite; }
  .menu.open a { color: #fff; font-weight: bold; display: inline-block; width: 100%; text-align: center; padding-left: 0; }
  .tsv-logo { display: inline-block; width: 50px; height: 50px; margin-right: 20px; z-index: 999999; border: 2px solid #ffffff; }
  .title-full { display: none; }
  .title-short { display: inline; }
  .txt-logo-wrpr .subtitel { display: none; }
  .text h1, .h1, .intro { font-size: 2rem; margin-bottom: 2rem; line-height: 1.25em; }
  .nobttmmargin { margin-bottom: 0px !important; }
  .animaldescr .animal-facts { margin-bottom: 40px; }
  .frsticobxrow .grid .column { margin-bottom: 0px; }
  .call_to_action { line-height: 20px; }
  .call_to_action .wrapper { display: inline-block; width: 80%; font-size: 80%; text-align: left; }
  .call_to_action a { padding: 10px 25px; text-decoration: none; margin: 40px 00px 0px 0px; border-radius: 3px; font-size: 18px; line-height: 20px; display: inline-block; }

  .flip-card { height: 150px; position: relative; display: inline-block; padding-top: 40px; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); }
  .flip-card-inner { box-shadow: none; }
  .flip-card-front, .flip-card-back { display: inline-block; float: left; position: absolute; top: 0; bottom:0; }
  .flip-card-front { width: 40%; height: 100%; left: 0; }
  .flip-card-front img { z-index: 9; object-position: center center; }
  .flip-card-back { transform: rotateY(0deg); width: 60%; height: 100%; left: 40%;}
  .animal-facts-flip { text-align: left; font-size: 12px; padding-left: 20px; }
  .animal-excerpt-title { top: -40px; padding: 10px 10px; z-index: 9; height: 20px; width: 235%; }
  .tiervergabe .column { margin-bottom: 0; }

  .ajdsfkfasfds figure { width: 45%; }
  .text h2, .h2 { line-height: 35px; }
  .flohm-wrpr { padding-top: 0px; }


}
@media only screen and (max-width:480px) {
}
@media screen and (max-device-width:667px) and (orientation:landscape) {
}