/* ============================================================
   NK brand recolor overlay (GENERATED) — main.css stays pristine Tao 1.6.6
   Source: diff current(branded 1.5.18+NK) vs 1.6.6 defaults. Regenerable.
   ============================================================ */
html {
  color: #333333;
  font-size: 15px;
}
.ce_accordion .toggler,
.comment_default,
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.content-downloads,
.sidebar .ce_downloads,
.sidebar .content-downloads,
.icon-boxes-item.-boxed,
.pricing-table-plan,
.rotating-boxes-item-cover,
.rotating-boxes-item-content,
.testimonial > p,
.main-content .testimonial > p,
table {
  border-radius: 4px;
  border: 1px solid #d6d6d6;
}
table th,
table td {
  border-color: #efefef; /* Phase 4c fix: recolor must ONLY recolor — keep Tao's `border-width:1px 0 0 1px` (top+left), else `border` shorthand sets all 4 sides -> doubled 2px borders. */
}
.icon-boxes-item-link.-link,
.icon-links-label,
.info-map-boxes-item-link,
.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.trail,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward,
.mega-dropdown-column h1,
.mega-dropdown-column h2,
.mega-dropdown-column h3,
.sub-navigation ul a.trail,
.sub-navigation ul strong.trail,
.sub-navigation ul span.trail,
.tab-navigation.-image-tabs a.is-active,
a {
  color: #008080;
}
.-color-inverted .rotating-boxes-item-content h3,
.confirmation,
.counter-boxes-item p,
.main-content label .mandatory,
.rotating-boxes-item-content h3,
.rotating-boxes-item-cover {
  color: #009f9f;
}
.information {
  color: #519ad3;
}
.warning,
form p b.error,
form p.error {
  color: #df3232;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  color: #005353;
}
p.information,
div.information,
span.information {
  color: #2b74ac;
}
p.warning,
div.warning,
span.warning {
  color: #aa1b1b;
}
code,
pre {
  background-color: #efefef;
  border-radius: 4px;
}
button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary,
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary,
.highlight-box-link,
.feature-box-link,
.headline-box-link,
.footer-bar input[type=submit],
.footer-bar button,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: linear-gradient(#009a9a, #007171);
  border-color: #006767 #004d4d #003434;
  border-radius: 4px;
  box-shadow: inset 0 1px #4ca6a6;
  text-shadow: 0 -1px 0 #004d4d;
}
button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary {
  background: linear-gradient(#498973, #3b6e5d);
  border-color: #376757 #2e5749 #25463b;
  box-shadow: inset 0 1px #79a093;
  text-shadow: 0 -1px 0 #2e5749;
}
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary {
  background: linear-gradient(#f3f3f3, #dedede);
  border-color: #c0c0c0 #b3b3b3 #a6a6a6;
  color: #737373;
  /* Die Normal-Button-Recolor-Regel oben gab tertiary faelschlich einen Teal-Top-
     Highlight (box-shadow inset 0 1px #4ca6a6) -> gruene Kante oben am grauen Button;
     prod = none. (Fix 2026-06-21, hand-edit wie quaternary) */
  box-shadow: none;
  text-shadow: 0 -1px 0 #cdcdcd;
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
  border: 2px solid #333333;
  /* Outline-Button: die Normal-Button-Recolor-Regel oben gab quaternary faelschlich
     einen Teal-Gradient-bg + Schatten; prod = transparent Outline. (Fix 2026-06-21) */
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.header-bar {
  background: #006666;
  border-bottom: 1px solid #dedede;
}
.header-bar-inner,
.header-links.-secondary a {
  color: #ffffff;
}
.header-login > h1,
.header-login > h2,
.header-login > h3,
.header-login > h4,
.header-login > h5,
.header-login > h6,
.header-dropdown > h1,
.header-dropdown > h2,
.header-dropdown > h3,
.header-dropdown > h4,
.header-dropdown > h5,
.header-dropdown > h6 {
  border-radius: 4px 4px 0 0;
}
.header-login .formbody,
.header-dropdown > ul {
  background: #f6f6f6;
  border-radius: 4px 0 4px 4px;
  border: 1px solid #d6d6d6;
  color: #636363;
}
.header-navigation {
  border-bottom: 1px solid #dedede;
}
.header-navigation-inner,
.main-navigation > ul > li > ul strong.active,
.main-navigation > ul > li > ul strong.trail,
.main-navigation > ul > li > ul strong.forward,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward,
.main-navigation-search button,
.mega-dropdown-column ul a,
.tagline-inner {
  color: #636363;
}
.main-navigation-wrapper,
.tab-navigation a,
.tab-start.-has-border,
fieldset {
  border: 1px solid #d6d6d6;
}
.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
  color: #636363;
  font-size: 0.95em;
}
.main-navigation > ul > li > ul {
  border-radius: 0 0 4px 4px;
  border-top-color: #dedede;
  border: solid #dedede;
}
.main-navigation > ul > li > ul li,
.mod_faqpage h3,
.news-image-teaser h2,
.news-list-boxed-item .news-list-boxed-item-info,
.pricing-table-plan h3,
.pricing-table-plan li,
.pricing-table-plan p {
  border-bottom: 1px solid #efefef;
}
.main-navigation > ul > li > ul a,
.main-navigation > ul > li > ul strong,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
  font-size: 0.95em;
}
.main-navigation > ul > li > ul a {
  border-radius: 4px;
  color: #636363;
}
.mega-dropdown {
  border-radius: 0 0 4px 4px;
  border-top-color: #dedede;
  border: solid #dedede;
  font-size: 0.95em;
}
.main-navigation-search {
  border-radius: 4px;
  border: 1px solid #efefef;
}
.main-navigation-search input {
  border-color: #d6d6d6;
}
.main-navigation-mobile {
  background: #f6f6f6;
  border-top: 1px solid #bebebe;
  color: #636363;
}
.main-navigation-mobile ul ul {
  background: #f6f6f6;
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
  background-color: #f6f6f6;
  border-bottom: 1px solid #bebebe;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
  background-color: #ffffff;
  box-shadow: inset 0 0 5px #f6f6f6;
}
.main-navigation-mobile li li {
  color: #232323;
}
.main-navigation-mobile .main-navigation-mobile-expand {
  box-shadow: inset 1px 0 #dddddd;
}
.icon-boxes-item.-background-color,
.info-map-boxes-item,
.main-navigation-mobile-icons.main-navigation-mobile-icons a,
.pricing-table-plan.-highlighted,
.rsts-skin-tao .rsts-video-stop {
  border-radius: 4px;
}
.tagline {
  background: #f6f6f6;
  border-bottom: 1px solid #dedede;
}
.content-image.no-border > figure,
.no-border .content-image > figure,
.tagline .content-image > figure,
.content-gallery.no-border figure {
  background: none;
  border: 0;
  box-shadow: none;
}
.centered-wrapper.-border-top,
.fixed-note {
  border-top: 1px solid #d6d6d6;
}
.centered-wrapper.-border-bottom,
.comment_default .info,
.footer-bar h1,
.footer-bar h2,
.footer-bar h3,
.mod_newsletterlist ul li {
  border-bottom: 1px solid #d6d6d6;
}
.centered-wrapper.-highlight-color {
  background-color: #009f9f;
}
.centered-wrapper.-background-color-1 {
  background-color: #444942;
}
.centered-wrapper.-background-color-2 {
  background-color: #ededed;
}
.main-content h1 {
  color: #006666;
  font-size: 1.6em;
}
.main-content h2 {
  color: #808285;
  font-size: 1.3em;
}
.-color-inverted .counter-boxes > h3,
.-color-inverted .counter-boxes-item h4,
.-color-inverted .explanation,
.-color-inverted .headline-box h3,
.-color-inverted .main-content blockquote,
.-color-inverted .main-content h6,
.-color-inverted .main-content label,
.-color-inverted .teaser-boxes-item,
.-color-inverted .team-boxes-item,
.main-content .-color-inverted h2 {
  color: #dedede;
}
.main-content h3 {
  font-size: 1.2em;
}
.main-content h4 {
  font-size: 1em;
}
.ce_accordion,
.counter-boxes > h3,
.counter-boxes-item h4,
.explanation,
.feature-box-text,
.footer-bar,
.footer-copyright,
.footer-icon-links a,
.footer-links,
.footer-navigation,
.footer-top-link > span,
.headline-box h3,
.icon-boxes-item,
.main-content blockquote,
.main-content h6,
.main-content label,
.mod_faqpage .info,
.mod_faqreader .info,
.news-boxes-item-info,
.news-image-teaser .news-image-teaser-info,
.news-image-teaser p,
.news-image-teaser-meta b,
.pricing-table-plan p b,
.pricing-table-plan p i,
.pricing-table-plan ul,
.rotating-boxes-item,
.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sub-navigation ul a,
.sub-navigation ul strong,
.sub-navigation ul span.trail,
.sub-navigation ul span.active,
.sub-navigation ul span.forward {
  color: #666666;
}
input,
textarea {
  border-bottom-color: #c9c9c9;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
  border-color: #df3232;
}
.-color-inverted input,
.-color-inverted textarea,
.footer-bar.-color-inverted,
.news-footer-item time {
  background: #444942;
}
input[type="file"] {
  border: 1px solid #d6d6d6 \9;
}
/* C5-konform: Bild-Rahmen gehoert auf die <figure> (semantisches Element), NICHT
   auf den .content-image-Wrapper. In 4.13 war .image_container = die figure; C5
   benennt das um -> .content-image ist der Wrapper, die figure ist klassenlos.
   Die alte Wrapper-Regel ergab daher einen DOPPELTEN Rahmen (Wrapper + figure).
   .image_container ist in C5 tot (0x gerendert). (Fix 2026-06-21) */
.content-image > figure,
.content-gallery figure {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #d6d6d6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.image_container figcaption,
.content-image figcaption,
.image_container .caption,
.content-image .caption {
  color: #666666;
  font-size: 0.875em;
}
.video_container iframe {
  border: 0;
}
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.sidebar .enclosure h1,
.sidebar .enclosure h2,
.sidebar .enclosure h3,
.sidebar .enclosure h4,
.sidebar .enclosure h5,
.sidebar .enclosure h6,
.ce_downloads h1,
.content-downloads h1,
.ce_downloads h2,
.content-downloads h2,
.ce_downloads h3,
.content-downloads h3,
.ce_downloads h4,
.content-downloads h4,
.ce_downloads h5,
.content-downloads h5,
.ce_downloads h6,
.content-downloads h6,
.sidebar .ce_downloads h1,
.sidebar .content-downloads h1,
.sidebar .ce_downloads h2,
.sidebar .content-downloads h2,
.sidebar .ce_downloads h3,
.sidebar .content-downloads h3,
.sidebar .ce_downloads h4,
.sidebar .content-downloads h4,
.sidebar .ce_downloads h5,
.sidebar .content-downloads h5,
.sidebar .ce_downloads h6,
.sidebar .content-downloads h6 {
  background: #006666;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  font-size: 0.75em;
}
.ce_accordion + .ce_accordion .toggler {
  border-radius: 0 0 4px 4px;
}
.ce_accordion .accordion {
  border-radius: 0 0 4px 4px;
  border-top-color: #eaeaea;
  border: 1px solid #d6d6d6;
}
.-color-inverted .-boxed .teaser-boxes-item h3,
.-color-inverted .-boxed .team-boxes-item h3,
.-color-inverted .news-footer-item time,
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3,
.footer-top-link,
.icon-boxes-item h3,
.sub-navigation > ul > li > a {
  color: #333333;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item,
.highlight-box,
.news-list-boxed-item {
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  color: #666666;
}
.testimonial-author img,
.testimonial .testimonial-author img {
  border: 1px solid rgba(165, 168, 165, 0.5);
}
.pricing-table-plan.-highlighted h3 {
  background: #009f9f;
  border-radius: 4px 4px 0 0;
}
.-color-inverted.-highlight-color .counter-boxes > h3,
.-color-inverted.-highlight-color .counter-boxes-item p,
.-color-inverted.-highlight-color .headline-box h3 {
  color: #000606;
}
.projects-item {
  border-top: 5px solid #efefef;
}
.info-map-boxes-item h3 {
  border-bottom: 1px solid #efefef;
  color: #009f9f;
}
.icon-buttons a {
  border-radius: 4px;
  border: 2px solid #333333;
}
.tab-navigation {
  border-bottom-color: #d6d6d6;
}
.tab-navigation a.is-active {
  background: #008080;
  border-color: #008080;
  box-shadow: 0 1px #008080;
}
.fixed-note-closed {
  background: #008080;
}
.pagination li a,
.pagination li span {
  background-color: #ffffff;
}
.pagination li .current,
.pagination li .active {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
  border-bottom: 1px solid #efefef;
}
.news-image-teaser-meta .comment-count {
  border-top: 1px solid #efefef;
  color: #666666;
}
.news-list-boxed-item h3 {
  color: #006666;
}
.news-boxes-item-image.-no-image,
.news-list-boxed-item-image.-no-image {
  background: #8da182;
}
.mod_calendar td.today {
  background-color: #d6d6d6;
}
.mod_search .header {
  border-bottom: 1px solid #d6d6d6;
  color: #666666;
}
.mod_search .highlight {
  background: #cce5e5;
}
.mod_search .url {
  border-bottom: 1px dotted #d6d6d6;
  color: #666666;
}
.sub-navigation ul a.active,
.sub-navigation ul strong.active,
.sub-navigation ul span.active {
  color: #004d4d;
}
.sub-navigation li {
  border-top: 1px solid #efefef;
}
.rsts-skin-tao .rsts-caption,
.rsts-skin-tao .rsts-prev,
.rsts-skin-tao .rsts-next,
.rsts-skin-tao .rsts-video-play,
.rsts-skin-tao .rsts-video-stop {
  background-color: #008080;
  border-radius: 4px;
}
.tao-fullwidth .tagline .rsts-skin-tao .rsts-prev {
  border-radius: 0 4px 4px 0;
}
.tao-fullwidth .tagline .rsts-skin-tao .rsts-next {
  border-radius: 4px 0 0 4px;
}
.rsts-skin-tao .rsts-nav-numbers a,
.rsts-skin-tao .rsts-nav-tabs a {
  border-radius: 4px;
  border: 2px solid #008080;
  color: #666666;
}
.rsts-skin-tao .rsts-video-play {
  background-color: rgba(0, 128, 128, 0.6);
  border: 3px solid #008080;
}
.rsts-skin-testimonials-centered .rsts-prev,
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-prev,
.rsts-skin-partner .rsts-next,
.rsts-skin-mega-dropdown .rsts-prev,
.rsts-skin-mega-dropdown .rsts-next {
  border: 1px solid #efefef;
}

/* ------------------------------------------------------------
   Phase 4c (2026-06-21): recolor GAP fixes the generator missed.
   icon-boxes icon (.icon-boxes-item:before) — Tao purple #8570a6
   -> NK teal #009f9f (matches prod 4.13: rgb(0,159,159)).
   ------------------------------------------------------------ */
.icon-boxes-item:before {
  border-color: #009f9f;
  color: #009f9f;
}
.icon-boxes-item.-inverted-icon:before {
  border-color: #009f9f;
  background-color: #009f9f;
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
  background-color: #009f9f;
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
  color: #009f9f;
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
  color: #009f9f;
}

/* Button-Hover/Focus war Tao-Default HELLBLAU (main.css:1975 linear-gradient(#5ab9e5,#229dd5))
   -> Recolor-Orphan. NK-Teal, klar heller als der Normal-Button (#009a9a/#007171) und etwas
   heller als prod-Hover (#00a9a9/#006161) - User-Wunsch "helleres Gruen". Nur PRIMARY
   (-secondary/-tertiary/-quaternary sind spezifischer, behalten ihren Hover). (Fix 2026-06-21) */
button:hover, button:focus,
.button:hover, .button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input[type="button"]:hover, input[type="button"]:focus {
  background-image: linear-gradient(#00b8b8, #009090);
  border-color: #00a3a3 #008f8f #007e7e;
}

/* Modifier-Button-Hover (-secondary/-tertiary) war ebenfalls Tao-Default-Blau
   (main.css linear-gradient(#4db3e3,#2aa4dd)) -> Recolor-Orphan. EXAKT prod-Werte. (Fix 2026-06-21) */
button.-secondary:hover, button.-secondary:focus,
.button.-secondary:hover, .button.-secondary:focus,
input[type="submit"].-secondary:hover, input[type="submit"].-secondary:focus,
.header-login .formbody input[type=submit]:hover, .header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:hover, .header-dropdown > ul input[type=submit]:focus,
.pricing-table-plan.-highlighted a:hover, .pricing-table-plan.-highlighted a:focus,
.feature-box-link.-secondary:hover, .feature-box-link.-secondary:focus,
.headline-box-link.-secondary:hover, .headline-box-link.-secondary:focus {
  background-image: linear-gradient(#4e937b, #356454);
  border-color: #1d352d #14251f #0b1411;
}
button.-tertiary:hover, button.-tertiary:focus,
.button.-tertiary:hover, .button.-tertiary:focus,
input[type="submit"].-tertiary:hover, input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:hover, .rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:hover, .pricing-table-plan a:focus,
.feature-box-link.-tertiary:hover, .feature-box-link.-tertiary:focus,
.headline-box-link.-tertiary:hover, .headline-box-link.-tertiary:focus {
  background-image: linear-gradient(#fafafa, #d7d7d7);
  border-color: #b3b3b3 #a6a6a6 #9a9a9a;
}