/* Desktop >= xl  */
@media (min-width: 1200px) {

	body, .bodyfont {
		font-family: Lato;
		font-display: swap;
		font-size: 18px;
		/*light*/
		font-weight: 300;
	}

	h1, .h1font {
		font-family: open sans;
		font-display: swap;
		/*bold*/
		font-weight: 700;
		font-size: 70px;
	}

	h2, .h2font {
		font-family: open sans;
		font-display: swap;
		/*normal*/
		font-weight: 400;
		font-size: 60px;
	}

	h3, .h3font {
		font-family: open sans;
		font-display: swap;
		/*semibold*/
		font-weight: 600;
		font-size: 40px;
	}

	h4, .h4font {
		font-family: open sans;
		font-display: swap;
		font-weight: 600;
		font-size: 30px;
	}

	h5, .h5font {
		font-family: open sans;
		font-display: swap;
		font-weight: 600;
		font-size: 24px;
	}

	button {
		font-size: 18px!important;
		font-weight: 400!important;
		padding:12px!important;
	}
	
	.btrlist {
		font-size: 16px;
	}

	#coloredbgblock1 {
    /* mit Video/Standort
        top: 4650px;
    */
        top: 3000px;
        height: 600px;
    }
	
	#coloredbgblock2 {
        top: 0px;
        height: 0px;
    }
}

/* md - xl */
@media (min-width: 768px) {
    .mw-md-450 {
        max-width: 450px;
    }
}
       
/* lg */
@media (min-width: 992px) and (max-width: 1199px) {
    
    #coloredbgblock1 {
      /* mit Video/Standort
        top: 4350px;
      */
        top: 2700px;
        height: 500px;
    }
	
	#coloredbgblock2 {
        top: 600px;
        height: 500px;
    }
}

/* md */
@media (min-width: 768px) and (max-width: 991px) {
    #coloredbgblock1 {
      /* mit Video/Standort
        top: 4400px;
      */
        top: 2750px;
        height: 450px;
    }
	
	#coloredbgblock2 {
        top: 600px;
        height: 450px;
    }
}

/* sm */
@media (min-width: 576px) and (max-width: 767px) {
    #coloredbgblock1 {
     /* mit Video/Standort
        top: 7000px;
        */
        top: 5350px;
        height: 1100px;
    }
	
	#coloredbgblock2 {
        top: 600px;
        height: 600px;
    }
}


/* Tablet sm - lg*/
@media (min-width: 576px) and (max-width: 1199px) {

	body, .bodyfont {
		font-family: Lato;
		font-display: swap;
		font-size: 16px;
		/*light*/
		font-weight: 300;
	}

	h1, .h1font {
		font-family: open sans;
		font-display: swap;
		/*bold*/
		font-weight: 700;
		font-size: 50px;
	}

	h2, .h2font {
		font-family: open sans;
		font-display: swap;
		/*normal*/
		font-weight: 400;
		font-size: 50px;
	}

	h3, .h3font  {
		font-family: open sans;
		font-display: swap;
		/*semibold*/
		font-weight: 600;
		font-size: 28px;
	}

	h4, .h4font {
		font-family: open sans;
		font-display: swap;
		font-weight: 600;
		font-size: 24px;
	}

	h5, .h5font {
		font-family: open sans;
		font-weight: 600;
		font-size: 22px;
	}

	button {
		font-size: 16px!important;
		font-weight: 400!important;
		padding:12px!important;
	}
	
	.btrlist {
		font-size: 18px;
	}
    

}

/* Phone < sm */
@media (max-width: 575px) {

	body, .bodyfont{
		font-family: Lato;
		font-display: swap;
		font-size: 14px;
		/*light*/
		font-weight: 300;
	}

	h1, .h1font {
		font-family: open sans;
		/*bold*/
		font-weight: 700;
		font-size: 28px;
	}

	h2, .h2font {
		font-family: open sans;
		/*normal*/
		font-weight: 400;
		font-size: 28px;
	}

	h3, .h3font  {
		font-family: open sans;
		/*semibold*/
		font-weight: 600;
		font-size: 22px;
	}

	h4, .h4font {
		font-family: open sans;
		font-weight: 600;
		font-size: 20px;
	}

	h5, .h5font {
		font-family: open sans;
		font-weight: 600;
		font-size: 18px;
	}

	button {
		font-size: 14px!important;
		font-weight: 400!important;
		padding:12px!important;
	}
	
	.btrlist {
		font-size: 14px;
	}
	
	#coloredbgblock1 {
        top: 6500px;
        height: 1000px;
    }
	
	#coloredbgblock2 {
        top: 600px;
        height: 500px;
    }
}

/* Ende Phone */
a {
    color: #000000;
}

a:hover {
	color: #9e2d32;
}

a.marked, .editortext a, 
a.link-versandkostenmodal, a.versandDialog {
    text-decoration: underline;
}

a.marked:hover, .editortext a:hover,  
a.link-versandkostenmodal:hover, a.versandDialog:hover {
    color: #9e2d32!important;
}

.form-control {
    font-size: 18px;
}

header {
	z-index:20;
	position:absolute;
	top:0;
	left: 0;
	right: 0;
}

.topsection {
	z-index:10;
	position:absolute;
	top:0;
	left: 0;
	right: 0;
}

.carouselTopImg {
    height: 700px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

.pagetop {
	padding-left: 15px;
}

#divFilterbtn a.text-primary, #divFilterbtn a.text-primary:focus, #divFilterbtn a.text-primary:hover {
  color: #000000 !important;
}
	
.pagetop a.text-primary:focus, .pagetop a.text-primary:hover {
  color: #000000 !important;
}

a.text-primary:focus, a.text-primary:hover {
  /*color: #464646 !important;*/
  color: #FFFFFF !important;
}

#mainBreadcrumb .breadcrumb {
	background-color: transparent;
	color: black;
}

.breadcrumb a {
	color: black;
	text-decoration: underline;
}

#menu-bereiche {
	border-color: #F5F5F5;
	border-width: 2px;
}

.navbar {
  padding-left: 0;
  padding-right: 0;
}

.icon-bar {
  width: 22px;
  height: 2px;
  background-color: #ffffff;
  display: block;
  transition: all 0.2s;
  margin-top: 4px
}

.navbar-toggler {
  z-index: 200;
  border: none;
  background-color: #9e2d32;
  height: 50px;
}

.navbar-toggler .tl2br-bar {
  transform: rotate(45deg);
  margin-top: -8px;
  height: 25px;
  width: 2px;
  margin-left: 10px;
  margin-right: 10px;
}

.navbar-toggler .bl2tr-bar {
  transform: rotate(90deg);
  height: 25px;
  width: 2px;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.nav-item {
	font-family: open sans;
	font-weight: normal;
}
.navicon {
	border-color: #F5F5F5;
	border-width: 2px;
}

.navicon-tl {
	border-bottom-style:solid;
	border-right-style:solid;
}

.navicon-tm {
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
}

.navicon-tr {
	border-bottom-style:solid;
	border-left-style:solid;
}

.menu-card-bereiche {
	width: 100px;
	border: none;
}

.menu-card-bereiche .card-body {
	padding-top: 0;
	font-family: Lato;
	font-display: swap;
	font-weight: light;
	font-size: 12px;
	text-align:center; 
	vertical-align: bottom;
	min-width: 100px;
}

#menu-mob-container div.col-4 { 
	min-width: 100px;
}

.menu-mob-item {
	color: black!important;
	text-align: left;
	/* margin-top:30px;
	margin-bottom: 20px; */
}

.menu-mob-item a {
	padding-left: 0;
}

.carousel-caption .accordion, .accordionMobilMenu, #accordionAktuelles, #accordionWissen, #accordionMedienservice, #accordionUeberuns {
	text-align: left;
	margin-top:20px;
	margin-bottom: 20px;
}

@media (max-width: 575px) {
	#menu-mob-container {
		max-width: 250px;
	}
	.menu-mob-item-1,  .menu-mob-item-3, .menu-mob-item-5, .menu-mob-item-7 {
		border-right: 1px solid #dee2e6!important;
	}		
	
}

@media (min-width: 576px) {
	#menu-mob-container {
		max-width: 375px;
	}
	 .menu-mob-item-1,  .menu-mob-item-2, .menu-mob-item-4, .menu-mob-item-5, .menu-mob-item-7{
		border-right: 1px solid #dee2e6!important;
	}
}

.collapse .nav-link {
  color: #FFFFFF !important;
}

.pagetop .collapse .nav-link {
  color: #000000 !important;
}

#menu-mob-bereiche {
	background-color: white;
	z-index: 1000;
}
#headingDropdown {
	text-align: left; 
	font-size:12pt;
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#start_themenauswahl, #start_themenauswahl_mob {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	padding: 10px;
	border-radius: 50px;
	color: black;
}

#start_themenauswahl {
    margin-top: 100px;
}

@media (max-width: 575px) {
    #start_themenauswahl_mob {
        margin-top: 330px;
    }
}

@media (min-width: 576px) {
    #start_themenauswahl_mob {
        margin-top: 100px;
    }
}

#filter_themenauswahl {
	background-color: white;
	width: 100%;
	margin-top: 50px;
	padding: 0px;
	margin-left: 1px;
	border-radius: 30px;
	border: 1px solid black;
	color: black;
}

#divFilterbtn {
	margin-top: 10px;
	width: 180px;
	padding: 0px;
	border-radius: 30px;
	border: 1px solid black;
	color: black;
}
#divFilterbtn .dropdown-menu {
	color: black;
}
#filter_themenauswahl .col-item {
	padding-top: 5px;
	padding-bottom: 5px;

}

#colSel, #colSelMob {
	padding-right: 42px;
}

#colSel, #colSelMob, #colInpText, #colInpTextMob {
	text-align:left;
	padding-left:30px;
}

#colSelKm { 
    max-width:120px; 
}

@media (min-width: 576px) {
    #colInpText, #colInpTextMob, #colSelKm {
    	border-left: gray 1px solid;
    }
}

#colBtnLupe, #colBtnLupeMob {
	display: flex;
	align-items: center;
	justify-content: right;
	z-index: 2;
}

.carousel-caption #selBernr, 
.carousel-caption #selBernrMob,
.carousel-caption #inpOrt,
.carousel-caption #inpOrtMob {
    font-style: italic;
}

#lableSelBernr, #lableSelBernrMob  {
	padding-left:12px;
	font-weight: 600;
}

#lableOrt, #lableOrtMob {
	padding-left:12px;
	font-weight: 600;
}

.form-row select, .form-row input {
	border: none;
	padding-top: 0;
}

.navLupe {
	background-color: #9e2d32;
	border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navLupeMobil {
	background-color: transparent;
}

#filter_themenauswahl #btnLupe {
    height: 35px;
}

#btnLupe, #btnLupeMob {
	background-color: #9e2d32;
	height: 70px;
	border-radius: 50px;
}

#menu-mob-bereiche {
	position:absolute;
	top:0;
	bottom: auto;
	right:0;
	left: auto;
	margin: 0;
	
	
}


.carousel-control-prev, .carousel-control-next {
	margin-top: 80px;
	margin-bottom: 80px;
}

/*
.carousel-item {
	z-index: -1;
}
*/

.carousel-caption {
	top: 0;
	padding-top: 0;
	right: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(150,150,150,0.15), transparent);
	padding-left: 1%;
	padding-right: 1%;
	z-index: auto!important;
	
}
.caption-content h1 {
	margin-bottom: 0;
}


body {
	padding-top: 0;
}

.fc-button {
	background-color: transparent!important;
	border: none!important;
}

.fc-icon {
	color: black;
}
#datepicker {
	padding-left: 25px;
	padding-right: 25px;
}


.maxWidthCentered {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.fullWidthCentered {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.maxWidthLeft {
	max-width: 1200px;
	margin-left: 0;
	margin-right: auto;
}

.maxWidthRight {
	max-width: 1200px;
	margin-left: auto;
	margin-right: 0;
}

.blackLink {
	color: black;
	text-decoration: underline;
}

img.crop-top-center{
    height: 250px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

img.crop-top-center-200{
    height: 200px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

img.crop-medium-center{
    height: 250px;
    width: 100% !important;
    object-fit: cover;
    object-position: medium center;
}

img.h-250{
    height: 250px;
}

img.h-220{
    height: 220px;
}

img.h-27 {
	height: 27px;
}

img.h-29 {
	height: 29px;
}



.footer-bg {
  background-color: #f6f9f6;
}

.footer-last {
  background-color: #dae8da;
}

footer a, footer a:hover {
  color: #000000 !important;
}

footer .form-control {
  border-right: none;
}

footer .input-group-text {
  background: #FFFFFF;
  color: #066233;
}

footer ul {
	list-style-type:none;
}
footer li {
	padding-bottom:5px;
}

.footercaption {
	color: black;
	font-weight:bold;
	font-size: 13pt;
}


.starttermin {
	line-height: 2em;
}

hr {
  background-color: #f5f5f5;
  border: none;
  height: 2px;
}

.zurueckvor a{
	font-size: 36px;
	color: black;
}

@media (min-width: 768px) {
	#karteInBereichsfotos {
		border: 1px solid gray;	
	}
}

/*********Betriebliste**********/
.btrlist h2{
	text-align: left;
}
.btrlist .list-group-item {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.imgbtrfoto, 
.imgsuchlistfoto {
	object-fit: cover;
	object-position: top center;
	border-radius: 10px;
}

/* Desktop >= xl  */
@media (min-width: 1200px) {
	.imgbtrfoto,
	.imgsuchlistfoto {
		width: 250px;
		height: 150px;
	}
	.dummybtrfoto, 
	.dummysuchlistfoto {
	   width: 250px;
	}
}

/* Tablet sm - lg*/
@media (min-width: 576px) and (max-width: 1199px) {
	 .imgbtrfoto,
	 .imgsuchlistfoto {
		width: 250px;
		height: 150px;
	}
	.dummybtrfoto, 
	.dummysuchlistfoto {
	   width: 250px;
	}
}

/* Phone < sm */
@media (max-width: 575px) {

    .btrlist .imgbtrfoto {
		width:150px;
		height:100px;
	}
	
	.btrlist .dummybtrfoto {
        width:150px;
    }
    
    #suchlist .kategorie,
    #suchlist .imgbtrfoto,
    .favdialog .kategorie,
    .favdialog .imgbtrfoto {
        width: 95%;
    }
    
    .katfoto {
	   max-width: 450px;
    }
    
}


.overlay {
  position: absolute;
  bottom: 0;
  padding-bottom: 20px;
  padding-left: 10px;
  text-align: left;
  z-index: 1000;
}
.overlay img {
	border-radius: 5px;
}

.overlayHerz {
  position: absolute;
  top: 0;
  padding-top: 10px;
  padding-right: 0px;
  text-align: right;
  margin-left: 90%;
  z-index: 1;
}

.overlayParent {
	position: relative;
}

.btrlist .overlayParent, #gridlist.list .overlayParent {
 border-bottom: 1px solid rgba(0,0,0,.125);
 border-top: 0px none white;
 border-left: 0px none white;
 border-right: 0px none white;
}

.btrlist, #gridlist.list {
 border-top: 1px solid rgba(0,0,0,.125);
 
}

.btrlist .list-group-item, #gridlist.list .list-group-item {
 border: 0px none white;
}

.btrlist .col-icon {
    max-width: 35px;
}

.page-link {
	border: none;
}

.page-item.active .page-link {
	background-color:#9e2d32;
	border-radius: 5px;
}

.page-item .page-link {
	color: black;
}

#pagecounter {
	font-size: 14px;
}

#nachhaltigkeit {
	position: relative;
	max-width: 100%;
}
.textnachhaltigkeit {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
	background-color: #f6f9f6;
}
.gapnachhaltigkeit {
	height: 30px;
}
.overlaynachhaltigkeit {
  position: absolute;
  bottom: 0;
  padding-bottom: 0px;
  padding-left: 30px;
  text-align: left;
  z-index: 1000;
}

.overflowhidden {
	overflow:hidden;
}

@media (max-width: 767px) {
	#bereichselector {
			display: none;
			height: 0px;
	}
	#sectionAngebote {
        padding-left: 0px;
    }
}

@media (min-width: 768px) {
	#bereichselector {	
		display: block;
		position: sticky; 
		top: 50px;
		left: 0px;
		
		max-width: 200px;
		z-index: 1100;
		background-color: #f6f9f6;	
	}
	#suchrow {
		background-color: #9e2d32;
		color: white;
	}
}

@media (min-width: 768px) and (max-width: 1599px) {
    
    #bereichselector {
        width: min-content;
    }
    #bereichselector .selectorlabel {
       display: none;
    }
    
     #sectionAngebote {
        padding-left: 40px;
    }
    
    #sectionAllgemeineInformationen {
        padding-left: 40px;
    }
}

@media (min-width: 1600px) {
    #bereichselector .selectorlabel {
       display: flex;
    }
    
    #sectionAngebote {
        padding-left: 0px;
    }
}

.berseliconrow:hover  {
    background-color: #9e2d32;
    color: #ffffff;  
}
#berseliconrow103:hover #berselicon103 {
    content: url('/agronet/images/UebernachtenKleinWeiss.svg');
}

#berseliconrow104:hover #berselicon104 {
    content: url('/agronet/images/GeniessenKleinWeiss.svg');
}

#berseliconrow106:hover #berselicon106 {
    content: url('/agronet/images/EinkaufenKleinWeiss.svg');
}

#berseliconrow107:hover #berselicon107 {
    content: url('/agronet/images/KinderKleinWeiss.svg');
}

#berseliconrow108:hover #berselicon108 {
    content: url('/agronet/images/PferdeUndReitenKleinWeiss.svg');
}

#berseliconrow120:hover #berselicon120 {
    content: url('/agronet/images/NaturUndCareKleinWeiss.svg');
}

#berseliconrow130:hover #berselicon130 {
    content: url('/agronet/images/VeranstaltungenUndFreizeitKleinWeiss.svg');
}

.btn-outline-lsred {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-lsred:hover, .btn-outline-lsred:active {
    color: #fff;
    background-color: #9e2d32;
    border-color: #343a40;
}

.btn-outline-lsred-inv {
    color: #fff;
    background-color: #9e2d32;
    border-color: #343a40;
}

.btn-outline-lsred-inv:hover, .btn-outline-lsred-inv:active {
    color: #343a40;
    background-color: #fff;
    border-color: #343a40;
}

.secAngebAccord {
	background-color: #f6f9f6;
}

.secAngebAccord ul {
	list-style-type: none;
	padding-inline-start: 0px;

}

.secAngebAccord li {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: solid 1px black;
	padding-inline-start: 30px;

}
.secAngebAccord .collapse li {
	border-bottom: none;
}

.secAngebAccord li a.nav-item {
	text-decoration: none;
	color: black!important;
}
.overlayqualitaet {
  position: absolute;
  bottom: 0;
  margin-bottom: 5px;
  margin-left: 0px;
  text-align: left;
  z-index: 1000;
}
.overlayqualitaet ul{
	list-style-type: none;
	padding-inline-start: 0px;
}


.overlayqualitaet img {
	background-color: white;
	height: 35px;
}

#actionsHof {
	background-color: white;
	width: 100%;
	margin-top: 50px;
	padding: 0px;
	border-radius: 30px;
	border: 1px solid black;
	color: black;
}

#actionsHof {
	margin-top: 10px;
	width: 550px;
	padding: 0px;
	border-radius: 30px;
	border: 1px solid black;
	color: black;
	font-size: 16px;
}

#actionsHofMob {
	margin-top: 10px;
	width: 250px;
	padding: 0px;
	border-radius: 30px;
	border: 1px solid black;
	color: black;
}
/*
width: 620px;
#col {
	padding-right: 42px;
}

#colSel, #colInpText {
	text-align:left;
	padding-left:30px;
}
*/
#colTeilen {
	border-right: gray 1px solid;
}
#colRoute {
    border-right: gray 1px solid;
}
#SearchToggler form .form-control, #SearchToggler form button, 
#SearchTogglerMob form .form-control, #SearchTogglerMob form button, 
#SearchTogglerMob2 form .form-control, #SearchTogglerMob2 form button {
  height: 47px;
  border-color: #5D1925;
}

#SearchToggler .input-group, #SearchTogglerMob .input-group {
    max-width: 300px;
    z-index: 800;
}


.sharelist :hover {
    background-color: white!important;
}

@media (max-width: 767px) {
    .firstFoto {
	   width: 100%!important;
    }
}


/* für Filter*/

/*Checkboxen*/
/* https://stackoverflow.com/questions/48373119/change-bootstrap-4-checkbox-background-color */
.custom-control-label:before{
  background-color:white;
  font-size: 16px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-color:white;
  border: gray 1px solid;
  border-radius: 5px;
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/*Ende Checkboxen*/

.filterdialog {
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
}
.filterdialog button {
	border-radius: 5px;
}
 
.filterdialog .dropdown-menu{
	white-space:normal!important;
	padding-left:5px;
	padding-right:5px;
	top: auto;
 }
  
.filterdialog .dropdown-item{
    white-space:normal!important;
}  
  
 .filterdialog .dropdown-menu li.selected {
 	background-color: #f5f5f5;
 }

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.filterdialog .dropdown-menu li.selected {
    background-color: #f5f5f5;
}
.filterdialog .dropdown-item.active, .dropdown-item:active {
	color: #262626;
	background-color: #f5f5f5;
}

.filterdialog .bootstrap-select>.dropdown-toggle.bs-placeholder, 
.filterdialog .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.filterdialog .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.filterdialog .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #464646;
}

.filterdialog .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info, 
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus, 
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover { 
    color: black;
}

.filterdialog .btn-lsfilter-light, 
.filterdialog .btn-lsfilter-light:active,
.filterdialog .btn-lsfilter-light:focus,
.filterdialog .btn-lsfilter-light:hover {
	background-color: white;
	border: 1px solid #ced4da;
	color: #464646;
	font-size:18px;
	font-style: italic;
}

/* wieder entfernt, führt zu unerwünschtem Pfeil beim Filterbutton, sollte eigentlich Pfeile im Angebotsakkordeon verschieben */ 
.filterdialog .dropdown-toggle::after {
    display: initial;
    margin-left: -1.5em;
}

.ui-dialog {
    z-index: 1100;
}

#fav-modal-1 .modal-dialog {
    max-width: 800px;
}

#widerruf-modal-1 .modal-dialog {
    max-width: 800px;
}

#qz-modal-1 .modal-dialog {
    max-width: 800px;
}

#ueobjekt-modal-1 .modal-dialog {
    max-width: 800px;
}

#broschlist .list-group-item {
    border-left: none;
    border-right: none;
}

#broschlist .anz{
    min-width: 50px;
}

.brosch_conf_list_item {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-top: 5px;
	padding-bottom: 5px;
 }
 
 .gesamtkosten{
	font-weight:bold;
}
 
/* Für Magazin und Medien */
.maxWidthHalf {
    max-width: 1000px;
}

.imgmagazin, .imgmedien {
    width: 100%;
    border-radius: 5px;
}

.cardmagazin, .cardmedien {
    border: 0;
}

/* medium - display 4  */
@media (min-width: 768px) {
    .cardmagazin, .cardmedien {
        width:300px;
    }
}

@media (max-width: 768px) {
    .cardmagazin, .cardmedien {
        width:100%;
    }    
}
/* Ende Magazin */
/* Gallery */
div.gallery-image ul {
    list-style-type: none;
}

/*
#gallerytext {
	padding-top: 50px;
}


 div.gallery span.prevbutton, div.gallery span.nextbutton, div.gallery-one span.prevbutton, div.gallery-one span.nextbutton, div.gallery-big span.prevbutton, div.gallery-big span.nextbutton {
    display: block;
}
div.gallery span.prevbutton a, div.gallery span.nextbutton a, div.gallery-one span.prevbutton a, div.gallery-one span.nextbutton a {
	background: rgba(0, 0, 0, 0) url("../images/gallerynavigation_left_red.gif") no-repeat scroll 0 0;
    display: block;
    height: 105px;
    margin-left: -15px;
    margin-top: -115px;
    outline: 0 none;
    position: absolute;
    width: 30px;
}

div.gallery-big span.prevbutton a, div.gallery-big span.nextbutton a, div.gallery-one span.prevbutton a, div.gallery-one span.nextbutton a {
	background: rgba(0, 0, 0, 0) url("../images/gallerynavigation_left_red.gif") no-repeat scroll 0 0;
    display: block;
    height: 105px;
    margin-left: -15px;
    margin-top: -145px;
    outline: 0 none;
    position: absolute;
    width: 30px;
}

div.gallery span.nextbutton a {
    background: rgba(0, 0, 0, 0) url("../images/gallerynavigation_right_red.gif") no-repeat scroll 0 0;
    margin-left: 169px;
}
div.gallery-one span.nextbutton a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: none;
    margin-left: 169px;
}

div.gallery-big span.nextbutton a {
    background: rgba(0, 0, 0, 0) url("../images/gallerynavigation_right_red.gif") no-repeat scroll 0 0;
    margin-left: 264px;
}
div.gallery-big #turnOver {
    background: transparent url("../images/Ecke.png") no-repeat scroll right top;
    height: 75px;
    position: absolute;
    right: 32px;
    top: 120px;
    width: 89px;
}

div.gallery-big div.photocounter {
    bottom: 12px;
    font-size: 0.9em;
    line-height: 20px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 30px;
}
*/
/* Ende Gallery */
div.tourheadings {
    font-weight: bold;
}

#veranstaltungsfilter .btn-outline-secondary {
    border-color: #ced4da;
    color: #ced4da;
}

#veranstaltungsfilter input[type=text] {
    height: auto;
}

/*Calendar Startseite*/
.fc-day-today {
    background-color: white !important;
}
.day-highlight, .day-highlight a {
  background-color: #9e2d32 !important;
  color: white !important;
}

/*Hover Aktivitäten Startseite*/
.kachel {
	position: relative;
	background-color: white;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: 0px;
	margin-right: 15px !important;
}
.kachel-hover {
    position: absolute;
    /*background-color: rgba(220,220,220,0.9);*/
	background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0px;
    font-weight: 400;
    display: none;
    cursor: pointer;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.kachel-hover-inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  color: #9e2d32;
}

@media (max-width: 767px) {
    .kachel-hover {
        display: none;
    }
}

.kachel-label {
    color: #9e2d32;
    position: absolute;
	background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 10%;
    text-align: center;
    bottom: 20px;
    left: 0;
    z-index: 99;
    padding: 0px;
    font-weight: 400;
    cursor: pointer;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

@media (min-width: 768px) {
    .kachel-label-outer {
        display: none;
    }
}

/* Carousel Artikel Startseite */

#carouselArtikel.carousel-navigation {
	color:black;
}

#carouselArtikel a {
	text-decoration: none;
	color: black;
}

@media (max-width: 768px) {
    #carouselArtikel .carousel-inner .carousel-item > div {
        display: none;
    }
    #carouselArtikel .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

#carouselArtikel .carousel-inner .carousel-item.active,
#carouselArtikel .carousel-inner .carousel-item-next,
#carouselArtikel .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium - display 4  */
@media (min-width: 768px) {

    #carouselArtikel .carousel-inner .carousel-item-right.active,
    #carouselArtikel .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
    
    #carouselArtikel .carousel-inner .carousel-item-left.active, 
    #carouselArtikel .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
    }
}

/* large - display 6 */
@media (min-width: 992px) {
    
    #carouselArtikel .carousel-inner .carousel-item-right.active,
    #carouselArtikel .carousel-inner .carousel-item-next {
      transform: translateX(33%);
    }
    
    #carouselArtikel .carousel-inner .carousel-item-left.active, 
    #carouselArtikel .carousel-inner .carousel-item-prev {
      transform: translateX(-33%);
    }
}

#carouselArtikel .carousel-inner .carousel-item-right,
#carouselArtikel .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

/* indicator v2 */
#carouselArtikel .carousel-indicators li {
    width: 1.25rem;
    max-width: 1.25rem;
    height: 1.25rem;
    margin-bottom: -3.75rem;
    background-color: #4285f4;
}

#carouselArtikel .carousel-indicators li {
    width: .625rem;
    height: .625rem;
    cursor: pointer;
    border-radius: 50%;
}


#carouselArtikel .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
#carouselArtikel .carousel-indicators {
    margin-bottom: -0.1em;
}

#carouselArtikel .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

#carouselArtikel .carousel-indicators .active {
    opacity: 1;
}


#carouselArtikel .carousel-control-next-icon, #carouselArtikel .carousel-control-prev-icon {
    color: black;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: no-repeat 50%/100% 100%;
    background-color: #81262E;
    padding: 20px;
    border-radius: 50%;
}

#carouselArtikel .carousel-navigation {
    font-size: 40px;
}



#carouselArtikel .carousel-control-next, #carouselArtikel .carousel-control-next:focus {
    transition: opacity .6s ease;
    color: black!important;
}

#carouselArtikel .carousel-control-prev, #carouselArtikel .carousel-control-prev:focus {
    transition: opacity .6s ease;
    color: black!important;
}

#carouselArtikel .carousel-control-prev .carousel-navigation {
    margin-left: -30px;
}


#carouselArtikel .carousel-control-next .carousel-navigation {
    margin-right: -30px;
}


#carouselArtikel .carousel-control-prev .carousel-navigation,
#carouselArtikel .carousel-control-next .carousel-navigation {
    margin-top: -40px;
}

#carouselArtikel .carousel-control-next:hover, 
#carouselArtikel .carousel-control-prev:hover{
    color: black;
} 

/*Ende Carousel Artikel Startseite */ 

.coloredbgblock {
    position: absolute;
    background-color: #F6F9F6;
    right: 0px;
    left: 0px;
    z-index: -1;
}

.favImgGesamt:hover, .favImgBetrieb:hover {
    content: url('/agronet/images/HerzGefuellt.svg');
}

.favImgMagazin, .favImgBetrieb {
    background-color: rgba(255,255,255,0.5);
    border-radius: 10px;
}

#qzinfoNav {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

#qzinfoNav li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom: 1px dotted #d2d3ce;
}

#ueobjektNav {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

#ueobjektNav li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom: 1px dotted #d2d3ce;
}

@media (min-width: 768px) {
    #hoffotos img {
        height: 336px;
    }
}

#divSuchbegriff {
    margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	margin-top: 50px;
	padding: 10px;
	border-radius: 50px;
	border: 1px solid #ced4da;
}

#inpBegriff {
    font-style: italic;
}


#suchlist .kategorie,
.favdialog .kategorie {
	margin: 0;
	padding:5px;
	color: black;
	background-color: white;
	border: 1px solid #ced4da;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	
}

#suchlist .imgbtrfoto,
.favdialog .imgbtrfoto {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

.favDelIcon {
    font-size: 24px;
}

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

.downloadcontent {
    font-size:10pt;
}

.textcontent {
    margin: 5px;
    padding: 5px;
    border:solid #ced4da 1px;
    /*#d3d3d3*/
    border-radius: 5px;
    min-height:24px;
}

#gridlist.grid {
    max-width: 1920px;  
}

#gridlist.list {
    max-width: 1000px;
}

#gridlist .grid-item {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

#gridlist.grid .grid-item.vkarte {
    border-radius: 0px;
}

#gridlist.grid .grid-item {
    border-radius: 10px;
}
     
#gridlist.list .grid-item {
    border-left: none;
    border-right: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (min-width: 769px) {  
    #gridlist.list .gridname-parent-parent {
        margin-left: 1.5rem; 
    }
    
    #gridlist.grid .gridname-parent-parent {
        min-height: 50px; 
    }
    
    #gridlist.grid .gridname-parent { 
        height: 70px;                
    }
     
    #gridlist.grid .grid-item {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #gridlist.grid .gridtexttipps {
        height: 160px;
    }
}

@media (max-width: 768px) {
   
   #gridlist.grid .overlayHerz {
        margin-left:85%;
   }
    
    #gridlist.grid .gridname-parent-parent {
        min-height: 50px; 
    }
    
    #gridlist.grid .gridname-parent {  
        height: 50px;                
    }
        
    #gridlist.grid .gridname {
        margin-top: auto;
        margin-bottom: auto;
    }
    
	#gridlist.list .imgbtrfoto {
        width: 250px;
        height: 150px;
    }

    #gridlist.list .gridname-parent {
        max-width: 80%;
    }

    #gridlist.list .gridname-parent-parent {
        margin-left: 1.0rem;  
    }
    
    #gridlist.grid .grid-list-col {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #gridlist.grid .grid-item {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #gridlist.grid .gridtexttipps {
        height: 160px;
    }
    #gridlist.grid .gridname-parent-parent.ohne-bild .gridname {
        max-width:80%;
    }
}

@media (max-width: 577px) {
    #gridlist.list .gridname-parent-parent {
        margin-left: 0.5rem;  
    }
    
    #gridlist.grid .gridname-parent-parent {
        min-height: 40px; 
    }
    

    #gridlist.list .imgbtrfoto {
        width: 150px;
        height: 100px;
    }
    
    #gridlist.grid .grid-list-col {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #gridlist.grid .grid-item {
        margin-top: 5px;
        margin-bottom: 5px;
    } 
    
    #gridlist.list {
		font-size: 14px;
	}
	
	#gridlist.grid .gridtexttipps {
        height: 120px;
    }
    
    #gridlist.grid .gridname-parent-parent.ohne-bild .gridname-parent {  
        height: 75px;                
    }

	
}
@media (min-width: 578px) {          
    #gridlist.list {
		font-size: 16px;
	}
}

#gridlist.list .gridbox {
   display: flex;
   flex-direction:row;
   flex-wrap: nowrap;   
}
     
#gridlist.list .gridname-parent { 
   max-height: 40px;
   margin-bottom: 10px;                
}

#gridlist .imgbtrfoto {
    aspect-ratio: 3 / 2;
}

#gridlist.grid .imgbtrfoto, #gridlist.grid .dummybtrfoto {
    width: 100%;
    height: auto;
}

#gridlist.grid .gridname {
    margin-top: auto;
    margin-bottom: auto;
    margin-left:0.5rem;
}

#gridlist.grid .list-text {
    display: none
}

#gridlist.grid .gridtexttipps {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

#gridlist.list .grid-text {
    display: none
}

#grid-list-auswahl {
	background-color: white;
	width: 140px;
	margin-top: 10px;
	padding: 0px;
	margin-left: 1px;
	border-radius: 30px;
	border: 1px solid black;
	color: black;
}

.grid-list-button {
    height: 50px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.grid-list-button.left {
    padding-left: 1.5rem;

}

.grid-list-button.right {
    padding-left: 1rem;
}

.fw-bold {
    font-weight:700;
}

audio, .audioimg {
    width:100%;
}
.audioimg {
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
audio::-webkit-media-controls-enclosure {
    border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.mw-100-p {
    max-width: 100%;
}

.btn-radler-header {
    border-radius:50px;
    border: none;
    padding: 20px !important;
    font-weight:600 !important;
}

:root {
  --altcha-border-width: 1px;
  --altcha-border-radius: 4px;
  --altcha-color-base: #ffffff;
  --altcha-color-border: #CED4DA; 
  --altcha-color-text: currentColor;
  --altcha-color-border-focus: currentColor;
  --altcha-color-error-text: #f23939;
  --altcha-color-footer-bg: #f4f4f4;
  --altcha-max-width: 260px;
}


/* Fehlerzustand */
.altcha.error {
  border-color: red;
}
.altcha.verified { 
  border-color: #28A745;
}


.reginforegion ul {
    overflow: auto;
}

.regioneninfo img {
    max-width: 100%;
    height: auto; 
}