:root {
  --cassiopeia-color-primary: #ffffff;               /* #000000 */
  --cassiopeia-color-link: #00ff00;
  --cassiopeia-color-hover: #0000ff;  /* zugleich Verlaufsfarbe des headers */
}
.container-header {background-image: none}  /* blendet Velauf aus */
/* .container-component {background-color: blue} */

@media (min-width: 768px) {
    .col-md-3 {flex: 0 0 auto; width: 25%;}
}

.card {background-color: transparent}

.sidebar-left {position: fixed; top: 70%; width: 20%; border-color: transparent}
.sidebar-left .card-body {background-color: transparent}
.sidebar-left .mod-list {width: 100%;}
.sidebar-left .mod-list li {border: 1px solid white; margin: 5px; padding-left: 2em}


.sidebar-right {position: fixed; top: 3%; width: 20%; border-color: transparent}
.sidebar-right .card-body {background-color: transparent; padding: 0.1rem}
.sidebar-right .mod-list {width: 100%;}
.sidebar-right .mod-list li {border: 1px solid white; margin: 5px; padding-left: 2em;}

#mod-custom119 {position: fixed; top: 5%;}                 /* Karin links */
#mod-custom120 {position: fixed; top: 30%;}                 /* Gerhard rechts */

@media (max-width:992px)  {
	.sidebar-left, .sidebar-right {display: none}
	#mod-custom119, #mod-custom120 {display: none}
}

.com-contact .control-label {color: white}
.com-contact .contact-name {display: none}
.com-contact__container {display: none}
.contact-form .btn-primary {background-color: transparent}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: white;                             /*    #333;  */
	background-color: blue;                           
}
.body .container {
	background-color: #000;                         /* #fff; */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}


a {display: block; color: white;}
a:link {text-decoration: none}
a:hover,
a:focus {
	color: #ff0000;                             /*         #002b41;   */                                    
	text-decoration: none;
}

.control-label {
	color: black;
	display: block;
	margin-bottom: 5px;
}
.pull-center {float: none; text-align: center}
#logo a, #logo a:link, #logo a:hover {
color:#DEB25E;
font-family:terminal, monaco; 
}
.brand-logo {
	font-size: 40px;
	font-size: calc(16px + 2.16vw);
	line-height: 48px;
	font-weight: bold;
	font-family: terminal, monaco;
}
.brand {
	color: white;
}
.brand:hover {
	color: white;
	text-decoration: none;
}
.test {color:green}

.termine tr {border-bottom: 1px solid #D3D3D3; height: 50px}
.termine th {text-align: left; font-weight: bold; padding-bottom: 10px}
.termine td:nth-child(1){width: 120px}
.termine td:nth-child(2){width: 76px}

.titel {font-family: terminal, monaco; font-size: 26pt; margin-top: 2em; margin-bottom: 1em; text-align: center}
.luckymenu {color: white; margin-bottom: 1.5em}
#back-top {display: none}

.vertical {height: 100vh; display: flex; align-items: center; justify-content: center}