html, body{
	height:100%; /* important to vertically align the container */
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, "Times New Roman", Verdana;
}

a {
  color: #0d6efd; /* Bootstrap primary color */
}

.red {
	color: red;
}

.bg-color-main {  /* Haupt-Hintergrundfarbe: gilt im ganzen Dok, wenn nicht überschrieben */
	background-color: rgb(232, 232, 232 ); /* ehemals 240 */
}

.bg-color-white {
    background-color: rgb(255, 255, 255);
}

.bg-dark-grey {
    background-color: rgb(200, 200, 200);
}

.bglightgrey {
    background-color: rgb(248, 248, 248);
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.nk-cookie-banner { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999; border-radius: 0px; display: none; } 

h1 {
  color: red;
  /* font-variant: small-caps; */
  font-size: x-large;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 15px;
}

h2 {
  color: red;
  /* font-variant: small-caps; */
  font-size: large;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 15px;
}

h3 {
  color: red;
  /* font-variant: small-caps; */
  font-size: normal;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 15px;
}


.img-caption {
	font-size: 12px;
	color: red;
}

.teaser-img {
	display: block; 	/* so wird das Bild zentriert */
	margin-left:auto;
	margin-right:auto;
}

.smallCaps { font-variant: small-caps; } // v.a. für KKS-Schriftzug

.center-block {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.centerBlock {
	display: table;
	margin: auto;
}

.centerBlockNoMargin {
	display: table;
	margin: 0;
}

.centerBlockKksLogo {
	display: table;
	padding: 30px;
	margin: auto;
}

.centerBlockPadded30px {
	display: table;
	padding: 30px;
	margin: auto;
}

.centerBlockPadded10px {
	display: table;
	padding: 10px;
	margin: auto;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :) */
  display: flex;
  align-items: center;
}

/* Die folgenden beiden sind nötig um Google-Maps einzubinden */
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.error-template { padding: 40px; text-align: center; }
.error-actions { margin-top:30px; margin-bottom:30px; }
.error-actions-btn { margin:20px; }

ul.spaceitems {
	display: grid;
	gap: 1em;
}

ul.spacedlist li { margin-bottom: 3em; }