/**************************************

            Allgemein

**************************************/

/*Presets*/

body a.btn.jmodedit:before {
content:"bearbeiten";
color:#fff !important;
background-color:#FF2C2C !important;
padding:3px 5px !important;
font-size:16px !important;
font-weight:normal !important;
border-radius: 4px;
}

body, .sp-preloader {
  background-color: #fff;
  color: #666;
}
.sp-preloader > div {
  background: #ff2c2c;
}
.sp-preloader > div:after {
  background: #fff;
}
#sp-top-bar {
  background: #333;
  color: #aaa;
}
#sp-top-bar a {
  color: #aaa;
}
#sp-header {
  background: #111;
}
a {
  color: #ff2c2c;
}
a:hover, a:focus, a:active {
  color: #c80000;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(255, 44, 44, 0.1);
  color: #ff2c2c;
}
.tags > li a:hover {
  background: #c80000;
}
.article-social-share .social-share-icon ul li a {
  color: #666;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #ff2c2c;
}
.pager > li a {
  color: #fff;
}
.sp-reading-progress-bar {
  background-color: #ff2c2c;
}
.sp-megamenu-parent > li > a {
  color: #fff;
}
.sp-megamenu-parent > li:hover > a {
  color: #ff2c2c;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #ff2c2c;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #111;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #ff2c2c;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #ff2c2c;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #fff;
}
#offcanvas-toggler > .fa {
  color: #fff;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #ff2c2c;
}
.offcanvas-menu {
  background-color: #111;
  color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #fff;opacity: 1;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #ff2c2c;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: rgba(255, 255, 255, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.btn-primary, .sppb-btn-primary, body .sppb-btn, body .btn, a.btn-primary {
  border-color: #ff2c2c !important;
  background-color: #ff2c2c !important;
	color: #fff !important;
}
.btn-primary:hover, .sppb-btn-primary:hover,body .sppb-btn:hover, body .btn:hover, a.btn-primary:hover {
  border-color: #c80000 !important;
  background-color: #c80000 !important;
	color: #fff !important;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
  background: #c80000 !important;
}




ul.social-icons > li a:hover {
  color: #ff2c2c;
}
.sp-page-title {
  background: #ff2c2c;
}
.layout-boxed .body-innerwrapper {
  background: #fff;
}
.sp-module ul > li > a {
  color: #666;
}
.sp-module ul > li > a:hover {
  color: #ff2c2c;
}
.sp-module .latestnews > div > a {
  color: #666;
}
.sp-module .latestnews > div > a:hover {
  color: #ff2c2c;
}
.sp-module .tagscloud .tag-name:hover {
  background: #ff2c2c;
}
.search .btn-toolbar button {
  background: #ff2c2c;
}
#sp-bottom-top, #sp-footer, #sp-bottom {
  background: #111;
  color: #fff;
}
#sp-bottom-top a, #sp-footer a, #sp-bottom a {
  color: #a2a2a2;
}
#sp-bottom-top a:hover, #sp-footer a:hover, #sp-bottom a:hover, #sp-bottom-top a:active, #sp-footer a:active, #sp-bottom a:active, #sp-bottom-top a:focus, #sp-footer a:focus, #sp-bottom a:focus {
  color: #fff;
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #fff;
}
.sp-comingsoon body {
  background-color: #ff2c2c;
}
.pagination > li > a, .pagination > li > span {
  color: #666;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #666;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #ff2c2c;
  background-color: #ff2c2c;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #ff2c2c;
  background-color: #ff2c2c;
}
.error-code, .coming-soon-number {
  color: #ff2c2c;
}



#system-message-container { z-index: 10000;}

#system-message-container joomla-alert {
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: -175px;
  width: 350px;
}


.bg-danger {display: none;}


.view-article #sp-main-body > .container {
  width: 100%;
  max-width: 1470px
}


/***************************************************************************************************************/

/* Start Custom CSS web2use.ch */



.d-none {
  display: block  !important;
}

body {font-weight: 400;color: #666;}


h1, h2, h3, h4, h5, h6 {color:#83695A;font-family: 'Roboto Slab', sans-serif;}

.article-details .article-header h1, .article-details .article-header h2 {color:#83695A; max-width: 100%;}
.page-item.active .page-link { background-color: #83695A; border-color: #83695A;}


.btn-secondary {
  color: #fff;
  background-color: #ff2c2c;
  border-color: #ff2c2c;
  padding: 15px 30px;
font-size: 16px;}

.btn-secondary:hover,.btn-secondary:focus {
  color: #ff2c2c;
  background-color: #fff;
  border-color: #ff2c2c;
  padding: 15px 30px;
font-size: 16px;}


#system-message-container joomla-alert {
  font-size: 18px;
}

/**************************************

            Header

**************************************/
#sp-header {
background-color: rgba(255, 255, 255, 0.5) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#sp-header .container { max-width: 100%;}

body.predefined-header2 header#sp-header {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	position: relative !important;
}

body.predefined-header2 header#sp-header.header-sticky {
    background-color: rgba(255, 255, 255, 0.8) !important;
    position: fixed !important;
}


body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    position: absolute;
    right: 50px;
    font-size: 36px;
	top: 0;
}


/**************************************

            Topnavigation

**************************************/





/**************************************

            offcanvas

**************************************/
.offcanvas-menu {background: #2D281D ; font-family: 'Roboto Slab', sans-serif;}


.menu img {display: inline; float: left;}
.menu .image-title { margin-left: 20px; float: left; margin-top: 5px;} 
.kantonsmenu li a {line-height: 50px;}
.kantonsmenu ul > li.menu-parent > a > .menu-toggler {    margin-top: 20px !important;}
.kantonsmenu ul ul { display: block; padding-bottom: 20px; clear: both;}
.kantonsmenu ul ul li a {line-height: 20px;}
.kantonsmenu ul ul > li.menu-parent > a > .menu-toggler {    margin-top: 0px !important;}
.kantonsmenu ul ul {padding-bottom: 10px !important;}

.offcanvas-menu .search {margin: 20px 0 30px;}

#offcanvas-toggler > .fa {
    color: #83695A;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after {
    width: 240px;
    margin-left: 220px;
    padding-left: 220px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {padding: 6px 0px;}

.offcanvas-menu .offcanvas-inner .kantonsmenu ul.menu > li {margin-bottom: 10px;}

.kantonsmenu .mod-menu__sub.list-unstyled.small.menu-child {padding-top: 10px;}

/**************************************

            Navigation links

**************************************/














/**************************************

            Inhalt

**************************************/

#sp-main {margin-top: 110px;}

.view-article #sp-main-body {
  padding: 100px 0px 0px;
}

.no-padding-top .view-category #sp-main-body, .view-article #sp-main-body  {margin-top: 0px;}

#sp-component .menu a {color: #FF2C2C;}


.sppb-articles-scroller-date-left-date { background: #83695A;font-family: 'Roboto Slab', sans-serif;}
.sppb-addon-articles-scroller-title {font-family: 'Roboto Slab', sans-serif;}



.nivo-lightbox-image img {margin: auto;}


#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {font-family: 'Open Sans', sans-serif; font-size: 14px;}

.com-uniform #sp-main-body .container {max-width: 768px;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%;display: inline !important;}
.ui-datepicker-trigger {margin-top: -76px;}
.jsn-column-item input[type="checkbox"] {margin-right: 20px;}


.contact {
    max-width: 768px;
    margin: auto;
}


.article-details .article-full-image {background-color: transparent;}

.com_contact .me-2 {margin-right: 20px;}



/* Akkordeon */
.sppb-addon-accordion .sppb-panel-primary > .sppb-panel-heading {color: #fff; background: #83695A;padding: 20px;}
.sppb-addon-accordion .sppb-panel-primary { border-color: #83695A;}
.sppb-addon-accordion .sppb-panel-title {font-size: 18px;}
.sppb-addon-accordion .sppb-panel.sppb-panel-primary {border-radius: 6px !important;}

/* Formularkomponente */

.ba-form-field-item .ba-field-label-wrapper {width: 40%; display: inline-block;}
.ba-field-container {width: 59%; display: inline-flex;}

.ba-form-text-field {font-size: 18px;}

/* Hauptbeiträge  und Blog */

.blog-items .blog-item {max-width: 33.1%;display: inline-flex;padding: 20px;background: #f8f8f8;margin-bottom:5px; }
.blog-items .blog-item .contentimage {margin:10px auto 20px; max-width: 100%; display:inline-block;position:relative; overflow:hidden; height:250px}

.blog-items .blog-item h1 a,.blog-items .blog-item h2 a {color: #83695A;font-size: 1.8rem;}
.blog-items .blog-item .einleitungstext {margin: 10px 0}

.items-leading .blog-item {max-width: 49.8%; width: 50% !important;display: inline-flex;padding: 20px;background: #f8f8f8; }


.blog-items .blog-item .article-info {font-size: 12px;}

.aktuelles-kantone .items-leading .blog-item {max-width: 100% !important; width: 100% !important; display: inline-block;padding: 20px;background: #f8f8f8; }
.aktuelles-kantone .blog-items .blog-item .contentimage {margin:10px auto 20px; max-width: 100%; display:inline-block;position:relative; overflow:hidden; height:200px}
.aktuelles-hauptseite .blog-items.items-leading .contentimage, .aktuelles-kantone .blog-items.items-leading .contentimage { width: 50%; float: left; margin-right: 30px;}
.aktuelles-kantone .blog-items .blog-item {max-width: 33.06%;}
.aktuelles-kantone .blog-items .blog-item h1 a,.blog-items .blog-item h2 a {color: #83695A;font-size: 1.6rem;}

.newsarchiv .page-header {display: none;}

.visually-hidden {display: none;}

.pagenavigation .next {
  text-align: right;
  position: absolute;
  right: 40px;
}



/* iCagenda */

.default_eventlist .ic-date-div {text-shadow: rgba(0,0,0,0) 0 0 0px;}
.ic-content h2 a {color: #83695A;}
.ic-filter-submit-btn {background: #83695A; border: 1px solid #83695A; text-shadow: -1px 0 #398439, 0 1px #398439, 1px 0 #398439, 0 -1px #398439; transition: all 0.5s;}

.ic-filter-submit-btn:hover {background: #5B4131; border: 1px solid #5B4131;}

.ic-filter-reset-btn {background: #ff2c2c; border: 1px solid #ff2c2c;}

.default_eventlist .iceventlist-title {line-height: 18px !important; font-size: 16px;}

.ic-back .small, .ic-back small {font-size: 12px; font-weight: 400; letter-spacing: 0;}

#ic-detail-map {border: 1px solid #ccc;}

.ic-filters {margin-bottom: 50px;}



/* Marktplatz */
.com_djclassifieds .view-login #sp-component, .view-registration #sp-component {max-width: 100%;margin-top: -250px;}



#dj-classifieds {  padding-top: 30px;}

.com_djclassifieds #sp-main-body > .container {max-width: 1150px !important;padding-top: 80px !important;}
#dj-classifieds .dj-items-table2 .item_row .item_col.first {border-left: 1px solid #83695A;}
#dj-classifieds .dj-items-table2 .main_title .item_col {
  border-right: 1px solid #83695A;
  border-top: 1px solid #83695A;
  border-bottom: 1px solid #83695A;
  background-color: rgba(131,105,90,0.1);
  color: #000000;
  text-align: center;
  white-space: nowrap;
  padding: 10px;
  font-weight: bold;
}
#dj-classifieds .dj-items-table2 .main_title .item_col {font-weight: 600;}
#dj-classifieds .button, .dj_cf_search button.button, .dj_cf_search a.button, .dj_cf_regions_selects button.button {
  background: #83695A;
  border: 1px solid #83695A;
  border-bottom: 1px solid #83695A;
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  color: #fff;
  font-family: Inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  float: left;
  padding: 10px 20px;
  text-shadow: 0px 0px 0px #FFFFFF;
  text-transform: none;
  text-decoration: none;
 transition: all 0.5s;
}
#dj-classifieds .button:hover, .dj_cf_search button.button:hover, .dj_cf_search a.button:hover, .dj_cf_regions_selects button.button:hover {
  background: #5B4131;
 transition: all 0.5s;
}
#dj-classifieds .dj-item .title_top, #dj-classifieds .dj-item .general_det .price_wrap { background-color: rgba(131,105,90,0.1);}

#dj-classifieds .dj-category .cat_row_title {
  background-color: rgba(131,105,90,0.1);
  border-bottom: 1px solid #83695A;
}


#dj-classifieds .dj-item .general_det span.row_label { line-height: 13px;}

#dj-classifieds a {
  text-decoration: none;
  color: #ff2c2c;
}
#dj-classifieds a:hover {
  text-decoration: underline;
  color: #ff2c2c;
}

#dj-classifieds .rss_icon {display: none;}

.home .mod_djclassifieds_items .item {
  background: #eee;
  border: none;
  padding: 30px;
  box-shadow: 0 10px 6px -6px #777;
}

.home .mod_djclassifieds_items div.title a.title {font-weight: 500;}

.home .bt_forsale {display: none;}

#dj-classifieds #description-lbl {text-align: left !important;}
#dj-classifieds .contact {max-width: 100%;}

/* Aufzuchtplätze */

#editor-xtd-buttons {display: none;}
.aufzuchtplaetze-erfassen #com-content-form button:nth-child(2),
.aufzuchtplaetze-erfassen #com-content-form button:nth-child(4),
.aufzuchtplaetze-erfassen #com-content-form button:nth-child(5) { border: 1px solid red; display: none;}
#com-content-form .kategoriefeld {display:none !important;}
.com_content.view-form .mb-2 {margin-top: 30px;}

.iso_div_more {display: none;}


.aufzuchtplaetze-erfassen .editor-xtd-buttons {display: none;}


.isotope_button-group .btn:active, .isotope_button-group .btn.is-checked, .isotope_button:active, .isotope_button.is-checked, #offcanvas-clone .btn:active, #offcanvas-clone .btn.is-checked {
  background-color: #ff2c2c;
  background: #ff2c2c;
  color: white;
}

.isotope_grid .isotope_item {
  padding: 30px;
  box-shadow: 0 10px 6px -6px #777;
  border-radius: 6px;
  font-size: 18px;
}


.isotope_button-group.sort-by-button-group.col-md-5.col-12 {
  display: none;
}

.aufzuchtplaetze .article-details > div {
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 15px;
}

.isotope_button {
  background: #83695A;
  background-image: #83695A;
	color: #fff;
}

.isotope_button-group .btn:hover, .isotope_button:hover {
  background-color: #5B4131;
  color: white;
}

.col-md-3.class_fields_kanton {
  flex: 0 0 100%;
  max-width: 100%;
  -ms-flex: 0 0 100%;
}



.home .col-md-3.col-12.isotope_button-group.filter-button-group-fields {
  display: none;
}

.view-form select option:nth-child(2), .view-form select option:nth-child(3) {
 display: none;
}


#jform_alias-lbl,#jform_alias,#jform\[alias\]-desc {
  display: none;
}


/* Registrierungsformular */

.view-registration .registration .btn.btn-secondary {display: none;}


/* 09.01.2026 anpassung News-Darstellung */

.news .cat-children {display: none;}
.news .dylan-blog-listing .row {max-width: 100% !important;}
.news .dylan-blog-listing .row .col-sm-9 {-ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; padding: 0;}

.article-list .article::before {
  background-image: none !important;
}

.article-list .article {
	background: #f8f8f8;
}

.header-wrap {
  max-width: 1470px;
  padding: 0px 15px;
  margin: 0px auto;
}


/* Benutzerregistrierung */

.com-users.view-registration .com-users-registration {margin-top: 180px;}



/**************************************

            Randspalte

**************************************/








/**************************************

            Footer

**************************************/

#sp-footer {background: #83695A !important;text-align: left; padding-top: 30px;}


#sp-footer a {color: #fff;}
#sp-footer h3 {padding-bottom: 30px; color: #fff;}
#sp-footer #sp-footer2 { text-align: left;}

.sc-footer {display: none;}

.quicklinks h4 {color: #fff !important;margin-bottom: 20px;}

#sp-bottom-top, #sp-credits {background: #2D281D; padding: 30px 0 50px; text-align: center;font-size: 12px;color: #fff;}

#sppb-addon-1586349397979 .sppb-icons-group-list  a:hover { border-color: #FF2C2C !important;}

#sp-bottom-top h3 {color: #fff;}

.mod-login__submit.form-group {
  margin-bottom: 15px;
}

.mod-login__username {margin-bottom: 5px;}

.mod-login__password .btn {padding: 10px 12px;}


#sp-footer4 .mod-login__options a {color: #FF2C2C;}

/**************************************

            Mediaqueries

**************************************/

@media (max-width: 989px) {
.aktuelles-kantone .blog-items .blog-item {max-width: 100%;}
.aktuelles-kantone .blog-item {max-width: 100% !important; width: 100% !important; display: inline-block; padding: 20px;  background: #f8f8f8;}
.aktuelles-hauptseite .blog-items .blog-item {max-width: 100% !important; width: 100% !important;}
	
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  top: 20px;
}
	
}
@media screen and (min-width: 768px) and (max-width: 1199px) {

	
}
@media screen and (min-width: 320px) and (max-width: 767px) {
 
	
}
@media screen and (min-width: 550px) and (max-width: 767px) {


}
@media (min-width: 991px) {
#offcanvas-toggler { z-index: 10000; position: relative;}
.layout-blog #sp-main-body > .container { margin: auto; padding: 0px; max-width: 1470px;}
}

@media screen and (min-width: 990px) and (max-width: 1199px) {


.aktuelles-kantone .blog-items .blog-item {max-width: 49.7%;}
.aktuelles-hauptseite .blog-items .blog-item {max-width: 49.7%;}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {


.aktuelles-kantone .blog-items .blog-item {max-width: 33%;}
.aktuelles-hautpseite .blog-items .blog-item {max-width: 33%;}
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
  }
}
@media (min-width: 1550px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1470px;
  }
}

@media (max-width: 767px) {
  #sp-header {
    top: 0px;
  }
	.sppb-icons-label-text {display: none;}
}