

.back_portalfarbe{
    background-color: #1a4c98 !important;
}
.color_portalfarbe{
    color: #1a4c98 !important;
}
.border_portalfarbe{
    border-color: #1a4c98 !important;
}
.reise.back_portalfarbe, .reise .back_portalfarbe{
    background-color: #ee7711 !important;
}
.reise.color_portalfarbe, .reise .color_portalfarbe{
    color: #ee7711 !important;
}
.reise.border_portalfarbe, .reise .border_portalfarbe{
    border-color: #ee7711 !important;
}
.stelle.back_portalfarbe, .stelle .back_portalfarbe{
    background-color: #314921 !important;
}
.stelle.color_portalfarbe, .stelle .color_portalfarbe{
    color: #314921 !important;
}
.stelle.border_portalfarbe, .stelle .border_portalfarbe{
    border-color: #314921 !important;
}

.background_lightred{
    background-color:#FF7777;
}
.background_grey{
    background-color:#999999;
}

.start_top_img{
    margin: 30px 0 0 0;
    padding:0px;
}

.empfehlung{
    max-width:690px;
    width:100%;
    margin:0;
    padding:5px 10px 0 10px;
    background-color:white;
    box-shadow: 0px 0px 5px 0px black;
    border:thin solid;
    box-sizing:border-box;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    line-height:18px;
    overflow:hidden;
}
.empfehlung_tab .empfehlung {
    width:100%;
    width:calc(100% - 10px);
    box-shadow:none;
    border:none;
    margin: 10px 5px;
}
.empfehlung_header{
    height:30px;
    margin-top:10px;
    margin-bottom:5px;
    color:#FFFFFF;
    font-size:18px;
    text-align:center;
    line-height:30px;
}
.empfehlung_tab .empfehlung_header{
    height:20px;
    font-size:13px;
    text-align:left;
    line-height:20px;
    padding:0 10px;
}
.empfehlung_main{
    border-bottom:1px solid;
}
.empfehlung_image{
    height:100px;
    text-align:center;
}
.empfehlung_image img{
    height:60px;
    width:60px;
    padding:20px 5px;
}
.emp_info_block{
    margin-top:5px;
    margin-bottom:5px;
}
.emp_info_block_double{
    margin: 5px;
    width:auto;
    padding:0 5px;
}
.empfehlung .block_titel{
    font-weight:bold;
    padding:0;
}
.empfehlung .block_sub{
    clear:both;
}
.empfehlung .info_block{
    float:left;
    width:100%;
}
.empfehlung .info_block_right{
    float:right;
}
.empfehlung .info_line{
    width: 100%;
    box-sizing:border-box;
    padding:0;
    clear:both;
    overflow:hidden;
    cursor:default;
    text-overflow: ellipsis;
}
.empfehlung .info_line.circle{padding-left:15px;background:url(/images_portal/immobilien/empfehlung/name_icon.png) no-repeat left center;background-size: 12px auto;}
.empfehlung .info_line.marker{padding-left:15px;background:url(/images_portal/immobilien/empfehlung/location_icon.png) no-repeat left center;background-size: 10px auto;}
.empfehlung .info_line.tel{padding-left:15px;background:url(/images_portal/immobilien/empfehlung/tel_icon.png) no-repeat left center;background-size: 12px auto;}
.empfehlung .info_line.mail{padding-left:15px;background:url(/images_portal/immobilien/empfehlung/mail_icon.png) no-repeat left center;background-size: 12px auto;}

.empfehlung .info_line {
    display: table;
}

.empfehlung .info_line .info_title{
    display: table-cell;
}

.empfehlung .info_line .info_value{
    display: table-cell;
    text-align:right;
}

.empfehlung .info_line.alignLeft .info_value{
    float:none;
    display:inline;
}
.empfehlung .info_line .info_value .info_check,.empfehlung .info_line .info_value .info_cross{
    display:inline-block;
    width:20px;
}
.empfehlung .info_line .info_value .info_check{
    background:url(/images_portal/immobilien/empfehlung/check_icon.png) no-repeat right center;background-size: 15px auto;
}
.empfehlung .info_line .info_value .info_cross{
    background:url(/images_portal/immobilien/empfehlung/cross_icon.png) no-repeat right center;background-size: 15px auto;
}

.slide{
	display:flex;
	overflow:hidden;
}
.slide > .slideBlock{
	display:none;
    flex:0 0 100%;
    flex-direction: column;
}
.slide > .slideBlock.active{
	display:flex;
}
.slide .blockContent{
    flex:1 1 100%;
}
.slide .blockContent .blockInfo{
    text-align:center;
    padding:5px;
}

.empfehlung_side {
    clear:both;
    display: block;
    overflow: hidden;
    padding:5px;
    border-bottom:thin solid;
}
.empfehlung_button_box{
    display: inline-block;
    vertical-align: top;
    padding:5px;
}

.empfehlung_button_info{
    margin:2px 0;
    border-top:none;
    background-color:#EEEEEE;
    overflow: hidden;
    border-radius:4px;
    text-align:center;
}
.empfehlung_button_info .button_titel{
    margin:2px 4px;
    text-align:left;
}
.empfehlung_button_info .button_info{
    margin:2px 4px;
    text-align:left;
}



.blockTitle{
	display: inline-block;
    width: 100%;
	font-size:24px;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
}
.blockTitleSub{
	display: inline-block;
    width: 100%;
	font-size:15px;
    line-height: 1em;
    text-align: center;
	vertical-align: middle;
	color:white;
}

.blockFooter{
	width:100%;
    flex:0 0 50px;
    display:flex;
    justify-content: center;
}
.blockFooter button{
    height:30px;
    padding:5px 10px;
    margin: 10px;
    line-height:20px;
    color:white;
    font-weight:bold;
    background-color:#649748;
}

.empfehlungBox{
	display:flex;
	width:100%;
	box-sizing: border-box;
    padding:10px 20px;
    flex-wrap:wrap;
}
.empfehlungBox > .boxItem{
	flex: 1 0 100px;
	border: 2px solid;
    margin: 0 3%;
    margin-bottom:5px;
	border-radius:10%;
	cursor:pointer;
}
.empfehlungBox > .boxItem:hover{
	border-color: #649748 !important;
}
.empfehlungBox .boxImage{
	width:70%;
	margin-left:15%;
	background-position:auto center;
	background-repeat:no-repeat;
	background-size:100% auto;
	pointer-events: none;
}
.empfehlungBox .boxImage:after{
	content: "";
	display: block;
	padding-bottom: 100%;
	pointer-events: none;
}

.empfehlungBox .boxSub{
	text-align:center;
	font-size:14px;
	pointer-events: none;
}



.empfehlung .empfehlung_payment{
    padding:10px;
    border-bottom:thin solid;
    margin:0 -5px;
}
.empfehlung .empfehlung_payment:empty{
    border-bottom: none;
    padding:0;
    margin:0;
}
.empfehlung .empfehlung_payment_title{
    font-size:18px;
    font-weight:700;
}




.empfehlung .empfehlung_portal_form{
    padding:10px;
    display:none;
}
.empfehlung .empfehlung_portal_form:empty{
    border-top: none;
    padding:0;
    margin:0;
}
.empfehlung .empfehlung_portal_form_title{
    font-size:18px;
    font-weight:700;
}


.empfehlung .empfehlung_sms{
    padding:10px;
}
.empfehlung .empfehlung_sms:empty{
    border-top: none;
    padding:0;
    margin:0;
}
.empfehlung .empfehlung_sms_title{
    font-size:18px;
    font-weight:700;
}










.empfehlung_settings{
    font-weight:300;
    font-size:13px;
    line-height:20px;
    margin:5px;
}

.empfehlung .debug_info{
    text-align:right;
    color:#888888;
    font-size:10px;
    line-height:12px;
    height: 12px;
    padding:0 2px;
    cursor:default;
}

.hover_bg:hover{
    background-color: #EEEEEE;
}

.not_found{
    text-align:center;margin:10px;font-size:20px; font-weight:bold;
}
.align_right{
    text-align: right;
}
.inp_50{
    width:48%;
}
.inp_100{
    width:98%;
}
.inp_50,.inp_100{
    margin:1%;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-shadow: none;
}
.inp_50.required,.inp_100.required{
    border:thin solid red;
}
.switch_blz_iban{
    margin-left:7px;
}
.loadinggif{
    display:none;
    width:100%;
    height:100%;
    min-height:40px;
    margin:auto;
    background:url('/images_portal/ajax-loader-squares.gif') center center no-repeat;
}
.empfehlung a.button,.empfehlung_tab a.button{
    display:inline-block;
    float:none;
    margin:5px;
    padding:5px;
    border-radius: 0;
    background-color:#649748;
    cursor:pointer;
    color:#FFFFFF;
    text-align:center;
    user-select: none;
    /*min-height: 38px;*/
    border-radius:13px;
}
.empfehlung a.button.button_text_design,.empfehlung_tab a.button.button_text_design{
    background-color: transparent;
    text-decoration: underline;
}
.empfehlung a.button:hover, .empfehlung_tab a.button:hover{
    margin:5px;
}
.empfehlung .link, .empfehlung_tab .link{
    text-decoration:underline;
    cursor: pointer;
}
.empfehlung .info_box, .empfehlung_info_box{
    margin:5px 20px;
    padding:5px;
    border: 1px solid;
    background-color: #FFFFFF;
    font-size:16px;
    font-weight:600;
    text-align:center;
}

.empfehlung .sub_info{
    font-size:10px;
    line-height:10px;
    padding:1px;
    margin:0;
}
.empfehlung .sub_info span{
    font-size:10px;
    line-height:10px;
}

.empfehlung .hide_more{
    cursor: default;
}
.empfehlung .hide_more > .hide_info{
    position: absolute;
    display:none;
    background-color:#FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    border: 1px solid;
    z-index: 1000;
    bottom:0;
    padding:5px;
}
.empfehlung .hide_more:hover > .hide_info{
    display:block;
}


.empfehlung_tabs_button{
    margin:0;padding:0;
    clear:both;
    overflow:hidden;
    background-color:#EFEFEF;
    width:710px;
    margin-bottom:10px;
}
.empfehlung_tab_button{
    border-top:3px solid transparent;
    border-left:1px solid #DFDFDF;
    display:block;
    float:left;
    padding:10px;
    list-style: none;
    color:#777777;
    font-weight:bold;
    cursor:pointer;
    background-color:#EFEFEF;
    font-family: 'Open Sans', sans-serif;
    width:216px;
    text-align: center;
}
.empfehlung_tab_button:first-child{
    border-left:none;
}
.empfehlung_tab_button.active{
    border-top-color: #1a4c98;
    float:left;
    list-style: none;
    background-color:#fff;
}

.empfehlung_guthaben{
    margin:20px;
    border:thin solid;
    width:650px;
    box-sizing:border-box;
}
.empfehlung_guthaben_titel{
    display:inline-block;
    width:100%;
    font-size:20px;
    padding:10px;
    color:white;
    box-sizing:border-box;
}
.empfehlung_tabs{
    width:700px;
    margin:0 5px;
    margin-bottom:20px;
}
.empfehlung_tab{
    display:none;
    position:relative;
}
.empfehlung_filter{
    overflow:hidden;
    padding:0 5px;
}
empfehlung_filter > *{
    float:left;
}

.loadinggif{
    background:url(/images_portal/ajax-loader-squares.gif) center center no-repeat;display:block;width:100%;height:40px;
}


.settings{
    display:none;
}

table.general_info{
    padding:0;
    margin:10px 0 20px 0;
    width:700px;
}
table.general_info td{
    margin:0;padding:3px 3px;/*
    border-top:1px solid black;
    border-left:1px solid black;*/
    cursor:default;
}
/*
table.general_info td:last-child{
    border-right:1px solid black;
}
table.general_info tbody tr:last-child td{
    border-bottom:1px solid black;
}*/
table.general_info td:first-child{
    border-right:1px solid black;
}
table.general_info tbody tr:hover{
    background-color: #EFEFEF;
}
table.general_info td:not(:first-child){
    text-align:center;
}

table.general_info thead td:not(:empty),table.general_info tbody td:first-child:not(:empty){
    font-weight:700;
}
table.general_info tbody td{
    font-weight:500;
}

.search_box{
    border-top:thin solid #999999;
}
.search_box .search_filter{
    line-height: 25px;
    text-align:center;
    padding:10px;
}
.search_box .search_filter .custom_row{
    margin:3px 0;
}
.search_box .search_filter button{
    margin-top:10px;
}
.search_box .search_filter input[type=text],.search_box .search_filter input[type=number],.search_box .search_filter select{
    height: 25px;
    width:200px;
    box-sizing:border-box;
}
.search_box .search_filter .left_block{
    float:left;
    text-align:right;
}
.search_box .search_filter .right_block{
    float:right;
    text-align:left;
}
.search_box .search_filter .left_block,.search_box .search_filter .right_block{
    width:50%;
}

div.empfehlung_info{
    width:700px;
    padding:0;margin: 0;
    table-layout: fixed;
}
div.custom_row{
    padding:0;margin:0;
    clear:both;overflow:hidden;
}
div.custom_row > *{
    float:left;
}
.custom_row_height_fixed div.custom_row{
    height:25px;
}
div.custom_row.reverse > *{
    float:right;
}

.row_hover > div.custom_row:not(.no_hover):hover, div.custom_row.row_hover:hover{
    background-color: #EFEFEF;
}
div.custom_row > *.cell_30{width:30px;}
div.custom_row > *.cell_50{width:50px;}
div.custom_row > *.cell_60{width:60px;}
div.custom_row > *.cell_70{width:70px;}
div.custom_row > *.cell_80{width:80px;}
div.custom_row > *.cell_100{width:100px;}
div.custom_row > *.cell_110{width:110px;}
div.custom_row > *.cell_120{width:120px;}
div.custom_row > *.cell_150{width:150px;}
div.custom_row > *.cell_200{width:200px;}
div.custom_row > *.cell_230{width:230px;}
div.custom_row > *.cell_300{width:300px;}
div.custom_row > *.cell_350{width:350px;}
div.custom_row > *.cell_400{width:400px;}
div.custom_row > *.cell_630{width:630px;}


div.custom_row > *.cell_p20{width:20%;}
div.custom_row > *.cell_p25{width:25%;}
div.custom_row > *.cell_p30{width:30%;}
div.custom_row > *.cell_p33{width:33.33%;}
div.custom_row > *.cell_p50{width:50%;}
div.custom_row > *.cell_p66{width:66.66%;}
div.custom_row > *.cell_p70{width:70%;}
div.custom_row > *.cell_p75{width:75%;}
div.custom_row > *.cell_p80{width:80%;}
div.custom_row > *.cell_p100{width:100%;}

div.custom_row .cell_30,div.custom_row .cell_50,div.custom_row .cell_60,div.custom_row .cell_70,div.custom_row .cell_80,div.custom_row .cell_100,div.custom_row .cell_110,div.custom_row .cell_120,div.custom_row .cell_150,div.custom_row .cell_200,div.custom_row .cell_230,div.custom_row .cell_300,div.custom_row .cell_350,div.custom_row .cell_400,div.custom_row .cell_630,
div.custom_row .cell_p20,div.custom_row .cell_p25,div.custom_row .cell_p30,div.custom_row .cell_p33,div.custom_row .cell_p50,div.custom_row .cell_p66,div.custom_row .cell_p70,div.custom_row .cell_p75,div.custom_row .cell_p80,div.custom_row .cell_p100{
    margin:0;padding:3px 3px;
    display:block;
    white-space: nowrap;
    height:21px;
    overflow:hidden;
    text-overflow: ellipsis;
    box-sizing:border-box;
}

div.custom_row > a[href]{
    cursor: pointer;
}
div.custom_row[data-action]{
    cursor: pointer;
}

.first_column >  div.custom_row > *:first-child{
    border-right:1px solid black;
}
div.empfehlung_info > div.custom_row:first-child > div:not(:empty),div.empfehlung_info div.custom_row div:first-child:not(:empty){
    font-weight:700;
}
div.empfehlung_info div{
    font-weight:500;
}
div.empfehlung_info div.blockTitle{
    font-weight:700;
    border-top:thin solid black;
}

.empfehlung_info div.custom_row > .button{
    margin:2px;
    padding:1px;
    height:17px;
    text-align: center;
    cursor:pointer;
    border:thin solid black;
}
.empfehlung_info div.custom_row > .button:hover{
    background-color:#EFEFEF;
}



/* CHECKBOX STYLE */
.cb_round > input[type=checkbox].checkbox_round{
    display:none;
}
.cb_round > input[type=checkbox].checkbox_round ~ label{
    position:relative;
    height:18px;
    line-height:18px;
    border:thin solid #1a4c98;
    border-radius:9px;
    overflow:hidden;
    white-space: nowrap;
    transition: background-color 0.2s;
    text-align:left;
    padding:0 5px 0 18px;
    background-color:white;
    cursor:pointer;
    text-align:center;
    margin:0;
    float:left;
}
.cb_round_27 > input[type=checkbox].checkbox_round ~ label{
    height:25px;
    line-height:25px;
    border-radius:13px;
    margin:1%;
    padding:0 5px 0 25px;
}

.inactive .cb_round > input[type=checkbox].checkbox_round ~ label{
    cursor:default;
    color:black;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

.inactive .cb_round > input[type=checkbox].checkbox_round ~ label span{
    color:black;
}

.cb_round > input[type=checkbox].checkbox_round ~ label span{
    display:none;
    line-height:18px;
    user-select:none;
    width:25px;
    color:#1a4c98;
}
.cb_round_27 > input[type=checkbox].checkbox_round ~ label span{
    line-height:25px;
}
.cb_round > input[type=checkbox].checkbox_round ~ label span.active{
    color:white;
}
.cb_round > input[type=checkbox].checkbox_round:not(:checked) ~ label span.inactive{
    display:inline-block;
}
.cb_round > input[type=checkbox].checkbox_round:checked ~ label span.active{
    display:inline-block;
}
.cb_round > input[type=checkbox].checkbox_round ~ label::after{
    position:absolute;
    left:0;
    right:auto;
    background-color:#1a4c98;
    display:inline-block;
    content:" ";
    height:9px;
    width:9px;
    border:2px solid #1a4c98;
    margin:3px;
    border-radius:100%;
}
.cb_round_27 > input[type=checkbox].checkbox_round ~ label::after{
    height:15px !important;
    width:15px !important;
}
.cb_round > input[type=checkbox].checkbox_round:checked ~ label{
    background-color:#1a4c98;
    padding:0 18px 0 5px;
}
.cb_round_27 > input[type=checkbox].checkbox_round:checked ~ label{
    background-color:#1a4c98;
    padding:0 25px 0 5px;
}
.cb_round > input[type=checkbox].checkbox_round:checked ~ label::after{
    right:0;
    left:auto;
    background-color:white;
    border:2px solid white;
}

.submit_check{
    position:absolute;
    height:22px;
    width:22px;
    right:0;
    top:0;
    margin-right:18px;
    margin-top:3px;
    cursor:pointer;
    background-image:url(/images_portal/icons_fa/fa-check-green.png);
    background-size:70% auto;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:100%;
}
.submit_check:hover{
    background-color:rgba(0,0,0,0.1);
}
.submit_check.load{
    background-image:url('/images_portal/ajax-loader-squares.gif');
    cursor: default;
}
.submit_check.load{
    background-color:transparent;
}

/* CHECKBOX STYLE */



.ui-slider{
    width:80%;
    height:4px;
    margin: 50px 10% 10px 10%;
}
.ui-slider .ui-slider-handle{
    top:-8px;
    border-radius:100%;
    outline:none;
}
.ui-slider .ui-slider-handle div{
    display:table;pointer-events:none;
}
.ui-slider .ui-slider-handle div::before{
    margin-top:-12px;
    content:" ";
    border: 10px solid transparent;
    position: absolute;
    border-top: 6px solid rgba(26,76,152,1);
}
.ui-slider .ui-slider-handle div span{
    float:left;
    padding:3px 6px;
    text-align:center;
    font-size:16px;
    background-color:rgba(26,76,152,1);
    color:white;
    white-space: nowrap;
    border-radius:4px;
    margin-left: calc( -50% + 0.6em);
    margin-top:-34px;
}
.sliderInfo{
    width:86%;
    margin: 0 7%;
    overflow:hidden;
}
.sliderInfo span{
    float:left;
    color:#888888;
}
.sliderInfo span:last-child{
    float:right;
}
.sliderInputBox{
    width:80%;
    margin: 20px 10% 10px 10%;
    text-align:right;
}
.sliderInputBox div{
    display:inline-block;
}

.sliderInputBox div input{
    margin: 0 5px 0 20px;
    text-align:right;
}


.textInput{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms;
    transition: border 100ms;
    border: 1px solid #00000044;
    font-family: Open Sans, Arial;
    color: rgba(26,76,152,1);
    padding:0 5px;
}
.textInput:focus{
    border:1px solid rgba(26,76,152,1);
    outline: none;
}

.blockInput input{
    margin:0 auto;
    width:250px;
    padding: 5px;
}
.blockInput .blockContent{
    text-align:center;
    padding-top: 20px;
}



.empfehlung_layer{
    position:absolute;
    display:block;
    margin:0 auto;
    top:30px;
    left:0;
    right:0;
    width:300px;
    color:white;
    padding:10px;
    box-shadow:0 0 5px 0 black 
}

.layer_title{
    text-align: center;
    font-size:18px;
    font-weight:bold;
    font-family:'Open Sans', Arial;
}
.layer_text{
    text-align:center;
    font-size:12px;
    font-family:'Open Sans', Arial;
    padding:20px 0 ;
}
.layer_button{
    text-align:center;
    font-family:'Open Sans', Arial;
}

.empfehlung_layer_back{
    display:none;
    position:absolute;
    width:710px;
    height:100%;
    top:0;
    left:0;
    background-color: #00000044;
    margin: 0 -5px;
    padding: 5px 0;
    box-shadow:0 0 5px 0 #00000044; 
}


.slideBlock .img_container img{
    width:100px;
    height:100px;
    margin-top:8px;
    border-radius:10px;
}
.slideBlock.blockMulti input,.slideBlock.blockMulti select{
    margin:5px 0;
    width:100%;
    box-sizing:border-box;
    height:25px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border: 1px solid transparent;
}


.empfehlung_table{
}
.empfehlung_table .row-bt{
    margin:0 -5px;
}
.empfehlung_table .row-bt.table-head{
    border-bottom:1px solid black;
}
.empfehlung_table .row-bt > *{
    padding: 0 5px;
    min-height:20px;
    line-height:20px;
}

/* RADIO STYLE */
.radio {
    height:30px;
}
.radio > input[type=radio].radio_label{
    display:none;
}
.radio > input[type=radio].radio_label + label{
    position:relative;
    display:block;
    float:left;
    height:20px;
    line-height:20px;
    overflow:hidden;
    white-space: nowrap;
    transition: background-color 0.2s;
    text-align:left;
    padding:2px 10px;
    background-color:white;
    cursor:pointer;
    text-align:center;
    margin:0;
    border:thin solid #999;
    border-right:none;
}

.radio > input[type=radio].radio_label:first-of-type + label{
    margin-left:5px;
}
.radio > input[type=radio].radio_label:last-of-type + label{
    margin-right:5px;
    border-right:thin solid #999;
}


.inactive .radio > input[type=radio].radio_label + label{
    cursor:default;
    color:black;
     /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

.inactive .radio > input[type=radio].radio_label + label::after{
}
.inactive .radio > input[type=radio].radio_label + label span{
    color:black;
}

.radio > input[type=radio].radio_label + label span{
    line-height:20px;
    user-select:none;
    width:25px;
    color:#1a4c98;
}
.radio > input[type=radio].radio_label:checked + label span{
    color:white;
}

.radio > input[type=radio].radio_label:checked + label{
    background-color:#1a4c98;
}
/* RADIO STYLE */


/* Bestätigungsmodal STYLE */
.modal-best {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1160;
    overflow: hidden;
    outline: 0;
    background: rgba(0,0,0,0.7);
    color: #272529;
}
.modal-best-dialog {
    position: relative;
    width: 500px;
    max-width: 95%;
    -webkit-transform: translate(0,-55%);
    transform: translate(0,-55%);
    top: 45%;
    pointer-events: none;
    margin: 1.75rem auto;
}
.modal-best-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    max-height: 428px;
}
@media (min-height: 720px) {
    .modal-best-content { max-height: 700px; }
}
.modal-best-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-best-title {
    margin: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
}
.modal-best .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: none;
    border:none;
    cursor: pointer;
}
.modal-best-body {
    overflow: auto;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-best-footer {
    /*
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    */
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.btn {
    display: inline-block;
    width: auto;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}
.btn-green { background: #649748; color: white; }
.btn-red   { background: #cc0000; color: white; }
.btn-gray  { background: #6c757d; color: white; }

.form-controll {
    width: 100%;
    border: 1px solid #1a4c98;
    height: 28px;
    border-radius: 6px;
    padding: 2px 6px;
}
select.form-controll {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;
    background-size: auto;
    background-size: auto;
    background-size: 8px 10px;
    padding: 3px 1.75rem 3px 3px;
    color: #495057;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}