/* Custom CSS, Copyright by www.web2use.ch */


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

            Allgemein

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



@font-face {
    font-family: "Bree W01 Thin Oblique";
    src: url("https://db.onlinewebfonts.com/t/592d7d249c34da18d3a6fea41e031cfe.eot");
    src: url("https://db.onlinewebfonts.com/t/592d7d249c34da18d3a6fea41e031cfe.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/592d7d249c34da18d3a6fea41e031cfe.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/592d7d249c34da18d3a6fea41e031cfe.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/592d7d249c34da18d3a6fea41e031cfe.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/592d7d249c34da18d3a6fea41e031cfe.svg#Bree W01 Thin Oblique")format("svg");
}

h1, h2, h3, h4, h5, .subheading-category, .sp-megamenu-parent > li > a,.article-details-intro .article-header h1, .article-details-intro .article-header h2, .menu.extranetmenu li a { 
	font-family: "Bree W01 Thin Oblique" !important; 
	font-weight: normal; 
	font-style: normal; 
	color: #8D4614;
}


a, .sp-module ul > li > a {color: #8D4614;}
a:hover, a:focus, .sp-module ul > li > a:hover {color: #a01b1c;}




body .btn.btn-primary, 
body .sppb-btn.sppb-btn-default,
body .sppb-btn.sppb-btn-default.sppb-btn-round{
  border: 1px solid #8D4614;
  background-color: #8D4614;
  color: #fff;
  border-radius: 0px;}


body .btn.btn-primary:hover, .btn.btn-primary:focus {
  border: 1px solid #8D4614;
  background-color: rgba(141, 70, 20, 0.4);
  color: #fff;
}

input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], .sppb-form-control, .sppb-form-group .sppb-form-control {border-radius: 0px;}



input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, .sppb-form-control:focus, .sppb-form-group .sppb-form-control:focus {border-radius: 0;border-color: #8D4614;}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 0px;}

.form-check-input:checked {
    background: #8D4614;
    border-color: #8D4614;
}
.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
/**************************************

            Header

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

#sp-header {background: #fff;}

div.mod-languages ul.lang-block li {padding: .5rem 5px; border: 1px solid #ccc;}
div.mod-languages ul.lang-block li:first-child {border-bottom: 1px solid #fff;}
div.mod-languages ul li.lang-active {
  background-color: #f3f3f3 !important;
  border-radius: 0px;
}

div.mod-languages ul.lang-block li:last-child {border-bottom: 0px solid #8D4614;}

.sp-module.langswitch ul li a {color: #000;}
.sp-module.langswitch ul li.lang-active a {color: #8D4614;}


.topsearch  {
  height: 100%;
  border: 1px solid #ccc;
	border-bottom: 0px solid #8D4614;
  padding-top: 30px;
  width: 100px;
  text-align: center;
  margin-right: -20px;
}

.sp-module.langswitch {margin-right: -29px;}

.sp-megamenu-parent {margin-right: 10px;}

.sp-slider-content-wrap {


  margin: 0 auto;
  width: 1350px !important;
  max-width: 1350px !important;
}

.sp-slider-content-align-right {  background: #8D4614;  max-width: 450px;float: right;  padding: 30px;margin-right: 30px;}

#sp-header {box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0);border-bottom: 1px solid #8D4614;}
#sp-menu .langswitch, #sp-menu .topsearch  {margin-top: -2px;}

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

            Topnavigation

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

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 15px; font-size: 18px; font-weight: 600; color: #000;}

.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #8D4614;font-weight: 600;}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: #8D4614;}



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

            Off-Canvas

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

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: #8D4614;
}

.offcanvas-menu #mod-finder-searchword186 {border: 1px solid #ccc;}


.offcanvas-menu .menu-toggler {width: 250px;text-align: right;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #8D4614 !important;}


.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
  color: #8D4614;
}


@media (max-width: 990px) {

}


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

            Inhalt

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






/* Beiträge */
.com-content.view-article #sp-main-body .article-details-intro { background-image: none; background-color: transparent;}
.article-details-intro .article-header h1, .article-details-intro .article-header h2 { color: #8D4614;}
.com-content.view-article #sp-main-body .article-body {max-width: 100%;}

.com-content.view-article #sp-main-body .article-details-intro {z-index: -1;}

.extranet .article-details {margin-top: -55px;}
.menu.extranetmenu {list-style-type: none; padding-left: 0; margin-top: 30px; max-width: 500px;}

.menu.extranetmenu li {border-bottom: 1px solid #ccc; padding: 8px 15px;}
.menu.extranetmenu li:first-child {border-top: 1px solid #ccc;}



/* Beiträge mit Randspalte */
.com-content.view-article #sp-main-body > .container {max-width: 1320px;}
#sp-right {margin-top: 100px;}
#sp-right .sp-module {border: 1px solid #8D4614;}

/*locationmap*/
.detailsicon, .mml_address, .contacticon {display: none !important;}

.resultmymap.mymap.mymap-inverse.contact-btn {margin-left: 20px;}

.resultmymap.mymap.mymap-inverse, .resultmymap.mymap.mymap-inverse.contact-btn {padding: 5px 10px; background:#8D4614; color: #fff; border: 1px solid  #8D4614; transition: all 0.3s;}
.resultmymap.mymap.mymap-inverse:hover, .resultmymap.mymap.mymap-inverse.contact-btn:hover {background:#fff; color: #8D4614;border: 1px solid  #8D4614; transition: all 0.3s;}

.locationsearch .mmlmap { margin-right: 30px !important;}
.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large { background-color: rgba(141, 71, 19, 0.6);}
.marker-cluster-small div,.marker-cluster-medium div, .marker-cluster-large div { background-color: #8D4713;}
/*.mmlmap div {color: #fff !important;}*/



.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.ext {
  padding: 0 0 0 15px !important;
}

.dropfiles-content.dropfiles-content-tree {padding: 5px 0px;}


/* Timeline */
.timeline-item .timeline-date {
  line-height: 28px !important;
    font-size: 19px;
  font-weight: 600;
    max-width: 200px;
}

.odd .timeline-item .timeline-date {
    float: right;
}


.timeline-item .timeline-panel .details {
  font-size: 16px !important;
}

.sppb-addon-timeline .timeline-movement.even .timeline-item .timeline-panel.left-part,
.sppb-addon-timeline .timeline-movement.odd .timeline-item .timeline-panel {
  width: 100%;
}

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

            Randspalte

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








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

            Footer

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

#sp-bottom, #sp-footer {background: #8D4614; color: #fff;}
#sp-siteend {background-image: linear-gradient(180deg, #8D4614 39.5%, #F4912C 39.5%); box-shadow: 0 0 0 0 #FFFFFF; padding-bottom: 0px;padding: 0;}

#sp-siteend .sppb-row-column {padding:0; margin: 0;}


#sp-bottom::after {display: none;}
#sp-bottom h3 {color: #fff;}

#sp-bottom  input[type="text"],#sp-bottom  input[type="email"], #sp-bottom  input[type="url"], #sp-bottom  input[type="date"], #sp-bottom  input[type="password"], #sp-bottom  input[type="search"], #sp-bottom  input[type="tel"], #sp-bottom  input[type="number"], #sp-bottom  .sppb-form-control, #sp-bottom  .sppb-form-group .sppb-form-control {border: 1px solid #fff;}

#sp-bottom .form-control::placeholder {color: #fff; opacity: 0.5;}
#sp-bottom input[type="text"]:focus, #sp-bottom input[type="password"]:focus {color: #fff;border-color: #F4912C; }
#sp-bottom .form-check-input:checked {
  background: #F4912C;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: #F4912C;
	color: #fff;
}

#sp-bottom .btn.btn-primary {
  border: 1px solid #F4912C;
  background-color: #F4912C;
  color: #fff;
}
#sp-bottom .btn.btn-primary:hover, #sp-bottom .btn.btn-primary:focus {
  border: 1px solid #F4912C;
  background-color: rgba(244, 145, 44, 0.4);
  color: #fff;
}

#sp-bottom label, #sp-bottom .form-label {color: #fff;}

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

            Mediaqueries

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

@media (max-width: 989px) {

#sp-bottom, #sp-footer {background: #8D4614;}
#sp-siteend {background-image: linear-gradient(180deg, #8D4614 35.5%, #F4912C 35.5%); box-shadow: 0 0 0 0 #FFFFFF; padding-bottom: 0px;padding: 0;}
	
.topsearch, .sp-module.langswitch {display: none;}
	
	
.burger-icon > span {height: 3px;  background-color: #8D4614;  border-radius: 3px; }
.offcanvas-active .close-offcanvas .burger-icon > span {transition-delay: 0.2s; height: 2px; transition: all 0.2s;}
	
#sp-right {margin-top: 0px; padding: 50px;}
	
}


@media screen and (min-width: 768px) and (max-width: 989px) {

	
}


@media screen and (min-width: 480px) and (max-width: 767px) {
 #sp-siteend {background-image: linear-gradient(180deg, #8D4614 32.5%, #F4912C 32.5%); box-shadow: 0 0 0 0 #FFFFFF; padding-bottom: 0px;padding: 0;}

}


@media (min-width: 990px) {

}


@media screen and (min-width: 990px) and (max-width: 1199px) {
#sp-siteend {background-image: linear-gradient(180deg, #8D4614 38.5%, #F4912C 38.5%); box-shadow: 0 0 0 0 #FFFFFF; padding-bottom: 0px;padding: 0;}

  .container, .container-lg, .container-md, .container-sm, .container-xl {  max-width: 100%;  }
	.topsearch {display: none;}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 5px; font-size: 16px;}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {  max-width: 100%;  }
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 10px; font-size: 16px;}
}

@media (min-width: 1400px) {
#sp-siteend .container { max-width: 100%;  }

}