/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.04.2018, 15:24:09
    Author     : juergen kind
*/


@media screen and ( max-width: 600px ) {
.sda_ref_left { display:none; }
    
}

@media screen and (min-width: 100px) and (max-width: 767px) { 

/* Punkte zwischen Navigation und Content */

/*.sda-top-search { border: 5px solid red;}*/

.maincontent-wrap {
    background: none;
    /* border: 1px solid orange; */
}

h2,h4 { color: #005792;
    border-bottom: 1px dotted #ccc;
    font-size: 1.3em;
    
    font-weight: 400;
}



   .sda-top-flags-container {
        display: flex;
        position: relative;
        margin: auto;
        /*border: 1px solid red;*/
        width: 200px;
        left: 507px;
        top: -110px;
        z-index: 9999;
        display: hidden;
    }
    
    .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: hidden;
    }
    .sda-top-search-input {
        color: #005792;
        border: 1px solid #eee;
        border-radius: .5em;
        padding: .10em;
        padding-left: 5em;
        outline: none;
        font-size: 16px;
    }
    
/*     SDA Mobile aufklappmenü höhe  */

/*.navbar-collapse { height:100vh;  max-height: calc(100vh - 60px); overflow-y: auto; }*/

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    /*min-height:  calc(100vh - 2px);*/
}



.footer-section-meta .language-menu {
    list-style: none;
    padding-left: 0;
   
}

.language-menu>li {
    margin:.5em;
    
    
}



}



/* Suche und Ländeflaggen  MOBILE VERSION */
@media screen and (min-width: 200px) and (max-width: 767px){
.sda-top-flags-container {
        display:none;
        margin: auto;
        width: 100%;
    }
    
    .sda-flag-de {margin-left: 1.5em;height: 1em;dsi: no;}
    .sda-flag-en { margin-left: .2em;height: 1em; }
    
    .sda-top-search {
        margin: auto;
        width: 100%;
        z-index: 9999;
    }
    .sda-top-search-input {
        color: #005792;
        border: 1px solid #ccc;
        padding: .10em;
        text-align: center;
        outline: none;

    }
     body, .htmlarea-content-body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 140%;
        color: #3a3;
    }
    
}


/* Text für Tablets größer */
html{font-size:110%;} 
@media(min-width:60em){
    html{font-size: 90%}
}




/* Knopf Referenzen ein/ausblenden*/
.refbutton {
    background: #efefef;
    border: 1px solid #dfdfdf;
    padding: 4px;
    font-size: 12px;
    color: #0099ef;
    text-decoration: none;
    outline: none;
    margin-bottom: 2em;
}

/* 3 Level in mobiler Navigation */
.mainnav-mobile-level-3 { font-style: italic; display: flex;}