@import url('../fonts/Arvo/arvo.css');

:root {

    --cassiopeia-color-primary: #00947e;
    --cassiopeia-color-link: #007261;
    --cassiopeia-color-hover: #007261;
    --link-color:#007261;
}

h1, h2, h3, h4, h5, h6, .site-title {
    font-family: 'Arvo', sans-serif;
  }
h1 { font-size: 1.5rem;}
h2 { font-size: 1.25rem;}
h3 { font-size: 1.15rem;}


.container-topbar { background-image: none;background:#fff;}

.container-header .mod-list li a,
.container-header .mod-list li a:visited { color:var(--cassiopeia-color-primary);}
.container-header .mod-list li a:hover,
.container-header .mod-list li a:focus { color:var(--cassiopeia-color-primary);}

.container-header { background-image: none;background:#fff;}
.container-banner {   margin: 0;  }
.container-footer { background-image: none;background:var(--cassiopeia-color-primary);}

/**** Topmenu *********************************************/
.topmenu { float: none; flex-direction: row;justify-content: end;}
.topmenu li { float: left; padding-left: 10px;margin-left:0 !important;}

/**** /Topmenu *********************************************/

/**** Hauptmenu *********************************************/
.hauptmenu { background:#00947e;padding:0px 0px;color:#fff; }

.hauptmenu li { padding:0px 0px;}
/*.hauptmenu li ul { height:0;overflow:hidden; transition-property: height;
transition-duration: 2s;
transition-timing-function: ease-in;}
.hauptmenu li:hover ul { height:inherit;overflow: auto; }
.hauptmenu li.active ul { height:auto; overflow: auto; }*/

.hauptmenu .metismenu.mod-menu > .metismenu-item {
    padding: .5em 0em;
  }
.hauptmenu .metismenu.mod-menu .mm-toggler::after { color:#fff;}

.hauptmenu a { color:#fff;font-size:0.9rem;}

.hauptmenu .nav > li:hover,
.hauptmenu .nav > li:focus,
.hauptmenu .nav > li:active,
.hauptmenu .nav > li.active {
    background:#4dac26;
}

.hauptmenu .nav > li a:hover,
.hauptmenu .nav > li a:focus {
    background:none;
}

/**** /Hauptmenu *********************************************/


/**** Footermenu *********************************************/
.menu-footermenu { float: none; display:table;}
.menu-footermenu li { float: left; padding-right: 10px;}

/**** /Footermenu *********************************************/



main {padding-left:1rem;padding-top:1.3rem;}


/******** Mobiles Menu **************/

.hauptmenu nav#offcanvas { padding:0;}

.metismenu.mod-menu .active .mm-collapse:not(.mm-show) {
    display: block;
  }
  .sidebar-right .metismenu .mm-collapse, .sidebar-left .metismenu .mm-collapse {
    background-color: #00000025;
  }
.offcanvas-header > *:only-child {
    margin-left: auto;
}

.offcanvas.show {
    background-color: var(--cassiopeia-color-primary);
    /*background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));*/
}
@media (min-width: 992px) {
    .offcanvas-start {
        width: 100%;
    }
}
@media (max-width: 991.999px) {

   
    

    .container-topbar{display:flex;}
    .topmenu { font-size:0.8rem;}
    .container-sidebar-left {position:absolute;top:-10px;width:40px !important;z-index:999;}
    .hauptmenu { background: #fff;  color: #00947e; border:none;}
    .hauptmenu .card-body {
        padding: 0 0;
        color: #00947e;
      }
      .hauptmenu .navbar-toggler{ color:var(--cassiopeia-color-primary);box-shadow: none;border:none;font-size:1.75rem;}

    main {padding-left:0;}

    .offcanvas .metismenu.mod-menu .metismenu-item > ul {
        position: relative;
        width: 100%;
        margin-top: 1rem;
    }
    .offcanvas .metismenu.mod-menu .mm-collapse {
        background-color: transparent;
    }
    .offcanvas .metismenu.mod-menu .metismenu-item > a {
        color: #fff;
    }

    .offcanvas .topmenu {
        flex-direction: column;justify-content: start; margin-top:30px;
    }
    .offcanvas .topmenu li {
        padding: 8px 0px;
    }


}


.container-topbar #offcanvas { width:fit-content;margin:0;z-index:99;padding:0;}


.container-header #offcanvas .mod-list li a { color:#fff;}

.container-header .navbar-brand {
    margin-top: -45px;
  padding-left: 20px;
}


@media (max-width: 619.99px) {
    .container-header .navbar-brand {margin-top: -20px;}
}
@media (max-width: 599.99px) {
    .container-header .navbar-brand {margin-top: -10px;margin-inline-end: 10px;margin-inline-start: auto;max-width:240px;} h1 { hyphens: auto; }
}


.body .container {
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
    padding: 0px;
}

.footer .grid-child {
    justify-content: space-between;
    align-items: flex-start;
    padding: 2.5rem 1em;
  }
footer .footermenu {flex-direction:row;gap:10px;font-size:0.9rem;}
footer .copyright { font-size:12px;padding:0;margin:0;}
footer .copyright a { color:#333;text-decoration:none;}

footer .branding  { padding-top:10px;}
footer .branding a { color:rgba(255,255,255,50%) !important; font-size:0.75rem;text-decoration:none;}


.back-to-top-link:hover, .back-to-top-link:focus {
    color: var(--white,#fff);
    background-color: var(--cassiopeia-color-hover);
    border-color: var(--white,#fff);
  }



.moduletable.aktuelles, .moduletable.termine { margin-top:20px;padding-top:10px;border-top:1px solid #eee;}


.label-info, .badge-info { background-color: #00947e; }



.blog.laender .item-image img { max-width:inherit; width:100px;}



h1 {
    margin-bottom:20px;
}
#documents .document h2.icon {
    background-repeat: no-repeat;
    border-bottom: 0px solid #dddddd;
    float: none;
    font-size: 14px;
    height: 26px;
    line-height: 22px;
    padding: 6px 0 0 40px;
	font-weight:normal;
}

#documents .document .toolbar {
    display: none;
}

.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}

footer {
    direction: ltr !important;
}

.sprachauswahl { margin-bottom:20px;}



.left.item-image {
    float: left; margin-right:30px;
  }