html,
body {
	height: 100%;
}

body {
	line-height: 1.6;
	background: #fff;
	color: #000;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
}

a {
	color: #000;
}

a:hover {
	color: #ccc;
	text-decoration: none;
}

.layout-contentseite-2-spalten a,
.layout-contentseite-1-spalte a {
	color: #0061A1;
}

a:hover {
	color: #ccc;
}

#main {
	width: 100%;
	overflow: hidden;
}

/*------------------------------------*\
  #BOOTSTRAP
\*------------------------------------*/
.fluid-container {
	padding-left: 15px;
	padding-right: 15px;
}

.layout-startseite main#main.container {
	max-width: 1600px;
}

/*------------------------------------*\
  #ÜBERSCHRIFTEN
\*------------------------------------*/
h1,
.h1 {
	font-size: 32px;
	margin-bottom: 15px;
}

.layout-contentseite-2-spalten .content-ueberschrift header h1 {
	color: #fff;
	background: #0061A1;
	margin: 0;
	padding: 10px 0;
}

h2,
.h2 {
	font-size: 28px;
	margin-bottom: 10px;
}

h3,
.h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}

h4,
.h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

/*------------------------------------*\
  #HEADER
\*------------------------------------*/
header#seitenheader.bg .navigation-wrapper {
	background: #333;
	position: fixed;
	width: 100%;
	z-index: 5;
}

.logo-desktop {
	padding-top: 5px;
	padding-left: 15px;
	position: fixed;
	z-index: 10;
}

.logo-desktop img {
	width: 80px;
}

.logo-desktop-name.d-none.d-lg-block {
	left: 50%;
	margin-left: -350px;
	top: 15px;
	position: fixed;
	z-index: 10;
}

.logo-desktop-name.d-none.d-lg-block a {
	color: #fff;
	font-size: 32px;
}

header#seitenheader .logo-mobil {
	position: fixed;
	z-index: 10;
	left: 30px;
	top: 7px;
}

header#seitenheader .logo-mobil img {
	width: 260px;
}

header#seitenheader nav.navigation {
	background: #1498db;
	height: 90px;
	position: fixed;
	z-index: 6;
	width: 100%;
	transition: all 0.5s ease 0s;
}

/*------------------------------------*\
  #CONTENT
\*------------------------------------*/
.layout-startseite main#main,
.layout-contentseite-1-spalte main#main,
.layout-contentseite-2-spalten main#main {
	padding-top: 110px;
}

.layout-startseite main#main.container,
.layout-contentseite-1-spalte main#main.container,
.layout-contentseite-2-spalten main#main.container {
	padding-left: 0;
	padding-right: 0;
}

main {
	min-height: 85vh;
}

/*------------------------------------*\
  #Cookie Banner
\*------------------------------------*/

.om-cookie-panel .cookie-panel__button {
	font-size: 16px !important;
	margin-bottom: 5px;
}

/*------------------------------------*\
  #NEWS
\*------------------------------------*/
.news ul.kategorien {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.news ul.kategorien li {
	border: 1px solid #333;
	margin-bottom: 15px;
}

.news ul.kategorien li a {
	padding: 5px 15px;
	display: block;
}

.news ul.kategorien li a.active {
	background: #555;
	color: #fff;
}

.news-list-item {
	margin-bottom: 25px;
}

.news-list-item .ueberschrift {
	background: #eee;
	padding: 5px 10px;
}

.news ul.nav.nav-sidebar.news-menu-view li {
	width: 100%;
}

.news ul.nav.nav-sidebar.news-menu-view li div.datumsmenu-jahr {
	background: #0061A1;
	color: #fff;
	text-align: center;
}

.news .news-list-view .news-list-item img.img-responsive {
	max-height: 300px;
}

.news.news-single .thumbnail img {
	width: 100%;
	height: auto;
}

.news .lead .weiterlesen-link {
	text-align: right;
}

.news .lead .weiterlesen-link a {}

.news.news-single {
	margin-bottom: 20px;
}

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/
footer {
	background: #444;
	color: #fff;
	padding: 40px 0 0 0;
}

.layout-startseite footer {
	margin-top: 10px;
}

footer a {
	color: #fff !important;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

footer .footer-oben {
	padding-bottom: 25px;
}

footer .footer-unten {
	background: #333;
}

footer .footer-unten section p {
	margin-top: 15px;
}

footer .logo-1-2 {
	float: right;
	width: 200px;
}

footer .logo-1 {
	background-image: url(../Images/Template/Logos/Logo_Paritaet_BW_CMYK_sw.png);
	height: 43px;
	background-size: 100%;
	margin-bottom: 10px;
	width: 200px;

}

footer .logo-1:hover {
	background-image: url(../Images/Template/Logos/Logo_Paritaet_BW_CMYK.png);
}

footer .logo-2 {
	background-image: url(../Images/Template/Logos/Buendnis_logo-sw.png);
	height: 40px;
	background-size: 100%;
	width: 200px;

}

footer .logo-2:hover {
	background-image: url(../Images/Template/Logos/Buendnis_logo.png);
}

#c5 {
	padding-top: 5px;
	text-align: right;
}

.social-icons {
	margin-bottom: 16px;
}

.social-icons .instagram {
	margin-right: 15px;
}

.social-icons img {
	border-radius: 50%;
	width: auto;
	height: 60px;
}

/*------------------------------------*\
  #GRIDELEMENTS
\*------------------------------------*/
.layout-contentseite-1-spalte .gridelement-2-spalten-66-33-rechte-spalte {
	padding: 0px;
}

/*------------------------------------*\
  #TYPO3
\*------------------------------------*/
p {
	margin-bottom: 15px;
}

.layout-contentseite-1-spalte main#main .content,
.layout-contentseite-2-spalten main#main .content {
	font-size: 20px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 0px 15px;
}

.frame-grauebox {
	background: #eee;
	padding: 10px 15px 0 15px;
}

.frame-space-before-extra-small {
	margin-top: 15px;
}

.frame-space-before-small {
	margin-top: 30px;
}

.frame-space-before-medium {
	margin-top: 45px;
}

.frame-space-before-large {
	margin-top: 60px;
}

.frame-space-before-extra-large {
	margin-top: 75px;
}

.frame-space-after-extra-small {
	margin-bottom: 15px;
}

.frame-space-after-small {
	margin-bottom: 30px;
}

.frame-space-after-medium {
	margin-bottom: 45px;
}

.frame-space-after-large {
	margin-bottom: 60px;
}

.frame-space-after-extra-large {
	margin-bottom: 75px;
}

.image img {
	width: 100%;
	height: auto;
}

/*------------------------------------*\
  #SUCHE
\*------------------------------------*/
#form_kesearch_pi1 .kesearch_searchbox span.resetbutt,
#form_kesearch_pi1 .kesearch_searchbox span.submitbutt,
header#seitenheader .suche .suchfeld {
	display: none;
	padding-right: 60px;
	padding-top: 32px;
	z-index: -1;
	transition: all 0.5s ease 0s;
}

header#seitenheader .suche input[type="checkbox"]:checked~.suchfeld {
	display: block;
	padding-right: 85px;
	padding-top: 25px;
	z-index: 10;
}

.suche input[type=checkbox] {
	transition: all 0.3s;
	box-sizing: border-box;
	display: none;
}

.searchToggle {
	transition: all 0.3s;
	box-sizing: border-box;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 100%;
	top: 27px;
	right: 30px;
	height: 40px;
	width: 40px;
	margin-bottom: 0;
}

header#seitenheader .suche {
	right: 150px;
	top: 0;
	position: fixed;
	z-index: 10;
}

header#seitenheader .suche i {
	color: #fff;
	font-size: 34px;
	top: 0;
	right: 0;
	margin-bottom: 0;
	position: absolute;
}

.suche .suchfeld .tx-kesearch-pi1 form#form_kesearch_pi1 fieldset.kesearch_searchbox .kesearchbox input {
	border-radius: 5px;
}

/*------------------------------------*\
  #MASK
\*------------------------------------*/
.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.mask-kachelcontainer-wrap .col-12.col-sm-6.col-md-4.col-lg-3 {
	padding-left: 5px;
	padding-right: 5px;
}

.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt {
	position: absolute;
	top: 10px;
	height: 215px;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-email {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.mask-kachelcontainer-wrap .mask-kachelcontainer-bild img {
	width: 100%;
	height: auto;
}

.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-telefon-desktop,
.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-telefon-mobil a i {
	margin-bottom: 15px;
}

.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-text p,
.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-text p a {
	font-size: 18px;
}

.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-email a i,
.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-telefon-mobil a i {
	font-size: 32px;
}

.mask-kachelcontainer-kachel.white .mask-kachelcontainer-inhalt .mask-kachelcontainer-ueberschrift h2,
.mask-kachelcontainer-kachel.white .mask-kachelcontainer-inhalt .mask-kachelcontainer-telefon-desktop a,
.mask-kachelcontainer-kachel.white .mask-kachelcontainer-inhalt .mask-kachelcontainer-email a i,
.mask-kachelcontainer-kachel.white .mask-kachelcontainer-inhalt .mask-kachelcontainer-telefon-mobil a i {
	color: #fff;
}

.mask-kachelcontainer-kachel.white a:hover p,
.mask-kachelcontainer-kachel.white .mask-kachelcontainer-telefon-desktop:hover a,
.mask-kachelcontainer-kachel.white .mask-kachelcontainer-email a:hover i {
	color: #ccc;
}

.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt a div.mask-kachelcontainer-ueberschrift h2 p {
	font-size: 42px;
	font-weight: 900;
}

.mask-ueberschrift-hintergrund h1 {
	font-weight: 900;
	text-align: center;
	padding: 10px;
}

.mask-ueberschrift-hintergrund h1.white {
	color: #fff;
}

.mask-kachelcontainer-kachel.kleiderstuben .mask-kachelcontainer-telefon-mobil a {
	margin-right: 20px;
	font-size: 22px;
}

/*-------------------------- ÖFFNUNGSZEITEN ------------------------------*/
.mask-oeffnungszeiten-wrap {
	padding-bottom: 25px;
}

.mask-oeffnungszeiten-wrap .mask-oeffnungszeiten-ueberschrift {
	font-weight: bold;
}

.mask-oeffnungszeiten-wrap .mask-oeffnungszeiten-container .mask-oeffnungszeiten-wochentag {
	padding: 5px 0;
}

.mask-oeffnungszeiten-wrap .mask-oeffnungszeiten-container .mask-oeffnungszeiten-wochentag .mask-oeffnungszeiten-tag {
	width: 50px;
}

.mask-oeffnungszeiten-wrap .mask-oeffnungszeiten-container .mask-oeffnungszeiten-wochentag .mask-oeffnungszeiten-vormittag {
	width: 135px;
}

.mask-oeffnungszeiten-wrap .mask-oeffnungszeiten-container .mask-oeffnungszeiten-wochentag .mask-oeffnungszeiten-nachmittag {}

.mask-buttonlink-wrap a button.btn {
	padding: 10px;
}

/*------------------------------------*\
  #FORMULAR
\*------------------------------------*/
#mitgliedsformular-124-fieldset-1.form-group .col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4.col-xxl-4 .form-inline {
	display: block;
}

#mitgliedsformular-124-fieldset-1.form-group .col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4.col-xxl-4 .form-inline .form-group label.form-label {
	margin-bottom: 8px;
}

#c122.frame-standard.frame-type-html .form-group .input.checkbox .form-check,
#c123.frame-standard.frame-type-html .form-group .input.checkbox .form-check {
	padding-left: 0;
}

#mitgliedsformular-124-fieldset-2.form-group .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.col-xxl-12 .clearfix p {
	margin: 0;
}

#mitgliedsformular-124 .error.form-text {
	color: red;
	font-size: 16px;
	font-weight: 600;
}

/*------------------------------------*\
  #CALENDARIZE
\*------------------------------------*/
.media.calendarize-item .media-body .termine-linke-spalte {
	background: #eee;
	padding: 15px 15px 1px 15px;
	font-size: 16px;
}

.media.calendarize-item {
	margin-bottom: 25px;
}

.termine-rechte-spalte .mask-bildergalerie .bildspalte {
	margin-bottom: 30px;
}

.termine-rechte-spalte .mask-bildergalerie .bildspalte img.img-rounded {
	width: 100%;
	height: auto;
}

.panel.panel-default.state-default {
	border-bottom: 1px solid #555;
	margin-bottom: 25px;
}

.panel.panel-default.state-default:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

button#myBtn {
	display: none;
}

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	font-size: 16px;
	line-height: 1.6;
	margin: auto;
	padding: 50px 20px 20px 20px;
	width: 991px;
	text-align: left;
	position: relative;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	right: 5px;
	top: 5px;
	font-weight: bold;
	position: absolute;
	font-size: 40px;
	line-height: 1;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#myModal.modal div.modal-content a {
	color: #0061A1;
	font-weight: 600;
}

#myModal.modal .modal-content .mask-buttonlink-wrap {
	margin: 0 auto 30px auto;
}

/*------------------------------------*\
  #MEDIA-QUERIES
\*------------------------------------*/
@media (max-width: 1499px) {
	.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt a div.mask-kachelcontainer-ueberschrift h2 p {
		font-size: 32px;
	}
}

@media (max-width: 1199px) {
	.logo-desktop-name.d-none.d-lg-block {
		margin-left: -264px;
		top: 15px;
	}

	.logo-desktop-name.d-none.d-lg-block a {
		font-size: 24px;
	}

	.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt a div.mask-kachelcontainer-ueberschrift h2 p {
		font-size: 28px;
	}

	.mask-kachelcontainer-kachel.kleiderstuben .mask-kachelcontainer-inhalt .mask-kachelcontainer-text .mask-kachelcontainer-telefon-desktop {
		margin-bottom: 5px;
	}
}

@media (max-width: 991px) {
	.modal-content {
		background-color: #fefefe;
		font-size: 18px;
		line-height: 2;
		margin: auto;
		padding: 50px 20px 20px 20px;
		width: 90%;
		text-align: center;
		position: relative;
	}

	.container {
		max-width: 100%;
	}

	.layout-startseite main#main,
	.layout-contentseite-1-spalte main#main,
	.layout-contentseite-2-spalten main#main {
		padding-top: 110px;
	}

	.layout-startseite main#main.container,
	.layout-contentseite-1-spalte main#main.container,
	.layout-contentseite-2-spalten main#main.container {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 110px;
	}

	footer .logo-1-2 {
		float: none;
		width: 100%;
	}

	.content-ueberschrift {
		padding: 0;
	}

	.frame-standard.frame-type-gridelements_pi1 .row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	header#seitenheader nav.navigation {
		height: 50px;
	}

	header#seitenheader .logo-mobil {
		top: 3px;
	}

	header#seitenheader .logo-mobil img {
		width: 150px;
	}

	.layout-contentseite-1-spalte main#main .content,
	.layout-contentseite-2-spalten main#main .content {
		padding: 0px;
		padding-top: 15px;
	}

	.content-linke-spalte {

		padding-top: 15px;
	}

	.layout-startseite main#main.container,
	.layout-contentseite-1-spalte main#main.container,
	.layout-contentseite-2-spalten main#main.container {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 70px;
	}

	.menuToggle {
		top: 15px;
	}

	#sideMenu {
		margin-top: 50px;
	}

	.logo-mobil {
		padding-top: 0;
		text-align: center;
	}

	.logo-mobil img {
		width: 80%;
	}

	.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .symbole-wrap {
		display: -ms-flexbox;
		-ms-flex-pack: justify;
		display: flex;
		justify-content: space-around;
		margin-top: 40px;
	}

	.mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt .mask-kachelcontainer-email {
		position: relative;
		clear: both;
		bottom: auto;
		width: auto;
	}

	#c5 {
		text-align: left;
	}

	.layout-startseite main#main,
	.layout-contentseite-2-spalten main#main,
	.layout-contentseite-1-spalte main#main {
		padding-top: 0;
	}

	.mask-kachelcontainer-kachel.kleiderstuben .mask-kachelcontainer-inhalt {
		top: 60%;
	}

	header#seitenheader .suche {
		right: 20%;
		top: 0;
		position: fixed;
		z-index: 10;
	}

	.searchToggle {
		top: 8px;
	}

	header#seitenheader .suche input[type="checkbox"]:checked~.suchfeld {
		padding-top: 50px;
		padding-right: 0;
	}

	.layout-contentseite-1-spalte .frame-standard.frame-type-gridelements_pi1 .row .row {
		margin-left: 0;
		margin-right: 0;
	}

	footer .logo-1 {

		float: none;
	}

	footer .logo-2 {

		margin-bottom: 20px;
		float: none;
	}

	.media.calendarize-item .media-body .termine-rechte-spalte {
		padding: 15px 15px 1px 15px;
	}

	html body.layout-contentseite-1-spalte main#main.container .row {}
}

@media (max-width: 575px) {

	h1,
	.h1 {
		font-size: 28px;
	}

	h2,
	.h2 {
		font-size: 24px;
	}

	h3,
	.h3 {
		font-size: 20px;
	}

	.logo-mobil {
		padding-top: 0;
		text-align: center;
	}

	.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel::before {
		padding-top: 75%;
	}

	.mask-kachelcontainer-wrap .col-12.col-sm-6.col-md-4.col-lg-3 {
		padding-left: 0;
		padding-right: 0;
	}

	.mask-kachelcontainer-wrap .mask-kachelcontainer-kachel .mask-kachelcontainer-inhalt {
		height: auto;
	}

	footer .gridelement-3-spalten-33-33-33-linke-spalte,
	footer .gridelement-3-spalten-33-33-33-mittlere-spalte,
	footer .gridelement-3-spalten-33-33-33-rechte-spalte {
		padding: 0;
	}

	#c124 {
		margin-top: 0;
	}

	#mitgliedsformular-124 label.form-label {
		margin-bottom: 0;
		font-size: 16px;
	}

	#mitgliedsformular-124 .form-group legend {
		font-size: 18px;
	}

	#mitgliedsformular-124 div.clearfix p,
	#mitgliedsformular-124 .form-group .input.checkbox .form-check label.add-on.form-check-label {
		font-size: 16px;
	}
}