html, body { font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #575757; margin: 0; padding: 0; background-color: #ffffff; }

.h1_green { font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; color: rgb(40,166,57); border-bottom: 1px solid rgb(150,194,113); } 

.menueSelected { font-weight: 800 !important; }
.menueTop { text-transform: uppercase !important; }

.navbar-default .navbar-nav > li > a { color: #ffffff; font-weight: 600; }
.navbar-nav { text-transform: capitalize; font-weight: 600; }

#logo_mini_desk { display: none; float: left; margin-top: 3px; margin-right: 15px;margin-left: -10px;}
#logo_mini_mobil { display: none; float: left; margin-top: 10px; margin-right: 10px; margin-left: 5px; }

.mtop5 { margin-top: 5px; }
.mtop10 { margin-top: 10px; }


/* Partnerlisten */
.pad5  { padding-top: 5px; padding-bottom: 5px; }
.mbottom10 { margin-bottom: 10px; }
.isLink { cursor: pointer; }

/* Start Teaserboxen */
.teaserbox-blue { min-height: 200px; background-color: rgb(226,236,245); margin-bottom: 30px; }
.teaserbox-blue > .teaserbox_head { font-family: 'Montserrat', sans-serif; height: 55px; width: 100%; background-color: rgb(20,136,202); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #ffffff; text-transform: uppercase; font-size: 18px; padding-top: 20px; padding-left: 20px; padding-right: 20px; }
.teaserbox-blue > .teaserbox_content { padding: 20px; padding-right: 20px; height: 90px; }
.teaserbox-blue > .teaserbox_content_lg { padding: 20px; padding-right: 20px; height: 120px; }
.teaserbox-blue > .teaserbox_link { height:26px; width: 100%; border-bottom: 1px solid rgb(109,175,218); padding-left: 20px; margin-bottom: 10px; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.teaserbox-blue > .teaserbox_link > .more { float: right; height: 26px; width: 60px; color: #ffffff; background-color: rgb(109,175,218); text-align: center; font-size: 12px; font-weight: 600; padding-top: 3px; text-transform: lowercase; }

.teaserbox-green { min-height: 100px; background-color: rgb(240,244,230); margin-bottom: 30px; }
.teaserbox-green > .teaserbox_head { font-family: 'Montserrat', sans-serif; height: 55px; width: 100%; background-color: rgb(40,166,57); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #ffffff; text-transform: uppercase; font-size: 18px; padding-top: 20px; padding-left: 20px; padding-right: 20px; }
.teaserbox-green > .teaserbox_content { position: relative; margin-top: 20px; border-bottom: 1px solid rgb(150,194,113); height: 90px; }
.teaserbox-green > .teaserbox_content > .teaserbox_subhead { font-size: 16px; padding-left: 20px; padding-right: 20px; font-weight: 600; }
.teaserbox-green > .teaserbox_content > .teaserbox_teaser { padding-left: 20px; padding-right: 20px; }
.teaserbox-green > .teaserbox_content > .more { position: absolute; right: 0; bottom: 0; height: 26px; width: 60px; color: #ffffff; background-color: rgb(150,194,113); text-align: center; font-weight: 600; padding-top: 3px; text-transform: lowercase; }

.teaserbox-blue_wd { background-color: rgb(226,236,245); margin-bottom: 30px; position: relative;}
.teaserbox-blue_wd > .teaserbox_head { height: 50px; width: 100%; background-color: rgb(226,236,245); color: rgb(20,136,202); font-size: 18px; padding-top: 20px; padding-left: 20px; border-bottom: 1px solid #ffffff; font-weight: 600; padding-right: 20px; }
.teaserbox-blue_wd > .teaserbox_content { padding: 10px; padding-left: 20px; }
.teaserbox-blue_wd > .teaserbox_link { padding: 10px; width: 100%; border-bottom: 1px solid rgb(109,175,218); padding-left: 20px; padding-right: 60px; margin-bottom: 10px; font-size: 16px; font-weight: 600; }
.teaserbox-blue_wd > .teaserbox_link > .more { position: absolute; right: 0; bottom: 0; height: 26px; width: 60px; color: #ffffff; background-color: rgb(109,175,218); text-align: center; font-size: 12px; font-weight: 600; padding-top: 3px; text-transform: lowercase; }

.teaserbox-news { min-height: 250px; background-color: rgb(226,236,245); margin-bottom: 30px; }
.teaserbox-news > .teaserbox_head { height: 55px; width: 100%; background-color: rgb(109,175,218); color: #ffffff; font-size: 14px; padding-top: 10px; padding-left: 20px; font-weight: 600; padding-right: 20px; }
.teaserbox-news > .teaserbox_content { padding: 10px; padding-left: 20px;padding-right: 20px; height: 75px; }
.teaserbox-news > .teaserbox_image { height: 120px; position: relative; width: 100%; margin-bottom: 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.teaserbox-news > .teaserbox_image > .more { position: absolute; bottom: 0; right: 0; height: 26px; width: 60px; color: #ffffff; background-color: rgb(109,175,218); text-align: center; font-weight: 600; padding-top: 3px; text-transform: lowercase; }

.teaserbox-events { min-height: 250px; background-color: rgb(240,244,230); margin-bottom: 30px; }
.teaserbox-events > .teaserbox_head { height: 55px; width: 100%; background-color: rgb(150,194,113); color: #ffffff; font-size: 14px; padding-top: 10px; padding-left: 20px; font-weight: 600; padding-right: 20px; }
.teaserbox-events > .teaserbox_content { padding: 10px; padding-left: 20px;padding-right: 20px; height: 75px; }
.teaserbox-events > .teaserbox_image { height: 120px; position: relative; width: 100%; margin-bottom: 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.teaserbox-events > .teaserbox_image > .more { position: absolute; bottom: 0; right: 0; height: 26px; width: 60px; color: #ffffff; background-color: rgb(150,194,113); text-align: center; font-weight: 600; padding-top: 3px; text-transform: lowercase; }
 
.news_history { padding-right: 70px; position: relative; width: 100%; font-size: 14px; margin-bottom: 20px; border-bottom: 1px solid rgb(109,175,218); font-weight: 600; color: rgb(20,136,202);}
.news_history > .more { font-size: 12px; position: absolute; bottom: 0; right: 0; height: 26px; width: 60px; color: rgb(0,136,202); background-color: rgb(226,236,245); text-align: center; font-weight: 600; padding-top: 3px; text-transform: lowercase; }

.events_history { padding-right: 70px; position: relative; width: 100%; font-size: 14px; margin-bottom: 20px; border-bottom: 1px solid rgb(150,194,113); font-weight: 600;}
.events_history > .more { font-size: 12px; position: absolute; bottom: 0; right: 0; height: 26px; width: 60px; color: rgb(40,166,57); background-color: rgb(240,244,230); text-align: center; font-weight: 600; padding-top: 3px; text-transform: lowercase; }
/* Ende Teaserboxen */

.news_back { position: absolute; right: 0; height: 30px; width: 170px; color: #ffffff; background-color: rgb(109,175,218); text-align: center; font-weight: 600; padding-top: 6px; text-transform: uppercase; }
.events_back { position: absolute; right: 0; height: 30px; width: 170px; color: #ffffff; background-color: rgb(150,194,113); text-align: center; font-weight: 600; padding-top: 6px; text-transform: uppercase; }

.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px; padding: 5px 0; margin: 2px 0 0; font-size: 12px; text-align: left; list-style: none; background-color: rgb(240,244,230); opacity: 0.9; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto;}
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus { color: rgb(40,166,57); text-decoration: none; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; }
.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.open > a { outline: 0; }
.dropdown-menu-right { right: 0; left: auto; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

.content_left > table { border: 1px solid #eeeeee; }
.content_left > table tr:nth-child(odd) { background: #eeeeee; }
.content_left > table tr:nth-child(even) { background: #ffffff; }
.content_left > table td { padding: 5px; }

/* Dropdown level 3 */
.dropdown-submenu { position:relative; }
.dropdown-submenu>.dropdown-menu { top:-5px; left:100%; margin-top:-6px; margin-left:-1px; background-color: rgb(240,244,230); opacity: 0.9;}
.dropdown-submenu:hover>a:after { border-left-color:#ffffff; }
.dropdown-submenu.pull-left { float:none; }
.dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }

.logo_Firma { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
.logo_Firma:hover { -webkit-filter: grayscale(0); filter: none; }
 
.content_right { width: 300px; margin: 10px auto; }
.content_right_noh { width: 300px; margin: 10px auto; }
.pagehead { width: 102%; padding-left: 5px; }
.content_left { width: 100%; margin-left: 5px; position: relative; }
#logo { width: 25%; margin: 15px; margin-left: 5px; }

#headerBox { }
#contentMain { padding-top: 30px; margin-bottom: 60px; margin-top: 120px; }

@media (min-width: 481px) {
    #contentMain { margin-top: 200px; }
}

@media (min-width: 769px) {
    .container { width: 100%; }
    #logo { width: auto; height: auto; }
    #headerBox { background-image: url(/img/header.jpg); background-repeat: no-repeat; background-position: center center; }
    .content_right { margin-top: -35px; margin-right: 0px; float: right; width: 300px; }
    .content_right_noh { margin-top: 0px; margin-right: 0px; float: right; width: 300px; }
    .pagehead { width: calc(100% - 365px); padding-left: 5px; }
    .content_left { width: calc(100% - 375px); float: left; margin-left: 5px; position: relative; }
    #contentMain { padding-top: 30px; margin-bottom: 60px; margin-top: 200px; }
}

@media (min-width: 850px) {
    #headerBox { background-image: url(/img/header.jpg); background-repeat: no-repeat; background-position: center center; }
    /* Hover bei Submenue, nur bei Desktop */
    ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; margin-top:0px; }
    .dropdown-submenu:hover>.dropdown-menu { display:block; }
    ul.nav > li.dropdown > dropdown-submenu.caret { border: 2px solid #ff0000; }

    .navbar-nav { float: left; margin: 0; }
    .navbar-nav > li { float: left; }
    .navbar-nav > li > a { padding-top: 7px; padding-bottom: 7px; text-transform: capitalize; }
    .navbar-text { float: left; margin-right: 15px; margin-left: 15px; }
    .navbar-left { float: left !important; }
    .navbar-right { float: right !important; margin-right: -15px; }
    .navbar-right ~ .navbar-right { margin-right: 0; }
    .navbar-right .dropdown-menu { right: 0; left: auto; }
    .navbar-right .dropdown-menu-left { right: auto; left: 0; }
    .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
    .navbar-collapse.in { overflow-y: visible; }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; }
    .navbar-toggle { display: none; }
    .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
    .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .navbar-form .form-control-static { display: inline-block; }
    .navbar-form .input-group { display: inline-table; vertical-align: middle; }
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; }
    .navbar-form .input-group > .form-control { width: 100%; }
    .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }
    .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; }
    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback { top: 0; }
    .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
    .nav-tabs.nav-justified > li > a { margin-bottom: 0; }
    .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; }
    .nav-justified > li { display: table-cell; width: 1%; }
    .nav-justified > li > a { margin-bottom: 0; }
    .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; }
    .navbar { border-radius: 4px; }
    .navbar-header { float: left; }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }
    .navbar-static-top { border-radius: 0; }
    .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
}

@media (min-width: 1200px) {
    .container { width: 1170px; }
}

@media (max-width: 849px) {
    .container { width: 97%; }
    .visible-xs { display: block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs, td.visible-xs { display: table-cell !important; }
    .visible-xs-block { display: block !important; }
    .visible-xs-inline { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
    .hidden-xs { display: none !important; }
    .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
    .table-responsive > .table { margin-bottom: 0; }
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
    .table-responsive > .table-bordered { border: 0; }
    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
    .navbar-form .form-group { margin-bottom: 5px; }
    .navbar-form .form-group:last-child { margin-bottom: 0; }
}

@media (max-width: 849px) {
    /* Click bei Menue, nur bei Mobile */
    .open > .dropdown-submenu { display: block; }
    .open > .dropdown-menu { display: block; }
    .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: rgb(150, 194, 113); border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
    .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; color: #fff; }
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}