/*.breadcrumb-section .breadcrumb {justify-content: flex-end;}*/

nav#mainnavigation a.nav-link.flag img {height: 20px; width: auto;}

/*##########
### NAVI ###
############*/
#langnavigation ul {padding: 0px; text-align: right;}
#langnavigation li {display:inline !important;}
#langnavigation li a {display:inline-block;}
#langnavigation li a img {height: 20px; width: auto;}

#mainnavigation li.nav-item.nav-lang {display: none;}

@media (min-width: 992px) {
	#langnavigation li.nav-item.nav-lang {display: none !important;}
	#mainnavigation li.nav-item.nav-lang {display: inline-block;}
}




/*##############
### FRAMES ###
##############*/
.frame-border-gray {border: 1px solid #f2f2f2; padding: 15px; margin: 15px 0;}
.frame-neg-20 {padding-top: 0 !important; margin-top: -20px !important;}
.frame-neg-40 {padding-top: 0 !important; margin-top: -40px !important;}
.frame-neg-60 {padding-top: 0 !important; margin-top: -60px !important;}
.frame-neg-80 {padding-top: 0 !important; margin-top: -80px !important;}

.frame-group-inner {border-radius: 0px !important;}

.frame-background-primary .card {background-color: transparent; color: #ffffff; border: 1px solid rgba(242,242,242,0.10);}

/*##############
### CONTENT ###
##############*/

.gallery-item img.fixed {width:auto; height:100%}
p.lead {hyphens: auto;}


/*-----------------------------------------------------------------------------------*/
/*  POWERMAIL  28.01.2022 Uwe Jakobs
/*-----------------------------------------------------------------------------------*/


.tx-powermail fieldset.nolabel label,
.tx-powermail h3,
.tx-powermail legend,
.tx-powermail label {
  display: none;
}

.tx-powermail .checkbox label,
.tx-powermail .radio  label{
  display: block !important;
}

.tx-powermail .radio {
  float: left;
  margin-left: 20px;
  margin-right: 30px;
}

.tx-powermail .container-fluid {
  padding: 0;
}

.powermail_fieldwrap{
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 15px;
}
.powermail_field, .powermail_field select, .powermail_field input,  .powermail_field textarea {
  width: inherit; 
}

.powermail_field select, .powermail_field input, .powermail_field textarea {
  padding: 5px;
  border: none;
  border-radius: 0px;
}

footer .powermail_field  .frame-layout-1 {
  max-height: 5em;
  overflow: auto;
  border: 1px dotted rgba(255,255,255,0.5);
  padding: 1em;
  border-radius: 2px;
}

.powermail_fieldwrap_strasse, .powermail_fieldwrap_plz, .powermail_fieldwrap_ort, .powermail_fieldwrap_mitteilung {display:none;}

.checkbox label a {color: #999999; border-bottom: 1px dotted #999999;}

.form-control,
.form-group input[type="file"] {
	border-radius:0;
}
/*-----------------------------------------------------------------------------------*/
/*  POWERMAIL  28.01.2022 Uwe Jakobs
/*-----------------------------------------------------------------------------------*/

/*##############
### FOOTER ###
##############*/
.footer-base h5 {text-transform: uppercase; font-weight: 600;}
.footer-base a {color: rgb(233, 233, 233) !important;}
.footer-base picture {max-width: 200px; margin:0px;}


.consent-button.icon-box.iconbox-theme-colored {
 position:fixed;
 bottom:0;
 margin:20px;
}

/*### Badges ###*/
.badge {
	color: #fff;
	display: inline-block;
	padding: .5em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}
.badge-primary {
	background-color: #0c4270;
}
.badge-secondary {
	background-color: #6c757d;
}
.badge-success {
	background-color: #28a745;
}
.badge-danger {
	background-color: #dc3545;
}
.badge-warning {
	color: #212529;
	background-color: #ffc107;
}
.badge-info {
	background-color: #17a2b8;
}
.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}
.badge-dark {
	background-color: #343a40;
}

/*################
### GALLERY  ###
################*/


.gallery-item-special {
	--gallery-columns: 3;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
	transition-duration: 500;
}

.gallery-item-special:hover {
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

@media (min-width:576px) {
	.gallery-item-size-7 {
		--gallery-columns: 3
	}
	.gallery-item-size-8 {
		--gallery-columns: 3
	}
	.gallery-item-size-9 {
		--gallery-columns: 3
	}
	.gallery-item-size-10 {
		--gallery-columns: 3
	}
	.gallery-item-size-11 {
		--gallery-columns: 3
	}	
	.gallery-item-size-12 {
		--gallery-columns: 3
	}
}
@media (min-width:768px) {
	.gallery-item-size-7 {
		--gallery-columns: 7
	}
	.gallery-item-size-8 {
		--gallery-columns: 8
	}
	.gallery-item-size-9 {
		--gallery-columns: 9
	}
	.gallery-item-size-10 {
		--gallery-columns: 10
	}
	.gallery-item-size-11 {
		--gallery-columns: 11
	}
	.gallery-item-size-12 {
		--gallery-columns: 12
	}
}

/*################
### CAROUSEL ###
################*/

.carousel .item {
	height: 350px;
}

.frame-bg-trans .carousel .item {
	height: auto;
}

.carousel-small .item {
	height:200px;
}

@media (max-width: 767px) {
    .carousel-small .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-small .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
	.carousel-small .item {
		height: 100px;
	}  	
}

.carousel-small .carousel-inner .carousel-item.active,
.carousel-small .carousel-inner .carousel-item-next,
.carousel-small .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
	.carousel-small .item {
		height: 200px;
	}  
	
    .carousel-small .carousel-inner .carousel-item-end.active,
    .carousel-small .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-small .carousel-inner .carousel-item-start.active, 
    .carousel-small .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-small .carousel-inner .carousel-item-end,
.carousel-small .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}