.sm-menu {
	display:none
}

.search, .header .btn, .card, .card-img-top {
	border-radius:0px
}

.mainnavi {
	background-color:#EDEDED
}

.mainnavi .dropdown-toggle::after, .mainnavi .dropdown-toggle::before {
	display: none
}

.mainnavi button[aria-expanded="true"] .fas.fa-angle-right {
	transform: rotate(90deg);
	transition-duration: 0.5s
}

.mainnavi button[aria-expanded="false"] .fas.fa-angle-right {
	transition-duration:0.5s
}

.mainnavi .b-left {
	border-left:1px solid #e0e0e0
}

.mainnavi .b-right {
	border-right:1px solid #e0e0e0
}

.mainnavi a[target=_blank] span {
	background: url("/typo3conf/ext/itebo_basispaket/Resources/Public/Icons/external.png") no-repeat scroll right 5px;
	padding-right:20px
}

.megamenu .dropdown-menu {
	border-radius:0px
}

.megamenu .subnav-link a {
	display: block;
	width: 100%;
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0px;
	text-align: left;
	background-color: #F8F8F8;
	transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.megamenu .subnav-link a:hover {
	text-decoration: none;
	background-color:#e6e6e6
}

.megamenu .direct-links .subnav-link a {
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.megamenu ul li:hover .dropdown-menu, .megamenu button[aria-expanded="true"] + .dropdown-menu {
	display: block;
	border-top: 1px solid #F8F8F8
}

.straightdropdown ul li:hover div.dropdown-menu.first, .straightdropdown button[aria-expanded="true"] + .dropdown-menu.first {
	margin-top:-1px
}

.straightdropdown .dropdown-menu .nav-item:hover {
	background-color:#e6e6e6
}

.straightdropdown .dropdown-menu .nav-link {
	white-space: break-spaces;
	word-break:break-word
}

.straightdropdown .dropdown-menu ul li:hover .dropdown-menu.second {
	margin-top:-1px
}

.straightdropdown .dropdown-menu ul .dropdown-menu.second {
	width:100%
}

.overviewmenu .nav-link:hover, .overviewmenu .nav-link:focus {
	font-weight:bold
}

.overviewmenu .nav-link:hover.first, .overviewmenu .nav-link:focus.first {
	text-decoration:underline
}

.overviewmenu ul.navbar-nav {
	height:6.6rem
}

.overviewmenu .nav-link.first {
	font-size: 110%;
	font-weight:bold
}

.overviewmenu .dropdown-menu {
	border-radius: 0px
}

.overviewmenu ul li:hover .dropdown-menu, .overviewmenu button[aria-expanded="true"] + .dropdown-menu {
	display: none !important;
	border-top:1px solid #F8F8F8
}

@media screen and (min-width: 992px) {
	.sm-menu {
		display:inline-block
	}

	.megamenu .subnav-link a {
		font-weight:700
	}

	.straightdropdown li.input-group {
		flex-wrap:unset
	}

	.straightdropdown .dropdown-menu.second {
		width:250px
	}

	.straightdropdown .shadow-menu {
		box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)
	}
}

.text-facebook {
	color:#3B5998
}

.bg-facebook {
	background-color:#3B5998
}

.text-instagram {
	background-image: -webkit-linear-gradient(70deg, #F1CB02 13%, #EE0712 37%, #7D3BAF 73%);
	-webkit-background-clip: text;
	-webkit-text-fill-color:transparent
}

.bg-instagram {
	background-image:linear-gradient(60deg, #F1CB02 15%, #EE0712 37%, #7D3BAF 73%)
}

.text-youtube {
	color:#F80000
}

.bg-youtube {
	background-color:#F80000
}

.text-twitter {
	color:#1C9DEB
}

.bg-twitter {
	background-color:#1C9DEB
}

a .text-facebook:hover {
	color:#314a7e
}

a .text-instagram:hover {
	background-image: -webkit-linear-gradient(70deg, #cead02 13%, #cb060f 37%, #622e89 73%);
	-webkit-background-clip: text;
	-webkit-text-fill-color:transparent
}

a .text-youtube:hover {
	color:#d40000
}

a .text-twitter:hover {
	color:#1289d1
}

.copyright {
	background-color:#1A1D20
}

.sub-footer {
	border-top:1px solid #d4d4d4
}

.content p, .content a, .content a:hover {
	color: #000;
	text-decoration:none
}

.content a[target=_blank] {
	background: url("/typo3conf/ext/itebo_basispaket/Resources/Public/Icons/external.png") no-repeat scroll right 5px;
	padding-right:15px
}

.header p, .header a, .header a:hover {
	color:#000
}

.header .typeCommune {
	font-weight: 500;
	line-height:1.2
}

.header .commune {
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.75rem;
	margin-top: -0.25rem;
	margin-left:-0.1rem
}

.header .guidelineCommune {
	font-weight: 500;
	line-height: 1.2;
	font-size: 1rem;
	color:#6C757D
}

.footer p, .footer a, .footer a:hover {
	color:#F8F9FA
}

#toTop {
	display: none;
	position: fixed;
	bottom: 35px;
	right: 45px;
	z-index: 99;
	border: 1px solid gray;
	background-color: white;
	color: black;
	cursor: pointer;
	padding: 15px;
	border-radius: 35px;
	font-size: 18px;
	width:3.7rem
}

#toTop i {
	margin-left: 0.2rem;
	margin-top: 0.2rem;
	font-size:120%
}

body {
	background-color:#FFF
}

.brand {
	background-color:#FFF
}

.layout-container .brand {
	background-color:rgba(255, 255, 255, 0)
}

.layout-container .brand p, .layout-container .brand a, .layout-container .brand a:hover {
	color:#FFF
}

.content {
	background-color:#FFF
}

.content .frame .news-list-item, .content .frame .card, .content .frame .list-group-item.search-result {
	background-color: #EDEDED;
	transition:background-color 0.15s ease-in-out
}

.content .frame a .news-list-item:hover, .content .frame a .card:hover, .content .frame .list-group-item.search-result:hover {
	background-color:#d4d4d4
}

.content.two-colored.col1 .frame:nth-of-type(2n), .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) {
	background-color:#EDEDED
}

.content.two-colored.col1 .frame:nth-of-type(2n) .news-list-item, .content.two-colored.col1 .frame:nth-of-type(2n) .card, .content.two-colored.col1 .frame:nth-of-type(2n) .list-group-item.search-result, .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) .news-list-item, .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) .card, .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) .list-group-item.search-result {
	background-color:#FFF
}

.content.two-colored.col1 .frame:nth-of-type(2n) a .news-list-item:hover, .content.two-colored.col1 .frame:nth-of-type(2n) a .card:hover, .content.two-colored.col1 .frame:nth-of-type(2n) .list-group-item.search-result:hover, .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) a .news-list-item:hover, .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) a .card:hover, .content.two-colored.col2 .col-lg-8 .frame:nth-of-type(2n) .list-group-item.search-result:hover {
	background-color:#fafafa
}

.frame-type-dce_servicetable .left-col {
	border-bottom:1px dashed #EDEDED
}

.frame-type-dce_servicetable .bottom-line {
	border-bottom:4px solid #EDEDED
}

@media screen and (min-width: 992px) {
	.frame-type-dce_servicetable .left-col {
		border-right: 1px dashed #EDEDED;
		border-bottom:unset
	}
}

.frame-type-dce_slider .carousel-caption {
	background-color: rgba(83, 83, 83, 0.85);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
	width:50%
}

.frame-type-dce_slider .carousel-caption p {
	color: #FFF;
	margin-bottom:0.5rem
}

.frame-type-dce_slider .carousel-caption .btn {
	color: #FFF;
	border:1px solid #FFF
}

.frame-type-dce_slider .carousel-caption .btn:hover {
	background-color: #FFF;
	color:#000
}

.col2 .frame-type-dce_cards .card_element {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width:100%
}

@media (min-width: 992px) {
	.col2 .col-lg-8 .frame-type-dce_cards .card_element {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width:50%
	}
}

.frame-type-dce_servicetiles .card .card-body p.h5 {
	color:#6C757D
}

#headerContent {
	display:none
}

@media screen and (min-width: 992px) {
	#headerSlider + #headerContent {
		display: block;
		position: absolute;
		bottom: 0;
		width:100%
	}

	#headerContent {
		display:block
	}
}

#sidebar {
	display: none;
	position: fixed;
	right: 0;
	top: 15rem;
	z-index:1000
}

#sidebar .btn-sidebar {
	background-color: #EDEDED;
	color: #000;
	border: 1px solid #e0e0e0;
	padding-top: 0.5rem;
	height:45px
}

#sidebar .btn-sidebar:hover {
	background-color: #d4d4d4;
	border:1px solid #c7c7c7
}

#sidebar .btn-sidebar i {
	font-size:150%
}

#sidebar .btn-sidebar.nav_title {
	width:55px
}

#sidebar .title.btn-sidebar {
	display: none;
	font-size:115%
}

#sidebar a:hover .title.btn-sidebar, #sidebar a:focus .title.btn-sidebar {
	display:block
}

@media screen and (min-width: 992px) {
	#sidebar {
		display:block
	}
}

.progress-bar {
	background-color:#B8BABD
}

.solr-pagination .pagination {
	justify-content:center
}

.solr-pagination .pagination .active {
	font-weight:500
}

.solr-pagination .solr-ajaxified {
	margin-right: 0.5rem;
	margin-left:0.5rem
}

.tx_solr .nav-tabs .nav-link:hover {
	background-color:#d4d4d4
}

.tx_solr .nav-tabs .nav-link:hover.active {
	background-color:#FFF
}

.f3-widget-paginator, .pagination {
	margin-top: 1.5rem;
	display: flex;
	justify-content:center
}

.f3-widget-paginator li, .pagination li a {
	list-style-type: none;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border: 1px solid #d4d4d4;
	display:inline
}

.f3-widget-paginator li:hover, .pagination li a:hover {
	background-color: #d4d4d4;
	border:1px solid #bababa
}

.tx-powermail .container-fluid {
	padding:0
}

.tx-powermail .container-fluid .powermail_legend {
	font-size: 2rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height:1.2
}

@media (min-width: 768px) {
	.powermail_fieldwrap.col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width:100%
	}
}

.calendarize .col-md-2 ul {
	padding:0
}

.calendarize .col-md-2 ul li {
	list-style-type: none;
	margin-top: 1rem;
	margin-bottom:0.5rem
}

.calendarize .col-md-2 ul li a {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border: 1px solid #d4d4d4;
	display:inline
}

.calendarize .col-md-2 ul li a:hover {
	background-color: #d4d4d4;
	border:1px solid #bababa
}

.calendarize .regularMonthView td {
	width:14.285%
}

.calendarize .regularMonthView td:hover:not(.not-current-month) {
	background-color:#d4d4d4
}

.calendarize .regularMonthView td.not-current-month {
	background-color:#d4d4d4
}

.calendarize .regularMonthView td.selectedDay {
	border:2px solid #EDEDED
}

.calendarize .regularMonthView td.hasEvents {
	background-color:rgba(237, 237, 237, 0.45)
}

.calendarize .regularMonthView td.hasEvents:hover {
	background-color:rgba(224, 224, 224, 0.7)
}

.calendarize .regularMonthView td .events li {
	list-style-type:none
}

#language {
	padding-top:1rem
}

#language .languageButton {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	border: 1px solid #d4d4d4;
	width:fit-content
}

#language .languageButton:hover, #language .languageButton:focus {
	background-color: #d4d4d4;
	border: 1px solid #bababa;
	text-decoration:none
}

#language .languageButton i {
	padding-right: 0.4rem;
	padding-left:0.4rem
}

#language .dropdown-menu .active {
	text-decoration: none;
	color: #999;
	pointer-events:none
}

.news-carousel .carousel-inner .carousel-caption {
	background-color:#4C4C4CED
}

.news-carousel .carousel-inner .carousel-caption p, .news-carousel .carousel-inner .carousel-caption h1, .news-carousel .carousel-inner .carousel-caption h2, .news-carousel .carousel-inner .carousel-caption h3, .news-carousel .carousel-inner .carousel-caption h4, .news-carousel .carousel-inner .carousel-caption h5, .news-carousel .carousel-inner .carousel-caption h6, .news-carousel .carousel-inner .carousel-caption .h1, .news-carousel .carousel-inner .carousel-caption .h2, .news-carousel .carousel-inner .carousel-caption .h3, .news-carousel .carousel-inner .carousel-caption .h4, .news-carousel .carousel-inner .carousel-caption .h5, .news-carousel .carousel-inner .carousel-caption .h6 {
	color:white
}

.frame-type-textmedia .ce-textpic:not(.ce-intext) .responsive-video {
	width:100%
}

.frame-type-textmedia .ce-textpic:not(.ce-intext) .responsive-video .videoCConsentContainer {
	width:100%
}

.frame-type-textmedia .ce-textpic:not(.ce-intext) .responsive-video .videoCConsentContainer .videoLayer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow:hidden
}

.frame-type-textmedia .ce-textpic:not(.ce-intext) .responsive-video .videoCConsentContainer .videoLayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-modal .cm-list-label .slider {
	background-color: #d3d3d3;
	background-color:var(--grey2, #d3d3d3)
}

.content .news-list-view-limited .card .h1, .content .news-list-view-limited .card .h2, .content .news-list-view-limited .card .h3, .content .news-list-view-limited .card .h4, .content .news-list-view-limited .card .h5, .content .news-list-view-limited .card .h6, .content .news-list-view-limited .card p {
	color:#000
}

.content .news-list-view-limited .card a {
	background: unset !important;
	text-decoration:underline
}

.content .news-list-view-limited .card.cat {
	color:#FFF
}

.content .news-list-view-limited .card.cat .h1, .content .news-list-view-limited .card.cat .h2, .content .news-list-view-limited .card.cat .h3, .content .news-list-view-limited .card.cat .h4, .content .news-list-view-limited .card.cat .h5, .content .news-list-view-limited .card.cat .h6, .content .news-list-view-limited .card.cat p, .content .news-list-view-limited .card.cat a {
	color:#FFF
}

.content .news-list-view-limited .card.cat.cat-14 {
	background-color:#E58D00
}

.content .news-list-view-limited .card.cat.cat-15 {
	background-color:#A068AE
}

.content .news-list-view-limited .card.cat.cat-16 {
	background-color:#335AA7
}

.content .news-list-view-limited .card.cat.cat-17 {
	background-color:#69A154
}

.h3, h3 {
	font-size:1.5rem
}

.content .akutmeldung h1, .content .akutmeldung h2, .content .akutmeldung h3, .content .akutmeldung h4, .content .akutmeldung h5, .content .akutmeldung h6 {
	color: #FFF
}