@font-face { font-family: RobotoSlap; src: url("fonts/RobotoSlab-Regular.ttf"); }
@font-face { font-family: RobotoSlap; src: url("fonts/RobotoSlab-Regular.woff") format("woff"); }
@font-face { font-family: SourceSansPro; src: url("fonts/SourceSansPro-Regular.ttf"); }
@font-face { font-family: SourceSansPro; src: url("fonts/SourceSansPro-Regular.otf.woff") format("woff"); }
@font-face { font-family: SourceSansPro; src: url("fonts/SourceSansPro-SemiBold.ttf"); font-weight: bold}
@font-face { font-family: SourceSansPro; src: url("fonts/SourceSansPro-Semibold.otf.woff") format("woff"); font-weight: bold}





a{
    color: inherit;
}

body{
    margin:  0;
    padding: 0;
    /* Based on Background pattern from subtlepatterns.com */
    background-image: url("../img/background.jpg");
    background-size: 300px;
    background-attachment: fixed;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


}

html{
    font-family: SourceSansPro, Arial, sans-serif;
    color: #464646;
}

#background_overlay{
    width:100%;
    height:768px;
    position: absolute;
    background-image: url("../img/background_addon.png");
    background-repeat: repeat-x;
    top:0;
    z-index: -1;
}

h1{
    text-align: center;
    font-family: RobotoSlap,"Times New Roman",sans-serif;
    font-weight: normal;
    font-size: 3.2em;
}

h1 .text_greater{
    font-weight: normal;
    font-size: 0.6em;
}

h2{
    font-family: RobotoSlap,"Times New Roman",sans-serif;
    font-size: 2.5em;
    text-align: center;
    font-weight: normal;
}

.text_centered{
    text-align: center;
}

.default_padding{
    padding-top: 60px;
    padding-bottom: 60px;
}
.text_tiny,
.text_small,
.text_normal,
.text_great,
.text_greater{
    font-family: SourceSansPro, Arial, sans-serif;
}
.text_tiny{
    font-size: 10pt;
}
.text_small{
    font-size: 12pt;
}
.text_normal{
    font-size: 16pt;
}
.text_great{
    font-size: 20pt
}
.text_greater{
    font-weight: bold;
    font-size: 25pt;
}


.text_red{
    margin-top:20px;
    color: #cb4c4c;
}

.text_blue{
    color: #2f5991;
}
.text_white{
    color: #fff;
}

.text_yellow{
    color: #82c074;
}

.text_darkgrey{
    color: #555;
}

.text_bold{
    font-weight: bold;
}
.clickable{
    cursor: pointer;
}
#balink{
    text-decoration: underline;
    cursor: pointer;
}

.more_lineheight{
    line-height: 1.5em;
}
#titleFrame{
    width:100%;
    height:20px;
    background-color: #0f1e30;
    color: #586b84;

}
span#title{
    font-size: 8pt;
    padding:3px;
}
.letter_spacing{
    letter-spacing: 0.05em;
}
/* SEARCH */
.intro_text{
    margin-bottom: 30px;
    text-align: left;
}
.jobtitle{
    font-size: 2.625em;
    font-weight: bold;
}
.jobtitle.text_normal{
    font-size: 16pt;
}
.intro{
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
.data-summary{
    margin-top: 4em;
}
.data-summary h2 span{
    display: block;
}
#start_desc{
    font-size: 1.2em;
    color: #fff;
    text-align: left;
    margin: 0 auto 3em 0;

}

.under_search_text{
    font-size: 1em;
    color:white;
    margin-top:60px;
    text-align: center;
}
.under_search_text a{
    color: white;
}
.under_search_icon{
    margin-top:40px;
    text-align: center;
}
#futuromat_bildmarke{
    background-image: url("../img/Logo_Futuromat.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width:292px;
    height:104px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.update-text{
    background-color: white;
    width: 70px;
    font-size: 2em;
    padding-left:9px;
    padding-right:2px;
    float: right;
    border-radius: 10px;
    color: #233d74;
}

.futuromat_later{
    width:130px !important;
    height:46px !important;
    position:absolute;
    left: 5%;
    top: 81px;
}
.futuromat_later .update-text{
    width: 28px;
    font-size: 0.8em;
    padding-left: 4px;
    padding-right: 1px;
    border-radius: 3px;
}

#search_wrapper{
    margin:0 auto;
    width:640px;
    margin-top: 80px;

}
#iab_logo{
    padding-top: 100px;
    width:100%;
    text-align: center;
}
#iab_logo img{
    width:400px;
}
#iab_logo_small{
    position: absolute;
    right:5%;
    top:70px;
    visibility: hidden;
}
#iab_logo_small img{
    width:70px;
    height:70px;
}

#jobsearch{
    font-size:  15pt;
    width:      590px;
    height:     40px;
    border: 3px solid #ffffff;
    border-radius: 5px;
    padding-left:   50px;
    margin-left: -5px;
    background-image: url("../img/Lupe.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;

}

#jobsearch:focus{
    outline:0;
}


#jobsearch:hover {
    border: 3px solid #969696;
}


/* subab overlay */
#subab_overlay{
    position: fixed;
    width: 100%;
    height: 40px;
    padding-left: 60%;
    background: #546867;
    top:0;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    display: none;
    color: white;
}
.subab_overlay_text{
    float:left;
    padding: 10px;
    font-size: 12pt;

}
#subab_overlay .summary_text{
    float:left;
    padding: 8px;
    font-weight: bold;
    font-size: 14pt;
}
#subab_overlay .summary{
    float:left;
    padding: 5px;
    font-family: RobotoSlap, "Times New Roman", sans-serif;
    font-size: 16pt;
}

/* CONTENT */
#content_wrapper{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    width:100%;
    min-width:1024px;
    clear: both;
    background-color: white;
    display: none;
}
.inner_content{
    margin:0 auto;
    width: 900px;
    height: 100%;
}
.outer_content{

}
.mint{
    background-color: #deeaf4;
}
.grey{
    background-color: #f3f3f5;
}

.blue{
    background-color: #2f5991;
}
.spacer50{
    width:100%;
    height:50px;
    clear:both;
}

.text_box{
    text-align: center;
}
.text_box p{
    font-size: 1.8em;
}
.text_box .substitutable-text p {
    font-size: 1.2em;
    text-align: left;
}
/* First Section and Blue Overlay */

#blue_overlay_away_placeholder{
    position: relative;
    width: 100%;
    height: 200px;
    z-index: 101;

}
.histo_gets_fixed{
    position: fixed;
    top:0;
    width: 100%;
    border-bottom: 1px solid rgba(128, 128, 128, 0.35);
    -webkit-box-shadow: 0px 9px 45px -7px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 9px 45px -7px rgba(0,0,0,0.47);
    box-shadow: 0px 9px 45px -7px rgba(0,0,0,0.47);
    transition: box-shadow 0.5s;
    /*height:300px;*/
}
.histo_gets_fixed .section2{
    display:none;
}

.histo_gets_fixed .section2alt{
    display:inline;
}

.histo_gets_fixed .inner_content{
    padding-top:    30px;
    padding-bottom: 26px;
}


#histo_headline{
    width: 700px;
    margin: 0 auto;
    text-align: center;
    /*padding-bottom: 60px;*/
    font-size: 1.52em;
}
.histo_gets_fixed #histo_headline{
    font-size: 0.9em;
    text-align: left;
    width: 600px;
    padding-left: 40px;
}

#histogram_box{
    width: 100%;
    height: 80px;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
    justify-content: center;
}
.histo_gets_fixed #histogram_box{
    height: 100px;
}
#futuromat_bildmarke_small{
    display:none;
    position: absolute;
    background-image: url("../img/Logo_Futuromat.svg");
    background-size: contain;
    background-repeat: no-repeat;
    left: 5%;
    top: 59px;
    width: 130px;
    height: 46px;
}
.histo_gets_fixed #futuromat_bildmarke_small{
    display: block;
}
#futuromat_bildmarke_small .update-text{
    width: 28px;
    font-size: 0.8em;
    padding-left: 4px;
    padding-right: 1px;
    border-radius: 3px;
}

#histogram_wrapper{
    margin: 0 auto;
}

#histogram{
    position: absolute;
}
#section2head{
    text-align: center;
    margin: 0;
}
.histo_gets_fixed #histogram_wrapper, .histo_gets_fixed #histogram{
    height: 100px;
}

#histogram_scale{
    height:300px;
    width:11px;

    background-image: url("../img/scale.gif");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}
#histogram_desc_top{
    float: left;
    width: 40px;
    margin-top: -23px;
}
#histogram_desc_top_icon{
    width:40px;
    height:40px;
    margin-top: 3px;
    text-align: center;
}
#histogram_desc_top_icon.replaceable{
    background-size: 40px 40px;
}

#histogram_desc_top_icon img {
    width: 28px;


}
#histogram_desc_bottom{
    position: absolute;
    float: left;
    bottom:-21px;
    text-align: center;
    width: 40px;
}
#histogram_desc_bottom_icon{
    width:40px;
    height:40px;
    margin-top: 3px;
    text-align: center;
}
#histogram_desc_bottom_icon.not_replaceable{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 35px;
}
.histo_gets_fixed #histogram_desc_top, .histo_gets_fixed #histogram_desc_bottom{
    display: none;
}

#histogram_graphs_wrapper{
    float:right;
    height: 300px;
    width: 300px;
    margin-left:20px;
}
.histo_gets_fixed #histogram_graphs_wrapper{
    height: 100px;
}
.histogram_graph{
    height:28px;
    border-bottom: 2px solid #cfe3f4;
    background-color: #81a5c4;
}



.histogram_graph:hover{
    background-color: #5c96c9;
}

.histo_gets_fixed .histogram_graph{
    height:8px;
}
.histo_gets_fixed .histogram_graph:hover{
    background-color: #81a5c4;
}

.histogram_graph_pct{
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    color: white;
    font-size: 0.9em;
}

.histogram_tooltip{
    position:absolute;
    font-size: 1em;
    width: 320px;
    padding: 5px 5px;
    background-color: #807c7d;
    color: #e5e5e5;
    margin-left: 20px;
    margin-top:  -80px;
    opacity: 1;
    visibility: hidden;
    border-radius: 3px;

}

.histogram_tooltip::after{
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 10px;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: #aca8a9 transparent transparent transparent;
}

.histogram_graph:hover .histogram_tooltip{
    visibility: visible;

}

.histo_gets_fixed .histogram_tooltip, .histo_gets_fixed .histogram_graph_pct{
    display: none;
}

#subab_meter{
    position:   absolute;
    border-top: 3px dotted #284865;
    height:     3px;
}

#subab_meter_small{
    display:    none;
    position:   absolute;
    border-top: 1px dotted #284865;
    height:     1px;
    width:      300px;

}
.histo_gets_fixed #subab_meter_small{
    display:    block;
}
#subab_meter_legend{
    position: absolute;
    line-height: 1em;
    font-family: RobotoSlap,"Times New Roman",sans-serif;
    text-align: center;
    width: 280px;
    height: 130px;
    padding-right:10px;
    padding-top: 6px;
    font-size: 30pt;
    right:-117px;
}
#subab_meter_legend span{
    font-size: 32pt;
}
#subab_meter_legend p{
    font-family: SourceSansPro,Arial,sans-serif;
    font-size: 16pt;
    margin-top: 0;
}
#subab_meter_legend_default{
    display: none;
    position:absolute;
    text-align: right;
    width:100%;
    height: 27px;
    padding-top:5px;
    color: grey;
}
#subab_meter_legend_default span{
    font-size: 9pt;
}

#subab_meter_legend_default_small{
    display: none;
    position:absolute;
    text-align: right;
    right: -320px;
    top: 10px;
    font-size: 0.9em;
    color: grey;
}
#subab_meter_legend_default_small span{
    font-size: 0.8em;
}


.histo_gets_fixed #subab_meter,
.histo_gets_fixed #subab_meter_legend, .histo_gets_fixed #subab_meter_legend_default{
    display: none!important;
}
#subab_meter_legend_small{
    position:absolute;
    right:-320px;
    top:-12px;
    font-size: 1.2em;
}
#subab_meter_legend_small span{
    font-size: 0.7em;
}


#histogram_footer{
    margin: 0 auto;
    width: 480px;

}

/* Section 2 */
.section2{
    color:white;
}

.subab_in_words{
    font-size: 2em;
    color: white;
}
#section2head .subab_in_words{
    font-size: inherit;
}
.section2alt{
    display:none;
}

.section2alt .subab_in_words{
    font-size: inherit;
    color: inherit;
}

.section2firstRow{
    width: 200px;
    float:left;
}
.section2firstRow .headlinesubab{
    padding-bottom:16px;
}
.lineheight10{
    line-height: 2em;
}
.section2secondRow{
    width: 400px;
    float:left;
}
.section2secondRow .jobtitle{
    line-height: 1em;
    padding-top: 6px;
    height: 42px;
}



/* Skills */
#SkillHeadZero, #SkillHeadFull{
    display:none;
}

.skill_icon_desc{
    width:500px;
    margin: 0 auto;
    text-align: left;
    height: 30px;
    margin-top: 20px;
}
.skill_desc_icon{
    width: 30px;
    height: 30px;
    margin-right:10px;
    background-size: contain;
    float: left;
}
.skill_desc_icon.not_replaceable{
    background-position: left 3px center;
    background-repeat: no-repeat;
}


#over_skills{
    padding-bottom: 60px;
}
#reset{
    float:right;
    width:  50px;
    height: 50px;
    opacity: 0.5;

}
#reset:hover{
    opacity: 1;
    cursor: pointer;
}

#skills{

}
.skill{
    width: 360px;
    height:70px;
    float:left;
}
.robot{
    margin-top: 19px;
    width:90px;
    height: 30px;
    float:left;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: left 16px center;
}
.robot_tooltip{
    position:absolute;
    font-size: 1em;
    width: 320px;
    padding: 5px 5px;
    background-color: #807c7d;
    color: #e5e5e5;
    margin-left: -209px;
    margin-top:  -33px;
    opacity: 1;
    visibility: hidden;
    border-radius: 3px;
    z-index: 3;
    text-align: center;
}
.robot:hover .robot_tooltip{
    visibility: visible;
}

.skill_title{
    padding-bottom: 6px;

}
.skill_title.small_text{
    font-size: 10pt;
}
.skill_title.tiny_text{
    font-size: 8pt;
}

.skill_count{
    font-weight: bold;
}

#machine_skill_count{
    font-weight: bold;
}
.summary{
    font-weight: bold;
}
.substitutable-text .summary{
    font-weight: normal;
}
.substitutable-text .subab_in_words{
    color: inherit;
    font-size: inherit;
}
.substitutable-text-summary, .substitutable-text-link{
    color: #2f5991;
}
.replaceable{

        /*Icon made by www.flaticon.com/authors/freepik CC 3.0 BY*/
    background-image: url(../img/replaceable.svg);
}
.not_replaceable{

        /*Icons made by www.flaticon.com/authors/madebyoliver CC BY 3.0 */
    background-size: 25px 25px;
    background-image: url(../img/not_replaceable.svg);
    background-position: left 19px center;
}


/* Slider */
.slider{
    width:360px;
    height:3px;
}

.placeholder_slider{
    height:10px;
    width: 100%;
    clear:both;
}

.slider_left_text{
    font-weight: normal;
    font-size: 9pt;
    color: #aabccd;
    padding-left:3px;
    padding-top:2px;
    width: 100px;
}

.slider_right_text{
    font-weight: normal;
    font-size: 9pt;
    color: #aabccd;
    padding-right:3px;
    padding-top:2px;
    text-align: right;
}
/* ====== jQuery Slider things */

    /* slider_background */
.ui-widget-header{
    background-image: none;
    background-color: #cacee1;
}

    /* border around*/
.ui-widget.ui-widget-content{
    border: none;
    background-color: #cacee1;
    margin-top: 6px;
}
    /* handle */

.ui-slider-handle.ui-corner-all.ui-state-default{
    border-radius: 100%;
    background-image: none;
    background-color: #2f5991;
    border: none;
    height: 26px;
    width: 26px;
    margin-top: -6px;
    outline:0;

}
/* send to ba */
#send_to_ba{
    padding-top: 60px;
    padding-bottom: 60px;
}
#send_to_ba_text{
    float: left;
    width: 350px;
    font-weight: bold;
    font-size: 16pt;
    padding-left: 90px;
}
#send_to_ba_button{
    float: left;
    margin-left: 45px;
    width: 280px;
    height: 45px;
    background: #4B87BB;
    color: white;
    font-family: RobotoSlap, "Times New Roman", sans-serif;
    font-size: 20pt;
    text-align: center;
    padding-top: 11px;
}
#send_to_ba_button:hover{
    background: #77b2e6;
    cursor: pointer;
}

#transfer_ba_data_overlay{
    position:fixed;
    display: none;
    width: 700px;
    height: 430px;
    top: 300px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background-color: #e0e0e0;
    z-index:9999;
    border: 1px solid #ddd;
    -webkit-box-shadow: 10px 10px 46px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 10px 10px 46px 0px rgba(0,0,0,0.7);
    box-shadow: 10px 10px 46px 0px rgba(0,0,0,0.7);
}

#transfer_ba_data_overlay_text{
    padding:20px;
    font-size: 14pt;
    width: 660px;
    clear: both;

}

#send_button{
    float:left;
    width: 280px;
    height: 50px;
    background: #4B87BB;
    color: white;
    font-size: 10pt;
    text-align: center;
    padding-top: 5px;
    margin-left: 50px;
}
#send_button:hover{
    background: #77b2e6;
    cursor: pointer;
}
#send_button span{
    font-size: 16pt;
}

#cancel_button{
    float: right;
    width: 280px;
    height: 39px;
    background: #a2a8ae;
    color: white;
    font-size: 16pt;
    text-align: center;
    padding-top: 16px;
    margin-right: 50px;
}
#cancel_button:hover{
    background: #808e9a;
    cursor: pointer;
}



/* Employee Chart */

#headline_emp_sal{
    text-align: center;
    font-family: RobotoSlap,"Times New Roman", sans-serif;
    font-size: 3.2em;
    padding-bottom: 80px;
}
#headline_emp, #headline_sal{
    text-align: center;
    font-family: RobotoSlap,"Times New Roman", sans-serif;
    font-size: 2.7em;
    padding-bottom: 80px;
}
.chart_head{
    margin: 0 auto;
    width:700px;
}
.chart_head_num{
    width:50%;
    font-size: 3.2em;
    text-align: right;
    float:left;
    font-family: RobotoSlap,"Times New Roman", sans-serif;
}
.chart_head_desc{

    text-align: left;
    font-weight: bold;
    padding-top: 11px;
    padding-left:20px;
    float:left;
}

#emp_chart{
    height: 400px;
    width: 100%;
}

#employees_chart{
    margin: 0 auto;
    width: 700px;
    clear:both;
}
#employees_text{
    margin: 0 auto;
    width: 700px;
    padding-top: 60px;
}
.text_highlight{
    font-size: 1em;
    font-weight: bold;
}

/* Great Overlays */
.info_overlay{
    width:18px;
    cursor: pointer;
}
.histo_gets_fixed .info_overlay{
    width:12px;
}

#overlay_1, #overlay_2, #overlay_3, #overlay_4, #overlay_5{
    display: none;
}

.overlay_wrapper{
    top:0;
    position:fixed;
    width:100%;
    height:100%;
    z-index:102;
    background-color: rgba(0, 0, 0, 0.5);
}

.overlay_content{
    position:absolute;
    overflow: auto;
    padding: 20px;
    border: 40px solid #e1e1e1;
    top:20%;
    bottom:20%;
    left:20%;
    right:20%;
    background-color: #eee;

}

.overlay_text{

        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;

        -moz-column-width: 450px;
        -webkit-column-width: 450px;
        column-width: 450px;
}

.close {
  position: absolute;
  right:20.5%;
  top: 20.5%;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  z-index: 103;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}



/* Salary */



#salary_chart{
    margin: 0 auto;
    width:  700px;
    clear:both;
}
#salary_text{
    margin: 0 auto;
    width:  700px;
    padding-top: 60px;
    clear: both;
}

/* sources */
#sources{
    margin: 0 auto;
    width: 700px;
}

#sources_headline{
    font-size: 20pt;
    padding-bottom: 10px;
}

.shadow_top_inset{
    -webkit-box-shadow: inset 0px 15px 20px -16px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 15px 20px -16px rgba(0,0,0,0.4);
    box-shadow: inset 0px 15px 20px -16px rgba(0,0,0,0.4);
}
.row{
    width: 330px;
    padding-right: 20px;
    float: left;
    color: #444;
}
.row strong{
    color:#222;
}

#cooperation{
    padding-top:30px;
    margin: 0 auto;
    width: 700px;
}
#cooperation_headline{
    padding-bottom: 10px;
}

.footer{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 200px;
    padding-bottom: 60px;
    color:white;
}

.footerAtStart{
    position: absolute;
    padding: inherit;
    right:10px;
    top:5px;
    font-size: 10pt;
    color:#999;
}

.footer a{
    text-decoration: none;
}
.footer a:hover{
    text-decoration: underline;
}


/* Social Media */
#social_media_wrapper{
    display: none;
    position: fixed;
    top:33px;
    right: 30px;
    width: 35px;
    height: 70px;
}
.histo_gets_fixed #social_media_wrapper{
    display: block;
}


/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em
}

.resp-sharing-button--facebook {
  background-color: #fff;
  border-color: #fff;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #ddd;
  border-color: #ddd;
}

.resp-sharing-button--facebook .resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle{
    fill: #3a579a;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
/* Additional Pages */

#add_page_wrapper{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    min-height: 100%;

}
#add_page_wrapper #futuromat_bildmarke{
    margin-top: 60px;
}
#add_page_content_wrapper{
    padding:60px;
    background-color: rgb(228, 228, 228);
}

#add_page_content_wrapper .s1{
    text-decoration: underline;
}

.faq h2{
    font-size: 1.4em;
}



/* jQuery UI  autocomplete design*/
li.ui-menu-item a {
    display: block;
    /*background-color: #dce8fa;*/
    /*border-bottom: 1px solid #a9b6cd;*/
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    background-color: #686a69;
    background-image: none;
    border: 1px solid #686a69;
    color: white;
}

/**/
@media screen and (max-width: 1024px) {
    .futuromat_later{
        display: none;
    }
    #iab_logo_small{
        right:0;
    }
    #search_wrapper{
/*        margin:initial;
        margin-left:220px;
        margin-top:80px;*/

    }
}

@media screen and (max-width: 850px) {
    #iab_logo_small{
        display: none;
    }
}