/*Farbinfo*/
:root {
    /*Anthrazit*/
    --dark-color: rgb(38,41,38);
    /*Hellgrau*/
    --light-color: rgb(243,243,243);
    /*Rot:*/
    --highlight: rgb(153,8,19);
}

/* =========================== GENERAL =============================*/
html {
	font-size:1rem;
	height: 100%;
	scroll-padding-top:113px; /*Höhe von fixer Navbar. Auswirkung auf Scrollstopposition */
}
body {
	font-family: Roboto, "Trebuchet MS", sans-serif;
	color: black;
	background-color:white;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
	/*für Sticky Footer*/
	display:flex;
	min-height:100vh;
	flex-direction:column;
	/*margin:auto;*/
}
body.admin {
	font-size:16px;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
	margin-bottom:1rem;
}
h1, .h1,
h2, .h2 {
	font-family:"youre_goneregular";
	text-transform:uppercase;
	color:var(--dark-color);
}
a, .pseudolink {
	color: var(--highlight);
	text-decoration: none;
	transition: color 200ms linear;
}
a:hover, a:focus, .pseudolink:hover {
	color: var(--highlight);
	text-decoration:underline;
	transition: color 200ms linear;
}
[onclick],
.pseudolink:hover,
[onclick]:hover {
	cursor:pointer;
	transition: color 200ms linear;
}
main {
	/*für Sticky Footer*/
	flex: 1 0 auto;
	min-height: 5em;
}
.home main {
	padding-top:0;
}
section {
	margin: 60px 0 ;
}
/*Damit Element nach fixer Navi im zugeklappten Zustand nicht überlappt wird.*/
.page-wrap > *:nth-child(2) {
	margin-top:111px;/*Höhe von Navibalken*/
}
/*================= Service Klassen (unterstützend) ==================*/
.hyphens,
.hyphens-xs,
.flowrow {
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
    width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}
.breakword {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.ptext {
    margin-bottom: 1rem;
}
.imgCoverCenter {
    position: relative;
    overflow: hidden;
}
.imgCoverCenter > img,
.imgCoverCenter > svg {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
	object-position:center;
}
/*#Blog .imgCoverCenter > img,
#Blog .imgCoverCenter > svg {
    height: 90%;
}*/
#Scroller {
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	width: 34px;
	height: 19px;
	border:2px solid var(--highlight);
	padding:20px 25px;
	border-radius:0.6rem;
	background-color: var(--highlight);
	transition: background-color 200ms linear;
}
#Scroller:hover,
#Scroller:focus {
	background-color: rgba(153, 8, 19, 0.3);
	transition: background-color 200ms linear;
}
#Scroller svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.smooth-scroll-area {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	.smooth-scroll-area {
		scroll-behavior: auto;
	}
}

#Scroller:hover,
#Scroller:focus {
/*	background-color: rgba(0, 0, 0, 0.7);
	transition: background-color 200ms linear;*/
}
.bg-dark {
	color:white;
}
/*Problem mit Anker und fixer Navi lösen*/
.anchor {position:relative;}
.anchor a {
  position: absolute;
  left: 0px;
  top: -128px;
}
.date-pick.form-control {
	display:inline;
}
.date-pick, #EntryTime {
	font-size:0.9em;
}
/*================= Bootstrap override ==================*/
.card {
	border:none;
	--bs-card-border-radius:30px;
	--bs-card-spacer-y: 22px;
	--bs-card-spacer-x: 25px;
}
.card-body > *:last-child{
	margin-bottom:0;
}
.card-title {
	font-size:1.2rem;
}
.card .small {
	opacity:0.3;
}
.card .ptext {
	opacity:0.6;
}
.card .imgCoverCenter:first-child {
	border-top-left-radius:var(--bs-card-border-radius);
	border-top-right-radius:var(--bs-card-border-radius);
}
.card .imgCoverCenter:last-child {
	border-bottom-left-radius:var(--bs-card-border-radius);
	border-bottom-right-radius:var(--bs-card-border-radius);
}

/*================= Home ==================*/
header {
	margin-top:113px;/*Damit Heder und Content nicht unter fixer Navi verschwindet*/
}
header .imgCoverCenter {
	display:block;
	padding-bottom:max(50%, calc((100vh - 100vw) / 2));
}
.tiles h2 {
	text-align:center;
}
.tiles .card-title a {
	color:inherit;
}
.tiles .card img {
	transition:200ms opacity linear;
}
.tiles .card:hover img,
.tiles .card:focus img {
	opacity:0.8;
	transition:200ms opacity linear;
}
#Blog .card .imgCoverCenter {
	padding-bottom:65%;
}
#Galerie .card .imgCoverCenter {
	padding-bottom:80%;
}

#Galerie .card {
	border-radius:30px;
}
#Galerie .card h3 {
	margin-top:0.2em;
	margin-bottom:0;
	font-size:1em;
}
#Galerie .card a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	
	color:white;
	text-shadow:0 0 3px #000;
	vertical-align:center;
}
#Galerie .card a:hover,
#Galerie .card a:focus {
	text-decoration:none;
}
#Galerie .card-image-top,
#Galerie .card a {
	border-radius:30px;
}

/*================= NAVI ==================*/
.navbar {
	font-family:'youre_goneregular', sans-serif;
	text-transform:uppercase;
	background: white;
	z-index:1050;/*Update JC, damit schlussendlich Socialmedia-Flags nicht Subnavi überdecken*/
}
.lg-on .navbar {
	z-index:1030;/*Update JC 16.08.2023, damit bei Lightgallery-Popups fixe Navbar hinter abgedunkelten Popup-Bereich bleibt*/
}
.navbar .container-fluid,
.navbar .container {
	padding-top:12px;
	padding-bottom:12px;
	align-items: center;
}
.navbar-brand,
.navbar-collapse {
	align-self:center;
}
.navbar-brand {
	max-width:260px;
}
.navbar-brand img { 
	max-width:100%;
	height:auto;
}
.navbar-toggler {
	border:2px solid #342f2e;
}
.navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2852, 47, 46, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-link {
	color:var(--dark-color);
}
.navbar-nav .nav-link.active, 
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
	color:var(--highlight);
	text-decoration:none;
}
.dropdown-menu {
	border-radius:0;
	border-left-color:transparent;
	border-right-color:transparent;
}
.dropdown-menu a {
	color:var(--dark-color);
}
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu li.active a {
	color:var(--highlight);
}


/* ============================ CONTENT ==============================*/
h2 a {
	color:inherit;
}
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
.tiles .card-title a:hover,
.tiles .card-title a:focus {
	color:var(--highlight);
	text-decoration:none;
}

#Content table{text-align:left;}
#Content > h1:first-child, #Content > h2:first-child {margin-top:0;}
#Content:empty {
	display:none;
}
#Content p, .ptext {
	margin-bottom:1rem;
}
#Content img {
	max-width:100%;	
	height:auto;
}
.table img {
	max-width:none !important
}
#Content iframe{
	max-width:100%;
}
#Content table td td {
	padding:0;
}

/*================= Galerie / Gallery / lightGallery ==================*/
#Galerie .card {
	border-radius:10px;
}
/*#lightgallery.row > div {
	padding-top:15px;
	padding-bottom:15px;
}*/
#lightgallery .background-slider {
	cursor:pointer;
}

/*lightGallery PopUp individuell definierte Höhe per gesetzer CSS-Class*/
.lg-outer.ifHeight60 .lg-video{padding-bottom:60%;}
.lg-outer.ifHeight75 .lg-video{padding-bottom:75%;}
.lg-outer.ifHeight100 .lg-video{padding-bottom:100%;}
.lg-outer.ifHeight90vh .lg-video{padding-bottom:90vh;}
.lg-outer.ifHeight90vh .lg-item {padding-top:47px;}/*damit Lightgallery Balken mit Close-Button iFrame nicht überlappt*/
/*Update JC 13.03.2019: für Scrolling iOS */
.lg-outer lg-video-cont .lg-video {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
}

#SquareLinks > div {
	padding-bottom:15px;
}
#SquareLinks .tblbox {
	width:100%;
	padding-bottom:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	margin-bottom:30px;
	border-radius:30px;
}

#SquareLinks #lightgallery .imgCell {
	margin-bottom:30px;
}
#SquareLinks #lightgallery a,
#SquareLinks #lightgallery .Bilderrahmen,
#Carousel #lightgallery div img, 
#Carousel #lightgallery a img {
	display:block;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	text-shadow:0 0 3px #000;
	
	background-color:rgba(255,255,255,0);
	transition:	background-color 200ms linear;
}
#SquareLinks #lightgallery a:hover,
#SquareLinks #lightgallery .Bilderrahmen:hover,
#Carousel #lightgallery div img:hover,
#Carousel #lightgallery a img:hover {
	background-color:rgba(255,255,255,0.6);
    transition:	background-color 200ms linear;
}
#SquareLinks #lightgallery img {
	width:100%;
}
.tblbox > div {
	position:absolute;
	width:100%;
	height:100%;
	text-shadow:0 0 3px #000;
	
	background-color:rgba(255,255,255,0);
	transition:	background-color 200ms linear;
}
.tblbox > div:hover {
	background-color: rgba(255,255,255,0.6);
	transition:	background-color 200ms linear;
}
.tblbox > div > div {
	display:table;
	width:100%;
	height:100%;
}
.tblbox a {
	display:table-cell;
	width:95%;
	height:95%;
}
.tblbox a,
#Galerie .card a {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:5%;
}
#SquareLinks .tblbox a small,
#Galerie .card a small {
	font-size:65%;
}
#SquareLinks .tblbox a,
#SquareLinks .tblbox h2{
	color:#FFF;
	text-decoration:none;
}

/*================= Anmeldeformular ==================*/
.Anmeldung table,
.Anmeldung tr,
.Anmeldung th,
.Anmeldung td {
	display:block;
}
.Anmeldung table table {
	display:table;
}
.Anmeldung tr tr {
	display:table-row;
}
.Anmeldung table table th,
.Anmeldung td td {
	display:table-cell;
}
.Anmeldung .dimension {
	width:70px;
}

/*================= Kontaktformular ==================*/
form#Kontakt {position:relative;}
/*#Kontakt .form-group label{display:none;}*/
form#Kontakt .cbx label {display:inline-block;}
form#Kontakt .btn {min-width:110px;}

/*================= Social Media ==================*/
.socialLinks {
	position:fixed;
	top: 20%;
	right:0;
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-around;
	align-items:center;
	align-content: center;
	text-align:center;
	
	z-index: 1040;
	background-color:var(--dark-color);
	border-right:0;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	/*box-shadow:0 0 1px 1px white;*/
}
.socialLinks a {
	color:white;
	padding:2px 8px;
	transition:background-color 200ms linear;
	width:100%;
	font-size:1.2em;
}
.socialLinks a:hover,
.socialLinks a:focus {
	background-color: var(--highlight);
	transition:background-color 200ms linear;
}
.socialLinks a:first-child {
	border-top-left-radius:6px;
	padding-top:4px;
}
.socialLinks a:last-child {
	border-bottom-left-radius:6px;
	padding-bottom:4px;
}

/* ============================= FOOTER ==============================*/	
footer {
	color:white;
	font-size:16px;
	background-color:rgb(28,30,29);
	/*für Sticky Footer*/
	flex-shrink: 0;
}
footer .container {
	position:relative;
}
footer .container > .row > div {
	padding-bottom:max(15px, 2vw);
	padding-top: max(15px, 2vw);
}
footer a {
	color:white;
}
footer a:hover,
footer a:focus  {
	color:white;
	text-decoration:underline;
}
footer .address {
	font-size:20px;
	/*font-family:'youre_goneregular', sans-serif;
	text-transform:uppercase;*/
	display:flex;
}
footer .address p {
	align-self:flex-end;
	margin-bottom:0;
}
footer .col-wrapper {
	min-height:183px;
}
.footerlogin {
	margin-bottom:48px;
}
footer strong {
	font-weight:normal;
}
footer .reset {
	align-self:center;
}
footer .fa, footer .fas {
	color:var(--dark-color);
}
footer .form-control, footer input.form-control, footer input {
    font-size: inherit;
    color: var(--dark-color);
	border-color:var(--dark-color);
}
footer .form-control:focus, footer input:focus, footer input.form-control:focus {
    font-size: inherit;
    color: var(--dark-color);
    background-color: white;
}
footer input[type="submit"] {
	background-color:rgb(47,49,48);
	border:1px solid white;
}
footer .btn.focus, footer .btn:focus {
	box-shadow:0 0 0 .2rem var(--dark-color);
}
footer::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(75,46,66,0.5) !important;
  opacity: 1 !important; /* Firefox */
}

#Done {
	margin-top:30px;
}
#Done, #Done a {
	font-size:0.67rem;
	color:rgba(255,255,255,0.2);
	transition:color 200ms linear;
}
#Done a:hover {
	color:white;
	text-decoration:none;
	transition:color 200ms linear;
}
#Done a:not(:last-child):after {
	content:'|';
	margin: 0 2px 0 5px;
}

/*================= Formulare ==================*/
label{font-weight:normal;}

.form-control,
input, input.form-control,
textarea, textarea.form-control,
select, select.form-control {
	font-size:16px;
	color:var(--dark-color);
	background-color:var(--light-color);
	border:1px solid var(--dark-color);
}
.form-control:hover,
.form-control:focus,
input:hover, input.form-control:hover,
input:hover, input.form-control:focus,
textarea:hover, textarea.form-control:hover,
textarea:hover, textarea.form-control:focus
select:hover, select.form-control:hover,
select:hover, select.form-control:focus {
	background-color:var(--light-color);
	border:1px solid var(--highlight);
}
textarea, textarea.form-control {
/*	border:1px solid #8b8b8b;/*Da Formularfelder nur Border-Bottom haben*/
}
input.form-control:focus{
	color:black;
	background: transparent;
}
.admin .form-control:not(textarea), .admin input {
	height: calc(1.75em + .35rem + 2px);
	padding: .2rem .35rem;
}
.admin input[type="checkbox"],
.admin input[type="radio"] {
	height:1em;
}
.form-control.is-invalid {border-width:1px;border-style:solid;}/*BS 4*/
/*select.form-control:not([size]):not([multiple]) {
	border-top-left-radius:0;
	border-top-right-radius:0;
}*/
select.form-control:focus{
	background: transparent;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="url"],
textarea,
select,
.admin .btn {
	margin:0 0 8px 1px;
	border-radius: 0.6rem;
}
input[type="file"] {
	border:1px solid #8b8b8b;
}
button:not(.navbar-toggler), html input[type="button"], input[type="reset"], input[type="submit"], .btn, .admin footer input[type="button"],
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active /*BS 4 hat bg-image:none*/ {
	color:#FFF;
	line-height:1.4;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	padding:7px 20px;
	min-width:100px;
	border:none;
	border-radius: 0.6rem;
	background-color:var(--highlight);
	transition: background-color 200ms;
	margin-bottom:3px;
}
.teilnahme {
	color:#FFF;
	line-height:1.4;
	padding:.25rem .75rem;
	border-radius:0;
	border:none;
	background-color:var(--highlight);
}
.input-group-append button{
	margin-bottom:0;
}
.btn .fa, .btn .fas{
	color: #FFF;
}
button.ui-widget {
	color:inherit;/*weil Schrift-Farbe von Button weiss ist*/
}
.admin button, .admin  input[type="button"], .admin input[type="reset"], .admin input[type="submit"], .admin .btn,
.admin .btn:not(:disabled):not(.disabled).active, .admin .btn:not(:disabled):not(.disabled):active {
	font-size:0.9rem;
	/*line-height:1.8;*/
	padding: 5px 15px;
}
button:hover:not(.navbar-toggler), html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
.btn:hover, .btn:focus, .btn.focus {
	color:white;
	transition: background-color 200ms;
	background: var(--dark-color);
}
.admin .btn:hover, .admin .btn:focus{
	padding: 5px 15px;
}
.btn_big {
	font-size:1.3em;
	padding: 15px 25px;
	margin-right:20px;
}
.btn_big > .fa {
	margin-right:15px;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem var(--highlight);
}
.form-control:disabled, .form-control[readonly] {
	opacity: 0.5;
	border-style:dotted;
	border:none;
	cursor:not-allowed;
}
input#Code {
	margin-top:0;
	z-index:0;
}
form .input-group-addon:last-child {
	min-width:111px;
	/*background-color:#EEE;*/
	padding:5px 13px;
	border:none;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
form input-group {
	
}
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.form-control:focus,
.form-control:focus-visible{
	border-color:var(--dark-color);
	outline-color:var(--dark-color);
	-webkit-box-shadow: none;/*inset 0 1px 1px rgba(0, 0, 0,.075), 0 0 8px rgba(0, 0, 0, 0.6);*/
	box-shadow:none; /*inset 0 1px 1px rgba(0, 0, 0,.075), 0 0 8px rgba(0, 0, 0, 0.6);*/
	text-shadow:none;
}
.form-control::-webkit-input-placeholder{color:#A3A3A3;}
.form-control::-moz-placeholder{color:#A3A3A3;}
.form-control:-ms-input-placeholder{color:#A3A3A3;}
.form-control::-ms-input-placeholder{color:#A3A3A3;}
.form-control::placeholder{color:#A3A3A3;}

button.ui-multiselect {
	background-color:white;
	position:relative;
}
.ui-multiselect-menu .ui-state-hover, 
.ui-multiselect-menu.ui-widget-content .ui-state-hover, 
.ui-multiselect-menu .ui-widget-header .ui-state-hover, 
.ui-multiselect-menu .ui-state-focus, 
.ui-multiselect-menu.ui-widget-content .ui-state-focus, 
.ui-multiselect-menu .ui-widget-header .ui-state-focus {
	background: var(--dark-color);
	color: white;
}
.ui-multiselect.ui-widget span.ui-icon {
	float:none;
	position:absolute;
	top:50%;
	right:5px;
	transform:translateY(-40%);
}

/**************************************************************************************
  Gruppe / Team
**************************************************************************************/
.arbGruppe > div {
	margin-bottom: 15px;
}
.arbGruppe > div .subGruppe {
    display: none;
}
.subGruppe {
    position: absolute;
    background-color: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}
.arbGruppe > div:hover .subGruppe {
    display: block;
    z-index: 1;
}

.subGruppe input {margin-right:3px;}

.tblOrgPic td > p {
	min-height:55px;
	margin-bottom: 10px !important;
}
.tblOrgPic .h4 {
	font-size:18px;
	line-height:20px;
	margin:8px 0;
}


/*================= Admin- / Memberbereich ==================*/
.CuteEditorGroupMenuCell img {/*Gegensteuer BS für Icons in Editor-Bar*/
	box-sizing:content-box;
}
#CE_Editor1_ID, #CE_Editor2_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}
.CuteEditorToolBarContainer {/*Gegensteuer BS für Dropdown-Menu in Editor-Bar (H1 etc).*/
    line-height: 0.9em;
}
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}

/*Datenschutz-Hinweis-Banner*/
#cookie_directive_container {
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1040;
}
#cookie_directive_container > * {
	background-color:rgba(0,0,0,0.8);
	color:#FFF;
	padding-top:17px;
	padding-bottom:1px;/*damit durch margin-bottom nicht Abstand über BG-Color hinaushängt*/
}
#cookie_directive_container a[href="#"] {
	padding:6px 12px;
	margin: 0 12px 6px 0;
	color:black;
	border:1px solid white;
	text-decoration:none;
}
#cookie_directive_container a[href="#"]:hover,
#cookie_directive_container a[href="#"]:focus {
	color:white;
}
/*================= Listen-, Tabellen-Ansicht, Paging ==================*/
/**************************************************************************************
  
**************************************************************************************/
.table,
.table-hover tbody tr:hover {
	color:var(--dark-color);
}
.table > * > tr:first-child > th {border-top-width:0;}/*gegen BS 4*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-color:var(--dark-color);
}
.table-hover > tbody > tr {
	transition:background-color 200ms linear;
}
.table-hover > tbody > tr:hover,
.pagination > li > a:hover {
	background-color:var(--light-color);
	transition:background-color 200ms linear;
}
.table > thead > tr > th.listicon,
.table > tbody > tr > th.listicon,
.table > tfoot > tr > th.listicon,
.table > thead > tr > td.listicon,
.table > tbody > tr > td.listicon, 
.table > tfoot > tr > td.listicon {
	padding-left:0;
	padding-right:0;
	text-align:center;
}
#Content .pagination > li > a {
	color: var(--dark-color);
	background-color:white;
	border-color: var(--dark-color);
}
#Content .pagination > .active > a,
#Content .pagination > .active > a:hover {
	background-color:var(--highlight) !important;
	border-color:var(--highlight);
	color:white;
}
#Content .pagination > li > a:hover {
	color:var(--highlight);
	padding-top:6px !important;
	text-decoration:none;
}
.nav-tabs {
	margin-bottom:30px;
	border-color:var(--dark-color);
}
.nav-tabs .nav-link {
	color:var(--highlight);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
	color:var(--dark-color);
	border-color:var(--dark-color);
	text-decoration:none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.navbar-brand{
		padding:0;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1, .h1 {
		
	}
	.row-cols-md-3 .card-title {
		hyphens:auto;
	}
	.hyphens-xs{
		-moz-hyphens:none;
		-ms-hyphens:none;
		-webkit-hyphens:none;
		hyphens:none;
	}
	
	.Anmeldung table {
		display:table;
	}
	.Anmeldung tr {
		display:table-row;
	}
	.Anmeldung th,
	.Anmeldung td {
		display:table-cell;
	}
	.Anmeldung .dimension {
		width:auto;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.home header {
		margin-top:0;
	}
	header .imgCoverCenter {
		padding-bottom:100vh;
		display:block;
		z-index:1080;
	}
	.navbar-brand {
		max-width:none;
	}
	.navbar-nav .dropdown-menu {
		padding-left:10px;
		padding-right:10px;
		background:var(--light-color);
		border-radius: var(--bs-dropdown-border-radius);
		border-color:var(--bs-dropdown-border-color);
	}
	.row-cols-md-3 .card-title {
		hyphens:none;
		font-size:1.4rem;
	}
	
	footer .address {
		background:url(/images/rhythmus.png) no-repeat left bottom;
	}
	footer .address p {
		margin-left: 15px;
	}
	footer .col-wrapper {
		background:url(/images/blaeser.png) no-repeat center bottom;
	}
	.footerlogin {
	  margin-bottom: 0;
	}
	
	/*Impressum etc.*/
	.flowrow {
		width:100%;
		-webkit-column-count: 2;
   		-moz-column-count: 2;
		column-count:2;
		-webkit-column-gap: 3em;
     	-moz-column-gap: 3em;
        column-gap: 3em;
	}
	.flowrow .pagebreak{
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}
@media (min-width: 1400px) {
	/*footer .container {
		padding-left:5vw;
		padding-right:5vw;
	}*/
}