/**********************************/
/*CSS @Jan Crone - Crone-IT Hannover 10-2021 > UCS Celle Armin Hanns*/
/**********************************/
/*Markieren*/
	::-moz-selection { background: rgb(188, 39, 37); color: #fff; }
	::selection { background: rgb(188, 39, 37); color: #fff; }
/*Mega Menü ausblenden*/
.header-offcanvas-trigger.burger-menu-button.align-self-center.d-none.d-xl-block {
    display: none !important;
}
/*Automatische Silbentrennung*/
* + p, p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure, h1, h2, h3, h4, h5, h6 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
	text-align:justify;
}
/*Icon Farbe*/
.astroid-contact-info i[class*="fa-"] {
    color: #214F73;
}
/*WhatsApp Button immer einblenden*/
.jmg-whatsapp-button {
    position: fixed !important;
    z-index: 1000;
    right: 70px;
	bottom: 20px;
}
/*service Üerschriftenblock Höhe*/
.pt-3.uk-text-center {
    height: 90px !important;
}
/*Cookie Einstellungen*/
.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(0em) !important;
  transform: translateY(0em) !important;
}
.cc-btn.cc-deny {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(0, 75, 150) !important;
}
.cc-btn.cc-deny:hover {
  background-color: #214F73 !important;
}
.cc-color-override-593428740 .cc-btn {
  color: rgb(255, 255, 255);
  border-color: transparent;
  background-color: rgb(0, 75, 150) !important;
}
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: none !important;
}
.cc-color-override-593428740.cc-window {
  background-color: rgba(188, 39, 37, 0.90) !important;
  border-top: dashed 1px;
  border-color: #fff;
}
/*Button*/
.cb-btn.cb-enable:hover {
    background-color: #214F73 !important;
    border: 1px solid #BC2725 !important;
}
.cb-btn.cb-disable:hover, 
.cb-btn.cb-policy:hover,
.cb-btn.cb-controls.cc_popup_open:hover {
    background-color: #214F73 !important;
    border: 1px solid #BC2725;
}
/*Bilder runde Ecken*/
img {
    border-radius: 4px;
}
/*Runde Ecken*/
/*Service Boxen*/
.grid-hover.uk-card.uk-card-default {
    border-radius: 4px;
}
.jsn-master .jsn-input-medium-fluid {
    width: 25% !important;
}
/*Eingabefeld Breite*/
.controls {
    width: 40%;
}
.jsn-bootstrap4 .btn-primary, .jsn-bootstrap4 .btn-primary:hover {
    border-color: #FCEBCC ;
}
/*Aufzählung eine Reihe*/
.controls.choices-required {
    white-space: nowrap;
}
/*Pflichfelder*/
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content span.required {
    color: red !important;
    font-weight: bold;
}
/*Button Senden hover*/
.btn.btn-primary.jsn-form-submit.senden:hover {
    border: 1px solid #4f121a !important;
}
/*Abstand*/
input {
    margin-right: 5px !important;
}
/*Routernplaner*/
#fromPMAddressPlgPM1 {
    margin-left: 15px;
    width: 50%;
}
.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
	border-radius:4px !important;
}
.btn-primary{
    background-color: #BC2725 !important;
}
.pm-input-route-btn.btn {
    background-color: #BC2725;
    color: #fff;
}
/*Button*/
.pm-input-route-btn.btn {
    background-color: #BC2725;
    color: #fff;
    border: 1px solid #214F73;
}
.btn-primary:hover,
.pm-input-route-btn.btn:hover {
    background-color: #214F73 !important;
    border: 1px solid #BC2725 !important;
}
/*Links*/
body a {
    color: #214F73;
}
body a:hover {
    color: #BC2725;
}
/*Sie lesen gerade*/
.breadcrumb {
    display: block ruby;
    list-style: none;
}
/*Angbote*/
#ar-rrldcj4ix {
    border-radius: 4px !important;
}
/*Sticky Menü*/
#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active {
  color: rgb(188, 39, 37) !important;
}
/*Kontaktformular*/
.form-control{
  border-color: rgb(188, 39, 37) !important;
  width: 50% !important;
}
#Anrede {
  height: 32px;
}
#Bemerkung {
  min-height: calc(1.5em + 122px);
}

/*FArbanpassung dotnav*/
.uk-dotnav > * > * {
  border: 1px solid rgb(188, 39, 37) !important;
}
.uk-dotnav > .uk-active > * {
  background-color: rgb(0, 75, 150);
}
/*Header Anpassung*/
.nav.navVerticalView.astroid-social-icons {
  font-size: 15pt;
}
/*Cookie Button*/
.cc-revoke.cc-bottom.cc-animate.cc-color-override-593428740 {
  font-size: 10px !important;
}
/*reCaptcha*/
.grecaptcha-badge {
  margin-bottom: 3% !important;
}
/********************************************************* Mobile Ansicht***********************************************************/
@media screen and (min-width : 1224px)  {
}
/*Anpassung Tablet Querformat*/
@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {
	/*Überschriften Größe*/
		h1, .h1 {
			font-size: 2rem;
		}
	/*Kontaktformular Feldbreite*/
		.form-control{
		  width: 75% !important;
		}
	/*Header Anpassung*/
	.nav.navVerticalView.astroid-social-icons {
	  margin-top: -11px !important;
	}	
	/*Menü eine Zeile*/
	.header-left-section.d-flex.justify-content-start {
	  width: 36% !important;
	}
	/*Kontaktformular*/
	.form-control{
	  width: 50% !important;
	}
}
/*Anpassung Tablet Hochformat*/
@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {
	/*Kontaktformular Feldbreite*/
		.controls {
			width: 75%;
		}	
	/*Header Anpassung*/
	.nav.navVerticalView.astroid-social-icons {
	  margin-top: -50px !important;
	}	
	/*Kontaktformular*/
	.form-control{
	  width: 75% !important;
	}		
}
/*Anpassung Smartphone Hochformat*/
@media screen and (max-width : 767px)
and (orientation : portrait)  {
	/*Überschriften Größe*/
		h1, .h1 {
			font-size: 2rem;
		}
	/*Kontaktformular Feldbreite*/
		.controls {
			width: 100%;
		}	
	/*Header Anpassung*/
	.nav.navVerticalView.astroid-social-icons {
	  margin-top: -50px !important;
	}
		/*Kontaktformular*/
	.form-control{
	  width: 100% !important;
	}	
}
/*Anpassung Smartphone Querformat*/
@media screen and (max-width : 767px)
and (orientation : landscape)  {
	/*Überschriften Größe*/
		h1, .h1 {
			font-size: 2rem;
		}
	/*Kontaktformular Feldbreite*/
		.controls {
			width: 75%;
		}	
	/*Header Anpassung*/
	.nav.navVerticalView.astroid-social-icons {
	  margin-top: -50px !important;
	}	
		/*Kontaktformular*/
	.form-control{
	  width: 75% !important;
	}	
}
/********************************************************* Mobile Ansicht***********************************************************/