/* MEDIA ALL DESKTOP */

/* SDA Hintergrundfarbe */
@media screen and (min-width: 768px) {

    /* Grauer Ränder -> body */        
    body, .htmlarea-content-body {
        background-color: white;

    }

    
     -webkit-transition: all .1s cubic-bezier(0, 0, .58, 1) 0s;
    -o-transition: all .1s cubic-bezier(0, 0, .58, 1) 0s;
    transition: all .1s cubic-bezier(0, 0, .58, 1) 0s;
    background: white;
    border-color: transparent;
     -webkit-transition: none;
    
    
    
    .subnav-wrap {/* margin-top: 30px; *//* padding-right: 0em; *//* padding-left: 0em; */}
    /* Punkte zwischen Navigation und Content */

    .maincontent-wrap {
        /* background: url(/fileadmin/templates/sda1/img/content_bg.gif) repeat-y top left; */
        /* margin-top: 50px; */
        /* padding-top: 2.5em; */
        padding-left: 2rem;
    }

    .maincontent-wrap p { line-height: 1.5; }
    .maincontent-wrap li  { line-height: 1.5; }

    /* frames weiß */
    .frame-default.frame-space-before-none.frame-space-after-none {
        background-color: white;
        /*border: 1px dotted orangered;*/
        /* padding: 1em; */
    }

    .main-section {
        /*background-color: white;*/
    }

    .section .container .row {
        background-color: white;
        border-left: 0px solid #777;
        border-right: 0px solid #777;
    }

    #content .row {
        /* Keine Ränder in Desktop */
        margin-left: 0;
        margin-right: 0;

    }
    .sda_header_full {
        /* width: 966px; */
        max-width: 966px;
        margin: auto;
        margin-top: -3em;
        margin-top: 0em;
        margin-bottom: -1em;
        /*border:  1px solid red;*/
    }
    .sda_header_full img {
        /* width: 100%; */
        /* margin: auto; */
    }

    #content {
        /*     border: 1px solid blue;*/
        width:100%;
        margin-left:24px;
        margin-right: 24px;
        margin: auto;
    }
    .container {
        margin: auto;
        width: 100%;
        max-width: 965px;
    }


    .caption { text-align: center;}

    /* Unterseite Referenzen BOX*/

    .sda_ref_left { border: 0px solid transparent; }
    .sda_ref_right {float: left;}
    .sda_ref_right img { float: left; }

    .sda_ref_right { margin-bottom: 4em;}



}

/* SDA TOP NAVIGATION */
@media screen and (min-width: 768px) {
    .navbar.navbar-top {
        background-color: white;
    }



    /* Navbar transition fixed #dadada */
    .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
        background-color: white;
        border-color: transparent;
    }
}

/* SDA Linke Navigation */
@media screen and (min-width: 768px) { 

    .nav-sidebar li { line-height: 1em; }

}

/* SDA Überschriften */
@media screen and (min-width: 768px) {

    h2 {
        font: normal normal normal 18px/140% "Trebuchet MS", Verdana, sans-serif;

        color: #0099E1;
        color: #005792;
        border-bottom: 1px solid #eFeFeF;
        padding-bottom: 4px;
        margin-bottom: 8px;
    }

    h4 { color: #005792;
         border-bottom: 1px dotted #ccc;
         font: normal normal normal 18px/140% "Trebuchet MS", Verdana, sans-serif;
         font-size: 1.4em;
         line-height: 2em;
         font-weight: 400;
    }

    h5 { font-size: 1em; border: none;}

    hr {
        margin-top: .5em;
        margin-bottom: .5em;
        border: 0;
        border-top: 0px solid #eee;
    }

}







body, .htmlarea-content-body {

   
    /*font: normal 140% Verdana, Arial, Helvetica, sans-serif;*/
    /*font-size:12px;*/
    /*line-height: 1.4;*/
    /*color: #333;*/
    
    /* wie auf alter Seite */
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-size: 12px;
    line-height: 140%;
    
    
    
    
}





/* SDA Hauptschrift Größe */
@media screen and (min-width:768px) {


    /* Kacheln auf der Startseite */
    .sdaStartNoPadding { padding-left: 0px;padding-right: 0px;}
}

/* SDA kein Stickyheader */
@media screen and (min-width: 768px) and (max-width:991px) {
    .navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
        /*position: relative;*/
        /*position: fixed;*/
    }
}


/* SDA Kopf */
@media screen and (min-width: 768px) {
    #sdakopf {
        margin: auto;
        text-align: center;
        width: 100%;
    }

}



/* SDA  Keine Topnavigation */
@media screen and (min-width: 768px) and (max-width: 991px) {


    /* Topnavigation und Logo entfernen */
    .navbar-main {  }
    .navbar-header-main .navbar-brand.navbar-brand-image {
        display: none;
    }
    .navbar-header {/* background: white; */}
    /* Hintergrundbild */
    .navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
        /* position: absolute; */
        position: fixed;
        height: 40px;
        background: white;
        width:  100%;
        z-index: 99999999;
        background: url(/fileadmin/templates/sda1/img/sda_kopf_small.png);
        background-size: 1000px;
        background-repeat: no-repeat;
        /* background-position-x: center; */
        /*border: 1px solid red;*/ 
    }



    /* SDA Mobile aufklappmenü höhe */
/*    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
         CHANGED 5.6  min-height: 99vh;
        
    }*/

}









/* TOPNAV MOBIL */
@media (min-width: 100px) and (max-width: 320px) {

    /*
   .navbar-collapse {  max-height: calc(95vh - 40px); overflow-y: auto; }
   .navbar-collapse {  min-height: 88vh; border: 1px solid white;}
   */
   
   .navbar-collapse {  border-color: white; }
}

/* TOPNAV MOBIL */
@media (min-width: 321px) and (max-width: 991px) {

   /*
   .navbar-collapse {  max-height: calc(95vh - 20px); overflow-y: auto; }
   .navbar-collapse {  min-height: 94vh; border: 1px solid white;}
   */
   
   .navbar-collapse {  border-color: white; }
}






/* TOPNAV */
@media (min-width: 768px) {

    .navbar-main > li > .navbar-text, .navbar-main > li > a {
        background: transparent;    
    }

    .navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > a:focus {
        color: #005792;
        font-size: 14px;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        color: #005792;
        font-size: 14px;
    }

}

/* SDA Abstand Inhalt zum Header und Footer  */
@media (min-width: 768px)
{
    .section {
        padding-top: 1em;
        padding-bottom: 0em;
    }
}






.section {
    padding-top: 1em;
}
.footer-section-meta {
    background: #fff;
    color: #333;
    font-size: 1em;
}
.footer-section-meta a {
    color: #0099E1; text-decoration: underline; font-size: 1em;
}
.footer-section-meta p {
    color: #000; text-decoration: none; font-size: 1em;
}

.footer-section {
    background: #fff;
    /* no width */
    margin: auto;
    margin-bottom:4em;
    text-align: center;
}


.sda_footer_left  {    }
.sda_footer_center { margin: auto;}
.sda_footer_right {    }

.copyright  { 
    /*Vertical*/
    /*Horizontal*/

}


@media (min-width: 200px) { 

   
}

@media (min-width: 768px) {
    .sda_tem_foto {
        float: left;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default-transition .navbar-collapse, .navbar-default-transition .navbar-form, .navbar-default-transition.navbar-transition .navbar-collapse, .navbar-default-transition.navbar-transition .navbar-form {
        border-color: #eee;
        background: white;
        /*background: rgba(255,255,255,.95);*/
    }
    .maincontent-wrap a {color: #0099E1; text-decoration: underline; }



    /* Sidebar static */
    .nav.nav-sidebar {
        font-size: .85em;
    }

    .nav.nav-sidebar li {
        line-height: 1.0em;
        border-bottom: 1px dotted #000;
    }

    .footer-section-content { display: none;}
    .footer-section-meta {
        background: #fff;
        color: #333;
        /*    border: 1px solid red;*/

    }

    .language {
       
    }

}

@media (min-width: 200px) {
    .sda_tem_foto {
        width:100%;
    }
}





/* Navigation */
@media (min-width: 768px) {


    .nav, .nav-sidebar2 ul {
        /* list-style: none; */
        /* border:none; */
    }


    .nav, .nav-sidebar2 li > a {
        color: #666;
        padding: 6px 4px 6px 14px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 12px;
        border-bottom: 0px dotted #fff;
    }

    .nav > li > a {
        position: relative;
        display: block;
        /*padding: 10px 15px;*/
        /*border-bottom: 1px dotted #333;*/
    }

    .dropdown-menu-3-level {
        /*border: 1px solid red;*/  
    }


    .nav-sidebar2 li.active > a {
        color: black;
        font-weight: 800;
        font-size:12px;

    }
    .maincontent-wrap ul > li a { list-style:bullet; margin: .2em; padding: 0px; }


}

/* SDA HEADER BILD */
@media screen and (min-width: 360px) and (max-width:767px) {

    .sda_header_full {
        width: 100%;
        margin: 0 auto;
    }
    .sda_header_full img {
        width: 100%; 
    }

}



/* SDA sdaTopSearchInput    und      Länderflaggen */
@media screen and (min-width: 200px) and (max-width: 991px){ 

    .sda-top-flags-container {
        display: flex;
        position: relative;
        margin: auto;
        /*border: 1px solid red;*/
        width: 200px;
        left: 507px;
        top: -110px;
        z-index: 9999;
        display: none;
    }

    .sda-flag-de { margin-left: 1.5em;height: 1em; }
    .sda-flag-en { margin-left: .2em;height: 1em; }

    .sda-top-search {
        position: relative;
        margin: auto;
        /* border: 1px solid red; */
        width: 200px;
        left: 440px;
        top: -120px;
        z-index: 9999;
        display: none;
    }
    .sda-top-search-input {
        color: #005792;
        border: 1px solid #eee;
        border-radius: .5em;
        padding: .10em;
        padding-left: 5em;
        outline: none;
        font-size: 12px;
    }

    /* Placeholder Color */
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ccc;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        color: #ccc;
    }
    :-ms-input-placeholder { /* IE 10+ */
        color: #ccc;
    }
    :-moz-placeholder { /* Firefox 18- */
        color: #ccc;
    }



    /* Publications */
    .headPubView {

    }
    .listPubView {
        min-height: 30em;
    }
    .headRefView {

    }
    .listRefView {
        min-height: 30em;
    }





}


/* Publications */
@media screen and (min-width: 768px) {
    .headPubView {

    }
    #listPubView {
        min-height: 30em;
    }
    .headRefView {

    }
    #listRefView {
        min-height: 30em;
    }



}

html{font-size:110%;} 
@media(min-width:60em){
    html{font-size: 90%}
}


    .sda_header_full {
        overflow: hidden;
    }