@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}

#main>.row,
    #footer>.row {
        padding-left: 1rem;
        padding-right: 1rem
    }  

.top-bar {
background-color: #7f8886;
padding: 0;
}

.top-bar ul {
background: transparent
}

.logo {
height: 15px;
width: auto;
margin-right: 1rem;
}

#header .menu-text {
color: #fff;
}
#header .title {
font-weight: 600
}

#header nav a,
#footer nav a{
color: #fff;
}

#header nav li:not(.is-dropdown-submenu-parent) a,
#footer nav li:not(.is-dropdown-submenu-parent) a {
padding: .7rem .7rem
}

#header nav .is-active>a {
background: #fff;
color: #7f8886
}

#header nav .is-active.is-dropdown-submenu-parent>a {
background: rgba(255,255,255,0.15);
color: #fff
}

#header nav .is-submenu-item>a {
color: #7f8886;
background: #fff
}

#header nav .is-active.title>a {
background: rgba(255,255,255,0.15);
color: #fff
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
border-color: #fff transparent transparent;
}

.top-bar-right .menu .menu-text {
padding: .7rem .5rem .7rem 0;
}

#welcome_nav {
margin-bottom: 1rem
}

#welcome_nav li {
margin-bottom: .5rem
}

#main {
padding: 3rem 0;
background: #fafafa
}

#footer {
background: #999;
padding: 1rem 0
}

/* H */
h1 {
font-size: 1.6rem;
text-transform: uppercase;
color: #7f8886;
margin-bottom: 2rem;
font-weight: 700
}

h2 {
font-size: 1.4rem;
    text-transform: uppercase;
color: #7f8886;
margin-bottom: 2rem;
font-weight: 700
}

h3 {
font-size: 1.3rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1.5rem
}

h4 {
font-size: 1.1rem;
}

.card h4 {
font-weight: 500
}

hr {
height: 1px;
margin: 40px 0;
border: 0;
background: #ccc
}

#main a {
text-decoration: underline
}
#main a.button,
#main table a {
text-decoration: none
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select {
font-size: 14px
}

table [type=color], table [type=date], table [type=datetime-local], table [type=datetime], table [type=email], table [type=month], table [type=number], table [type=password], table [type=search], table [type=tel], table [type=text], table [type=time], table [type=url], table [type=week], table textarea, table select {
margin-bottom: 0
}


/* E */
.event_titel { color: #7f8886; font-weight: 600; }
.event_datum { display: block; padding: 2px; background-color: #f6a10c; color: #ffffff; float: left; margin-right: 5px; }
.event_art { display: block; padding: 2px; background-color: #f6a10c; color: #ffffff; float: left; margin-right: 5px; }
.event_infos { font-size: 11px; color: #333333; font-weight: 300; max-width: 350px }

/* T */
table td,
table th {
vertical-align: top
}
table .button {
 margin-bottom: 0
}
table tbody th {
text-align: left
}
table.calendar_day tbody, table.calendar_day tfoot, table.calendar_day thead {
border: 1px solid rgba(10,10,10,.25)
}
table.calendar_day tbody th {
width: 350px
}

table.calendar_day thead th {
background: #7f8886;
color: #fff
}
table.calendar_day tbody td:last-of-type {
text-align: right
}

table.calendar_day tbody tr:has(.calendar_offen)>td:first-child,
table.calendar_day tbody tr:has(.calendar_offen)>th:first-child {
border-left: 2px solid #e0dfa7
}

table.calendar_day tbody td:nth-child(1) {
width: 30%
}
table.calendar_day tbody td:nth-child(2) {
width: 20%
}
table.calendar_day tbody td:nth-child(3) {
width: 20%
}
table.calendar_day tbody td:nth-child(4) {
width: 30%
}

.calendar_filter {
border: 2px solid #bbb;
}

.calendar_filter.reset {
border: 2px solid #333;
color: #fff
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    #main>.row,
    #footer>.row {
        padding-left: 1rem;
        padding-right: 1rem
    }  
    #header nav li:not(.is-dropdown-submenu-parent) a,
    #footer nav li:not(.is-dropdown-submenu-parent) a {
    padding: .7rem .3rem
    }
    .menu .menu-text {
        padding: .7rem .5rem .7rem 0;
    }
	
	table.calendar_day thead {display: block}
}


@media screen and (max-width: 63.9375em) {
	table.calendar_day thead {display: block}
}

@media screen and (max-width:39.9375em) {
    #main>.row,
    #footer>.row {
        padding-left: .5rem;
        padding-right: .5rem
    }   
    
    .off-canvas {
        background: #7f8886
    }
    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
        border-color: #fff transparent transparent;
    }
    
    .menu-icon {
        position: absolute;
        right: 1rem;
        top: 0.65rem;
        z-index: 1000
    }
    
    #main {
    padding: 1rem 0;
    }
    
    table.stack tbody td {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    table.stack tbody td:first-child {
        padding-top: .5rem;
    }
    table.stack tbody td:last-child {
        padding-bottom: .5rem;
    }
	table.calendar_day tbody td:last-of-type {
text-align: left
}

	table.calendar_day tbody td:nth-child(1),
	table.calendar_day tbody td:nth-child(2),
	table.calendar_day tbody td:nth-child(3),
	table.calendar_day tbody td:nth-child(4) {
width: 100%
}


}