/* ############################################################### */
/* ############################################################### */
/*              Header und Login Seite                             */
/* ############################################################### */
/* ############################################################### */

/* Header */
[data-xn="txtHeader_Auskunft"]{
    border-left: 3px solid #0061a1 ; 
    padding-left: 10px;
}

div [data-name="divHeader_Formularname"]{
    background: white;
    border: solid 3px #008ACA !important;
}

/* Navigationsleiste */
.XNavigationBar .active-before .xnav-view, .XNavigationBar .active .xnav-view{
    background-color: #008ACA !important;
}

/* Buttons */
/* Alle Buttons */
.XButtonList  {
    background-color:#008ACA !important;
    color: white !important;
}
.XButtonList:hover  {
    background-color:#0061a1 !important;
    color: white !important;
    transition: 0.2s;
}

/* Online Button */
.XButtonList .XBuergerkontoLogin {
    height: 4em;
    width: 30%;
}

[data-name="divOnlineButton"]{
    border-radius: 8px;
    width: 70%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 15px;
}

[data-name="divOnlineButton"] > div {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}


/* Offline Buttons */
/*.offline_button_div{
    position: relative !important;
    bottom: -40px !important;
    left: 0px;    
}*/

/* Responsive Design */    
@media only screen and (max-width: 1000px) {
    div[data-xn="divHeader"]{
        display:none !important;   
    }

    div[data-xn="divHeader_Mobile"]{
        display:block !important;
    }
  
    .header_amt_text{
        width: 100% !important;
    }

    .header_amt_text_umfrage{
        width: 50% !important;
    }

    .header_amt_text_div{
        width: 100% !important;
    }

    .header_amt_text_div_umfrage{
        width: 50% !important;
    }

    [data-name="lnMobile"]{
        width: 50%;
        margin: 0px;
        padding: 0px;
        min-height: 2px;
        left: 0% !important;
        position: relative;
        border: 1px solid #0061a1 !important; 
        
    }

    .XItem>DIV.xm-item-div{
        padding-bottom:10px !important;
    }

    div[data-cn="XButtonList"].xm-w100{
        width: 50% !important;
    }

    div[data-name="pLogin"] div[data-cn="XButtonList"].xm-w100{
        width: 100% !important;
    }

    div[data-xn="imgHeaderOffline_Logo"]{
        width:20% !important;
    }

    div[data-xn="imgHeaderOffline_Logo_Umfrage"]{
        width:50% !important;
    }

    div[data-xn="imgHeaderOffline_Logo"]>img{
        max-width:180px !important;
        max-height:80px !important;
        width: auto;
        height: auto;
    }

}

@media only screen and (max-width: 500px) {
    div[data-xn="divHeader"]{
        display:none !important;   
    }

    div[data-xn="divHeader_Mobile"]{
        display:block !important;
    }
  
    .header_amt_text{
        width: 100% !important;
    }

    .header_amt_text_umfrage{
        width: 50% !important;
    }

    .header_amt_text_div{
        width: 70% !important;
    }

    .header_amt_text_div_umfrage{
        width: 50% !important;
    }

    [data-name="lnMobile"]{
        width: 50%;
        margin: 0px;
        padding: 0px;
        min-height: 2px;
        left: 0% !important;
        position: relative;
        border: 1px solid #0061a1 !important; 
        
    }

     div[data-xn="imgHeaderOffline_Logo_Umfrage"]{
        width:50% !important;
    }

    .XItem>DIV.xm-item-div{
        padding-bottom:10px !important;
    }

    .button_umfrage_div{
        width: 100% !important;
    }

    .button_einzeln_div{
        width: 100% !important
    }

    div[data-cn="XButtonList"].xm-w100.button_einzeln_div{
        width: 100% !important;
    }

    div[data-cn="XButtonList"].xm-w100{
        width: 50% !important;
    }

    div[data-name="pLogin"] div[data-cn="XButtonList"].xm-w100{
        width: 100% !important;
    }

   

}


/* Allgemein */
.CXContainer.xm-item-div, .xm-item-div{
    margin: 0;  
}


/* Margin bei Auswahl reduzieren */

.modern .opt-div {
    margin-bottom: 7px !important;
}

/* Textaera nur hoch und runter */
textarea {
    resize: vertical !important;
}

/* Input Schrift auf schwarz beim Druck*/
@media print {
    input[type=text] {
    color:black !important;
    }
    textarea {
    color:black !important;
    }
}


/* ############################################################### */
/* ############################################################### */
/* ############################################################### */
/* ############################################################### */