/* RowToggler als Button */
.greenButtonBlackText, a.greenButtonBlackText, form .greenButtonBlackText, form a.greenButtonBlackText{
    cursor: pointer;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #339900 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: black;
    font-weight: normal;
    vertical-align: central;
    padding: 10px;
}
.greenButtonBlackText:hover, a.greenButtonBlackText:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #339900) );
    background:-moz-linear-gradient( center top, #ededed 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    text-decoration: none;
}



.grayButtonGreenText, a.grayButtonGreenText, .ui-button.grayButtonGreenText{
    cursor: pointer;
    background-color: #dcdcdc;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: #339900;

    vertical-align: central;
    padding: 10px;
    font-weight: bold;
}
.grayButtonGreenText:hover, a.grayButtonGreenText:hover, .grayButtonGreenTextMobileNavi:hover, a.grayButtonGreenTextMobileNavi:hover {
    color: black;
    text-decoration: none;
    font-weight: bold;
    background-color: #68db1f;
}


.grayButtonGreenTextMobileNavi, a.grayButtonGreenTextMobileNavi, .ui-button.grayButtonGreenTextMobileNavi{
    cursor: pointer;
    background-color: #dcdcdc;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: #339900;

    vertical-align: central;
    padding: 4px 10px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 10px;
}

.ui-button .ui-button-text .buttonBerechnenGross{
    color: #339900; width: 100%; font-weight: bolder; font-style: normal; font-size: 20px;  padding-bottom: -5px; padding-top: -5px; padding-left: 0px
}

.telefonWaehlButton{
    padding: 3px 10px;
    font-size: 0.8em !important
}


.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only .buttonBerechnenGross{
    color: red

}


div.btnZumAbo, .ui-widget-content div.btnZumAbo, div.btnZumAboDeactivated, .ui-widget-content div.btnZumAboDeactivated{
    background-color: #2C5F6A;
/*    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    padding: 0.5rem 1.0rem;
    width: 180px;
    text-align: center;
    font-family: sans-serif;
    
}
div.btnBeratungstermin, .ui-widget-content div.btnBeratungstermin, div.btnBeratungsterminDeactivated, .ui-widget-content div.btnBeratungsterminDeactivated{
    background-color: #339900;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding: 0.5rem 1.0rem;
    width: 180px;
    text-align: center;
}

div.naviButtonGreen, .ui-widget-content div.naviButtonGreen, div.naviButtonGreenNoLink, .ui-widget-content div.naviButtonGreenNoLink{
    background-color: #B0D9D3;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding: 0.5rem 1.0rem;
    float: left;
    text-align: center;
    margin-left: 15px;
    margin-top: 10px
}

a.btnZumAbo, .ui-widget-content a.btnZumAbo, a.btnZumAboDeactivated, .ui-widget-content a.btnZumAboDeactivated{

    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: none
}
a.btnBeratungstermin, .ui-widget-content a.btnBeratungstermin, a.btnBeratungsterminDeactivated, .ui-widget-content a.btnBeratungsterminDeactivated{

    color:white;
    font-size: 14px;
    font-size: 0.9rem;
    font-weight: normal;
}

a.naviButtonGreen, .ui-widget-content a.naviButtonGreen, a.naviButtonGreenNoLink, .ui-widget-content a.naviButtonGreenNoLink{

    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
}

a.btnZumAbo:hover, .ui-widget-content a.btnZumAbo:hover, a.btnZumAboDeactivated:hover, .ui-widget-content a.btnBeratungsterminDeactivated:hover, a.btnZumAbo:hover, .ui-widget-content a.btnZumAbo:hover, a.btnBeratungsterminDeactivated:hover, .ui-widget-content a.btnBeratungsterminDeactivated:hover{
    text-decoration: none;
    color: black;
}

a.naviButtonGreen:hover, .ui-widget-content a.naviButtonGreen:hover{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
div.buttonRed{
    background-color: #2C5F6A;
/*    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    padding: 0.5rem 1.0rem;
    width: 180px;
    text-align: center;
    font-family: sans-serif;
    
}

a.buttonRed{
    color: white;
    font-size: 14px;
}
a.buttonRed:hover{
    color: black;

}

/* für p:commandButton */
.btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnBeratungstermin.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnZumAboSmall.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: #D9000D;
    border: 1px solid #D9000D;
}
.btnZumAboDeactivated.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnBeratungsterminDeactivated.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: gray;
}
.ausgabeTabelleColumn2 .btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .ausgabeTabelleColumn2 .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .ausgabeTabelleColumn2 .btnBeratungstermin.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    width: 90%;
}
.ausgabeTabelleColumn2 .btnZumAbo span.ui-button-text.ui-c, .ausgabeTabelleColumn2 .btnZumHandy span.ui-button-text.ui-c, .ausgabeTabelleColumn2 .btnBeratungstermin span.ui-button-text.ui-c{
    padding: 0.5rem auto;
    margin-right: 0px;

}
/* für Text von p:commandButton */
.btnZumAbo span.ui-button-text.ui-c, .btnZumHandy span.ui-button-text.ui-c, .btnZumAboDeactivated span.ui-button-text.ui-c {
    color:white;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.5rem 1.0rem;
}

.btnVergleichen span.ui-button-text.ui-c {

    font-size: 18px;
    font-size: 1.2rem;
    padding: 0.5rem 1.0rem;

}

.btnOfferte span.ui-button-text.ui-c {

    font-weight: normal;

}

.btnZumAboSmall span.ui-button-text.ui-c, .btnZumHandySmall span.ui-button-text.ui-c, .btnZumAboDeactivatedSmall span.ui-button-text.ui-c {
    color:white;
    font-size: 13px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0.4rem 0.4rem;
}


.btnZumAbo.ui-state-hover span.ui-button-text.ui-c, .btnZumHandy.ui-state-hover span.ui-button-text.ui-c, .ui-state-hover span.ui-button-text.ui-c{
    color:black;

}
.unfallButton.ui-state-hover span.ui-button-text.ui-c, .unfallButton.ui-state-hover span.ui-button-text.ui-c, unfallButton.ui-state-hover span.ui-button-text.ui-c{
    color:black;
    background-color: #2C5F6A;
   

}

/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus*/

.btnBeratungstermin span.ui-button-text.ui-c, .btnBeratungsterminDeactivated span.ui-button-text.ui-c {
    color:white;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: normal;
    padding: 0.5rem 1.0rem;


}

.NaviButton, a.NaviButton {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#339900;

    padding:0.4% ;
    text-decoration:none;
    font-size: 17.6px;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px;

}
.NaviButton:hover, a.NaviButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    text-decoration: none
}

.NaviButtonSmaller, a.NaviButtonSmaller{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#339900;

    padding:0.4% ;
    text-decoration:none;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.4em 1em;

}
.NaviButtonSmaller:hover, a.NaviButtonSmaller:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    text-decoration: none;
    font-weight: bold;
}

.greenButton, .StartButton a.NaviButton{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #339900 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: black;
    vertical-align: central;
}

.StartButton {
    font-size:1em !important;
    font-weight: 200;
    text-decoration:none;
    white-space: normal;
    margin-top: 4px;
    height: 50px; 
    width: 90%;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 0%;
    break-inside: auto;
}

/* für den Text p:commandButton*/
.btnBerechnen span.ui-button-text {
    color: #339900; 
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}
/* für den Button p:commandButton*/
#erweitertesProfilInputFelderWrapper .ui-button.btnBerechnen, #welcomeSchnellprofil.ui-button.btnBerechnen   {
    width: 50%;
    margin-top: 20px;

}
.ui-button.btnBerechnen  {
    width: 90%;
    margin-top: 20px; margin-bottom: 15px
}

/* für den Text p:commandButton*/
.btnBerechnenStart span.ui-button-text {
    color: #339900; 
    font-size: 18px;
    font-size: 1.15rem !important; 
    font-weight: bolder
}
.ui-button.btnBerechnenStart  {
    width: 90%;
}

.btnBerechnenStartAusland span.ui-button-text {
    color: #339900; 
    font-size: 18px;
    font-size: 1.15rem;
    font-weight: bolder
}
.ui-button.btnBerechnenStartAusland  {
    width: 250px;
}


.ui-fieldset-legend.ui-corner-all.ui-state-default{
    font-size: 12.8px;
    font-size: 0.8rem;
    font-weight: normal;
}

.reihe{
    margin-bottom: 40px;
}



@media only screen and (max-width: 736px){
    .greenButton{
        clear: both;
        font-weight: normal;
        text-decoration: none;
        background:none;
        filter:none;
        background-color:white;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        border:none;
        display:inline-block;

    }

    .greenButton:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #339900) );
        background:-moz-linear-gradient( center top, #ededed 5%, #339900 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color:#dfdfdf;
    }
    a.greenButton:hover {
        text-decoration: none;
        color: white;
    }

    .StartButton{
        height: auto;
        width: 100%;
    }
    a.StartButton:hover{
        background: none;
        color: black;
        text-decoration: underline;
    }

}
@media only screen and (max-width: 736px){
    .StartButton{
        padding-top: 5px;
    }
}

@media only screen and (max-width: 530px){
    div.naviButtonGreen, .ui-widget-content div.naviButtonGreen{

        float: left;
        text-align: center;
        margin-left: 2%;
        margin-top: 10px;
        padding: 0.5rem 0.5rem;
    }


    a.naviButtonGreen, .ui-widget-content a.naviButtonGreen, a.naviButtonGreenNoLink, .ui-widget-content a.naviButtonGreenNoLink{
        font-weight: normal;
        font-size: 3.9vw;
    }
}

@media only screen and (max-width: 420px){

    .smallButton, a.smallButton, form.smallButton, form a.smallButton{
        padding: 10px 4px;
        font-size: 12px;
        font-size: 0.78rem;
        margin-right: 8px;
    }


    .NaviButtonSmaller, a.NaviButtonSmaller{
        font-size: 12px;
        font-size: 0.78rem;
        font-weight: normal;
        padding: 0.4rem 0.5rem;
        margin-right: 0.5rem;
    }
    .NaviButtonSmaller:hover, a.NaviButtonSmaller:hover {
        font-weight: normal;
    }



}


.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    border: 3px solid #2C5F6A;
    font-weight: bold;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
    font-family: sans-serif;
}
a.buttonLight, .buttonLight span.ui-button-text.ui-c, a.buttonLight span.ui-button-text.ui-c, .buttonLight span.ui-button-text-only{
    font-family: sans-serif;
    
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: white;
    color: #2C5F6A;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{
    background-color: #2C5F6A;
    color: white;
    border: 3px solid #2C5F6A;
    color: black;
}

.buttonLight, .buttonLightGreen {
    border: 3px solid #2C5F6A;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
    padding: .35em 1em;
    display: inline-block
}
.buttonLight, .ui-widget-content a.buttonLight{
    background-color: white;
    color: #2C5F6A;
}
.buttonLightGreen{
    background-color: #339900;
    color: white;
}
a.buttonLight, a.buttonLight:hover, a.buttonLightGreen, a.buttonLightGreen:hover {
    font-weight: bold;
    margin: 2px;
}
a.buttonLight:hover, a.buttonLightGreen:hover{
    color: black;
    text-decoration: none;
    background-color: #2C5F6A;
}