/* 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;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    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;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    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;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    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{
    background-color: #339900;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: 0.5rem 1.0rem;
    /*    border:1px solid black;*/
    -webkit-box-shadow: 0 0 9px gray; 
    -webkit-animation: glowButtonShadow 3s 20;
    width: 180px;
    text-align: center;
}

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

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

a.btnZumAbo:hover, .ui-widget-content a.btnZumAbo:hover{
    text-decoration: none;
    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{
    background-color: #339900;
    background-image: none
}
.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{
    width: 90%;
    margin-right: 0px;
}
.ausgabeTabelleColumn2 .btnZumAbo span.ui-button-text.ui-c, .ausgabeTabelleColumn2 .btnZumHandy span.ui-button-text.ui-c {
    padding: 0.5rem auto;
}
/* für Text von p:commandButton */
.btnZumAbo span.ui-button-text.ui-c, .btnZumHandy span.ui-button-text.ui-c {
    color:white;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.5rem 1.0rem;

}
.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;
}



.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 #339900;
    font-weight: bold;
    /*border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;

}
.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background: none;
    background-color: #339900;
    color: white;
}

.buttonLightWide span, a.buttonLightWide.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    font-size: 1.2rem
}

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

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{
    background-color: #339900;
    border: 3px solid #339900;
    transition: all 400ms;
}
.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{
    background-color: white;
    border: 3px solid #339900;
    transition: all 400ms;
}
.buttonLightGreen.ui-button .ui-button-text:hover{
    color: #339900;
    transition: all 400ms;
}
.buttonLight.ui-button .ui-button-text:hover{
    color: white;
    transition: all 400ms;
}

.buttonLight, .buttonLightGreen {
    border: 3px solid #339900;
    /*-moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: .45em 1em;
    display: inline-block
}
.buttonLight, .ui-widget-content a.buttonLight{
    background-color: white;
    color: #339900;
}
.buttonLightGreen{
    background-color: #339900;
    color: white;
}
a.buttonLight, a.buttonLight:hover, a.buttonLightGreen, a.buttonLightGreen:hover {
    font-weight: bold;
    margin: 2px;
    transition: all 400ms;
}
a.buttonLight:hover{
    color: black;
    text-decoration: none;
    background-color: #339900;
    transition: all 400ms;
}
.buttonLightGreenSmall, a.buttonLightGreenSmall, .ui-widget-content a.buttonLightGreenSmall{
    color: white;
    background-color: #339900;
    /*-moz-border-radius:0.8em;
    -webkit-border-radius:0.8em;
    border-radius:0.8em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: .45em 1em;
    margin: 0.3em;
    display: inline-block;

}
.buttonLightGreenSmall:hover, a.buttonLightGreenSmall:hover, .ui-widget-content a.buttonLightGreenSmall:hover{
    color: black;
    /*    background-color: white;
    border: 3px solid #339900;*/
    text-decoration: none;
    transition: all 400ms;

}
/*neu 20230306*/
a.button1RWhite, .ui-widget-content .button1RWhite{
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    text-align: center;
    background-color: white;
    border: 2px solid #339900;
    color: #339900;
    font-size: 1.0rem;
    padding: 0.5rem 1rem;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

a.button1RWhite:hover{
    background-color: #339900;
    border: 2px solid #339900;
    transition: all 400ms;
    text-decoration: none;
    color: white;
    transition: all 400ms;
}

a.button1RGreen{
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    text-align: center;
    background-color: #339900;
    border: 2px solid #339900;
    color: white;
    font-size: 1.0rem;
    padding: 0.5rem 1rem;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

a.button1RGreen:hover{
    background-color: white;
    border: 2px solid #339900;
    transition: all 400ms;
    text-decoration: none;
    color: #339900;
    transition: all 400ms;
}





a.button2RWhite, .ui-widget-content .button2RWhite{
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    text-align: center;
    background-color: white;
    border: 2px solid #339900;
    color: #339900;
    font-size: 0.9rem;
    /*font-weight: bold;*/
    padding: .45em 1em;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

a.button2RWhite:hover{
    background-color: #339900;
    border: 2px solid #339900;
    transition: all 400ms;
    text-decoration: none;
    color: white;
    transition: all 400ms;
    /*font-weight: bold;*/
}

a.button2RGreen{
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    text-align: center;
    background-color: #339900;
    border: 2px solid #339900;
    color: white;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

a.button2RGreen:hover{
    background-color: white;
    border: 2px solid #339900;
    transition: all 400ms;
    text-decoration: none;
    color: #339900;
    transition: all 400ms;
    font-weight: bold;
}






/* inputField, selectOne*/
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield, 
.ui-corner-all.ui-state-default.ui-widget.ui-inputfield, 
.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu, .ui-corner-all.ui-state-default.ui-widget.ui-inputfield.ui-autocomplete-input{
    background: none;
    font-size: 1.1rem;
    border: 1px #339900 solid;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;

}


/* die Select Items auf der Liste*/
.ui-corner-all.ui-selectonemenu-list-item.ui-selectonemenu-item{
    background: none;
    border: none;

    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius: 2px;
    padding: 5px;
    font-size: 0.9rem;
}
/* das ausgewählte Select Item */
.ui-corner-all.ui-inputfield.ui-selectonemenu-label{
    font-size: 0.9rem;
}



.ui-corner-all.ui-selectonemenu-list-item.ui-selectonemenu-item:hover{
    background: #339900;
    border: none;
    color: black;
    transition: all 400ms;

}
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield:focus{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-corner-right.ui-state-default.ui-selectonemenu-trigger{
    background: white;
    border: none;
    bottom: 5px;

}


/* selectOneMenu Ecken des Feldes*/
.ui-corner-all.ui-inputfield.ui-selectonemenu-label, 
.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;


    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;

}

/* selectOneMenu Höhe*/
.ui-selectonemenu .ui-selectonemenu-label{
    padding: 8px;

}
/* Textfelder */
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield{
    padding: 8px;
    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.ui-state-default.ui-corner-all.ui-fieldset-legend{
    background: none; 
    background-color: #dfdfdf
}


/* Der Container der Fieldset Tabs  */
.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-helper-reset.ui-tabs-nav{
    background: gray;
}
/* Alle Tabs. Mit .ui-state-active am Ende nur das aktivierte Tab*/
li.ui-corner-top.ui-state-default.ui-state-active {
    background: white;
}

li.ui-corner-top.ui-state-default {
    background: #cccccc;
    border: 1px white solid;
}
li.ui-corner-top.ui-state-active a{
    color: black
}
.ui-corner-top.ui-widget-header.ui-paginator-top.ui-paginator{
    background: whitesmoke;
}
.ui-widget.ui-datatable thead th{
    background: none;  
}
.ui-datatable .ui-row-toggler {

    border: 3px solid #339900;
    font-weight: bold;
    /*-moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    color:#339900;

    text-decoration:none;
    font-size: 13px;
    font-size: 0.90rem;
    font-weight: bold;
    padding: 0.5rem 0rem;
    width: 48%;
    max-width: 200px;
    text-align: center;
    margin-top: 2px;



}
.ui-datatable .ui-row-toggler:hover {
    /*    background-color: #ff9900;
        border: 3px solid #ff9900;*/
    background-color: #339900;
    border: 3px solid #339900;
    color: white;
    transition: all 400ms;
}
.ui-corner-all.ui-state-default.ui-slider-handle{
    border-radius: 15px;

}


.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;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    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;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    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;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    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;
}


.infoTooltipPicture{
    width: 15px;
    height: 15px;
    margin-left: 3px;
    padding-top: 5px;
}




@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: 450px){
    .ui-row-toggler span {
        font-weight: normal
    }
}
@media only screen and (max-width: 374px){
    .ui-row-toggler span{
        font-size: 0.7rem
    }
}*/

@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:hover, a.NaviButtonSmaller:hover {
        font-weight: normal;
    }

}