@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'clear_sans';
    src: url('../fonts/ClearSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/ClearSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'clear_sans';
    src: url('../fonts/ClearSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/ClearSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
* {padding:0;margin:0;}
html {background:#fff;}
body,h1,h2,h3,h4,h5,h6,strong {margin:0;padding:0;font-family: 'clear_sans', Arial, Helvetica, sans-serif;color:#4a4a49;}
h1, h2 {font-size:1.75em;color:#DB2B2B;margin:.75em 0 .3em;}
h1 {font-size:2.25em;}
h2 {font-size:1.75em;}
body {font-size:100%;}
input[type=button],input[type=submit],button {cursor:pointer;}
h1,h2,h3,h4,h5,h6 {clear:both;float:none;}
a {text-decoration:none;color:#DB2B2B;}
a:hover {color:#b7ad32;}
a:focus {outline:none;}
article p, article li {font-size:1rem;padding:.3em 0;line-height: 130%;}
article ul {margin:0 0 0 2em;}
strong {font-weight:bold;}
img {border:0;max-width:100%;height:auto;}

header {text-align:center;border-bottom:1px dotted #DB2B2B;padding:1em 0;margin-bottom:2em;}
.logo {width:100%;padding:0 1em;}
nav {margin-top:1em;}

footer {border-top:1px dotted #DB2B2B;padding:1em 0;margin-top:2em;}
footer p {line-height:130%;}
footer span {color:#DB2B2B;}

a[name] {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

.team-item {display:flex;flex-direction: column-reverse;}
.team-pic {margin-top:16px;}

.hint {background:#DB2B2B;color:#fff;padding:0 3px;}

.wrapper {width:100%;padding:0 1em;}

#atop {
    position: fixed;
    bottom: 1em;
    right: 1em;
    display: none;
    outline: 0 !important;
    background: rgba(255,255,255,0.65);
}

.slicknav_menu {
    display:none;
}

@media screen and (max-width: 63.75em) {
    /* #menu is the original menu */
    #menu {
        display:none;
    }
    
    .slicknav_menu {
        display:block;
    }
}

@media screen and (min-width:18.75em) {
    .logo {width:inherit;}
}

@media screen and (min-width:40em) {
    .team-item {display:flex;flex-direction: row;align-items: flex-start;margin-top:24px;}
    .team-pic {margin-top:0;margin-right:16px;flex-basis: 0;flex-grow: 1;}
    .team-info {flex-basis: 0;flex-grow: 3;}
    .team-info h2 {margin-top:0;}
}

@media screen and (min-width:63.75em) {
    .wrapper {width:980px;padding:0;margin:0 auto;}
    header {position:fixed;top:0;padding:2em 0;margin:0 0 3em 0;width:100%;background:#fff;}
    header.animated {transition: all .25s linear;}
    nav a:hover {border-left: 5px solid #b7ad32;}
    .banner {margin-top:14.5em;border-bottom:1px dotted #DB2B2B;height:327px;}
    .banner-01 {background: url("../img/theodor-heuss-ring-01.jpg") no-repeat center 0;}
    .banner-02 {background: url("../img/theodor-heuss-ring-02.jpg") no-repeat center 0;}
    footer {padding:2em 0;margin-top:3em;}
    footer .wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    footer p {padding:2px 0;}
    h1, h2 {margin:1em 0 .5em;}
    h1 {font-size:2.5em;}
    h2 {font-size:2em;}
    article p, article li {font-size:1.1rem;padding:.4em 0;line-height: 150%;}

    .team-pic {margin-right:0;}

    #atop {
        bottom: 147px;
    }

    #menu {list-style: none;display:flex;justify-content: center;}

    /* Menu */
    #menu {width: 100%;margin: 0;padding:0;list-style: none;}
    #menu li {float: left;position: relative;}
    #menu a {float: left;line-height: 2em;display:block;font-size: 1.2em;margin:0 1em;padding: 0 1em;text-decoration: none;border-left: 5px solid #DB2B2B;}
    #menu a:hover {border-left: 5px solid #b7ad32;}
    #menu li:hover > ul {display: block;}

    /* Submenu */
    #menu ul {list-style: none;margin: 0;padding: 0;display: none;position: absolute;top: 2.4em;left: 0;z-index: 99999;text-align: left;}
    #menu ul li {float: none;margin: 0;padding: 0;display: block;}
    #menu ul a {padding: 0 1em;height: auto;line-height: 2em;display: block;white-space: nowrap;float: none;text-transform: none;background:#fff;}
    *html #menu ul a {/* IE6 */height: 10px;width: 150px;}
    *:first-child+html #menu ul a {/* IE7 */height: 10px;width: 150px;}
    #menu ul a:hover {color: #C7C400;}
    /* Clear floated elements */
    #menu:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

    * html #menu { zoom: 1; } /* IE6 */
    *:first-child+html #menu { zoom: 1; } /* IE7 */

    #menu li.active > a, #menu a:hover {color:#C7C400;}

    header.minimized {padding:1em 0 .5em;margin:0 0 2em 0;}
    header.minimized .wrapper {display:flex;justify-content: space-between;}
    header.minimized .logo {width:200px;}
    header.minimized nav {margin-top:0em;}
    header.minimized + .banner {margin-top:6.5em;}
    header.minimized #menu a {font-size: 1em;padding: 0 1em;margin:0 .5em;}
    header.minimized #menu ul {top: 2em;}
}

@media screen and (min-width: 63.75em) {
    a[href*="tel:"], footer a:link[href*="tel:"] {pointer-events: none;border-bottom:0;color:#4a4a49;}
}