/*
    Created on : 23.11.2015, 10:51:16
    Author     : Marcin Jakubowski <jakubowski@takomat-agentur.de>
*/
#headerWrap { background-size: auto 100%; height: 200px; margin-bottom:48px; padding-top: 3px; }
    #logo, #claim, #navSecondary { height: 197px; position: relative; }
        #logo { clear: left; }
        #logo img { position: absolute; bottom: 0px; }
        #claim { padding-left: 32px; }
            #claim p { position: absolute; bottom: 0px; line-height: 20px; color: #fff; font-weight: 700; font-size: 16px; }

#navServiceWrap, #search { float: right; }
    #navServiceWrap { }
        #navServiceWrap a { line-height: 48px; width: 48px; height: 48px; text-align: center; color: #666; display: block; }
    #search { background: #eee; width: 250px; height: 48px; padding: 5px; position: relative; }
        .searchbox-sword { width: 216px; height:38px; background: #fff; border: none; color: #666; text-indent: 10px; padding-right: 15px; }
        .searchbox-submit { position: absolute; right: 5px;}

/* Main Navi */
#navigation { height: 48px; padding-right: 30px; }
    #navPrimary { float: left; }
    #navPrimary ul { margin: 0; padding: 0; list-style: none; font-size: 16px; text-transform: uppercase; display: flex;}
        #navPrimary ul li { display: inline-block; }
            #navPrimary ul li a { display: block; line-height: 48px; padding: 0px 15px; color: #666; }
                #navPrimary ul li a:hover, #navServiceWrap a:hover { color: #00b1ae; text-decoration: none; }
            #navPrimary ul li.sel a { height: 51px; border-bottom: 3px solid #00b1ae; color: #00b1ae; }

#navSecondary ul { position: absolute; bottom: 0px; margin: 0; padding: 0; list-style: none; font-size: 14px; text-transform: uppercase; height: 32px; display: flex;}
        #navSecondary ul li { display: inline-block; border-right: 1px solid #ccc; background-color: #fff; }
            #navSecondary ul li a { display: block; line-height: 32px; padding: 0px 15px; color: #555; text-decoration: none; }
                #navSecondary ul li a:hover, #navServiceWrap a:hover { color: #00b1ae; }
            #navSecondary ul li.sel a { font-weight: bold; color: #00b1ae; border-bottom: 3px solid #00b1ae;}

#content { padding-bottom: 32px; }

#footer { font-size: 14px; padding-bottom: 36px; }
    #footerCopy { color: #666; height: 32px; line-height: 32px; }
    #footerTools { text-align: right; height: 32px; line-height: 32px; }
        #footerTools ul { margin: 0px; list-style: none; margin-top: 18px; margin-right: 15px; }
            #footerTools ul li { display: inline-block; width: 24px; height: 24px; margin-left: 12px; }
            #footerTools ul li a.footerPrint, #footerTools ul li a.footerTop { display: block; width: 24px; height: 24px; margin-left: 12px; text-indent: -999em; text-align: left }
                #footerTools ul li a.footerPrint { background:  url(/assets/Images/icon_print.png) center no-repeat; }
                #footerTools ul li a.footerTop { background: url(/assets/Images/icon_toTop.png) center no-repeat; }

.footerFacebook, .footerTwitter, .footerNewsletter { width: 32px; height: 32px; display: inline-block; margin-right: 10px; text-indent: -999em; }
    .footerFacebook { background: url(/assets/Images/logo_Facebook.png) center no-repeat; }
    .footerTwitter { background: url(/assets/Images/logo-Twitter.png) center no-repeat; }
	.footerNewsletter { background: url(/assets/Images/icon-newsletter.png) center no-repeat; width: 44px;}

.button-route { background: url(/assets/Images/icon_route.png) center no-repeat; background-size: 100% 100%; height: 32px; width: 32px; border: 3px solid #00b1ae; border-radius: 100%; float: right; display: block; }

.modal .checkbox input[type="checkbox"] {
    margin-left: 0;
}

@media (max-width:1199px) {
    #search { width: 200px; }
        .searchbox-sword { width: 166px; }
    #navPrimary ul { font-size: 14px; }
        #navSecondary ul li a { padding: 0px 10px; }
    #content-col-1 { padding-right: 30px; }

}
@media (max-width:991px) {
            #navPrimary ul li a { padding: 0px 5px; }
            #headerWrap { padding-top: 5px; }
}
@media (max-width:767px) {

    #logo, #claim, #navSecondary, #headerWrap { height: auto; position: relative; }
    #logo { text-align: center; }
        #logo img { position: relative;}
    #logo > a > img {
        margin: 0 auto;
    }
        #claim { padding-left: 15px; }
            #claim p { position: relative; font-size: 14px; }
    #search { margin-right: -15px; }

    #c {display: none;}
    #navSecondary { margin-top: 18px; text-align: center }
    #navSecondary ul { position: relative; font-size: 12px; }
        #navSecondary ul li a { padding: 0px 3px; }

            #mainHome { position: relative; }
    #navPrimary ul { margin-left: 5px }
    #navPrimary ul li a{  padding: 0px 10px; }
    #content-col-1 { padding-right: 15px; }
#mobile-navigation { float: left }
    #mobile-handle { background: url(/assets/Images/icon-mobile-handle.gif) center no-repeat; width: 24px; height: 23px; margin-left: 15px; margin-top: 12px; cursor: pointer; }
#mobile-navicontainer { display: none; position: absolute; width: 100%; background-color: #fff; top: 48px; z-index: 999}
    #mobile-navicontainer ul { padding: 0; margin: 0; list-style: none; text-align: center; font-size: 16px; text-transform: uppercase; }
        #mobile-navicontainer ul li { padding: 0; margin: 0; margin-bottom: 8px; }
            #mobile-navicontainer ul li a { display: block; line-height: 32px; }
#footer h3, #footer .button-route { margin-top: 24px; }
    #footerCopy { font-size: 13px;}
}
@media (min-width:1200px) {
    #mainHome { position: relative; }
    #rightColHome { position: absolute; right: 0px; padding-left: 30px; }
    #content-col-3 { padding-left: 30px; }
    #content-col-1 { padding-right: 30px; }

}

@media print {
    #navigation, #navSecondary, #footerWrap, #content-col-1, #logo, .altmetric-wrap, .facebook, .btn { display: none; }
    a, a:after, a:before { content: "" !important; }
    img { width: auto !important; }
    #logo { text-align: center; width: 100%; }
    #logo img { width: 240px; height: auto; }
}

.footer__newsletterLink {
    margin-bottom: 15px;
}

.footerNewsletter img {
    margin: 5px 0 0 50px;
}

.footer__socialList {
    margin: 0 0 15px 0;
    padding: 0;
}

.footer__socialList li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.footerInstagram {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 10px;
    text-indent: -999em;
    background: url(/assets/Images/logo_instagram.svg) center no-repeat;
}

.ce-above .ce-gallery,
.ce-below .ce-gallery {
    width: 100%;
}

.ce-gallery img,
figure.image {
    width: 100%;
    height: auto;
}

.image-caption {
    padding-top: 10px;
    font-size: 10px;
}

.ce-gallery .ce-column {
    margin: 0;
    padding: 0 10px 10px 0;
}

[data-ce-columns="1"] .ce-column {
    width: 100%;
}

[data-ce-columns="2"] .ce-column {
    width: 50%;
}

[data-ce-columns="3"] .ce-column {
    width: 33.333%;
}

[data-ce-columns="4"] .ce-column {
    width: 25%;
}

[data-ce-columns="5"] .ce-column {
    width: 20%;
}

table {
    table-layout: fixed;
    width: 100%;
}

table * {
    word-wrap: break-word;
}

.ce-textpic.ce-intext .ce-gallery {
    max-width: 50%;
}

@media (min-width:768px) {

    .image-caption {
        font-size: 14px;
    }

}