/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Page */

.content-wrap {
	padding-top:50px;
}

#page-title {
border-bottom: 0px;
}

#page-title.grau h1 {
 color: #fff;   
}

.bg-color, .bg-color #header-wrap {
	background-color: #333333 !important;
}

/* Schrift */

a {
	color: #900;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}

section#content a.link {
	border-bottom-color: #900;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.entry-title h2 a:hover,
.entry-title h3 a:hover,
.entry-title h4 a:hover { color: #67757e; }

::selection {
background: #fff8e4;
color: #555;
text-shadow: none;
}


.entry-title h4 {
	font-size: 1em;
}

/* Header */

#header #logo img {
    max-height: 70px;
}

.menu-link br.visible-md {
	display: none;
}

@media (min-width: 992px) {
.menu-link {
    text-align: center;
}
}

.header-misc-icon {
    margin-left:5px;
    margin-right: 5px;
}

@media (min-width: 992px) {
#header .col-lg-3 {
	width: 24%;
}
}


/* Buttons */

.button {
	background-color: #900;
}

/* Flip cards */

.flip-card-front, .flip-card-back {
    height: 200px;
}

.flip-card {
    margin-bottom:30px;
}

.flip-card-front.events, .flip-card-back.events {
    border: 5px solid #f8b322;
}

.flip-card-front.projekte, .flip-card-back.projekte {
    border: 5px solid #93b7a3;
}

.flip-card-front.kurse-workshops, .flip-card-back.kurse-workshops {
    border: 5px solid #93b7a3;
}

.flip-card-front.offene-treffen, .flip-card-back.offene-treffen {
    border: 5px solid #93b7a3;
}

.flip-card-front.raeume, .flip-card-back.raeume {
    border: 5px solid #aa8c5c;
}

.flip-card-front.gastro, .flip-card-back.gastro {
    border: 5px solid #aa8c5c;
}

.flip-card-front.schuldnerberatung, .flip-card-back.schuldnerberatung {
    border: 5px solid #aa8c5c;
}

.flip-card-front.infos, .flip-card-back.infos {
    border: 5px solid #67757e;
}


/* Farben */

.orange {
	background-color:#f8b322!important;
}

.orange-2 {
	background-color:#faca64!important;
}

.gelb {
	background-color:#fff8e4!important;
}

.gelb-2 {
	background-color:#ede6d4!important;
}

.gruen {
	background-color:#b5dac5!important;
}

.gruen-2 {
	background-color:#cbe5d6!important;
}

.grau {
	background-color:#67757e!important;
}

.grau-2 {
	background-color:#949ea4!important;
}

/* Breadcrumb */

.grau .breadcrumb a {
color: #fff;
    	border-bottom-color: #fff;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.grau .breadcrumb-item.active {
color: #fff;
}

.grau .breadcrumb-item + .breadcrumb-item::before {
color: #fff;
}

.breadcrumb a:hover {
color: #990000;
}


/* Unternavigation */

#page-menu-wrap.gelb-2 .page-menu-title, #page-menu-wrap.gelb-2 .page-menu-item > a, #page-menu-wrap.gelb-2 #page-menu-trigger,
#page-menu-wrap.gruen-2 .page-menu-title, #page-menu-wrap.gruen-2 .page-menu-item > a, #page-menu-wrap.gruen-2 #page-menu-trigger {
	color:#333333!important;
}

#page-menu-wrap.gelb-2 .page-menu-nav {
	background-color:#ede6d4!important;
}

.page-menu-nav .page-menu-container {
	background-color:transparent;
}

.gastronomie .tp-tabs, .raeume .tp-tabs {
	display: none!important;
}


/* Etiketten */

.bg-events, .bg-color-events.nav-link:hover, .menu-color-events > a::before, .bg-color-events.nav-link.active {
    background: var(--events, #f8b322) !important;
}

.btn-infos {
color: #fff;
background-color: #67757e;
border-color: #67757e;
}

.btn-tickets {
color: #fff;
background-color: green;
border-color: green;
}

.btn-tickets:hover {
color: #fff;
background-color: #333333;
border-color: #333333;
}

/* Lists */

.iconlist i.green {
    color: green!important;
}

.list-01 h2 {
    font-size: 24px;
}

.list-01 .col {
	padding-bottom: 0;
}

/* Footer */

@media (max-width: 768px) {
    
    .copyrights-menu.float-end {
        float:left!important;
    }
    
}

/* Events */

.entry-meta li {
    font-size:1rem!important;
}

.entry-meta ul.no-flex {
    display: block;
}

.entry-meta li a:not(:hover) {
color: #666!important;
/*font-size:1rem!important;*/
}

.entry-title.title-sm h2, .entry-title.title-sm h3 {
font-size: 1.5rem!important;
    text-transform: none;
}

.divider.events {
font-size: 30px!important;
color: #666;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}

/* Forms */

label.einwilligung {
	text-transform: none;
	font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
	letter-spacing: 0;
}

/* Team */

.team-title h4 {
text-transform: none;
letter-spacing: 0.5px;
font-weight: 500;
}

.team-title span {
font-style: normal;
    color: #444;
}

/* Räume */

.bestuhlung {
	height: 20px;
	}

.zahl {
	height: 20px;
	margin-right: 3px;
	}


.raeume h3 {
	margin-bottom: 0px;
	font-size: 16px;
    font-weight: 300;
	}

.raeume td {
	vertical-align: middle;
	}

@media (max-width: 768px) {
	.raeume .col-xs-5 {
	width: 45%;
	}
	.raeume .last {
		display:none;
		}
.raeume .zahl {
	display: none!important;
	}
	.raeume .row {
		padding-top:10px;
		margin-top: 10px;
		}
		.raeume .head .col-xs-1, .raeume .col-xs-1 {
		padding:0;
		}
	.table-responsive {
	border: none;
}
	}

.tooltip_templates { display: none; }

.circle {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 0;
  background: #54565B;
  color: #fff;
  border: 0;
  text-align: center;
  display: inline-block;
  line-height: 24px;
  font-weight: 600;
}