@charset "UTF-8";
 
 /*
 
 $grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

 */

body {
  
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  
  overflow-x: hidden;
  
  --bs-body-color: hsl(200, 10%, 20%);

}
 
 html{
	 scroll-padding-top: 96px; /* offset for scrolling to an element on nav item click with a fixed navbar on top */
 }

.base-content{
	margin-top: 340px;
}

#selectpickerMandant{
	position: sticky;
	top: 96px;
	z-index: 900;
}

#mandanten-list{
	margin-top: 200px;
}

@media (max-width: 992px) {
	
	#mandanten-list{
		margin-top: 80px;
	}
	
	.base-content{
		margin-top: 240px;
	}

}

.container.content {
	margin-top: 160px;
}

@media (orientation: portrait) {
  
	body {
		--bs-body-font-size: 0.90rem;
	}

	.h1, h1 {
		font-size: calc(1.375rem + 1.5vw);
	}

}

/* Hide password reveal button in MS Edge */
::-ms-reveal {
  display: none;
}

a[rel*="link-external"]::after {    
    font-family: 'bootstrap-icons';
	font-size: 0.73em;
	content: '\00A0\F1C5';
}

a[rel*="link-mailto"]::before {    
    font-family: 'bootstrap-icons';
	font-size: 0.78em;
	content: '\F32C\00A0';
}
 
:root {

	/* OVERRIDE BOOTSTRAP VARS */
	
    /*--bs-border-width: 1px;*/ /* input border width */
	/*--bs-border-color: #79747E;*/ /* input border color */
	--bs-body-font-family: "Poppins", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    /* alert-info colors */
    --bs-info-bg-subtle: hsla(200, 90%, 30%, 0.17);
    --bs-info-border-subtle: hsla(200, 90%, 30%, 0.6);

	/* BORIS VARS */
	
    /*
    --bs-boris: rgb(49, 163, 216);
    --bs-boris-dark: rgb(21, 104, 153);
    */
    
    --bs-boris: hsl(200, 90%, 30%);
    --bs-boris-dark: hsl(202.8, 95.3%, 24.9%);
    --bs-boris-light: hsl(200, 70%, 45%);
	
	
    --bs-footer: rgb(94, 94, 94);
	--a-boris: rgb(28, 121, 172);
	--btn-boris: rgb(28, 121, 172);
	--bs-hint: rgb(255, 220, 80);
	

}

.boris {
	color:  var(--bs-boris-dark);
}

.boris-light {
	color:  var(--bs-boris-light);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 600;
}

.dropdown-item.active, .dropdown-item:active{
	background-color: var(--bs-boris);
}

.fw-600 {
	font-weight: 600;
}

.fw-500 {
	font-weight: 500;
}

.h4, h4{
	line-height: 1.4;
}

.fs-5 {
  font-size: 1.08em !important;
}

.fs-small {
  font-size: 0.75em !important;
}

@media (max-width: 768px) {
	p.lead {
		font-size: 1.2em !important;
	}
}

/* Links */

/* https://getbootstrap.com/docs/5.3/utilities/link/ */

/*
a{
	color: black;
	text-decoration: underline !important;
	text-underline-offset: 3px;	
	cursor: pointer;
}

a:hover{
	color: black;
	text-decoration: none !important;
}

a.navlink{
	cursor: pointer;
	color: black;
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none !important;
}

a.navlink:hover{
	color: black;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

a.btn{
	text-decoration: none !important;
}

*/

/* COOKIE CONSETN OVERRIDE */

.cookie-consent-modal .modal-content-wrap {
	width: 95%;
}

.cookie-consent-modal .modal-content-wrap .modal-content {
  border: none;
  border-radius: 8px;
}

.cookie-consent-modal .modal-content-wrap .modal-content .modal-header {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* TOOLTIPS */

.boris-tooltip {
	--bs-tooltip-bg: #1d79ac;
	margin-top: 10px !important;
	filter: drop-shadow(2px 2px 2px #bbb);
}

.boris-tooltip .tooltip-inner {
	max-width: 350px !important;
	padding: 10px 30px;
}

i.fa.fa-external-link-alt {
	margin-left: 6px;
	vertical-align: middle;
	font-size: 14px;
	margin-bottom: 2px;
}

.hyphens {
	hyphens: auto;
}

.bg-boris {
	background-color: var(--bs-boris);
}

button i {
  margin: 0 10px;
}

/*
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	background-color: var(--bs-boris-dark);
	border-color: var(--bs-boris-dark);
}
*/

.btn:focus,
/* .form-select:focus, */
.btn-close:focus,
.form-control:focus {
    box-shadow: none !important;
}

.btn-lg{
	font-size: 18px;
	padding: 6px;
}

.btn-primary {
  background: linear-gradient(0deg, var(--bs-boris) 0%, var(--bs-boris-light) 100%);
  padding: 5px 20px 6px 16px;
  border: none;
}

.btn-primary:focus, .btn-primary:hover{
	box-shadow: 2px 2px 2px hsla(0, 0%, 0%, 0.3);
	/*! background-color: var(--bs-boris-dark); */
}

.btn-success  {
	border: none;
	padding: 5px 20px 6px 16px;
	background: linear-gradient(0deg, rgba(25,135,84,1) 0%, rgba(38,164,66,1) 100%);
}

.btn-success:focus, .btn-success:hover{
	box-shadow: 2px 2px 2px #36363633;
	border-color: #239c47;
}

.btn-primary i {
	margin: 0px 8px 0px 16px;
	vertical-align: inherit;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
}

.btn[disabled], btn[disabled]:focus{
	background: #6c757d !important;;
	border-color: #6c757d !important;
	pointer-events: all;
	cursor: not-allowed;
}

/* hint */

.col-padding-left {
	padding-left: 30px;
}

@media (max-width: 992px) {

	.col-padding-left {
		padding-left: 12px;
	}
	
}

.bg-hint {
	background-color: var(--bs-hint) !important;
	border-radius: 8px;
}

.fw-hint {
	font-weight: 500;
	font-size: 1.1em;
}

.bg-grey {
	background-color: var(--bs-card-cap-bg);
}

/* SECTIONS */

section#brw-in-bayern {
  background-color: #f4f4f4;
}

section#brw-in-bayern p{
	font-weight: 200;
	font-size: 1.2em;
}

section#brw-in-bayern h2{
	color: #474747;
}

/* FOOTER */

.footer{
	background-color: #39444c;
}

.link-footer li{
	padding-bottom:0.5em;
}


/* NAVIGATION */


#navAccessibility{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 34px;
	transition: top 0.1s;
	background-color: #fff;
	padding: 3px 12px;
	font-size: 16px;
	color: white;
}

#navAccessibility a{ 
	color: var(--bs-body-color);
}


#navAccessibility button{ 
	border: none;
	background-color: unset;
	margin-right: 4px;
	padding: 2px 6px;
	/*! color: white; */
}

#navAccessibility button:hover{ 
	background-color: rgba(0,0,0,0.08);
	border-radius: 4px;
}

.acc-color-dark{
	color: black !important;
}

.acc-color-blue{ /* Links */
	color: blue !important;
}

.acc-bg-bright{
	background-color: #fff !important;
}

#mainNav {
	min-height: 96px;
	font-size: 1.1rem;
	background-image: url('/public/20260103104728oe_/https://www.boris-bayern.de/assets/images/bg-rauten-blau.svg');
	background-repeat: no-repeat;
	/*margin-top: 34px; */
	/*box-shadow: 0px 2px 4px rgba(0,0,0,0.3);*/
	transition: top 0.1s;
}

#mainNav .nav-container{
	margin-left: 180px;
}

#mainNav .btn-login-logout {
	position: absolute;
	top: 25px;
	right: 12px;
	font-size: 14pt;
	padding: 0 24px 0 16px;
	height: 40px;
	background: white;
	color: var(--bs-boris-dark);
	border: none;
}

#mainNav .btn-login-logout i{
	padding-bottom: 3px;
}

@media (max-width: 415px) {

    #mainNav .btn-login-logout {
        right: 12px;
        font-size: 15px;
        padding: 0px 16px 0 6px;
    }

}

#mainNav .btn-login-logout:hover{
	color:white;
	background-color: var(--bs-boris-light);
}
 
#mainNav .navbar-logo {
	filter: invert();
}
  
#mainNav .navbar-nav {
	margin-top: 1rem;
	font-size: 1.2 rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
	color: #ffffff;
	white-space: nowrap;
	font-weight: 600;
	font-size: 16px;
	text-underline-offset: 6px;
}
  
  #mainNav .navbar-nav li.nav-item a.nav-link:hover {
	color: #fff;
  }
  #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
	color: #fff;
  }
  #mainNav .navbar-nav li.nav-item a.nav-link.active {
	color: var(--theme-color-light);
  }
  #mainNav .navbar-toggler {
	font-size: 80%;
	padding: 0.8rem;
  }
  
  #mainNav .navbar-toggler:focus {
  box-shadow: unset;
  }
  
@media (min-width: 992px) {

	#mainNav {
	  padding-top: 1.5rem;
	  padding-bottom: 0.5rem;
	  transition: padding-top 0.3s, padding-bottom 0.3s, top 0.1s;
	}
	
	#mainNav .navbar-logo {
		height: 130px;
		transition: height 0.3s;
	}	
	
	#mainNav .navbar-brand {
	  font-size: 1.4em;
	  transition: font-size 0.3s;
	}
	
	#mainNav .navbar-brand svg {
		width: 172px;
		margin-top:-10px;
	}
	
	#mainNav .navbar-nav {
	  display: none;
	}
	
	#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
	  color: #fff;
	  background: var(--theme-color);
	}
	
	#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
	  color: #fff;
	  background: var(--theme-color);
	}

	#mainNav.navbar-shrink {
	  padding-top: 0.5rem;
	  padding-bottom: 0.5rem;
	}
	
	#mainNav.navbar-shrink .navbar-brand {
	  font-size: 1.5em;
	}
	
	#mainNav .btn-login-logout{
		top: 35px;
		right: 60px;
	}
	
}
  
/* Hamburger Icon */
  
#mainNav .navbar-toggler {
	border: none;
}
  
#mainNav .navbar-toggler .hamburger-icon {
	/*display: none;*/
	width: 30px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
  
#mainNav .navbar-toggler .hamburger-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
  
  #mainNav .navbar-toggler .hamburger-icon span {
	  background: #ffffff;
  }
  
  
  #mainNav .navbar-toggler .hamburger-icon span:nth-child(1) {
  top: 0px;
  }
  
  #mainNav .navbar-toggler .hamburger-icon span:nth-child(2), #mainNav .navbar-toggler .hamburger-icon span:nth-child(3) {
  top: 10px;
  }
  
  #mainNav .navbar-toggler .hamburger-icon span:nth-child(4) {
  top: 20px;
  }
  
  #mainNav .navbar-toggler .hamburger-icon.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
  }
  
  #mainNav .navbar-toggler .hamburger-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  
  #mainNav .navbar-toggler .hamburger-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  
  #mainNav .navbar-toggler .hamburger-icon.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
  }
  
/* LOGIN */

#offcanvasLogin, #offcanvasMyBoris{
	border-radius: 16px;
	box-shadow: 2px 2px 2px #ddd;
}

#offcanvasMyBoris .session-info,
#offcanvasLogin .session-info{
	position: absolute;
    bottom: 0;
    margin: 0 15px 0 0;
}

/* Mandanten Select */

#f_mandant{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 500;
	border: 1px solid var(--bs-boris-dark);
	color: var(--bs-boris-dark);
	border-radius: 8px;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.05);
	border-color: var(--bs-boris-dark);
}

@media (min-width: 992px) {
	#f_mandant {
		font-size: 1.25em;
	}
}

.bootstrap-select .dropdown-toggle .filter-option {
	padding-top: 3px;
}

/* Card Filter */

.filter-tickets, .format-tickets {
	display: flex;
	gap: 20px;
	margin-bottom: 16px;
	list-style: none;
	padding-left: 0px;
}

.filter-tickets .filter-item, .filter-tickets .filter-consumed {
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #666;
	padding: 3px;
	border-bottom: 3px solid rgba(0,0,0,0);
}

.format-item{
	font-size: 26px;
}

.filter-tickets .filter-item i, .filter-tickets .filter-consumed i{
	font-size: 20px;
}

.filter-tickets .filter-item:hover, .filter-tickets .filter-consumed:hover {
	color: black;

	cursor: pointer;
	border-bottom: 3px solid #bbb;
}

.filter-tickets .active {
  color: black;
 
  border-bottom: 3px solid black;
}

.filter-tickets .active i{
  color: black;
}

.filter-consumed{
	display: none;
}

/* Cards */

.card button{
	width: 100%;
}

#list_mandanten .card_mandant .card{
	background: white;
	transition: 0.5s;
}

#list_mandanten .card_mandant .card:hover
{
	background: color-mix(in srgb, hsl(200, 70%, 40%) 10%, transparent);
	border: 1px solid var(--bs-boris);
}

#list_mandanten .card_mandant .card.active
{
	background: color-mix(in srgb, hsl(152, 69%, 31%) 10%, transparent);;
}

#list_mandanten .card_mandant,
#list_tickets .card_mandant {
	margin-bottom: 2rem !important;
}

#list_mandanten .card_mandant a,
#list_tickets .card_mandant a {
	text-decoration: underline dotted !important;
}

.card-img-container {
	height: 100px;
}

.card-img-container img {
	height: 100%;
	object-fit: cover;
}

#cardSelectedGesl .card-body,
#cardSelectedGesl .card-footer {
	background-color: rgba(221, 241, 222, 0.38)
}

/* für die Listenansicht */
#cardSelectedGesl  .card-body,
#cardSelectedGesl .card-footer{
	background:none !important;
}

#cardSelectedGesl .card-list {
	background-color: rgba(221, 241, 222, 0.38) !important;
}

@media screen and (max-width:1200px) {
	#cardSelectedGesl .list-title {
		float: none !important;; 
	}
}

#cardSelectedGesl ul{
display: inline-grid;
}





.card {
	transition: 0.1s ease-in-out;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.05);
}

.card-list {
	flex-direction: row !important;
	font-size: 14px;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #ddd;
	padding: 4px 0;
}

.card-list:hover{
	background: #f7f7f7;
	z-index: 2;
}

.card-list .mb-1{
	margin: 0 !important;
}

.card-list .card-body{
	padding: 8px 0;
	margin-left: 10px;
}

@media screen and (max-width:768px) {
	.card-list {
	flex-direction: column !important;
	}
}

.card-list .card-teaser{
	display: inline-flex;
	min-width: 400px;
}

.card-list .kaufdatum{
	/*! display: inline; */

}

.card-list .kaufdatum span{
	font-weight: normal;
}


.card-list .card-footer{
	background: unset;
	border: none;
	width: 300px;
	/*! position: relative; */
}

.card-list .card-footer .btn{
  min-width: 250px;
	margin-top: 4px;
  /*! position: absolute; */
  /*! top: 20%; */
  /*! right: 10px; */
}

/*
.card-footer {
	border: unset;
	background: unset;
}
*/

.card.hover:hover{
	transform: scale(1.02);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}

.card-title {
	margin-top: 10px;
	font-weight: 600;
	color: var(--bs-boris-dark);
	font-size: 1.3em;
	/*! display: block; */
	/*! height: 80px; */
}

.list-title {
	float: left;
  margin-top: 2px;
  margin-right: 24px;
	font-size: 18px;
	min-width: 320px;
}

.card-title.selected {
	color: var(--bs-green);
	/*! float: none !important; */
}

.card-teaser{
	/*! display: flex; */
}

.card ul{
	padding-left: 1.5rem;
	margin-bottom: 0;
	display: inline-block;
	/*! height: 87px; */
	max-width: 400px;
}

.card-list ul li{
/*! display: grid; */
}

.card ul.other-brw-solutions{
	flex-wrap: wrap;
}

.card ul.other-brw-solutions:not(:first-child) {
	list-style: circle;
}

.card ul.other-brw-solutions li{
	float: left;
	margin-right: 35px
}

.card ul.other-brw-solutions li a{
	white-space; nowrap;
}

.card.ticket.unconfirmed, .card.ticket.consumed {
	opacity: 0.7;
	filter: grayscale();
}

.card.ticket.blocked {
  background: #ff0c000d;
  border: 1px solid red;
}

.card.ticket.blocked .card-img-top{
	opacity: 0.7;
	filter: grayscale();
}

.card.ticket.blocked .card-title{
	filter: grayscale();
}

.card.ticket.blocked .card-footer p {
  color: red;
}

/* Modal */

.modal-backdrop {
	--bs-backdrop-bg: #fff;
	--bs-backdrop-opacity: 0.9;
}

.modal-dialog {
	display: flex;
	align-items: center;
}

.modal-content {
	margin: 0 auto;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
}

.modal-content .mandant-contact a {
  color: var(--bs-boris);
}

#MandantenDetailModal .badge {
	background-color: color-mix(in srgb, hsl(200, 50%, 40%) 12%, transparent) !important;
	border: 1px solid #eee;
	color: #444;
	margin-bottom: 8px;
	margin-left: 5px !important;
	margin-right: 5px !important;
	user-select: none;
	width: calc(50% - 10px);
	text-align: left;
	padding: 8px 8px;
	font-size: 13px;
}

#MandantenDetailModal .badge.pdf {
	background-color: color-mix(in srgb, hsl(0, 50%, 40%) 12%, transparent) !important;
}

#MandantenDetailModal .mandant-logo {
	float: right;
	margin: 0px 10px 60px 30px;
}
#MandantenDetailModal .mandant-logo img{ 
	max-width: 120px;
}

#ticketBuyAGBModal .agb-include{
	margin: 10px;
}

@media (max-width: 992px) {
	#sendValidationCodeBtn {
		line-height: 20px !important;
		padding: 8px !important;
	}
}

/* Canvas Login */

.offcanvas-backdrop {
	background-color: #eee;
}

.offcanvas-backdrop.show {
	opacity: 1;
	background-color: rgba(255,255,255,.85);
	backdrop-filter: blur(3px) saturate(0.7);	
}

i#togglePassword {
	cursor: pointer;
	position: absolute;
	top: 18px;
	right: 10px;
}

i#togglePasswordNew,
i#toggleConfirmPasswordNew,
i#togglePasswordOld {
	cursor: pointer;
	position: absolute;
	top: 18px;
	right: 40px;
}

.form-floating > label {
    left: unset;
	color: #777;
}

/* Kunde add & edit form */

.input-wrapper {
    position: relative;
    width: 200px;
}

.clear {
    width: 100%;
}

.clear-button {
	position: absolute;
	padding: 0;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	border: none;
	font-size: 18px;
	color: #ccc;
	background: white;
	-webkit-text-stroke: 1px;
}

.clear-button i{
	margin: 0;
	padding: 0;
}

.clear-button:hover,
.clear-button:focus{
	background: white;
	color: #999;
	-webkit-text-stroke: 2px;
}

/* Kunde add form */

.wrong .fa-check{
    display: none;
}

.good .fa-times{
    display: none;
}

.img-teaser {
	height: 205px;
	background-image: url(/public/20260103104728oe_/https://www.boris-bayern.de/assets/images/teaser-kunde-add.jpg);
	background-position: center center;
	background-size: cover;
	margin: 0 0 30px 12px;
	border-radius: 8px;
	padding: 12px;
	width: calc(100% - 22px);
}

@media (max-width: 768px) {
	
	.img-teaser {
		height: 100px;
	}
	
}

.img-teaser-mandant {
	height: 300px;
	background-position: center center;
	background-size: cover;
	margin: 0 0 30px 12px;
	border-radius: 8px;
	padding: 12px;
	width: calc(100% - 22px);
}

@media (max-width: 992px) {
	
	.img-teaser-mandant {
		height: 200px;
	}
	
}

/* ticket buy includes */

#ticketBuyInclude table tr {
	display: block;
}

/*
#ticketBuyInclude table.ticket-buy-auswahl tr {

}

#ticketBuyInclude table.ticket-buy-auswahl tr:first-child {

}

#ticketBuyInclude table.ticket-buy-auswahl tr td {

}

#ticketBuyInclude table.ticket-buy-auswahl tr td:nth-child(2) {

}
*/

#ticketBuyInclude table.ticket-buy-auswahl tr td:first-child,
#ticketBuyConfirm__desc td:first-child {
	display: none;
}

#ticketBuyInclude input[type='radio']{
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

#ticketBuyInclude tr.form-check-include a{
	color: var(--bs-boris-dark);
}

#ticketBuyInclude tr.form-check-include {
	padding: 16px 10px;
	border-bottom: 1px solid #aaa;
}

/*
#ticketBuyInclude tr.form-check-include td[width]{
	width: 0% !important;
}
*/

#ticketBuyInclude tr td[colspan="3"] {
	padding-top: 20px;
}

#ticketBuyInclude tr.form-check-include td:last-child {
	width: 100%;
}

#ticketBuyInclude tr.form-check-include:hover {
	background: #f4f4f4;
	cursor: pointer;
}

#ticketBuyInclude font[color]{
	color: darkred;
}

#ticketBuyConfirm__desc input{
	display:none;
}


/** https://github.com/nzbin/three-dots
 * ==============================================
 * Dot Pulse
 * ==============================================
 */

button.loader {
	display: flex;
	justify-content: center;
}
 
button span {
	display: block;
}

button .dot-pulse {
	color: rgba(255,255,255,0.95);
	margin: 6px 30px;
}

button .dot-pulse::before, button .dot-pulse::after {
	color: rgba(255,255,255,0.70);
}

.dot-pulse {
	padding-right: 10px;
}



/* Dropdown */

.dropdown-menu{
	--bs-dropdown-border-radius: 0px;

}

/* Carousel -> Mandanten-Foto Karusell auf Startseite */

#carouselMandanten{
    display: block;
    height: 600px;
    background: #eee;
	position: relative;
    top: 160px;
}

#carouselMandanten .willkommen-overlay{
  position: absolute;
  margin-top: 275px;
  left: 220px;
  display: block;
  z-index: 1000;
  color: white;
}

#carouselMandanten .willkommen-overlay h1{
  font-size: 50px;
  text-shadow: 4px 4px 5px #1b1b1b;
}

#carouselMandanten .willkommen-overlay p{
  font-size: 20px;
  text-shadow: 4px 4px 5px #1b1b1b;
}

#carouselMandanten .willkommen-overlay button{
  font-size: 18px;
  border: unset;
}

#carouselMandanten .carousel{
	position: relative;
	display: block;
	width: 100%;
}

#carouselMandanten .carousel-inner {
	border-radius: 0px;
}

#carouselMandanten .carousel-img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: color-mix(in srgb, hsl(200, 50%, 40%) 50%, transparent);
    z-index: 2;
  }

#carouselMandanten .carousel-img {
	height: 600px;
	background-position: center center;
	background-size: cover;
	filter: blur(1px) grayscale(0.5);
}

#carouselMandanten .carousel-caption {
	left: unset !important;
	right: 1% !important;
	bottom: 0.5rem !important;
	padding-bottom: unset;
	padding-top: unset;
	color: #ddd;
	font-size: 0.8em;
	text-shadow: 2px 2px 2px #000;
    z-index: 3;
}

@media (max-width: 992px) {
	
	#carouselMandanten {
		top: 70px;
	}
	
	#carouselMandanten, #carouselMandanten .carousel-img{
		height: 500px;
	}
	
	#carouselMandanten .willkommen-overlay{
		left: 30px;
		margin-top: 170px;
	}
	
    #carouselMandanten .willkommen-overlay h1 {
        font-size: 36px;
    }
	
}

@media (max-width: 1200px) {
	
	#carouselMandanten .willkommen-overlay{
		left: 50px;
        margin-top: 220px;
	}
	
}

@media (max-width: 768px) {
	
	#carouselMandanten .willkommen-overlay {
		left: 30px;
		margin-top: 170px;
    }

    #carouselMandanten .willkommen-overlay p{
        font-size: 18px;
      }
	
}

/* NEWSFEED */

#carouselNews{
	background-color: hsla(200, 70%, 45%, 5%);
	transition: 0.3s;
}

#carouselNews:hover{
	background-color: hsla(200, 50%, 45%, 10%);
}

#carouselNews .carousel-inner{
	margin-left: 25px;
	width: calc(100% - 50px);
	cursor: pointer;
}

#carouselNews .carousel-control-next,
#carouselNews .carousel-control-prev {
	width: 3%;
}

@media (max-width: 992px) {
	#carouselNews .carousel-control-next,
	#carouselNews .carousel-control-prev {
		width: 6%;
	}
}

/* COUNTER */

#btcount .col {
    padding: 24px;
}

#btcount .count-number {
    font-size: 29px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    display: block ruby;
}

#btcount .count-title {
    font-size: 22px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
    text-align: center;
}

#btcount .count-subtitle {
    font-size: 14spx;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
    text-align: center;
	color: var(--bs-boris-light);
}

#btcount .fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: var(--bs-boris-light);
}

/* FORM ELEMENTS */

.form-btn {
	user-select: none;
	cursor: pointer;
}

.form-btn:hover, .form-btn:active {
	font-weight: 600;
	background: var(--bs-boris-light);
}

.form-check-input {
	border: 2px solid #aaa;
}

.form-check-input[type="radio"] {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  margin-top: 0px;
}

#ticketBuyIncludeContent .form-check-input[type="radio"]{
	margin-top: 4px;
}

form .row {
  --bs-gutter-x: 0.5rem;
}

.form-check-input:checked {
    background-color: var(--bs-boris-dark);
    border-color: var(--bs-boris-dark);
}

input.form-control{
    font-size: 1.25rem;
}

.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color:unset !important;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    transform:scale(.85) translateY(-.8rem) translateX(.75rem);
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    transform:scale(.85) translateY(-0.8rem) translateX(.75rem);
    background: white;
    padding: 0px 8px;
    height: 28px;
    color: #49454F;
}

.form-control:focus {
    color:var(--bs-body-color);
    background-color:var(--bs-body-bg);
    border-color:var(--bs-boris);
    border-width:2px;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input#passwordHelperEmail:disabled{
	background-color: #fff;
	color: #b2b2b2;
	cursor: not-allowed;
}

/* Autocompleter */

.auto-clear::before {
	opacity: 0.5;
}

.auto-clear:hover::before{
	opacity: 1;
}	
	
/* in map.php 	modalSearchFlnrForm  Form für die Flurstückssuche*/

.input-group-text {
    border: none !important;
    background: none !important;
}

.input-group > .form-floating > .form-control, .input-group > .form-select{
  border-radius: var(--bs-border-radius) !important;
}