@charset "UTF-8";

body {
    padding:0px;
    margin:0px;
    font-size:18px;
    font-weight:300;
    line-height:1.25em;
    color:#555555;
    background:#E8E4E1;   
    height:100%;
}


h1 {
    font-size:130%;
}

h2 {
    font-size:110%;
}

#datenschutz h3 {
    font-size:120%;
}

#datenschutz h4 {
    font-size:110%;
}

/* ------- Top -------------------- */

#top_image .inside {
    width:100%;
    height:80vmin;
}

#ahs_logo_top {
    position:absolute;
    top:5px;
    right:0px;
    left:auto;
    height:90px;
    margin-right:-10px
}

#top_image {
    height:80vmin;
}

#top_image_head {
    position:absolute;
    top:15vmin;
    left:5vmin;
    max-width:90%;
  }


/* ------- Footer ------------------ */

#footer #block1,
#footer #block2,
#footer #adresse
{
width:100%;
padding-bottom:10%;
}



#footer #abbinder .inside {
    display:block;
}

.spaltenbox {
    width:100%;
    display:block;
}

.spaltenbox .spalte {
    width:100%;
    display:block;
    padding-bottom:20px;
}

.spaltenbox.zwei_spalten .spalte {
    width:100%;
}



.spalten_container.zwei_spalten {
    columns: 0 1;
    column-gap: 40px;
}




#footer #abbinder .spaltenbox .spalte {
    text-align:center !important;
}

#hinweisgeber_link {
margin-right:0em;
display:block;
width:100%;
margin-bottom:1em;
}




/* ------- Kunden ------------------ */

.kunden_link {
    box-sizing:border-box;
    display:inline-block;
    width:46%;
    padding-top:30%;
    margin:2%;
    margin-bottom:0%;
    background-color:#ffffff;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:90%;
    border:1px solid #ffffff;
}

/* ------- Produkte ------------------ */

#produkte_container {
    width:100%;
    vertical-align:top;
    margin-top:4vh;
    margin-bottom:4vh;
}

#produkte_container .produkt_box {
    width:100%;
    padding-top:25%;
    padding-bottom:10%;
    /*border:1px solid #558877;*/
}


.produkt_intro_box {
    width:100%;
    margin:0px;
    min-height:300px;
}

.produkt_intro_box.first {
    margin-bottom:3vmin;
}


/* -------- Team --------- */

#team_container, #gf_container {
    margin-top:0vh;
    margin-bottom:0vh;
}

#gf_container {
    border-bottom:1px solid #dddddd !important;
}

#team_container .team_box {
    width:100%;
    margin-right:0%;
    margin-bottom:7%;
    padding-top:22%;
}

#gf_container .team_box {
    width:100%;
    margin-left:0%;
    margin-bottom:7%;
    padding-top:22%;
}

#team_container .team_box, #gf_container .team_box {
    padding-top:44%;
}

#team_container .team_box .portrait,
#gf_container .team_box .portrait {
    width:40%;
    padding-top:40%;
    border-radius:50%;
    background-color:#cccccc;
    position:absolute;
    top:0px;
    margin-left:30%;
    margin-right:30%;
}




/* -------- Menu --------- */

#mobile_menu_link {
    display:block;
    position:absolute;
    top:25px;left:20px;
    width:30px;
    height:30px;
    background:url(../images/icons/mobile_menu.svg) no-repeat center center;
    background-size:contain;
}



#top .inside nav#menu {
    position:fixed;
    top:120px;left:10%;
    width:80%;
    min-height:30px;
    /*border: 3px solid #558899;*/
    background:#ffffff;
    padding:50px 20px 40px 20px;
    border-radius:18px;
    display:none;
    z-index:1000;
}

#top .inside nav#menu li {
    width:100%;
}

#top .inside nav#menu a {
    display:block;
    width:100%;
    margin:0px;
    padding:10px;
    text-align:center;
    font-size:130%;
}

#top .inside nav a#menu_close {
    display:block;
    position:absolute;
    top:3px;right:3px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#C8B600 url(../images/icons/schliesskreuz_weiss.svg) no-repeat center center;
    background-size:16px;
}


.cite_large {
    font-size:140%;
    line-height:1.2em;
}


.accordion-header {
    font-size:110%;
  }


  #bitmarck-logo {
    display:block;
    position:absolute;
    bottom:1em;
    right:1em;
    width:120px;
    height:120px;
  }

  #bitmarck-logo img {
    width:100px;
margin-left:10px;
margin-top:50px;
  }


  .teaser_box {
    display:block;
    width:100%;
    margin:0%;
    margin-bottom:1em;
  }


  h1.flaechen_head {
    font-size:7vmin;
    line-height:9.5vmin;

  }

h1.flaechen_head span {
   padding: 1vmin 3vmin;
}



.prodref_box {
    display:block;
    width:100%;
    margin-left:0%;
    margin-right:0%;
    margin-top:2vmin;
    margin-bottom:2vmin;
  }


  .feature_box {
    width:100%;
    color:#ffffff;
    background:#cccccc;
    padding:10px;
    padding-top:50%;
    padding-bottom:30px;
    margin-bottom:2em;
  }


  .feature_box.pruefung {
    background:#006EC7 url(../images/produkte/smile/icon_pruefung.png) no-repeat center 30%;
    background-size:30%;
  }

  .feature_box.controlling {
    background: #062D47 url(../images/produkte/smile/icon_controlling.png) no-repeat center 30%;
    background-size:30%;
  }  
  
  .feature_box.steuerung {
    background:#C8B600 url(../images/produkte/smile/icon_steuerung.png) no-repeat center 30%;
    background-size:30%;
  }  
  
  .feature_box.verhandlungsraum {
    background:#887D75 url(../images/produkte/smile/icon_verhandlungsraum.png) no-repeat center 30%;
    background-size:30%;
  }  
  
  .feature_box.innovation {
    background:#005C9E url(../images/produkte/smile/icon_innovationen.png) no-repeat center 30%;
    background-size:30%;
  }





.modul_beschreibung {
width:100%;
float:none;
padding: 20px 5% 0 0;
}

.modul_funktionen {
width:100%;
float:none;
padding: 20px 0 0 0;
}





.block_dreifachpfeil {
  text-align:left;
   background:url(../images/sonstiges/dreifach-pfeil.svg) no-repeat left top;
   background-size:60px;
background-position:0px 3px;
width:100%;
position:relative;
padding-left:70px;
padding-right:100px;
}


.block_dreifachpfeil h3, 
.block_dreifachpfeil p {
   text-align:left;
}


#job_tasse {
display:inline-block;
height:100px;
text-align:center;
top:-10px;
}