@font-face { font-family: Arvil; src: url("/files/design/fonts/Arvil_Sans.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: block; }

@font-face { font-family: HelveticaComp; src: url("/files/design/fonts/HelveticaComp.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: block; }

.mobile-exclusive-name {
  display: block;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin: 0px !important;
   padding: 0px !important;
}

.mobile-advisor-label {
  display: none;
}

.advisor-filter-toggle, .advisor-filter-panel, .advisor-filter-result {
  display: none;
}

.responsive-scroll-top, .mobile-nav-service, .mobile-access-links, .responsive-hero-slider, .responsive-sidebar-slider-nav, .responsive-tariff-mobile-copy {
  display: none;
}

.ai-photo-badge-link {
  display: inline-block;
   line-height: 0;
   font-size: 0px;
   position: relative !important;
}

.ai-photo-badge {
  position: absolute;
   right: -3px;
   bottom: -3px;
   z-index: 20;
   display: block;
   width: 30px;
   height: 30px;
   box-sizing: border-box;
   padding: 0px;
   overflow: hidden;
   border: 0px;
   background: url("/site/assets/images/layout/LABEL_AI_white-transparent.svg") center center / contain no-repeat transparent;
   color: transparent;
   font-size: 0px;
   line-height: 0;
   filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 1px 2px);
   cursor: pointer;
   opacity: 1;
}

.ai-photo-badge::before {
  content: none;
}

.ai-photo-badge:hover, .ai-photo-badge:focus {
  outline: none;
}

.block.service .service-ai-image {
  width: 183px;
   height: 159px;
   vertical-align: top;
   display: inline-block !important;
}

.block.service .ai-photo-badge-link .ai-photo-badge {
  width: 24px;
   height: 24px;
   opacity: 0.78;
   right: 3px !important;
   bottom: 3px !important;
}

.aside .block.service > p {
  box-sizing: border-box;
   color: rgb(93, 75, 65);
   margin: 0px 0px 8px !important;
   padding: 0px 4px !important;
   text-align: center !important;
}

.aside .block.service > p span {
  font-family: inherit !important;
   font-size: inherit !important;
   line-height: inherit !important;
}

.aside .block.service > p:first-of-type {
  margin: 0px 0px 11px !important;
   padding: 0px !important;
   line-height: 0 !important;
}

.aside .block.service > p:nth-of-type(2) {
  border-bottom: 1px solid rgba(151, 125, 105, 0.2);
   color: rgb(107, 81, 68);
   font: 13px / 19px Arial, sans-serif;
   letter-spacing: 0.15px;
   text-transform: uppercase;
   margin: 0px 4px 5px !important;
   padding: 0px 0px 9px !important;
}

.aside .block.service > p:nth-of-type(2) > span, .aside .block.service > p:nth-of-type(3) > span, .aside .block.service > p:nth-of-type(4) > span {
  font-size: 13px !important;
   line-height: 19px !important;
}

.aside .block.service > p:nth-of-type(2) strong {
  display: inline-block;
   margin-top: 2px;
   color: rgb(116, 19, 47);
   font: bold 17px / 21px "Times New Roman", serif;
   letter-spacing: 0px;
}

.aside .block.service > p:nth-of-type(2) img {
  object-fit: contain;
   vertical-align: -1px;
   display: inline-block !important;
   width: 20px !important;
   height: 12px !important;
   margin: 0px 3px 0px 0px !important;
   padding: 0px !important;
   border: 0px !important;
}

.aside .block.service > p:nth-of-type(3) {
  color: rgb(117, 98, 89);
   font: 13px / 18px Arial, sans-serif;
   margin-bottom: 5px !important;
}

.aside .block.service > p:nth-of-type(4) {
  border: 1px solid rgba(151, 125, 105, 0.18);
   border-radius: 3px;
   background: rgba(255, 253, 249, 0.52);
   color: rgb(95, 76, 66);
   font: 13px / 18px Arial, sans-serif;
   margin: 0px 4px 7px !important;
   padding: 6px 5px !important;
}

.aside .block.service > p:nth-of-type(4) em {
  font-style: normal;
}

.aside .block.service > p:nth-of-type(5) {
  border-top: 1px solid rgba(151, 125, 105, 0.18);
   color: rgb(103, 86, 76);
   font: 13px / 18px Arial, sans-serif;
   margin: 0px 4px 10px !important;
   padding: 8px 5px 0px !important;
}

.aside .block.service > p:nth-of-type(5) a, .aside .block.service > p:nth-of-type(5) a span {
  font-weight: bold;
   text-decoration: none;
   color: rgb(102, 141, 53) !important;
}

.aside .block.service > p:nth-of-type(5) a:hover {
  text-decoration: underline;
}

.aside .block.service > .box > p:last-child {
  text-align: center;
   margin: 8px 0px 0px !important;
   padding: 0px !important;
}

.aside .block.service > .box > p:last-child a {
  box-sizing: border-box;
   display: block;
   width: 179px;
   height: 43px;
   margin: 0px auto;
   border: 1px solid rgb(88, 124, 45);
   border-radius: 3px;
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   text-align: center;
   text-decoration: none;
   text-shadow: rgba(44, 72, 16, 0.7) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

.aside .block.service > .box > p:last-child a span {
  display: none !important;
}

.aside .block.service > .box > p:last-child a::after {
  content: "Zur Online Anmeldung";
}

.aside .block.service > .box > p:last-child a:hover, .aside .block.service > .box > p:last-child a:focus {
  filter: brightness(1.08);
   outline: none;
}

.sofortzugang-ai-image {
  width: 183px;
   height: 159px;
   margin: 0px auto;
   vertical-align: top;
   display: block !important;
}

.sofortzugang-ai-image img {
  box-sizing: border-box;
   padding: 2px;
   border: 1px solid rgb(189, 169, 153);
   background: rgb(255, 255, 255);
   object-fit: cover;
   object-position: center 46%;
   display: block !important;
   width: 183px !important;
   height: 159px !important;
   margin: 0px !important;
}

.sofortzugang-ai-image .ai-photo-badge {
  width: 22px;
   height: 22px;
   opacity: 0.82;
   right: 3px !important;
   bottom: 3px !important;
}

.aside .access-method-box {
  padding-bottom: 15px !important;
}

.aside .prepaid-access-box > h3 {
  align-items: center;
   justify-content: center;
   flex-direction: column;
   display: flex !important;
   height: 60px !important;
   font-size: 17px !important;
   line-height: 18px !important;
}

.aside .prepaid-access-box > h3 span {
  display: block;
}

.aside .access-method-box .access-card-content {
  margin: -2px -7px 0px;
   padding: 0px 7px;
   color: rgb(88, 71, 62);
   text-align: center;
}

.aside .access-method-box .access-method-image {
  box-sizing: border-box;
   width: 183px;
   height: 159px;
   margin: 0px auto 11px;
   vertical-align: top;
   display: block !important;
}

.aside .access-method-box .access-method-image img {
  box-sizing: border-box;
   padding: 2px;
   border: 1px solid rgb(189, 169, 153);
   background: rgb(255, 255, 255);
   object-fit: cover;
   object-position: center center;
   display: block !important;
   width: 183px !important;
   height: 159px !important;
   margin: 0px !important;
}

.aside .access-method-box .prepaid-access-image img {
  background: rgb(248, 242, 230) !important;
   object-fit: contain !important;
   object-position: center center !important;
}

.aside .prepaid-access-box .prepaid-retro-end {
  width: 183px;
   margin: 15px auto 0px;
   line-height: 0;
   display: block !important;
}

.aside .prepaid-access-box .prepaid-retro-end img {
  border-radius: 2px;
   display: block !important;
   width: 183px !important;
   height: auto !important;
   margin: 0px !important;
   padding: 0px !important;
   border: 0px !important;
   background: transparent !important;
   object-fit: contain !important;
}

.aside .access-method-box .access-method-image .ai-photo-badge {
  width: 22px;
   height: 22px;
   opacity: 0.8;
   right: 3px !important;
   bottom: 3px !important;
}

.aside .access-method-box .access-method-lead {
  border-bottom: 1px solid rgba(137, 108, 88, 0.2);
   color: rgb(116, 19, 47);
   font: 17px / 20px Arvil, "Times New Roman", serif;
   margin: 0px 0px 9px !important;
   padding: 0px 5px 8px !important;
}

.aside .access-method-box .access-method-benefits {
  text-align: left;
   margin: 0px 0px 10px !important;
   padding: 0px !important;
   list-style: none !important;
}

.aside .access-method-box .access-method-benefits li {
  position: relative;
   color: rgb(91, 74, 64);
   font: 13px / 17px Arial, sans-serif;
   margin: 0px !important;
   padding: 3px 2px 3px 22px !important;
   background: none !important;
}

.aside .access-method-box .access-method-benefits li::before {
  position: absolute;
   top: 3px;
   left: 2px;
   color: rgb(102, 141, 53);
   content: "✓";
   font: bold 14px / 16px Arial, sans-serif;
}

.aside .access-method-box .access-tariffs {
  display: grid;
   gap: 5px;
   margin: 2px 0px 10px;
}

.aside .access-method-box .access-tariffs > div {
  display: block;
   padding: 6px 5px;
   border: 1px solid rgba(137, 108, 88, 0.2);
   border-radius: 3px;
   background: rgba(255, 253, 249, 0.52);
   text-align: center;
   box-shadow: rgba(255, 255, 255, 0.65) 0px 1px inset;
}

.aside .access-method-box .access-tariff-number {
  display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
   color: rgb(116, 19, 47);
   font: bold 13px / 17px Arial, sans-serif;
   white-space: nowrap;
}

.aside .access-method-box .access-tariff-number img {
  object-fit: contain;
   vertical-align: middle;
   display: inline-block !important;
   width: auto !important;
   max-width: 18px !important;
   height: 11px !important;
   margin: 0px !important;
   padding: 0px !important;
   border: 0px !important;
}

.aside .access-method-box .access-tariffs small {
  display: block;
   margin: 1px 0px 0px;
   color: rgb(107, 90, 80);
   font: 10px / 13px Arial, sans-serif;
   white-space: normal;
}

.aside .access-method-box .access-tariffs small b {
  color: rgb(89, 66, 57);
   font-weight: bold;
}

.aside .access-method-box .access-tariff-ch small b {
  font-size: 13px;
   line-height: 17px;
}

.aside .access-method-box .access-method-primary {
  box-sizing: border-box;
   display: block;
   width: 179px;
   height: 43px;
   margin: 4px auto 10px;
   border: 1px solid rgb(88, 124, 45);
   border-radius: 3px;
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: -0.25px;
   text-align: center;
   text-decoration: none;
   text-shadow: rgba(44, 72, 16, 0.7) 0px 1px;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

.aside .access-method-box .access-method-primary:hover, .aside .access-method-box .access-method-primary:focus {
  filter: brightness(1.08);
   outline: none;
}

.aside .access-method-box .access-method-secondary {
  box-sizing: border-box;
   display: block;
   width: 179px;
   height: 43px;
   margin: 5px auto 0px;
   border: 1px solid rgb(118, 81, 47);
   border-radius: 3px;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: 0.1px;
   text-align: center;
   text-decoration: none;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   text-transform: uppercase;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

.aside .access-method-box .access-method-secondary:hover, .aside .access-method-box .access-method-secondary:focus {
  filter: brightness(1.07);
   outline: none;
}

.aside .access-method-box .access-0900-advisors {
  box-sizing: border-box;
   display: block;
   width: 179px;
   height: 43px;
   margin: 7px auto 0px;
   border: 1px solid rgb(118, 81, 47);
   border-radius: 3px;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   text-align: center;
   text-decoration: none;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

.aside .access-method-box .access-0900-advisors:hover, .aside .access-method-box .access-0900-advisors:focus {
  filter: brightness(1.07);
   outline: none;
}

.aside .access-method-box .access-service-number {
  border-top: 1px solid rgba(137, 108, 88, 0.18);
   border-bottom: 1px solid rgba(137, 108, 88, 0.18);
   margin: 0px 0px 4px !important;
   padding: 7px 0px !important;
}

.aside .access-method-box .access-service-number span {
  display: block;
   color: rgb(120, 102, 90);
   font: 10px / 13px Arial, sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.aside .access-method-box .access-service-number strong {
  display: block;
   color: rgb(91, 57, 46);
   font: 17px / 21px "Times New Roman", serif;
}

.aside .consultation-categories-box {
  padding-bottom: 14px !important;
}

.aside .consultation-categories-box > h3 {
  margin-bottom: 5px !important;
}

.aside .consultation-categories-box > p {
  box-sizing: border-box;
   margin: 0px 8px !important;
   padding: 0px !important;
   text-align: left !important;
}

.aside .consultation-categories-box .consultation-categories-intro {
  border-bottom: 1px solid rgba(151, 125, 105, 0.2);
   color: rgb(104, 86, 77);
   margin: 3px 10px 10px !important;
   padding: 0px 0px 10px !important;
   font-style: normal !important;
   font-variant: normal !important;
   font-size-adjust: none !important;
   font-language-override: normal !important;
   font-kerning: auto !important;
   font-optical-sizing: auto !important;
   font-feature-settings: normal !important;
   font-variation-settings: normal !important;
   font-weight: normal !important;
   font-stretch: normal !important;
   font-family: Arial, sans-serif !important;
   text-align: left !important;
}

.aside .consultation-categories-box .consultation-category-spacer {
  display: none !important;
}

.aside .consultation-categories-box .consultation-category-heading {
  border-width: 0px 0px 1px;
   border-style: none none solid;
   border-color: currentcolor currentcolor rgba(139, 105, 84, 0.25);
   border-image: none;
   background: transparent;
   box-shadow: none;
   margin-top: 10px !important;
}

.aside .consultation-categories-box .consultation-category-heading a {
  display: block;
   padding: 4px 4px 5px;
   font-style: normal;
   font-variant: normal;
   font-size-adjust: none;
   font-language-override: normal;
   font-kerning: auto;
   font-optical-sizing: auto;
   font-feature-settings: normal;
   font-variation-settings: normal;
   font-weight: bold;
   font-stretch: normal;
   font-family: Arial, sans-serif;
   letter-spacing: 0px;
   text-align: left;
   text-decoration: none;
   text-transform: none;
   color: rgb(116, 19, 47) !important;
}

.aside .consultation-categories-box .consultation-category-heading a strong {
  font: inherit !important;
   color: inherit !important;
}

.aside .consultation-categories-box .consultation-category-heading a::before, .aside .consultation-categories-box .consultation-category-heading a::after {
  content: none;
}

.aside .consultation-categories-box .consultation-category-link {
  border-bottom: 1px solid rgba(151, 125, 105, 0.14);
}

.aside .consultation-categories-box .consultation-category-link a {
  position: relative;
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 20px;
   font-style: normal;
   font-variant: normal;
   font-size-adjust: none;
   font-language-override: normal;
   font-kerning: auto;
   font-optical-sizing: auto;
   font-feature-settings: normal;
   font-variation-settings: normal;
   font-weight: normal;
   font-stretch: normal;
   font-family: Arial, sans-serif;
   text-decoration: none;
   color: rgb(98, 81, 71) !important;
}

.aside .consultation-categories-box .consultation-category-link a::before {
  content: "·";
   position: absolute;
   left: 9px;
   color: rgb(154, 119, 97);
   font: bold 15px / 14px Georgia, serif;
}

.aside .consultation-categories-box .consultation-category-heading a:hover, .aside .consultation-categories-box .consultation-category-heading a:focus {
  background: transparent;
   outline: none;
   color: rgb(154, 23, 64) !important;
}

.aside .consultation-categories-box .consultation-category-link a:hover, .aside .consultation-categories-box .consultation-category-link a:focus {
  padding-left: 20px;
   background: rgba(255, 253, 249, 0.55);
   outline: none;
   color: rgb(116, 19, 47) !important;
}

.aside .consultation-categories-box .consultation-category-link.is-active {
  border-left: 3px solid rgb(124, 16, 51);
   background: rgba(116, 19, 47, 0.06);
}

.aside .consultation-categories-box .consultation-category-link.is-active a {
  padding-left: 17px;
   font-weight: bold;
   color: rgb(116, 19, 47) !important;
}

.aside .consultation-categories-box .consultation-category-heading.is-active {
  border: 0px;
   background: transparent;
}

.aside .consultation-categories-box .consultation-category-heading.is-active a {
  color: rgb(95, 11, 37) !important;
}

#right .mod_login.login {
  overflow: visible !important;
}

#right .mod_login.login form.login {
  box-sizing: border-box;
   padding: 16px 6px 7px !important;
}

#right .mod_login.login form.login input.text {
  box-sizing: border-box;
   display: block;
   color: rgb(73, 58, 50);
   font: 13px / 24px Arial, sans-serif;
   outline: none;
   transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
   width: 100% !important;
   height: 43px !important;
   margin: 0px 0px 8px !important;
   padding: 9px 12px !important;
   border: 1px solid rgb(197, 185, 177) !important;
   border-radius: 5px !important;
   background: rgb(255, 254, 253) !important;
   box-shadow: rgba(66, 43, 33, 0.035) 0px 1px 3px inset, rgba(66, 43, 33, 0.043) 0px 1px 2px !important;
}

#right .mod_login.login form.login input.text:hover {
  border-color: rgb(169, 149, 137) !important;
   background: rgb(255, 255, 255) !important;
}

#right .mod_login.login form.login input.text:focus {
  border-color: rgb(140, 73, 96) !important;
   background: rgb(255, 255, 255) !important;
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset !important;
}

#right .mod_login.login .pass {
  display: block;
   font: 10px / 14px Arial, sans-serif;
   text-align: left;
   text-decoration: none;
   border: 0px;
   position: static !important;
   top: auto !important;
   margin: -2px 1px 8px !important;
   color: rgb(118, 91, 77) !important;
}

#right .mod_login.login .pass:hover {
  text-decoration: underline;
   color: rgb(116, 19, 47) !important;
}

#right .mod_login.login .modern-sidebar-login-button {
  box-sizing: border-box;
   display: block;
   padding: 0px;
   border-radius: 3px;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   text-align: center;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   cursor: pointer;
   width: 179px !important;
   height: 43px !important;
   margin: 0px auto !important;
   border: 1px solid rgb(118, 81, 47) !important;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26 !important;
   color: rgb(255, 255, 255) !important;
}

#right .mod_login.login .modern-sidebar-login-button:hover, #right .mod_login.login .modern-sidebar-login-button:focus {
  filter: brightness(1.07);
   outline: none;
}

#right .new-customer-sidebar-box {
  padding-bottom: 14px !important;
}

#right .new-customer-sidebar-content {
  padding: 1px 2px 0px;
}

#right .new-customer-register {
  box-sizing: border-box;
   display: block;
   width: 179px;
   height: 43px;
   margin: 10px auto 0px;
   border: 1px solid rgb(88, 124, 45);
   border-radius: 3px;
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   text-align: center;
   text-decoration: none;
   text-shadow: rgba(44, 72, 16, 0.7) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

#right .new-customer-register:hover, #right .new-customer-register:focus {
  filter: brightness(1.08);
   outline: none;
}

#right .new-customer-sidebar-content ul {
  margin: 0px !important;
   padding: 0px !important;
   list-style: none !important;
}

#right .new-customer-sidebar-content li {
  position: relative;
   border-bottom: 1px solid rgba(151, 125, 105, 0.16);
   color: rgb(91, 74, 64);
   font: 13px / 17px Arial, sans-serif;
   margin: 0px !important;
   padding: 5px 2px 5px 23px !important;
}

#left nav a, #left nav span {
  font-size: 13px !important;
}

#right .new-customer-sidebar-content li:last-child {
  border-bottom: 0px;
}

#right .new-customer-sidebar-content li::before {
  content: "✓";
   position: absolute;
   top: 5px;
   left: 3px;
   color: rgb(102, 141, 53);
   font: bold 14px / 16px Arial, sans-serif;
}

.aside .newRatings {
  padding-bottom: 15px !important;
}

.aside .newRatings .slider {
  margin: 0px -3px 10px !important;
}

.aside .newRatings .container {
  border: 0px;
   border-radius: 0px;
   background: transparent;
   box-shadow: none;
   overflow: hidden;
   height: 190px !important;
}

.aside .newRatings ul.ratings {
  top: 0px !important;
   height: 190px !important;
   margin: 0px !important;
   padding: 0px !important;
}

.aside .newRatings ul.ratings > li {
  box-sizing: content-box;
   color: rgb(95, 78, 69);
   text-align: left;
   height: 172px !important;
   padding: 9px 15px !important;
}

.aside .newRatings ul.ratings > li > img.pic, .aside .newRatings ul.ratings > li > .ai-photo-badge-link {
  float: left;
   object-fit: cover;
   margin-top: 0px !important;
   margin-bottom: 7px !important;
   margin-left: 0px !important;
}

.aside .newRatings ul.ratings > li > .ai-photo-badge-link img {
  border-radius: 2px;
   padding: 0px !important;
   border: 0px !important;
}

.aside .newRatings ul.ratings > li > .content {
  overflow: hidden;
   margin: 0px !important;
   padding: 0px !important;
}

.aside .newRatings ul.ratings h4 {
  color: rgb(116, 19, 47);
   font: bold 12px / 16px Arial, sans-serif;
   text-transform: none;
   margin: 0px 0px 3px !important;
}

.aside .newRatings ul.ratings h4 a {
  text-decoration: none;
   color: rgb(116, 19, 47) !important;
}

.aside .newRatings ul.ratings .pin, .aside .newRatings ul.ratings span.ratings {
  color: rgb(118, 100, 90);
   font: 12px / 16px Arial, sans-serif;
}

.aside .newRatings ul.ratings span.ratings {
  display: none !important;
}

.aside .newRatings ul.ratings .stars {
  display: block !important;
   position: static !important;
   float: none !important;
   clear: none !important;
   margin: 4px 0px 0px !important;
   padding: 0px !important;
}

.aside .newRatings ul.ratings > li > p {
  box-sizing: border-box;
   clear: both;
   position: relative;
   max-height: 82px;
   overflow: hidden;
   border-top: 1px solid rgba(151, 125, 105, 0.18);
   background: transparent;
   color: rgb(96, 79, 70);
   font: 12px / 17px Arial, sans-serif;
   text-align: left;
   margin: 11px 0px 0px !important;
   padding: 11px 7px 7px 19px !important;
}

.aside .newRatings ul.ratings > li > p::before {
  content: "“";
   position: absolute;
   top: 8px;
   left: 3px;
   color: rgb(154, 117, 94);
   font: 18px / 20px Georgia, serif;
}

.aside .newRatings > a.button {
  box-sizing: border-box;
   border-radius: 3px;
   text-decoration: none;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   display: block !important;
   width: 179px !important;
   height: 43px !important;
   margin: 0px auto !important;
   padding: 0px !important;
   border: 1px solid rgb(118, 81, 47) !important;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26 !important;
   color: rgb(255, 255, 255) !important;
   font: 22px / 41px Arvil, "Times New Roman", serif !important;
   text-align: center !important;
}

.aside .newRatings > a.button:hover, .aside .newRatings > a.button:focus {
  filter: brightness(1.07);
   outline: none;
}

body.content-page-passwort-vergessen #main .mod_passreset {
  box-sizing: border-box;
   margin: 0px !important;
   padding: 8px 16px 16px !important;
}

body.content-page-passwort-vergessen #main .mod_passreset form#login {
  box-sizing: border-box;
   width: 100%;
   max-width: 370px;
   margin: 0px auto;
   padding: 0px;
}

body.content-page-passwort-vergessen #main .mod_passreset .formbody {
  width: 100%;
}

body.content-page-passwort-vergessen #main .mod_passreset .row {
  box-sizing: border-box;
   width: 100%;
   margin: 0px 0px 11px;
   padding: 0px;
}

body.content-page-passwort-vergessen #main .mod_passreset select, body.content-page-passwort-vergessen #main .mod_passreset input.text {
  box-sizing: border-box;
   display: block;
   color: rgb(73, 58, 50);
   font: 13px / 24px Arial, sans-serif;
   outline: none;
   transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
   width: 100% !important;
   height: 43px !important;
   margin: 0px !important;
   padding: 9px 12px !important;
   border: 1px solid rgb(197, 185, 177) !important;
   border-radius: 5px !important;
   background: rgb(255, 254, 253) !important;
   box-shadow: rgba(66, 43, 33, 0.035) 0px 1px 3px inset, rgba(66, 43, 33, 0.043) 0px 1px 2px !important;
}

body.content-page-passwort-vergessen #main .mod_passreset select:hover, body.content-page-passwort-vergessen #main .mod_passreset input.text:hover {
  border-color: rgb(169, 149, 137) !important;
   background-color: rgb(255, 255, 255) !important;
}

body.content-page-passwort-vergessen #main .mod_passreset select:focus, body.content-page-passwort-vergessen #main .mod_passreset input.text:focus {
  border-color: rgb(140, 73, 96) !important;
   background-color: rgb(255, 255, 255) !important;
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset !important;
}

body.content-page-passwort-vergessen #main .mod_passreset br {
  display: none;
}

body.content-page-passwort-vergessen #main .mod_passreset .submit_container {
  margin: 3px 0px 0px;
   text-align: center;
}

body.content-page-passwort-vergessen #main .mod_passreset input.submit {
  box-sizing: border-box;
   padding: 0px;
   border-radius: 3px;
   text-align: center;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   cursor: pointer;
   width: 179px !important;
   height: 43px !important;
   margin: 0px auto !important;
   border: 1px solid rgb(118, 81, 47) !important;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26 !important;
   color: rgb(255, 255, 255) !important;
   font: 22px / 41px Arvil, "Times New Roman", serif !important;
}

body.content-page-passwort-vergessen #main .mod_passreset input.submit:hover, body.content-page-passwort-vergessen #main .mod_passreset input.submit:focus {
  filter: brightness(1.07);
   outline: none;
}

@media (max-width: 600px) {
  body.content-page-passwort-vergessen #main .mod_passreset {
    padding: 5px 5px 12px !important;
  }
}

body.content-page-bewertungen #main .mod_ratings {
  box-sizing: border-box;
}

body.content-page-bewertungen #main .mod_ratings > .modern-review-row {
  box-sizing: border-box;
   display: grid;
   grid-template-columns: 88px minmax(0px, 1fr);
   gap: 15px;
   width: 100%;
   color: rgb(87, 72, 63);
   margin: 0px !important;
   padding: 16px 13px !important;
   border-width: 0px 0px 1px !important;
   border-style: none none solid !important;
   border-color: currentcolor currentcolor rgba(151, 125, 105, 0.22) !important;
   border-image: none !important;
   background: transparent !important;
}

body.content-page-bewertungen #main .mod_ratings > .modern-review-row:last-child {
  border-bottom: 0px !important;
}

body.content-page-bewertungen #main .review-profile-column {
  width: 88px;
   text-align: center;
}

body.content-page-bewertungen #main .review-profile-image {
  display: block;
   width: 82px;
   height: 102px;
   margin: 0px auto 7px;
   overflow: hidden;
   border: 1px solid rgba(157, 132, 113, 0.58);
   border-radius: 3px;
   background: rgb(255, 255, 255);
   box-shadow: rgba(70, 42, 29, 0.12) 0px 1px 3px;
   line-height: 0;
}

body.content-page-bewertungen #main .review-profile-image img {
  box-sizing: border-box;
   display: block;
   background: rgb(255, 255, 255);
   object-fit: cover;
   float: none !important;
   width: 82px !important;
   height: 102px !important;
   margin: 0px !important;
   padding: 1px !important;
   border: 0px !important;
}

body.content-page-bewertungen #main .review-profile-button {
  box-sizing: border-box;
   display: flex;
   width: 82px;
   height: 30px;
   margin: 0px auto;
   padding: 1px 3px 0px;
   align-items: center;
   justify-content: center;
   border: 1px solid rgb(118, 81, 47);
   border-radius: 3px;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   font: 16px / 1 Arvil, "Times New Roman", serif;
   letter-spacing: 0.15px;
   text-align: center;
   text-decoration: none;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   text-transform: uppercase;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.14) 0px 1px 2px;
   color: rgb(255, 255, 255) !important;
}

body.content-page-bewertungen #main .review-profile-button:hover, body.content-page-bewertungen #main .review-profile-button:focus {
  filter: brightness(1.07);
   outline: none;
}

.aside .modern-live-advisors {
  padding-bottom: 12px !important;
   text-align: left !important;
}

.aside .modern-live-advisors > .bh {
  text-align: center;
}

.aside .modern-live-advisors .live-advisor-group {
  padding: 9px 3px 8px;
   border-bottom: 1px solid rgba(134, 106, 86, 0.16);
}

.aside .modern-live-advisors .live-advisor-group:last-child {
  padding-bottom: 1px;
   border-bottom: 0px;
}

.aside .modern-live-advisors .live-advisor-status {
  display: flex;
   margin-bottom: 6px;
   align-items: center;
   flex-direction: column;
   gap: 6px;
}

.aside .modern-live-advisors .live-advisor-label {
  font: bold 13px / 17px Arial, sans-serif;
   text-align: center;
   color: rgb(88, 72, 62) !important;
}

.aside .modern-live-advisors .live-advisor-label::before {
  content: "";
   display: inline-block;
   width: 7px;
   height: 7px;
   margin: 0px 6px 1px 0px;
   border-radius: 50%;
   background: rgb(141, 41, 67);
   box-shadow: rgba(141, 41, 67, 0.11) 0px 0px 0px 2px;
}

.aside .modern-live-advisors .is-break .live-advisor-label::before {
  background: rgb(189, 135, 57);
   box-shadow: rgba(189, 135, 57, 0.12) 0px 0px 0px 2px;
}

.aside .modern-live-advisors .live-advisor-count {
  display: block;
   width: 103px;
   height: 96px;
   padding: 0px;
   background: url("/site/assets/images/layout/live-status-hearts-original.webp") 0px -96px no-repeat transparent;
   color: rgb(255, 255, 255);
   font: 26px / 96px Arial, sans-serif;
   text-align: center;
   text-shadow: rgba(0, 0, 0, 0.2) -1px -1px 0px;
   filter: none;
}

.aside .modern-live-advisors .live-advisor-count::before, .aside .modern-live-advisors .live-advisor-count::after {
  content: none;
}

.aside .modern-live-advisors .is-break .live-advisor-count {
  background-position: 0px 0px;
   color: rgb(255, 255, 255);
   text-shadow: rgba(0, 0, 0, 0.2) -1px -1px 0px;
}

.aside .modern-live-advisors .live-advisor-links {
  display: block;
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
   overflow: hidden;
   color: rgb(185, 169, 157);
   font: 13px / 20px Arial, sans-serif;
   text-align: center;
   overflow-wrap: anywhere;
   word-break: normal;
   margin: 1px 0px 0px !important;
   padding: 0px 4px !important;
}

.aside .modern-live-advisors .live-advisor-links a {
  display: inline;
   padding: 0px;
   font: inherit;
   overflow-wrap: normal;
   word-break: normal;
   color: rgb(112, 87, 72) !important;
   text-decoration: none !important;
   white-space: nowrap !important;
}

.aside .modern-live-advisors .live-advisor-links a:not(:last-child)::after {
  content: "•";
   display: inline;
   margin: 0px 5px;
   color: rgb(188, 169, 155);
   font-size: 9px;
   vertical-align: 1px;
   text-decoration: none !important;
}

.aside .modern-live-advisors .live-advisor-links a.line-end::after {
  display: none;
}

.aside .modern-agent-status {
  padding-bottom: 13px !important;
}

.aside .modern-agent-status > ul {
  display: block;
   margin: 0px !important;
   padding: 0px 3px !important;
   list-style: none !important;
}

.aside .modern-agent-status > ul > li {
  position: relative;
   display: block;
   border-bottom: 1px solid rgba(132, 105, 87, 0.14);
   margin: 0px !important;
   padding: 0px !important;
   background: none !important;
   list-style: none !important;
}

.aside .modern-agent-status > ul > li:last-child {
  border-bottom: 0px;
}

.aside .modern-agent-status > ul > li > a {
  position: relative;
   display: block;
   min-height: 34px;
   font: 13px / 34px Arial, sans-serif;
   padding: 0px 4px 0px 28px !important;
   background: url("/site/assets/images/layout/4d86cc7fff917206fdfc5def.png") 0px 3px no-repeat transparent !important;
   color: rgb(104, 83, 71) !important;
   text-decoration: none !important;
}

.aside .modern-agent-status > ul > li > a::before {
  content: none;
}

.aside .modern-agent-status > ul > li.new > a {
  background-position: 0px -62px !important;
}

.aside .modern-agent-status > ul > li.excl > a {
  background-position: 0px -28px !important;
}

.aside .modern-agent-status > ul > li.camp > a {
  background-position: 0px -96px !important;
}

.aside .modern-agent-status > ul > li.chat > a {
  background-position: 0px -132px !important;
}

.aside .modern-agent-status > ul > li.yellow > a {
  background-position: 0px -193px !important;
}

.aside .modern-agent-status > ul > li.blue > a {
  background-position: 0px -261px !important;
}

.aside .modern-agent-status > ul > li.pink > a {
  background-position: 0px -227px !important;
}

.aside .modern-agent-status > ul > li.phone-advisors > a {
  background: none !important;
}

.aside .modern-agent-status > ul > li.phone-advisors > a::before {
  content: "☎";
   position: absolute;
   top: 6px;
   left: 2px;
   display: block;
   width: 19px;
   height: 19px;
   border-radius: 50%;
   background: linear-gradient(rgb(143, 43, 72), rgb(104, 22, 47));
   color: rgb(255, 255, 255);
   font: bold 12px / 19px Arial, sans-serif;
   text-align: center;
   text-shadow: rgba(0, 0, 0, 0.25) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(80, 45, 35, 0.18) 0px 1px 2px;
}

.aside .modern-agent-status > ul > li > a:hover, .aside .modern-agent-status > ul > li > a:focus {
  outline: none;
   filter: brightness(1.05);
   color: rgb(134, 28, 58) !important;
}

.aside .modern-agent-status form.search {
  box-sizing: border-box;
   grid-template-columns: minmax(0px, 1fr) 58px;
   gap: 5px;
   width: 100%;
   border-top: 1px solid rgba(132, 105, 87, 0.2);
   display: grid !important;
   margin: 0px !important;
   padding: 5px 3px 0px !important;
}

.aside .modern-agent-status form.search > .clear {
  display: none !important;
}

.aside .modern-agent-status form.search .text {
  box-sizing: border-box;
   height: 32px;
   box-shadow: rgba(80, 52, 35, 0.06) 0px 1px 2px inset;
   width: 100% !important;
   margin: 0px !important;
   padding: 5px 8px !important;
   border: 1px solid rgb(188, 169, 151) !important;
   border-radius: 3px !important;
   background: rgb(255, 253, 249) !important;
   color: rgb(80, 57, 40) !important;
   font: 13px / 20px Arial, sans-serif !important;
   outline: none !important;
}

.aside .modern-agent-status form.search .text:focus {
  border-color: rgb(124, 16, 51) !important;
   box-shadow: rgba(124, 16, 51, 0.11) 0px 0px 0px 2px !important;
}

.aside .modern-agent-status .compact-advisor-search-submit {
  box-sizing: border-box;
   width: 58px;
   height: 32px;
   margin: 0px;
   padding: 0px;
   border: 1px solid rgb(111, 7, 31);
   border-radius: 3px;
   background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
   color: rgb(255, 255, 255);
   font: 18px / 30px Arvil, "Times New Roman", serif;
   text-align: center;
   text-shadow: rgb(59, 7, 21) 0px 1px 1px;
   cursor: pointer;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(67, 23, 28, 0.18) 0px 1px 2px;
}

.aside .modern-agent-status .compact-advisor-search-submit:hover, .aside .modern-agent-status .compact-advisor-search-submit:focus {
  filter: brightness(1.08);
   outline: none;
}

#main .tabnav.has-0900-tab {
  display: grid;
   grid-template-columns: 1.05fr 1.42fr 1.32fr 0.58fr;
   width: 100%;
}

#main .tabnav.has-0900-tab > li {
  min-width: 0px;
   margin-right: 1px;
   float: none !important;
}

#main .tabnav.has-0900-tab > li:last-child {
  margin-right: 0px;
}

#main .tabnav.has-0900-tab > li > a {
  box-sizing: border-box;
   width: 100%;
   padding-right: 8px;
   padding-left: 8px;
   overflow: hidden;
   font-size: 20px;
   text-align: center;
   white-space: nowrap;
}

#main .tabnav.has-0900-tab .advisor-tab-0900 a {
  min-width: 0px;
   text-align: center;
}

@media (max-width: 700px) {
  #main .tabnav.has-0900-tab {
    display: flex;
     overflow-x: auto;
  }

  #main .tabnav.has-0900-tab > li {
    flex: 0 0 auto;
  }

  #main .tabnav.has-0900-tab > li > a {
    width: auto;
     padding-right: 13px;
     padding-left: 13px;
     font-size: 18px;
     overflow: visible;
  }
}

.aside .modern-live-advisors .live-advisor-links a:hover, .aside .modern-live-advisors .live-advisor-links a:focus {
  outline: none;
   color: rgb(142, 24, 55) !important;
   text-decoration: underline !important;
}

body.content-page-bewertungen #main .review-card-body {
  min-width: 0px;
}

body.content-page-bewertungen #main .review-card-meta {
  display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 3px 8px;
   margin: 0px 0px 8px;
   padding: 0px 0px 8px;
   border-bottom: 1px solid rgba(151, 125, 105, 0.18);
}

body.content-page-bewertungen #main .review-card-date {
  order: 1;
   color: rgb(135, 116, 106);
   font: 11px / 15px Arial, sans-serif;
}

body.content-page-bewertungen #main .review-card-advisor {
  order: 2;
   color: rgb(112, 91, 80);
   font: 13px / 17px Arial, sans-serif;
}

body.content-page-bewertungen #main .review-card-advisor strong {
  color: rgb(116, 19, 47);
   font: bold 14px / 17px "Times New Roman", serif;
}

body.content-page-bewertungen #main .review-card-stars {
  order: 3;
   flex-basis: 100%;
   display: block !important;
   float: none !important;
   width: 93px !important;
   height: 14px !important;
   margin: 3px 0px 0px !important;
   padding: 0px !important;
}

body.content-page-bewertungen #main .review-card-text {
  position: relative;
   color: rgb(84, 71, 63);
   font: 13px / 20px Arial, sans-serif;
   text-align: left;
   margin: 0px !important;
   padding: 5px 2px 4px 18px !important;
}

body.content-page-bewertungen #main .review-card-text::before {
  content: "“";
   position: absolute;
   top: 1px;
   left: 0px;
   color: rgb(154, 117, 94);
   font: 20px / 22px Georgia, serif;
}

@media (max-width: 600px) {
  body.content-page-bewertungen #main .mod_ratings > .modern-review-row {
    grid-template-columns: 74px minmax(0px, 1fr);
     gap: 10px;
     padding: 13px 7px !important;
  }

  body.content-page-bewertungen #main .review-profile-column {
    width: 74px;
  }

  body.content-page-bewertungen #main .review-profile-image, body.content-page-bewertungen #main .review-profile-image img {
    width: 70px !important;
     height: 87px !important;
  }

  body.content-page-bewertungen #main .review-profile-button {
    width: 70px;
     height: 29px;
     padding-top: 1px;
     font-size: 14px;
     line-height: 1;
  }

  body.content-page-bewertungen #main .review-card-text {
    font-size: 12px;
     line-height: 18px;
     padding-left: 15px !important;
  }
}

#main .prepaid-page-card {
  box-sizing: border-box;
   position: relative;
   width: 100%;
   overflow: visible;
   border-width: 0px 5px 5px;
   border-style: solid;
   border-color: transparent;
   border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch;
   background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237);
   box-shadow: rgba(70, 35, 26, 0.14) 0px 2px 6px;
   color: rgb(87, 71, 62);
   font: 13px / 1.55 Arial, sans-serif;
   margin: 0px 0px 16px !important;
   padding: 68px 10px 12px !important;
}

#main .prepaid-page-card::after {
  content: "";
   display: block;
   position: absolute;
   z-index: 3;
   right: auto;
   bottom: -5px;
   left: -5px;
   width: calc(100% + 10px);
   height: 10px;
   background-image: url("/site/assets/images/boxenbilder/hg-box-rand-unten-links.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png");
   background-position: left bottom, right bottom, center bottom;
   background-size: 20px 10px, 20px 10px, 24px 10px;
   background-repeat: no-repeat, no-repeat, repeat-x;
   pointer-events: none;
}

#main .prepaid-page-card > h1.bh, #main .prepaid-page-card > h2.bh {
  box-sizing: border-box;
   display: flex;
   position: absolute;
   z-index: 4;
   top: 0px;
   left: -5px;
   align-items: center;
   justify-content: center;
   width: calc(100% + 10px);
   height: 60px;
   overflow: hidden;
   border: 0px;
   text-transform: uppercase;
   margin: 0px !important;
   padding: 0px 72px !important;
   background-color: rgb(236, 231, 228) !important;
   background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
   background-position: left top, right top, center top !important;
   background-size: 92px 60px, 92px 60px, 24px 60px !important;
   background-repeat: no-repeat, no-repeat, repeat-x !important;
   color: rgb(124, 16, 51) !important;
   font: 18px / 20px "Times New Roman" !important;
   text-align: center !important;
   text-shadow: rgb(255, 255, 255) 0px 1px !important;
}

#main .prepaid-page-intro {
  padding: 19px 24px 15px;
   text-align: center;
   border-bottom: 1px solid rgba(139, 108, 88, 0.22);
}

#main .prepaid-page-kicker {
  display: block;
   margin-bottom: 5px;
   color: rgb(116, 19, 47);
   font: 21px / 25px Arvil, "Times New Roman", serif;
}

#main .prepaid-page-intro p {
  max-width: 420px;
   color: rgb(103, 86, 76);
   font: 13px / 19px Arial, sans-serif;
   margin: 0px auto !important;
}

#main .prepaid-page-benefits {
  display: grid;
   grid-template-columns: repeat(3, minmax(0px, 1fr));
   gap: 8px;
   margin: 14px 18px !important;
   padding: 0px !important;
   list-style: none !important;
}

#main .prepaid-page-benefits li {
  position: relative;
   border-width: 0px 0px 1px;
   border-style: none none solid;
   border-color: currentcolor currentcolor rgba(139, 108, 88, 0.2);
   border-image: none;
   background: transparent;
   color: rgb(93, 76, 66);
   font: 11px / 15px Arial, sans-serif;
   margin: 0px !important;
   padding: 8px 6px 8px 25px !important;
}

#main .prepaid-page-benefits li::before {
  content: "✓";
   position: absolute;
   top: 8px;
   left: 8px;
   color: rgb(102, 141, 53);
   font: bold 14px Arial, sans-serif;
}

#main .prepaid-credit-form {
  box-sizing: border-box;
   border: 0px;
   background: transparent;
   box-shadow: none;
   margin: 0px 18px 14px !important;
   padding: 10px 8px 4px !important;
}

#main .prepaid-credit-form form {
  display: grid;
   grid-template-columns: 125px minmax(0px, 1fr);
   gap: 12px;
   align-items: center;
   margin: 0px !important;
}

#main .prepaid-credit-form .prepaid-form-note {
  grid-column: 1 / -1;
   padding: 8px 10px;
   border-left: 3px solid rgb(116, 19, 47);
   background: rgba(116, 19, 47, 0.055);
   color: rgb(100, 75, 64);
   font: 12px / 16px Arial, sans-serif;
   margin: 0px 0px 3px !important;
}

#main .prepaid-credit-form form > label {
  display: flex;
   padding: 0px;
   color: rgb(104, 79, 66);
   font: bold 11px / 16px Arial, sans-serif;
   letter-spacing: 0.25px;
   text-transform: uppercase;
   float: none !important;
   width: auto !important;
   margin: 0px !important;
}

#main .prepaid-credit-form .phone {
  grid-template-columns: 92px minmax(0px, 1fr);
   gap: 7px;
   display: grid !important;
   width: 100% !important;
}

#main .prepaid-credit-form select, #main .prepaid-credit-form input.text {
  box-sizing: border-box;
   min-width: 0px;
   color: rgb(73, 58, 50);
   font: 13px / 24px Arial, sans-serif;
   outline: none;
   transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
   width: 100% !important;
   height: 43px !important;
   margin: 0px !important;
   padding: 9px 12px !important;
   border: 1px solid rgb(197, 185, 177) !important;
   border-radius: 5px !important;
   background: rgb(255, 254, 253) !important;
   box-shadow: rgba(66, 43, 33, 0.035) 0px 1px 3px inset, rgba(66, 43, 33, 0.043) 0px 1px 2px !important;
}

#main .prepaid-credit-form select:hover, #main .prepaid-credit-form input.text:hover {
  border-color: rgb(169, 149, 137) !important;
   background: rgb(255, 255, 255) !important;
}

#main .prepaid-credit-form select:focus, #main .prepaid-credit-form input.text:focus {
  border-color: rgb(140, 73, 96) !important;
   background: rgb(255, 255, 255) !important;
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset !important;
}

#main .prepaid-credit-form .radiodiv {
  align-items: center;
   padding: 10px 11px;
   border: 1px solid rgba(180, 157, 137, 0.48);
   border-radius: 4px;
   background: rgba(244, 237, 229, 0.66);
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   display: flex !important;
   margin: 0px !important;
}

#main .prepaid-credit-form .radiodiv:has(input:checked) {
  border-color: rgb(168, 203, 174);
   background: rgb(241, 248, 242);
   box-shadow: rgb(118, 173, 128) 3px 0px inset;
}

#main .prepaid-credit-form .radiodiv input {
  flex: 0 0 16px;
   width: 16px;
   height: 16px;
   margin: 0px 7px 0px 0px;
   accent-color: rgb(124, 16, 51);
   vertical-align: middle;
}

#main .prepaid-credit-form .radiodiv label {
  color: rgb(92, 75, 65);
   font: 12px / 16px Arial, sans-serif;
   display: block !important;
   margin: 0px !important;
   padding: 0px !important;
}

#main .prepaid-credit-form br {
  display: none;
}

#main .prepaid-credit-form input.submit {
  grid-column: 2;
   box-sizing: border-box;
   border-radius: 3px;
   text-align: center;
   text-shadow: rgba(0, 0, 0, 0.35) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(45, 45, 45, 0.15) 0px 1px 3px;
   cursor: not-allowed;
   opacity: 0.82;
   transition: filter 0.2s, box-shadow 0.2s, opacity 0.2s;
   width: 100% !important;
   height: 38px !important;
   margin: 2px 0px 0px !important;
   border: 1px solid rgb(138, 138, 138) !important;
   background: linear-gradient(rgb(185, 185, 185), rgb(142, 142, 142)) rgb(167, 167, 167) !important;
   color: rgb(255, 255, 255) !important;
   font: 17px / 36px Arvil, "Times New Roman", serif !important;
}

#main .prepaid-credit-form input.submit:not(:disabled) {
  text-shadow: rgba(44, 72, 16, 0.7) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   cursor: pointer;
   opacity: 1;
   border-color: rgb(88, 124, 45) !important;
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29 !important;
}

#main .prepaid-credit-form input.submit:not(:disabled):hover, #main .prepaid-credit-form input.submit:not(:disabled):focus {
  filter: brightness(1.08);
}

#main .prepaid-account-note {
  box-sizing: border-box;
   display: grid;
   grid-column: 1 / -1;
   grid-template-columns: 34px minmax(0px, 1fr);
   margin: 3px 0px 0px;
   padding: 11px 12px;
   border: 1px solid rgba(154, 130, 111, 0.38);
   border-radius: 4px;
   background: rgba(244, 237, 229, 0.68);
   color: rgb(102, 83, 73);
   font: 11px / 16px Arial, sans-serif;
}

#main .prepaid-account-note::before {
  content: "i";
   display: flex;
   grid-row: 1 / 3;
   width: 23px;
   height: 23px;
   margin-top: 1px;
   align-items: center;
   justify-content: center;
   border: 1px solid rgb(157, 117, 89);
   border-radius: 50%;
   background: rgb(255, 250, 245);
   color: rgb(124, 16, 51);
   font: italic bold 13px Georgia, serif;
}

#main .prepaid-account-note strong {
  display: block;
   color: rgb(104, 72, 56);
   font: bold 12px / 17px Arial, sans-serif;
}

#main .prepaid-account-note span {
  display: block;
}

#main .prepaid-account-note a {
  font-weight: bold;
   text-decoration: none;
   border-bottom: 1px dotted rgb(159, 123, 112);
   color: rgb(116, 19, 47) !important;
}

#main .prepaid-account-note a:hover {
  border-bottom-style: solid;
}

#main .prepaid-page-actions {
  margin: 0px 18px 17px;
   text-align: center;
}

#main .prepaid-brown-button, #main .prepaid-green-button {
  box-sizing: border-box;
   display: inline-block;
   width: 179px;
   min-width: 179px;
   height: 43px;
   padding: 0px 4px;
   border-radius: 3px;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: -0.15px;
   text-align: center;
   text-decoration: none;
   text-shadow: rgba(55, 35, 22, 0.7) 0px 1px;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

#main .prepaid-brown-button {
  border: 1px solid rgb(118, 81, 47);
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
}

#main .prepaid-green-button {
  border: 1px solid rgb(88, 124, 45);
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29;
}

#main .prepaid-brown-button:hover, #main .prepaid-green-button:hover {
  filter: brightness(1.06);
}

#main .prepaid-important {
  margin: 15px 18px;
   padding: 10px 12px;
   border-left: 4px solid rgb(139, 98, 58);
   border-radius: 2px;
   background: rgba(139, 98, 58, 0.08);
   color: rgb(92, 73, 62);
   font: 12px / 17px Arial, sans-serif;
}

#main .prepaid-important strong {
  color: rgb(116, 19, 47);
}

#main .prepaid-steps {
  display: grid;
   gap: 8px;
   counter-reset: none;
   margin: 0px 18px 15px !important;
   padding: 0px !important;
   list-style: none !important;
}

#main .prepaid-steps li {
  display: grid;
   grid-template-columns: 34px minmax(0px, 1fr);
   gap: 10px;
   align-items: start;
   border-width: 0px 0px 1px;
   border-style: none none solid;
   border-color: currentcolor currentcolor rgba(139, 108, 88, 0.22);
   border-image: none;
   background: transparent;
   margin: 0px !important;
   padding: 10px !important;
}

#main .prepaid-steps li > span {
  display: flex;
   width: 30px;
   height: 30px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: rgb(122, 23, 50);
   color: rgb(255, 255, 255);
   font: bold 14px Arial, sans-serif;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset;
}

#main .prepaid-steps li strong {
  display: block;
   margin: 0px 0px 2px;
   color: rgb(100, 64, 47);
   font: bold 13px / 17px Arial, sans-serif;
}

#main .prepaid-steps li p {
  color: rgb(103, 87, 77);
   font: 12px / 17px Arial, sans-serif;
   margin: 0px !important;
}

#main .prepaid-tariff {
  display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
   margin: 0px 18px 15px;
   padding: 11px 13px;
   border: 1px solid rgba(116, 19, 47, 0.22);
   border-radius: 4px;
   background: rgba(116, 19, 47, 0.055);
}

#main .prepaid-tariff span {
  color: rgb(107, 88, 76);
   font: 11px / 14px Arial, sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.45px;
}

#main .prepaid-tariff strong {
  grid-area: 1 / 2 / 3;
   color: rgb(116, 19, 47);
   font: bold 18px / 22px "Times New Roman", serif;
}

#main .prepaid-tariff small {
  color: rgb(115, 98, 88);
   font: 10px / 13px Arial, sans-serif;
}

#main .prepaid-guide-benefits {
  margin: 0px 18px 15px;
   padding: 12px 14px;
   border-top: 1px solid rgba(139, 108, 88, 0.22);
   border-bottom: 1px solid rgba(139, 108, 88, 0.22);
}

#main .prepaid-guide-benefits h2 {
  color: rgb(116, 19, 47);
   font: 18px / 22px Arvil, "Times New Roman", serif;
   text-align: center;
   margin: 0px 0px 7px !important;
}

#main .prepaid-guide-benefits ul {
  display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5px 15px;
   margin: 0px !important;
   padding: 0px !important;
   list-style: none !important;
}

#main .prepaid-guide-benefits li {
  position: relative;
   color: rgb(94, 78, 68);
   font: 11px / 16px Arial, sans-serif;
   margin: 0px !important;
   padding: 2px 0px 2px 19px !important;
}

#main .prepaid-guide-benefits li::before {
  content: "✓";
   position: absolute;
   left: 0px;
   color: rgb(102, 141, 53);
   font: bold 13px Arial, sans-serif;
}

#main .prepaid-service-help {
  margin: 0px 18px 18px;
   text-align: center;
   color: rgb(117, 98, 88);
   font: 11px / 15px Arial, sans-serif;
}

#main .prepaid-service-help span, #main .prepaid-service-help strong {
  display: block;
}

#main .prepaid-service-help strong {
  margin-top: 2px;
   color: rgb(93, 63, 50);
   font: 14px / 18px "Times New Roman", serif;
}

#main .prepaid-quick-intro {
  color: rgb(104, 86, 76);
   font: 13px / 18px Arial, sans-serif;
   text-align: center;
   margin: 5px 12px 13px !important;
}

#main .prepaid-quick-steps {
  display: grid;
   grid-template-columns: repeat(3, minmax(0px, 1fr));
   gap: 0px 12px;
   margin: 0px 12px 16px !important;
   padding: 0px !important;
   list-style: none !important;
}

#main .prepaid-quick-steps li {
  position: relative;
   border-bottom: 1px solid rgba(139, 108, 88, 0.2);
   margin: 0px !important;
   padding: 5px 5px 7px 38px !important;
}

#main .prepaid-quick-steps li > span {
  position: absolute;
   top: 5px;
   left: 0px;
   display: flex;
   width: 28px;
   height: 28px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: rgb(122, 23, 50);
   color: rgb(255, 255, 255);
   font: bold 13px Arial, sans-serif;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset;
}

#main .prepaid-quick-steps strong, #main .prepaid-quick-steps small {
  display: block;
}

#main .prepaid-quick-steps strong {
  margin-bottom: 3px;
   color: rgb(100, 64, 47);
   font: bold 12px / 16px Arial, sans-serif;
}

#main .prepaid-quick-steps small {
  color: rgb(113, 96, 87);
   font: 10px / 14px Arial, sans-serif;
}

@media (max-width: 600px) {
  #main .prepaid-page-intro {
    padding: 16px 14px 13px;
  }

  #main .prepaid-page-benefits {
    grid-template-columns: 1fr;
     margin: 12px 10px !important;
  }

  #main .prepaid-credit-form {
    margin: 0px 10px 12px !important;
     padding: 13px 11px !important;
  }

  #main .prepaid-credit-form form {
    grid-template-columns: 1fr;
     gap: 6px;
  }

  #main .prepaid-credit-form form > label {
    margin-top: 4px !important;
  }

  #main .prepaid-credit-form .prepaid-form-note, #main .prepaid-credit-form input.submit, #main .prepaid-account-note {
    grid-column: 1;
  }

  #main .prepaid-credit-form .phone {
    grid-template-columns: 88px minmax(0px, 1fr);
  }

  #main .prepaid-page-actions {
    margin-right: 10px;
     margin-left: 10px;
  }

  #main .prepaid-brown-button, #main .prepaid-green-button {
    display: block;
     width: 179px;
     min-width: 179px;
     max-width: 100%;
     margin-right: auto;
     margin-left: auto;
  }

  #main .prepaid-important, #main .prepaid-steps, #main .prepaid-tariff, #main .prepaid-guide-benefits, #main .prepaid-service-help {
    margin-right: 10px;
     margin-left: 10px;
  }

  #main .prepaid-guide-benefits ul {
    grid-template-columns: 1fr;
  }

  #main .prepaid-quick-steps {
    grid-template-columns: 1fr;
     gap: 7px;
     margin-right: 4px !important;
     margin-left: 4px !important;
  }

  #main .prepaid-quick-steps li {
    min-height: 34px;
  }

  #main .prepaid-tariff {
    grid-template-columns: 1fr;
     text-align: center;
  }

  #main .prepaid-tariff strong {
    grid-area: auto;
     margin: 3px 0px;
  }
}

.site-tariff-fees {
  box-sizing: border-box;
   clear: both;
   display: grid;
   grid-template-columns: minmax(350px, 1fr) minmax(380px, 470px);
   gap: 28px;
   align-items: start;
   width: calc(100% - 20px);
   margin: 24px auto 0px;
   padding: 18px 20px;
   border: 1px solid rgba(127, 96, 76, 0.28);
   border-radius: 5px;
   background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat rgb(248, 243, 237);
   box-shadow: rgba(255, 255, 255, 0.82) 0px 1px inset, rgba(75, 48, 35, 0.08) 0px 2px 5px;
   color: rgb(95, 81, 73);
}

.site-tariff-copy {
  align-self: start;
   text-align: center;
}

.site-tariff-copy h2 {
  display: flex;
   height: 34px;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   text-transform: uppercase;
   text-shadow: rgb(255, 255, 255) 0px 1px;
   margin: 0px !important;
   padding: 0px !important;
   color: rgb(116, 19, 47) !important;
   font: 19px / 23px "Times New Roman", serif !important;
   text-align: center !important;
}

.site-tariff-copy p, .cte_tariffs.site-tariff-fees .site-tariff-copy p {
  color: rgb(107, 90, 80);
   font: 12px / 17px Arial, Helvetica, sans-serif;
   margin: 0px !important;
   padding: 7px 4px 0px !important;
}

.site-tariff-table {
  justify-self: end;
   width: 100%;
   max-width: 470px;
   overflow: hidden;
   border: 1px solid rgba(123, 91, 70, 0.16);
   border-radius: 4px;
   background: rgba(255, 255, 255, 0.25);
}

.cte_tariffs.site-tariff-fees table {
  width: 100%;
   margin: 0px;
   border: 0px;
   border-collapse: collapse;
   font: 12px / 17px Arial, Helvetica, sans-serif;
}

.cte_tariffs.site-tariff-fees th {
  padding: 8px 10px;
   border-width: 0px 0px 1px;
   border-style: none none solid;
   border-color: currentcolor currentcolor rgba(123, 91, 70, 0.18);
   border-image: none;
   background: rgba(117, 84, 67, 0.1);
   color: rgb(103, 84, 69);
   font-weight: bold;
   text-align: center;
   text-shadow: none;
}

.cte_tariffs.site-tariff-fees th:first-child, .cte_tariffs.site-tariff-fees td:first-child {
  text-align: left;
}

.cte_tariffs.site-tariff-fees td {
  padding: 7px 10px;
   border-width: 1px 0px 0px;
   border-style: solid none none;
   border-color: rgba(135, 109, 91, 0.1) currentcolor currentcolor;
   border-image: none;
   background: rgba(255, 255, 255, 0.22);
   color: rgb(98, 83, 75);
   text-align: center;
}

.cte_tariffs.site-tariff-fees tr:nth-child(2n+1) td {
  background: rgba(225, 216, 207, 0.16);
}

.cte_tariffs.site-tariff-fees td[colspan="3"] {
  border-top: 1px solid rgba(135, 109, 91, 0.1);
   padding: 4px !important;
   background: transparent !important;
   text-align: center !important;
}

.cte_tariffs.site-tariff-fees .show_all {
  display: inline;
   padding: 0px;
   border: 0px;
   background: transparent;
   color: rgb(128, 107, 93);
   font: 10px / 16px Arial, Helvetica, sans-serif;
   text-decoration: none;
   text-shadow: none;
   transition: color 0.18s;
}

.cte_tariffs.site-tariff-fees .show_all:hover, .cte_tariffs.site-tariff-fees .show_all:focus {
  background: transparent;
   color: rgb(116, 19, 47);
   outline: none;
   text-decoration: underline;
   transform: none;
}

.site-footer-info-box {
  box-sizing: border-box;
   clear: both;
   width: calc(100% - 20px);
   margin: 38px auto 5px;
   padding: 18px 20px;
   border: 1px solid rgba(127, 96, 76, 0.28);
   border-radius: 5px;
   background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat rgb(248, 243, 237);
   box-shadow: rgba(255, 255, 255, 0.82) 0px 1px inset, rgba(75, 48, 35, 0.08) 0px 2px 5px;
}

.site-footer-info-box .site-tariff-fees {
  width: 100%;
   margin: 0px;
   padding: 0px;
   border: 0px;
   border-radius: 0px;
   background: transparent;
   box-shadow: none;
}

.global-payment-strip {
  box-sizing: border-box;
   clear: both;
   display: grid;
   grid-template-columns: repeat(7, minmax(0px, 1fr)) minmax(280px, 1fr);
   grid-auto-flow: row;
   gap: 6px 8px;
   align-items: center;
   width: calc(100% - 20px);
   margin: 28px auto 5px;
   padding: 18px 20px;
   border: 1px solid rgba(127, 96, 76, 0.28);
   border-radius: 5px;
   background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat rgb(248, 243, 237);
   box-shadow: rgba(255, 255, 255, 0.82) 0px 1px inset, rgba(75, 48, 35, 0.08) 0px 2px 5px;
}

.global-payment-strip img {
  display: block;
   position: relative;
   transform: scale(1);
   transform-origin: center center;
   transition: transform 0.2s, filter 0.2s;
   will-change: transform;
   width: auto !important;
   max-width: 62px !important;
   height: auto !important;
   max-height: 38px !important;
   margin: 0px auto !important;
   padding: 0px !important;
   border: 0px !important;
   background: transparent !important;
   box-shadow: none !important;
   filter: none !important;
   opacity: 1 !important;
}

.global-payment-strip .global-payment-text {
  grid-area: 1 / 8 / 3;
   align-self: center;
}

.global-payment-strip .global-payment-title {
  margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   color: rgb(116, 19, 47);
   font: 19px / 23px "Times New Roman", serif;
   text-align: center;
   text-transform: uppercase;
   text-shadow: rgb(255, 255, 255) 0px 1px;
}

.global-payment-strip .global-payment-copy {
  margin: 0px;
   color: rgb(107, 90, 80);
   font: 12px / 17px Arial, Helvetica, sans-serif;
   text-align: center;
}

.global-payment-strip img:hover {
  z-index: 2;
   transform: scale(1.09);
   filter: drop-shadow(rgba(75, 52, 40, 0.18) 0px 3px 5px) !important;
}

.global-social-follow {
  grid-column: 1 / -1;
   display: grid;
   grid-template-columns: minmax(380px, 470px) minmax(350px, 1fr);
   gap: 28px;
   align-items: start;
   margin-top: 4px;
   padding: 17px 0px 1px;
   border-top: 1px solid rgba(127, 96, 76, 0.18);
}

.global-social-icons {
  grid-area: 1 / 1;
   box-sizing: border-box;
   display: flex;
   justify-self: start;
   width: 100%;
   max-width: 470px;
   min-height: 54px;
   padding-left: 14px;
   gap: 10px;
   align-items: center;
   justify-content: flex-start;
}

.global-social-button {
  box-sizing: border-box;
   display: flex;
   flex: 0 1 190px;
   min-width: 0px;
   height: 43px;
   padding: 0px 0px 0px 20px;
   overflow: hidden;
   align-items: stretch;
   justify-content: center;
   gap: 0px;
   border: 1px solid transparent;
   border-radius: 3px;
   box-shadow: rgba(45, 35, 31, 0.16) 0px 1px 2px, rgba(255, 255, 255, 0.16) 0px 1px inset;
   color: rgb(255, 255, 255);
   font: 22px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: -0.1px;
   text-decoration: none;
   text-shadow: rgba(0, 0, 0, 0.22) 0px 1px;
   transition: background 0.18s, border-color 0.18s, color 0.18s, box-shadow 0.18s;
}

.global-social-button.is-facebook {
  border-color: rgb(54, 85, 140);
   background: linear-gradient(rgb(88, 120, 181) 0%, rgb(69, 103, 163) 100%);
}

.global-social-button.is-instagram {
  border-color: rgb(196, 79, 105);
   background: linear-gradient(105deg, rgb(242, 170, 55) 0%, rgb(238, 103, 87) 39%, rgb(199, 68, 142) 69%, rgb(118, 84, 189) 100%);
}

.global-social-button span {
  display: flex;
   flex: 1 1 auto;
   min-width: 0px;
   padding: 0px 9px;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
}

.global-social-button:hover, .global-social-button:focus {
  border-color: rgb(212, 214, 218);
   background: rgb(255, 255, 255);
   box-shadow: rgba(45, 35, 31, 0.16) 0px 2px 6px, rgb(255, 255, 255) 0px 1px inset;
   outline: none;
   text-shadow: none;
}

.global-social-button.is-facebook:hover, .global-social-button.is-facebook:focus {
  color: rgb(66, 99, 157);
}

.global-social-button.is-instagram:hover, .global-social-button.is-instagram:focus {
  color: rgb(179, 63, 130);
}

.global-social-icons img {
  box-sizing: content-box;
   object-fit: contain;
   transform: none;
   width: 22px !important;
   max-width: none !important;
   height: 22px !important;
   max-height: none !important;
   margin: 0px !important;
   padding: 10px 9px !important;
   background: rgba(0, 0, 0, 0.13) !important;
   filter: brightness(0) invert(1) !important;
}

.global-social-button:hover img, .global-social-button:focus img {
  background: rgba(70, 78, 92, 0.043) !important;
}

.global-social-button.is-facebook:hover img, .global-social-button.is-facebook:focus img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(25%) saturate(1555%) hue-rotate(181deg) brightness(91%) contrast(89%) !important;
}

.global-social-button.is-instagram:hover img, .global-social-button.is-instagram:focus img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(36%) saturate(2274%) hue-rotate(292deg) brightness(90%) contrast(88%) !important;
}

.global-social-follow p {
  grid-area: 1 / 2;
   display: block;
   min-height: 54px;
   align-self: center;
   transform: translateY(7px);
   color: rgb(107, 90, 80);
   font: 12px / 17px Arial, Helvetica, sans-serif;
   text-align: center;
   text-transform: none;
   text-shadow: rgb(255, 255, 255) 0px 1px;
   margin: 0px !important;
   padding: 0px !important;
}

.global-social-follow .global-social-title {
  display: block;
   color: rgb(116, 19, 47);
   font: 19px / 23px "Times New Roman", serif;
   letter-spacing: 0px;
   text-transform: uppercase;
}

@media (max-width: 1100px) {
  .site-footer-info-box {
    width: calc(100% - 24px);
     margin-top: 32px;
     padding: 16px 18px;
  }

  .site-tariff-fees {
    grid-template-columns: 1fr;
     gap: 13px;
     width: calc(100% - 24px);
     margin-top: 22px;
     padding: 16px 18px;
  }

  .site-tariff-copy {
    text-align: center;
  }

  .site-tariff-table {
    justify-self: center;
     max-width: 560px;
  }

  .global-payment-strip {
    grid-template-columns: repeat(7, minmax(0px, 1fr)) minmax(250px, 1fr);
     gap: 6px 7px;
     width: calc(100% - 24px);
     margin: 26px auto 6px;
     padding: 16px 18px;
  }

  .global-payment-strip img {
    max-width: 56px !important;
     max-height: 35px !important;
  }

  .global-social-follow {
    left: 0px;
     width: 100%;
     grid-template-columns: 1fr;
     gap: 10px;
     padding-top: 16px;
  }

  .global-social-icons {
    grid-area: 1 / 1;
     justify-self: center;
     max-width: 560px;
     padding-left: 0px;
     justify-content: center;
  }

  .global-social-follow p {
    grid-area: 2 / 1;
     min-height: 34px;
     transform: none;
  }
}

html body #wrapper #main .agentlist .article > .right .button.break, html body #wrapper #main .agentlist .article > .right .button.chat.break, html body #wrapper #main .agentlist .article > .right .button.break:hover, html body #wrapper #main .agentlist .article > .right .button.chat.break:hover, html body #wrapper #main .agentlist .article > .right .button.break:focus, html body #wrapper #main .agentlist .article > .right .button.chat.break:focus {
  color: rgb(87, 74, 37) !important;
   text-shadow: rgba(255, 255, 255, 0.72) 0px 1px !important;
}

@media (max-width: 1100px) {
  html body #wrapper #main .agentlist .article > .right .button.break, html body #wrapper #main .agentlist .article > .right .button.chat.break, html body #wrapper #main .agentlist .article > .right .button.break:hover, html body #wrapper #main .agentlist .article > .right .button.chat.break:hover, html body #wrapper #main .agentlist .article > .right .button.break:focus, html body #wrapper #main .agentlist .article > .right .button.chat.break:focus {
    border-color: rgb(205, 179, 103) !important;
     box-shadow: rgba(83, 77, 42, 0.12) 0px 1px 2px !important;
  }

  html body #wrapper #main .agentlist .article > .right > .chat > .button.chat.break, html body #wrapper #main .agentlist .article > .right > .chat > .button.chat.break:hover, html body #wrapper #main .agentlist .article > .right > .chat > .button.chat.break:focus {
    background-color: rgb(255, 242, 184) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-pause-hellgelb-neu.png") !important;
     background-position: center center !important;
     background-size: cover !important;
     background-repeat: repeat-x !important;
  }
}

@media (min-width: 1101px) {
  html body #wrapper #main .agentlist .article > .right .button {
    box-shadow: rgba(54, 43, 34, 0.1) 0px 1px 2px !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.online, html body #wrapper #main .agentlist .article > .right .button.chat.online {
    border-color: rgba(67, 106, 38, 0.48) !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.busy, html body #wrapper #main .agentlist .article > .right .button.chat.busy {
    border-color: rgba(137, 31, 21, 0.45) !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.break, html body #wrapper #main .agentlist .article > .right .button.chat.break {
    border-color: rgba(157, 108, 36, 0.42) !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.offline, html body #wrapper #main .agentlist .article > .right .button.chat.offline {
    border-color: rgba(112, 112, 112, 0.34) !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.email {
    border-color: rgba(139, 111, 79, 0.36) !important;
  }
}

@media (min-width: 1101px) {
  html body #wrapper .aside .block.service > .box > p:last-child a, html body #wrapper #right .new-customer-register {
    background-color: rgb(113, 155, 60) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-strip-hd.webp") !important;
     background-position: center center !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
  }

  html body #wrapper .aside .block.service > .box > p:last-child a:hover, html body #wrapper .aside .block.service > .box > p:last-child a:focus, html body #wrapper #right .new-customer-register:hover, html body #wrapper #right .new-customer-register:focus {
    background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-strip-hd.webp") !important;
     filter: brightness(1.08) !important;
  }
}

@media (max-width: 1100px) {
  #main .agent_search > .tabnav.has-0900-tab {
    box-sizing: border-box;
     min-height: 34px;
     position: relative;
     display: grid !important;
     grid-template-columns: repeat(7, minmax(0px, 1fr)) !important;
     width: auto !important;
     height: 34px !important;
     margin: 14px -14px -18px !important;
     padding: 0px !important;
     overflow: visible !important;
     border: 0px !important;
  }

  #main .agent_search > .tabnav.has-0900-tab::before {
    content: "";
     position: absolute;
     top: -1px;
     right: 0px;
     left: 0px;
     height: 1px;
     background: rgb(137, 99, 61);
  }

  #main .agent_search > .tabnav.has-0900-tab > li, #main .agent_search > .tabnav.has-0900-tab > li + li {
    display: block !important;
     float: none !important;
     min-width: 0px !important;
     margin: 0px 0px 0px -1px !important;
  }

  #main .agent_search > .tabnav.has-0900-tab > li:first-child {
    margin-left: 0px !important;
  }

  #main .agent_search > .tabnav.has-0900-tab > li > a {
    text-overflow: clip;
     white-space: nowrap;
     box-sizing: border-box !important;
     display: block !important;
     width: 100% !important;
     min-width: 0px !important;
     height: 34px !important;
     padding: 0px 3px !important;
     overflow: hidden !important;
     font-size: 15px !important;
     line-height: 33px !important;
  }
}

@media (max-width: 700px) {
  #main .agent_search > .tabnav.has-0900-tab {
    margin-right: -14px !important;
     margin-left: -14px !important;
  }

  #main .agent_search > .tabnav.has-0900-tab > li > a {
    padding: 0px 1px !important;
     font-size: 11px !important;
     letter-spacing: 0px !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  #main .agent_search > .tabnav.has-0900-tab > li > a {
    font-size: 15px !important;
  }
}

@media (max-width: 360px) {
  #main .agent_search > .tabnav.has-0900-tab > li > a {
    font-size: 10px !important;
  }
}

@media (max-width: 600px) {
  .site-footer-info-box {
    width: calc(100% - 20px);
     margin-top: 28px;
     padding: 14px 10px;
  }

  .site-tariff-fees {
    width: calc(100% - 20px);
     margin-top: 18px;
     padding: 14px 10px;
  }

  .site-tariff-copy h2 {
    font-size: 17px !important;
     line-height: 21px !important;
  }

  .site-tariff-copy p, .cte_tariffs.site-tariff-fees .site-tariff-copy p {
    font-size: 11px;
     line-height: 16px;
  }

  .cte_tariffs.site-tariff-fees table {
    font-size: 11px;
     line-height: 15px;
  }

  .cte_tariffs.site-tariff-fees th, .cte_tariffs.site-tariff-fees td {
    padding: 7px 5px;
  }

  .global-payment-strip {
    grid-template-columns: repeat(4, minmax(0px, 1fr));
     gap: 10px;
     width: calc(100% - 20px);
     margin: 24px auto 6px;
     padding: 14px 10px;
  }

  .global-payment-strip img {
    max-width: 54px !important;
     max-height: 34px !important;
  }

  .global-payment-strip .global-payment-text {
    grid-area: 5 / 1 / 7 / -1;
     align-self: start;
     margin-top: 4px;
  }

  .global-payment-strip .global-payment-title {
    font-size: 17px;
     line-height: 21px;
  }

  .global-payment-strip .global-payment-copy {
    font-size: 11px;
     line-height: 16px;
  }

  .global-social-follow {
    grid-template-columns: 1fr;
     gap: 8px;
     padding-top: 14px;
  }

  .global-social-icons {
    gap: 8px;
  }

  .global-social-icons {
    min-height: 48px;
  }

  .global-social-button {
    flex: 1 1 0px;
     height: 40px;
     font-size: 17px;
     line-height: 38px;
  }

  .global-social-button span {
    padding: 0px 6px;
  }

  .global-social-icons img {
    width: 20px !important;
     height: 20px !important;
     padding: 9px 7px !important;
  }

  .global-social-follow p {
    font-size: 16px;
     line-height: 20px;
     text-align: center;
  }

  .global-social-follow .global-social-title {
    font-size: 17px;
     line-height: 21px;
  }
}

.exclusive.aslider .ai-photo-badge {
  width: 23px;
   height: 23px;
   right: -2px !important;
   bottom: -2px !important;
}

.ai-layer {
  position: fixed;
   z-index: 10000;
   box-sizing: border-box;
   width: 270px;
   padding: 15px 38px 15px 16px;
   background: rgb(255, 255, 255);
   border-width: 3px 1px 1px;
   border-style: solid;
   border-color: rgb(124, 16, 51) rgb(216, 211, 208) rgb(216, 211, 208);
   border-image: none;
   border-radius: 5px;
   box-shadow: rgba(40, 28, 25, 0.22) 0px 6px 20px;
   color: rgb(81, 75, 72);
   font: 400 14px / 1.45 Arial, Helvetica, sans-serif;
   text-align: left;
}

.ai-layer[hidden] {
  display: none;
}

.ai-layer strong {
  display: block;
   margin-bottom: 5px;
   color: rgb(124, 16, 51);
   font: 700 16px / 1.3 "Times New Roman", serif;
}

.ai-layer-close {
  position: absolute;
   top: 6px;
   right: 7px;
   width: 24px;
   height: 24px;
   padding: 0px;
   border: 0px;
   border-radius: 3px;
   background: transparent;
   color: rgb(124, 16, 51);
   font: 20px / 24px Arial;
   cursor: pointer;
}

.ai-layer-close:hover, .ai-layer-close:focus {
  background: rgb(242, 242, 242);
   outline: none;
}

.ai-layer::after {
  content: "";
   position: absolute;
   left: var(--ai-arrow-left,50%);
   width: 0px;
   height: 0px;
   border: 8px solid transparent;
}

@media (max-width: 1100px) {
  .ai-photo-badge {
    right: -3px !important;
     bottom: -3px !important;
  }
}

@media (min-width: 1101px) {
  #main .exclusive.aslider:not(.busybox) {
    box-sizing: content-box;
     border: 0px;
     border-radius: 0px;
     box-shadow: none;
     width: 502px !important;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top repeat-y transparent !important;
  }

  #main .exclusive.aslider:not(.busybox)::before, #main .exclusive.aslider:not(.busybox)::after {
    content: "";
     position: absolute;
     z-index: 1;
     right: 0px;
     width: 100%;
     height: 10px;
     pointer-events: none;
  }

  #main .exclusive.aslider:not(.busybox)::before {
    top: 0px;
     background: url("/site/assets/images/boxenbilder/cd797543fd224cf5a7d8913b.jpg") center top no-repeat transparent;
  }

  #main .exclusive.aslider:not(.busybox)::after {
    bottom: 0px;
     background: url("/site/assets/images/boxenbilder/bc5ed2c478d4b9c281cfc9e6.png") center top no-repeat transparent;
  }

  #main .exclusive.aslider:not(.busybox) ul:not(.nav) {
    height: 220px !important;
  }

  #main .exclusive.aslider:not(.busybox) .nav {
    top: auto !important;
     bottom: 20px !important;
     height: 20px !important;
  }

  #main .exclusive.aslider:not(.busybox) .mobile-exclusive-name {
    width: calc(100% - 10px);
     margin-left: auto !important;
     margin-right: auto !important;
  }

  #main .agentlist .article .rating {
    top: 181px !important;
  }

  #main .exclusive.aslider.busybox:not(.weekbox) ul > li {
    display: flex !important;
     flex-wrap: wrap !important;
     justify-content: center !important;
     align-items: flex-start !important;
     width: 100% !important;
  }

  #main .exclusive.aslider.busybox:not(.weekbox) ul > li > .item {
    float: none !important;
     flex: 0 0 98px !important;
     width: 98px !important;
  }

  #main .exclusive.aslider.busybox:not(.weekbox) ul > li > span[style*="clear"] {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  body.fixed-home-layout #main .exclusive.aslider:not(.busybox) > .container {
    display: none !important;
  }

  body.fixed-home-layout #main .exclusive.aslider:not(.busybox) > .responsive-exclusive-grid {
    display: flex !important;
  }

  .responsive-sidebar-hidden, .responsive-service-source {
    display: none !important;
  }

  body.mobile-home-guest #right .mod_login {
    display: none !important;
  }

  .responsive-access-box-hidden {
    display: none !important;
  }

  .aside .block.responsive-crisp-sidebar-box {
    box-sizing: border-box !important;
     position: relative !important;
     width: 100% !important;
     margin: 0px 0px 18px !important;
     overflow: visible !important;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / auto repeat-y rgb(251, 246, 239) !important;
     border: 1px solid rgb(199, 182, 166) !important;
     border-radius: 4px !important;
     box-shadow: rgba(102, 72, 52, 0.09) 0px 0px 16px inset, rgba(53, 31, 25, 0.14) 0px 2px 5px !important;
  }

  .aside .responsive-crisp-sidebar-box > h3 {
    box-sizing: border-box !important;
     position: absolute !important;
     top: 0px !important;
     left: 0px !important;
     width: 100% !important;
     height: 52px !important;
     margin: 0px !important;
     padding: 0px 42px !important;
     background: linear-gradient(rgb(255, 253, 249) 0%, rgb(238, 229, 219) 100%) !important;
     border-width: 0px 0px 1px !important;
     border-style: none none solid !important;
     border-color: currentcolor currentcolor rgb(203, 187, 173) !important;
     border-image: none !important;
     border-radius: 4px 4px 0px 0px !important;
     color: rgb(124, 16, 51) !important;
     font: 18px / 52px "Times New Roman" !important;
     text-align: center !important;
     text-transform: uppercase !important;
     text-shadow: rgb(255, 255, 255) 0px 1px !important;
  }

  .aside .responsive-crisp-sidebar-box > h3::before, .aside .responsive-crisp-sidebar-box > h3::after {
    position: absolute;
     top: 50%;
     width: 25px;
     height: 1px;
     background: rgb(185, 158, 136);
  }

  .aside .responsive-crisp-sidebar-box > h3::before {
    left: 12px;
  }

  .aside .responsive-crisp-sidebar-box > h3::after {
    right: 12px;
  }

  .aside .responsive-crisp-sidebar-box p:last-of-type {
    padding-bottom: 0px !important;
  }

  .aside .responsive-tariff-mobile-copy {
    display: block !important;
  }

  .site-tariff-fees.responsive-tariff-source {
    display: grid !important;
  }

  .responsive-tariff-mobile-copy .cte_tariffs {
    overflow: visible;
     border: 1px solid rgb(212, 197, 183);
     background: rgba(255, 255, 255, 0.46);
  }

  .responsive-tariff-mobile-copy .cte_tariffs p {
    font: 11px / 15px Arial;
     color: rgb(107, 88, 75);
     padding: 10px !important;
  }

  .responsive-tariff-mobile-copy table {
    width: 100%;
     border-collapse: collapse;
     font: 11px / 16px Arial;
  }

  .responsive-tariff-mobile-copy th {
    padding: 7px 5px;
     background: rgb(115, 80, 59);
     color: rgb(255, 255, 255);
  }

  .responsive-tariff-mobile-copy td {
    padding: 6px 5px;
     border-bottom: 1px solid rgb(221, 207, 195);
     color: rgb(89, 72, 61);
  }

  .responsive-tariff-mobile-copy tr:nth-child(2n) td {
    background: rgba(255, 255, 255, 0.42);
  }

  .responsive-tariff-mobile-copy tr.responsive-tariff-extra {
    display: none;
  }

  .responsive-tariff-toggle {
    box-sizing: border-box;
     display: block;
     width: 100%;
     height: 36px;
     margin: 10px 0px 0px;
     padding: 0px 12px;
     border: 1px solid rgb(24, 12, 9);
     border-radius: 2px;
     background: linear-gradient(rgb(105, 64, 55) 0%, rgb(74, 41, 35) 44%, rgb(33, 16, 14) 100%);
     color: rgb(255, 255, 255);
     font: 16px / 34px HelveticaComp, Arvil, "Times New Roman";
     letter-spacing: 0.3px;
     text-align: center;
     text-transform: uppercase;
     text-shadow: rgb(0, 0, 0) 0px 1px;
     cursor: pointer;
  }

  .responsive-sidebar-slider-nav {
    display: block;
     position: absolute;
     z-index: 8;
     top: 140px;
     left: 0px;
     right: 0px;
     height: 33px;
     margin: 0px;
     pointer-events: none;
  }

  .responsive-sidebar-slider-nav button {
    position: absolute;
     top: 0px;
     width: 23px;
     height: 33px;
     padding: 0px;
     border: 0px;
     border-radius: 0px;
     background: url("/site/assets/images/layout/159971853d75edfefeb1587a.png") left top no-repeat transparent;
     color: transparent;
     font-size: 0px;
     box-shadow: none;
     cursor: pointer;
     pointer-events: auto;
     transition: opacity 0.18s;
  }

  .responsive-sidebar-slider-nav button:hover, .responsive-sidebar-slider-nav button:focus {
    opacity: 0.76;
     outline: none;
  }

  .responsive-sidebar-slider-prev {
    left: -11px;
  }

  .responsive-sidebar-slider-next {
    right: -11px;
     background-position: right top !important;
  }

  .responsive-sidebar-slider-nav span {
    display: none;
  }

  .responsive-single-slider > a.button {
    box-sizing: border-box;
     border-radius: 2px;
     text-transform: uppercase;
     text-shadow: rgb(0, 0, 0) 0px 1px;
     display: block !important;
     width: 100% !important;
     height: 38px !important;
     margin: 5px 0px 0px !important;
     padding: 0px 10px !important;
     border: 1px solid rgb(24, 12, 9) !important;
     background: linear-gradient(rgb(105, 64, 55) 0%, rgb(74, 41, 35) 44%, rgb(33, 16, 14) 100%) !important;
     color: rgb(255, 255, 255) !important;
     font: 17px / 36px HelveticaComp, Arvil, "Times New Roman" !important;
     text-align: center !important;
     text-decoration: none !important;
  }

  .mobile-access-links {
    box-sizing: border-box;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 9px;
     width: 100%;
     margin: 10px 0px 2px;
     padding: 0px;
  }

  .mobile-access-links a {
    box-sizing: border-box;
     display: flex;
     min-height: 43px;
     padding: 7px 8px;
     align-items: center;
     justify-content: center;
     border: 1px solid rgb(24, 12, 9);
     border-radius: 2px;
     background: linear-gradient(rgb(105, 64, 55) 0%, rgb(74, 41, 35) 44%, rgb(33, 16, 14) 100%);
     font: 17px / 20px HelveticaComp, Arvil, "Times New Roman";
     letter-spacing: 0.35px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow: rgb(0, 0, 0) 0px 1px 1px;
     box-shadow: rgba(255, 255, 255, 0.18) 0px 1px inset, rgba(0, 0, 0, 0.35) 0px -1px inset, rgba(43, 22, 17, 0.24) 0px 2px 4px;
     color: rgb(255, 255, 255) !important;
  }

  .mobile-access-links .mobile-access-prepaid {
    border-color: rgb(24, 12, 9);
     background: linear-gradient(rgb(105, 64, 55) 0%, rgb(74, 41, 35) 44%, rgb(33, 16, 14) 100%);
     text-shadow: rgb(0, 0, 0) 0px 1px 1px;
  }

  .mobile-access-links a:hover, .mobile-access-links a:focus {
    filter: brightness(1.12);
     outline: none;
  }

  #header .nav .mobile-nav-service {
    display: block;
     margin: 22px 0px 8px;
     padding: 15px 12px 4px;
     border-top: 1px solid rgb(205, 189, 175);
     color: rgb(103, 81, 67);
     text-align: center;
  }

  #header .nav .mobile-nav-service h3 {
    margin: 0px 0px 9px;
     color: rgb(124, 16, 51);
     font: 20px / 24px Arvil, "Times New Roman";
     text-transform: uppercase;
  }

  #header .nav .mobile-nav-service p {
    margin: 0px 0px 5px;
     padding: 0px;
     font: 13px / 18px Arial, sans-serif;
  }

  #header .nav .mobile-nav-service .mobile-nav-service-phone {
    color: rgb(90, 56, 43);
     font: bold 16px / 22px "Times New Roman";
  }

  #header .nav .mobile-nav-service-status {
    display: inline-block;
     border-radius: 10px;
     background: rgb(119, 119, 119);
     color: rgb(255, 255, 255);
     margin: 3px 0px 10px !important;
     padding: 3px 9px !important;
     font-size: 11px !important;
  }

  #header .nav .mobile-nav-service-status.is-offline {
    background: rgb(119, 119, 119);
  }

  #header .nav .mobile-nav-service-contact {
    border-radius: 4px;
     display: block !important;
     height: auto !important;
     padding: 7px 8px !important;
     border: 1px solid rgb(188, 169, 150) !important;
     background: rgb(238, 228, 217) !important;
     color: rgb(111, 23, 48) !important;
     font: bold 12px / 16px Arial, sans-serif !important;
     text-align: center !important;
     text-transform: none !important;
  }

  .responsive-scroll-top {
    box-sizing: border-box;
     display: flex;
     position: fixed;
     z-index: 5800;
     bottom: 16px;
     padding: 0px;
     align-items: center;
     justify-content: center;
     border-width: 1px;
     border-style: solid;
     border-image: none;
     color: rgb(255, 255, 255);
     cursor: pointer;
  }

  .responsive-scroll-top:hover, .responsive-scroll-top:focus-visible {
    filter: brightness(1.08);
     box-shadow: rgba(255, 255, 255, 0.32) 0px 1px 0px inset, rgba(38, 17, 20, 0.34) 0px 4px 12px;
     transform: translateY(-1px);
     outline: none;
  }

  .responsive-scroll-top:active {
    filter: brightness(0.96);
     transform: translateY(0px);
     box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px inset, rgba(38, 17, 20, 0.24) 0px 2px 5px;
  }

  .responsive-scroll-top {
    right: 16px;
     width: 46px;
     height: 40px;
     background: rgba(105, 75, 50, 0.82);
     border-color: rgba(83, 57, 39, 0.55);
     border-radius: 7px;
     box-shadow: rgba(38, 17, 20, 0.2) 0px 2px 7px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(8px);
     transition: opacity 0.2s, visibility 0.2s, transform 0.2s, filter 0.18s, box-shadow 0.18s;
  }

  .responsive-scroll-top span {
    display: block;
     width: 12px;
     height: 12px;
     margin-top: 5px;
     border-top: 2px solid rgba(255, 255, 255, 0.94);
     border-left: 2px solid rgba(255, 255, 255, 0.94);
     transform: rotate(45deg);
  }

  * {
    box-sizing: border-box;
  }

  html, body {
    width: 100%;
     overflow-x: hidden;
     min-width: 0px !important;
  }

  body {
    background: url("/site/assets/images/layout/e4503a6016367fccbd7ef9c7.jpg") repeat rgb(92, 12, 41) !important;
  }

  #wrapper {
    max-width: 100%;
     padding-top: 70px;
     width: 100% !important;
     margin: 0px !important;
  }

  #header {
    z-index: 6000;
     top: 0px;
     left: 0px;
     right: 0px;
     box-shadow: rgba(0, 0, 0, 0.45) 0px 3px 14px;
     position: fixed !important;
     width: 100% !important;
     height: 70px !important;
     background: rgb(48, 7, 17) !important;
  }

  #header .inside {
    position: relative;
     width: 100% !important;
     height: 70px !important;
  }

  #header .slogan {
    display: none !important;
  }

  #header .logo {
    z-index: 2;
     transform: translateX(-50%);
     position: absolute !important;
     left: 50% !important;
     margin: 0px !important;
  }

  #header .mobile_menu, #header .mobile_login {
    position: absolute;
     z-index: 4;
     top: 13px;
     width: 44px;
     height: 44px;
     align-items: center;
     justify-content: center;
     border: 0px;
     border-radius: 50%;
     text-decoration: none;
     cursor: pointer;
     display: flex !important;
     color: rgb(255, 255, 255) !important;
  }

  #header .mobile_menu {
    left: 14px;
  }

  #header .mobile_menu::before, #header .mobile_menu::after, #header .mobile_menu {
    background-color: transparent;
  }

  #header .mobile_menu::before {
    content: "";
     width: 25px;
     height: 16px;
     border-top: 2px solid rgb(255, 255, 255);
     border-bottom: 2px solid rgb(255, 255, 255);
  }

  #header .mobile_menu::after {
    content: "";
     position: absolute;
     width: 25px;
     height: 2px;
     background: rgb(255, 255, 255);
  }

  #header .mobile_login {
    right: 14px;
     background: rgba(255, 255, 255, 0.08);
     font-size: 21px !important;
  }

  #header .mobile_login i {
    display: none !important;
  }

  #header .mobile_login::before {
    content: "";
     position: absolute;
     top: 9px;
     left: 17px;
     width: 8px;
     height: 8px;
     border: 2px solid rgb(255, 255, 255);
     border-radius: 50%;
  }

  #header .mobile_login::after {
    content: "";
     position: absolute;
     left: 11px;
     bottom: 8px;
     width: 18px;
     height: 11px;
     border-width: 2px 2px 0px;
     border-style: solid solid none;
     border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentcolor;
     border-image: none;
     border-radius: 13px 13px 0px 0px;
  }

  #header .nav {
    z-index: 6100;
     top: 70px;
     left: 0px;
     bottom: 0px;
     border-right: 1px solid rgb(189, 169, 152);
     box-shadow: rgba(35, 18, 16, 0.3) 8px 0px 24px;
     transform: translateX(-105%);
     transition: transform 0.25s;
     overflow-y: auto;
     display: block !important;
     position: fixed !important;
     width: min(320px, 86vw) !important;
     height: auto !important;
     padding: 14px 14px 24px !important;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(248, 243, 235) !important;
     pointer-events: auto !important;
  }

  #header .nav.open {
    transform: translateX(0px);
  }

  #header .nav nav {
    margin: 0px !important;
  }

  #header .nav ul, #header .nav li {
    display: block !important;
     width: 100% !important;
     height: auto !important;
     margin: 0px !important;
     padding: 0px !important;
     background: none !important;
  }

  #header .nav li {
    margin: 0px 0px 4px !important;
     border: 0px !important;
  }

  #header .nav nav > ul > li > a {
    position: relative;
     min-height: 44px;
     border: 1px solid transparent;
     border-radius: 4px;
     text-align: left;
     text-decoration: none;
     display: block !important;
     padding: 0px 14px 0px 17px !important;
     background: rgba(255, 255, 255, 0.24) !important;
     color: rgb(95, 64, 53) !important;
     font: 18px / 42px Arvil, "Times New Roman" !important;
     pointer-events: auto !important;
  }

  #header .nav nav > ul > li > a::before {
    content: "";
     position: absolute;
     top: 10px;
     bottom: 10px;
     left: 6px;
     width: 2px;
     border-radius: 2px;
     background: rgb(139, 40, 69);
     opacity: 0.48;
  }

  #header .nav nav > ul > li > a:hover, #header .nav nav > ul > li > a:focus, #header .nav nav > ul > li.active > a {
    border-color: rgb(209, 192, 178);
     outline: none;
     background: rgb(238, 227, 216) !important;
     color: rgb(114, 26, 53) !important;
  }

  #header .menu_close {
    position: absolute;
     top: 8px;
     right: 10px;
     width: 34px;
     height: 34px;
     cursor: pointer;
     display: block !important;
  }

  body.mobile-nav-open::after {
    display: none !important;
     content: none !important;
     pointer-events: none !important;
  }

  body.mobile-nav-open #header .mobile_menu::before {
    height: 2px;
     border: 0px;
     background: rgb(255, 255, 255);
     transform: rotate(45deg);
  }

  body.mobile-nav-open #header .mobile_menu::after {
    transform: rotate(-45deg);
  }

  #container {
    flex-direction: column;
     display: flex !important;
     width: 100% !important;
     padding: 14px !important;
     background: rgb(248, 245, 239) !important;
  }

  #container > .custom {
    order: 1;
     float: none !important;
     width: 100% !important;
     margin: 0px 0px 16px !important;
  }

  #main {
    order: 2;
     float: none !important;
     width: 100% !important;
     margin: 0px !important;
  }

  #right {
    order: 3;
     float: none !important;
     width: 100% !important;
     min-height: 0px !important;
     margin: 0px !important;
  }

  #left {
    order: 4;
     float: none !important;
     width: 100% !important;
     min-height: 0px !important;
     margin: 0px !important;
  }

  .aside .block {
    max-width: 100%;
     width: 100% !important;
     background-size: 100% auto !important;
  }

  .aside .block > h3 {
    width: 100% !important;
     background-size: 100% 60px !important;
  }

  #topslider {
    container-type: inline-size;
     position: relative;
     aspect-ratio: 731 / 263;
     width: 100% !important;
     height: auto !important;
     padding: 0px !important;
     overflow: hidden !important;
     background-size: 100% 100% !important;
  }

  #cteSlider126 {
    left: 0px;
     top: 0px;
     transform: scale(calc(100cqw / 731px));
     transform-origin: left top;
     position: absolute !important;
     width: 731px !important;
     height: 263px !important;
     margin: 0px !important;
     overflow: hidden !important;
  }

  #cteSlider126 .sliderContainer, #cteSlider126 .mover {
    width: 731px !important;
     height: 263px !important;
  }

  #cteSlider126 .mover {
    left: 0px !important;
     top: 0px !important;
  }

  #cteSlider126 .block, #cteSlider126 .slide {
    box-sizing: content-box !important;
     width: 651px !important;
     height: 207px !important;
     padding: 40px !important;
  }

  #cteSlider126 .slide {
    display: none !important;
     position: absolute !important;
     top: 0px !important;
     left: 0px !important;
     float: none !important;
  }

  #cteSlider126 .slide.active {
    display: block !important;
  }

  #cteSlider126 .cte_image img {
    position: absolute !important;
     top: -10px !important;
     left: 0px !important;
     width: auto !important;
     height: auto !important;
     max-width: none !important;
  }

  #cteSlider126 .nav {
    bottom: 17px !important;
  }

  #ticker {
    width: 100% !important;
     background-size: 100% 55px !important;
  }

  #ticker .ticker-window {
    position: absolute;
     z-index: 2;
     inset: 1px 16px 9px;
     display: block;
     overflow: hidden;
     mask-image: linear-gradient(to right, transparent 0px, rgb(0, 0, 0) 9%, rgb(0, 0, 0) 91%, transparent 100%);
  }

  #ticker .ticker-window .css_marquee {
    line-height: 45px;
     inset: 0px !important;
  }

  #main .agent_search {
    box-sizing: border-box;
     width: 100%;
     margin: 18px 0px;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232);
     border: 1px solid rgb(205, 189, 173);
     border-radius: 4px;
     box-shadow: rgba(111, 75, 56, 0.1) 0px 0px 14px inset, rgba(70, 35, 26, 0.14) 0px 1px 3px;
  }

  #main .agent_search form {
    display: grid;
     grid-template-columns: minmax(0px, 1fr);
     gap: 8px;
     width: 100%;
     margin: 0px;
     padding: 0px;
  }

  #main .agent_search .submit {
    text-transform: none;
  }

  #main .agent_search .submit:hover, #main .agent_search .submit:focus {
    box-shadow: rgba(255, 255, 255, 0.38) 0px 1px inset, rgba(67, 23, 28, 0.3) 0px 2px 5px;
  }

  #main .advisor-filter-panel {
    display: grid;
     grid-template-columns: 1fr 1fr;
  }

  #main .advisor-filter-panel[hidden] {
    display: none !important;
  }

  #main .advisor-filter-actions {
    display: grid;
     grid-column: 1 / -1;
     grid-template-columns: 1fr 1fr;
  }

  #main .aslider, #main .busybox {
    box-sizing: border-box;
     max-width: none;
     width: 100% !important;
  }

  #main .busybox {
    height: 192px !important;
     min-height: 192px !important;
     overflow: hidden !important;
  }

  #main .busybox::before, #main .busybox::after {
    display: none !important;
  }

  #main #onlineSlider {
    width: 100% !important;
     height: 172px !important;
  }

  #main .exclusive .container, #main .exclusive .mover, #main .exclusive ul, #main .exclusive li {
    width: 100% !important;
  }

  #main .exclusive .container {
    height: auto !important;
     margin: 5px 0px 0px !important;
  }

  #main .inside > h2.bh:has(+ .exclusive), #main .advisor-search-heading {
    clear: both;
     align-items: center;
     justify-content: center;
     gap: 10px;
     width: 100%;
     white-space: nowrap;
     display: flex !important;
     margin: 8px 0px 12px !important;
     text-align: center !important;
  }

  #main .inside > h2.bh:has(+ .exclusive)::before, #main .inside > h2.bh:has(+ .exclusive)::after, #main .advisor-search-heading::before, #main .advisor-search-heading::after {
    content: "◆";
     display: block;
     flex: 1 1 70px;
     max-width: 105px;
     height: 1px;
     border-top: 1px solid rgb(183, 157, 135);
     color: rgb(141, 101, 79);
     font: 8px / 0 Georgia, serif;
  }

  #main .inside > h2.bh:has(+ .exclusive)::before, #main .advisor-search-heading::before {
    text-align: right;
     padding-right: 4px;
     background: linear-gradient(to right, transparent, rgba(141, 101, 79, 0.18));
  }

  #main .inside > h2.bh:has(+ .exclusive)::after, #main .advisor-search-heading::after {
    text-align: left;
     padding-left: 4px;
     background: linear-gradient(to left, transparent, rgba(141, 101, 79, 0.18));
  }

  #main .exclusive .mover, #main .exclusive ul {
    height: 160px !important;
  }

  #main .busybox ul {
    height: auto !important;
     position: relative !important;
  }

  #main .busybox li {
    flex-wrap: wrap;
     place-content: flex-start center;
     display: flex !important;
     width: 100% !important;
  }

  #main .busybox li > .item {
    flex: 0 0 20%;
     float: none !important;
  }

  #main .busybox li > span[style*="clear"] {
    display: none !important;
  }

  #main .exclusive .item {
    box-sizing: border-box;
     width: 20% !important;
     margin: 0px 0px 6px !important;
     padding: 0px 3px !important;
     font-size: 11px !important;
     line-height: 13px !important;
     white-space: normal !important;
  }

  #main .exclusive .item img {
    display: block;
     object-fit: cover;
     width: 60px !important;
     height: 60px !important;
     max-width: none !important;
     margin: 0px auto 3px !important;
  }

  #main .exclusive .item a {
    display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 12px !important;
     line-height: 14px !important;
  }

  #main .exclusive .item .mobile-exclusive-name {
    width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block !important;
     margin: 0px !important;
     padding: 0px !important;
  }

  #main .exclusive .item br {
    display: none !important;
  }

  #main .exclusive .item .status {
    margin-top: 0px !important;
     padding-top: 0px !important;
  }

  #main .exclusive .item img {
    outline: rgba(154, 129, 111, 0.58) solid 1px;
     outline-offset: 1px;
     box-shadow: rgba(67, 42, 31, 0.16) 0px 1px 3px;
  }

  #main .exclusive .item > a:not(.status):not(:has(img)) {
    letter-spacing: -0.1px;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px;
     color: rgb(79, 56, 46) !important;
     font-family: Arial, sans-serif !important;
     font-size: clamp(9px, 2.6vw, 11px) !important;
     font-style: normal !important;
     font-weight: 600 !important;
     text-decoration: none !important;
  }

  #main .exclusive .item .status {
    color: rgb(119, 119, 119);
     text-transform: capitalize;
     font-family: Arial, sans-serif !important;
     font-size: clamp(9px, 2.3vw, 10px) !important;
     font-style: normal !important;
     font-weight: 600 !important;
     text-decoration: none !important;
  }

  #main .exclusive .item .status::before {
    content: "";
     display: inline-block;
     width: 5px;
     height: 5px;
     margin: 0px 3px 1px 0px;
     border-radius: 50%;
     background: rgb(119, 119, 119);
     vertical-align: middle;
  }

  #main .exclusive .item .status.online {
    color: rgb(40, 123, 40) !important;
  }

  #main .exclusive .item .status.online::before {
    background: rgb(59, 150, 56);
  }

  #main .exclusive .item .status.busy {
    color: rgb(148, 43, 53) !important;
  }

  #main .exclusive .item .status.busy::before {
    background: rgb(178, 58, 67);
  }

  #main .exclusive .item .status.break {
    color: rgb(154, 107, 17) !important;
  }

  #main .exclusive .item .status.break::before {
    background: rgb(194, 141, 34);
  }

  #main .inside > h2.bh:has(+ .exclusive) {
    text-shadow: rgba(255, 255, 255, 0.86) 0px 1px;
     color: rgb(91, 64, 52) !important;
     font-weight: 600 !important;
  }

  #main .exclusive .item > a:not(.status):not(:has(img)):not(.mobile-advisor-label), #main .exclusive .item > a.status {
    display: none !important;
  }

  #main .exclusive .item > .mobile-advisor-label {
    width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: center;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px;
     display: block !important;
     margin: 0px !important;
     padding: 0px 2px !important;
     color: rgb(79, 56, 46) !important;
     font-family: Arial, sans-serif !important;
     font-size: clamp(9px, 2.6vw, 11px) !important;
     font-style: normal !important;
     font-weight: 600 !important;
     line-height: 14px !important;
     text-decoration: none !important;
  }

  #main .exclusive .item > .mobile-advisor-label::before {
    content: "";
     display: inline-block;
     width: 5px;
     height: 5px;
     margin: 0px 3px 1px 0px;
     border-radius: 50%;
     background: rgb(119, 119, 119);
     vertical-align: middle;
  }

  #main .exclusive .item > .mobile-advisor-label.online::before {
    background: rgb(59, 150, 56);
  }

  #main .exclusive .item > .mobile-advisor-label.busy::before {
    background: rgb(178, 58, 67);
  }

  #main .exclusive .item > .mobile-advisor-label.break::before {
    background: rgb(194, 141, 34);
  }

  #main .exclusive .nav {
    display: none !important;
  }

  #main .exclusive .prev, #main .exclusive .next {
    top: 78px !important;
  }

  #main .exclusive.aslider:not(.busybox) {
    overflow: visible !important;
  }

  #main .mobile-exclusive-arrow {
    display: block;
     position: absolute;
     z-index: 700;
     top: 76px;
     width: 23px;
     height: 33px;
     padding: 0px;
     border: 0px;
     border-radius: 0px;
     background: url("/site/assets/images/layout/159971853d75edfefeb1587a.png") left top no-repeat transparent;
     color: transparent;
     font-size: 0px;
     box-shadow: none;
     cursor: pointer;
     transition: opacity 0.2s;
  }

  #main .mobile-exclusive-prev {
    left: -11px;
     background-position: left top;
  }

  #main .mobile-exclusive-next {
    right: -11px;
     background-position: right top;
  }

  #main .mobile-exclusive-arrow:hover {
    filter: brightness(1.12);
  }

  #main .mobile-exclusive-arrow:disabled {
    opacity: 0.25;
     cursor: default;
     filter: none;
  }

  #main .agentlist .article {
    box-sizing: border-box;
     min-height: 245px;
     border: 1px solid rgb(205, 189, 173);
     border-radius: 4px;
     box-shadow: rgba(111, 75, 56, 0.12) 0px 0px 18px inset, rgba(70, 35, 26, 0.18) 0px 1px 3px;
     overflow: hidden;
     width: 100% !important;
     height: auto !important;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232) !important;
  }

  #main .agentlist .article > .left {
    width: 100% !important;
     height: auto !important;
  }

  #main .agentlist .article > .left figure.img {
    left: 0px !important;
     margin-left: 0px !important;
  }

  #main .agentlist .article > .right {
    clear: both;
     flex-direction: column;
     gap: 7px;
     display: flex !important;
     float: none !important;
     width: 100% !important;
     height: auto !important;
     padding: 8px 0px 0px !important;
  }

  #main .agentlist .article > .right .tariff {
    text-align: center;
     position: static !important;
     display: block !important;
     width: 100% !important;
     margin: 0px !important;
  }

  #main .agentlist .article > .right .button {
    box-sizing: border-box;
     text-align: center;
     white-space: normal;
     display: block !important;
     width: 100% !important;
     height: 29px !important;
     margin: 0px !important;
     background-image: url("/site/assets/images/buttons-hintergrund/b74d914a932ea9f155bfb08a.png") !important;
     background-attachment: initial !important;
     background-origin: initial !important;
     background-clip: initial !important;
     background-color: transparent !important;
     text-shadow: none !important;
  }

  #main .agentlist .article > .right .button.online, #main .agentlist .article > .right .button.chat.online {
    background-position: left 0px !important;
     color: rgb(255, 255, 255) !important;
  }

  #main .agentlist .article > .right .button.email {
    background-position: left -232px !important;
  }

  #main .agentlist .article > .right .button.chat.break {
    background-position: left -116px !important;
     color: rgb(87, 74, 37) !important;
     text-shadow: rgb(132, 92, 5) 0px 1px 0px !important;
  }

  #main .agentlist .article:has(.weekagent) > .right {
    grid-template-columns: 1fr max-content max-content 1fr;
     align-items: center;
     gap: 7px 6px;
     display: grid !important;
  }

  #main .agentlist .article:has(.weekagent) > .right::before {
    display: none !important;
     content: none !important;
  }

  #main .agentlist .article:has(.weekagent) > .right .tariff.campaign {
    grid-area: 1 / 2;
     font-weight: bold;
     padding-left: 24px !important;
     background-position: 2px -104px !important;
     color: rgb(210, 28, 43) !important;
     text-decoration: none !important;
  }

  #main .agentlist .article:has(.weekagent) > .right .tariff.disable {
    grid-area: 1 / 3;
     color: rgb(116, 103, 94) !important;
     text-decoration: line-through !important;
  }

  #main .agentlist .article:has(.weekagent) > .right .button {
    grid-column: 1 / -1;
     width: 100% !important;
  }

  #main .agentlist .article > .pinfo {
    clear: both;
     border-top: 1px solid rgb(226, 216, 208);
     position: static !important;
     width: 100% !important;
     height: auto !important;
     margin: 8px 0px 0px !important;
     padding: 8px 0px 0px !important;
  }

  #main .agentlist .article .calls, #main .agentlist .article .calls span {
    white-space: nowrap !important;
  }

  #main .agentlist .article.camp {
    overflow: visible !important;
  }

  #main .agentlist .article.camp .left figure.img {
    overflow: visible !important;
  }

  #main .agentlist .article.camp .left figure.img::before {
    z-index: 8;
     content: "" !important;
     display: block !important;
     position: absolute !important;
     inset: 77px auto auto 0px !important;
     width: 49px !important;
     height: 23px !important;
     padding: 0px !important;
     background: url("/site/assets/images/layout/1c524c120063192aeac9fe09.png") 0px 0px no-repeat transparent !important;
     clip-path: none !important;
     color: transparent !important;
     text-shadow: none !important;
     box-shadow: none !important;
  }

  #main .tabnav {
    display: flex;
     overflow-x: auto;
     height: auto !important;
  }

  #main .tabnav li {
    flex: 0 0 auto;
     float: none !important;
  }

  table {
    max-width: 100%;
  }

  .text, .textarea, select {
    max-width: 100% !important;
  }

  .customer-page #main {
    width: 100% !important;
  }

  .customer-page #left {
    order: 1 !important;
     width: 100% !important;
     margin-bottom: 14px !important;
  }

  .customer-page #main {
    order: 2 !important;
  }

  .customer-page #left > .inside {
    display: grid;
     grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr);
     gap: 12px;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  #main #onlineSlider {
    height: 96px !important;
  }

  #main .exclusive .mover, #main .exclusive ul {
    height: 88px !important;
  }

  #main .exclusive .item {
    width: 12.5% !important;
     padding-right: 2px !important;
     padding-left: 2px !important;
  }

  #main .busybox li > .item {
    flex: 0 0 12.5% !important;
  }

  #main .agentlist:not(:has(.weekagent)) {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
     grid-auto-rows: 1fr;
     gap: 14px;
     align-items: stretch;
     display: grid !important;
  }

  #main .agentlist:not(:has(.weekagent)) > .article {
    flex-direction: column;
     display: flex !important;
     float: none !important;
     width: 100% !important;
     height: 100% !important;
     margin: 0px !important;
  }

  #main .agentlist .article .rating {
    top: 188px !important;
  }

  #main .agentlist .article > .left {
    height: 178px !important;
     min-height: 178px !important;
  }

  #main .agentlist .article > .left .teaser {
    box-sizing: border-box;
     align-items: center;
     overflow: hidden;
     display: flex !important;
     height: 100px !important;
     margin: 0px 0px 0px 105px !important;
     padding: 0px 5px 0px 0px !important;
     line-height: 16px !important;
  }

  #main .agentlist .article > .right {
    border-top: 1px solid rgba(139, 108, 88, 0.24);
     margin-top: 18px !important;
     margin-bottom: 20px !important;
     padding-top: 12px !important;
  }

  #main .agentlist:not(:has(.weekagent)) > .article > .pinfo {
    box-sizing: border-box;
     flex: 0 0 60px;
     overflow: hidden;
     position: relative !important;
     z-index: 700 !important;
     height: 60px !important;
     min-height: 60px !important;
     max-height: 60px !important;
     margin-top: auto !important;
  }

  #main .agentlist:not(:has(.weekagent)) > .article > .pinfo i {
    display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
  }

  #main .agentlist + .pagination {
    clear: both;
     margin-top: 30px !important;
  }

  #left > .inside {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
     gap: 18px;
     display: grid !important;
  }

  #left > .inside > * {
    grid-column: 1 / -1;
  }

  #left > .inside > .newRatings, #left > .inside > .newAgents {
    grid-column: auto;
     height: 100%;
     margin-bottom: 0px !important;
  }

  #left > .inside > .responsive-esoteric-box {
    grid-column: auto;
     height: 100%;
     margin-bottom: 0px !important;
  }

  #left > .inside > .responsive-tariff-mobile-copy {
    background: none rgb(251, 246, 239) !important;
  }

  #left > .inside > .responsive-tariff-mobile-copy .cte_tariffs {
    border: 0px !important;
     box-shadow: none !important;
  }

  #left > .inside > .responsive-tariff-mobile-copy .cte_tariffs, #left > .inside > .responsive-tariff-mobile-copy .cte_tariffs p, #left > .inside > .responsive-tariff-mobile-copy table, #left > .inside > .responsive-tariff-mobile-copy tbody, #left > .inside > .responsive-tariff-mobile-copy tr, #left > .inside > .responsive-tariff-mobile-copy td {
    background: none transparent !important;
     box-shadow: none !important;
  }
}

@media (max-width: 600px) {
  body.mobile-home-guest #right .mod_login {
    display: none !important;
  }

  #wrapper {
    padding-top: 64px;
  }

  #header, #header .inside {
    height: 64px !important;
  }

  #header .logo {
    background-size: 390px auto !important;
  }

  #header .logo {
    width: 132px !important;
     height: 39px !important;
  }

  #header .mobile_menu, #header .mobile_login {
    top: 10px;
  }

  #header .mobile_menu {
    left: 8px;
  }

  #header .mobile_login {
    right: 8px;
  }

  #header .nav {
    top: 64px;
     padding: 14px 12px !important;
  }

  body.mobile-nav-open::after {
    inset: 64px 0px 0px;
  }

  #container {
    padding: 10px !important;
  }

  #main .aslider {
    height: 186px !important;
     padding: 8px !important;
  }

  #main .busybox {
    height: 186px !important;
     min-height: 186px !important;
     overflow: hidden !important;
  }

  #main #onlineSlider {
    height: 166px !important;
  }

  #main .exclusive .mover, #main .exclusive ul {
    height: 158px !important;
  }

  #main .exclusive .item {
    width: 20% !important;
     padding: 0px 1px !important;
     font-size: 9px !important;
     line-height: 11px !important;
  }

  #main .exclusive .item img {
    width: 60px !important;
     height: 60px !important;
     margin-bottom: 2px !important;
  }

  #main .exclusive .item a {
    font-size: 10px !important;
     line-height: 11px !important;
  }

  #main .exclusive .item .status {
    line-height: 11px !important;
  }

  #main .inside > h2.bh:has(+ .exclusive), #main .advisor-search-heading {
    gap: 7px;
     white-space: normal;
     font-size: 24px !important;
     line-height: 29px !important;
  }

  #main .inside > h2.bh:has(+ .exclusive)::before, #main .inside > h2.bh:has(+ .exclusive)::after, #main .advisor-search-heading::before, #main .advisor-search-heading::after {
    flex-basis: 35px;
     min-width: 28px;
     max-width: 62px;
  }

  #main .exclusive .prev, #main .exclusive .next {
    top: 76px !important;
  }

  #main .mobile-exclusive-arrow {
    top: 76px;
     width: 23px;
     height: 33px;
  }

  #main .mobile-exclusive-prev {
    left: -11px;
  }

  #main .mobile-exclusive-next {
    right: -11px;
  }

  #ticker {
    height: 48px !important;
     margin-bottom: 12px !important;
     background-size: 100% 48px !important;
  }

  #ticker .ticker-window {
    inset: 1px 14px 7px;
  }

  #ticker .ticker-window .css_marquee {
    line-height: 40px;
  }

  #main .agent_search {
    padding: 10px;
  }

  #main .agent_search form {
    grid-template-columns: 1fr;
  }

  #main .agent_search .submit {
    width: 100% !important;
  }

  #main .advisor-filter-panel {
    grid-template-columns: 1fr;
  }

  #main .advisor-filter-actions {
    grid-column: 1;
     grid-template-columns: 1fr;
  }

  #main .agentlist .article {
    grid-template-columns: 1fr;
     overflow: hidden;
     display: grid !important;
     height: auto !important;
     min-height: 0px !important;
     padding: 12px 10px !important;
     margin-bottom: 14px !important;
  }

  #main .agentlist:not(:has(.weekagent)) {
    display: block !important;
  }

  #main .agentlist .article h3 {
    width: 100%;
     min-height: 26px;
     margin: 0px 0px 6px !important;
     padding-right: 72px !important;
     line-height: 24px !important;
  }

  #main .agentlist .left {
    grid-template-columns: 92px minmax(0px, 1fr);
     grid-template-rows: auto auto auto minmax(14px, auto);
     column-gap: 9px;
     display: grid !important;
     width: 100% !important;
     height: auto !important;
     min-height: 142px !important;
     padding: 0px !important;
  }

  #main .agentlist .left figure {
    grid-area: 1 / 1;
     max-width: 92px;
     float: none !important;
     margin: 0px !important;
  }

  #main .agentlist .left figure img {
    display: block;
     max-width: 90px;
     height: auto;
  }

  #main .agentlist .left .teaser {
    grid-area: 1 / 2;
     line-height: 16px;
     margin: 24px 0px 0px !important;
     padding: 0px !important;
  }

  #main .agentlist .left .calls {
    grid-area: 2 / 1;
     margin-top: 4px;
     float: none !important;
     position: static !important;
  }

  #main .agentlist .left .calls, #main .agentlist .left .calls span {
    white-space: nowrap !important;
  }

  #main .agentlist .left .rating {
    grid-area: 3 / 1;
     margin-top: 2px;
     float: none !important;
     position: static !important;
  }

  #main .agentlist .right {
    grid-template-columns: 1fr;
     gap: 7px;
     float: none !important;
     display: grid !important;
     width: 100% !important;
     height: auto !important;
     padding: 8px 0px 0px !important;
  }

  #main .agentlist .right .tariff {
    grid-column: 1 / -1;
     text-align: center;
     position: static !important;
     width: 100% !important;
     margin: 0px !important;
  }

  #main .agentlist .right .button {
    box-sizing: border-box;
     text-align: center;
     white-space: normal;
     width: 100% !important;
     margin: 0px !important;
  }

  #main .agentlist .pinfo {
    border-top: 1px solid rgb(226, 216, 208);
     position: static !important;
     width: 100% !important;
     height: auto !important;
     margin: 8px 0px 0px !important;
     padding: 8px 0px 0px !important;
  }

  .customer-page #left > .inside {
    grid-template-columns: 1fr;
  }

  .customer-btn {
    text-align: center;
  }
}

@keyframes mobileLoginReveal { 
  0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.login-page #right .mod_login {
  display: none !important;
}

.login-page-card {
  box-sizing: border-box;
   max-width: 520px;
   margin: 10px auto 28px;
   padding: 22px 24px;
   background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232);
   border: 1px solid rgb(205, 189, 173);
   border-radius: 4px;
   box-shadow: rgba(111, 75, 56, 0.1) 0px 0px 14px inset, rgba(70, 35, 26, 0.16) 0px 2px 6px;
}

.login-page-card .text {
  box-sizing: border-box;
   display: block;
   height: 40px;
   padding: 8px 11px;
   width: 100% !important;
   margin: 0px 0px 10px !important;
}

.login-page-card .customer-login-hint {
  margin: 2px 0px 12px;
}

.login-page-card .pass {
  display: inline-block;
   margin: 0px 0px 14px;
   color: rgb(110, 23, 49);
}

.login-page-card .login-page-submit {
  box-sizing: border-box;
   width: 100%;
   height: 40px;
   border: 1px solid rgb(111, 7, 31);
   border-radius: 2px;
   background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
   color: rgb(255, 255, 255);
   font: 19px / 38px Arvil, "Times New Roman";
   text-shadow: rgb(59, 7, 21) 0px 1px 1px;
   cursor: pointer;
}

.login-tablet-layout {
  display: block;
}

.login-new-customer-card, .login-card-heading {
  display: none;
}

.access-info-card {
  box-sizing: border-box;
   position: relative;
   margin: 0px 0px 20px;
   padding: 28px 26px;
   background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232);
   border: 1px solid rgb(197, 178, 159);
   border-radius: 2px;
   box-shadow: rgba(111, 75, 56, 0.12) 0px 0px 18px inset, rgba(70, 35, 26, 0.14) 0px 2px 6px;
   color: rgb(92, 70, 56);
}

.access-info-card::before, .access-info-card::after {
  content: "";
   position: absolute;
   right: 0px;
   left: 0px;
   height: 8px;
   pointer-events: none;
}

.access-info-card::before {
  top: 0px;
   background: url("/site/assets/images/boxenbilder/cd797543fd224cf5a7d8913b.jpg") center top / 100% 8px no-repeat;
}

.access-info-card::after {
  bottom: 0px;
   background: url("/site/assets/images/boxenbilder/bc5ed2c478d4b9c281cfc9e6.png") center bottom / 100% 8px no-repeat;
}

.access-page-intro {
  display: flex;
   align-items: center;
   justify-content: center;
   gap: 22px;
   margin: -4px 0px 22px;
   padding: 0px 0px 18px;
   border-bottom: 1px solid rgb(212, 197, 182);
   text-align: center;
}

.access-page-intro img {
  width: 131px;
   height: 117px;
   padding: 2px;
   border: 1px solid rgb(199, 183, 168);
   background: rgb(255, 255, 255);
}

.access-page-intro p {
  color: rgb(107, 77, 61);
   font: 18px / 25px "Times New Roman";
   margin: 0px !important;
}

.access-page-intro strong {
  color: rgb(124, 16, 51);
   font: 25px / 29px Arvil, "Times New Roman";
   text-transform: uppercase;
}

.access-info-card h2 {
  display: flex;
   align-items: center;
   gap: 9px;
   margin: 0px 0px 14px;
   color: rgb(124, 16, 51);
   font: 25px / 30px Arvil, "Times New Roman";
   text-align: center;
}

.access-info-card h2::before, .access-info-card h2::after {
  content: "";
   flex: 1 1 0%;
   height: 1px;
   background: linear-gradient(to right, transparent, rgb(185, 156, 132));
}

.access-info-card h2::after {
  background: linear-gradient(to left, transparent, rgb(185, 156, 132));
}

.access-number-list {
  display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0px;
   margin: 16px 0px 24px;
   border-top: 1px solid rgb(205, 185, 166);
   border-bottom: 1px solid rgb(205, 185, 166);
   background: rgba(255, 255, 255, 0.3);
}

.access-number {
  position: relative;
   padding: 16px 10px;
   border-right: 1px solid rgb(208, 191, 174);
   text-align: center;
}

.access-number:last-child {
  border-right: 0px;
}

.access-country-flag {
  display: inline-block;
   width: auto;
   max-width: 20px;
   height: 12px;
   margin: 0px 5px 0px 0px;
   vertical-align: middle;
   padding: 0px !important;
   border: 0px !important;
}

.access-number > span {
  display: inline-block;
}

.access-number strong {
  display: block;
   margin: 6px 0px;
   color: rgb(124, 16, 51);
   font: 18px / 22px "Times New Roman";
}

.access-number small {
  font-size: 11px;
}

.access-steps {
  margin: 0px;
   padding: 0px;
   list-style: none;
   counter-reset: access-step 0;
}

.access-steps li {
  position: relative;
   min-height: 38px;
   margin: 0px 0px 10px;
   padding: 8px 8px 8px 44px;
   border-bottom: 1px solid rgb(218, 205, 193);
   counter-increment: access-step 1;
}

.access-steps li::before {
  content: counter(access-step);
   position: absolute;
   top: 5px;
   left: 0px;
   width: 30px;
   height: 30px;
   border: 1px solid rgb(103, 69, 45);
   border-radius: 3px;
   background: linear-gradient(rgb(139, 103, 68), rgb(97, 67, 43));
   color: rgb(255, 255, 255);
   font: bold 14px / 30px Arial;
   text-align: center;
   text-shadow: rgb(63, 40, 26) 0px 1px;
}

.access-page #main h1.bh, .access-page .access-info-card h2, .access-page .access-page-intro strong, .access-page .access-number strong {
  color: rgb(101, 69, 47) !important;
}

.access-advisors {
  display: none;
}

@media (min-width: 1101px) {
  .access-page .access-advisors {
    display: block;
     margin: 16px 0px 24px;
     padding: 20px 16px;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232);
     border: 1px solid rgb(197, 178, 159);
     box-shadow: rgba(111, 75, 56, 0.1) 0px 0px 14px inset;
  }

  .access-advisors > h2 {
    display: flex;
     align-items: center;
     gap: 10px;
     margin: 0px 0px 17px;
     color: rgb(101, 69, 47);
     font: 28px / 32px Arvil, "Times New Roman";
     text-align: center;
  }

  .access-advisors > h2::before, .access-advisors > h2::after {
    content: "";
     flex: 1 1 0%;
     height: 1px;
     background: rgb(188, 163, 143);
  }

  .access-advisor-grid {
    display: grid;
     grid-template-columns: repeat(4, minmax(0px, 1fr));
     gap: 10px;
  }

  .access-advisor-card {
    box-sizing: border-box;
     padding: 10px;
     text-align: center;
     border: 1px solid rgb(207, 190, 174);
     border-radius: 3px;
     background: rgba(255, 255, 255, 0.58);
     box-shadow: rgba(65, 39, 25, 0.1) 0px 1px 3px;
  }

  .access-advisor-image {
    display: block;
     margin: 0px auto 7px;
  }

  .access-advisor-image img {
    display: block;
     width: 88px;
     height: 105px;
     margin: auto;
     object-fit: cover;
     border: 2px solid rgb(255, 255, 255);
     box-shadow: rgb(140, 119, 104) 0px 0px 3px;
  }

  .access-advisor-card h3 {
    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0px !important;
     font: 20px / 23px Arvil, "Times New Roman" !important;
  }

  .access-advisor-card h3 a {
    color: rgb(101, 69, 47);
     text-decoration: none;
  }

  .access-advisor-status {
    display: block;
     margin: 2px 0px;
     color: rgb(39, 130, 39);
     font: bold 12px Arial;
  }

  .access-advisor-code {
    display: block;
     color: rgb(106, 81, 66);
     font: 12px / 18px Arial;
  }

  .access-advisor-card small {
    display: block;
     margin-bottom: 7px;
     color: rgb(123, 101, 87);
  }

  .access-advisor-profile {
    display: block;
     padding: 6px 4px;
     border: 1px solid rgb(24, 12, 9);
     border-radius: 2px;
     background: linear-gradient(rgb(105, 64, 55) 0%, rgb(74, 41, 35) 44%, rgb(33, 16, 14) 100%);
     font: 14px / 17px HelveticaComp, Arial;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow: rgb(0, 0, 0) 0px 1px;
     box-shadow: rgba(255, 255, 255, 0.18) 0px 1px inset, rgba(0, 0, 0, 0.35) 0px -1px inset;
     color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 600px) {
  .login-page-card {
    margin: 4px 0px 20px;
     padding: 17px 14px;
  }

  .login-page #main {
    width: 100% !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  #header .nav {
    width: min(460px, 72vw) !important;
     padding: 22px 20px 30px !important;
  }

  #header .nav li {
    margin-bottom: 6px !important;
  }

  #header .nav nav > ul > li > a {
    min-height: 52px;
     padding: 0px 18px 0px 22px !important;
     font-size: 22px !important;
     line-height: 50px !important;
  }

  #header .nav nav > ul > li > a::before {
    top: 12px;
     bottom: 12px;
     left: 8px;
     width: 3px;
  }

  #header .menu_close {
    top: 12px;
     right: 14px;
     width: 40px;
     height: 40px;
  }

  #header .nav .mobile-nav-service {
    margin-top: 26px;
     padding: 19px 16px 6px;
  }

  #header .nav .mobile-nav-service h3 {
    font-size: 24px;
     line-height: 29px;
  }

  #header .nav .mobile-nav-service p {
    font-size: 15px;
     line-height: 21px;
  }

  #header .nav .mobile-nav-service .mobile-nav-service-phone {
    font-size: 18px;
     line-height: 25px;
  }

  #header .nav .mobile-nav-service-contact {
    padding: 10px 12px !important;
     font-size: 14px !important;
     line-height: 19px !important;
  }

  .login-tablet-layout {
    display: grid;
     grid-template-columns: repeat(2, minmax(0px, 1fr));
     gap: 18px;
     width: 100%;
     margin: 22px 0px 38px;
     align-items: stretch;
  }

  .login-tablet-layout .login-page-card {
    display: flex;
     flex-direction: column;
     width: 100%;
     max-width: none;
     height: 100%;
     margin: 0px;
     padding: 30px;
     border-radius: 6px;
  }

  .login-tablet-layout .login-page-card form {
    display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     width: 100%;
     height: 100%;
  }

  .login-page-card .text {
    height: 50px;
     padding: 10px 14px;
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 14px !important;
  }

  .login-page-card .customer-login-hint {
    font-size: 14px;
     line-height: 20px;
     margin: 1px 0px 17px !important;
  }

  .login-page-card .pass {
    margin-bottom: 19px;
     font-size: 15px;
     line-height: 20px;
  }

  .login-page-card .login-page-submit {
    height: 50px;
     margin-top: auto;
     font-size: 23px;
     line-height: 48px;
  }

  .login-new-customer-card {
    box-sizing: border-box;
     display: flex;
     flex-direction: column;
     height: 100%;
     padding: 27px 30px 30px;
     border: 1px solid rgb(205, 189, 173);
     border-radius: 6px;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232);
     box-shadow: rgba(111, 75, 56, 0.1) 0px 0px 14px inset, rgba(70, 35, 26, 0.16) 0px 2px 6px;
     color: rgb(95, 73, 59);
  }

  .login-new-customer-card h2 {
    margin: 0px 0px 13px;
     color: rgb(124, 16, 51);
     font: 28px / 32px Arvil, "Times New Roman";
     text-align: center;
     text-transform: none;
  }

  .login-new-customer-card p {
    font: 15px / 21px Arial, sans-serif;
     text-align: center;
     margin: 0px 0px 14px !important;
     padding: 0px !important;
  }

  .login-new-customer-card ul {
    margin: 0px 0px 19px;
     padding: 0px;
     list-style: none;
     color: rgb(95, 73, 59);
     font: 14px / 22px Arial, sans-serif;
  }

  .login-new-customer-card li {
    position: relative;
     padding-left: 20px;
  }

  .login-new-customer-card li::before {
    content: "✓";
     position: absolute;
     left: 0px;
     color: rgb(124, 16, 51);
     font-weight: bold;
  }

  .login-new-customer-submit {
    box-sizing: border-box;
     display: block;
     width: 100%;
     height: 50px;
     margin-top: auto;
     border: 1px solid rgb(111, 7, 31);
     border-radius: 2px;
     background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
     font: 23px / 48px Arvil, "Times New Roman";
     text-align: center;
     text-decoration: none;
     text-shadow: rgb(59, 7, 21) 0px 1px 1px;
     color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 1100px) {
  .login-tablet-layout .login-page-card, .login-new-customer-card {
    box-sizing: border-box;
     position: relative;
     overflow: hidden;
     padding: 74px 28px 26px !important;
     border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / auto 15px repeat-y padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  .login-tablet-layout .login-page-card::before, .login-new-customer-card::before, .login-tablet-layout .login-page-card::after, .login-new-customer-card::after {
    content: none;
  }

  .login-card-heading, .login-new-customer-card h2 {
    box-sizing: border-box;
     display: block;
     position: absolute;
     z-index: 2;
     top: 0px;
     left: -5px;
     width: calc(100% + 10px);
     height: 60px;
     border: 0px;
     box-shadow: none;
     text-shadow: rgb(255, 255, 255) 0px 1px;
     margin: 0px !important;
     padding: 0px 18px !important;
     background-color: rgb(236, 231, 228) !important;
     background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
     background-position: left top, right top, center top !important;
     background-size: 92px 60px, 92px 60px, 24px 60px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
     color: rgb(124, 16, 51) !important;
     font: 19px / 60px "Times New Roman" !important;
     text-align: center !important;
     text-transform: uppercase !important;
  }

  .login-new-customer-card {
    display: flex;
  }
}

@media (max-width: 600px) {
  .login-tablet-layout {
    display: grid;
     grid-template-columns: 1fr;
     gap: 14px;
     width: 100%;
     margin: 4px 0px 22px;
  }

  .login-tablet-layout .login-page-card, .login-new-customer-card {
    width: 100%;
     height: auto;
     margin: 0px;
     padding: 70px 16px 19px !important;
  }

  .login-new-customer-card h2 {
    font-size: 17px !important;
  }

  .login-new-customer-card p {
    font-size: 14px;
     line-height: 20px;
  }

  .login-new-customer-card ul {
    font-size: 13px;
     line-height: 21px;
  }

  .login-new-customer-submit {
    height: 44px;
     font-size: 20px;
     line-height: 42px;
  }
}

@media (max-width: 700px) {
  .access-info-card {
    padding: 20px 13px;
  }

  .access-page-intro {
    display: block;
  }

  .access-page-intro img {
    margin-bottom: 10px;
  }

  .access-page-intro strong {
    font-size: 22px;
  }

  .access-info-card h2 {
    font-size: 22px;
     line-height: 27px;
  }

  .access-number-list {
    grid-template-columns: 1fr;
  }

  .access-number {
    padding: 12px 8px;
     border-right: 0px;
     border-bottom: 1px solid rgb(208, 191, 174);
  }

  .access-number:last-child {
    border-bottom: 0px;
  }
}

@media (max-width: 1100px) {
  .access-page #left, .access-page #right {
    display: none !important;
  }

  .access-page .access-advisors {
    display: block;
     margin: 16px 0px 24px;
     padding: 18px 14px;
     background: url("/site/assets/images/boxenbilder/ae46b29734de4b7e88791875.jpg") center top / 100% auto repeat-y rgb(251, 244, 232);
     border: 1px solid rgb(197, 178, 159);
     box-shadow: rgba(111, 75, 56, 0.1) 0px 0px 14px inset;
  }

  .access-advisors > h2 {
    display: flex;
     align-items: center;
     gap: 10px;
     margin: 0px 0px 15px;
     color: rgb(101, 69, 47);
     font: 26px / 30px Arvil, "Times New Roman";
     text-align: center;
  }

  .access-advisors > h2::before, .access-advisors > h2::after {
    content: "";
     flex: 1 1 0%;
     height: 1px;
     background: rgb(188, 163, 143);
  }

  .access-advisor-grid {
    display: grid;
     grid-template-columns: repeat(3, minmax(0px, 1fr));
     gap: 10px;
  }

  .access-advisor-card {
    box-sizing: border-box;
     padding: 10px;
     text-align: center;
     border: 1px solid rgb(207, 190, 174);
     border-radius: 3px;
     background: rgba(255, 255, 255, 0.58);
     box-shadow: rgba(65, 39, 25, 0.1) 0px 1px 3px;
  }

  .access-advisor-image {
    display: block;
     margin: 0px auto 7px;
  }

  .access-advisor-image img {
    display: block;
     width: 88px;
     height: 105px;
     margin: auto;
     object-fit: cover;
     border: 2px solid rgb(255, 255, 255);
     box-shadow: rgb(140, 119, 104) 0px 0px 3px;
  }

  .access-advisor-card h3 {
    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0px !important;
     font: 20px / 23px Arvil, "Times New Roman" !important;
  }

  .access-advisor-card h3 a {
    color: rgb(101, 69, 47);
     text-decoration: none;
  }

  .access-advisor-status {
    display: block;
     margin: 2px 0px;
     color: rgb(39, 130, 39);
     font: bold 12px Arial;
  }

  .access-advisor-code {
    display: block;
     color: rgb(106, 81, 66);
     font: 12px / 18px Arial;
  }

  .access-advisor-card small {
    display: block;
     margin-bottom: 7px;
     color: rgb(123, 101, 87);
  }

  .access-advisor-profile {
    display: block;
     padding: 6px 4px;
     border: 1px solid rgb(24, 12, 9);
     border-radius: 2px;
     background: linear-gradient(rgb(105, 64, 55) 0%, rgb(74, 41, 35) 44%, rgb(33, 16, 14) 100%);
     font: 14px / 17px HelveticaComp, Arial;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow: rgb(0, 0, 0) 0px 1px;
     box-shadow: rgba(255, 255, 255, 0.18) 0px 1px inset, rgba(0, 0, 0, 0.35) 0px -1px inset;
     color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 600px) {
  .access-advisor-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }

  .access-advisor-card {
    padding: 8px 6px;
  }

  .access-advisor-image img {
    width: 78px;
     height: 94px;
  }
}

@media (max-width: 370px) {
  #main .exclusive .item img {
    width: 60px !important;
     height: 60px !important;
  }

  #main .exclusive .item a {
    font-size: 9px !important;
  }
}

body.profile-example-page #left, body.profile-example-page #right {
  display: none !important;
}

body.profile-example-page #container {
  box-sizing: border-box;
   display: block !important;
}

body.profile-example-page #main {
  box-sizing: border-box;
   float: none !important;
   width: 100% !important;
   margin: 0px !important;
}

body.profile-example-page #main > .inside {
  box-sizing: border-box;
   width: 100%;
   padding: 0px !important;
}

body.profile-example-page .profile-modern {
  color: rgb(81, 61, 50);
   font-family: Arial, sans-serif;
}

body.profile-example-page .advisor-profile-kicker {
  display: block;
   margin-bottom: 2px;
   color: rgb(139, 109, 89);
   font: 600 11px / 16px Arial, sans-serif;
   letter-spacing: 1.3px;
   text-transform: uppercase;
}

body.profile-example-page .advisor-profile-hero {
  display: grid;
   grid-template-columns: 174px minmax(0px, 1fr);
   gap: 12px 20px;
   margin: 0px 0px 20px;
   padding: 20px;
   background: rgb(255, 253, 249);
   border: 1px solid rgb(205, 189, 172);
   border-radius: 5px;
   box-shadow: rgba(111, 75, 56, 0.08) 0px 0px 24px inset, rgba(67, 40, 28, 0.12) 0px 2px 5px;
}

body.profile-example-page .advisor-profile-photo {
  position: relative;
   align-self: start;
   text-align: center;
}

body.profile-example-page .advisor-profile-photo img {
  box-sizing: border-box;
   display: block;
   padding: 4px;
   background: rgb(255, 255, 255);
   border: 1px solid rgb(173, 149, 131);
   object-fit: cover;
   object-position: center center;
   box-shadow: rgba(58, 36, 27, 0.22) 0px 2px 7px;
   width: 174px !important;
   height: 200px !important;
   margin: 0px !important;
}

body.profile-example-page .advisor-profile-ribbon {
  position: absolute;
   z-index: 2;
   top: 177px;
   left: -2px;
   width: 49px;
   height: 23px;
   padding: 0px;
   overflow: visible;
   background: url("/site/assets/images/layout/1c524c120063192aeac9fe09.png") 0px 0px no-repeat transparent;
   color: transparent;
   font-size: 0px;
   box-shadow: none;
}

body.profile-example-page .advisor-profile-ribbon::after {
  display: none;
   content: none;
}

body.profile-example-page .advisor-profile-rating {
  display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   margin-top: 8px;
   color: rgb(157, 147, 140);
   font: 12px / 14px Arial, sans-serif;
   letter-spacing: 0px;
}

body.profile-example-page .advisor-profile-rating .stars, body.profile-example-page .advisor-profile-stars.stars {
  flex: 0 0 auto;
   box-sizing: content-box !important;
   display: block !important;
   width: 74px !important;
   height: 14px !important;
   margin: 0px !important;
   padding: 0px !important;
   background: url("/site/assets/images/layout/76e5fee31534e394ce0f9282.png") 0px 0px no-repeat transparent !important;
   text-align: left !important;
}

body.profile-example-page .advisor-profile-rating small {
  color: rgb(157, 147, 140);
   font: 12px / 14px Arial, sans-serif;
   letter-spacing: 0px;
}

body.profile-example-page .advisor-profile-summary {
  min-width: 0px;
   padding-top: 2px;
}

body.profile-example-page .advisor-profile-name-row {
  display: flex;
   align-items: center;
   gap: 11px;
   width: 100%;
   margin: 0px 0px 8px;
}

body.profile-example-page .advisor-profile-lead {
  color: rgb(78, 64, 55);
   font: 15px / 22px Arial, sans-serif;
   margin: 0px 0px 14px !important;
   padding: 0px !important;
}

body.profile-example-page #main .advisor-profile-notice {
  grid-column: 1 / -1;
   border: 1px solid rgb(216, 201, 144);
   border-radius: 4px;
   background: rgb(255, 251, 226);
   color: rgb(107, 80, 30);
   font: 13px / 18px Arial, sans-serif;
   box-shadow: none;
   margin: 0px !important;
   padding: 10px 12px !important;
}

body.profile-example-page .advisor-profile-contact {
  box-sizing: border-box;
   grid-column: 1 / -1;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   align-items: center;
   gap: 7px;
   padding: 6px 0px 0px;
   border-top: 0px;
   border-left: 0px;
}

body.profile-example-page .advisor-profile-price {
  grid-column: 1 / -1;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   margin: 0px 0px 2px;
   text-align: center;
   white-space: nowrap;
}

body.profile-example-page #main .advisor-profile-price .tariff {
  display: inline-block;
   font: 13px / 19px Arial, sans-serif;
   position: static !important;
   top: auto !important;
   margin: 0px !important;
}

body.profile-example-page #main .advisor-profile-price .tariff.campaign {
  background: url("/site/assets/images/layout/eeba86bfd97e141a393f79af.png") 0px -104px no-repeat transparent;
   font-weight: bold;
   padding-left: 22px !important;
   color: rgb(210, 28, 43) !important;
   text-decoration: none !important;
}

body.profile-example-page #main .advisor-profile-price .tariff.disable {
  color: rgb(116, 103, 94) !important;
   text-decoration: line-through !important;
}

body.profile-example-page #main .advisor-profile-price .tariff.chat-price {
  font-weight: normal;
   color: rgb(103, 84, 69) !important;
   text-decoration: none !important;
}

body.profile-example-page .advisor-profile-action {
  box-sizing: border-box;
   min-height: 29px;
   border-radius: 4px;
   text-align: center;
   transition: none;
   display: block !important;
   width: 100% !important;
   height: 29px !important;
   margin: 0px 0px 7px !important;
   padding: 0px 10px !important;
   border: 0px !important;
   background: url("/site/assets/images/buttons-hintergrund/b74d914a932ea9f155bfb08a.png") left -174px / 200% 261px no-repeat transparent !important;
   color: rgb(103, 84, 69) !important;
   font: bold 15px / 29px "Times New Roman", serif !important;
   text-decoration: none !important;
   text-shadow: none !important;
   box-shadow: rgba(0, 0, 0, 0.55) 0px 1px 1px !important;
}

body.profile-example-page .advisor-profile-action.online {
  background-position: left 0px !important;
   color: rgb(255, 255, 255) !important;
   text-shadow: rgb(49, 95, 40) 0px 1px 0px !important;
}

body.profile-example-page .advisor-profile-action.email {
  background-position: left -232px !important;
   color: rgb(255, 255, 255) !important;
   text-shadow: rgb(125, 84, 33) 0px 1px 0px !important;
}

body.profile-example-page .advisor-profile-action:hover {
  filter: none;
   transform: none;
   background-position-x: right !important;
}

body.profile-example-page .advisor-profile-stats {
  grid-column: 1 / -1;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 5px;
   margin: 14px 0px 0px;
   padding: 10px 0px 9px;
   border-top: 1px solid rgb(225, 213, 202);
   border-bottom: 1px solid rgb(225, 213, 202);
   color: rgb(121, 102, 89);
   font: 9px / 13px Arial, sans-serif;
   text-align: center;
}

body.profile-example-page .advisor-profile-stats strong {
  display: block;
   color: rgb(93, 66, 54);
   font-size: 16px;
}

body.profile-example-page .advisor-profile-actions {
  grid-column: 1 / -1;
   display: grid;
   grid-template-columns: repeat(3, minmax(0px, 1fr));
   gap: 7px;
   align-items: end;
}

body.profile-example-page .advisor-profile-action-group {
  display: flex;
   flex-direction: column;
   min-width: 0px;
}

body.profile-example-page .advisor-profile-action-group .advisor-profile-price {
  grid-column: auto;
   min-height: 23px;
   margin: 0px 0px 5px;
   gap: 5px;
   white-space: nowrap;
}

body.profile-example-page .advisor-profile-action-caption {
  display: block;
   min-height: 23px;
   margin: 0px 0px 5px;
   color: rgb(128, 108, 94);
   font: 11px / 23px Arial, sans-serif;
   text-align: center;
}

body.profile-example-page .advisor-profile-action-group .advisor-profile-action {
  margin: 0px !important;
}

body.profile-example-page .advisor-profile-content {
  display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 14px;
   margin-bottom: 22px;
}

body.profile-example-page .advisor-profile-section {
  box-sizing: border-box;
   padding: 18px 20px;
   background: rgba(255, 253, 249, 0.82);
   border: 1px solid rgb(213, 198, 184);
   border-radius: 4px;
   box-shadow: rgba(63, 38, 26, 0.08) 0px 1px 3px;
}

body.profile-example-page .advisor-profile-section.wide {
  grid-column: 1 / -1;
}

body.profile-example-page #main .advisor-profile-section h2 {
  border-bottom: 1px solid rgb(216, 199, 184);
   color: rgb(107, 70, 58);
   font: 25px / 28px Arvil, "Times New Roman", serif;
   text-align: left;
   margin: 0px 0px 10px !important;
   padding: 0px 0px 7px !important;
   background: none !important;
}

body.profile-example-page #main .advisor-profile-about-complete h3 {
  border-top: 1px solid rgb(224, 212, 201);
   border-bottom: 1px solid rgb(224, 212, 201);
   color: rgb(107, 70, 58);
   font: 22px / 26px Arvil, "Times New Roman", serif;
   text-align: left;
   margin: 18px 0px 10px !important;
   padding: 14px 0px 6px !important;
   background: none !important;
}

body.profile-example-page .advisor-profile-section p {
  color: rgb(85, 72, 63);
   font: 14px / 21px Arial, sans-serif;
   margin: 0px 0px 10px !important;
   padding: 0px !important;
}

body.profile-example-page .advisor-profile-section p:last-child {
  margin-bottom: 0px !important;
}

body.profile-example-page .advisor-profile-list {
  display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 7px 14px;
   margin: 0px !important;
   padding: 0px !important;
   list-style: none !important;
}

body.profile-example-page .advisor-profile-list li {
  position: relative;
   color: rgb(85, 72, 63);
   font: 13px / 18px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px 0px 0px 15px !important;
}

body.profile-example-page .advisor-profile-list li::before {
  content: "";
   position: absolute;
   top: 6px;
   left: 0px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: rgb(139, 23, 55);
}

body.profile-example-page .advisor-profile-categories, body.profile-example-page .advisor-profile-reviews {
  box-sizing: border-box;
   margin: 0px 0px 20px;
   padding: 18px 20px;
   background: rgb(255, 253, 249);
   border: 1px solid rgb(211, 195, 180);
   border-radius: 4px;
   box-shadow: rgba(63, 38, 26, 0.08) 0px 1px 3px;
}

body.profile-example-page #main .advisor-profile-categories h2, body.profile-example-page #main .advisor-profile-reviews h2 {
  border-bottom: 1px solid rgb(216, 199, 184);
   color: rgb(103, 68, 58);
   font: 27px / 30px Arvil, "Times New Roman", serif;
   text-align: left;
   margin: 0px 0px 12px !important;
   padding: 0px 0px 8px !important;
   background: none !important;
}

body.profile-example-page .advisor-profile-category-list {
  display: flex;
   flex-wrap: wrap;
   gap: 7px;
}

body.profile-example-page .advisor-profile-category-list span {
  padding: 6px 10px;
   border: 1px solid rgb(217, 203, 191);
   border-radius: 15px;
   background: rgb(247, 240, 232);
   color: rgb(103, 76, 62);
   font: 12px / 16px Arial, sans-serif;
}

body.profile-example-page .advisor-profile-reviews-heading {
  display: flex;
   align-items: flex-end;
   justify-content: space-between;
   gap: 15px;
}

body.profile-example-page #main .advisor-profile-reviews-heading h2 {
  margin-bottom: 0px !important;
}

body.profile-example-page .advisor-profile-reviews-heading > strong {
  padding-bottom: 9px;
   color: rgb(115, 83, 71);
   font: 22px / 25px Arvil, "Times New Roman", serif;
   white-space: nowrap;
}

body.profile-example-page .advisor-profile-reviews-heading > strong {
  display: flex;
   align-items: center;
   gap: 7px;
}

body.profile-example-page .advisor-profile-review {
  display: grid;
   grid-template-columns: 150px 1fr;
   gap: 14px;
   padding: 12px 0px;
   border-bottom: 1px solid rgb(227, 216, 206);
}

body.profile-example-page .advisor-profile-review > div {
  display: flex;
   flex-direction: column;
   gap: 5px;
   color: rgb(185, 132, 18);
   font: 13px Georgia, serif;
}

body.profile-example-page .advisor-profile-review time {
  color: rgb(138, 118, 104);
   font: 11px Arial, sans-serif;
}

body.profile-example-page .advisor-profile-review p {
  color: rgb(80, 69, 62);
   font: 13px / 19px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px !important;
}

body.profile-example-page #ratings {
  margin-top: 18px;
}

@media (max-width: 900px) {
  body.profile-example-page .advisor-profile-hero {
    grid-template-columns: 150px minmax(0px, 1fr);
     gap: 10px 16px;
  }

  body.profile-example-page .advisor-profile-photo img {
    width: 150px !important;
     height: 172px !important;
  }

  body.profile-example-page .advisor-profile-ribbon {
    top: 149px;
  }

  body.profile-example-page .advisor-profile-contact {
    grid-column: 1 / -1;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     align-items: center;
     gap: 7px;
     padding: 4px 0px 0px;
     border-top: 0px;
     border-left: 0px;
  }

  body.profile-example-page .advisor-profile-stats {
    grid-column: 1 / -1;
     margin: 12px 0px 0px;
  }

  body.profile-example-page .advisor-profile-price {
    grid-column: 1 / -1;
     margin: 0px 0px 2px;
  }

  body.profile-example-page .advisor-profile-action-group .advisor-profile-price {
    flex-direction: column;
     gap: 0px;
     min-height: 40px;
     margin-bottom: 5px;
  }

  body.profile-example-page .advisor-profile-action-caption {
    min-height: 40px;
     line-height: 40px;
  }

  body.profile-example-page .advisor-profile-action {
    margin: 0px;
  }
}

@media (max-width: 600px) {
  body.profile-example-page #container {
    padding-right: 10px !important;
     padding-left: 10px !important;
  }

  body.profile-example-page .advisor-profile-hero {
    grid-template-columns: 110px minmax(0px, 1fr);
     gap: 8px 12px;
     padding: 13px;
  }

  body.profile-example-page .advisor-profile-photo img {
    padding: 3px;
     width: 110px !important;
     height: 126px !important;
  }

  body.profile-example-page .advisor-profile-ribbon {
    top: 103px;
     left: -2px;
     width: 49px;
     height: 23px;
     padding: 0px;
     background-size: 49px 23px;
  }

  body.profile-example-page .advisor-profile-ribbon::after {
    display: none;
     content: none;
  }

  body.profile-example-page .advisor-profile-rating {
    margin-top: 5px;
     font-size: 13px;
     letter-spacing: 0px;
  }

  body.profile-example-page .advisor-profile-name-row {
    gap: 7px;
     margin-bottom: 5px;
  }

  body.profile-example-page .advisor-profile-lead {
    font-size: 12px;
     line-height: 17px;
     margin-bottom: 8px !important;
  }

  body.profile-example-page #main .advisor-profile-notice {
    grid-column: 1 / -1;
     font-size: 11px;
     line-height: 15px;
     padding: 7px 8px !important;
  }

  body.profile-example-page .advisor-profile-contact {
    display: grid;
     grid-template-columns: 1fr;
     padding-top: 4px;
  }

  body.profile-example-page .advisor-profile-stats {
    grid-column: 1;
     margin: 12px 0px 7px;
  }

  body.profile-example-page .advisor-profile-price {
    grid-column: 1;
     margin: 0px 0px 7px;
  }

  body.profile-example-page .advisor-profile-price {
    gap: 5px;
     white-space: normal;
  }

  body.profile-example-page #main .advisor-profile-price .tariff {
    font-size: 12px;
     line-height: 18px;
  }

  body.profile-example-page .advisor-profile-actions {
    grid-template-columns: 1fr;
     gap: 9px;
  }

  body.profile-example-page .advisor-profile-action-group .advisor-profile-price {
    flex-direction: row;
     gap: 5px;
     min-height: 0px;
     margin-bottom: 4px;
     white-space: nowrap;
  }

  body.profile-example-page .advisor-profile-action-caption {
    display: none;
  }

  body.profile-example-page .advisor-profile-action {
    grid-column: 1 / -1;
     min-height: 29px;
     margin: 0px;
  }

  body.profile-example-page .advisor-profile-content {
    grid-template-columns: 1fr;
     gap: 10px;
  }

  body.profile-example-page .advisor-profile-section.wide {
    grid-column: auto;
  }

  body.profile-example-page .advisor-profile-section {
    padding: 14px;
  }

  body.profile-example-page .advisor-profile-list {
    grid-template-columns: 1fr;
  }

  body.profile-example-page #main .advisor-profile-section h2 {
    font-size: 23px;
     line-height: 26px;
  }

  body.profile-example-page #main .advisor-profile-about-complete h3 {
    font-size: 21px;
     line-height: 24px;
  }

  body.profile-example-page .advisor-profile-categories, body.profile-example-page .advisor-profile-reviews {
    padding: 14px;
  }

  body.profile-example-page .advisor-profile-reviews-heading {
    align-items: flex-start;
  }

  body.profile-example-page .advisor-profile-reviews-heading > strong {
    font-size: 18px;
  }

  body.profile-example-page .advisor-profile-review {
    grid-template-columns: 92px 1fr;
     gap: 8px;
  }
}

#footer .inside {
  box-sizing: border-box;
}

#footer .site-footer-content {
  position: relative;
   width: 100%;
   text-align: center;
}

#footer .site-footer-nav {
  display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   width: 100%;
   font: 14px / 28px "Times New Roman", serif;
   text-align: center;
}

#footer .site-footer-nav > a {
  text-decoration: none;
}

#footer .site-footer-nav > a:hover {
  color: rgb(255, 255, 255);
}

#footer .site-footer-separator {
  margin: 0px 7px;
}

#footer .site-footer-nav > .site-footer-revoke {
  box-sizing: border-box;
   display: inline-block;
   padding: 0px 9px;
   border: 1px solid rgb(79, 64, 53);
   border-radius: 10px;
   background: rgb(103, 84, 69);
   font: 700 11px / 18px Arial, sans-serif;
   white-space: nowrap;
   box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 2px;
   color: rgb(255, 255, 255) !important;
}

#footer .site-footer-nav > .site-footer-revoke:hover {
  background: rgb(118, 95, 78);
}

#footer .site-footer-copyright {
  font: 13px / 16px "Times New Roman", serif;
   text-align: center;
   margin: 4px 0px 0px !important;
   padding: 0px !important;
}

#footer .site-footer-copyright strong {
  font-size: 15px;
   font-weight: 600;
}

@media (max-width: 1100px) {
  #footer {
    border-radius: 7px;
     overflow: hidden;
     height: auto !important;
     min-height: 0px !important;
  }

  #footer .inside {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(223, 211, 201, 0.25));
     margin: 0px !important;
     padding: 0px !important;
  }

  #footer .site-footer-nav {
    grid-template-columns: repeat(5, minmax(0px, 1fr));
     line-height: 16px;
  }

  #footer .site-footer-nav > a {
    text-shadow: rgba(255, 255, 255, 0.65) 0px 1px;
     box-shadow: none;
  }

  #footer .site-footer-nav > a:hover {
    background: rgba(255, 255, 255, 0.5);
     color: rgb(79, 57, 46);
  }

  #footer .site-footer-nav > .site-footer-revoke {
    text-align: center;
     text-indent: 0px;
     text-shadow: rgba(0, 0, 0, 0.35) 0px 1px;
  }
}

@media (max-width: 600px) {
  #footer {
    border-radius: 6px;
     width: calc(100% - 20px) !important;
     margin: 14px 10px 12px !important;
  }

  #footer .site-footer-nav {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }

  #footer .site-footer-nav > a {
    min-height: 40px;
     line-height: 14px;
  }

  #footer .site-footer-nav > .site-footer-revoke {
    min-height: 40px;
     padding: 7px 5px;
  }

  #footer .site-footer-copyright {
    font-size: 12px;
     line-height: 15px;
     padding: 10px 8px 11px !important;
  }

  #footer .site-footer-copyright strong {
    font-size: 14px;
  }
}

.advisor-search-box-title, .responsive-advisor-box-title, .responsive-exclusive-grid {
  display: none;
}

@media (max-width: 1100px) {
  .aside .block.responsive-crisp-sidebar-box, #main .agent_search {
    border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  .aside .block.responsive-crisp-sidebar-box {
    padding: 74px 14px 20px !important;
  }

  #left > .inside > .responsive-tariff-mobile-copy {
    background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
  }

  #main .agent_search {
    position: relative;
     padding: 74px 14px 18px !important;
     overflow: visible !important;
  }

  .aside .responsive-crisp-sidebar-box > h3, #main .advisor-search-box-title, #main .responsive-advisor-box-title {
    box-sizing: border-box !important;
     display: block !important;
     position: absolute !important;
     z-index: 4 !important;
     top: 0px !important;
     left: -5px !important;
     width: calc(100% + 10px) !important;
     height: 60px !important;
     margin: 0px !important;
     padding: 0px 18px !important;
     border: 0px !important;
     background-color: rgb(236, 231, 228) !important;
     background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
     background-position: left top, right top, center top !important;
     background-size: 92px 60px, 92px 60px, 24px 60px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
     box-shadow: none !important;
     color: rgb(124, 16, 51) !important;
     font: 19px / 60px "Times New Roman" !important;
     text-align: center !important;
     text-transform: uppercase !important;
     text-shadow: rgb(255, 255, 255) 0px 1px !important;
  }

  .aside .responsive-crisp-sidebar-box > h3::before, .aside .responsive-crisp-sidebar-box > h3::after {
    content: none !important;
     display: none !important;
  }

  #main .advisor-search-heading {
    display: none !important;
  }

  #main .inside > h2.bh:has(+ .exclusive) {
    display: none !important;
  }

  #main .responsive-exclusive-grid {
    box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
     place-content: flex-start center;
     width: 100%;
     height: 166px;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
  }

  #main .responsive-exclusive-grid > .item {
    flex: 0 0 20%;
     float: none !important;
     width: 20% !important;
  }

  #main .aslider, #main .busybox {
    height: 246px !important;
     min-height: 246px !important;
     padding: 70px 8px 8px !important;
     overflow: visible !important;
     border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  #main .aslider::before, #main .aslider::after {
    pointer-events: none;
     content: "" !important;
     display: block !important;
     position: absolute !important;
     z-index: 3 !important;
     right: auto !important;
     left: -5px !important;
     width: calc(100% + 10px) !important;
     height: 10px !important;
  }

  #main .aslider::before {
    content: none !important;
     display: none !important;
  }

  #main .aslider::after {
    top: auto !important;
     bottom: -5px !important;
     background-color: transparent !important;
     background-image: url("/site/assets/images/boxenbilder/hg-box-rand-unten-links.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png") !important;
     background-position: left bottom, right bottom, center bottom !important;
     background-size: 20px 10px, 20px 10px, 24px 10px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
  }

  #main .exclusive .prev, #main .exclusive .next, #main .mobile-exclusive-arrow {
    top: 136px !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  #main .aslider, #main .busybox {
    height: 176px !important;
     min-height: 176px !important;
     padding: 70px 10px 10px !important;
  }

  #main .responsive-exclusive-grid {
    height: 96px;
  }

  #main .responsive-exclusive-grid > .item {
    flex: 0 0 12.5%;
     width: 12.5% !important;
  }

  #main .exclusive .prev, #main .exclusive .next, #main .mobile-exclusive-arrow {
    top: 101px !important;
  }
}

@media (min-width: 1101px) {
  #ticker {
    width: 536px !important;
     max-width: none !important;
     margin-left: -7px !important;
     overflow: hidden !important;
  }

  #ticker .ticker-window {
    position: absolute;
     z-index: 2;
     inset: 2px 18px 10px;
     display: block;
     overflow: hidden;
     mask-image: linear-gradient(to right, transparent 0px, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent 100%);
     pointer-events: none;
  }

  #ticker .ticker-window .css_marquee {
    inset: 0px !important;
     height: 43px !important;
     color: rgb(126, 103, 85) !important;
     font: italic 15px / 43px "Times New Roman" !important;
     white-space: nowrap !important;
  }

  #main .inside > h2.bh:has(+ .exclusive), #main .advisor-search-heading {
    display: none !important;
  }

  #main .responsive-advisor-box-title, #main .advisor-search-box-title {
    box-sizing: border-box !important;
     display: block !important;
     position: absolute !important;
     z-index: 4 !important;
     top: 0px !important;
     left: -5px !important;
     width: calc(100% + 10px) !important;
     height: 60px !important;
     margin: 0px !important;
     padding: 0px 18px !important;
     border: 0px !important;
     background-color: rgb(236, 231, 228) !important;
     background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
     background-position: left top, right top, center top !important;
     background-size: 92px 60px, 92px 60px, 24px 60px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
     color: rgb(124, 16, 51) !important;
     font: 19px / 60px "Times New Roman" !important;
     text-align: center !important;
     text-transform: uppercase !important;
     text-shadow: rgb(255, 255, 255) 0px 1px !important;
  }

  #main .exclusive.aslider, #main .exclusive.aslider:not(.busybox), #main .busybox {
    box-sizing: border-box !important;
     width: 522px !important;
     padding: 70px 10px 10px !important;
     overflow: visible !important;
     border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  #main .exclusive.aslider:not(.busybox) {
    height: 330px !important;
  }

  #main .busybox {
    height: 285px !important;
     min-height: 285px !important;
  }

  #main .exclusive.aslider::before {
    content: none !important;
     display: none !important;
  }

  #main .exclusive.aslider::after {
    pointer-events: none;
     content: "" !important;
     display: block !important;
     position: absolute !important;
     z-index: 3 !important;
     right: auto !important;
     bottom: -5px !important;
     left: -5px !important;
     width: calc(100% + 10px) !important;
     height: 10px !important;
     background-image: url("/site/assets/images/boxenbilder/hg-box-rand-unten-links.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png") !important;
     background-position: left bottom, right bottom, center bottom !important;
     background-size: 20px 10px, 20px 10px, 24px 10px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
  }

  #main .exclusive.aslider:not(.busybox) .container, #main .exclusive.aslider:not(.busybox) .mover {
    height: 245px !important;
  }

  #main .exclusive.aslider:not(.busybox) .prev, #main .exclusive.aslider:not(.busybox) .next {
    top: 186px !important;
  }

  #main .exclusive .item br {
    display: none !important;
  }

  #main .exclusive .item > a:not(.status):not(:has(img)):not(.mobile-advisor-label), #main .exclusive .item > a.status {
    display: none !important;
  }

  #main .exclusive .item > .mobile-advisor-label {
    box-sizing: border-box !important;
     display: block !important;
     width: 100% !important;
     margin: 0px !important;
     padding: 0px 4px !important;
     overflow: hidden !important;
     color: rgb(79, 56, 46) !important;
     font-family: Arial, sans-serif !important;
     font-size: 12px !important;
     font-style: normal !important;
     font-weight: 600 !important;
     line-height: 16px !important;
     text-align: center !important;
     text-decoration: none !important;
     text-overflow: ellipsis !important;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px !important;
     white-space: nowrap !important;
  }

  #main .exclusive .item > .mobile-advisor-label::before {
    content: "";
     display: inline-block;
     position: relative;
     top: -1px;
     width: 7px;
     height: 7px;
     margin: 0px 5px 0px 0px;
     border-radius: 50%;
     background: rgb(119, 119, 119);
     box-shadow: rgba(72, 55, 44, 0.18) 0px 0px 0px 1px, rgba(255, 255, 255, 0.42) 0px 1px inset;
     vertical-align: middle;
  }

  #main .exclusive .item > .mobile-advisor-label.online::before {
    background: rgb(59, 150, 56);
  }

  #main .exclusive .item > .mobile-advisor-label.busy::before {
    background: rgb(178, 58, 67);
  }

  #main .exclusive .item > .mobile-advisor-label.break::before {
    background: rgb(194, 141, 34);
  }

  #main .agent_search {
    box-sizing: border-box;
     position: relative;
     margin: 18px 0px;
     width: 522px !important;
     padding: 74px 14px 18px !important;
     overflow: visible !important;
     border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  #main .agent_search form {
    box-sizing: border-box;
     display: grid;
     grid-template-columns: minmax(0px, 1fr) 116px;
     gap: 8px;
     margin: 0px;
     padding: 0px;
     width: 100% !important;
  }

  #main .agent_search .text {
    box-sizing: border-box;
     height: 38px;
     padding: 7px 11px;
     border: 1px solid rgb(188, 169, 151);
     border-radius: 3px;
     background: rgb(255, 253, 249);
     color: rgb(80, 57, 40);
     font: 14px / 22px Arial, sans-serif;
     outline: none;
     width: 100% !important;
     margin: 0px !important;
  }

  #main .agent_search .text:focus {
    border-color: rgb(124, 16, 51);
     box-shadow: rgba(124, 16, 51, 0.12) 0px 0px 0px 2px;
  }

  #main .agent_search .submit {
    box-sizing: border-box;
     display: block;
     height: 38px;
     padding: 0px 12px;
     border: 1px solid rgb(111, 7, 31);
     border-radius: 2px;
     box-shadow: rgba(255, 255, 255, 0.32) 0px 1px inset, rgba(67, 23, 28, 0.22) 0px 2px 3px;
     color: rgb(255, 255, 255);
     font: 18px / 36px Arvil, "Times New Roman";
     letter-spacing: 0.4px;
     text-align: center;
     text-shadow: rgb(59, 7, 21) 0px 1px 1px;
     cursor: pointer;
     position: static !important;
     width: 116px !important;
     margin: 0px !important;
     background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312 !important;
  }

  #main .agent_search .submit:hover, #main .agent_search .submit:focus {
    filter: brightness(1.08);
  }

  #main .advisor-filter-toggle {
    box-sizing: border-box;
     position: relative;
     display: block;
     width: 100%;
     height: 36px;
     margin: 11px 0px 0px;
     padding: 0px 42px 0px 14px;
     border: 1px solid rgb(183, 163, 145);
     border-radius: 3px;
     background: linear-gradient(rgba(255, 253, 249, 0.88), rgba(225, 215, 205, 0.82));
     color: rgb(103, 84, 69);
     font: 14px / 34px "Times New Roman";
     letter-spacing: 0.1px;
     text-align: left;
     text-shadow: rgba(255, 255, 255, 0.88) 0px 1px;
     box-shadow: rgba(255, 255, 255, 0.72) 0px 1px inset, rgba(67, 45, 25, 0.11) 0px 1px 2px;
     cursor: pointer;
     transition: border-color 0.18s, background 0.18s, box-shadow 0.18s, color 0.18s;
  }

  #main .advisor-filter-toggle:hover, #main .advisor-filter-toggle:focus {
    border-color: rgb(159, 137, 119);
     background: linear-gradient(rgb(255, 253, 249), rgb(221, 208, 196));
     color: rgb(124, 16, 51);
     box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(67, 45, 25, 0.15) 0px 1px 3px;
  }

  #main .advisor-filter-toggle::after {
    content: "";
     position: absolute;
     top: 50%;
     right: 16px;
     width: 8px;
     height: 8px;
     margin-top: -6px;
     border-right: 2px solid rgb(128, 102, 84);
     border-bottom: 2px solid rgb(128, 102, 84);
     transform: rotate(45deg);
     transition: margin 0.2s, transform 0.2s;
  }

  #main .advisor-filter-toggle[aria-expanded="true"]::after {
    margin-top: -2px;
     transform: rotate(225deg);
  }

  #main .advisor-filter-panel {
    display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 11px;
     margin-top: 7px;
     padding: 14px;
     border: 1px solid rgb(180, 157, 137);
     border-radius: 3px;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat rgb(238, 231, 223);
     box-shadow: rgba(91, 61, 43, 0.1) 0px 0px 13px inset, rgba(255, 255, 255, 0.65) 0px 1px;
  }

  #main .advisor-filter-panel[hidden] {
    display: none !important;
  }

  #main .advisor-filter-panel label {
    display: block;
     width: auto;
     padding: 0px;
     color: rgb(101, 74, 59);
     font: bold 13px / 20px Arial, sans-serif;
     text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  }

  #main .advisor-filter-panel select {
    box-sizing: border-box;
     display: block;
     width: 100%;
     height: 38px;
     margin: 4px 0px 0px;
     padding: 6px 30px 6px 9px;
     border: 1px solid rgb(175, 153, 134);
     border-radius: 3px;
     background: rgb(255, 253, 249);
     color: rgb(80, 57, 40);
     font: 13px Arial, sans-serif;
     box-shadow: rgba(78, 50, 34, 0.08) 0px 1px 3px inset;
  }

  #main .advisor-filter-actions {
    display: grid;
     grid-column: 1 / -1;
     grid-template-columns: 1fr 1fr;
     gap: 8px;
  }

  #main .advisor-filter-actions button {
    box-sizing: border-box;
     height: 38px;
     border: 1px solid rgb(111, 7, 31);
     border-radius: 2px;
     background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
     color: rgb(255, 255, 255);
     font: 17px / 36px Arvil, "Times New Roman";
     letter-spacing: 0.3px;
     text-shadow: rgb(59, 7, 21) 0px 1px 1px;
     box-shadow: rgba(255, 255, 255, 0.32) 0px 1px inset, rgba(67, 23, 28, 0.2) 0px 2px 3px;
     cursor: pointer;
  }

  #main .advisor-filter-actions button:hover, #main .advisor-filter-actions button:focus {
    filter: brightness(1.08);
  }

  #main .advisor-filter-actions .advisor-filter-reset {
    border-color: rgb(117, 85, 47);
     background: url("/site/assets/images/buttons-hintergrund/3161c765fbfb274e9159261e.png") center -38px repeat-x #b9a6a3;
     color: rgb(255, 255, 255);
     text-shadow: rgb(79, 53, 29) 0px 1px 1px;
     box-shadow: rgba(255, 255, 255, 0.25) 0px 1px inset, rgba(67, 45, 25, 0.2) 0px 2px 3px;
  }

  #main .advisor-filter-result {
    display: block;
     margin: 8px 2px 0px;
     color: rgb(118, 94, 78);
     font: italic 13px "Times New Roman";
  }

  #main .advisor-filter-result:empty {
    display: none !important;
  }

  .login-page .login-tablet-layout {
    display: grid;
     grid-template-columns: repeat(2, minmax(0px, 1fr));
     gap: 14px;
     width: 100%;
     margin: 18px 0px 30px;
     align-items: stretch;
  }

  .login-page .login-tablet-layout .login-page-card, .login-page .login-new-customer-card {
    box-sizing: border-box;
     display: flex;
     position: relative;
     flex-direction: column;
     width: 100%;
     height: 100%;
     margin: 0px;
     overflow: hidden;
     padding: 70px 18px 20px !important;
     border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  .login-page .login-card-heading, .login-page .login-new-customer-card h2 {
    box-sizing: border-box;
     display: block;
     position: absolute;
     z-index: 2;
     top: 0px;
     left: -5px;
     width: calc(100% + 10px);
     height: 60px;
     border: 0px;
     text-shadow: rgb(255, 255, 255) 0px 1px;
     margin: 0px !important;
     padding: 0px 10px !important;
     background-color: rgb(236, 231, 228) !important;
     background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
     background-position: left top, right top, center top !important;
     background-size: 92px 60px, 92px 60px, 24px 60px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
     color: rgb(124, 16, 51) !important;
     font: 15px / 60px "Times New Roman" !important;
     text-align: center !important;
     text-transform: uppercase !important;
  }

  .login-page .login-page-card form {
    display: flex;
     flex: 1 1 0%;
     flex-direction: column;
     width: 100%;
     height: 100%;
  }

  .login-page .login-page-card .login-page-submit, .login-page .login-new-customer-submit {
    margin-top: auto;
  }

  .login-page .login-new-customer-card p {
    font: 13px / 18px Arial, sans-serif;
     text-align: center;
     margin: 0px 0px 12px !important;
     padding: 0px !important;
  }

  .login-page .login-new-customer-card ul {
    margin: 0px 0px 14px;
     padding: 0px;
     list-style: none;
     font: 12px / 19px Arial, sans-serif;
  }

  .login-page .login-new-customer-card li {
    position: relative;
     padding-left: 17px;
  }

  .login-page .login-new-customer-card li::before {
    content: "✓";
     position: absolute;
     left: 0px;
     color: rgb(124, 16, 51);
     font-weight: bold;
  }

  .login-page .login-new-customer-submit {
    box-sizing: border-box;
     display: block;
     width: 100%;
     height: 40px;
     border: 1px solid rgb(111, 7, 31);
     border-radius: 2px;
     background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
     font: 19px / 38px Arvil, "Times New Roman";
     text-align: center;
     text-decoration: none;
     text-shadow: rgb(59, 7, 21) 0px 1px 1px;
     color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 1100px) {
  #main .agent_search .text {
    box-sizing: border-box;
     height: 38px;
     padding: 7px 11px;
     border: 1px solid rgb(188, 169, 151);
     border-radius: 3px;
     background: rgb(255, 253, 249);
     color: rgb(80, 57, 40);
     font: 14px / 22px Arial, sans-serif;
     outline: none;
     width: 100% !important;
     margin: 0px !important;
  }

  #main .agent_search .text:focus {
    border-color: rgb(124, 16, 51);
     box-shadow: rgba(124, 16, 51, 0.12) 0px 0px 0px 2px;
  }

  #main .agent_search .submit {
    box-sizing: border-box;
     display: block;
     height: 38px;
     padding: 0px 12px;
     border: 1px solid rgb(111, 7, 31);
     border-radius: 2px;
     box-shadow: rgba(255, 255, 255, 0.32) 0px 1px inset, rgba(67, 23, 28, 0.22) 0px 2px 3px;
     color: rgb(255, 255, 255);
     font: 18px / 36px Arvil, "Times New Roman";
     letter-spacing: 0.4px;
     text-align: center;
     text-shadow: rgb(59, 7, 21) 0px 1px 1px;
     cursor: pointer;
     position: static !important;
     width: 100% !important;
     margin: 0px !important;
     background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312 !important;
  }

  #main .agent_search .submit:hover, #main .agent_search .submit:focus {
    filter: brightness(1.08);
  }

  #main .advisor-filter-toggle {
    box-sizing: border-box;
     position: relative;
     display: block;
     width: 100%;
     height: 36px;
     margin: 11px 0px 0px;
     padding: 0px 42px 0px 14px;
     border: 1px solid rgb(183, 163, 145);
     border-radius: 3px;
     background: linear-gradient(rgba(255, 253, 249, 0.88), rgba(225, 215, 205, 0.82));
     color: rgb(103, 84, 69);
     font: 14px / 34px "Times New Roman";
     letter-spacing: 0.1px;
     text-align: left;
     text-shadow: rgba(255, 255, 255, 0.88) 0px 1px;
     box-shadow: rgba(255, 255, 255, 0.72) 0px 1px inset, rgba(67, 45, 25, 0.11) 0px 1px 2px;
     cursor: pointer;
     transition: border-color 0.18s, background 0.18s, box-shadow 0.18s, color 0.18s;
  }

  #main .advisor-filter-toggle:hover, #main .advisor-filter-toggle:focus {
    border-color: rgb(159, 137, 119);
     background: linear-gradient(rgb(255, 253, 249), rgb(221, 208, 196));
     color: rgb(124, 16, 51);
     box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(67, 45, 25, 0.15) 0px 1px 3px;
  }

  #main .advisor-filter-toggle::after {
    content: "";
     position: absolute;
     top: 50%;
     right: 16px;
     width: 8px;
     height: 8px;
     margin-top: -6px;
     border-right: 2px solid rgb(128, 102, 84);
     border-bottom: 2px solid rgb(128, 102, 84);
     transform: rotate(45deg);
     transition: margin 0.2s, transform 0.2s;
  }

  #main .advisor-filter-toggle[aria-expanded="true"]::after {
    margin-top: -2px;
     transform: rotate(225deg);
  }

  #main .advisor-filter-panel {
    gap: 11px;
     margin-top: 7px;
     padding: 14px;
     border: 1px solid rgb(180, 157, 137);
     border-radius: 3px;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat rgb(238, 231, 223);
     box-shadow: rgba(91, 61, 43, 0.1) 0px 0px 13px inset, rgba(255, 255, 255, 0.65) 0px 1px;
  }

  #main .advisor-filter-panel label {
    display: block;
     width: auto;
     padding: 0px;
     color: rgb(101, 74, 59);
     font: bold 13px / 20px Arial, sans-serif;
     text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  }

  #main .advisor-filter-panel select {
    box-sizing: border-box;
     display: block;
     width: 100%;
     height: 38px;
     margin: 4px 0px 0px;
     padding: 6px 30px 6px 9px;
     border: 1px solid rgb(175, 153, 134);
     border-radius: 3px;
     background: rgb(255, 253, 249);
     color: rgb(80, 57, 40);
     font: 13px Arial, sans-serif;
     box-shadow: rgba(78, 50, 34, 0.08) 0px 1px 3px inset;
  }

  #main .advisor-filter-actions {
    gap: 8px;
  }

  #main .advisor-filter-actions button {
    box-sizing: border-box;
     height: 38px;
     border: 1px solid rgb(111, 7, 31);
     border-radius: 2px;
     background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
     color: rgb(255, 255, 255);
     font: 17px / 36px Arvil, "Times New Roman";
     letter-spacing: 0.3px;
     text-shadow: rgb(59, 7, 21) 0px 1px 1px;
     box-shadow: rgba(255, 255, 255, 0.32) 0px 1px inset, rgba(67, 23, 28, 0.2) 0px 2px 3px;
     cursor: pointer;
  }

  #main .advisor-filter-actions button:hover, #main .advisor-filter-actions button:focus {
    filter: brightness(1.08);
  }

  #main .advisor-filter-actions .advisor-filter-reset {
    border-color: rgb(117, 85, 47);
     background: url("/site/assets/images/buttons-hintergrund/3161c765fbfb274e9159261e.png") center -38px repeat-x #b9a6a3;
     color: rgb(255, 255, 255);
     text-shadow: rgb(79, 53, 29) 0px 1px 1px;
     box-shadow: rgba(255, 255, 255, 0.25) 0px 1px inset, rgba(67, 45, 25, 0.2) 0px 2px 3px;
  }

  #main .advisor-filter-result {
    display: block;
     margin: 8px 2px 0px;
     color: rgb(118, 94, 78);
     font: italic 13px "Times New Roman";
  }

  #main .advisor-filter-result:empty {
    display: none !important;
  }
}

body.content-box-page #main > .inside {
  box-sizing: border-box;
   position: relative;
   width: 100%;
   margin: 0px;
   overflow: visible;
   border: 0px;
   background: transparent;
   box-shadow: none;
   padding: 0px !important;
}

body.content-box-page #main > .inside::after {
  content: none;
   display: none;
}

body.content-box-page #main .page-section-box {
  box-sizing: border-box;
   position: relative;
   width: 100%;
   overflow: visible;
   border-width: 0px 5px 5px;
   border-style: solid;
   border-color: transparent;
   border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch;
   border-radius: 0px;
   box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px;
   margin: 0px 0px 20px !important;
   padding: 70px 16px 20px !important;
   background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
}

body.content-box-page #main .page-section-box::after {
  content: "";
   display: block;
   position: absolute;
   z-index: 3;
   right: auto;
   bottom: -5px;
   left: -5px;
   width: calc(100% + 10px);
   height: 10px;
   background-image: url("/site/assets/images/boxenbilder/hg-box-rand-unten-links.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png");
   background-position: left bottom, right bottom, center bottom;
   background-size: 20px 10px, 20px 10px, 24px 10px;
   background-repeat: no-repeat, no-repeat, repeat-x;
   pointer-events: none;
}

body.content-box-page #main .page-section-box .page-section-box-title {
  box-sizing: border-box;
   display: flex;
   position: absolute;
   z-index: 4;
   top: 0px;
   left: -5px;
   align-items: center;
   justify-content: center;
   width: calc(100% + 10px);
   height: 60px;
   overflow: hidden;
   border: 0px;
   text-transform: uppercase;
   margin: 0px !important;
   padding: 0px 72px !important;
   background-color: rgb(236, 231, 228) !important;
   background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
   background-position: left top, right top, center top !important;
   background-size: 92px 60px, 92px 60px, 24px 60px !important;
   background-repeat: no-repeat, no-repeat, repeat-x !important;
   color: rgb(124, 16, 51) !important;
   font: 18px / 20px "Times New Roman" !important;
   text-align: center !important;
   text-shadow: rgb(255, 255, 255) 0px 1px !important;
}

body.content-box-page #main > .inside img {
  max-width: 100%;
   height: auto;
}

body.content-box-page #main > .inside .cte_text.block, body.content-box-page #main > .inside .mod_register, body.content-box-page #main > .inside .form_1 {
  box-sizing: border-box;
   max-width: 100%;
}

body.content-box-page #main > .inside h2 {
  color: rgb(101, 69, 47);
   font-family: "Times New Roman", serif;
   line-height: 1.25;
   text-shadow: rgba(255, 255, 255, 0.82) 0px 1px;
}

body.content-box-page #main > .inside p, body.content-box-page #main > .inside li {
  overflow-wrap: anywhere;
}

body.modern-registration-page #main .mod_register {
  margin: 0px;
   padding: 0px;
}

body.modern-registration-page #main form#reg > h1.bh:not(.page-section-box-title) {
  border-bottom: 1px solid rgba(130, 96, 74, 0.28);
   color: rgb(111, 23, 49);
   font: 25px / 31px Arvil, "Times New Roman", serif;
   text-align: center;
   margin: 4px 0px 16px !important;
   padding: 0px 0px 8px !important;
   background: none !important;
}

body.modern-registration-page #main form#reg > .row {
  grid-template-columns: 136px minmax(0px, 1fr);
   gap: 3px 12px;
   align-items: start;
}

body.modern-registration-page #main form#reg > .row > label {
  grid-column: 1;
}

body.modern-registration-page #main form#reg input.text, body.modern-registration-page #main form#reg select {
  box-sizing: border-box;
   min-width: 0px;
   outline: none;
   width: 100% !important;
   margin: 0px !important;
}

body.modern-registration-page #main form#reg > .row > .help p {
  padding: 0px !important;
}

body.modern-registration-page #main form#reg .phone {
  display: grid;
   grid-template-columns: 104px minmax(0px, 1fr);
   gap: 7px;
}

body.modern-registration-page #main form#reg .phone .cc, body.modern-registration-page #main form#reg .phone .no {
  box-sizing: border-box;
   width: 100% !important;
   margin: 0px !important;
}

body.modern-registration-page #main form#reg .pw_input {
  position: relative;
   display: block;
}

body.modern-registration-page #main form#reg .pw_input input {
  padding-right: 38px;
}

body.modern-registration-page #main form#reg .pw_input .pw_toggle {
  right: 10px;
}

body.modern-registration-page #main form#reg > .submit {
  box-sizing: border-box;
   display: block;
   width: 100%;
   padding: 0px 18px;
   border-width: 1px;
   border-style: solid;
   border-image: none;
   font-style: normal;
   font-variant: normal;
   font-size-adjust: none;
   font-language-override: normal;
   font-kerning: auto;
   font-optical-sizing: auto;
   font-feature-settings: normal;
   font-variation-settings: normal;
   font-weight: normal;
   font-stretch: normal;
   font-family: Arvil, "Times New Roman";
   letter-spacing: 0.35px;
   text-align: center;
   cursor: pointer;
}

body.modern-registration-page #main form#reg > .submit:hover, body.modern-registration-page #main form#reg > .submit:focus {
  filter: brightness(1.08);
}

@media (max-width: 600px) {
  body.content-box-page #main > .inside {
    padding: 0px !important;
  }

  body.content-box-page #main .page-section-box {
    padding: 70px 11px 17px !important;
  }

  body.content-box-page #main .page-section-box .page-section-box-title {
    padding: 0px 58px !important;
     font-size: 14px !important;
     line-height: 17px !important;
  }

  body.modern-registration-page #main form#reg > .row {
    grid-template-columns: minmax(0px, 1fr);
     gap: 5px;
     padding: 9px;
  }

  body.modern-registration-page #main form#reg > .row > label, body.modern-registration-page #main form#reg > .row > .text, body.modern-registration-page #main form#reg > .row > .select, body.modern-registration-page #main form#reg > .row > select, body.modern-registration-page #main form#reg > .row > .phone, body.modern-registration-page #main form#reg > .row > .pw_input, body.modern-registration-page #main form#reg > .row > .help {
    grid-column: 1;
  }

  body.modern-registration-page #main form#reg > .row > label {
    padding: 0px;
  }

  body.modern-registration-page #main form#reg > .row.check {
    grid-template-columns: 20px minmax(0px, 1fr);
     gap: 8px;
  }

  body.modern-registration-page #main form#reg > .row.check > input.check {
    grid-column: 1;
  }

  body.modern-registration-page #main form#reg > .row.check > label {
    grid-column: 2;
  }

  body.modern-registration-page #main form#reg .phone {
    grid-template-columns: 92px minmax(0px, 1fr);
  }
}

body.modern-registration-page #main .page-section-box:has(form#reg) {
  padding: 72px 14px 18px !important;
}

body.content-page-kundenanmeldung #main .why-esophia-box, body.content-page-berater-werden #main .why-esophia-box {
  box-sizing: border-box;
   position: relative;
   width: 100%;
   overflow: visible;
   border-width: 0px 5px 5px;
   border-style: solid;
   border-color: transparent;
   border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch;
   border-radius: 0px;
   box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px;
   margin: 0px 0px 20px !important;
   padding: 0px !important;
   background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
}

body.content-page-kundenanmeldung #main .why-esophia-box > h2, body.content-page-berater-werden #main .why-esophia-box > h2 {
  box-sizing: border-box;
   display: flex;
   z-index: 4;
   left: -5px;
   align-items: center;
   justify-content: center;
   width: calc(100% + 10px);
   height: 60px;
   overflow: hidden;
   border: 0px;
   text-transform: uppercase;
   position: relative !important;
   top: auto !important;
   margin: 0px !important;
   padding: 0px 72px !important;
   background-color: rgb(236, 231, 228) !important;
   background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
   background-position: left top, right top, center top !important;
   background-size: 92px 60px, 92px 60px, 24px 60px !important;
   background-repeat: no-repeat, no-repeat, repeat-x !important;
   color: rgb(124, 16, 51) !important;
   font: 18px / 20px "Times New Roman" !important;
   text-align: center !important;
   text-shadow: rgb(255, 255, 255) 0px 1px !important;
}

body.content-page-kundenanmeldung #main .why-esophia-box figure, body.content-page-berater-werden #main .why-esophia-box figure {
  position: relative;
   z-index: 5;
   height: 255px;
   margin: -6px 0px 0px;
   overflow: hidden;
   border-radius: 0px;
   background: rgb(234, 222, 216);
}

body.content-page-kundenanmeldung #main .why-esophia-box .why-esophia-image, body.content-page-berater-werden #main .why-esophia-box .why-esophia-image {
  display: block;
   width: 100%;
   height: 100%;
}

body.content-page-kundenanmeldung #main .why-esophia-box img, body.content-page-berater-werden #main .why-esophia-box img {
  display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 42%;
}

body.content-page-kundenanmeldung #main .why-esophia-box figcaption, body.content-page-berater-werden #main .why-esophia-box figcaption {
  box-sizing: border-box;
   position: absolute;
   z-index: 2;
   top: 0px;
   bottom: 0px;
   left: 0px;
   display: flex;
   width: 52%;
   padding: 28px 27px;
   flex-direction: column;
   justify-content: center;
   background: linear-gradient(90deg, rgba(255, 253, 251, 0.87) 0%, rgba(255, 253, 251, 0.72) 68%, rgba(255, 253, 251, 0) 100%);
   color: rgb(89, 72, 63);
}

body.content-page-kundenanmeldung #main .why-esophia-box figcaption em, body.content-page-berater-werden #main .why-esophia-box figcaption em {
  display: block;
   width: max-content;
   margin: 0px 0px 8px;
   padding: 4px 10px;
   border-radius: 2px;
   background: rgb(124, 16, 51);
   color: rgb(255, 255, 255);
   font: 11px / 15px Arial, sans-serif;
   letter-spacing: 1px;
}

body.content-page-kundenanmeldung #main .why-esophia-box figcaption strong, body.content-page-berater-werden #main .why-esophia-box figcaption strong {
  display: block;
   margin: 0px 0px 10px;
   color: rgb(116, 19, 47);
   font: 27px / 1.16 Arvil, "Times New Roman", serif;
}

body.content-page-kundenanmeldung #main .why-esophia-box figcaption span, body.content-page-berater-werden #main .why-esophia-box figcaption span {
  font: 14px / 20px Arial, sans-serif;
}

body.content-page-kundenanmeldung #main .why-esophia-box .ai-photo-badge, body.content-page-berater-werden #main .why-esophia-box .ai-photo-badge {
  width: 27px;
   height: 27px;
   right: 4px !important;
   bottom: 4px !important;
}

body.content-page-kundenanmeldung #main .free-consultation-benefits {
  margin: 0px 0px 20px !important;
   padding: 66px 17px 12px !important;
}

body.content-page-kundenanmeldung #main .free-consultation-benefits ul {
  display: grid;
   grid-template-columns: repeat(3, minmax(0px, 1fr));
   gap: 0px 14px;
   margin: 0px;
   padding: 0px;
   list-style: none;
}

body.content-page-kundenanmeldung #main .free-consultation-benefits li {
  position: relative;
   display: flex;
   min-height: 32px;
   margin: 0px;
   padding: 6px 2px 6px 27px;
   align-items: center;
   border-bottom: 1px solid rgba(151, 125, 105, 0.17);
   color: rgb(89, 72, 63);
   font: 12px / 16px Arial, sans-serif;
}

body.content-page-kundenanmeldung #main .free-consultation-benefits li::before {
  position: absolute;
   top: 50%;
   left: 1px;
   box-sizing: border-box;
   width: 19px;
   height: 19px;
   margin-top: -10px;
   border: 1px solid rgb(145, 173, 103);
   border-radius: 50%;
   background: rgba(232, 242, 216, 0.72);
   color: rgb(95, 139, 39);
   content: "✓";
   font: bold 12px / 17px Arial, sans-serif;
   text-align: center;
   text-shadow: rgb(255, 255, 255) 0px 1px;
}

body.content-page-kundenanmeldung #main .free-consultation-benefits li:nth-last-child(-n+3) {
  border-bottom: 0px;
}

body.modern-registration-page #main form#reg {
  box-sizing: border-box;
   display: grid;
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 12px;
   width: 100%;
   margin: 0px;
   border-radius: 0px;
   padding: 0px !important;
}

body.modern-registration-page #main form#reg > .row {
  box-sizing: border-box;
   display: block;
   width: 100%;
   border: 0px;
   border-radius: 0px;
   background: transparent;
   box-shadow: none;
   margin: 0px !important;
   padding: 0px !important;
}

body.modern-registration-page #main form#reg > .row > label {
  display: block;
   width: auto;
   margin: 0px 2px 5px;
   padding: 0px;
   font: bold 12px / 17px Arial, sans-serif;
   letter-spacing: 0.05px;
}

body.modern-registration-page #main form#reg > .row > .text, body.modern-registration-page #main form#reg > .row > .select, body.modern-registration-page #main form#reg > .row > select, body.modern-registration-page #main form#reg > .row > .phone, body.modern-registration-page #main form#reg > .row > .pw_input {
  display: block;
   box-sizing: border-box;
   grid-column: auto;
   width: 100% !important;
   margin: 0px !important;
}

body.modern-registration-page #main form#reg input.text, body.modern-registration-page #main form#reg select {
  color: rgb(73, 58, 50);
   font: 13px / 24px Arial, sans-serif;
}

body.modern-registration-page #main form#reg > .row > .help {
  grid-column: auto;
   margin: 0px;
   padding: 0px;
}

body.modern-registration-page #main form#reg > .row > .help p {
  color: rgb(136, 118, 106);
   font: italic 10px / 14px Arial, sans-serif;
   margin: 4px 2px 0px !important;
}

body.modern-registration-page #main form#reg > .ctrl_phone > .phone, body.modern-registration-page #main form#reg > .ctrl_consultingPhone > .phone {
  align-items: stretch;
   display: grid !important;
   grid-template-columns: 105px minmax(0px, 1fr) !important;
   gap: 8px !important;
}

body.content-page-berater-werden.modern-registration-page #main form#reg > .ctrl_phone {
  display: none !important;
}

body.content-page-berater-werden.modern-registration-page #main form#reg > .ctrl_username > label {
  font-size: 0px;
}

body.content-page-berater-werden.modern-registration-page #main form#reg > .ctrl_username > label::before {
  content: "Beratername";
   font-size: 12px;
}

body.content-page-berater-werden.modern-registration-page #main form#reg > .ctrl_taxation > label, body.content-page-berater-werden.modern-registration-page #main form#reg > .ctrl_taxNumber > label {
  font-weight: bold;
}

body.modern-registration-page #main form#reg .phone > .cc {
  grid-area: 1 / 1;
   order: 1;
   box-sizing: border-box;
   width: 100% !important;
   min-width: 0px !important;
   margin: 0px !important;
}

body.modern-registration-page #main form#reg .phone > .no {
  grid-area: 1 / 2;
   order: 2;
   box-sizing: border-box;
   width: 100% !important;
   min-width: 0px !important;
   margin: 0px !important;
}

body.modern-registration-page #main form#reg > .ctrl_phone, body.modern-registration-page #main form#reg > .ctrl_consultingPhone, body.modern-registration-page #main form#reg > .ctrl_email, body.modern-registration-page #main form#reg > .ctrl_referral, body.modern-registration-page #main form#reg > .row.check {
  grid-column: 1 / -1;
}

body.modern-registration-page #main form#reg > .row.check {
  display: grid;
   grid-template-columns: 19px minmax(0px, 1fr);
   gap: 8px;
   align-items: start;
   border: 1px solid rgba(180, 157, 137, 0.48);
   border-radius: 3px;
   background: rgba(244, 237, 229, 0.66);
   padding: 9px 10px !important;
}

body.modern-registration-page #main form#reg > .ctrl_terms {
  grid-column: 1 / -1;
   order: 98;
   margin-top: 10px !important;
   margin-bottom: 2px !important;
}

body.modern-registration-page #main form#reg > .submit {
  order: 99;
}

body.content-page-kundenanmeldung.modern-registration-page #main form#reg > .ctrl_terms {
  grid-column: 1 / -1;
   order: 98;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

body.content-page-kundenanmeldung.modern-registration-page #main form#reg > .submit {
  grid-column: 1 / -1;
   order: 99;
}

body.modern-registration-page #main form#reg > .row.check {
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body.modern-registration-page #main form#reg > .row.check:has(input.check:checked) {
  border-color: rgb(168, 203, 174);
   background: rgb(241, 248, 242);
   box-shadow: rgb(118, 173, 128) 3px 0px inset;
}

body.modern-registration-page #main form#reg > .row.check > input.check {
  grid-column: 1;
   width: 16px;
   height: 16px;
   margin: 2px 0px 0px;
   accent-color: rgb(124, 16, 51);
}

body.modern-registration-page #main form#reg > .row.check > label {
  grid-column: 2;
   margin: 0px;
   padding: 0px;
   color: rgb(93, 75, 64);
   font: 12px / 18px Arial, sans-serif;
}

body.modern-registration-page #main form#reg > .submit {
  grid-column: 1 / -1;
}

body.modern-registration-page #main form#reg > br {
  display: none;
}

body.modern-registration-page #main form#reg > .submit {
  height: 43px;
   border-radius: 3px;
   font-size: 19px;
   line-height: 41px;
   margin: 3px 0px 0px !important;
}

body.modern-registration-page #main form#reg > .submit {
  transition: filter 0.2s, box-shadow 0.2s;
   border-color: rgb(136, 136, 136) !important;
   background: linear-gradient(rgb(185, 185, 185), rgb(142, 142, 142)) rgb(167, 167, 167) !important;
   color: rgb(255, 255, 255) !important;
   text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 1px !important;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(45, 45, 45, 0.16) 0px 2px 4px !important;
   filter: none !important;
}

body.modern-registration-page #main form#reg .asterisk {
  color: rgb(165, 29, 53);
}

body.modern-registration-page #main form#reg .registration-optional {
  display: inline-block;
   margin-left: 4px;
   padding: 1px 6px;
   border: 1px solid rgb(210, 199, 192);
   border-radius: 8px;
   background: rgb(247, 244, 242);
   color: rgb(138, 123, 115);
   font: 9px / 13px Arial, sans-serif;
   letter-spacing: 0.2px;
   text-transform: none;
   vertical-align: 1px;
}

body.modern-registration-page #main form#reg .registration-withdrawal-link {
  display: inline;
   color: rgb(118, 91, 77);
   font-size: 11px;
   text-decoration: none;
   border-bottom: 1px dotted rgb(165, 142, 129);
   white-space: nowrap;
}

body.modern-registration-page #main form#reg .registration-withdrawal-link::before {
  content: "↓";
   display: inline-block;
   margin: 0px 4px 0px 3px;
   color: rgb(124, 16, 51);
   font: bold 12px Arial, sans-serif;
}

body.modern-registration-page #main form#reg .registration-withdrawal-link:hover {
  color: rgb(124, 16, 51);
   border-bottom-style: solid;
}

body.modern-registration-page #main .registration-error-summary {
  box-sizing: border-box;
   grid-column: 1 / -1;
   width: 100%;
   margin: 0px 0px 4px;
   padding: 11px 14px;
   border-width: 1px 1px 1px 4px;
   border-style: solid;
   border-color: rgb(217, 148, 153) rgb(217, 148, 153) rgb(217, 148, 153) rgb(182, 46, 58);
   border-image: none;
   border-radius: 4px;
   background: rgb(255, 247, 247);
   color: rgb(141, 38, 48);
   font: 12px / 17px Arial, sans-serif;
}

body.modern-registration-page #main .registration-error-summary[hidden] {
  display: none !important;
}

body.modern-registration-page #main form#reg {
  border: 0px;
   background: transparent;
   box-shadow: none;
}

body.modern-registration-page #main form#reg > .row > label {
  color: rgb(89, 68, 58);
}

body.modern-registration-page #main form#reg > .row:not(.check):not([style]) {
  position: relative;
   border: 0px;
   border-radius: 0px;
   background: transparent;
   box-shadow: none;
   padding: 0px !important;
}

body.modern-registration-page #main form#reg > .row:not(.check):not([style])::before {
  content: none;
}

body.modern-registration-page #main form#reg > .row:not(.check):not([style]) > label {
  display: flex;
   align-items: center;
   gap: 8px;
   margin: 0px 0px 8px;
   color: rgb(104, 79, 66);
   font: bold 11px / 16px Arial, sans-serif;
   letter-spacing: 0.25px;
   text-transform: uppercase;
}

body.modern-registration-page #main form#reg > .row:not(.check):not([style]) > label::after {
  content: "";
   flex: 1 1 0%;
   height: 1px;
   background: linear-gradient(90deg, rgba(124, 16, 51, 0.28), transparent);
}

body.modern-registration-page #main form#reg input.text, body.modern-registration-page #main form#reg select {
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
   height: 43px !important;
   padding: 9px 12px !important;
   border: 1px solid rgb(197, 185, 177) !important;
   border-radius: 5px !important;
   background: rgb(255, 254, 253) !important;
   box-shadow: rgba(66, 43, 33, 0.035) 0px 1px 3px inset, rgba(66, 43, 33, 0.043) 0px 1px 2px !important;
}

body.modern-registration-page #main form#reg input.text:hover, body.modern-registration-page #main form#reg select:hover {
  border-color: rgb(169, 149, 137) !important;
   background: rgb(255, 255, 255) !important;
}

body.modern-registration-page #main form#reg input.text:focus, body.modern-registration-page #main form#reg select:focus {
  border-color: rgb(140, 73, 96) !important;
   background: rgb(255, 255, 255) !important;
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset !important;
}

body.modern-registration-page #main form#reg input.text.field-valid, body.modern-registration-page #main form#reg select.field-valid {
  padding-right: 38px !important;
   border-color: rgb(131, 189, 139) !important;
   background-color: rgb(251, 255, 251) !important;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%232f8a43' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='m5 12 4 4 10-10'/%3E%3C/svg%3E") !important;
   background-repeat: no-repeat !important;
   background-position: right 11px center !important;
   background-size: 19px 19px !important;
   box-shadow: rgba(65, 153, 82, 0.07) 0px 0px 0px 2px !important;
}

body.modern-registration-page #main form#reg input.text.field-invalid, body.modern-registration-page #main form#reg select.field-invalid {
  padding-right: 38px !important;
   border-color: rgb(204, 111, 118) !important;
   background-color: rgb(255, 250, 250) !important;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23bd3944' stroke-width='2.5' stroke-linecap='round' d='m7 7 10 10M17 7 7 17'/%3E%3C/svg%3E") !important;
   background-repeat: no-repeat !important;
   background-position: right 11px center !important;
   background-size: 18px 18px !important;
   box-shadow: rgba(189, 57, 68, 0.06) 0px 0px 0px 2px !important;
}

body.modern-registration-page #main form#reg .pw_input input.field-valid, body.modern-registration-page #main form#reg .pw_input input.field-invalid {
  padding-right: 64px !important;
   background-position: right 39px center !important;
}

body.modern-registration-page #main form#reg select.field-valid, body.modern-registration-page #main form#reg select.field-invalid {
  padding-right: 58px !important;
   background-position: right 32px center !important;
}

body.content-page-berater-werden #right {
  display: none !important;
}

body.content-page-berater-werden #left > .inside > .block:not(.service):not(.advisor-sidebar-box) {
  display: none !important;
}

body.content-page-berater-werden #main {
  box-sizing: border-box;
   float: right;
   width: 755px;
   margin: 0px;
}

body.content-page-berater-werden #main .advisor-benefits-box, body.content-page-berater-werden #main .advisor-requirements-box, body.content-page-berater-werden #main .advisor-portals-box {
  display: none;
}

body.content-page-berater-werden #main .mod_register.page-section-box, body.content-page-berater-werden #main form#reg {
  width: 100%;
   max-width: none;
   margin-left: 0px !important;
}

body.content-page-berater-werden #left .advisor-sidebar-box {
  box-sizing: border-box;
   overflow: hidden;
}

body.content-page-berater-werden #left .advisor-sidebar-benefits, body.content-page-berater-werden #left .advisor-sidebar-requirements, body.content-page-berater-werden #left .advisor-sidebar-promise {
  background-color: rgb(248, 243, 237) !important;
}

body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list {
  display: block;
   margin: 0px;
   padding: 6px 13px 10px;
   list-style: none;
}

body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list li {
  position: relative;
   margin: 0px;
   padding: 10px 3px;
   border-width: 0px 0px 1px;
   border-style: none none solid;
   border-color: currentcolor currentcolor rgba(137, 108, 88, 0.17);
   border-image: none;
   border-radius: 0px;
   background: transparent;
   color: rgb(89, 72, 63);
   font: 13px / 18px Arial, sans-serif;
}

body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list li:last-child {
  border-bottom: 0px;
}

body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list strong, body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list span {
  display: block;
}

body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list strong {
  margin-bottom: 3px;
   color: rgb(111, 23, 49);
   font-size: 13px;
   line-height: 17px;
}

body.content-page-berater-werden #left .advisor-sidebar-box .advisor-sidebar-list span {
  color: rgb(103, 87, 77);
   font-size: 12px;
   line-height: 17px;
}

body.content-page-berater-werden #left .advisor-sidebar-promise .advisor-sidebar-list li {
  padding-top: 8px;
   padding-bottom: 8px;
}

body.content-page-berater-werden #left .advisor-sidebar-portal-grid {
  display: grid;
   grid-template-columns: minmax(0px, 1fr);
   gap: 5px;
   padding: 9px 12px 10px;
}

body.content-page-berater-werden #left .advisor-sidebar-portal-grid a {
  display: flex;
   min-height: 66px;
   padding: 6px 8px 5px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(143, 112, 90, 0.28);
   border-radius: 3px;
   background: rgba(255, 255, 255, 0.3);
   color: rgb(112, 76, 63);
   font: 12px / 15px Arial, sans-serif;
   text-align: center;
   text-decoration: none;
   box-shadow: rgba(255, 255, 255, 0.9) 0px 1px inset, rgba(67, 43, 31, 0.06) 0px 1px 2px;
}

body.content-page-berater-werden #left .advisor-sidebar-portal-grid img {
  display: block;
   object-fit: contain;
   border: 0px;
   background: transparent;
   box-shadow: none;
   width: 92px !important;
   max-width: 92px !important;
   height: 40px !important;
   margin: 0px auto 3px !important;
   padding: 0px !important;
}

body.content-page-berater-werden #left .advisor-sidebar-portal-grid span {
  display: block;
   padding: 0px;
   font-weight: bold;
}

body.content-page-berater-werden #left .advisor-sidebar-portal-grid a:hover, body.content-page-berater-werden #left .advisor-sidebar-portal-grid a:focus {
  border-color: rgb(142, 73, 96);
   color: rgb(124, 16, 51);
   background: rgb(255, 255, 255);
   outline: none;
}

@media (max-width: 1100px) {
  body.content-page-berater-werden #main {
    width: 100% !important;
  }

  body.content-page-berater-werden #left .advisor-sidebar-box {
    display: none !important;
  }

  body.content-page-berater-werden #main .advisor-benefits-box, body.content-page-berater-werden #main .advisor-requirements-box, body.content-page-berater-werden #main .advisor-portals-box {
    display: block;
  }
}

body.content-page-kontakt #main .page-section-box {
  padding-bottom: 18px !important;
}

body.content-page-kontakt #main .form_1 .row {
  display: block;
}

body.content-page-kontakt #main .form_1 .row > label {
  display: block;
   width: auto;
   margin: 0px 2px 5px;
   padding: 0px;
   color: rgb(96, 72, 59);
   font: bold 12px / 17px Arial, sans-serif;
}

body.content-page-kontakt #main .form_1 input.text, body.content-page-kontakt #main .form_1 textarea {
  height: 42px;
}

body.content-page-kontakt #main .form_1 .ctrl_Telefon, body.content-page-kontakt #main .form_1 .ctrl_Frage, body.content-page-kontakt #main .form_1 .row.check, body.content-page-kontakt #main .form_1 .submit_div {
  grid-column: 1 / -1;
}

body.content-page-kontakt #main .form_1 .textdiv {
  box-sizing: border-box;
   width: 100%;
}

body.content-page-kontakt #main .form_1 textarea {
  line-height: 20px;
}

body.content-page-kontakt #main .page-section-box:has(.form_1) {
  padding-bottom: 17px !important;
}

body.content-page-kontakt #right .sidebar-faq-box {
  padding-bottom: 29px !important;
}

body.content-page-kontakt #main .contact-intro {
  text-align: center;
   margin: 0px 0px 14px !important;
}

body.content-page-kontakt #right .faq-question-lead {
  color: rgb(156, 23, 54);
   font-weight: bold;
}

body.content-page-kontakt #main .form_1 .row.check {
  display: grid;
   grid-template-columns: 19px minmax(0px, 1fr);
   gap: 8px;
   align-items: start;
   padding: 9px 10px;
   border: 1px solid rgba(180, 157, 137, 0.48);
   border-radius: 3px;
   background: rgba(244, 237, 229, 0.66);
}

body.content-page-kontakt #main .form_1 .row.check > input.check {
  grid-column: 1;
   width: 16px;
   height: 16px;
   margin: 2px 0px 0px;
   accent-color: rgb(124, 16, 51);
}

body.content-page-kontakt #main .form_1 .row.check > label {
  grid-column: 2;
   margin: 0px;
   padding: 0px;
   color: rgb(93, 75, 64);
   font: 12px / 18px Arial, sans-serif;
}

body.content-page-kontakt #main .form_1 .submit_div {
  width: 100%;
   margin: 0px;
   text-align: initial;
}

body.content-page-kontakt #main .form_1 .submit {
  box-sizing: border-box;
   display: block;
   width: 100%;
   height: 43px;
   padding: 0px 18px;
   border: 1px solid rgb(111, 7, 31);
   border-radius: 3px;
   background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / auto 100% repeat-x #cb2312;
   color: rgb(255, 255, 255);
   font: 19px / 41px Arvil, "Times New Roman";
   letter-spacing: 0.35px;
   text-align: center;
   text-shadow: rgb(59, 7, 21) 0px 1px 1px;
   box-shadow: rgba(255, 255, 255, 0.32) 0px 1px inset, rgba(67, 23, 28, 0.22) 0px 2px 4px;
   cursor: pointer;
   margin: 0px !important;
}

body.content-page-kontakt #main .form_1 .submit:hover, body.content-page-kontakt #main .form_1 .submit:focus {
  filter: brightness(1.08);
}

body.content-page-kontakt #left > .inside > .block:not(.service) {
  display: none !important;
}

body.content-page-kontakt #right > .inside > .block:not(.sidebar-faq-box) {
  display: none !important;
}

body.content-page-hilfe #main .legacy-help-content {
  display: none !important;
}

body.content-page-hilfe #main .help-faq {
  display: block;
}

body.content-page-hilfe #main .help-faq-core {
  box-sizing: border-box;
   padding: 70px 15px 18px !important;
}

body.content-page-hilfe #main .help-faq-intro {
  margin: 0px 0px 13px;
   padding: 12px 14px;
   border: 1px solid rgba(150, 120, 98, 0.22);
   border-radius: 6px;
   background: rgba(255, 255, 255, 0.5);
   color: rgb(89, 72, 63);
   text-align: center;
}

body.content-page-hilfe #main .help-faq-intro p {
  font: 13px / 19px Arial, sans-serif;
   margin: 0px !important;
}

body.content-page-hilfe #main .help-faq-intro p + p {
  color: rgb(128, 109, 96);
   font-size: 12px;
   margin-top: 3px !important;
}

body.content-page-hilfe #main .help-guides {
  display: grid;
   margin: 0px 0px 20px;
   gap: 20px;
}

body.content-page-hilfe #main .help-guide {
  box-sizing: border-box;
   margin-bottom: 0px !important;
   padding: 68px 15px 16px !important;
}

body.content-page-hilfe #main .help-guide h2 {
  margin: 0px;
}

body.content-page-hilfe #main .help-guide p {
  color: rgb(93, 77, 67);
   font: 12px / 19px Arial, sans-serif;
   margin: 0px !important;
}

body.content-page-hilfe #main .help-guide a {
  color: rgb(118, 87, 71);
   font-weight: bold;
}

body.content-page-hilfe #main .help-faq-az {
  display: flex;
   margin: 0px 0px 14px;
   padding: 8px 9px;
   flex-wrap: wrap;
   gap: 5px;
   justify-content: center;
   border: 1px solid rgba(132, 100, 79, 0.24);
   border-radius: 6px;
   background: rgb(238, 229, 219);
}

body.content-page-hilfe #main .help-faq-az a {
  display: flex;
   width: 25px;
   height: 25px;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(113, 79, 60, 0.27);
   border-radius: 4px;
   background: rgb(255, 250, 244);
   color: rgb(119, 82, 66);
   font: bold 11px / 25px Arial, sans-serif;
   text-decoration: none;
   box-shadow: rgba(75, 48, 33, 0.05) 0px 1px 1px;
}

body.content-page-hilfe #main .help-faq-az a:hover, body.content-page-hilfe #main .help-faq-az a:focus {
  border-color: rgb(139, 41, 70);
   background: rgb(139, 41, 70);
   color: rgb(255, 255, 255);
   outline: none;
}

body.content-page-hilfe #main .help-faq-list {
  display: grid;
   gap: 7px;
}

body.content-page-hilfe #main .help-faq-item {
  margin: 0px;
   border: 1px solid rgba(137, 107, 86, 0.29);
   border-radius: 6px;
   background: rgba(255, 253, 249, 0.82);
   box-shadow: rgba(72, 45, 31, 0.05) 0px 1px 2px;
}

body.content-page-hilfe #main .help-faq-item > summary {
  position: relative;
   display: grid;
   min-height: 44px;
   box-sizing: border-box;
   padding: 9px 40px 9px 12px;
   grid-template-columns: 112px minmax(0px, 1fr);
   gap: 10px;
   align-items: center;
   color: rgb(89, 70, 60);
   font: bold 12px / 18px Arial, sans-serif;
   list-style: none;
   cursor: pointer;
}

body.content-page-hilfe #main .help-faq-item > summary::-webkit-details-marker {
  display: none;
}

body.content-page-hilfe #main .help-faq-item > summary span {
  display: block;
   color: rgb(118, 87, 71);
   font: bold 12px / 17px Arial, sans-serif;
}

body.content-page-hilfe #main .help-faq-item > summary::after {
  position: absolute;
   top: 50%;
   right: 14px;
   width: 8px;
   height: 8px;
   margin-top: -6px;
   border-right: 2px solid rgb(118, 87, 71);
   border-bottom: 2px solid rgb(118, 87, 71);
   content: "";
   transform: rotate(45deg);
   transition: transform 0.18s, margin 0.18s;
}

body.content-page-hilfe #main .help-faq-item > p {
  padding: 11px 14px 13px;
   color: rgb(93, 77, 67);
   font: 12px / 19px Arial, sans-serif;
   margin: 0px !important;
}

body.content-page-hilfe #main .help-faq-featured {
  border-color: rgba(137, 107, 86, 0.29);
   background: rgba(255, 253, 249, 0.82);
}

body.content-page-hilfe #main .help-faq-featured > summary span {
  color: rgb(118, 87, 71);
}

body.content-page-hilfe #main .help-faq-featured > summary::after {
  border-color: rgb(118, 87, 71);
}

body.content-page-hilfe #main .help-emergency {
  box-sizing: border-box;
   margin-top: 0px !important;
   padding: 70px 15px 16px !important;
}

body.content-page-hilfe #main .help-emergency > h2 {
  margin: 0px;
}

body.content-page-hilfe #main .help-emergency-warning {
  padding: 9px 11px;
   border-left: 3px solid rgb(154, 39, 69);
   background: rgba(255, 255, 255, 0.62);
   color: rgb(89, 72, 63);
   font: 11px / 17px Arial, sans-serif;
   margin: 0px 0px 11px !important;
}

body.content-page-hilfe #main .help-emergency-countries {
  display: grid;
   grid-template-columns: minmax(0px, 1fr);
   gap: 9px;
}

body.content-page-hilfe #main .help-emergency-countries article {
  padding: 9px;
   border: 1px solid rgba(137, 107, 86, 0.24);
   border-radius: 5px;
   background: rgba(255, 253, 249, 0.2);
}

body.content-page-hilfe #main .help-emergency-countries h3 {
  display: flex;
   margin: 0px 0px 7px;
   gap: 6px;
   align-items: center;
   color: rgb(99, 75, 62);
   font: bold 12px / 18px Arial, sans-serif;
}

body.content-page-hilfe #main .help-emergency-countries h3 span {
  display: inline-block;
   width: 20px;
   height: 13px;
   border: 1px solid rgba(93, 70, 57, 0.2);
   border-radius: 2px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: transparent;
   font-size: 0px;
   box-shadow: rgba(70, 45, 31, 0.1) 0px 1px 1px;
}

body.content-page-hilfe #main .help-emergency-countries article:nth-child(1) h3 span {
  background-image: url("/site/assets/images/flaggen/892319ec7b15a27d62049c58.gif");
}

body.content-page-hilfe #main .help-emergency-countries article:nth-child(2) h3 span {
  background-image: url("/site/assets/images/flaggen/5c9ed3781aacce783a58466c.gif");
}

body.content-page-hilfe #main .help-emergency-countries article:nth-child(3) h3 span {
  background-image: url("/site/assets/images/flaggen/0ef373d73635b7aedeac4218.gif");
}

body.content-page-hilfe #main .help-emergency-countries article:nth-child(3) h3 span {
  width: 13px;
   margin-right: 7px;
   background-size: contain;
}

body.content-page-hilfe #main .help-emergency-countries dl, body.content-page-hilfe #main .help-emergency-countries dd {
  margin: 0px;
}

body.content-page-hilfe #main .help-emergency-countries dl {
  display: grid;
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 0px 12px;
}

body.content-page-hilfe #main .help-emergency-countries dl div {
  padding: 6px 0px;
   border-top: 1px solid rgba(137, 107, 86, 0.14);
}

body.content-page-hilfe #main .help-emergency-countries dt {
  color: rgb(117, 102, 93);
   font: 10px / 14px Arial, sans-serif;
}

body.content-page-hilfe #main .help-emergency-countries dt small {
  display: block;
   margin-top: 1px;
   color: rgb(148, 133, 123);
   font: 9px / 13px Arial, sans-serif;
}

body.content-page-hilfe #main .help-emergency-countries dd {
  color: rgb(91, 67, 55);
   font: bold 12px / 17px Arial, sans-serif;
}

body.content-page-hilfe #main .help-emergency-countries dd a {
  color: rgb(104, 75, 60);
   text-decoration: none;
}

body.content-page-hilfe #main .help-emergency-sources {
  color: rgb(138, 122, 111);
   font: 9px / 14px Arial, sans-serif;
   text-align: center;
   margin: 9px 0px 0px !important;
}

body.content-page-hilfe #main .help-faq-intro p, body.content-page-hilfe #main .help-guide p, body.content-page-hilfe #main .help-faq-item > p, body.content-page-hilfe #main .help-faq-contact span, body.content-page-hilfe #main .help-emergency-warning {
  font-size: 13px;
}

body.content-page-passwort-vergessen #left > .inside > .block:not(.service) {
  display: none !important;
}

body.content-page-passwort-vergessen #right > .inside > .block:not(.sidebar-faq-box) {
  display: none !important;
}

body.content-page-passwort-vergessen #main > .inside {
  display: flex;
   flex-direction: column;
}

body.content-page-passwort-vergessen #main > .inside > .page-section-box:first-of-type {
  flex: 0 0 auto;
}

body.content-page-passwort-vergessen #main .password-question-box {
  box-sizing: border-box;
   display: flex;
   min-height: 0px;
   flex: 1 1 auto;
   flex-direction: column;
   text-align: center;
   padding-top: 70px !important;
   padding-right: 16px !important;
   padding-left: 16px !important;
}

body.content-page-passwort-vergessen #main .password-question-box {
  padding-bottom: 11px !important;
}

body.content-page-passwort-vergessen #main .password-question-box p {
  color: rgb(92, 74, 64);
   font: 13px / 19px Arial, sans-serif;
   margin: 0px 0px 9px !important;
}

body.content-page-passwort-vergessen #main .password-question-contact {
  margin-top: auto !important;
   color: rgb(107, 77, 62) !important;
}

body.content-page-passwort-vergessen #main .password-question-contact strong {
  font-size: 16px;
}

body.content-page-passwort-vergessen #main .password-question-contact a {
  color: rgb(118, 87, 71);
}

body.content-page-passwort-vergessen #main .password-question-status {
  display: inline-block;
   margin-top: 6px;
   color: rgb(103, 88, 78);
   font: italic 13px / 18px Arial, sans-serif;
}

body.content-page-passwort-vergessen #main .password-question-unavailable {
  margin-top: 3px !important;
}

body.content-page-passwort-vergessen #main .password-question-button {
  position: relative;
   box-sizing: border-box;
   display: block;
   width: 179px;
   height: 43px;
   margin: 7px auto 0px;
   padding: 0px;
   border: 1px solid rgb(118, 81, 47);
   border-radius: 3px;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   font: 22px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: 0.1px;
   text-align: center;
   text-decoration: none;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   text-transform: uppercase;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

body.content-page-passwort-vergessen #main .password-question-button:hover, body.content-page-passwort-vergessen #main .password-question-button:focus {
  filter: brightness(1.07);
   outline: none;
}

body.content-page-passwort-vergessen #main .mod_passreset .submit_container {
  position: relative;
   top: 11px;
}

body.content-page-passwort-vergessen #right .faq-question-lead {
  color: rgb(156, 23, 54);
   font-weight: bold;
}

body.content-page-passwort-vergessen #right .sidebar-faq-box {
  padding-bottom: 29px !important;
}

@media (min-width: 1101px) {
  body.content-page-passwort-vergessen #container {
    display: grid;
     grid-template-columns: 217px 522px 217px;
     column-gap: 8px;
     align-items: stretch;
  }

  body.content-page-passwort-vergessen #left {
    grid-area: 1 / 1;
     float: none;
     width: 217px;
  }

  body.content-page-passwort-vergessen #main {
    grid-area: 1 / 2;
     float: none;
     width: 522px;
     margin: 0px;
  }

  body.content-page-passwort-vergessen #right {
    grid-area: 1 / 3;
     float: none;
     width: 217px;
     margin: 0px;
  }

  body.content-page-passwort-vergessen #main > .inside, body.content-page-passwort-vergessen #right > .inside {
    box-sizing: border-box;
     height: 100%;
  }

  body.content-page-passwort-vergessen #right .sidebar-faq-box {
    box-sizing: border-box;
     margin-bottom: 0px !important;
  }

  body.content-page-passwort-vergessen #main .password-question-box {
    margin-bottom: 0px !important;
  }
}

body.content-page-hilfe #main .help-faq-contact {
  display: grid;
   margin-top: 15px;
   padding: 13px 14px;
   grid-template-columns: minmax(0px, 1fr) auto;
   gap: 3px 14px;
   align-items: center;
   border: 1px solid rgba(125, 89, 67, 0.28);
   border-radius: 6px;
   background: rgb(238, 227, 215);
   color: rgb(89, 72, 63);
}

body.content-page-hilfe #main .help-faq-contact strong {
  grid-column: 1;
   color: rgb(124, 16, 51);
   font: bold 14px / 19px Arial, sans-serif;
}

body.content-page-hilfe #main .help-faq-contact span {
  grid-column: 1;
   font: 12px / 17px Arial, sans-serif;
}

body.content-page-hilfe #main .help-faq-contact a {
  grid-area: 1 / 2 / 3;
   display: block;
   padding: 8px 13px;
   border: 1px solid rgb(92, 68, 54);
   border-radius: 4px;
   background: rgb(115, 87, 71);
   color: rgb(255, 255, 255);
   font: bold 11px / 16px Arial, sans-serif;
   text-align: center;
   text-decoration: none;
   box-shadow: rgba(255, 255, 255, 0.22) 0px 1px inset;
}

body.content-page-hilfe #main .help-faq-contact a:hover, body.content-page-hilfe #main .help-faq-contact a:focus {
  filter: brightness(1.08);
   outline: none;
}

@media (max-width: 700px) {
  body.content-page-hilfe #main .help-faq-core, body.content-page-hilfe #main .help-guide, body.content-page-hilfe #main .help-emergency {
    padding: 62px 10px 14px !important;
  }

  body.content-page-hilfe #main .help-faq-item > summary {
    grid-template-columns: minmax(0px, 1fr);
     gap: 1px;
     padding: 9px 35px 9px 11px;
  }

  body.content-page-hilfe #main .help-faq-contact {
    grid-template-columns: minmax(0px, 1fr);
     text-align: center;
  }

  body.content-page-hilfe #main .help-faq-contact strong, body.content-page-hilfe #main .help-faq-contact span, body.content-page-hilfe #main .help-faq-contact a {
    grid-area: auto / 1;
  }

  body.content-page-hilfe #main .help-faq-contact a {
    margin-top: 7px;
  }

  body.content-page-hilfe #main .help-emergency-countries {
    grid-template-columns: minmax(0px, 1fr);
  }

  body.content-page-hilfe #main .help-emergency-countries dl {
    grid-template-columns: minmax(0px, 1fr);
  }
}

@media (max-width: 600px) {
  body.modern-registration-page #main .page-section-box:has(form#reg) {
    padding: 70px 10px 15px !important;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box, body.content-page-berater-werden #main .why-esophia-box {
    margin-bottom: 16px !important;
     padding: 0px !important;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box > h2, body.content-page-berater-werden #main .why-esophia-box > h2 {
    height: 60px;
     font-size: 17px !important;
     line-height: 20px !important;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box figure, body.content-page-berater-werden #main .why-esophia-box figure {
    z-index: 5;
     height: 265px;
     margin-top: -6px;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box img, body.content-page-berater-werden #main .why-esophia-box img {
    object-position: 62% 42%;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box figcaption, body.content-page-berater-werden #main .why-esophia-box figcaption {
    top: auto;
     right: 0px;
     bottom: 0px;
     width: 100%;
     padding: 48px 17px 16px;
     background: linear-gradient(0deg, rgba(255, 253, 251, 0.89) 0%, rgba(255, 253, 251, 0.75) 62%, rgba(255, 253, 251, 0) 100%);
  }

  body.content-page-kundenanmeldung #main .why-esophia-box figcaption em, body.content-page-berater-werden #main .why-esophia-box figcaption em {
    font-size: 10px;
     line-height: 14px;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box figcaption strong, body.content-page-berater-werden #main .why-esophia-box figcaption strong {
    margin-bottom: 6px;
     font-size: 22px;
  }

  body.content-page-kundenanmeldung #main .why-esophia-box figcaption span, body.content-page-berater-werden #main .why-esophia-box figcaption span {
    font-size: 13px;
     line-height: 18px;
  }

  body.content-page-kundenanmeldung #main .free-consultation-benefits {
    margin: 0px 0px 16px !important;
     padding: 65px 13px 10px !important;
  }

  body.content-page-kundenanmeldung #main .free-consultation-benefits ul {
    grid-template-columns: minmax(0px, 1fr);
  }

  body.content-page-kundenanmeldung #main .free-consultation-benefits li {
    min-height: 27px;
     padding-top: 4px;
     padding-bottom: 4px;
  }

  body.content-page-kundenanmeldung #main .free-consultation-benefits li:nth-last-child(-n+3) {
    border-bottom: 1px solid rgba(151, 125, 105, 0.17);
  }

  body.content-page-kundenanmeldung #main .free-consultation-benefits li:last-child {
    border-bottom: 0px;
  }

  body.modern-registration-page #main form#reg, body.content-page-kontakt #main .form_1 form {
    grid-template-columns: minmax(0px, 1fr);
     gap: 11px;
  }

  body.modern-registration-page #main form#reg {
    padding: 0px !important;
  }

  body.modern-registration-page #main form#reg > .row {
    grid-column: 1;
  }

  body.modern-registration-page #main form#reg > .row.check, body.modern-registration-page #main form#reg > .submit, body.content-page-kontakt #main .form_1 .row, body.content-page-kontakt #main .form_1 .submit_div {
    grid-column: 1;
  }

  body.modern-registration-page #main form#reg > .ctrl_phone > .phone, body.modern-registration-page #main form#reg > .ctrl_consultingPhone > .phone {
    grid-template-columns: 92px minmax(0px, 1fr) !important;
  }

  body.modern-registration-page #main form#reg > .row:not(.check):not([style]) {
    padding: 0px !important;
  }
}

.newAgents .ai-photo-badge-link, .newRatings .ai-photo-badge-link {
  float: left !important;
   width: 50px !important;
   height: 62px !important;
   margin: 0px 10px 0px 0px !important;
   overflow: visible !important;
}

.newAgents .ai-photo-badge-link img, .newRatings .ai-photo-badge-link img {
  object-fit: cover;
   display: block !important;
   float: none !important;
   width: 50px !important;
   max-width: 50px !important;
   height: 62px !important;
   margin: 0px !important;
}

.newAgents .ai-photo-badge, .newRatings .ai-photo-badge {
  right: -4px !important;
   bottom: -4px !important;
   width: 22px !important;
   height: 22px !important;
}

@media (max-width: 1100px) {
  body.content-page-kundenanmeldung #left .newRatings, body.content-page-kundenanmeldung #left .newAgents, body.content-page-kundenanmeldung #left .responsive-esoteric-box, body.content-page-kundenanmeldung #right .mod_login {
    display: none !important;
  }

  #main .exclusive.aslider .item .ai-photo-badge-link {
    display: block !important;
     width: 60px !important;
     height: 60px !important;
     margin: 0px auto 3px !important;
     overflow: visible !important;
  }

  #main .exclusive.aslider .item .ai-photo-badge-link img {
    width: 60px !important;
     height: 60px !important;
     margin: 0px !important;
  }

  #main .exclusive.aslider .item .ai-photo-badge {
    right: -2px !important;
     bottom: -2px !important;
     width: 21px !important;
     height: 21px !important;
  }
}

.aside .newRatings ul.ratings > li > img.pic, .aside .newRatings ul.ratings > li > .ai-photo-badge-link {
  box-sizing: border-box;
   border-radius: 3px;
   background: rgb(255, 255, 255);
   box-shadow: rgba(70, 42, 29, 0.1) 0px 1px 2px;
   width: 56px !important;
   height: 69px !important;
   margin-right: 10px !important;
   padding: 1px !important;
   border: 1px solid rgba(157, 132, 113, 0.55) !important;
}

.aside .newRatings ul.ratings > li > .ai-photo-badge-link img {
  width: 56px !important;
   max-width: 56px !important;
   height: 69px !important;
}

.aside .newRatings ul.ratings > li > .content {
  min-height: 70px;
}

.aside .newAgents {
  padding-bottom: 15px !important;
}

.aside .newAgents .slider {
  margin: 0px -3px 10px !important;
}

.aside .newAgents .container {
  height: 190px !important;
   border: 0px !important;
   border-radius: 0px !important;
   background: transparent !important;
   box-shadow: none !important;
   overflow: hidden !important;
}

.aside .newAgents ul.ratings {
  top: 0px !important;
   height: 190px !important;
   margin: 0px !important;
   padding: 0px !important;
}

.aside .newAgents ul.ratings > li {
  box-sizing: content-box;
   color: rgb(95, 78, 69);
   text-align: left;
   height: 172px !important;
   padding: 9px 15px !important;
}

.aside .newAgents ul.ratings > li > img.pic, .aside .newAgents ul.ratings > li > .ai-photo-badge-link {
  box-sizing: border-box;
   float: left;
   border-radius: 3px;
   background: rgb(255, 255, 255);
   box-shadow: rgba(70, 42, 29, 0.1) 0px 1px 2px;
   object-fit: cover;
   width: 56px !important;
   height: 69px !important;
   margin: 0px 10px 7px 0px !important;
   padding: 1px !important;
   border: 1px solid rgba(157, 132, 113, 0.55) !important;
}

.aside .newAgents ul.ratings > li > .ai-photo-badge-link img {
  border-radius: 2px;
   object-fit: cover;
   width: 56px !important;
   max-width: 56px !important;
   height: 69px !important;
   padding: 0px !important;
   border: 0px !important;
}

.aside .newAgents ul.ratings > li > .content {
  min-height: 70px;
   overflow: hidden;
   margin: 0px !important;
   padding: 0px !important;
}

.aside .newAgents ul.ratings h4 {
  color: rgb(116, 19, 47);
   font: bold 12px / 16px Arial, sans-serif;
   text-transform: none;
   margin: 0px 0px 3px !important;
}

.aside .newAgents ul.ratings h4 a {
  text-decoration: none;
   color: rgb(116, 19, 47) !important;
}

.aside .newAgents ul.ratings .pin {
  color: rgb(118, 100, 90);
   font: 12px / 16px Arial, sans-serif;
   display: block !important;
}

.aside .newAgents ul.ratings span.ratings {
  display: none !important;
}

.aside .newAgents ul.ratings .stars {
  display: block !important;
   position: static !important;
   float: none !important;
   clear: none !important;
   margin: 4px 0px 0px !important;
   padding: 0px !important;
}

.aside .newAgents ul.ratings > li > p {
  box-sizing: border-box;
   clear: both;
   position: relative;
   max-height: 82px;
   overflow: hidden;
   border-top: 1px solid rgba(151, 125, 105, 0.18);
   background: transparent;
   color: rgb(96, 79, 70);
   font: 12px / 17px Arial, sans-serif;
   text-align: left;
   margin: 11px 0px 0px !important;
   padding: 11px 7px 7px !important;
}

.aside .newAgents > .responsive-new-agent-profile {
  box-sizing: border-box;
   border-radius: 3px;
   text-decoration: none;
   text-shadow: rgb(75, 50, 30) 0px 1px;
   white-space: nowrap;
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px;
   display: block !important;
   width: 179px !important;
   height: 43px !important;
   margin: 0px auto !important;
   padding: 0px !important;
   border: 1px solid rgb(118, 81, 47) !important;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26 !important;
   color: rgb(255, 255, 255) !important;
   font: 22px / 41px Arvil, "Times New Roman", serif !important;
   text-align: center !important;
}

.aside .newAgents > .responsive-new-agent-profile:hover, .aside .newAgents > .responsive-new-agent-profile:focus {
  filter: brightness(1.07);
   outline: none;
}

.aside .responsive-esoteric-box {
  padding-bottom: 15px !important;
}

.aside .responsive-esoteric-box .esoteric-knowledge-copy {
  color: rgb(96, 79, 70);
   font: 13px / 19px Arial, sans-serif;
   text-align: left;
   margin: 0px !important;
   padding: 0px 4px 10px !important;
}

.aside .responsive-esoteric-box .esoteric-knowledge-copy + .esoteric-knowledge-copy {
  border-top: 1px solid rgba(151, 125, 105, 0.18);
   padding-top: 10px !important;
}

.aside .responsive-esoteric-box .esoteric-knowledge-copy br + br {
  display: none;
}

.aside .responsive-esoteric-box .esoteric-knowledge-copy p {
  display: none !important;
}

.aside .consultation-categories-box .consultation-categories-intro {
  font-size: 13px !important;
   line-height: 18px !important;
}

.aside .consultation-categories-box .consultation-category-heading a {
  font-size: 13px !important;
   line-height: 17px !important;
}

.aside .consultation-categories-box .consultation-category-link a {
  font-size: 13px !important;
   line-height: 17px !important;
}

.aside .consultation-categories-box p, .aside .consultation-categories-box a, .aside .consultation-categories-box span, .aside .consultation-categories-box strong {
  font-size: 13px !important;
}

.aside .consultation-categories-box .consultation-category-link a {
  padding-right: 4px !important;
}

#main .agentlist .article .button.online, #main .agentlist .article .button.chat.online {
  border: 1px solid rgb(88, 124, 45);
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29;
   text-shadow: rgba(44, 72, 16, 0.7) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

#main .agentlist .article .button.online:hover, #main .agentlist .article .button.chat.online:hover {
  filter: brightness(1.08);
}

#main .agentlist .article .button.email {
  border: 1px solid rgb(199, 173, 137);
   background: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") center center / cover repeat-x #f8ecd6;
   text-shadow: rgba(255, 255, 255, 0.82) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.7) 0px 1px inset, rgba(54, 43, 34, 0.14) 0px 1px 3px;
   color: rgb(103, 84, 69) !important;
}

#main .agentlist .article .button.email:hover {
  filter: brightness(1.07);
}

#main .agentlist .article .button.busy, #main .agentlist .article .button.chat.busy {
  border: 1px solid rgb(157, 26, 13);
   background: url("/site/assets/images/buttons-hintergrund/imgespraech.jpg") center center / cover repeat-x #cb2312;
   text-shadow: rgba(90, 12, 5, 0.7) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.25) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px;
   color: rgb(255, 255, 255) !important;
}

#main .agentlist .article .button.chat.offline {
  border: 1px solid rgb(184, 184, 184);
   background: url("/site/assets/images/buttons-hintergrund/button-chat-offline-hellgrau.webp") center center / cover repeat-x #e1e1e0;
   text-shadow: rgba(255, 255, 255, 0.82) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.72) 0px 1px inset, rgba(54, 43, 34, 0.14) 0px 1px 3px;
   color: rgb(79, 79, 79) !important;
}

#main .agentlist .article .button.break, #main .agentlist .article .button.chat.break {
  border: 1px solid rgb(205, 179, 103);
   background: url("/site/assets/images/buttons-hintergrund/button-pause-hellgelb-neu.png") center center / cover repeat-x #fff2b8;
   text-shadow: rgba(255, 255, 255, 0.72) 0px 1px;
   box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(91, 53, 10, 0.17) 0px 1px 3px;
   color: rgb(87, 74, 37) !important;
}

#main .agentlist .article .button.busy:hover, #main .agentlist .article .button.chat.offline:hover, #main .agentlist .article .button.chat.break:hover {
  filter: brightness(1.07);
}

#main .agentlist .article .teaser {
  padding: 10px 0px 0px;
   max-height: 99px;
   overflow: hidden;
}

#main .agentlist .article .ddi .star {
  display: none;
}

#main .agentlist .article .ddi {
  top: 164px;
   left: 17px;
}

#main .agentlist .article .rating {
  top: 181px;
}

#main .agentlist .article .pinfo {
  top: 206px;
}

@media (min-width: 1101px) {
  #main .agentlist .article {
    height: 247px;
     background-image: url("/site/assets/images/boxenbilder/agentlist-267.jpg");
  }

  #main .agentlist .article.even {
    background-position: 0px -267px;
  }
}

#main .agentlist .article .ddi, #main .agentlist .article .ddi .tip {
  color: rgb(132, 113, 99);
}

#main .agentlist .article .ddi strong {
  color: rgb(80, 57, 40);
   font-weight: 400;
}

#main .exclusive.aslider.weekbox {
  height: auto !important;
   min-height: 0px !important;
}

#main .exclusive.aslider.weekbox {
  padding-top: 60px !important;
}

#main .weekbox .agentlist .article {
  background: none !important;
}

#main .weekbox .agentlist .article > .weekagent {
  display: none !important;
}

@media (min-width: 1101px) {
  #main .weekbox .agentlist {
    margin: 0px -15px -15px;
  }

  #main .weekbox .agentlist .article {
    margin-bottom: 0px;
  }
}

@media (max-width: 1100px) {
  #main .weekbox .agentlist {
    margin: 0px;
  }
}

#main .weekbox .agentlist .article > h3 {
  position: relative;
   top: 0px;
   margin: 0px 0px 5px;
   font-size: 20px;
   display: block !important;
}

#main .weekbox .agentlist .article a {
  font-style: normal;
}

#main .weekbox .agentlist .article .pinfo {
  background-image: url("/site/assets/images/boxenbilder/3fb698bef2273a02e6f3e601.png");
}

#main .weekbox .agentlist .article > .right {
  top: -5px;
}

#main .agentlist .article .right small.tariff.campaign {
  background-size: 16px 200px;
   background-position: -2px -67px;
   padding-left: 0px;
}

#main .agent_search {
  display: flex;
   flex-direction: column;
   align-items: stretch;
}

#main .agent_search > .tabnav {
  order: 1;
   width: auto;
   margin: 14px -14px -18px;
}

#main .agent_search form input.text {
  box-sizing: border-box;
   height: 43px;
   padding: 9px 12px;
   border: 1px solid rgb(207, 207, 207);
   border-radius: 5px;
   background: rgb(255, 255, 255);
   color: rgb(73, 58, 50);
   font: 13px / 24px Arial, sans-serif;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px inset;
   transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}

#main .agent_search form input.text:focus {
  border-color: rgb(140, 73, 96);
   background: rgb(255, 255, 255);
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset;
   outline: none;
}

#main .agent_search form .submit {
  height: 43px;
   line-height: 41px;
}

@media (min-width: 1101px) {
  #main .agent_search > .tabnav {
    display: flex;
     justify-content: flex-start;
     width: auto;
     height: 34px;
     min-height: 0px;
     align-items: flex-start;
     overflow: visible;
     border-bottom: 0px;
  }

  #main .agent_search > .tabnav {
    position: relative;
  }

  #main .agent_search > .tabnav::before {
    content: "";
     position: absolute;
     top: -1px;
     left: 0px;
     width: 100%;
     height: 1px;
     background: rgb(137, 99, 61);
  }

  #main .agent_search > .tabnav > li {
    flex: 1 1 auto;
     min-width: 0px;
     margin: 0px;
  }

  #main .agent_search > .tabnav > li + li {
    margin-left: -1px;
  }

  #main .agent_search > .tabnav > li > a {
    box-sizing: border-box;
     width: auto;
     height: 34px;
     margin: 0px;
     padding: 0px 8px;
     border-width: 0px 1px 1px;
     border-style: none solid solid;
     border-color: currentcolor rgb(207, 199, 191) rgb(207, 199, 191);
     border-image: none;
     border-radius: 0px;
     background: linear-gradient(rgb(227, 217, 206) 0px, rgb(239, 235, 229) 11%, rgb(245, 242, 240) 22%, rgb(243, 240, 239) 39%, rgb(242, 238, 235) 56%, rgb(247, 244, 244) 72%, rgb(243, 240, 239) 89%, rgb(210, 202, 202) 100%);
     color: rgb(85, 85, 85);
     font: 20px / 33px Arvil, "Times New Roman", serif;
     text-align: center;
     text-shadow: rgb(255, 255, 255) 0px -1px 0px;
     transition: background 0.16s, color 0.16s;
  }

  #main .agent_search > .tabnav > li > a:hover {
    background: linear-gradient(rgb(238, 234, 228) 0px, rgb(251, 249, 248) 30%, rgb(248, 246, 245) 85%, rgb(222, 215, 212) 100%);
     color: rgb(124, 16, 51);
  }

  #main .agent_search > .tabnav > li.active > a {
    position: relative;
     z-index: 1;
     border-width: 0px 1px 1px;
     border-style: none solid solid;
     border-color: currentcolor rgb(118, 81, 47) rgb(118, 81, 47);
     border-image: none;
     background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
     color: rgb(255, 255, 255);
     text-shadow: rgb(75, 50, 30) 0px 1px 0px;
  }
}

#main .agent_search form {
  grid-template-columns: 104px minmax(0px, 1fr) 116px;
}

#main .agent_search form .advisor-filter-toggle {
  box-sizing: border-box;
   position: relative;
   display: block;
   width: 100%;
   height: 43px;
   margin: 0px;
   padding: 0px 22px 0px 8px;
   border: 1px solid rgb(118, 81, 47);
   border-radius: 2px;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   color: rgb(255, 255, 255);
   font: 18px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: 0.4px;
   text-align: center;
   text-shadow: rgb(75, 50, 30) 0px 1px 0px;
   box-shadow: rgba(255, 255, 255, 0.32) 0px 1px 0px inset, rgba(67, 23, 28, 0.22) 0px 1px 2px;
   cursor: pointer;
}

#main .agent_search form .advisor-filter-toggle::after {
  right: 9px;
   border-right-color: rgb(255, 255, 255);
   border-bottom-color: rgb(255, 255, 255);
}

#main .agent_search form .advisor-filter-toggle[aria-expanded="true"]::after {
  margin-top: -2px;
   transform: rotate(225deg);
}

#main .agent_search form .advisor-filter-toggle:hover, #main .agent_search form .advisor-filter-toggle:focus {
  border-color: rgb(95, 64, 37);
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   color: rgb(255, 255, 255);
   filter: brightness(1.07);
   box-shadow: rgba(255, 255, 255, 0.38) 0px 1px 0px inset, rgba(67, 45, 25, 0.28) 0px 1px 3px;
}

#main .agent_search .advisor-filter-panel select {
  box-sizing: border-box;
   height: 43px;
   padding: 9px 12px;
   border: 1px solid rgb(207, 207, 207);
   border-radius: 5px;
   background: rgb(255, 255, 255);
   color: rgb(73, 58, 50);
   font: 13px / 24px Arial, sans-serif;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px inset;
   transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}

#main .agent_search .advisor-filter-panel select:focus {
  border-color: rgb(140, 73, 96);
   background: rgb(255, 255, 255);
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset;
   outline: none;
}

#main .advisor-filter-actions .advisor-filter-apply, #main .agent_search form .submit, .aside .modern-agent-status .compact-advisor-search-submit {
  border-color: rgb(88, 124, 45);
   color: rgb(255, 255, 255);
   text-shadow: rgba(44, 72, 16, 0.7) 0px 1px 0px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(38, 60, 16, 0.25) 0px 1px 2px;
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29 !important;
}

#main .advisor-filter-actions .advisor-filter-apply:hover, #main .advisor-filter-actions .advisor-filter-apply:focus, #main .agent_search form .submit:hover, #main .agent_search form .submit:focus, .aside .modern-agent-status .compact-advisor-search-submit:hover, .aside .modern-agent-status .compact-advisor-search-submit:focus {
  border-color: rgb(70, 102, 31);
   filter: brightness(1.07);
   outline: none;
}

@media (min-width: 1101px) {
  .global-payment-strip {
    grid-template-columns: 1fr repeat(8, 32px) 1fr minmax(0px, 50%);
     gap: 5px 4px;
  }

  .global-payment-strip > img {
    grid-column: span 2;
  }

  .global-payment-strip > img:nth-of-type(1) {
    grid-area: 1 / 4 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(2) {
    grid-area: 1 / 6 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(3) {
    grid-area: 2 / 3 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(4) {
    grid-area: 2 / 5 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(5) {
    grid-area: 2 / 7 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(6) {
    grid-area: 3 / 2 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(7) {
    grid-area: 3 / 4 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(8) {
    grid-area: 3 / 6 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(9) {
    grid-area: 3 / 8 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(10) {
    grid-area: 4 / 3 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(11) {
    grid-area: 4 / 5 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(12) {
    grid-area: 4 / 7 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(13) {
    grid-area: 5 / 4 / auto / span 2;
  }

  .global-payment-strip > img:nth-of-type(14) {
    grid-area: 5 / 6 / auto / span 2;
  }

  .global-payment-strip .global-payment-text {
    grid-area: 1 / 11 / 6;
     align-self: center;
     text-align: center;
  }
}

@media (min-width: 1101px) {
  .site-tariff-fees {
    grid-template-columns: minmax(0px, 50%) minmax(0px, 1fr);
     column-gap: 4px;
  }

  .site-tariff-fees > .site-tariff-copy {
    text-align: center;
  }

  .site-tariff-fees > .site-tariff-copy > h2 {
    justify-content: center;
     text-align: center;
  }

  .site-tariff-fees > .site-tariff-table {
    justify-self: center;
  }
}

.global-payment-copy p {
  margin: 0px;
   padding: 0px;
   color: inherit;
   font: inherit;
}

.global-payment-strip .global-payment-title, .site-tariff-copy h2, .global-social-follow .global-social-title {
  font-size: 17px !important;
   line-height: 21px !important;
}

.global-payment-strip .global-payment-copy, .global-payment-strip .global-payment-copy p, .site-tariff-copy p, .cte_tariffs.site-tariff-fees .site-tariff-copy p, .global-social-follow p {
  font-size: 13px !important;
   line-height: 18px !important;
}

.global-payment-copy p + p {
  margin-top: 18px;
}

.site-tariff-flag {
  display: inline-block;
   width: 16px;
   height: 11px;
   margin-right: 7px;
   object-fit: contain;
   vertical-align: -1px;
}

.global-payment-strip .global-payment-title {
  margin-bottom: 13px;
}

.global-social-follow .global-social-title {
  margin-bottom: 13px;
}

@media (min-width: 1101px) {
  .global-social-follow {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 50%);
     column-gap: 4px;
     align-items: center;
  }

  .global-social-follow > .global-social-icons {
    grid-area: 1 / 1;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     justify-self: center;
     width: auto;
     max-width: none;
     padding-left: 0px;
     gap: 10px;
  }

  .global-social-follow > .global-social-icons > .global-social-button {
    flex: 0 0 43px;
     width: 190px;
     height: 43px;
  }

  .global-social-follow > p {
    grid-area: 1 / 2;
     align-self: center;
     transform: none;
     text-align: center;
  }
}

@media (min-width: 1101px) {
  .site-tariff-fees {
    align-items: start;
  }

  .site-tariff-fees > .site-tariff-copy {
    align-self: start;
  }
}

.aside .sidebar-faq-box .sidebar-faq-intro {
  border-bottom: 1px solid rgba(151, 125, 105, 0.2);
   text-align: left;
   margin: 3px 10px 10px !important;
   padding: 0px 0px 10px !important;
   color: rgb(104, 86, 77) !important;
   font: 13px / 18px Arial, sans-serif !important;
}

.aside .sidebar-faq-box .sidebar-faq-list {
  margin: 0px;
   padding: 0px;
   text-align: left;
}

.aside .sidebar-faq-box .sidebar-faq-item {
  border-bottom: 1px solid rgba(151, 125, 105, 0.14);
   background: transparent;
   transition: background 0.18s;
}

.aside .sidebar-faq-box .sidebar-faq-item > summary {
  box-sizing: border-box;
   position: relative;
   margin: 0px;
   padding: 5px 20px;
   color: rgb(98, 81, 71);
   font: 13px / 17px Arial, sans-serif;
   list-style: none;
   cursor: pointer;
}

.aside .sidebar-faq-box .sidebar-faq-item > summary::-webkit-details-marker {
  display: none;
}

.aside .sidebar-faq-box .sidebar-faq-item > summary::before {
  content: "·";
   position: absolute;
   left: 9px;
   top: 5px;
   color: rgb(154, 119, 97);
   font: bold 15px / 14px Georgia, serif;
}

.aside .sidebar-faq-box .sidebar-faq-item > summary::after {
  content: "";
   position: absolute;
   top: 50%;
   right: 7px;
   width: 5px;
   height: 5px;
   margin-top: -4px;
   border-right: 1px solid rgb(154, 119, 97);
   border-bottom: 1px solid rgb(154, 119, 97);
   transform: rotate(45deg);
   transition: transform 0.18s, margin-top 0.18s;
}

.aside .sidebar-faq-box .sidebar-faq-item > summary:hover, .aside .sidebar-faq-box .sidebar-faq-item > summary:focus {
  color: rgb(116, 19, 47);
   outline: none;
}

.aside .sidebar-faq-box .sidebar-faq-item > p {
  color: rgb(104, 86, 77);
   font: 12px / 17px Arial, sans-serif;
   text-align: left;
   margin: 0px !important;
   padding: 0px 9px 7px 20px !important;
}

.aside .sidebar-payment-box .sidebar-payment-intro {
  text-align: left;
   margin: 3px 10px 8px !important;
   padding: 0px !important;
   color: rgb(104, 86, 77) !important;
   font: 13px / 18px Arial, sans-serif !important;
}

.aside .sidebar-payment-box .sidebar-payment-intro:last-of-type {
  border-bottom: 1px solid rgba(151, 125, 105, 0.2);
   margin-bottom: 10px !important;
   padding-bottom: 10px !important;
}

.aside .sidebar-payment-box .sidebar-payment-logos {
  display: grid;
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 10px 8px;
   align-items: center;
   margin: 0px 5px;
   padding: 0px;
}

.aside .sidebar-payment-box .sidebar-payment-logos img {
  display: block;
   box-sizing: border-box;
   width: auto !important;
   max-width: 100% !important;
   height: auto !important;
   max-height: 44px !important;
   margin: 0px auto !important;
   padding: 0px !important;
   border: 0px !important;
   background: transparent !important;
}

.aside .responsive-esoteric-box .esoteric-knowledge-action {
  text-align: center;
   margin: 10px 0px 0px !important;
   padding: 0px !important;
   background: none !important;
}

.aside .access-method-box .esoteric-lexikon-button {
  border-color: rgb(111, 7, 31);
   background: url("/site/assets/images/buttons-hintergrund/b1e8204248146fa4a327397f.jpg") center center / cover repeat-x #cb2312;
   color: rgb(255, 255, 255);
   text-shadow: rgb(59, 7, 21) 0px 1px 1px;
}

.aside .access-method-box .esoteric-lexikon-button:hover, .aside .access-method-box .esoteric-lexikon-button:focus {
  border-color: rgb(87, 6, 26);
   filter: brightness(1.07);
   outline: none;
}

.aside .sidebar-referral-box .sidebar-referral-lead {
  text-align: center;
   margin: 3px 10px 8px !important;
   padding: 0px !important;
   color: rgb(116, 19, 47) !important;
   font: bold 13px / 18px Arial, sans-serif !important;
}

.aside .sidebar-referral-box .sidebar-referral-copy {
  text-align: left;
   margin: 0px 10px 8px !important;
   padding: 0px !important;
   color: rgb(104, 86, 77) !important;
   font: 13px / 18px Arial, sans-serif !important;
}

.aside .consultation-categories-box .consultation-categories-intro, .aside .sidebar-faq-box .sidebar-faq-intro, .aside .responsive-esoteric-box .esoteric-knowledge-copy, .aside .sidebar-payment-box .sidebar-payment-intro, .aside .sidebar-referral-box .sidebar-referral-copy {
  text-align: center !important;
}

.aside .sidebar-referral-box .sidebar-referral-contact a {
  display: block;
   color: rgb(91, 57, 46);
   font: 17px / 21px "Times New Roman", serif;
   text-decoration: none;
   word-break: break-word;
}

.aside .sidebar-referral-box .sidebar-referral-contact a:hover, .aside .sidebar-referral-box .sidebar-referral-contact a:focus {
  color: rgb(116, 19, 47);
   text-decoration: underline;
}

.aside .sidebar-referral-box .sidebar-referral-contact + .sidebar-referral-contact {
  border-top: 0px;
}

.aside .sidebar-referral-box .sidebar-referral-button {
  margin-top: 10px !important;
}

body:not(.fixed-home-layout) .aside .modern-live-advisors, body:not(.fixed-home-layout) .aside .consultation-categories-box, body:not(.fixed-home-layout) .aside .responsive-esoteric-box {
  display: none !important;
}

body.content-page-angebote #main .offer-box {
  text-align: center;
}

body.content-page-angebote #main .offer-image {
  display: block;
   position: relative;
   box-sizing: border-box;
   width: 100%;
   max-width: 420px;
   margin: 0px auto 16px;
}

body.content-page-angebote #main .offer-image img {
  display: block;
   box-sizing: border-box;
   padding: 3px;
   border: 1px solid rgb(189, 169, 153);
   border-radius: 3px;
   background: rgb(255, 255, 255);
   width: 100% !important;
   height: auto !important;
   max-width: 100% !important;
   margin: 0px !important;
   float: none !important;
}

body.content-page-angebote #main .offer-lead {
  text-transform: uppercase;
   letter-spacing: 0.2px;
   text-shadow: rgb(255, 255, 255) 0px 1px;
   margin: 0px 0px 12px !important;
   padding: 0px !important;
   color: rgb(116, 19, 47) !important;
   font: 20px / 26px "Times New Roman", serif !important;
}

body.content-page-angebote #main .offer-copy {
  max-width: 620px;
   margin: 0px auto 12px !important;
   padding: 0px !important;
   color: rgb(95, 81, 73) !important;
   font: 14px / 22px Arial, Helvetica, sans-serif !important;
}

body.content-page-angebote #main .offer-benefits {
  display: inline-block;
   list-style: none;
   text-align: left;
   margin: 4px 0px 18px !important;
   padding: 0px !important;
}

body.content-page-angebote #main .offer-benefits li {
  position: relative;
   margin: 0px 0px 6px;
   padding: 0px 0px 0px 26px;
   color: rgb(95, 81, 73);
   font: 14px / 22px Arial, Helvetica, sans-serif;
   list-style: none;
}

body.content-page-angebote #main .offer-benefits li::before {
  content: "";
   position: absolute;
   top: 6px;
   left: 4px;
   width: 5px;
   height: 10px;
   border-right: 2px solid rgb(77, 138, 47);
   border-bottom: 2px solid rgb(77, 138, 47);
   transform: rotate(42deg);
}

body.content-page-angebote #main .offer-action {
  margin: 0px !important;
   padding: 0px !important;
}

body.content-page-angebote #main .offer-button {
  box-sizing: border-box;
   display: inline-block;
   min-width: 240px;
   height: 43px;
   padding: 0px 22px;
   border: 1px solid rgb(88, 124, 45);
   border-radius: 3px;
   background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29;
   color: rgb(255, 255, 255);
   font: 22px / 41px Arvil, "Times New Roman", serif;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   text-shadow: rgba(44, 72, 16, 0.7) 0px 1px 0px;
   box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(38, 60, 16, 0.25) 0px 1px 2px;
}

body.content-page-angebote #main .offer-button:hover, body.content-page-angebote #main .offer-button:focus {
  border-color: rgb(70, 102, 31);
   filter: brightness(1.07);
   outline: none;
}

body.content-page-angebote #main .offer-contact {
  max-width: 340px;
   margin: 16px auto 0px;
}

body.content-page-angebote #main .offer-contact p {
  border-top: 1px solid rgba(137, 108, 88, 0.18);
   text-align: center;
   margin: 0px !important;
   padding: 7px 0px !important;
}

body.content-page-angebote #main .offer-contact p:last-child {
  border-bottom: 1px solid rgba(137, 108, 88, 0.18);
}

body.content-page-angebote #main .offer-contact span {
  display: block;
   color: rgb(120, 102, 90);
   font: 10px / 13px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

body.content-page-angebote #main .offer-contact strong, body.content-page-angebote #main .offer-contact a {
  display: block;
   color: rgb(91, 57, 46);
   font: 400 17px / 21px "Times New Roman", serif;
   text-decoration: none;
}

body.content-page-angebote #main .offer-contact a:hover, body.content-page-angebote #main .offer-contact a:focus {
  color: rgb(116, 19, 47);
   text-decoration: underline;
}

body:not(.fixed-home-layout) .global-payment-strip, body:not(.fixed-home-layout) .global-social-follow {
  display: none !important;
}

body.content-page-angebote #main .offer-image .ai-photo-badge {
  width: 28px;
   height: 28px;
   right: 8px !important;
   bottom: 8px !important;
}

.aside .sidebar-payment-kompakt .access-card-content {
  margin-top: 0px;
}

.aside .sidebar-payment-kompakt .sidebar-payment-logos {
  margin-top: 4px;
   margin-bottom: 4px;
}

.aside .sidebar-faq-kompakt .sidebar-faq-intro {
  padding-bottom: 9px !important;
}

.aside .sidebar-faq-kompakt .sidebar-faq-button {
  margin-top: 39px !important;
}

.aside .sidebar-faq-intro, .aside .sidebar-payment-intro, .aside .sidebar-referral-copy, .aside .consultation-categories-intro, .aside .esoteric-knowledge-copy {
  hyphens: auto;
   overflow-wrap: break-word;
}

body.content-page-angebote #main .offer-info-box .offer-copy:first-of-type {
  margin-top: 4px !important;
}

body.content-page-angebote #main .offer-button-info {
  border-color: rgb(118, 81, 47);
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   text-shadow: rgb(75, 50, 30) 0px 1px 0px;
   box-shadow: rgba(255, 255, 255, 0.32) 0px 1px 0px inset, rgba(67, 23, 28, 0.22) 0px 1px 2px;
}

body.content-page-angebote #main .offer-button-info:hover, body.content-page-angebote #main .offer-button-info:focus {
  border-color: rgb(95, 64, 37);
}

body.content-page-angebote #main .offer-info-box {
  padding-bottom: 20px !important;
}

body.content-page-angebote #main .offer-info-box .offer-copy {
  margin-bottom: 22px !important;
}

.aside .sidebar-faq-kompakt {
  padding-bottom: 39px !important;
}

.aside .sidebar-payment-kompakt {
  padding-bottom: 28px !important;
}

body.content-page-kundenanmeldung #main .registration-next-steps {
  padding-bottom: 16px !important;
}

body.content-page-kundenanmeldung #main .next-step-list {
  counter-reset: schritt 0;
   margin: 0px;
   padding: 0px;
   list-style: none;
}

body.content-page-kundenanmeldung #main .next-step {
  position: relative;
   margin: 0px;
   padding: 7px 2px 7px 38px;
   border-bottom: 1px solid rgba(151, 125, 105, 0.17);
}

body.content-page-kundenanmeldung #main .next-step:first-child {
  padding-top: 4px;
}

body.content-page-kundenanmeldung #main .next-step:last-child {
  border-bottom: 0px;
   padding-bottom: 9px;
}

body.content-page-kundenanmeldung #main .next-step::before {
  counter-increment: schritt 1;
   content: counter(schritt);
   position: absolute;
   top: 7px;
   left: 1px;
   box-sizing: border-box;
   width: 25px;
   height: 25px;
   border: 1px solid rgb(169, 138, 104);
   border-radius: 50%;
   background: rgba(240, 231, 220, 0.85);
   color: rgb(118, 81, 47);
   font: bold 13px / 23px Arial, sans-serif;
   text-align: center;
   text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

body.content-page-kundenanmeldung #main .next-step:first-child::before {
  top: 4px;
}

body.content-page-kundenanmeldung #main .next-step-title {
  border: 0px;
   background: none;
   color: rgb(75, 50, 30);
   font: bold 13px / 18px Arial, sans-serif;
   margin: 0px 0px 3px !important;
   padding: 0px !important;
}

body.content-page-kundenanmeldung #main .next-step-copy {
  color: rgb(89, 72, 63);
   font: 12px / 17px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px !important;
}

body.content-page-kundenanmeldung #main .next-step-note {
  border: 1px solid rgba(145, 173, 103, 0.55);
   border-radius: 3px;
   background: rgba(232, 242, 216, 0.5);
   color: rgb(74, 92, 51);
   font: 12px / 17px Arial, sans-serif;
   margin: 12px 0px 0px !important;
   padding: 9px 11px !important;
}

body.content-page-kundenanmeldung #main .next-step-note strong {
  color: rgb(63, 85, 39);
}

@media (max-width: 1100px) {
  body.content-page-kundenanmeldung #main .next-step {
    padding-left: 34px;
  }

  body.content-page-kundenanmeldung #main .next-step::before {
    width: 23px;
     height: 23px;
     line-height: 21px;
  }
}

body.content-page-kundenanmeldung #main .question-copy, body.content-page-berater-werden #main .question-copy {
  color: rgb(89, 72, 63);
   font: 13px / 19px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px !important;
}

body.content-page-kundenanmeldung #main .question-copy-lead, body.content-page-berater-werden #main .question-copy-lead {
  margin-bottom: 6px !important;
}

body.content-page-kundenanmeldung #main .question-copy-note, body.content-page-berater-werden #main .question-copy-note {
  color: rgb(125, 106, 92);
   font-style: italic;
   margin-top: 5px !important;
}

body.content-page-kundenanmeldung #main .question-phone, body.content-page-berater-werden #main .question-phone {
  white-space: nowrap;
}

body.content-page-kundenanmeldung #main .question-phone strong, body.content-page-berater-werden #main .question-phone strong {
  color: rgb(118, 81, 47);
   font: bold 14px / 19px Arial, sans-serif;
}

body.content-page-kundenanmeldung #main .question-action {
  margin: 16px 0px 0px !important;
   padding: 0px !important;
}

body.content-page-kundenanmeldung #main .question-button {
  box-sizing: border-box;
   display: inline-block;
   min-width: 240px;
   height: 43px;
   padding: 0px 22px;
   border: 1px solid rgb(118, 81, 47);
   border-radius: 3px;
   background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26;
   color: rgb(255, 255, 255);
   font: 22px / 41px Arvil, "Times New Roman", serif;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   text-shadow: rgb(75, 50, 30) 0px 1px 0px;
   box-shadow: rgba(255, 255, 255, 0.32) 0px 1px 0px inset, rgba(67, 23, 28, 0.22) 0px 1px 2px;
}

body.content-page-kundenanmeldung #main .question-button:hover, body.content-page-kundenanmeldung #main .question-button:focus {
  border-color: rgb(95, 64, 37);
   filter: brightness(1.07);
   outline: none;
}

@media (max-width: 1100px) {
  body.content-page-kundenanmeldung #main .question-button {
    min-width: 0px;
     width: 100%;
  }
}

body.content-page-kundenanmeldung #main .question-footer, body.content-page-berater-werden #main .question-footer {
  margin-top: 6px;
}

body.content-page-kundenanmeldung #main .question-footer .question-action {
  margin: 22px 0px 0px !important;
}

body.content-page-kundenanmeldung #main .registration-next-steps .page-section-box-title {
  padding: 0px 62px !important;
}

body.content-page-kundenanmeldung #main .registration-question-box, body.content-page-berater-werden #main .registration-question-box {
  text-align: center;
}

body.content-page-kundenanmeldung #main .question-hours-line, body.content-page-berater-werden #main .question-hours-line {
  color: rgb(75, 50, 30);
   font: 13px / 20px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px !important;
}

body.content-page-kundenanmeldung #main .question-hours-label, body.content-page-berater-werden #main .question-hours-label {
  color: rgb(125, 106, 92);
}

body.content-page-kundenanmeldung #main .question-hours-line strong, body.content-page-berater-werden #main .question-hours-line strong {
  color: rgb(75, 50, 30);
   font: bold 13px / 20px Arial, sans-serif;
}

body.content-page-kundenanmeldung #main .question-status, body.content-page-berater-werden #main .question-status {
  display: inline;
   font: bold 13px / 20px Arial, sans-serif;
}

body.content-page-kundenanmeldung #main .question-status.is-online, body.content-page-berater-werden #main .question-status.is-online {
  color: rgb(74, 122, 30);
}

body.content-page-kundenanmeldung #main .registration-question-box, body.content-page-berater-werden #main .registration-question-box {
  margin-bottom: 0px !important;
   padding-bottom: 27px !important;
}

body.content-page-berater-werden #main .advisor-copy {
  color: rgb(89, 72, 63);
   font: 13px / 20px Arial, sans-serif;
   margin: 0px 0px 11px !important;
   padding: 0px !important;
}

body.content-page-berater-werden #main .advisor-copy:last-child {
  margin-bottom: 0px !important;
}

body.content-page-berater-werden #main .advisor-copy-lead {
  margin-bottom: 14px !important;
}

body.content-page-berater-werden #main .advisor-exclusive-info-box {
  padding-bottom: 18px !important;
}

body.content-page-berater-werden #main .advisor-exclusive-copy {
  color: rgb(74, 63, 56);
   font: 13px / 1.7 Verdana, Arial, sans-serif;
}

body.content-page-berater-werden #main .advisor-exclusive-copy p {
  margin: 0px 0px 10px !important;
   padding: 0px !important;
}

body.content-page-berater-werden #main .advisor-exclusive-copy p:last-child {
  margin-bottom: 0px !important;
}

body.content-page-berater-werden #main .advisor-exclusive-confirmation-note {
  position: relative;
   border: 1px solid rgba(124, 16, 51, 0.2);
   border-radius: 5px;
   background: rgba(255, 255, 255, 0.62);
   color: rgb(85, 70, 62);
   font: 12px / 18px Arial, sans-serif;
   box-shadow: rgba(70, 35, 26, 0.07) 0px 1px 4px;
   margin: 15px 0px 0px !important;
   padding: 13px 15px 13px 43px !important;
}

body.content-page-berater-werden #main .advisor-exclusive-confirmation-note::before {
  position: absolute;
   top: 50%;
   left: 14px;
   display: flex;
   width: 19px;
   height: 19px;
   align-items: center;
   justify-content: center;
   border: 1px solid rgb(157, 107, 123);
   border-radius: 50%;
   background: rgb(255, 255, 255);
   color: rgb(124, 16, 51);
   content: "i";
   font: italic bold 12px / 19px Georgia, serif;
   transform: translateY(-50%);
}

body.content-page-berater-werden #main .advisor-exclusive-confirmation-note strong {
  color: rgb(116, 19, 47);
}

body.content-page-berater-werden #main .advisor-exclusive-choice {
  box-sizing: border-box;
   display: grid;
   width: 100%;
   margin: 16px 0px 0px;
   padding: 12px 14px;
   grid-template-columns: 20px minmax(0px, 1fr);
   gap: 10px;
   align-items: center;
   border: 1px solid rgba(148, 119, 98, 0.34);
   border-radius: 4px;
   background: rgba(244, 237, 229, 0.72);
   color: rgb(93, 75, 64);
   cursor: pointer;
}

body.content-page-berater-werden #main .advisor-exclusive-choice input {
  align-self: center;
   width: 17px;
   height: 17px;
   margin: 0px;
   accent-color: rgb(124, 16, 51);
}

body.content-page-berater-werden #main .advisor-exclusive-choice span {
  display: block;
}

body.content-page-berater-werden #main .advisor-exclusive-choice > span {
  color: rgb(93, 75, 64);
   font: 12px / 18px Arial, sans-serif;
}

body.content-page-berater-werden #main .advisor-exclusive-choice:has(input:checked) {
  border-color: rgb(159, 189, 129);
   background: rgba(239, 247, 229, 0.8);
   box-shadow: rgb(118, 169, 77) 3px 0px inset;
}

body.content-page-berater-werden #main .advisor-benefit-list, body.content-page-berater-werden #main .advisor-requirement-list {
  display: grid;
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 0px 18px;
   margin: 0px;
   padding: 0px;
   list-style: none;
}

body.content-page-berater-werden #main .advisor-benefit-list > li, body.content-page-berater-werden #main .advisor-requirement-list > li {
  position: relative;
   margin: 0px;
   padding: 9px 2px 9px 28px;
   border-bottom: 1px solid rgba(151, 125, 105, 0.17);
}

body.content-page-berater-werden #main .advisor-benefit-list > li:nth-child(-n+2), body.content-page-berater-werden #main .advisor-requirement-list > li:nth-child(-n+2) {
  padding-top: 3px;
}

body.content-page-berater-werden #main .advisor-benefit-list > li:nth-last-child(-n+2), body.content-page-berater-werden #main .advisor-requirement-list > li:nth-last-child(-n+2) {
  border-bottom: 0px;
   padding-bottom: 2px;
}

body.content-page-berater-werden #main .advisor-benefit-list > li::before, body.content-page-berater-werden #main .advisor-requirement-list > li::before {
  content: "✓";
   position: absolute;
   top: 10px;
   left: 0px;
   box-sizing: border-box;
   width: 20px;
   height: 20px;
   border: 1px solid rgb(145, 173, 103);
   border-radius: 50%;
   background: rgba(232, 242, 216, 0.72);
   color: rgb(95, 139, 39);
   font: bold 12px / 18px Arial, sans-serif;
   text-align: center;
   text-shadow: rgb(255, 255, 255) 0px 1px;
}

body.content-page-berater-werden #main .advisor-benefit-list > li:nth-child(-n+2)::before, body.content-page-berater-werden #main .advisor-requirement-list > li:nth-child(-n+2)::before {
  top: 4px;
}

body.content-page-berater-werden #main .advisor-requirement-list > li::before {
  border-color: rgb(169, 138, 104);
   background: rgba(240, 231, 220, 0.85);
   color: rgb(118, 81, 47);
   content: "•";
   font: bold 17px / 17px Arial, sans-serif;
   text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

body.content-page-berater-werden #main .advisor-benefit-list strong, body.content-page-berater-werden #main .advisor-requirement-list strong {
  display: block;
   margin-bottom: 2px;
   color: rgb(75, 50, 30);
   font: bold 13px / 18px Arial, sans-serif;
}

body.content-page-berater-werden #main .advisor-benefit-list span, body.content-page-berater-werden #main .advisor-requirement-list span {
  display: block;
   color: rgb(89, 72, 63);
   font: 12px / 17px Arial, sans-serif;
}

@media (max-width: 1100px) {
  body.content-page-berater-werden #main .advisor-benefit-list, body.content-page-berater-werden #main .advisor-requirement-list {
    grid-template-columns: minmax(0px, 1fr);
  }
}

body.content-page-berater-werden #main .advisor-rate-calc {
  margin: 0px;
}

body.content-page-berater-werden #main .advisor-rate-input > label {
  display: block;
   color: rgb(138, 122, 94);
   font: bold 11px / 15px Arial, sans-serif;
   letter-spacing: 0.7px;
   text-transform: uppercase;
   margin: 0px 0px 6px !important;
   padding: 0px !important;
}

body.content-page-berater-werden #main .advisor-rate-field {
  display: flex;
   align-items: stretch;
}

body.content-page-berater-werden #main .advisor-rate-field .tariff {
  box-sizing: border-box;
   flex: 1 1 auto;
   width: auto;
   min-width: 0px;
   height: 46px;
   margin: 0px;
   padding: 0px 14px;
   border: 1px solid rgb(216, 206, 198);
   border-radius: 4px;
   background: rgb(255, 255, 255);
   color: rgb(124, 16, 51);
   font: bold 21px / 44px Arial, sans-serif;
   text-align: right;
}

body.content-page-berater-werden #main .advisor-rate-field .tariff:focus {
  border-color: rgb(169, 138, 104);
   outline: none;
   box-shadow: rgba(169, 138, 104, 0.18) 0px 0px 0px 2px;
}

body.content-page-berater-werden #main .advisor-rate-unit {
  display: flex;
   flex: 0 0 auto;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
   border: 1px solid rgb(216, 206, 198);
   border-radius: 4px;
   background: rgb(244, 240, 236);
   color: rgb(125, 106, 92);
   font: 13px / 16px Arial, sans-serif;
}

body.content-page-berater-werden #main .advisor-rate-cards {
  display: grid;
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 14px;
   margin-top: 16px;
}

body.content-page-berater-werden #main .advisor-rate-card {
  box-sizing: border-box;
   padding: 13px 12px 14px;
   text-align: center;
   border: 1px solid rgb(226, 219, 212);
   border-radius: 5px;
   background: rgb(251, 249, 247);
}

body.content-page-berater-werden #main .advisor-rate-card-exclusive {
  border-color: rgb(219, 205, 184);
   background: rgb(253, 250, 245);
}

body.content-page-berater-werden #main .advisor-rate-card-title {
  border: 0px;
   background: none;
   color: rgb(138, 122, 94);
   font: bold 11px / 15px Arial, sans-serif;
   letter-spacing: 0.7px;
   text-transform: uppercase;
   margin: 0px 0px 7px !important;
   padding: 0px !important;
}

body.content-page-berater-werden #main .advisor-rate-amount {
  color: rgb(124, 16, 51);
   font: bold 24px / 28px Arial, sans-serif;
   margin: 0px 0px 6px !important;
   padding: 0px !important;
}

body.content-page-berater-werden #main .advisor-rate-sub {
  color: rgb(138, 122, 94);
   font: 12px / 16px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px !important;
}

@media (max-width: 1100px) {
  body.content-page-berater-werden #main .advisor-rate-cards {
    grid-template-columns: minmax(0px, 1fr);
  }
}

body.content-page-berater-werden #main .advisor-rate-input-net {
  margin-top: 12px;
}

body.content-page-berater-werden #main .advisor-rate-netprice {
  box-sizing: border-box;
   flex: 1 1 auto;
   width: auto;
   min-width: 0px;
   height: 46px;
   margin: 0px;
   padding: 0px 14px;
   border: 1px solid rgb(226, 219, 212);
   border-radius: 4px;
   background: rgb(247, 244, 241);
   color: rgb(138, 106, 90);
   font: bold 21px / 44px Arial, sans-serif;
   text-align: right;
   cursor: default;
}

body.content-page-berater-werden #main .advisor-rate-netprice:focus {
  outline: none;
   border-color: rgb(226, 219, 212);
   box-shadow: none;
}

body.content-page-berater-werden #main .advisor-rate-input > label {
  white-space: nowrap;
}

body.content-page-berater-werden #main .advisor-rate-field {
  gap: 3px;
}

body.content-page-berater-werden #main .advisor-rate-unit {
  min-width: 58px;
   padding: 0px 9px;
}

body.content-page-berater-werden #main .advisor-portal-grid {
  display: grid;
   grid-template-columns: repeat(3, minmax(0px, 1fr));
   gap: 7px;
   margin-top: 0px;
}

body.content-page-berater-werden #main .advisor-portal {
  box-sizing: border-box;
   display: block;
   padding: 6px 8px 5px;
   border: 1px solid rgb(228, 217, 205);
   border-radius: 8px;
   background: rgb(255, 255, 255);
   text-align: center;
   text-decoration: none;
}

body.content-page-berater-werden #main .advisor-portal:hover, body.content-page-berater-werden #main .advisor-portal:focus {
  border-color: rgb(201, 180, 156);
   outline: none;
   box-shadow: rgba(124, 16, 51, 0.1) 0px 1px 3px;
}

body.content-page-berater-werden #main .advisor-portal-image {
  display: block;
   margin-bottom: 3px;
   line-height: 0;
}

body.content-page-berater-werden #main .advisor-portal-image img {
  height: auto;
   margin: 0px;
   background: none;
   padding: 0px !important;
   border: 0px !important;
}

body.content-page-berater-werden #main .advisor-portal-name {
  display: block;
   color: rgb(124, 16, 51);
   font: 15px / 19px "Times New Roman", Times, serif;
}

body.content-page-berater-werden #main .advisor-portal-url {
  display: block;
   margin-top: 2px;
   color: rgb(139, 122, 109);
   font: 10px / 14px Verdana, Arial, sans-serif;
}

@media (max-width: 1100px) {
  body.content-page-berater-werden #main .advisor-portal-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

body.content-page-berater-werden #main .advisor-portal-image img {
  max-width: 94px;
}

body.content-page-passwort-vergessen #main .mod_passreset {
  position: relative;
}

body.content-page-passwort-vergessen #main .passreset-confirm {
  display: flex;
   position: absolute;
   inset: 0px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 0px 12px;
   text-align: center;
}

body.content-page-passwort-vergessen #main .passreset-confirm[hidden] {
  display: none;
}

body.content-page-passwort-vergessen #main .passreset-check {
  display: flex;
   width: 58px;
   height: 58px;
   margin-bottom: 15px;
   align-items: center;
   justify-content: center;
   border: 2px solid rgb(109, 161, 44);
   border-radius: 50%;
   background: rgba(232, 242, 216, 0.7);
   color: rgb(74, 122, 30);
   font: 32px / 1 Arial, sans-serif;
   text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

body.content-page-passwort-vergessen #main .passreset-confirm-text {
  color: rgb(75, 50, 30);
   font: bold 14px / 20px Arial, sans-serif;
   margin: 0px 0px 7px !important;
   padding: 0px !important;
}

body.content-page-passwort-vergessen #main .passreset-confirm-hint {
  color: rgb(125, 106, 92);
   font: 13px / 19px Arial, sans-serif;
   margin: 0px !important;
   padding: 0px !important;
}

#wrapper .aside .social-media-box {
  text-align: center;
}

#wrapper .aside .social-media-box .social-media-copy {
  color: rgb(93, 86, 79);
   font: 13px / 19px Arial, sans-serif;
   margin: 0px 0px 12px !important;
   padding: 0px !important;
}

#wrapper .aside .social-media-box .social-media-copy strong {
  color: rgb(75, 50, 30);
}

#wrapper .aside .social-media-box .social-media-buttons {
  display: flex;
   flex-direction: column;
   gap: 8px;
}

#wrapper .aside .social-media-box .social-media-button {
  box-sizing: border-box;
   display: flex;
   width: 100%;
   height: 43px;
   padding: 0px 0px 0px 20px;
   overflow: hidden;
   align-items: stretch;
   justify-content: center;
   border: 1px solid transparent;
   border-radius: 3px;
   box-shadow: rgba(45, 35, 31, 0.16) 0px 1px 2px, rgba(255, 255, 255, 0.16) 0px 1px inset;
   color: rgb(255, 255, 255);
   font: 20px / 41px Arvil, "Times New Roman", serif;
   letter-spacing: -0.1px;
   text-decoration: none;
   text-transform: uppercase;
   text-shadow: rgba(0, 0, 0, 0.22) 0px 1px 1px;
}

#wrapper .aside .social-media-box .social-media-button.is-facebook {
  border-color: rgb(54, 85, 140);
   background: linear-gradient(rgb(88, 120, 181) 0%, rgb(69, 103, 163) 100%);
}

#wrapper .aside .social-media-box .social-media-button.is-instagram {
  border-color: rgb(196, 79, 105);
   background: linear-gradient(105deg, rgb(242, 170, 55) 0%, rgb(238, 103, 87) 39%, rgb(199, 68, 142) 69%, rgb(118, 84, 189) 100%);
}

#wrapper .aside .social-media-box .social-media-button:hover, #wrapper .aside .social-media-box .social-media-button:focus {
  border-color: rgb(212, 214, 218);
   background: rgb(255, 255, 255);
   box-shadow: rgba(45, 35, 31, 0.16) 0px 2px 6px, rgb(255, 255, 255) 0px 1px inset;
   outline: none;
   text-shadow: none;
}

#wrapper .aside .social-media-box .social-media-button.is-facebook:hover, #wrapper .aside .social-media-box .social-media-button.is-facebook:focus {
  color: rgb(66, 99, 157);
}

#wrapper .aside .social-media-box .social-media-button.is-instagram:hover, #wrapper .aside .social-media-box .social-media-button.is-instagram:focus {
  color: rgb(179, 63, 130);
}

#wrapper .aside .social-media-box .social-media-button img {
  box-sizing: content-box;
   flex: 0 0 auto;
   object-fit: contain;
   width: 22px !important;
   max-width: none !important;
   height: 22px !important;
   max-height: none !important;
   margin: 0px !important;
   padding: 10px 9px !important;
   border: 0px !important;
   background: rgba(0, 0, 0, 0.13) !important;
   filter: brightness(0) invert(1) !important;
}

#wrapper .aside .social-media-box .social-media-button:hover img, #wrapper .aside .social-media-box .social-media-button:focus img {
  background: rgba(0, 0, 0, 0.06) !important;
   filter: none !important;
}

#wrapper .aside .social-media-box .social-media-button span {
  display: flex;
   flex: 1 1 auto;
   min-width: 0px;
   padding: 0px 9px;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
}

@media (max-width: 1100px) {
  body:not(.fixed-home-layout) #wrapper .aside .new-customer-sidebar-box, body:not(.fixed-home-layout) #wrapper .aside .sidebar-payment-box {
    display: none !important;
  }

  body:not(.fixed-home-layout):not(.content-page-kundenanmeldung) #wrapper .aside .mod_login {
    display: none !important;
  }

  body.content-page-angebote #wrapper .aside .newRatings, body.content-page-angebote #wrapper .aside .newAgents, body.content-page-hilfe #wrapper .aside .newRatings, body.content-page-hilfe #wrapper .aside .newAgents {
    display: none !important;
  }
}

#footer .site-footer-nav > a {
  color: rgb(63, 47, 36) !important;
   transition: none !important;
}

#footer .site-footer-nav > a:hover, #footer .site-footer-nav > a:focus {
  color: rgb(63, 47, 36) !important;
   background: transparent !important;
}

#footer .site-footer-separator {
  color: rgb(122, 102, 86) !important;
}

#footer .site-footer-copyright {
  color: rgb(84, 71, 62) !important;
}

#footer .site-footer-copyright strong {
  color: rgb(63, 47, 36) !important;
}

#footer .site-footer-nav > .site-footer-revoke {
  transition: none !important;
}

#footer .site-footer-nav > .site-footer-revoke:hover, #footer .site-footer-nav > .site-footer-revoke:focus {
  background: rgb(103, 84, 69) !important;
   color: rgb(255, 255, 255) !important;
}

@media (max-width: 1100px) {
  #footer {
    padding: 20px 14px 0px !important;
     border: 0px !important;
  }

  #footer > .inside {
    margin: 0px !important;
     padding: 0px !important;
  }

  #footer .site-footer-content {
    padding: 0px;
  }

  #footer .site-footer-content::before {
    content: "";
     display: block;
     margin: 0px auto 14px;
  }

  #footer .site-footer-nav {
    flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     display: flex !important;
     gap: 0px !important;
     margin: 0px 0px 4px !important;
     padding: 0px 0px 14px !important;
     border-width: 0px 0px 1px !important;
     border-style: none none solid !important;
     border-top-color: currentcolor !important;
     border-right-color: currentcolor !important;
     border-left-color: currentcolor !important;
     border-image: none !important;
     font-family: Arial, sans-serif !important;
  }

  #footer .site-footer-nav > a {
    box-sizing: border-box;
     min-height: 40px;
     align-items: center;
     justify-content: center;
     display: inline-flex !important;
     margin: 0px !important;
     padding: 6px 11px !important;
     border: 0px !important;
     border-radius: 5px !important;
     background: transparent !important;
     color: rgba(255, 255, 255, 0.9) !important;
     font: 13px / 18px Arial, sans-serif !important;
     text-decoration: none !important;
     text-transform: none !important;
  }

  #footer .site-footer-nav > a:hover, #footer .site-footer-nav > a:focus {
    background: transparent !important;
     color: rgba(255, 255, 255, 0.9) !important;
  }

  #footer .site-footer-separator {
    width: 3px;
     height: 3px;
     overflow: hidden;
     border-radius: 50%;
     display: inline-block !important;
     margin: 0px !important;
     padding: 0px !important;
     color: transparent !important;
     font-size: 0px !important;
     line-height: 0 !important;
  }

  #footer .site-footer-nav > .site-footer-revoke {
    box-sizing: border-box;
     min-height: 32px;
     align-items: center;
     justify-content: center;
     letter-spacing: 0.3px;
     display: inline-flex !important;
     width: auto !important;
     margin: 0px 0px 0px 6px !important;
     padding: 0px 12px !important;
     border: 1px solid rgba(255, 255, 255, 0.32) !important;
     border-radius: 16px !important;
     background: transparent !important;
     color: rgba(255, 255, 255, 0.9) !important;
     font: bold 11px / 16px Arial, sans-serif !important;
     box-shadow: none !important;
  }

  #footer .site-footer-nav > .site-footer-revoke:hover, #footer .site-footer-nav > .site-footer-revoke:focus {
    background: transparent !important;
     color: rgba(255, 255, 255, 0.9) !important;
  }

  #footer .site-footer-copyright {
    text-align: center;
     margin: 0px !important;
     padding: 12px 8px 16px !important;
     border: 0px !important;
     background: transparent !important;
     font: 12px / 16px Arial, sans-serif !important;
  }

  #footer .site-footer-copyright em {
    font-style: normal;
  }

  #footer .site-footer-copyright strong {
    font: 15px / 18px "Times New Roman", Times, serif !important;
  }
}

@media (max-width: 600px) {
  #footer {
    padding: 18px 10px 0px !important;
  }

  #footer .site-footer-content::before {
    margin-bottom: 12px;
  }

  #footer .site-footer-nav > a {
    padding: 6px 9px !important;
     font-size: 12.5px !important;
  }
}

@media (max-width: 1100px) {
  #footer > .inside {
    background: none !important;
     box-shadow: none !important;
     border: 0px !important;
  }

  #footer .site-footer-content::before {
    width: 152px;
     height: 57px;
     background: url("/site/assets/images/portallogos/logo-esophia.png") -27px -36px / 208px auto no-repeat;
  }

  #header .logo {
    filter: brightness(0) invert(1);
     width: 134px !important;
     height: 51px !important;
     top: 10px !important;
     background: url("/site/assets/images/portallogos/logo-esophia.png") -24px -32px / 183px auto no-repeat !important;
  }
}

@media (max-width: 600px) {
  #footer .site-footer-content::before {
    width: 134px;
     height: 51px;
     background: url("/site/assets/images/portallogos/logo-esophia.png") -24px -32px / 183px auto no-repeat;
  }
}

@media (max-width: 1100px) {
  #footer .site-footer-content::before {
    filter: none !important;
     opacity: 1 !important;
  }
}

@media (max-width: 1100px) {
  #footer {
    box-sizing: border-box;
     width: 100% !important;
     max-width: none !important;
     margin: 0px !important;
     background: transparent !important;
     box-shadow: none !important;
  }

  #footer > .inside {
    width: 100% !important;
     max-width: none !important;
  }

  #footer .site-footer-nav {
    border-bottom-color: rgba(255, 255, 255, 0.18) !important;
  }

  #footer .site-footer-nav > a, #footer .site-footer-nav > a:hover, #footer .site-footer-nav > a:focus {
    color: rgba(255, 255, 255, 0.92) !important;
     background: transparent !important;
  }

  #footer .site-footer-separator {
    background: rgba(255, 255, 255, 0.34) !important;
  }

  #footer .site-footer-copyright {
    color: rgba(255, 255, 255, 0.66) !important;
  }

  #footer .site-footer-copyright strong {
    color: rgba(255, 255, 255, 0.94) !important;
  }

  #footer .site-footer-content::before, #header .logo {
    filter: none !important;
  }
}

@media (max-width: 1100px) {
  #footer .site-footer-nav > .site-footer-revoke, #footer .site-footer-nav > .site-footer-revoke:hover, #footer .site-footer-nav > .site-footer-revoke:focus {
    border: 1px solid rgb(79, 64, 53) !important;
     border-radius: 16px !important;
     background: rgb(103, 84, 69) !important;
     color: rgb(255, 255, 255) !important;
     box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 2px !important;
  }
}

@media (max-width: 1100px) {
  #main .agentlist .article > .right .button {
    border: 1px solid transparent !important;
     border-radius: 4px !important;
     background-repeat: repeat-x !important;
     background-size: cover !important;
     background-position: center center !important;
     color: rgb(255, 255, 255) !important;
     box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px !important;
  }

  #main .agentlist .article > .right .button.online, #main .agentlist .article > .right .button.chat.online {
    border-color: rgb(88, 124, 45) !important;
     background-color: rgb(113, 155, 60) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") !important;
     text-shadow: rgba(44, 72, 16, 0.7) 0px 1px !important;
  }

  #main .agentlist .article > .right .button.email {
    border-color: rgb(199, 173, 137) !important;
     background-color: rgb(234, 216, 188) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") !important;
     color: rgb(103, 84, 69) !important;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px !important;
  }

  #main .agentlist .article > .right .button.busy, #main .agentlist .article > .right .button.chat.busy {
    border-color: rgb(157, 26, 13) !important;
     background-color: rgb(205, 35, 18) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/imgespraech.jpg") !important;
     text-shadow: rgba(90, 12, 5, 0.7) 0px 1px !important;
  }

  #main .agentlist .article > .right .button.offline, #main .agentlist .article > .right .button.chat.offline {
    border-color: rgb(184, 184, 184) !important;
     background-color: rgb(225, 225, 225) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-chat-offline-hellgrau.webp") !important;
     color: rgb(79, 79, 79) !important;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px !important;
  }

  #main .agentlist .article > .right .button.break, #main .agentlist .article > .right .button.chat.break {
    border-color: rgb(205, 179, 103) !important;
     background-color: rgb(255, 242, 184) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-pause-hellgelb-neu.png") !important;
     color: rgb(87, 74, 37) !important;
     text-shadow: rgba(255, 255, 255, 0.72) 0px 1px !important;
  }

  #main .agentlist .article > .right .button:hover {
    filter: brightness(1.07);
     background-position: center center !important;
  }

  #container > .site-footer-info-box {
    order: 98;
  }
}

@media (max-width: 1100px) {
  #wrapper .aside .block > .button, #wrapper .aside .new-customer-register, #wrapper .aside .access-method-primary, #wrapper .aside .access-method-secondary, #wrapper .aside .access-0900-advisors, #wrapper .aside .responsive-new-agent-profile {
    box-sizing: border-box !important;
     width: 100% !important;
     max-width: none !important;
     margin-left: 0px !important;
     margin-right: 0px !important;
  }
}

@media (max-width: 1100px) {
  #wrapper .aside .sidebar-payment-box .access-method-image {
    display: block !important;
     width: 100% !important;
     max-width: 100% !important;
  }

  #wrapper .aside .sidebar-payment-box .access-card-content img {
    box-sizing: border-box;
     display: block;
     width: 100% !important;
     max-width: 100% !important;
     height: auto !important;
     margin: 0px auto !important;
  }

  #wrapper .aside .responsive-tariff-mobile-copy {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  #main .agentlist .article .left > a.rating {
    grid-column: 1 / -1;
     width: auto !important;
  }

  #main .agentlist .article a.rating .stars {
    width: auto !important;
     padding-left: 79px !important;
     text-align: left !important;
  }

  #main .agentlist .article > .right small.tariff.campaign, #main .agentlist .article:has(.weekagent) > .right .tariff.campaign {
    background-size: 16px 200px !important;
     background-position: -2px -67px !important;
     padding-left: 15px !important;
  }

  #main .agent_search > .tabnav {
    border-bottom: 0px;
  }

  #main .agent_search > .tabnav > li {
    margin: 0px;
  }

  #main .agent_search > .tabnav > li + li {
    margin-left: -1px;
  }

  #main .agent_search > .tabnav > li > a {
    box-sizing: border-box;
     height: 34px;
     margin: 0px;
     padding: 0px 12px;
     border-width: 0px 1px 1px;
     border-style: none solid solid;
     border-color: currentcolor rgb(207, 199, 191) rgb(207, 199, 191);
     border-image: none;
     border-radius: 0px;
     text-align: center;
     background: linear-gradient(rgb(227, 217, 206) 0px, rgb(239, 235, 229) 11%, rgb(245, 242, 240) 22%, rgb(243, 240, 239) 39%, rgb(242, 238, 235) 56%, rgb(247, 244, 244) 72%, rgb(243, 240, 239) 89%, rgb(210, 202, 202) 100%) !important;
     color: rgb(85, 85, 85) !important;
     font: 18px / 33px Arvil, "Times New Roman", serif !important;
     text-shadow: rgb(255, 255, 255) 0px -1px 0px !important;
  }

  #main .agent_search > .tabnav > li.active > a {
    position: relative;
     z-index: 1;
     border-width: 0px 1px 1px;
     border-style: none solid solid;
     border-color: currentcolor rgb(118, 81, 47) rgb(118, 81, 47);
     border-image: none;
     background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26 !important;
     color: rgb(255, 255, 255) !important;
     text-shadow: rgb(75, 50, 30) 0px 1px 0px !important;
  }

  .mobile-access-0900, .mobile-access-prepaid {
    box-sizing: border-box;
     border: 1px solid rgb(118, 81, 47) !important;
     border-radius: 4px !important;
     background: linear-gradient(90deg,rgba(62,43,38,.55) 0%,rgba(62,43,38,.4) 18%,rgba(62,43,38,0) 38%,rgba(62,43,38,0) 62%,rgba(62,43,38,.4) 82%,rgba(62,43,38,.55) 100%), url("/site/assets/images/buttons-hintergrund/button-aktion-schwarzbraun-strip-hd.webp") center center / cover repeat-x #3e2b26 !important;
     color: rgb(255, 255, 255) !important;
     text-shadow: rgb(75, 50, 30) 0px 1px 0px !important;
     box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(54, 43, 34, 0.16) 0px 1px 3px !important;
  }

  #wrapper .aside .social-media-box .social-media-button {
    position: relative;
     padding: 0px !important;
  }

  #wrapper .aside .social-media-box .social-media-button span {
    width: 100%;
     padding: 0px 46px !important;
  }

  #wrapper .aside .access-method-box .access-method-image, #wrapper .aside .access-method-box .ai-photo-badge-link {
    line-height: 0;
     display: block !important;
     width: 100% !important;
     max-width: 100% !important;
     height: auto !important;
  }

  #wrapper .aside .access-method-box .access-method-image img, #wrapper .aside .access-method-box .ai-photo-badge-link img {
    display: block !important;
     width: 100% !important;
     max-width: 100% !important;
     height: auto !important;
  }
}

@media (max-width: 1100px) {
  #wrapper .aside .access-method-box .sidebar-payment-logos img {
    width: auto !important;
     max-width: 100% !important;
     height: auto !important;
     object-fit: contain !important;
  }

  #wrapper .aside .social-media-box .social-media-button img {
    position: absolute;
     top: 50%;
     left: 0px;
     box-sizing: content-box !important;
     width: 22px !important;
     height: 22px !important;
     margin: -21px 0px 0px !important;
     padding: 10px 9px !important;
  }
}

@media (max-width: 1100px) {
  #main .agentlist .article > .left {
    grid-template-rows: 104px 20px 20px 26px !important;
  }

  #main .agentlist .article > .left > a.rating {
    grid-area: 4 / 1 / auto / -1 !important;
  }
}

@media (max-width: 1100px) {
  #main .agentlist .article > .left > .calls, #main .agentlist .article > .left > a.rating {
    display: block !important;
     float: none !important;
     clear: both !important;
  }

  #main .agentlist .article > .left > .ddi {
    align-self: center;
     display: block !important;
     float: none !important;
     clear: both !important;
     position: static !important;
     left: auto !important;
     top: auto !important;
     width: auto !important;
     margin: 0px !important;
     grid-column: 1 / -1 !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  #main .agentlist .article > .left > .ddi {
    position: absolute !important;
     left: 17px !important;
     top: 167px !important;
     width: auto !important;
     clear: none !important;
  }
}

.tablet-box-grid[hidden] {
  display: none;
}

@media (min-width: 601px) and (max-width: 1100px) {
  #wrapper .tablet-box-grid {
    box-sizing: border-box;
     display: grid;
     order: 97;
     grid-template-columns: repeat(2, minmax(0px, 1fr));
     gap: 20px;
     width: 100%;
     margin: 0px 0px 20px;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  #wrapper .aside.tablet-box-grid {
    clear: both;
     float: none !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  body #main .agent_search > ul.tabnav.has-0900-tab > li > a {
    font: 16px / 33px Arvil, "Times New Roman", serif !important;
  }
}

@media (max-width: 700px) {
  body #main .agent_search > ul.tabnav.has-0900-tab {
    grid-template-columns: 0.72fr 1.22fr 0.72fr 0.82fr 0.68fr 1.18fr 0.96fr !important;
  }

  body #main .agent_search > ul.tabnav.has-0900-tab > li > a {
    font: 14px / 33px Arvil, "Times New Roman", serif !important;
     letter-spacing: -0.2px !important;
  }
}

@media (max-width: 360px) {
  body #main .agent_search > ul.tabnav.has-0900-tab > li > a {
    font-size: 12.5px !important;
  }
}

@media (max-width: 1100px) {
  body #main .agentlist .article > .right > a.button.email {
    border: 1px solid rgb(199, 173, 137) !important;
     background: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") center center / cover repeat-x #f8ecd6 !important;
     color: rgb(103, 84, 69) !important;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px !important;
     box-shadow: rgba(255, 255, 255, 0.7) 0px 1px inset, rgba(54, 43, 34, 0.14) 0px 1px 3px !important;
  }

  body #main .agentlist .article > .right > .chat {
    box-sizing: border-box;
     flex-direction: column;
     gap: 7px;
     display: flex !important;
     width: 100% !important;
     margin: 0px !important;
  }

  body #main .agentlist .article > .right > .chat > .tariff {
    text-align: center;
     position: static !important;
     display: block !important;
     width: 100% !important;
     margin: 0px !important;
  }

  body #main .agentlist .article > .right > .chat > .button {
    box-sizing: border-box;
     display: block !important;
     width: 100% !important;
     margin: 0px !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  body #main .weekbox .agentlist .article:has(.weekagent) > .right > small.tariff {
    top: 0px !important;
     align-self: center !important;
     box-sizing: border-box !important;
     flex: 0 0 15px !important;
     height: 15px !important;
     min-height: 15px !important;
     line-height: 15px !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right > .tariff.campaign {
    position: relative !important;
     width: auto !important;
     height: 15px !important;
     min-height: 15px !important;
     padding-left: 15px !important;
     overflow: visible !important;
     background: none !important;
     line-height: 15px !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right > .tariff.campaign::before {
    content: "" !important;
     display: block !important;
     position: absolute !important;
     top: 50% !important;
     left: 0px !important;
     width: 12px !important;
     height: 14px !important;
     background: url("/site/assets/images/layout/eeba86bfd97e141a393f79af.png") -2px -67px / 16px 200px no-repeat transparent !important;
     transform: translateY(-50%) !important;
  }

  body #main .agentlist #ddi002 > .right > .chat > .button.chat.break {
    border: 1px solid rgb(205, 179, 103) !important;
     background: url("/site/assets/images/buttons-hintergrund/button-pause-hellgelb-neu.png") center center / cover repeat-x #fff2b8 !important;
     color: rgb(87, 74, 37) !important;
     text-shadow: rgba(255, 255, 255, 0.72) 0px 1px !important;
     box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(91, 53, 10, 0.17) 0px 1px 3px !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  body #main .agentlist .article > .right > small.tariff, body #main .agentlist .article > .right > .phone-tariff-pair, body #main .agentlist .article > .right > .chat > .tariff, body #main .agentlist .article > .right > .chat > .chat-tariff-pair {
    box-sizing: border-box !important;
     flex: 0 0 31px !important;
     width: 100% !important;
     height: 31px !important;
     min-height: 31px !important;
     margin: 0px !important;
  }

  body #main .agentlist .article > .right > small.tariff, body #main .agentlist .article > .right > .chat > small.tariff {
    display: flex !important;
     align-items: flex-end !important;
     justify-content: center !important;
     padding: 0px !important;
     line-height: 15px !important;
  }

  body #main .agentlist .article > .right > .phone-tariff-pair, body #main .agentlist .article > .right > .chat > .chat-tariff-pair {
    display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: flex-start !important;
     gap: 1px !important;
  }

  body #main .agentlist .article > .right > .phone-tariff-pair > .tariff, body #main .agentlist .article > .right > .chat > .chat-tariff-pair > .tariff {
    flex: 0 0 15px !important;
     height: 15px !important;
     min-height: 15px !important;
     margin: 0px !important;
     line-height: 15px !important;
  }
}

@media (max-width: 1100px) {
  body #main .agentlist .article > .left {
    position: relative !important;
     height: 194px !important;
     min-height: 194px !important;
     grid-template-rows: 104px !important;
  }

  body #main .agentlist .article > .left > a.rating {
    position: absolute !important;
     top: 111px !important;
     left: 10px !important;
     width: calc(100% - 20px) !important;
     margin: 0px !important;
  }

  body #main .agentlist .article > .left > .calls {
    position: absolute !important;
     top: 131px !important;
     left: 10px !important;
     width: auto !important;
     margin: 0px !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .agentlist .article > .left > .ddi {
    position: absolute !important;
     top: 151px !important;
     left: 10px !important;
     width: auto !important;
     margin: 0px !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .agentlist .article > .left > .ddi .tip, body #main .agentlist .article > .left > .ddi strong {
    font-style: inherit !important;
     font-variant: inherit !important;
     font-weight: inherit !important;
     font-stretch: inherit !important;
     font-size: inherit !important;
     font-family: inherit !important;
     font-optical-sizing: inherit !important;
     font-size-adjust: inherit !important;
     font-kerning: inherit !important;
     font-feature-settings: inherit !important;
     font-variation-settings: inherit !important;
     font-language-override: inherit !important;
     line-height: 17px !important;
  }

  body #main .agentlist .article > .left > a.rating::after {
    position: absolute !important;
     top: 60px !important;
     left: 0px !important;
     width: 78px !important;
     height: 17px !important;
     margin: 0px !important;
     padding: 0px !important;
     background-position: 62px center !important;
     font: 14px / 17px "Times New Roman", serif !important;
     text-align: left !important;
  }

  body #main .agentlist .article > .left > a.rating > .stars {
    height: 14px !important;
     font-size: 10px !important;
     line-height: 14px !important;
  }
}

@media (max-width: 600px) {
  body #main .agentlist .article > .left > a.rating {
    top: 108px !important;
  }

  body #main .agentlist .article > .left > .calls {
    top: 135px !important;
     left: 10px !important;
  }

  body #main .agentlist .article > .left > .calls span {
    color: rgb(80, 57, 40) !important;
  }

  body #main .agentlist .article > .left > .ddi {
    top: 157px !important;
     left: 10px !important;
  }

  body #main .agentlist .article > .left > a.rating::after {
    top: 70px !important;
     left: 0px !important;
  }
}

@media (max-width: 600px) {
  body #main .agentlist .article > .right {
    margin-top: 14px !important;
     padding-top: 12px !important;
  }

  body #main .agentlist .article > .pinfo {
    margin-top: 14px !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  #wrapper .aside .newRatings, #wrapper .aside .newAgents, #wrapper .aside .social-media-box {
    box-sizing: border-box;
     flex-direction: column;
     display: flex !important;
  }

  #wrapper .aside .newRatings > a.button, #wrapper .aside .newAgents > .responsive-new-agent-profile {
    flex: 0 0 auto;
     margin-top: auto !important;
     margin-bottom: 0px !important;
  }

  #wrapper .aside .social-media-box .social-media-buttons {
    flex: 0 0 auto;
     margin-top: auto !important;
  }
}

@media (max-width: 1100px) {
  #container > .site-footer-info-box {
    box-sizing: border-box !important;
     width: 100% !important;
     margin: 8px 0px 5px !important;
     padding: 0px !important;
     border: 0px !important;
     border-radius: 0px !important;
     background: transparent !important;
     box-shadow: none !important;
  }

  .site-footer-info-box > .site-tariff-fees {
    box-sizing: border-box !important;
     position: relative !important;
     display: grid !important;
     grid-template-columns: 1fr !important;
     gap: 13px !important;
     width: 100% !important;
     margin: 0px 0px 20px !important;
     padding: 74px 18px 20px !important;
     overflow: visible !important;
     border-width: 0px 5px 5px !important;
     border-style: solid !important;
     border-color: transparent !important;
     border-image: url("/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg") 0 5 5 / 0 5px 5px / 0 stretch !important;
     border-radius: 0px !important;
     background: url("/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png") left top / 24px 15px repeat padding-box rgb(248, 243, 237) !important;
     box-shadow: rgba(70, 35, 26, 0.16) 0px 2px 6px !important;
  }

  .site-footer-info-box > .site-tariff-fees::after {
    content: "" !important;
     display: block !important;
     position: absolute !important;
     z-index: 3 !important;
     right: auto !important;
     bottom: -5px !important;
     left: -5px !important;
     width: calc(100% + 10px) !important;
     height: 10px !important;
     background-image: url("/site/assets/images/boxenbilder/hg-box-rand-unten-links.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png"), url("/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png") !important;
     background-position: left bottom, right bottom, center bottom !important;
     background-size: 20px 10px, 20px 10px, 24px 10px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
     pointer-events: none !important;
  }

  .site-footer-info-box > .site-tariff-fees .site-tariff-copy {
    align-self: auto !important;
     text-align: center !important;
  }

  .site-footer-info-box > .site-tariff-fees .site-tariff-copy > h2 {
    z-index: 2;
     box-sizing: border-box !important;
     position: absolute !important;
     top: 0px !important;
     left: -5px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     width: calc(100% + 10px) !important;
     height: 60px !important;
     margin: 0px !important;
     padding: 0px 72px !important;
     overflow: hidden !important;
     border: 0px !important;
     border-radius: 0px !important;
     background-color: rgb(236, 231, 228) !important;
     background-image: url("/site/assets/images/zahlung/hg-box-oben-links.png"), url("/site/assets/images/zahlung/hg-box-oben-rechts.png"), url("/site/assets/images/zahlung/hg-box-oben-mitte.png") !important;
     background-position: left top, right top, center top !important;
     background-size: 92px 60px, 92px 60px, 24px 60px !important;
     background-repeat: no-repeat, no-repeat, repeat-x !important;
     color: rgb(124, 16, 51) !important;
     font: 19px / 60px "Times New Roman", serif !important;
     text-align: center !important;
     text-transform: uppercase !important;
     text-shadow: rgb(255, 255, 255) 0px 1px !important;
  }

  .site-footer-info-box > .site-tariff-fees .site-tariff-copy > h2::before, .site-footer-info-box > .site-tariff-fees .site-tariff-copy > h2::after {
    content: none !important;
     display: none !important;
  }

  .site-footer-info-box > .site-tariff-fees .site-tariff-table {
    justify-self: center !important;
     width: 100% !important;
     max-width: 560px !important;
  }
}

@media (max-width: 600px) {
  #container > .site-footer-info-box {
    padding: 0px !important;
  }

  .site-footer-info-box > .site-tariff-fees {
    margin-bottom: 16px !important;
     padding: 70px 10px 16px !important;
  }

  .site-footer-info-box > .site-tariff-fees .site-tariff-copy > h2 {
    padding-right: 58px !important;
     padding-left: 58px !important;
     font-size: 17px !important;
  }
}

body.content-page-kontakt #main .form_1 {
  box-sizing: border-box !important;
   width: 100% !important;
   margin: 15px 0px 0px !important;
   padding: 0px !important;
   border: 0px !important;
   border-radius: 0px !important;
   background: transparent !important;
   box-shadow: none !important;
}

body.content-page-kontakt #main .form_1 form {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
   box-sizing: border-box !important;
   display: grid !important;
   gap: 12px !important;
   width: 100% !important;
   margin: 0px !important;
   padding: 14px !important;
   border: 0px !important;
   border-radius: 0px !important;
   background: transparent !important;
   box-shadow: none !important;
}

body.content-page-kontakt #main .form_1 .row {
  position: relative;
   box-sizing: border-box !important;
   width: 100% !important;
   margin: 0px !important;
   padding: 0px !important;
   border: 0px !important;
   border-radius: 0px !important;
   background: transparent !important;
   box-shadow: none !important;
}

body.content-page-kontakt #main .form_1 .row:not(.check) > label {
  display: flex !important;
   align-items: center !important;
   gap: 8px !important;
   width: 100% !important;
   margin: 0px 0px 8px !important;
   padding: 0px !important;
   color: rgb(104, 79, 66) !important;
   font: bold 11px / 16px Arial, sans-serif !important;
   letter-spacing: 0.25px !important;
   text-transform: uppercase !important;
}

body.content-page-kontakt #main .form_1 .row:not(.check) > label::after {
  content: "";
   flex: 1 1 0%;
   height: 1px;
   background: linear-gradient(90deg, rgba(124, 16, 51, 0.28), transparent);
}

body.content-page-kontakt #main .form_1 input.text, body.content-page-kontakt #main .form_1 textarea {
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
   box-sizing: border-box !important;
   width: 100% !important;
   margin: 0px !important;
   padding: 9px 12px !important;
   border: 1px solid rgb(197, 185, 177) !important;
   border-radius: 5px !important;
   background: rgb(255, 254, 253) !important;
   color: rgb(73, 58, 50) !important;
   font: 13px / 24px Arial, sans-serif !important;
   box-shadow: rgba(66, 43, 33, 0.035) 0px 1px 3px inset, rgba(66, 43, 33, 0.043) 0px 1px 2px !important;
   outline: none !important;
}

body.content-page-kontakt #main .form_1 input.text {
  height: 43px !important;
}

body.content-page-kontakt #main .form_1 textarea {
  height: 178px !important;
   resize: vertical !important;
}

body.content-page-kontakt #main .form_1 input.text:hover, body.content-page-kontakt #main .form_1 textarea:hover {
  border-color: rgb(169, 149, 137) !important;
   background: rgb(255, 255, 255) !important;
}

body.content-page-kontakt #main .form_1 input.text:focus, body.content-page-kontakt #main .form_1 textarea:focus {
  border-color: rgb(140, 73, 96) !important;
   background: rgb(255, 255, 255) !important;
   box-shadow: rgba(124, 16, 51, 0.07) 0px 0px 0px 3px, rgba(66, 43, 33, 0.024) 0px 1px 2px inset !important;
}

@media (min-width: 1101px) {
  body.content-page-kontakt #main .form_1 textarea {
    height: 172px !important;
  }
}

body.content-page-kontakt #main .form_1 .ctrl_privacy {
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   box-sizing: border-box !important;
   display: grid !important;
   grid-template-columns: 19px minmax(0px, 1fr) !important;
   gap: 8px !important;
   align-items: start !important;
   width: 100% !important;
   margin: 0px !important;
   padding: 9px 10px !important;
   border: 1px solid rgba(180, 157, 137, 0.48) !important;
   border-radius: 3px !important;
   background: rgba(244, 237, 229, 0.66) !important;
   box-shadow: none !important;
}

body.content-page-kontakt #main .form_1 .ctrl_privacy:has(input.check:checked) {
  border-color: rgb(168, 203, 174) !important;
   background: rgb(241, 248, 242) !important;
   box-shadow: rgb(118, 173, 128) 3px 0px inset !important;
}

body.content-page-kontakt #main .form_1 .ctrl_privacy > input.check {
  grid-column: 1 !important;
   width: 16px !important;
   height: 16px !important;
   margin: 2px 0px 0px !important;
   accent-color: rgb(124, 16, 51) !important;
}

body.content-page-kontakt #main .form_1 .ctrl_privacy > label {
  grid-column: 2 !important;
   width: auto !important;
   margin: 0px !important;
   padding: 0px !important;
   color: rgb(93, 75, 64) !important;
   font: 12px / 18px Arial, sans-serif !important;
}

body.content-page-kontakt #main .form_1 .ctrl_privacy > label a {
  color: rgb(118, 91, 77) !important;
   text-decoration: none !important;
   border-bottom: 1px dotted rgb(165, 142, 129) !important;
}

body.content-page-kontakt #main .form_1 .ctrl_privacy > label a:hover, body.content-page-kontakt #main .form_1 .ctrl_privacy > label a:focus {
  color: rgb(124, 16, 51) !important;
   border-bottom-style: solid !important;
}

@media (max-width: 600px) {
  body.content-page-kontakt #main .form_1 form {
    grid-template-columns: minmax(0px, 1fr) !important;
     gap: 11px !important;
     padding: 14px 10px !important;
  }
}

body #main .agent_search form .advisor-filter-toggle {
  border-color: rgb(199, 173, 137) !important;
   background: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") center center / cover repeat-x #f8ecd6 !important;
   color: rgb(101, 79, 66) !important;
   text-shadow: rgba(255, 255, 255, 0.85) 0px 1px !important;
   box-shadow: rgba(255, 255, 255, 0.72) 0px 1px inset, rgba(67, 45, 25, 0.1) 0px 1px 2px !important;
}

body #main .agent_search form .advisor-filter-toggle::after {
  border-right-color: rgb(118, 95, 80) !important;
   border-bottom-color: rgb(118, 95, 80) !important;
}

body #main .agent_search form .advisor-filter-toggle:hover, body #main .agent_search form .advisor-filter-toggle:focus {
  border-color: rgb(184, 152, 112) !important;
   background: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") center center / cover repeat-x #f8ecd6 !important;
   color: rgb(111, 23, 49) !important;
   filter: none !important;
   box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(67, 45, 25, 0.13) 0px 1px 3px !important;
}

body #main .agent_search > .tabnav > li.active > a {
  border-color: currentcolor rgb(199, 173, 137) rgb(199, 173, 137) !important;
   border-top-width: 0px !important;
   border-top-style: none !important;
   background: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") center center / cover repeat-x #f8ecd6 !important;
   color: rgb(88, 67, 55) !important;
   text-shadow: rgba(255, 255, 255, 0.68) 0px 1px !important;
   box-shadow: rgba(255, 255, 255, 0.4) 0px 1px inset !important;
}

body #main .weekbox .agentlist .article > .right .button {
  box-sizing: border-box !important;
   font: bold 15px / 29px "Times New Roman", serif !important;
}

@media (max-width: 1100px) {
  body #main .weekbox .agentlist {
    width: 100% !important;
     margin: 0px !important;
     padding: 0px !important;
     border: 0px !important;
     background: transparent !important;
     box-shadow: none !important;
  }

  body #main .weekbox .agentlist .article {
    box-sizing: border-box !important;
     width: 100% !important;
     margin: 0px !important;
     border: 0px !important;
     border-radius: 0px !important;
     background: transparent !important;
     box-shadow: none !important;
  }

  body #main .weekbox .agentlist .article::before, body #main .weekbox .agentlist .article::after {
    content: none !important;
     display: none !important;
  }

  body #main .weekbox .agentlist .article > .right .button {
    display: block !important;
     width: 100% !important;
     height: 29px !important;
     margin: 0px !important;
     border: 0px !important;
     border-radius: 4px !important;
     background-image: url("/site/assets/images/buttons-hintergrund/b74d914a932ea9f155bfb08a.png") !important;
     background-size: 200% 261px !important;
     background-repeat: no-repeat !important;
     box-shadow: none !important;
     text-align: center !important;
  }

  body #main .weekbox .agentlist .article > .right > .chat {
    box-sizing: border-box !important;
     display: flex !important;
     grid-column: 1 / -1 !important;
     flex-direction: column !important;
     gap: 7px !important;
     width: 100% !important;
     min-width: 0px !important;
     margin: 0px !important;
  }

  body #main .weekbox .agentlist .article > .right > .chat > .tariff, body #main .weekbox .agentlist .article > .right > .chat > .button {
    display: block !important;
     width: 100% !important;
     margin: 0px !important;
  }

  body #main .weekbox .agentlist .article > .right .button.online {
    border: 1px solid rgb(88, 124, 45) !important;
     background: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") center center / cover repeat-x #53ac29 !important;
     color: rgb(255, 255, 255) !important;
     text-shadow: rgba(44, 72, 16, 0.7) 0px 1px !important;
     box-shadow: rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(54, 43, 34, 0.18) 0px 1px 3px !important;
  }

  body #main .weekbox .agentlist .article > .right .button.chat.offline {
    border: 1px solid rgb(170, 170, 170) !important;
     background: url("/site/assets/images/buttons-hintergrund/button-chat-offline-hellgrau.webp") center center / cover repeat-x #e1e1e0 !important;
     color: rgb(103, 84, 69) !important;
     text-shadow: rgba(255, 255, 255, 0.8) 0px 1px !important;
  }

  body #main .weekbox .agentlist .article > .right .button.email {
    border: 1px solid rgb(199, 173, 137) !important;
     background: url("/site/assets/images/buttons-hintergrund/button-email-beige.webp") center center / cover repeat-x #f8ecd6 !important;
     color: rgb(103, 84, 69) !important;
     text-shadow: rgba(255, 255, 255, 0.82) 0px 1px !important;
  }
}

@media (min-width: 1101px) {
  body #main .agentlist .article {
    height: 269px !important;
     background-size: 522px 578px !important;
  }

  body #main .agentlist .article.even {
    background-position: 0px -289px !important;
  }

  body #main .agentlist .article > .right > .chat {
    margin-top: 10px !important;
  }

  body #main .weekbox .agentlist .article {
    height: 269px !important;
  }

  body #main .agentlist .article > .pinfo {
    top: 228px !important;
  }

  body #main .agentlist .chat-tariff-pair > .tariff, body #main .agentlist .phone-tariff-pair > .tariff {
    box-sizing: border-box !important;
     width: 130px !important;
     text-align: center !important;
  }
}

body #main .agentlist #ddi002 .chat > .chat-tariff-pair {
  box-sizing: border-box;
   display: flex;
   width: 100%;
   margin: 0px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 1px;
}

body #main .agentlist #ddi002 .chat > .chat-tariff-pair > .tariff {
  white-space: nowrap;
   text-align: center;
   position: static !important;
   display: inline-block !important;
   width: auto !important;
   margin: 0px !important;
}

body #main .agentlist #ddi002 .chat > .chat-tariff-pair > .tariff.campaign {
  padding-left: 15px !important;
   background-size: 16px 200px !important;
   background-position: -2px -67px !important;
   color: rgb(210, 28, 43) !important;
   font-weight: bold !important;
   text-decoration: none !important;
}

body #main .agentlist #ddi002 .chat > .chat-tariff-pair > .tariff.disable {
  color: rgb(116, 103, 94) !important;
   text-decoration: line-through !important;
}

body #main .agentlist #ddi375 .phone-tariff-pair, body #main .agentlist #ddi375 .chat > .chat-tariff-pair {
  box-sizing: border-box;
   display: flex;
   width: 100%;
   margin: 0px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 1px;
}

body #main .agentlist #ddi375 .phone-tariff-pair > .tariff, body #main .agentlist #ddi375 .chat > .chat-tariff-pair > .tariff {
  white-space: nowrap;
   text-align: center;
   position: static !important;
   display: block !important;
   width: auto !important;
   margin: 0px !important;
}

body #main .agentlist #ddi375 .phone-tariff-pair > .tariff.campaign, body #main .agentlist #ddi375 .chat > .chat-tariff-pair > .tariff.campaign {
  padding-left: 15px !important;
   background-size: 16px 200px !important;
   background-position: -2px -67px !important;
   color: rgb(210, 28, 43) !important;
   font-weight: bold !important;
   text-decoration: none !important;
}

body #main .agentlist #ddi375 .phone-tariff-pair > .tariff.disable, body #main .agentlist #ddi375 .chat > .chat-tariff-pair > .tariff.disable {
  color: rgb(116, 103, 94) !important;
   text-decoration: line-through !important;
}

body #main .agentlist .chat-tariff-pair > .tariff.campaign, body #main .agentlist .phone-tariff-pair > .tariff.campaign {
  padding-left: 0px !important;
   background-image: url("/site/assets/images/layout/eeba86bfd97e141a393f79af.png") !important;
   background-size: 16px 200px !important;
   background-position: -2px -67px !important;
   background-repeat: no-repeat !important;
   color: rgb(210, 28, 43) !important;
   font-weight: bold !important;
   text-decoration: none !important;
}

body #main .agentlist .chat-tariff-pair > .tariff.campaign::before, body #main .agentlist .phone-tariff-pair > .tariff.campaign::before {
  content: none !important;
   display: none !important;
}

@media (min-width: 1101px) {
  body #main .agentlist #ddi002 .chat-tariff-pair > .tariff, body #main .agentlist #ddi375 .phone-tariff-pair > .tariff, body #main .agentlist #ddi375 .chat-tariff-pair > .tariff {
    box-sizing: border-box !important;
     width: 130px !important;
     min-width: 130px !important;
     text-align: center !important;
  }

  body #main .agentlist #ddi002 .chat > .chat-tariff-pair > .tariff.campaign, body #main .agentlist #ddi375 .phone-tariff-pair > .tariff.campaign, body #main .agentlist #ddi375 .chat > .chat-tariff-pair > .tariff.campaign {
    padding-left: 0px !important;
  }
}

body #main .agentlist .article .left > a.rating::after {
  content: "Sprachen:";
   display: block;
   box-sizing: border-box;
   width: 78px;
   height: 17px;
   margin-top: 2px;
   padding: 0px;
   background: url("/site/assets/images/flaggen/892319ec7b15a27d62049c58.gif") 62px center / 16px 11px no-repeat transparent;
   color: rgb(132, 113, 99);
   font: 14px / 17px "Times New Roman", serif;
   text-align: left;
   text-decoration: none;
}

@media (max-width: 1100px) {
  body #main .agentlist .article .left > a.rating::after {
    width: 100%;
     margin-top: 3px;
     padding-right: 20px;
     background-position: calc(50% + 35px) center;
     text-align: center;
  }
}

@media (min-width: 1101px) {
  body #main .agentlist .article > .left > a.rating {
    top: 146px !important;
     left: 17px !important;
  }

  body #main .agentlist .article > .left > .calls {
    top: 166px !important;
     left: 17px !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .agentlist .article > .left > .ddi {
    top: 185px !important;
     left: 17px !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .agentlist .article > .left > .ddi .tip, body #main .agentlist .article > .left > .ddi strong {
    font-style: inherit !important;
     font-variant: inherit !important;
     font-weight: inherit !important;
     font-stretch: inherit !important;
     font-size: inherit !important;
     font-family: inherit !important;
     font-optical-sizing: inherit !important;
     font-size-adjust: inherit !important;
     font-kerning: inherit !important;
     font-feature-settings: inherit !important;
     font-variation-settings: inherit !important;
     font-language-override: inherit !important;
     line-height: 17px !important;
  }

  body #main .agentlist .article > .left > a.rating::after {
    position: absolute !important;
     top: 58px !important;
     left: 0px !important;
     height: 17px !important;
     margin: 0px !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .agentlist .article > .left > a.rating > .stars {
    height: 14px !important;
     font-size: 10px !important;
     line-height: 14px !important;
  }
}

@media (max-width: 600px) {
  body #main .agentlist .article > .left {
    display: grid !important;
     position: relative !important;
     grid-template-columns: 92px minmax(0px, 1fr) !important;
     grid-template-rows: 110px 20px 20px 20px 20px !important;
     column-gap: 9px !important;
     height: 190px !important;
     min-height: 190px !important;
  }

  body #main .agentlist .article > .left > a.rating {
    display: block !important;
     position: static !important;
     grid-area: 2 / 1 / auto / -1 !important;
     width: auto !important;
     margin: 0px !important;
     align-self: center !important;
     z-index: auto !important;
  }

  body #main .agentlist .article > .left > a.rating > .stars {
    margin-bottom: 0px !important;
  }

  body #main .agentlist .article > .left > .calls {
    display: block !important;
     position: static !important;
     grid-area: 3 / 1 / auto / -1 !important;
     width: auto !important;
     margin: 0px !important;
     align-self: center !important;
     visibility: visible !important;
     opacity: 1 !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
     z-index: auto !important;
  }

  body #main .agentlist .article > .left > .ddi {
    display: block !important;
     position: static !important;
     grid-area: 4 / 1 / auto / -1 !important;
     width: auto !important;
     margin: 0px !important;
     align-self: center !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
     z-index: auto !important;
  }

  body #main .agentlist .article > .left > a.rating::after {
    content: none !important;
     display: none !important;
  }

  body #main .agentlist .article > .left::after {
    content: "Sprachen:";
     box-sizing: border-box;
     display: block !important;
     grid-area: 5 / 1 / auto / -1 !important;
     align-self: center !important;
     width: 78px !important;
     height: 17px !important;
     margin: 0px !important;
     padding: 0px !important;
     background: url("/site/assets/images/flaggen/892319ec7b15a27d62049c58.gif") 62px center / 16px 11px no-repeat transparent !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
     text-align: left !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  body #main .weekbox .agentlist .article:has(.weekagent) > h3 {
    box-sizing: border-box !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > h3 > .star {
    display: inline-block !important;
     visibility: visible !important;
     opacity: 1 !important;
     vertical-align: middle !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left {
    grid-template-columns: 126px 130px minmax(0px, 1fr) !important;
     grid-template-rows: repeat(4, 24px) !important;
     column-gap: 13px !important;
     align-content: center !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > figure.img {
    grid-area: 1 / 1 / 5 !important;
     place-self: center !important;
     box-sizing: border-box !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > a.rating {
    grid-area: 1 / 2 !important;
     align-self: center !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > .calls {
    grid-area: 2 / 2 !important;
     align-self: center !important;
     color: rgb(132, 113, 99) !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > .ddi {
    grid-area: 3 / 2 !important;
     align-self: center !important;
     color: rgb(132, 113, 99) !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left::after {
    box-sizing: border-box;
     grid-area: 4 / 2 !important;
     align-self: center !important;
     width: 78px !important;
     height: 17px !important;
     margin: 0px !important;
     padding: 0px !important;
     background: url("/site/assets/images/flaggen/892319ec7b15a27d62049c58.gif") 62px center / 16px 11px no-repeat transparent !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
     text-align: left !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > .teaser {
    grid-area: 1 / 3 / 5 !important;
     align-items: center !important;
     align-self: stretch !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  body #main .weekbox .agentlist .article:has(.weekagent) {
    display: block !important;
     position: relative !important;
     box-sizing: border-box !important;
     width: 100% !important;
     max-width: none !important;
     height: 269px !important;
     min-height: 269px !important;
     margin: 0px auto !important;
     padding: 10px !important;
     overflow: visible !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > h3 {
    position: relative !important;
     top: 0px !important;
     width: auto !important;
     margin: 0px 0px 5px !important;
     padding: 0px 74px 0px 7px !important;
     font: 20px / 24px "Times New Roman", serif !important;
     text-align: left !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left {
    display: block !important;
     position: static !important;
     float: left !important;
     box-sizing: content-box !important;
     width: calc(100% - 240px) !important;
     height: 140px !important;
     min-height: 140px !important;
     margin: 0px !important;
     padding: 0px 0px 5px 10px !important;
     overflow: hidden !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > figure.img {
    display: block !important;
     position: relative !important;
     top: -13px !important;
     left: -5px !important;
     float: left !important;
     width: auto !important;
     height: auto !important;
     max-width: none !important;
     margin: 0px !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > figure.img img {
    display: block !important;
     width: auto !important;
     height: auto !important;
     max-width: 90px !important;
     object-fit: initial !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > .teaser {
    display: block !important;
     position: relative !important;
     top: -8px !important;
     box-sizing: content-box !important;
     width: auto !important;
     height: auto !important;
     max-height: 99px !important;
     margin: 0px 0px 0px 105px !important;
     padding: 10px 0px 0px !important;
     overflow: hidden !important;
     color: rgb(80, 57, 40) !important;
     font: 14px / 16px "Times New Roman", serif !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > a.rating {
    display: block !important;
     position: absolute !important;
     top: 151px !important;
     left: 17px !important;
     width: auto !important;
     margin: 0px !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > .calls {
    display: block !important;
     position: absolute !important;
     top: 166px !important;
     left: 17px !important;
     width: auto !important;
     margin: 0px !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > .ddi {
    display: block !important;
     position: absolute !important;
     top: 185px !important;
     left: 17px !important;
     width: auto !important;
     margin: 0px !important;
     font: 14px / 17px "Times New Roman", serif !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left::after {
    content: none !important;
     display: none !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .left > a.rating::after {
    content: "Sprachen:" !important;
     display: block !important;
     position: absolute !important;
     top: 53px !important;
     left: 0px !important;
     box-sizing: border-box !important;
     width: 78px !important;
     height: 17px !important;
     margin: 0px !important;
     padding: 0px !important;
     background: url("/site/assets/images/flaggen/892319ec7b15a27d62049c58.gif") 62px center / 16px 11px no-repeat transparent !important;
     color: rgb(132, 113, 99) !important;
     font: 14px / 17px "Times New Roman", serif !important;
     text-align: left !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right {
    display: grid !important;
     position: absolute !important;
     top: 31px !important;
     right: 10px !important;
     float: none !important;
     clear: none !important;
     box-sizing: border-box !important;
     grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important;
     gap: 7px 6px !important;
     width: 220px !important;
     max-width: 34% !important;
     height: auto !important;
     margin: 0px !important;
     padding: 0px !important;
     border: 0px !important;
     overflow: hidden !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right > .tariff.campaign {
    grid-area: 1 / 1 / auto / -1 !important;
     justify-self: center !important;
     border: 0px !important;
     text-decoration: none !important;
     white-space: nowrap !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right > .tariff.disable {
    grid-area: 2 / 1 / auto / -1 !important;
     justify-self: center !important;
     white-space: nowrap !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right > .button, body #main .weekbox .agentlist .article:has(.weekagent) > .right > .chat, body #main .weekbox .agentlist .article:has(.weekagent) > .right > .button.email {
    grid-column: 1 / -1 !important;
     box-sizing: border-box !important;
     width: 100% !important;
     max-width: 100% !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .right > .chat > small.tariff {
    display: flex !important;
     box-sizing: border-box !important;
     align-items: flex-end !important;
     justify-content: center !important;
     width: 100% !important;
     height: 31px !important;
     min-height: 31px !important;
     margin: 0px !important;
     padding: 0px !important;
     line-height: 15px !important;
  }

  body #main .weekbox .agentlist .article:has(.weekagent) > .pinfo {
    position: absolute !important;
     top: 228px !important;
     right: 10px !important;
     left: 10px !important;
     width: auto !important;
     margin: 0px !important;
  }
}

@media (min-width: 601px) and (max-width: 1100px) {
  body #main .exclusive.aslider:not(.busybox) > .container {
    display: none !important;
  }

  body #main .exclusive.aslider:not(.busybox) > .responsive-exclusive-grid {
    display: flex !important;
     box-sizing: border-box !important;
     flex-wrap: nowrap !important;
     justify-content: flex-start !important;
     align-content: flex-start !important;
     width: 100% !important;
     height: 88px !important;
     min-height: 88px !important;
     max-height: 88px !important;
     overflow: hidden !important;
  }

  body #main .exclusive.aslider:not(.busybox) > .responsive-exclusive-grid > .item {
    flex: 0 0 12.5% !important;
     width: 12.5% !important;
  }
}

button, input[type="submit"], a.button, a[class$="-button"], a[class*="-button "] {
  box-shadow: rgba(54, 43, 34, 0.18) 0px 1px 3px !important;
}

html body #wrapper #main button, html body #wrapper #main input[type="submit"], html body #wrapper #main a.button, html body #wrapper #main a[class$="-button"], html body #wrapper #main a[class*="-button "], html body #wrapper #left button, html body #wrapper #left a.button, html body #wrapper #left a[class$="-button"], html body #wrapper #right button, html body #wrapper #right a[class$="-button"] {
  box-shadow: rgba(54, 43, 34, 0.18) 0px 1px 3px !important;
}

@media (max-width: 1100px) {
  html body #wrapper #main .agentlist .article > .right .button.online:not(.chat), html body #wrapper #main .agentlist .article > .right .button.online:not(.chat):focus {
    border: 1px solid rgb(88, 124, 45) !important;
     background-color: rgb(113, 155, 60) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") !important;
     background-position: center center !important;
     background-size: cover !important;
     background-repeat: repeat-x !important;
     color: rgb(255, 255, 255) !important;
     text-shadow: rgba(44, 72, 16, 0.7) 0px 1px !important;
     filter: none !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.online:not(.chat):hover {
    border: 1px solid rgb(88, 124, 45) !important;
     background-color: rgb(113, 155, 60) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") !important;
     background-position: center center !important;
     background-size: cover !important;
     background-repeat: repeat-x !important;
     filter: brightness(1.07) !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.chat.online, html body #wrapper #main .agentlist .article > .right .button.chat.online:focus {
    border: 1px solid rgb(88, 124, 45) !important;
     background-color: rgb(113, 155, 60) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") !important;
     background-position: center center !important;
     background-size: cover !important;
     background-repeat: repeat-x !important;
     color: rgb(255, 255, 255) !important;
     text-shadow: rgba(44, 72, 16, 0.7) 0px 1px !important;
     filter: none !important;
  }

  html body #wrapper #main .agentlist .article > .right .button.chat.online:hover {
    border: 1px solid rgb(88, 124, 45) !important;
     background-color: rgb(113, 155, 60) !important;
     background-image: url("/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp") !important;
     background-position: center center !important;
     background-size: cover !important;
     background-repeat: repeat-x !important;
     filter: brightness(1.07) !important;
  }
}




html body #wrapper #main .agentlist .article .button.break {background-blend-mode:normal!important;background-color:#fff2b8!important;}