html, body {
    font-family: 'SourceSansProRegular', Helvetica, Arial, sans-serif;
    color: #444;
}

body {
    font-size: 16px;
    line-height: 170%;
    background: #e9ecee;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

h1, .h1 {font-size:26px; margin-bottom: 1em}
h2, .h2 {
    font-size: 22px;
    margin: 20px 0 0.5em;
}

h3, .h3 {
    font-size: 18px;
    margin: 10px 0 1em;
    line-height: 1.6em;
}

h4, .h4 {
    font-size: 16px;
    margin: 1.5em 0 0.5em 0;
    line-height: 1.6em;
}

h5 {font-size: 15px;}
h6 {font-size: 13px;}
p {overflow: hidden;}
p#loading {text-align: center}
body.home h1 {font-size: 60px;margin: 0 0 0.5em 0;color: #273C58}

body.home h2 {
    font-size: 26px;
    width:  80%;
    margin: 0 auto;
    line-height: 1.3em;
    color: #273C58;
}
body.home h3 {
    font-size: 22px
}
body.home h4 {
    font-size: 18px;
    margin: 1.5em 0 1em 0;
}
body.home .vevent h2 {margin: 0 0 1em 0;font-size: 18px}
body.home .news h3,
body.home .events h3,
.portrait h1,
.information h1,
.download h1,
.events h1,
.mitglied h1,
.service h1,
.kontakt h1,
.anfahrt h1 {background:url(/images/icon-book.svg) no-repeat;padding: 0 0 0 44px;line-height: 36px;background-size: 36px}
h1.content {margin-top: 40px;}

body.home .news h3 {background:url(/images/icon-news.svg) no-repeat;background-size: 36px}
body.home .events h3 {background:url(/images/icon-events.svg) no-repeat;background-size: 36px}

.portrait h1 {background:url(/images/icon-portrait.svg) no-repeat;background-size: 36px}
.information h1 {background:url(/images/icon-news.svg) no-repeat;background-size: 36px}
.download h1 {background:url(/images/icon-documents.svg) no-repeat;background-size: 36px}
.events h1 {background:url(/images/icon-events.svg) no-repeat;background-size: 36px}
.service h1 {background:url(/images/icon-service.svg) no-repeat;background-size: 36px}
.service h1 {background:url(/images/icon-service.svg) no-repeat;background-size: 36px}
.anfahrt h1 {background:url(/images/icon-ort.svg) no-repeat;background-size: 36px}

ul, ol {
    margin: 1em 0 2em 0;
    padding: 0 0 0 1.2em;
}

ul {
    list-style-type: none;
    padding: 0;
}
.content ul>li {
    background: url(/images/icon-square.svg) no-repeat 0px 3px;
    background-size: 20px;
    padding-left: 30px;
    margin-bottom: 0.5em;
    text-decoration: none!important;
}
.content ul>li.termin {
    background: url(/images/icon-termin.svg) no-repeat 0px 3px;
    background-size: 20px;
}
.content ul>li.ort {
    background: url(/images/icon-ort.svg) no-repeat 0px 3px;
    background-size: 20px;
}
.content ul>li.more {
    background: url(/images/icon-more.svg) no-repeat 0px 3px;
    background-size: 20px;
}

.content ul>li>ul {
    margin: 0.25em 0 0.75em 0;
}
.content ul>li>ul>li {
    background: none;
    padding-left: 0px;
    margin-bottom: 0.5em;
}
.content ul.pagenav li {
    background: url(/images/icon-down.svg) no-repeat 0px 0px;
    background-size: 24px;
    padding-left: 30px;
}
.content ul.documents li,.content ul.files li {
    background: url(/images/icon-documents.svg) no-repeat 0px 1px;
    background-size: 24px;
    padding-left: 30px;
    }
.content ul.documents li.more {
    background: url(/images/icon-more.svg) no-repeat 0px 1px;
    background-size: 24px;
    padding-left: 30px;
}
.content .box {
    padding: 15px 20px 10px 20px;
    border: 10px solid #93a0aa;
    letter-spacing: 0.05em;
    color: #182552;
    font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;
}

.content ul.box li {
   background: url(/images/icon-info.svg) no-repeat 0px 2px;
   background-size: 22px;
}
.member .content .news ul li {
        background: url(/images/icon-documents.svg) no-repeat 0px 1px;
        background-size: 24px;
        padding-left: 30px;
}
.content .geschaeftsordnung h2{font-size: 18px; margin: 0;line-height: 1.5em}
.content .geschaeftsordnung {font-size: 90%; line-height: 1.5em}
.content .geschaeftsordnung ul li {list-style-type: square; background: none; padding-left: 0;margin-left: 1.2em;}
.content ul li a {
    text-decoration: none!important;
}

.alert {
    color: #E04265 
}

.mark, mark {
    padding: .2em;
    background-color: #e9ecee;
}
.nomarkup {border-bottom-width:0px!important; cursor: none!important}

.at-sign {height: 1em;vertical-align: text-bottom;margin: 0 0 0.15em 0;padding: 0 1px;}

.tooltip-inner {background-color:#93a0aa}
.tooltip.left .tooltip-arrow {border-left-color: #93a0aa}
.tooltip.right .tooltip-arrow {border-right-color: #93a0aa}
.tooltip.top .tooltip-arrow {border-top-color: #93a0aa}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #93a0aa}

a {
    color: inherit;
    background: transparent;
    text-decoration: underline;
}

.navbar-nav a:focus,
.navbar-nav a:hover,
.navbar-nav a:active {
    color: #182552;
    text-decoration: underline;
    outline: 0 none!important;
    background: none!important;
}
.content a {
    text-decoration: none; 
    font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;
    color: #182552;
    font-weight: normal;
}
.content a.btn:not(.btn-default) {color: #fff}
.content a.btn:hover {text-decoration:none}


.content a:hover {
    text-decoration: underline; 
}
.content a.icon {
    background: url(/images/icon-right.svg) no-repeat 0px;
    background-size: 24px!important;
    padding: 32px!important;
    line-height: 24px;
    overflow: visible;

}
.content a.icon:hover,
.content a[href^="/"]:hover,.content a[href^="../"]:hover {
    text-decoration: none; 
}
.content a[href^="/"],.content a[href^="../"],a.next_link {
    background: url(/images/icon-right.svg) no-repeat 0px;
    background-size: 14px;
    padding: 0 0 0 20px;
}
a.next_link {
    background: url(/images/icon-right.svg) no-repeat 0px!important;
    background-size: 14px!important;
    padding: 0 0 0 20px!important;
}
a.down_link {
    background: url(/images/icon-down.svg) no-repeat 0px!important;
    background-size: 14px!important;
    padding: 0 0 0 20px!important;
}

.content a.on-top {
        background: url(/images/icon-up.svg) no-repeat 0px;
    background-size: 20px!important;
    padding: 28px!important;
    line-height: 24px;
    overflow: visible;

}
.content ul a[href^="/"],.content ul a[href^="../"] {
    background: none;
    padding: 0;
}
a.nomarkup, .nomarkup a {background: none!important;padding: 0!important;}
.blue {
    color: #182552 
}

.red {
    color: #E04265
}
.green {color:#72C75A}
.lightgrey {color: #e9ecee}
.grey {color:#93a0aa}
.darkgrey {color: #273C58}

.small {font-size: 85%}
.xsmall {font-size: 70%}

b, strong, .strong {font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;font-weight: normal;}
table thead th {font-size: 18px;font-family: 'SourceSansProLightRegular', Helvetica, Arial, sans-serif;padding: 20px 30px 20px 0;color:#182552;}
th, td , caption {
    vertical-align: top;
    text-align: left;
    padding: 5px 30px 5px 0;
}
div.picSmall {float: left; margin: 3px 20px 5px 0}

.navbar-default {
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.75+0,0+100,0+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000', GradientType=0 ); /* IE6-8 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,0+100,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
/*background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome4-9,Safari4-5 */
    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: -o-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10-11.50 */
    /*background: -ms-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* IE10 preview */
    /*background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
    color: #fff;
    background: rgba(236,236,234,0.9);
    min-height: auto!important;
    box-shadow: rgba(0,0,0,0.15)0px 2px 5px;
}

.navbar-default.navbar-shrink {
    box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
    background: rgba(236,236,234,0.95);
}

.navbar-shrink .navbar-brand > img {
    -webkit-transition: margin, height 0.2s; /* Safari */
    transition: margin, height 0.2s;
    margin-top: -5px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: none;
    color: #3C4975;
}
.navbar-default .navbar-nav > li.impressum {display:none;}/* nur fuer smartphones */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #37649f;
    background: none!important;
}
.navbar-default .navbar-nav > li > a {
    padding: 5px 20px;
    color: #182552;
    font-size: 20px;
}
.navbar-default .navbar-nav > li.language > a {
    padding: 0px 10px;
    margin-top: -5px
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #37649f;
}

.navbar-nav li a {
    text-decoration: none;
}

.nav .dropdown {
}

.nav .dropdown .caret {
    color: #fff;
}

.nav .dropdown.open .caret {
    opacity: 0.4
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: #3C4975!important;
}
.dropdown-menu > .active .active > a {
    font-family: 'SourceSansProBold', Helvetica, Arial, sans-serif;
}

.navbar>.container .navbar-brand {position: absolute;left: 0;top: 0;margin: 50px 0 0 0;display: block;}
.navbar-brand > img {
    padding: 0 5px 10px;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin: 15px;

}
.navbar-default .navbar-toggle {
    border-color: #888;
    background: #eee
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #777;
}

.navbar-nav {
    margin: 0 -15px;
    width: auto;
    display: block;
    background: #000;
    text-align: left;
    float: none;
}

header {
    background-image: url(/images/headerbilder/Slice1.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
    color: #fff;
    height: 440px;
    position: relative;
    overflow: hidden;
}

body.home header {
    background: #000;
}
body.home .flex-caption {
    display:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+29 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 29%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(29%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 29%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 29%,rgba(0,0,0,0.8) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 29%,rgba(0,0,0,0.8) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 29%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */

    opacity: 0.6;
    padding: 5px 20px 0 20px;
    left: -5px;
    bottom: 0;
    width: 100%
}
body.home .flex-caption p {margin: 0;font-size: 10px}

body.portrait header {background-image: url(/images/headerbilder/Slice36.jpg);}
body.members header {background-image: url(/images/headerbilder/Slice28.jpg);}
body.gf header {background-image: url(/images/headerbilder/Slice19.jpg);}
body.beirat header {background-image: url(/images/headerbilder/Slice6.jpg);}
body.partner header {background-image: url(/images/headerbilder/Slice14.jpg);}
body.information header {background-image: url(/images/headerbilder/Slice25.jpg);}
body.download header {background-image: url(/images/headerbilder/Slice33.jpg);}
body.press header {background-image: url(/images/headerbilder/Slice13.jpg);}
body.events header {background-image: url(/images/headerbilder/Slice24.jpg);}
body.archiv header {background-image: url(/images/headerbilder/Slice23.jpg);}
body.events.archiv header {background-image: url(/images/headerbilder/Slice9.jpg);}
body.reihen header {background-image: url(/images/headerbilder/Slice22.jpg);}
body.nutzen header {background-image: url(/images/headerbilder/Slice8.jpg);}
body.service header {background-image: url(/images/headerbilder/Slice21.jpg);}
body.beratung header {background-image: url(/images/headerbilder/Slice17.jpg);}
body.projekte header {background-image: url(/images/headerbilder/Slice11.jpg);}
body.vermittlung header {background-image: url(/images/headerbilder/Slice16.jpg);}
body.initiativen header {background-image: url(/images/headerbilder/Slice3.jpg);}
body.mitgliedschaft header {background-image: url(/images/headerbilder/Slice27.jpg);}
body.geschaeftsordnung header {background-image: url(/images/headerbilder/Slice37.jpg);}
body.kontakt header {background-image: url(/images/headerbilder/Slice2.jpg);}
body.anfahrt header {background-image: url(/images/headerbilder/Slice18.jpg);}
body.sitemap header {background-image: url(/images/headerbilder/Slice15.jpg);}

.flexslider .slides {
    width: 100%;
    height: 100%
}

.flexslider .slides li {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0px;
    /* center vertically */
    top: 50%;
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.flexslider .slides li img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0px;
    /* center horizontally */
    left: 50%;
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.flex-control-nav {
    display: none
}

.navipath {
    background: #273C58;
    line-height: 20px;
    margin: 0;
    color: #fff;
    height: 24px;
}
.navipath .row {margin: 0 -32px;}
.navipath .nav-impressum {position: absolute;top: 0;right: -80px;}
.navipath a {
    line-height: 20px;
    margin: 0 3px;
    color: #fff;
    text-decoration: none;
    font-weight: 200;
    font-size: 12px;
}
.navipath ul {list-style-type: none;float: right;margin: 0;}
.navipath ul li {float: left;margin: 0 0 0 20px;}
.navipath ul li.impressum {margin: 0 0 0 50px;}
.navipath ul>li>a.current {display: none}



header > .container {
    position: relative;
    height: 100%
}


.announce a {
    color: #fff;
}
.announce.button {padding: 5px 0 0 0;font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;color: #273C58;background:#e9ecee;text-align: center;font-size: 14px;letter-spacing: 0.05em;margin: 20px 0 10px 0;}
.announce.button a { color: #273C58;}
.announce.button h3 {margin: 5px 0 0 0;text-transform: uppercase;color: #273C58;font-size: 22px;line-height: 30px;letter-spacing: 0.05em;}
.announce.button p {margin: 0;}

.eyecatcher {margin-top: 30px;}
.eyecatcher .info-icon {max-width: 100px;margin: 20px auto}
.eyecatcher .col-xs-9 h3 {margin: 10% 0; line-height: 1.2em;} 

.content {}
.content > .container {
    background: #fff;
    padding-bottom: 20px
}
.content > .container section {
    padding: 5px 0;
}

.textpic {
    float: left;
    margin: 5px 12px 4px 0;
}

.pic img {width: 100%; height: auto;}

footer {
    font-size: 12px;
    color: #fff
}

footer .container {
    background: #273C58;
}

footer a,footer a:hover {
    text-decoration: none;
    color: #fff
}


footer .footer-nav li.main{font-size: 14px;font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;}
footer .footer-nav.right li.main,
footer .footer-nav ul.second,
footer .footer-nav ul.third {font-size: 13px;font-family: 'SourceSansProLightRegular', Helvetica, Arial, sans-serif;}

/* portraits */
.row.portraits .pic img {width: 90%;}

/* Kontaktformulare */

form ul li {background: none!important; padding: 0!important}
form table {
    width: 80%;
}
form table tr td:first-child {/* width: 30%; */}
form table th {
    width: 160px;
    vertical-align: middle;
    padding-top: 5px;
    font-weight: normal;
    line-height: 20px;
}

input, textarea {
    width: 100%;
    padding: 4px;
    font-family: helvetica, arial, sans-serif;
    border: 1px solid #3C4975;
    border-left: none;
    border-right: none;
    background: rgb(245,245,250);
    outline: none;
    color: #3C4975;
}
input.radio + input {background: none;width: 40%;margin: -6px;border: 1px dotted #3C4975;    border-left: none;border-right: none;}
select {
    font-family: helvetica, arial, sans-serif;
    width: 100%;
}

input.submit {
    width: auto!important;
    padding: 5px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #3C4975;
    color: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 7px -8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 7px -8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 7px -8px;
    cursor: pointer;
    margin: 20px 0 6px 0;
}

input.submit:hover {
    color: #ccc;
}

input.radio, input.checkbox {
    width: auto;
    border: none;
    padding: 0;
    float:  left;
    margin: 6px 10px 0 0;
}

/* Die Datei Icons */
a.file, a.jpg, a.png, a.gif, a.tif, a.bmp, a.doc, a.pdf, a.zip, a.ppt,
a.mpg, a.docx, a.txt, a.rtf, a.odt, a.dot, a.pdfx, a.mpg1, a.mpg2, a.mpg3,
a.mpg4, a.avi, a.mov, a.html {
    background-repeat: no-repeat !important;
    background-position: 0 4px;
    padding: 4px 0 0 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
}

a.file {
    background-image: url('/images/icons/generic.png') !important;
}

a.html {
    background-image: url('/images/icons/html.png') !important;
}

a.jpg, a.png, a.gif, a.tif, a.bmp, a.jpeg {
    background-image: url('/images/icons/jpg.png') !important;
}

a.doc, a.docx, a.txt, a.rtf, a.odt, a.dot {
    background-image: url('/images/icons/doc.png') !important;
}

a.ppt {
    background-image: url('/images/icons/ppt.png') !important;
}

a.pdf, a.pdfx {
    background-image: url('/images/icons/pdf.png') !important;
}

a.zip {
    background-image: url('/images/icons/zip.png') !important;
}

a.mpg, a.mpg1, a.mpg2, a.mpg3, a.mpg4, a.avi, a.mov {
    background-image: url('/images/icons/mpg.png') !important;
}

/* Portrait */
.portraits p.funktion small {line-height: 1.5em;display: inline-block;margin-top: 10px;}

/* News */

body.home section.events {padding: 20px 0;background:url(/images/hr.svg)no-repeat;overflow: hidden;}
div.news {padding: 10px 0;background:url(/images/hr.svg)no-repeat;overflow: hidden;}
div.news h4 {margin-bottom: 10px;font-size: 18px}
div.news h5 {margin: 15px 0 10px 0;font-size: 16px;}
div.news p {overflow: visible;}
div.news .date {font-size: 90%; margin-bottom: 5px;}
div.news .fotoblock1 {float: left;margin: 8px 20px 5px 0;max-width: 50%;}
div.news .fotoblock1 img {max-width: 100%; height: auto}
div.news .fotoblock2,div.news .fotoblock3 {margin: 10px 0;}
div.news .fotoblock2 img,div.news .fotoblock3 img{max-width: 100%;height: auto;}

.legend {font-size: 80%;}

/* Mitglieder */
#map {position: relative;border: 1px solid #999}

.mapboxgl-popup 
        {
        max-width: 240px;
        font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
        text-align: center;
        background: #fff;
        box-shadow: rgba(0,0,0,0.5) 0px 2px 10px;
        border-radius: 5px;
        }
.mapboxgl-popup  img {margin: 10px;max-width: 190px;}

table.partnerlisting {width: 100%}
table.partnerlisting tr {display: block;padding: 30px 0;background:url(/images/hr.svg)no-repeat;overflow: hidden;}
table.partnerlisting tr td {/* display: block; *//* float: left; */}
table.partnerlisting tr td.logo {width: 200px;}
table.partnerlisting tr td.logo img {max-width: 180px;max-height: 180px;}

@media (max-width: 767px) {
    .navbar-default {
        overflow: scroll;
        max-height: 100%;
    }
    .navbar-default .nav {
        padding: 10px 0;
        color: #fff;
    }
    .navbar-default .nav a {
        line-height: 30px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 10px 15px 2px;
        color: #fff;
    }
    .navbar-default .navbar-nav > li.impressum {
        display:block;
    }

    .navbar-fixed-top .navbar-collapse {
        max-height: 100%;
        overflow: scroll;
    }

    .navbar-nav > li > .dropdown-menu {
        display: block;
        position: relative;
        float: none;
        background: #000;
        color: #fff;
    }


    .navbar-nav > li > .dropdown-menu a {
        color: #fff;
        font-size: 18px;
        margin-left: 10px;
    }

    .navbar-nav > li > .dropdown-menu ul {
        margin: 0 0 0 40px
    }

    .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;
        background: none;
    }

.navbar-default .navbar-nav > li.language a:after {
    content:' deutsch < - > english';color: #fff;font-size: 14px;vertical-align: text-top;
}
    .navipath .row {margin: 0 -10px;}
    .navipath .row .breathcrump {display: none;}
    .navipath>.container {padding: 0}
.navipath ul {float: none;}
.navipath ul li {float: left;margin: 0 0 0 10px;}

.portraits .col-sm-4 {margin-top: 40px;}
.portraits .col-sm-4:first-child {margin-top: 0px;}
/* portraits */
.row.portraits .pic img {width: 100%;}


.announce.button {margin: 20px -15px 0px -15px;}


}

@media (max-width: 800px) {
    .footernav.main {
        overflow: hidden;
        clear: right;
    }
    .footernav.right {
        float: left!important;
    }
    .footernav.right li {
        float: left;
        padding-right: 30px;
        margin-top: 0px!important;
    }
    .footernav.right li.icon {
        margin-top: 3px!important;
    }
}

@media (min-width: 320px) {
    body.home h1 {font-size: 50px;margin: 0.5em 0;}

body.home h2 {
    width:  100%;
}

    span.smartphone {display: inline;}
    div.smartphone {display: block;}
    header, .flexslider {
        height: 160px;
    }

    .navbar>.container .navbar-brand {
        width: 100%;
        background: none;
    }

    .navbar-brand > img {
        width: 90px;
        margin: -55px auto 0 auto;
    }

    button.navbar-toggle.collapsed + .navbar-brand > img {
        height: 50px;
    }
    .navbar-shrink .navbar-brand {
        margin: 0!important;
    }

    .navbar-shrink .navbar-brand > img {
    
}
.navbar-default .navbar-nav > li.language img {
    width: 32px;
    margin: 3px 0 20px 15px;
    filter: drop-shadow(rgba(0,0,0,0.5) 0px 2px 2px);
}
.announce {
    font-size: 110%;
    letter-spacing:  0.05em;
    padding: 10px 10px 20px!important;
    background-color: #273C58;
    color: #fff;
    margin: 20px -15px;
}
table thead {display: none }
table.events {width: 100%;}
.event table tr th,.event table tr td, table.events tr th, table.events tr td, table.partnerlisting tr th,table.partnerlisting tr td, table#workshop tr th, table#workshop tr td {display: block;}
tbody tr.vevent, .events tbody tr {display: block;border-bottom: 1px solid #ccc;padding: 10px 0;}
tr.vevent:first-child {display: block; border-top: 1px solid #ccc}
td.logo {float: left; padding-right: 10px}
td.logo img {max-height: 24px;max-width: 80px;}
td.date {float: left;padding-right: 5px}
td.date:after {content:" | ";}

.mgv-logos {text-align: center;}
.mgv-logos img{margin: 1%}

form table {
    width: 100%;
}
input.radio + input {background: none;width: 90%;margin: -6px ;border: 1px dotted #3C4975;    border-left: none;border-right: none;}
form table th,form table td {display: block;}
table#fee th {display: none;}
table#fee td {white-space: nowrap;float: left;padding: 5px}
table#fee td:first-child {white-space: nowrap;float: none;}
table#fee td:nth-child(2),table#fee td:nth-child(3) {display: none}

form#search input {
    margin: 10px 0 20px 10px;
    border: 2px solid #999;
    padding: 5px;
    background: none;
    width: 97%;
    border-radius: 5px;
    }
form#search input:focus {
    width:97%;
    }

.event-nav {
    position: relative;
    float: left;
    top: -100px;
    font-size: 13px;
    line-height: 30px;
}
.event-nav>span {color: #aaa;margin: 0 7px 0 0;cursor: pointer;}
.event-nav>span.active {color: #273C58;}

body.anmeldung table#registration,table#fee, table.programm {width: 100%;margin-bottom: 20px;}
body.anmeldung table#registration tbody tr {border-bottom: none;}
body.anmeldung table#registration tbody td {border-bottom: none;padding: 2px 0;}
body.anmeldung table#registration td.headline {width: 100%;}
body.anmeldung table#registration td.headline h4 {background: rgb(245,245,250);padding: 5px 0 0 3px;margin: 0 0 0 -3px;font-size: 16px;}
body.anmeldung table#registration label {font-size: 14px;}

h4.programm {background: #273C58; color: #fff; padding: 5px 10px;}
table.programm {margin-bottom: 40px;border-top: 1px solid #ccc}
table.programm th {padding-left: 10px;}
table.programm th[colspan="2"] {background:#5981A6; color: #fff!important;padding: 2px 10px}
table.programm tr.break {background: #efefef}
table.programm tr.headline-block th, table.programm tr.headline-block td {background: #e3ecf5;}
table.programm ul {margin: 0 0 0.5em 0;}
table.programm ul>li {
    background: none;
    padding-left: 0px;
    margin: 0 0 0.2em 1.3em;
    text-decoration: none!important;
    list-style-type: square;
}

footer .footer-nav li.main{font-size: 15px;font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;}
footer .footer-nav.right li.main,
footer .footer-nav ul.second,
footer .footer-nav ul.third {font-size: 14px;font-family: 'SourceSansProLightRegular', Helvetica, Arial, sans-serif;margin: 5px 0}
footer .footer-nav ul.third {margin: 5px 0 5px 15px}

footer .footer-nav {padding: 0 20px 0 ;float: none;}
footer .footer-nav.right {float: none;}
footer .footer-nav.right li.icon {margin-top: 20px;display: none;}
footer .footer-nav.right li.icon img {width: 20px; float: left; margin-right: 20px;}

}

@media (min-width: 768px) {
span.smartphone,div.smartphone {display: none}
body.home h1 {font-size: 55px;margin: 0 0 0.5em 0;}
body.home h2 {width:  90%;}

    header, .flexslider {
        height: 240px;
    }

    .container {
        width: 95%;
        position: relative;
        /* padding-left:  0; */
        /* padding-right:  0; */
    }
    .navbar {height: 50px;}

    .navbar-nav {
        margin: 10px -40px 0 -30px;
        width: auto;
        background: none;
        height: 36px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
        padding: 5px 10px;
        text-align: center
    }
    .caret {position: absolute;margin: 0px 0 -4px 0;bottom: 0;color: #737d84!important;left: 50%;}
.navbar>.container .navbar-brand {height: 20px;background: rgba(236,236,234,0.9);width:  auto;padding: 10px 10px 0;box-shadow: rgba(0,0,0,0.15)0px 3px 5px;}

    .navbar-brand > img {
        width: 100px;
        margin: -50px auto 0 auto;
    }

    .navbar-nav > li > .dropdown-menu {
        left: -20px;
        right: auto;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: rgba(0,0,0,0.5) 0 2px 10px;
    }

    .navbar-nav > li > .dropdown-menu a {
        font-size: 13px;
        color: #26375B;
        text-decoration: none!important
    }
    .navbar-nav > li > .dropdown-menu li.active a {
        font-size: 13px;
        color: #fff;
    }
.dropdown-menu li ul {
    display: block;
    padding:2px 20px;
    margin: 0;
    line-height: 1.42857143;
}
.dropdown-menu li ul li  a {
    display: block;
    padding:2px 12px;
    margin: 0;
    line-height: 1.42857143;
}
    .dropdown-menu li.active ul li a {
        font-size: 13px;
        color: #26375B!important;
    }

.navbar-default .navbar-nav > li.language img {
    width: 28px;
    margin: 4px 0 0 0;
}
.navbar-shrink .navbar-brand {
    background: none!important;
    margin: 0!important;
    padding: 5px!important;
    box-shadow: none!important;
}
.navbar-shrink .navbar-brand > img {
    height: 50px!important;
    width: auto!important;
    margin: 0!important;
}
    .announce {
    }

   body.home .content > .container {
        padding: 40px;
    }
.content > .container section {
    padding: 10px 0;
}

    .content > .container .linke-spalte {width: 65%;padding: 0 0 20px 40px;/* overflow: hidden; */}
    .content > .container .rechte-spalte {
        background: #E9ECED;
        width: 240px;
        float: right;
        font-size: 85%;
        line-height: 150%;
        padding: 0 20px 10px;
        margin-bottom: -20px;
        background: url(/images/fuenfeck.svg)no-repeat right bottom;
        }
        table.events thead {border-bottom: 1px solid #97A0AC;}
        table thead th {padding-bottom: 10px;}
        .announce {
    font-size: 110%;
    letter-spacing:  0.05em;
    padding: 10px 40px 20px!important;
    background-color: #273C58;
    color: #fff;
    margin: 20px -40px;
}
input.radio + input {background: none;width:60%;margin: -6px ;border: 1px dotted #3C4975;    border-left: none;border-right: none;}

table.events {font-size: 85%;}
.event table tr th,
.event table tr td, 
table.events tr th, 
table.events tr td, 
table.partnerlisting tr th,
table.partnerlisting tr td, 
table#workshop tr th, 
table#workshop tr td  {display: table-cell;padding: 0 20px 0 0}
tbody tr.vevent, .events tbody tr {display:table-row;}

table.events tr td.date {padding-right: 5px}

form table th,form table td {display: table-cell;padding: 10px 0;}
table#fee th {display:  table-cell;}
table#fee td {white-space: normal;float: none;padding: 5px 30px 5px 0}
table#fee td:first-child {white-space: normal;}
table#fee td:nth-child(2),table#fee td:nth-child(3) {display: table-cell}

form#search input {
    margin: -5px 5px 10px;
    padding: 0 0 0 30px;
    background: url(/images/icons/search-icon.png)no-repeat 5px 2px;
    width: 30px;
    border: none;
    color: #fff;
    }
form#search input:focus {
    margin: -1px -5px 0px 10px;
    border-radius: 0px;
    background: #26375B;
    font-size: 15px;
    width: 100px;
    padding: 0 5px;
    }



footer .footer-nav {padding: 0 10px 0 ;float: left;}
footer .footer-nav.right {float: right;margin: 5px 0;clear: right;}
footer .footer-nav.right li {margin: 3px 0;}
footer .footer-nav li.main{font-size: 13px;font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;}
footer .footer-nav.right li.main,
footer .footer-nav ul.second,
footer .footer-nav ul.third {font-size: 12px;font-family: 'SourceSansProLightRegular', Helvetica, Arial, sans-serif;}

}

@media (min-width: 768px) {
body.home h1 {font-size: 60px;margin: 0 0 0.5em 0;}
body.home h2 {width:  80%;}
    header, .flexslider {
        height: 325px;
    }

    .container {
        /* width: 970px; */
    }

    .navbar-nav {
        margin: 10px -30px 0 -20px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 20px;
        padding: 5px 18px;
    }
.navbar>.container .navbar-brand {
    height: 25px;
}

    .navbar-brand > img {
        width: 110px;
    }

    .navbar-nav > li > .dropdown-menu {
        background: rgba(255, 255, 255, 0.9);
        left: 0px;
    }

 .navbar-default .navbar-nav > li.language img {
    width: 32px;
    margin: 2px 0;
}
    .content > .container .linke-spalte {width: 66%;}

form table {
    width: 100%;
}
input.radio + input {background: none;width:60%;margin: -6px ;border: 1px dotted #3C4975;    border-left: none;border-right: none;}
table thead {display: table-header-group;}
table.events {width: 100%;}
.event table tr th,
.event table tr td, 
table.events tr th, 
table.events tr td, 
table.partnerlisting tr th,
table.partnerlisting tr td, 
table#workshop tr th, 
table#workshop tr td,
tbody tr.vevent {display: table-cell;padding: 5px 15px 5px 0;}
table.events tr td.date {padding-right: 30px}
table.events tbody tr  {display: table-row;}
table.events .ing_hidden {opacity: 0.4;}
table.events tr.ing_hidden th a,table.events tr.ing_hidden td {color: #046dd5;}

tbody tr.vevent {display: table-row; border-bottom: 1px solid #ccc; padding: 10px 0}
tbody tr.vevent:first-child {display: table-row; border-top: 1px solid #ccc}
        td.logo {padding-right: 10px;width: 10%;}
td.date {float: left;padding-right: 30px;}
td.date:after { content:""}
form table {
    width: 115%;
}
form table#password {
    width: 100%;
}

.event-nav {
    position: absolute;
    right: 0;
    top: -28px;
    font-size: 12px;
    line-height: 30px;
    display:none
}
.event-nav>span {
    color: #d1cbee;
}
.event-nav>span.active {color: #fff;}

form#search input:focus {
    width:140px;
    padding: 0 5px;
    }
        table.events {font-size: 100%;}

footer .footer-nav {padding: 0 20px 0 ;float: left;}
footer .footer-nav li.main{font-size: 14px;font-family: 'SourceSansProSemiboldRegular', Helvetica, Arial, sans-serif;}
footer .footer-nav.right li.main,
footer .footer-nav ul.second,
footer .footer-nav ul.third {font-size: 13px;font-family: 'SourceSansProLightRegular', Helvetica, Arial, sans-serif;}

}

@media (min-width: 1200px) {

    .container {
        width: 1170px;
    }

    .content > .container {
    }
    .content > .container .linke-spalte {width: 78%}


.navbar>.container .navbar-brand {
    height: 50px;
}

    .navbar-nav {
        letter-spacing: 0.05em;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 21px;
        padding: 5px 20px;
    }

    .navbar-brand > img {
        width: 150px!important;
    }
    .eyecatcher .col-xs-9 h3 {margin: 13% 0; line-height: 1.2em;} 


footer .footer-nav {padding: 0 25px 0 ;}

}
@media (min-width: 1400px) {
        .flexslider .slides li img {
            width: 100%;
            height: auto;
        }
form#search {width: 0px;}
form#search input:focus {
        position: absolute;
        width:140px;
    }

}
@media (min-width: 1600px) {
    header, .flexslider {
        height: 370px;
    }
}