/* template-color – Child-Template Camping am Buechberg
   Design-Konzept v1 (22.09.2026)
   Alle Farb- und Font-Tokens des Templates. style.css referenziert ausschliesslich diese Variablen. */

:root {
  /* Vorgabe Kunde */
  --cs-primary: #C90C0F;         /* Hauptfarbe: CTA, Auswahl, Icons */
  --cs-secondary: #88BB97;       /* Sekundaerfarbe: Overlays, dekorative Linien */
  --cs-accent: #477373;          /* Akzentfarbe: Labels, Sekundaer-Buttons, Header-/Footer-Elemente */
  --cs-light: #DAE8DF;           /* Helle Hintergrundfarbe: Datums-Boxen, Selects, Total-Zeile */

  /* Abgeleitete Toene */
  --cs-primary-dark: #A10A0C;    /* Hover / Button-Unterkante */
  --cs-primary-light: #E36B6D;   /* Preloader (helle Hauptfarbe) */
  --cs-primary-tint: #F5D0D1;    /* Hinweis-/Fehlerflaechen */
  --cs-secondary-dark: #467C56;  /* Sekundaer als Text/Badge/Switch (Kontrast) */
  --cs-accent-dark: #355656;     /* Akzent Hover */

  /* Neutrale Skala (kuehl, gruenstichig – ersetzt die alten Brauntoene) */
  --cs-ink: #1D2B2B;             /* Ueberschriften, dunkle Flaechen (ex #3b251a) */
  --cs-text: #5A726E;            /* Fliesstext (ex #7c6f68) */
  --cs-muted: #A7BBB5;           /* gedaempfter Text auf dunklem Grund (ex #ad9a90) */
  --cs-line: #CFDDD5;            /* Rahmen (ex #e3dcd9) */
  --cs-line-soft: #E6EEE9;       /* zarte Trennlinien (ex #eee) */
  --cs-surface: #F2F7F4;         /* sehr helle Flaeche (ex #f6f3f2) */

  /* Schriften (Google Fonts, siehe header.tpl.php) */
  --cs-font-heading: 'Nunito', 'Source Sans 3', Arial, sans-serif;
  --cs-font-body: 'Source Sans 3', 'Nunito', Arial, sans-serif;
  --cs-font-accent: 'Caveat', 'Nunito', cursive;
}

.scroll-top{
  color: var(--cs-primary);
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: var(--cs-primary) !important;
}

.main-menu .navigation > li > ul > li > a:hover{
  color: var(--cs-primary);
}

.main-menu .navigation li.dropdown .megamenu li a:hover{
  color: var(--cs-primary);
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  color: var(--cs-primary);
}

.main-header .menu-right-content .support-box .icon{
  background: var(--cs-accent);
}

.main-header .menu-right-content .support-box h5 a:hover{
  color: var(--cs-primary);
}

.main-header .search-box-btn:hover{
  color: var(--cs-primary);
}

.main-header .menu-right-content .cart-box a:hover{
  color: var(--cs-primary);
}

.main-header .search-box-outer .dropdown-menu{
  background: var(--cs-accent);
}

.theme-btn.btn-one{
  background: var(--cs-primary);
}
.theme-btn.btn-two{
  background: var(--cs-accent);
}
.theme-btn.btn-warning{
  background: var(--cs-accent);
}
.theme-btn.btn-success{
  background: var(--cs-secondary-dark);
}
.theme-btn.btn-danger{
  background: var(--cs-primary);
}

.banner-section .owl-theme .owl-nav .owl-prev:hover:after{
  color: var(--cs-primary);
}

.banner-section .owl-theme .owl-nav .owl-next:hover:after{
  color: var(--cs-primary);
}

.image_block_one .image-box .image:before{
  background: var(--cs-accent);
}

.sec-title .sub-title{
  color: var(--cs-secondary-dark);
}

.content_block_one .content-box .text .icon-box{
  color: var(--cs-primary);
}

.list-style-one li:before{
  color: var(--cs-primary);
}

.activities-block-one .inner-box .lower-content .icon-box{
  color: var(--cs-primary);
}

.activities-block-one .inner-box .lower-content h3 a:hover{
  color: var(--cs-primary);
}

.activities-block-one .inner-box .lower-content .link a:hover{
  color: var(--cs-secondary-dark);
}

.sec-title.light .sub-title{
  color: var(--cs-secondary);
}

.chooseus-section .content-inner .inner-box .inner .list li:before{
  color: var(--cs-primary);
}

.content_block_two .content-box{
  background: var(--cs-primary);
}

.content_block_two .content-box .upper .theme-btn{
  background: var(--cs-accent);
}

.scroll-top{
  background: var(--cs-primary);
}

.testimonial-section:before{
  background: var(--cs-accent);
}

.testimonial-section .testimonial-inner .inner-box .icon-box{
  color: var(--cs-primary);
}

.testimonial-section .testimonial-inner .inner-box .author-box .name{
  color: var(--cs-secondary);
}

.news-block-one .inner-box .image-box{
  background: var(--cs-primary);
}

.news-block-one .inner-box .lower-content .post-date{
  background: var(--cs-accent);
}

.news-block-one .inner-box .lower-content .post-info li a:hover{
  color: var(--cs-primary);
}

.news-block-one .inner-box .lower-content .post-info li i{
  color: var(--cs-primary);
}

.news-block-one .inner-box .lower-content h3 a:hover{
  color: var(--cs-primary);
}

.news-block-one .inner-box .lower-content:before{
  background: var(--cs-secondary);
}

.main-footer .widget-section .links-widget .links-list li a:hover{
  color: var(--cs-secondary);
}

.main-footer .widget-section .contact-widget .social-links li a:hover{
  background: var(--cs-accent);
}

.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group button{
  background: var(--cs-primary);
}

.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group input:focus{
  border-color: var(--cs-accent) !important;
}

.footer-bottom a:hover{
  color: var(--cs-light);
}

.header-style-two .logo-box .social-links li a:hover{
  color: var(--cs-primary);
}

.client-section.alternat-2{
  background: var(--cs-accent);
}

.feature-block-one .inner-box .icon-box{
  color: var(--cs-primary);
}

.feature-block-one .inner-box .icon-box:before{
  background: var(--cs-primary);
}

.feature-section .lower-text h3{
  color: var(--cs-primary);
}

.feature-section .lower-text h3 a{
  color: var(--cs-primary);
}

.image_block_two .image-box .shape .shape-1{
  background: var(--cs-accent);
}

.image_block_two .image-box .shape .shape-2{
  background: var(--cs-primary);
}

.content_block_three .content-box .inner-box .inner .icon-box{
  color: var(--cs-primary);
}

.content_block_three .content-box .inner-box .author-box .author-thumb{
  border: 2px solid var(--cs-accent);
}

.feature-block-two .inner-box .lower-content{
  background: var(--cs-accent);
}

.feature-block:nth-child(2) .feature-block-two .inner-box .lower-content{
  background: var(--cs-primary);
}

.feature-block:last-child .feature-block-two .inner-box .lower-content{
  background: var(--cs-secondary-dark);
}

.feature-block-two .inner-box .lower-content:before{
  background: var(--cs-accent);
}

.feature-block:nth-child(2) .feature-block-two .inner-box .lower-content:before{
  background: var(--cs-primary);
}

.feature-block:last-child .feature-block-two .inner-box .lower-content:before{
  background: var(--cs-secondary-dark);
}

.gallery-block-two .inner-box .image{
  background: var(--cs-accent);
}

.testimonial-style-two .testimonial-content .author-box .name{
  color: var(--cs-primary);
}

.testimonial-style-two .owl-dots button.active,
.testimonial-style-two .owl-dots button:hover{
  border-color: var(--cs-primary);
}

.cta-section .inner-container{
  background: var(--cs-light);
}

.media-partner .media-links li a:hover{
  color: var(--cs-primary);
}

.page-title .bread-crumb li a:hover{
  color: var(--cs-primary);
}

.activities-sidebar .category-widget .category-list li a:before{
  background: var(--cs-primary);
}

.activities-sidebar .support-widget .inner-box:before{
  background: var(--cs-accent);
}

.activities-sidebar .support-widget .inner-box .icon-box{
  color: var(--cs-accent);
}

.activities-sidebar .support-widget .inner-box h3 a:hover{
  color: var(--cs-primary);
}

.activities-details-content .accordion-box .block .acc-btn.active h5{
  color: var(--cs-primary);
}

.activities-details-content .accordion-box .block .acc-btn.active .icon-outer:before{
  color: var(--cs-primary);
}

.content_block_five .content-box .text h3{
  color: var(--cs-primary);
}

.team-block-one .inner-box .image-box .social-links{
  background: var(--cs-accent);
}

.team-block-one .inner-box .image-box .social-links li a:hover{
  color: var(--cs-primary);
}

.team-block-one .inner-box .lower-content h3 a:hover{
  color: var(--cs-primary);
}

.team-block-one .inner-box .lower-content:before{
  background: var(--cs-secondary);
}

.news-block-one .inner-box .lower-content .link a:hover{
  color: var(--cs-primary);
}

.blog-sidebar .search-widget .form-group{
  background: var(--cs-accent);
}

.blog-sidebar .post-widget .post-inner .post .post-thumb{
  background: var(--cs-primary);
}

.blog-sidebar .post-widget .post-inner .post .post-date i{
  color: var(--cs-primary);
}

.blog-sidebar .post-widget .post-inner .post .post-date a:hover{
  color: var(--cs-primary);
}

.blog-sidebar .post-widget .post-inner .post h6 a:hover{
  color: var(--cs-primary);
}

.blog-sidebar .category-widget .category-list li a:hover{
  color: var(--cs-primary);
}

.blog-sidebar .tags-widget .tags-list li a:hover{
  background: var(--cs-primary);
}

.blog-details-content .post-share-option .post-tags li a{
  background: var(--cs-primary);
}

.blog-details-content .post-share-option .social-links li a:hover{
  background: var(--cs-primary);
}

.blog-details-content .comment-box .comment .comment-info h4 span{
  color: var(--cs-accent);
}

.blog-details-content .comment-box .comment .reply-btn{
  background: var(--cs-primary);
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
  border-color: var(--cs-primary) !important;
}

.content_block_six .content-box .inner-box .single-item .icon-box{
  color: var(--cs-accent);
}

.content_block_six .content-box .inner-box .single-item h3 a:hover{
  color: var(--cs-primary);
}