/*CSS für Sattlerei Büttner / (c) Crone-IT Hannover 03-08.2021 */
/* Neues Template*/
/*Markieren*/
	::-moz-selection { background: #003300; color: #fff; }
	::selection { background: #003300; color: #fff; }
/*Header Bild volle Breite*/
.header {
    width: 100%;
}
.astroid-logo-mobile {
	margin: 5px 0px 5px 0px !important;
}
/*Sctoll to top*/
#astroid-backtotop {
    margin-bottom: 50px !important;
}
/*Farbanpassung*/
/*Leiste oben*/
#t-fs8bhwlsh {
    background-color: #004c30 !important;
}
/*Footer*/
#f-oel6e1bpp {
    background-color: #003300 !important;
}
.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
    border-top: 4px solid rgba(218, 95, 0,);
}
/*Dot NAV Pictorgramme*/
.uk-dotnav > * > * {
  border: 1px solid #da5f00 !important;
}
.uk-dotnav > * > :hover {
  background-color: #da5f00;
}
.uk-dotnav > .uk-active > * {
  background-color: #da5f00;
}
.uk-grid-match.uk-slider-items.uk-grid.uk-grid-divider.uk-child-width-1-1.uk-child-width-1-1\@s.uk-child-width-1-2\@m.uk-child-width-1-3\@l.uk-child-width-1-3\@xl {
  padding: 95px;
}
#ar-pn9wa1b0i {
  align-items: center;
  justify-content: center;
}
.headline-bullet .module-title::before {
  border-left: none !important;
}
.headline-border-primary .module-title {
  border-bottom: none !important;;
}
/*Automatische Silbentrennung*/
* + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure, p, h1, h2, h3, h4, h5, h6 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/*Text Blocksatz*/
* + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure, p {
	text-align: justify !important;
}	
/*Timeline Anpassungen*/
.main-timeline .year {
    background: #da5f00 !important;
}
/*Slider Startseite Textfeld runde Ecken*/
.text-center.uk-visible\@s.uk-position-bottom-center.jp-slide.p-4.uk-scrollspy-inview.uk-animation-fade {
    border-radius: 4px;
}
/*Sectionsblöcke Anpassung*/
#ar-ectmkvlzi {
    margin-left: 1px;
    margin-right: 1px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	background-color: #ffffff;
	border-radius:4px;
}
/*Container runde Ecken*/
.shadow-sm {
    border-radius: 4px;
}
/*Cookie Symbole Test*/
.cc-window.cc-banner.cc-type-opt-in.cc-theme-block.cc-bottom.cc-color-override-1289291682 {
  border-top: dashed 1px;
  border-color: #fff;
}
.cc-color-override-1289291682 .cc-highlight .cc-btn:first-child {
  color: rgb(255, 255, 255);
  background-color: rgb(218, 95, 0);
  border-radius: 4px  !important;
}
.cc-btn.cc-allow {
  border-radius: 4px !important;
}
.cc-highlight .cc-btn:first-child:hover {
  background-color: rgb(255, 133, 38) !important;
}
.cc-animate.cc-revoke.cc-bottom {
  border-top: dashed 1px;
  border-color: #fff;
}
/*Footer Unser Services*/
.p-3 {
    text-align: left;
	padding:0rem !important;
	margin-top: 4% !important;
}
.uk-grid-divider > :not(.uk-first-column)::before {
     border-left: none !important;
}
/*Hinweis oben inder Webseite z.B. für Urlaub*/
.moduletable.hinweis {
    background-color: #da5f00;
	color: #003300 !important;
}
/*Kontaktformular Feld */
#Ihre\ Nachricht,
#Bemerkungen {
	min-height: calc(1.5em + 122px);
}
.form-select {
	min-height: calc(1.5em + 19px);
}
textarea.form-control{
 min-height: calc(1.5em + 122px) !important;
}
.close {
  display: none;
}
em {
    font-style: normal !important;
}
/*Überschriften Anpassung*/
.uk-panel-box .uk-panel-title{
	color: #777777;
	font-size: 36px;
	line-height: 42px;
	font-weight: normal;
	text-transform: none;
}
/*Menüanpassung Mobile Aktiv*/
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #194F35;
}
.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active {
  color: rgb(218, 95, 0) !important;
  background-color: transparent !important;
}
/*Hover*/
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #194F35;
	border-radius:4px;
}
/*Button runde Ecken*/
.uk-button-primary {
    border-radius: 4px;
}
.btn-primary {
  background: #da5f00 !important;
}
/*Offcanns Hover*/
.uk-button:hover, .uk-button:focus {
    background: #194F35;
}
/*Menü Anpassung*/
.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
    background: #194F35;
    color: #fff;
    outline: none;
    border-radius: 4px;
}
/*Menü Runde Ecken*/
.uk-nav-side > li.uk-active > a {
    border-radius: 4px;
}
/*Login Anpassung*/
#je-popuplogin .je_check {
    display: none;
}
#je-popuplogin .link-options span.je_pass a {
    display: none;
}
#je-popuplogin .link-options span.je_user a {
    display: none;
}
/*Cookies*/
#cookie-bar {
    background: 
    rgba(0,0,0,0.6);
}
/*Bilder runde Ecken*/
img {
    border-radius: 4px;
}
/*Button Webseite besuchen*/
#btn{
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  background: #194F35;
  padding-left: 12px;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  border-width: 1px;
  border-radius: 4px;
  border-color: #357ebd;
  text-hover: #ffffff;
  box-shadow-color-hover: #bababa;
  box-shadow-vert-hover: 3;
  box-shadow-horz-hover: 3;
  box-shadow-blur-hover: 0;
  box-shadow-spread-hover: 0;
  padding: 6px 12px 6px 12px;
  border-style: solid;
  text: Webseite Besuchen;
  undefined: ;
}
/*Bos Schriftfabe*/
.uk-panel-box {
    color: #777777;
}
/*Unterstrich*/
.weblink-category h2::after {
    bottom: 0px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px;
    background-color: #194F35;
}
.weblink-category h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
    text-transform: none;
    position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/*Cookies Hinweis*/
#redim-cookiehint {
    background-color: #194F35;
	color: ffffff;
}
#redim-cookiehint {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
}
#redim-cookiehint .cookiebuttons .btn {
    color: #000;
    background-color: #fff;
}
#redim-cookiehint .cookiebuttons .btn:hover {
    background-color: #fff;
    color: #006666;
}
/*Bilder Mouse over Effekt*/
.MouseOver:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
/*Text Position*/
.layout-slideshow .sprocket-features-desc {
    margin-top: 0% !important;
    padding: 2%;
/*runde Ecken*/	
	border-top-left-radius: 40px;
	border-bottom-left-radius: 30px;
}
.layout-slideshow .slideshow-content {
    background-color: transparent !important;
}
/*weiterlesen Button*/
.readon.uk-button.uk-button-primary {
    margin-top: -15px !important;
    margin-left: 85% !important;
}
/*Breadcrumb*/
.uk-breadcrumb > li {
    font-size: 12px;
	color: #E9771A !important;
}
/*Sie Lesen gerade Link deaktiviert*/
.pathway_footer {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration:none !important;
  color: rgb(204, 204, 204) !important;
}
.moduletable.Lesen-Footer {
  margin-top: -8px !important;
}
.breadcrumb-item.active {
  color: rgb(204, 204, 204) !important;
}
/*Routerplaner angepasst*/
#fromPMAddressPlgPM1 {
    width: 20%;
    border-radius: 4px;
}
#toPMAddressPlgPM1 {
    border-radius: 4px;
}
.pm-input-route-btn.btn {
    border-radius: 4px;
	margin-top: 2% !important;
}
.tm-bottom-c {
    padding: 0% 2% !important;
	width:100%;
}
/*Arcordion Artikel Anpassung*/
.bg-dark {
    background-color: #030 !important;
    border-radius: 4px;
}
.float-left.mr-3.mb-2 {
  padding-right: 5px !important;
}
.m-0.bg-dark.text-white.p-2 {
    padding-left: 2rem !important;
}
/*Button anpassen*/
.btn-primary{
    color: white;
    background-color: #da5f00;
    border-color: #da5f00 !important;
}
.btn-primary:hover {
    background-color: #004c30;
    border-color: #004c30 !important;
}
/*Social Icons über uns*/
.nav.navVerticalView.astroid-social-icons,
.social-icons{
    white-space: nowrap;
    list-style: none;
    text-align: left;
    padding-left: 0px;
	display: flex;
}
li {
    margin: 0px 10px 0px 0px;
}
/*Menü anpassung*/
.megamenu-container {
    border-top: 4px solid #da5f00;
}
/*Routenplaner*/
.pm-input-route-btn.btn {
    color: white;
    background-color: #da5f00;
    border-color: #da5f00 !important;
}
.pm-input-route-btn.btn:hover {
    background-color: #004c30;
    border-color: #004c30 !important;
    color: #fff;
}
/*Felder Abstand*/
#fromPMAddressPlgPM1,
#toPMAddressPlgPM1{
    margin: 0px 15px 0px 0%;
	width: 93% !important;
}
#fromPMAddressPlgPM1 {
  border: 1px solid #da5f00 !important;
  border-style: dashed !important;
}
:focus-visible {
  outline: 0px dotted #fff !important;
}
:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(15, 78, 102, 0.25);
}
.form-inline {
  width: 35% !important;
}
/*Anpassung Links*/
a {
  font-weight: bolder !important
}
/*Anpassung Google Bewertungen*/
.Google-Bewertungen {
  width: 90% !important;
  margin-left: 4% !important;
}
/*Formular Anpassung*/
.form-control {
  border: 1px solid #da5f00 !important;
  border-style: dashed !important;
}
.progress-bar {
  background-color: #da5f00 !important;
}
/*Vor & Zurück Button*/
.col-sm-9.formControls.btn-group {
  display: block;
}
/*Vor Button*/
.btn-success {
	background-color: #da5f00;
	border-color: #bcbec0;
}
.btn-success:hover {
	background-color: #003300;
	border-color: #bcbec0;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color:#fff;
	background-color: #da5f00 !important;
	border-color: #bcbec0 !important; 
}
/*Zurück Button*/
.btn-warning:hover {
	color:#fff !important;
	background-color: #da5f00;
	border-color: #bcbec0;
}
.btn-warning {
	color:#fff;
	background-color: #003300;
	border-color: #bcbec0;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color:#fff;
	background-color: #003300 !important;
	border-color: #bcbec0 !important;
}
/*Pflichfelder*/
.formRequired {
	color: #bcbec0;
}
/*Optische Anpassung Auswahlfelder*/
label {
  margin-bottom: 0.1rem !important;
}
#Seite\ 1Prev, #Seite\ 2Prev, #Seite\ 3Prev, #sendenPrev {
  margin-right: 2px;
}
/*Fehler Seite nicht gefunden Button*/
.btn.btn-backtohome {
	margin-left: 44.5%;
	background-color: #da5f00 !important;
	border-color: #da5f00 !important;
}
/*Suche*/
#mod-search-searchword40 {
  text-align: center;
  color:#da5f00 !important;
}
.form-limit {
  width: 10% !important;
}
/*Anpassung Counter*/
/*Symbole Center*/
.pb-3.fas.fa-horse-head,
.pb-3.fas.fa-heart,
.pb-3.fas.fa-shopping-basket {
  text-align: center !important;
  font-size: 6em !important;
}
/*Counter Text Anpassung*/
.Text-Counter {
	font-size: 27px;
	line-height: 2.2em;
	white-space: nowrap;
}
/*Login Impressum Breite angepasst*/
.moduletable.Login {
  width: 20%;
}
/*Slider mit Hintergrundbild*/
.Text1 {
  font-size: 33px;
  line-height: 1.2em;
}
.Text2 {
  font-size: 24px;
  line-height: 1.2em;
}
/*Seiten Themen Übersicht Anpassung*/
.text-left.uk-visible.uk-position-bottom-left.jp-slide.p-4.uk-scrollspy-inview {
  padding: 2% 6% 0% 0% !important;
  border-top-right-radius: 40px;
}
/*Sattelservice Runde Ecken*/
.text-center.uk-visible\@s.uk-position-center.jp-slide.p-4.uk-scrollspy-inview,
.text-center.uk-visible\@s.uk-position-center.jp-slide.p-4.uk-scrollspy-inview {
  border-radius: 40px;
}
/*Startseite Shop neben Marken */
.text-left.uk-visible.uk-position-center-left.jp-slide.p-4.uk-scrollspy-inview {
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
}
/*All Vidoes Breite*/
avPlayerContainer {
  width: 60% !important;
}
/*Modul Text anpassung*/
.uk-text-center {
  text-align: left !important;
}
/*Logo beim Scrollen Abstand*/
.logo-wrapper.astroid-logo {
  padding: 5px 0px 5px 0px !important;
}
/*Interview Anpassung*/
#Interview {
  padding-top: 5% !important;
}
/*Button Suchen*/
#search-searchword {
  margin-top: 7px;
  margin-right: 2px;
}
.input-group.mb-3 {
  width: 50% !important;
}
/*Infomation unten Links Text formatiert*/
.text-left {
  padding-left: 10%;
  padding-bottom: 5%;
  white-space: nowrap;
}
/*Phoca Download*/
.phocadownloadfilelist {
  background: transparent !important;
  border: 0px solid #fff !important;
}
/*Kategorie Auswahl ausblenden*/
.ph-top {
  display: none;
}
/*Überschrift Hintergrund anpassen*/
#phoca-dl-category-box .pd-category h3.pd-ctitle, #phoca-dl-file-box .pd-file h3.pd-ctitle, #phoca-dl-download-box .pd-file h3.pd-ctitle {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.pagination.pagination-centered {
  display: none;
}
.btn.btn-info {
  background-color: #030 !important;
}
/*Adventskalender Anpassaung*/
#modal-body {
  background-color: #fff !important;
  color: rgb(34, 34, 34) !important;
}
.jmg-copyright {
  display: none !important;
}
/*Überschriften Karte Fenster Fett*/
.pmMarkerTitle {
  font-weight: bold;
}
.pmMarkerTitle {
  text-align: left;
}
/********************************************************* Mobile Ansicht***********************************************************/
/*Desktop*/
@media screen and (min-width : 1224px)  {
}
/*Anpassung Tablet Querformat*/
@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {
	/*Header Anpassung*/
	#mod-custom375 {
		margin-top: -50% !important;
	}
	.astroid-contact-info span:not(:first-child) {
 		margin-left: 0px !important;
	}
	/*Anpassung Counter*/
	.Text-Counter {
	  font-size: 1.5em;
	  line-height: 1.2em;
	}
	.pb-3.fas.fa-horse-head, .pb-3.fas.fa-heart, .pb-3.fas.fa-shopping-basket {
	  text-align: center !important;
	  font-size: 4em !important;
	}
	.counter {
	  font-size: 3em !important;
	}
	/*Infomation unten Links Text formatiert*/
	.text-left {
	  padding-left: 5%;
	  padding-bottom: 2%;
	  white-space: nowrap;
	}
}
/*Anpassung Tablet Hochformat*/
@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {
		/*Header Anpassung*/
	#mod-custom375 {
		margin-top: -11% !important;
	}
	.astroid-contact-info span:not(:first-child) {
 		margin-left: 0px !important;
	}
	/*Routenplaner*/
	#toPMAddressPlgPM1 {
 		margin-top: 5px;
	}
	/*Seiten Thmen Übersicht Anpassung*/
	.text-left.uk-visible.uk-position-bottom-left.jp-slide.p-4.uk-scrollspy-inview {
	  	padding: 2% 6% 0% 0% !important;
	}
	/*Slider mit Hintergrundbild*/
	.Text1 {
	  font-size: 24px;
	  line-height: 1.2em !important;
	}
	.Text2 {
	  font-size: 20px;
	  line-height: 1.2em;
	}
	/*Infomation unten Links Text formatiert*/
	.text-left {
	  padding-left: 5%;
	  padding-bottom: 2%;
	  white-space: nowrap;
	}	
}
/*Anpassung Smartphone Hochformat*/
@media screen and (max-width : 767px)
and (orientation : portrait)  {
	/*Logo Anpassung */
	.astroid-logo-mobile {
 		height: 100px !important;
	}
	/*Header Anpassung*/
	.astroid-logo-mobile {
 		 margin: 5px 0px 5px 0px !important;
	}
	#mod-custom375 {
		margin-top: -50% !important;
	}
	.astroid-contact-info span:not(:first-child) {
 		margin-left: 0px !important;
	}
	/*Rputenplaner*/
	#fromPMAddressPlgPM1 {
	  width: 85% !important;

	}
	#toPMAddressPlgPM1 {
 		width: 100% !important;
  		margin-bottom: 5%;
	}
	/*Arcordion Schriftgröße*/
	.m-0.bg-dark.text-white.p-2 {
 		 font-size: 18px !important;
	}
	/*Überschriften angepasst für Smartphones*/
	h1, h2, h3, h4, h5, h6 {
		text-align: left !important;
	}
	/*Übersicht Optimierung für Smartphone*/
	.text-left.uk-visible.uk-position-bottom-left.jp-slide.p-4.uk-scrollspy-inview {
 		padding: 0% 5% 0% 0% !important;
	}
	/*Mobiles Menü Höhe angepasst*/
	.nav.menu.menu-module.list-inline.d-block {
	  line-height: 0.9em !important;
	}
	/*Cookie Hinweis*/
	.cc-revoke.cc-bottom.cc-color-override-1289291682 {
  		margin-left: 25% !important;
	}
	.cc-animate.cc-revoke.cc-bottom {
  		-webkit-transform: translateY(2em);
  		transform: translateY(2em);
	}
	/*Suche Anpassung*/
	.btn.btn-primary.hasTooltip {
	  margin-top: 5%;
	}
	#search-searchword {
 		width: 100%;
	}	
	/*Routenplaner*/
	.form-inline {
 		width: 100% !important;
	}
	/*Infomation unten Links Text formatiert*/
	.text-left {
	  padding-left: 0%;
	  padding-bottom: 0%;
	  white-space: nowrap;
	}
}
/*Anpassung Smartphone Querformat*/
@media screen and (max-width : 767px)
and (orientation : landscape)  {
	/*Header Anpassung*/
	.astroid-logo-mobile {
 		 margin: 5px 0px 5px 0px !important;
	}
	#mod-custom375 {
 		margin-top: -43% !important;
	}
	.astroid-contact-info span:not(:first-child) {
 		margin-left: 0px !important;
	}
		}
	/*Rputenplaner*/
	#fromPMAddressPlgPM1 {
	  width: 85% !important;

	}
	#toPMAddressPlgPM1 {
  		margin-bottom: 5%;
	}
	#toPMAddressPlgPM1 {
 		margin-top: 5px;
	}
}
/********************************************************* Mobile Ansicht***********************************************************/
