@media only screen and (max-width: 1279px) {
	.IsResponsive {
s		.Inhalt {
			// width: calc(100% - 300px);
			// margin-right: 20px;
			// margin-left: 0px;
            width: 100vw;
            // outline: 1px solid blue;
            // background-color: red;
		}
					td, th {
				padding: 0 1vw;
					img {
						display: block;
						max-width: 18vw;
						height: auto;
				}
		.Leftbar, .Sidebar {
			// max-width: 280px;
			
		}
		.Sidebar {
			
			#Printbutton a {
				width: 100%;
				text-align: center;
			}
		}
		#Header, #Inhalte, #Footer {
			width: 100%;
			max-width: 99vw;
		}
		#Header, #Inhalte, #Footer {
			padding-right: 20px;
			padding-left: 20px;
		}
	}
}
}
@media only screen and (max-width: 1049px) {
	.IsResponsive {
s		.Inhalt {
			// width: calc(100% - 300px);
			// margin-right: 20px;
			// margin-left: 0px;
            width: 100vw;
            // outline: 1px solid blue;
            // background-color: red;
		}
					td, th {
				padding: 0 1vw;
					img {
						display: block;
						max-width: 18vw;
						height: auto;
				}
		.Leftbar, .Sidebar {
			// max-width: 280px;
			
		}
		.Sidebar {
			
			#Printbutton a {
				width: 100%;
				text-align: center;
			}
		}
		#Header, #Inhalte, #Footer {
			width: 100%;
			max-width: 99vw;
		}
		#Header, #Inhalte, #Footer {
			padding-right: 20px;
			padding-left: 20px;
		}
	}
}
}

@media only screen and (max-width: 969px) {
	.IsResponsive {
		  & .LongDes3 td {
        display: block;
        width: 100%;
        height: auto !important;
        max-width: 100vw;
      }
		 .LongDes {
      & td {
        border-width: 0px !important;
      }
    }
		colgroup {
			border-collapse: collapse;
			display: inline-table;
		}
			.LongDes, .LongDes3{
		tr {
			display: unset;
		flex-wrap: unset;
		}
						td {
			max-width: 40vw;
			min-width: 200px;
			width: 100%;
			// outline: 1px solid black;
			// padding: 1% !important;
		}
		td, th {
			padding: 0 1vw;
			img {
				display: block;
				max-width: 90%;
				height: auto;
				margin-bottom: 20px;
			}
		}
	}
	}
}
@media only screen and (max-width: 799px) {
	#Veranstaltungsliste > table > tbody > tr > td.OVTableEvent.td2 > h2 {
		line-height: .8rem;
	}
	.FreePlaces {
		display: flex;
		align-items: center;
> *{margin-right: 5px;}
	}
	.ListEventName a {
		font-size: .5em;
	}
	th{display: none;}
	.IsResponsive {
					.LongDes, .LongDes3{
		tr {
			display: unset;
		flex-wrap: unset;
		}
	
	td {
		max-width: 40vw;
		min-width: 200px;
		width: 200px;
		// outline: 1px solid black;
		// padding:1% !important;
	}
}
			  & .LongDes3 td {
        display: block;
        width: 100%;
        height: auto !important;
        max-width: 100vw;
      }
	 .LongDes {
      & td {
        border-width: 0px !important;
      }
    }
		.Leftbar, .Sidebar, .Inhalt {
			width: 100%;
			padding-right: 0px;
			padding-left: 0px;
			margin-bottom: 35px;
			padding-right: 15px;
			padding-left: 15px;
			float: none;
		}
		.Leftbar, .Sidebar {
			width: 100%;
			max-width: 100%;
		}
		#HeaderContent .logo img {
			max-width: 575px;
			width: 100%;
		}

		#NavigationResponsiveSwitch {
			display: inline-block;
			min-height: 58px;
			position: absolute;
			top: 90px;
			right: 20px;
		}
		#Navigation {
			margin-bottom: 20px;
			padding-top: 20px;
			margin-top: unset;
			height: unset;
		}
		#Navigation #HauptMenu ul li:first-child.mainMenue > a::before {
			display: none;

		} 
		#Navigation #HauptMenu {
			height: auto;
			border-bottom: 0px;
		}
		#Gesamt > #Navigation #HauptMenu ul .mainMenue {

			float: none;

		}
		#Gesamt > #Navigation #HauptMenu .MenueLevel2 {

			display: inline-block;
			position: relative;
			width: 100%;
			padding-left: 23px;
		}
		.ResponsiveSwitch {
			text-indent: -99999px;
			height: 40px;
			width: 40px;
			cursor: pointer;
			background-color: #aaa;
			.ResponsiveButtonDown {
				position: absolute;
				left: 6px;
				top: 18px;
				height: 4px;
				width: 28px;
				background: #fff;
				display: block; 
				transition: all 0.3s ease 0s;
				&::after, &::before {
					content: "";
					position: absolute;
					left: 0;
					height: 4px;
					width: 28px;
					background: #fff;
					display: block;
					transition: all 0.3s ease 0s;
				}
				&::after {
					top: 9px;
				}
				&::before {
					top: -9px;
				}
				&.ResponsiveButtonOpenUp {
					background-color: transparent;
					transform: rotate(45deg);
					&::before, &::after {
						top: 0px;
					}
					&::after {
						transform: rotate(-90deg);
						transition: all .3s cubic-bezier(.68,-0.55,.27,1.55) 0s;
					}
				}
			}
		}
		#HauptMenuRahmen {
			display: none;
			margin-bottom: 60px;
		}
		#CalendarSmallCage table td, .calendar_cage table td {
			width: 110px;
		}
		.Inhalt {
			margin-left: 0px;
		}
		.EventAppointmentMonth .EventAppointmentMonthData {
			border-left: 0px;
			width: 100%;
			left: 0;
		}
	}
}
@media only screen and (max-width: 479px) {
	 .FreePlaces {
    display: inline-table;
    align-items: center;
  }
	.IsResponsive {
		.LongDes3 table,
    .LongDes3 tbody,
    .LongDes3 tr {
      display: block;
      width: 100%;
			height:auto!important;
    }

    .LongDes3 td {
      display: block;
      width: 100%;
			height:auto!important;
			max-width: 100vw;
    }

    .LongDes3 td + td {
      margin-top: 20px; /* Abstand zwischen Bild und Text */
    }
  }
		 & .Leftbar, & .Sidebar {
      padding-right: 0px;
      padding-left: 0px;
    }
		#Gesamt {
			.TextInput, .EmailInput, .UrlInput, .NumberInput, .CurrencyInput, .TextareaInput, .SelectInput, .FileInput, #SucheEingabe, .customfile,
			.LabelTextInput, .LabelRadioGroup, .LabelTextarea, .LabelDateInput, .LabelDatetimeInput, .LabelTimeInput, .LabelSelect, .LabelFileUpload {
				width: 100%;
			}
		}
		.f-col-wrapper {
			.f-col-3 {
				width: 100%;
			}
		}
		.LongDes{
		td {
			border-width:0px!important;
			img {

			}
		}
		}
		.LongDes3{
			tr {
				display: unset;
				flex-wrap: unset;
			}}
		#FormularBuchungsnummer {
			padding-left: 18px;
			padding-right: 18px;
		}
		#Buchungsnummer {
			#EingabeBN {
				width: 100% !important;
				float: none;
				margin-right: 0px;
				#Buchungsnr {
					width: 100% !important;
					margin-bottom: 10px;
					margin-top: 6px;
					border-top-right-radius: 3px;
					border-bottom-right-radius: 3px;
				}
			}
			#WeiterBN {
				float: none;
				.submitBuchungsnummer {
					width: 100%;
					margin-left: 0px !important;
					border-top-left-radius: 3px !important;
					border-bottom-left-radius: 3px !important;
				}
			}
		}
		#Inhalte {
			padding: 0px;
		}
		#ClickpathNaviRahmen{
			padding: 0 23px;
		}
		#Printbutton {
			a {
				display: block;
				text-align: center;
			}
		}
		#NewsletterAbmeldung #abmelden #EMailFrageAbsage {
			padding: 8px 13px 13px;
		}
	}
}