:root {
--color1: #023E84  !important; /*rot*/
--color2:  #EF7D00 !important; /*gelb*/
}



a,  a:link,  a:hover,  a:visited, a:active  {color: var(--color1);}

.color1 {background-color: var(--color2)!important; } 

.color1text {color: var(--color1)!important;}

.color2 {background-color: var(--color2)!important;}
.color2text a, .color2text a:link, .color2text a:hover, .color2text a:visited, .color2text a:active {color:  var(--color1) !important; text-decoration: underline;} 
.color2text {color: var(--color2)!important;} 




h1 {    color: var(--color2)!important; }

h2 {  color:  var(--color1)!important; }

h6 {  color: var(--color2)!important; }




.text { color:  var(--color1)!important;} 

.navi { background:  var(--color1)!important; }

.main-sub-menu { color: var(--color2) !important; }
.main-sub-menu_Active  { color: var(--color1) !important; }
.main-menu a:hover {color:  var(--color1)!important; }


.hasharticel-buchung{ color:  var(--color1)!important; }

#footerbar {background-color:  var(--color1)!important; }
.footer {background:  var(--color1)!important; }




.teaser-headline {background:  var(--color1)!important;}

.teaser-content { background: var(--color2) !important;}

.teaser-date { background:  var(--color1)!important; }
  


/* ----------------------------------------------------------------------------- *
 *                                Buttons                                            *
 * ----------------------------------------------------------------------------- */
.btn-ml {background-color:  var(--color1)!important;}
.btn-ml a, .btn-ml a:link, .btn-ml a:visited, .btn-ml a:active {background-color:  var(--color1)!important;  color: var(--color2) !important;}
.btn-ml a:hover, .btn-ml a:focus {background-color:  var(--color1)!important;   color: white !important;}
.btn-ml:hover {background-color: var(--color2)!important;}
.btn-ml-active {background-color: #012045 !important;; padding: 7px 11px; color: white !important; text-decoration: none; text-decoration: none !important; cursor: pointer;  border: 0px !important;}

.btn2-ml {background-color: var(--color2)!important;}
.btn2-ml a, .btn2-ml a:link, .btn2-ml a:visited, .btn2-ml a:active {background-color: var(--color2) !important;}
.btn2-ml a:hover, .btn2-ml a:focus {background-color: var(--color2)!important;}
.btn2-ml:hover {background-color:  var(--color1)!important;}

.btn-ml-termin {background-color:  var(--color1)!important;}
.btn-ml-termin a, .btn-ml-termin a:link, .btn-ml-termin a:visited, .btn-ml-termin a:active {background-color:  var(--color1) !important;}
.btn-ml-termin a:hover, .btn-ml-termin a:focus {background-color:  var(--color1)!important;}
.btn-ml-termin:hover {background-color: var(--color2)!important;}

.btn-ml-map {background-color:  var(--color1)!important;}
.btn-ml-map a, .btn-ml-map a:link, .btn-ml-map a:visited, .btn-ml-map a:active {background-color:  var(--color1) !important; }
.btn-ml-map a:hover, .btn-ml-map a:focus {background-color: var(--color2) !important;}
.btn-ml-map:hover {background-color: var(--color2) !important;}




/* -- Bootstrap Anpassungen Navigation-- */

.dropdown-menu { background-color:  var(--color1)!important;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff !important; background-color: var(--color1)!important; }

li.active .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #ffff; background-color: var(--color1)!important; }


@media only screen and (max-width: 812px)

{
        .navbar-default { background:  var(--color1) !important;}
        .navbar-default .navbar-toggle { border-color:  var(--color1) !important; }
        .navbar-default .navbar-collapse .navbar-default .navbar-form {background-color:  var(--color1) !important;}

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:  var(--color1) !important; }

        .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:  var(--color1) !important; }
}