@charset "UTF-8";



/*
- - - > |  @font-face  | < - - - 
*/
/* Klavika Web Basic Light */
@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicLight/KlavikaWebBasicLight.eot');
	src: url('KlavikaWebBasicLight/KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicLight/KlavikaWebBasicLight.woff2') format('woff2'),
         url('KlavikaWebBasicLight/KlavikaWebBasicLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	}

/* Klavika Web Basic Light Italic */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicLightItalic/KlavikaWebBasicLightItalic.eot');
	src: url('KlavikaWebBasicLightItalic/KlavikaWebBasicLightItalic.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicLightItalic/KlavikaWebBasicLightItalic.woff2') format('woff2'),
         url('KlavikaWebBasicLightItalic/KlavikaWebBasicLightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	}

/* Klavika Web Basic Regular */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicRegular/KlavikaWebBasicRegular.eot');
	src: url('KlavikaWebBasicRegular/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicRegular/KlavikaWebBasicRegular.woff2') format('woff2'),
         url('KlavikaWebBasicRegular/KlavikaWebBasicRegular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	}

/* Klavika Web Basic Regular Italic */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicRegularItalic/KlavikaWebBasicRegularItalic.eot');
	src: url('KlavikaWebBasicRegularItalic/KlavikaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicRegularItalic/KlavikaWebBasicRegularItalic.woff2') format('woff2'),
         url('KlavikaWebBasicRegularItalic/KlavikaWebBasicRegularItalic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	}

/* Klavika Web Basic Medium */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicMedium/KlavikaWebBasicMedium.eot');
	src: url('KlavikaWebBasicMedium/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicMedium/KlavikaWebBasicMedium.woff2') format('woff2'),
         url('KlavikaWebBasicMedium/KlavikaWebBasicMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	}

/* Klavika Web Basic Medium Italic */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.eot');
	src: url('KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.woff2') format('woff2'),
         url('KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	}

/* Klavika Web Basic Bold */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicBold/KlavikaWebBasicBold.eot');
	src: url('KlavikaWebBasicBold/KlavikaWebBasicBold.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicBold/KlavikaWebBasicBold.woff2') format('woff2'),
         url('KlavikaWebBasicBold/KlavikaWebBasicBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	}

/* Klavika Web Basic Bold Italic */
	@font-face {
	font-family: 'KlavikaWebBasic';
	src: url('KlavikaWebBasicBoldItalic/KlavikaWebBasicBoldItalic.eot');
	src: url('KlavikaWebBasicBoldItalic/KlavikaWebBasicBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('KlavikaWebBasicBoldItalic/KlavikaWebBasicBoldItalic.woff2') format('woff2'),
         url('KlavikaWebBasicBoldItalic/KlavikaWebBasicBoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	}

/*
- - - > |  Font Classes  | < - - - 
*/
.KlavikaWebBasicLight {
	font-family: 'KlavikaWebBasic';
	font-weight: 300;
	font-style: normal;
	}

.KlavikaWebBasicLightItalic {
	font-family: 'KlavikaWebBasic';
	font-weight: 300;
	font-style: italic;
	}

.KlavikaWebBasicRegular {
	font-family: 'KlavikaWebBasic';
	font-weight: 400;
	font-style: normal;
	}

.KlavikaWebBasicRegularItalic {
	font-family: 'KlavikaWebBasic';
	font-weight: 400;
	font-style: italic;
	}

.KlavikaWebBasicMedium {
	font-family: 'KlavikaWebBasic';
	font-weight: 500;
	font-style: normal;
	}

.KlavikaWebBasicMediumItalic {
	font-family: 'KlavikaWebBasic';
	font-weight: 500;
	font-style: italic;
	}

.KlavikaWebBasicBold {
	font-family: 'KlavikaWebBasic';
	font-weight: 700;
	font-style: normal;
	}

.KlavikaWebBasicBoldItalic {
	font-family: 'KlavikaWebBasic';
	font-weight: 700;
	font-style: italic;
	}





* {
    box-sizing:border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: 'KlavikaWebBasic';
}

select, option, input[radio] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'KlavikaWebBasic';
}

::-moz-focus-inner {
	border:0;
}


body {
    padding:0px;
    margin:0px;
    font-size:20px;
    font-weight:300;
    line-height:1.25em;
    color:#212121;
    background:#E8E4E1;   
    height:100%;
    font-family: 'KlavikaWebBasic';
}



/* --- Basis-Elemente --- */


a {
    color:#006EC7;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}


p {
    line-height:1.4em;
    padding:0;
    margin:0;
    margin-bottom:0.7em;
    font-weight:300;
}

.small {
font-size:75%;
}

h1 {
    font-family: 'KlavikaWebBasic';
    font-weight:500;
    font-size:200%;
    line-height:1.1em;
    margin:0vw;
    margin-bottom:1em;
    color:#006EC7;
    text-align:center;
}





/*
h1.flaechen_head {
    text-align:left;
    display: inline;
    font-size:5vmin;
    line-height:6vmin;
    color:#ffffff;
    background: #006EC7;
    box-shadow: 0.3em 0 0 #006EC7, -0.3em 0 0 #006EC7;
    box-decoration-break: clone;
}
*/


h1.flaechen_head {
    text-align:left;
    font-size:5vmin;
    line-height:5.5vmin;
    color:#ffffff;
}


h1.flaechen_head span {
   padding: 0px 1vmin;
  background-color: rgb(254,207,12);
 -webkit-box-decoration-break: clone;
 box-decoration-break: clone;
color:#ffffff;
background: #006EC7;

}




h2, .level1 {
    font-family: 'KlavikaWebBasic';
    font-weight:500;
    font-size:150%;
    line-height:1.1em;
    margin:0vw;
    margin-bottom:1em;
    color:#003D69;
}

h3 {
    font-family: 'KlavikaWebBasic';
    font-weight:500;
    font-size:140%;
    line-height:1.1em;
    margin:0vw;
    margin-bottom:0.5em;
    color:#003D69;
}

h4 {
    font-family: 'KlavikaWebBasic';
    font-weight:500;
    font-size:130%;
    line-height:1.1em;
    margin:0vw;
    margin-bottom:0.5em;
    margin-top:1em;
}

#datenschutz h4 {
    font-size:0.9vw;
}

h5 {
    font-family: 'KlavikaWebBasic';
    font-weight:500;
    font-size:115%;
    line-height:1.1em;
    margin:0vw;
    margin-bottom:0.5em;
}

h6 {
    font-family: 'KlavikaWebBasic';
    font-weight:500;
    font-size:100%;
    line-height:1.2em;
    margin:0vw;
    margin-bottom:0.5em;
}


.cite_large {
    font-size:170%;
    font-style:italic;
    text-align:center;
    line-height:1.2em;
}

.cite_large.yellow {
    color:#C8B600;
}



input[type=text],
input[type=tel],
input[type=password],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    font-family: 'KlavikaWebBasic';
    border:1px solid #eeeeee;
    border-radius:0.2vw;
    font-size:inherit;
    font-family:inherit;
    font-weight:400;
    line-height:1.3vw;
    padding:0.4vw 0.7vw 0.4vw 0.7vw;
    background-color:#eeeeee; 
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus {
    border:1px solid #777777;
}

address {
    font-style:normal;
}

ul {
    list-style-type: none;
}

ul li {
    padding:0 0 0.5em 20px;
    margin:0;
    list-style-type: none;
    background:url(../images/icons/aufzaehlungs_quadrat_yellow.svg) no-repeat left top;
    background-size:10px;
    background-position:0px 7px;
}

ol li {
    padding:0 0 0.5em 20px;
}

li ul {
    margin-top:0.5em;
}

strong {
    font-weight:700;  
}

.buttonlink {
    display:inline-block;
    background:#006EC7;
    color:#ffffff;
    font-weight:500;
    padding:1vh 2vh 1vh 2vh;
    border-radius:0.5vh;
}



.margin_top {
    margin-top:3em;
}

.margin_bottom {
    margin-bottom:3em;
}

.image_full_width {
width:100%;
}

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

#shadow {
    position:fixed;
    top:0px;left:0px;bottom:0px;
    width:100%;
    background:rgba(6,45,71, 0.3);
    z-index:200;
    display:none;
}

#top {
    width:100%;
    background:rgba(255,255,255,0.9);
    position:fixed;
    z-index:100;
    height:95px;
    top:0px;
}

#top_image .inside {
    width:100%;
    padding:10px 1vw 0.5vh 1vw;
    position:relative;
    height:50vh;
}


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

#mobile_menu_link {
    display:none;
}

#top .inside nav {
    display:block;
    position:absolute;
    right:2%;
    top:-10px;
}

#top .inside nav li {
    display:inline-block;
    padding:0px;
    background:none;
}

#top .inside nav a {
    display:inline-block;
    margin-left:2vh;
    padding:1vh;
    font-weight:500;
    border:1px solid rgba(0,0,0,0);
}

#top .inside nav a:hover {
    text-decoration:none;
    border:1px solid #cccccc;
}

#top .inside nav .active a,
#top .inside nav .active a:hover {
    text-decoration:none;
    border:1px solid #006EC7;
}


#top_image {
    width:100%;
    height:50vh;
    margin-top:95px;
    background:url(../images/header/header_loading.jpg) no-repeat center center;
    background-size:cover;
    position:relative;
    z-index:50;
}



/* ------- Content ------------------ */


section, section.lightgrey {
    width:100%;
    position:relative;
    z-index:50;
    background:#F3F2F1;
}

section#kunden,
section#impressum,
section#datenschutz,
section.white {
    background:#ffffff;
}

section.yellow {
    background:#C8B600;
color:#fff;
}

section.mediumgrey {
    background:#ACA49E;
    color:#ffffff;
}

section.darkgrey {
    background:#887D75;
    color:#ffffff;
}

section.adessoblue {
    background:#006EC7;
color:#fff;
}

section.darkblue {
    background:#003D69;
    color:#ffffff;
}
section.darkblue h2 {
    color:#C8B600;
}

section h2 {
    text-align:center;
}

.inside {
    padding:3vh;
    width:100%;
    max-width:1600px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.inside.centered {
    text-align:center;
}

.content_block {
    width:100%;
    position:relative;
}

.content_block.white {
    background:#ffffff;
}

.content_block.margin_bottom {
    margin-bottom:2vh;
}

.content_block .spalte_li {
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    width:50%;
    padding-right:2%;
}

.content_block .spalte_re {
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    width:50%;
    padding-left:2%;
}

.content_block.white .spalte_re,
.content_block.white .spalte_li {
    padding:4vh;
}

.content_block.bild_links .spalte_re {
    margin-left:50%;
}


.content_block .spalte_li img,
.content_block .spalte_re img {
    width:100%;
}

#spalte_java_entwickler { 
    position:absolute;
    top:0px;bottom:0px;
    background:url(../images/karriere/java.webp) no-repeat center center;
    background-size:cover;
}


#spalte_sql_entwickler { 
    position:absolute;
    top:0px;bottom:0px;
    background:url(../images/karriere/sql.webp) no-repeat center center;
    background-size:cover;
}

#spalte_delphi_entwickler { 
    position:absolute;
    top:0px;bottom:0px;
    background:url(../images/karriere/Delphi-C-C+.webp) no-repeat center center;
    background-size:cover;
}


#spalte_softwaretester { 
    position:absolute;
    top:0px;bottom:0px;
    background:url(../images/karriere/software-tester.webp) no-repeat center center;
    background-size:cover;
}



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

#footer {
    width:100%;
    background:#003D69;
    position:relative;
    z-index:50;
    color:#ffffff;
}

#footer .inside {
    position:relative;
}

#footer #block1 {
    display:inline-block;
    vertical-align:top;
    width:25.5%;
    position:relative;
}

#footer #block2 {
    display:inline-block;
    vertical-align:top;
    width:25.5%;
}

#footer a {
    color:#ffffff;
}

#footer #adresse {
    display:inline-block;
    vertical-align:top;
    width:40%;
}

#footer #abbinder {
    display:block;
    border-top:1px solid #ffffff;
    width:100%;
    padding:0px;
}

#footer #abbinder .inside, .inside.table {
    display:table;
    width:100%;
}


#linkedin_link {
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    right:3vh; top:3vh;
    background:url(../images/icons/LI-In-Bug_white.png) no-repeat center center;
    background-size:contain;
}

#hinweisgeber_link {
margin-right:1em;
}




.spaltenbox {
    width:100%;
    display:table-row;
}




.spaltenbox .spalte {
    display:table-cell;
}

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

.spalten_container.zwei_spalten {
    columns: 100px 2;
    column-gap: 40px;
    widows: 0;
    orphans: 3;
}



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

#kunden_container {
    width:100%;
}

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

.kunden_link:hover {
    border:1px solid #cccccc;
}

.kunden_link#casusquo {
    background-image:url(../images/kunden/casusquo-logo-2024.svg);
}

.kunden_link#spectrumk {
    background-image:url(../images/kunden/spectrumk.svg);
}

.kunden_link#kv_bayern {
    background-image:url(../images/kunden/kvbay2024b.svg);
}

.kunden_link#kv_berlin {
    background-image:url(../images/kunden/KV_BERLIN_Logo_4C_Ohne_Claim.svg);
}

.kunden_link#kv_brandenburg {
    background-image:url(../images/kunden/KVBB.svg);
}

.kunden_link#kv_hessen {
    background-image:url(../images/kunden/KVH.svg);
}

.kunden_link#kv_mecklenburg_vorpommern {
    background-image:url(../images/kunden/kvmvcompact2024.svg);
    background-size:50%;
}

.kunden_link#kv_niedersachsen {
    background-image:url(../images/kunden/KVN.svg);
    background-size:98%;
}

.kunden_link#kv_nordrhein {
    background-image:url(../images/kunden/KVNO.svg);
    background-size:98%;
}

.kunden_link#kv_sachsen {
    background-image:url(../images/kunden/KVS.svg);
    background-size:80%;
}

.kunden_link#kv_sachsen_anhalt {
    background-image:url(../images/kunden/KVSA.svg);
    background-size:80%;
}

.kunden_link#kv_westfalen_lippe {
    background-image:url(../images/kunden/KVWL.svg);
    background-size:98%;
}

.kunden_link#dak {
    background-image:url(../images/kunden/DAK-Gesundheit_logo.svg);
    background-size:60%;
}

.kunden_link#kkh {
    background-image:url(../images/kunden/KKH-Allianz_2012_logo.svg);
    background-size:98%;
}



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

#produkte_container {
    width:30%;
    height:70vh;
    background:#ffffff;
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
}

#info_container {
    width:30%;
    height:70vh;
    background:#ffffff;
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
}

#jobs_container {
    width:30%;
    height:70vh;
    background:#ffffff;
    display:inline-block;
    vertical-align:top;
}

#produkte_container .produkt_box {
    box-sizing:border-box;
    display:inline-block;
    width:23.2%;
    margin-right:2%;
    margin-bottom:0%;
    padding-top:6%;
    /*background-color:#ffffff;*/
    background-position:top center;
    background-repeat:no-repeat;
    background-size:20%;
    text-align:center;
    vertical-align:top;
}


#produkte_container .produktbox {
    box-sizing:border-box;
    display:block;
    width:100%;
    margin:0px;
    margin-bottom:50px;
    padding:30px;
    background-color:#ffffff;
}

#produkte_container .produkt_box.last {
    margin-right:0%;
}

.produkt_box#kvai {
    background-image:url(../images/icons/icon_arztsuche.svg);
}

.produkt_box#kvai_pro {
    background-image:url(../images/icons/icon_arztsuche.svg);
}

.produkt_box#arztsuche {
    background-image:url(../images/icons/icon_arztsuche.svg);
}

.produkt_box#bedarfsplanung {
    background-image:url(../images/icons/icon_bedarfsplanung2.svg);
    background-size:25%;
}


/* ------- Team ------------------ */
span.name {
    font-weight:700;
}

#team_container, #gf_container {
    width:100%;
    vertical-align:top;
    margin-top:4vh;
    margin-bottom:4vh;
    /*border:1px solid #557788;*/
}

#team_container .team_box, #gf_container .team_box {
    box-sizing:border-box;
    display:inline-block;
    position:relative;
    width:33%;
    margin-right:0%;
    margin-bottom:0%;
    padding-top:15%;
    /*background-color:#ffffff;*/
    background-position:top center;
    background-repeat:no-repeat;
    background-size:20%;
    text-align:center;
    vertical-align:top;
    /*border:1px solid #558866;*/
}

#team_container .team_box.last {
    margin-right:0%;
}

#gf_container .team_box#gf {
   margin-left:16%;
}
#team_container .team_box#leiter_pm {
   margin-left:16%;
}

#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%;
}



.team_box .portrait#jf {
    background:url(../images/team/dr_jens_finnern.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#tb {
    background:url(../images/team/tim_bodenschatz.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#tra {
    background:url(../images/team/torsten_ramm_2021.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#ak{
    background:url(../images/team/annika_kerschies.png) no-repeat center center;
    background-size:cover;
}


.team_box .portrait#pk {
    background:url(../images/team/peter_kretzschmar_alt.png) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#jok {
    background:url(../images/team/joerg_koschitzki.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#sol {
    background:url(../images/team/sebastian-olberding.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#tri {
    background:url(../images/team/tommy-richter.jpg) no-repeat center center;
    background-size:cover;
}


.team_box .portrait#oj {
    background:url(../images/team/oliver_jordan.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#gw {
    background:url(../images/team/georg_wichert_200.jpg) no-repeat center center;
    background-size:cover;
}

.team_box .portrait#abr {
    background:url(../images/team/AndreasBruegmann.jpg) no-repeat center center;
    background-size:cover;
}



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

.produkt_intro_box {
    display:inline-block;
    width:49%;
    /*background:#ffffff;*/
    border:none;
    vertical-align:top;
    padding:0px;
    border-radius:5px;
    margin-right:1%;
    margin-left:1%;
    margin-bottom:2%;
    min-height:300px;

}

.produkt_intro_box.first {
    margin-left:0%;
}
.produkt_intro_box.last {
    margin-right:0%;
}

section.darkblue .produkt_intro_box h2 {
    color:#ffffff;

}

.produkt_box {
    display:block;
    width:100%;
    background:#ffffff;
    border:1px solid #cccccc;
    padding:1vmin;
    margin-bottom:20px;
    border-radius:5px;
    min-height:100px;
    text-align:center;
}

.produkt_intro_box h2 {
    margin-bottom:1em;
    margin-top:1em;
}


.produkt_block {
    display:block;
    padding: 20px 50px 5px 20px;
    color:#212121;
    margin: 0 1.3rem 5px 0;
    cursor:pointer;
    background:#F3F2F1 url("../images/icons/arrow_right_212121.svg") no-repeat right center;
    background-size:20px;
    background-position: right 10px top 48%;
    
}

.produkt_block:hover {
    background-color: #ffffff;
    text-decoration:none;
}

.produkt_block h3 {
    color: #006EC7;
}

.produkt_logo {
    display:inline;
    /*height:50px;*/
   width:100%;
    max-width:300px;
}


/* ------ Accordion ------- */

.accordion-body {
    display: none;
    padding: 0px;
    background-color: none;
    border-radius: 5px;
    margin: 4px 0;
  }
  
  .accordion-body > * > .accordion-body {
    background-color: #ffffff;
    margin: 0
  }
  
  .accordion-header {
    background: #006EC7 url("../images/icons/arrow_closed_white.svg") no-repeat 97% 15px;
    background-size:20px;
    margin: 8px 0;
    color: #fff;
    padding: 15px 50px 15px 15px;
    cursor: pointer;
    position: relative;
    text-align:left;
    font-weight:400;
    font-size:120%;
    -webkit-clip-path: polygon(0 0,0 0,0 0,100% 0,100% calc(100% - 1.3rem),calc(100% - 1.3rem) 100%,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 0,100% 0,100% calc(100% - 1.3rem),calc(100% - 1.3rem) 100%,0 100%,0 100%);
  }
  
  .accordion-header.open {
    background: #006EC7 url("../images/icons/arrow_open_white.svg") no-repeat 97% 15px;
    background-size:20px;
    color: #fff;
    font-weight: normal;
    font-weight:400;
  }
  
  .accordion-header:last-of-type { margin-bottom: 0 }
  
  .accordion-header.open:last-of-type { margin-bottom: 4px }
  
  .accordion-header span {
    position: absolute;
    right: 6px;
    top: 6px;
    /*background: #fff;*/
    padding: 2px 5px;
    border-radius: 4px;
    color: #333;
    font-weight: normal;
  }
  



  .adesso_buttonlink {
    display:inline-block;
    -webkit-clip-path: polygon(0 0,0 0,0 0,100% 0,100% calc(100% - .9rem),calc(100% - .9rem) 100%,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 0,100% 0,100% calc(100% - .9rem),calc(100% - .9rem) 100%,0 100%,0 100%);
    padding:0.5rem 2rem 0.6rem 2rem;
    background:#006EC7;
    color:#ffffff;
    font-weight: 500;
  }

  .adesso_buttonlink:hover {
    background:#1a83d7;
    text-decoration:none;
  }

  .adesso_buttonlink.back_button {
   margin-right:20px;
  }


  p.email {
    padding-top:2rem;
  }


  .teaser_block {
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    flex-direction:row;
  }

  .teaser_box {
    display:block;
    width:30%;
  }

  .teaser_box a:hover {
    text-decoration:none;
    opacity:90%;
  }

  .teaser_block.start .teaser_box {
    display:block;
    /*height:15vmin;*/
  }



  .teaser_box .teaser_title {
    text-align:center;
    font-weight:500;
    padding:10px 10px 12px 10px;
    background-color:#003D69;
    color:#ffffff;
    text-decoration:none !important;
  }

  a.teaser_box:hover .teaser_title, .teaser_title:hover {
    text-decoration:none !important;
  }


  .teaser_box img {
    display:block;
    width:100%;
  }

  .teaser_box .teaser_image {
    width:100%;
    padding-top:70%;
    background:#ffffff;
  }

  .teaser_box.produkte .teaser_image {
    background:url(../images/header/header_loading.jpg) no-repeat center center;
    background-size:cover;
  }

  .teaser_box.unternehmen .teaser_image {
    background:url(../images/wir/meeting2-img-1153.png) no-repeat center center;
    background-size:cover;
  }


  .teaser_box.karriere .teaser_image {
    background:url(../images/karriere/teaser_karriere_kraft-menschen-haende-erfolg-treffen.jpg) no-repeat center center;
    background-size:cover;
  }



 


  #bitmarck-logo {
    display:block;
    position:absolute;
    bottom:2em;
    right:2em;
    width:200px;
    height:200px;
background:#fff;
border-radius:50%;
  }

  #bitmarck-logo img {
    width:180px;
margin-left:10px;
margin-top:80px;
  }


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


/* ------ Galleria ------- */



  .galleria-theme-classic .galleria-stage {
    background:#003D69;
    top:0px; right:0px; left:0px; bottom:0px;
    /*border:1px solid #ff8899;*/
  }



  /* ------- Produktreferenz ---------- */

  .prodref_container {
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    column-gap:5%;
    flex-wrap:wrap;
    flex-direction:row;
    /*border:1px solid #ff5599;*/
  }

  .prodref_box_link {
    text-decoration:none !important;
    display:block;
  }

  .prodref_box {
    display:inline-block;
    position:relative;
    width:30%;
    background:#003D69;
    padding-bottom:20px;
    margin:0px;
  }


  .prodref_box .prodref_img {
    display:block;
    width:100%;
    padding-top:50%;
  }

  .prodref_box.praxisboerse .prodref_img {
    background: url("../images/produkte/praxisboerse/prodref_praxisboerse_young-handsome-physician-medical-robe-with-stethoscope.jpg") no-repeat center center;
    background-size:cover;
  }

  .prodref_box.bedarfsplanung .prodref_img {
    background: url("../images/produkte/bedarfsplanung/prodref_bedarfsplanung.png") no-repeat center center;
    background-size:cover;
  }

  .prodref_box.go_stamm .prodref_img {
    background: url("../images/produkte/go_stamm/prodref_wood-2735496_1920.jpg") no-repeat center center;
    background-size:cover;
  }


  .prodref_box.fiti .prodref_img {
    background: url("../images/produkte/fiti/prodref_fiti_header.png") no-repeat center center;
    background-size:cover;
  }

  .prodref_box.smc_b .prodref_img {
    background: url("../images/produkte/smc_b/prodref_smc_b2.png") no-repeat center center;
    background-size:cover;
  }
 
  .prodref_box.qesue .prodref_img {
    background: url("../images/produkte/smc_b/prodref_smc_b2.png") no-repeat center center;
    background-size:cover;
  }

  .prodref_box.smile_plattform .prodref_img {
    background: url("../images/produkte/smile/mitarbeiterin-smile-pexels-photo-3756678.webp") no-repeat center center;
    background-size:cover;
  }

  .prodref_box.smile_decide .prodref_img {
    background: url("../images/produkte/smile/decide/prodref_decide_path-4610699.jpg") no-repeat center center;
    background-size:cover;
  }
 
  .prodref_box.smile_invite .prodref_img {
    background: url("../images/produkte/smile/invite/prodref_verhandlungsraum.jpg") no-repeat center center;
    background-size:cover;
  }

  .prodref_box.smile_kh .prodref_img {
    background: url("../images/produkte/smile/kh/prodref-smile-kh-pexels-ono-kosuki-5999874.jpg") no-repeat center center;
    background-size:cover;
  }
 
 
 
 

  .prodref_box .prodref_title {
    display:block;
    width:100%;
    height:7em;
    position:relative;
  }


  .prodref_box .prodref_title h4 {
    color:#ffffff !important;
    text-decoration:none !important;
    padding-right:1em;
    padding-left:1em;
  }



  .prodref_box .prodref_title .adesso_buttonlink {
    position:absolute;
    bottom:10px;
    left:25%;
    right:25%;
  }



  /* ------ Feature-Boxen -------------- */

  .feature_box_container {
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    flex-direction:row;
  }

  .feature_box {
    width:15%;
    color:#ffffff;
    background:#cccccc;
    padding:10px;
    padding-top:20%;
    padding-bottom:30px;
  }

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

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



  .job_block {
    display:inline-block;
    width:100%;
    -webkit-clip-path: polygon(0 0,0 0,0 0,100% 0,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 0,100% 0,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,0 100%,0 100%);
    padding:1rem 2rem 1rem 2rem;
    padding-left:40px;
    background:#ffffff;
    position:relative;
    margin-bottom:2em;
    min-height:100px;
    text-decoration:none;
    vertical-align:top;
  }


  .job_block h3 {
    font-size:120%;
    line-height:1.1em;
    margin-bottom:0.1em;
    text-decoration:none;
  }

  .job_block p {
    margin-bottom:0em;
    line-height:1.2em;
    color:#212121;
    text-decoration:none;
  }

  a.job_block:hover h3, a.job_block:hover p {
    text-decoration:none !important;
  }

  .job_block .motiv {
    width:20px;
    background:#C8B600;
    position:absolute;
    top:0px;left:0px;bottom:0px;
  }


  .job_block.motiv_fe_entwickler .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_fe_programmierung.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_java_entwickler .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_java_programmierung.jpg) no-repeat center center;
    background-size:cover;
  }
  
  .job_block.motiv_projektmanagement .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_projektmanagement_office-620822.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_datacenter .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_datacenter_lars-kienle-IlxX7xnbRF8-unsplash.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_delphi_entwickler .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_delphi_entwickler.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_tester .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_software-tester.jpg) no-repeat center center;
    background-size:cover;
  }
  
  .job_block.motiv_assistenz_gf .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_assistenz.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_sql .motiv {
    background:#005C9E url(../images/karriere/jobarten/job_sql.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_machine_learning .motiv {
    background:#005C9E url(../images/karriere/jobarten/job-machine-learning-ai-generated-8005084.jpg) no-repeat center center;
    background-size:cover;
  }

  .job_block.motiv_initiativ .motiv {
    background:#005C9E url(../images/karriere/jobarten/job-initiativ-superman-7269293.jpg) no-repeat center center;
    background-size:cover;
  }



   
  #landkarten_box {
     text-align:center;
     margin:0px -3vh -3vh -3vh;
    display: flex;
    justify-content: center;
  }

  #standorte_karte {
   width:100vw;
   max-width:1200px;
   display: block;
  }


.modul_block {
width:100%;
margin-bottom:3em;
float:left;
}

.modul_block.no_margin_bottom {
margin-bottom:0px;
}

.modul_titel {
padding:0.5em;
background-color:#006EC7;
color:#fff;
font-weight:500;
}

.modul_beschreibung {
width:50%;
float:left;
padding: 20px 5% 0 0;
}

.modul_funktionen {
width:50%;
float:right;
padding: 20px 0 0 0;
}

#bsfz_siegel {
width:150px;
float:right;
}


#ppms_cm_privacy_settings,
#ppms_cm_privacy_settings h1,
#ppms_cm_privacy_settings p,
#ppms_cm_privacy_settings button,
#ppms_cm_popup_wrapper p,
#ppms_cm_popup_wrapper button,
#ppms_cm_popup_overlay,
#ppms_cm_popup_overlay h1,
#ppms_cm_popup_overlay button,
#ppms_cm_popup_overlay p,
#ppms_cm_popup_overlay a,
#ppms_cm_popup_overlay span {
    font-family: 'KlavikaWebBasic' !important;
}

#ppms_cm_privacy_settings h1,
#ppms_cm_popup_overlay .ppms_cm_header1 {
    font-family: 'KlavikaWebBasic' !important;
    font-size:150% !important;
    font-weight:normal !important;
    font-weight:700 !important;
    line-height:1.25em !important;
}

#ppms_cm_privacy_settings p,
#ppms_cm_popup_wrapper p,
#ppms_cm_popup_overlay p,
#ppms_cm_popup_overlay a,
#ppms_cm_popup_overlay span {
    font-family: 'KlavikaWebBasic' !important;
    font-size:20px !important;
    font-weight:300 !important;
    line-height:1.25em !important;
}

#ppms_cm_privacy_settings button,
#ppms_cm_popup_wrapper button {
    font-family: 'KlavikaWebBasic' !important;
    font-size:20px !important;
    font-weight:500 !important;
    color:#ffffff;
}


.block_dreifachpfeil {
   background:url(../images/sonstiges/dreifach-pfeil.svg) no-repeat left center;
   background-size:150px;
width:100%;
position:relative;
}

#job_tasse {
display:block;
position:absolute;
top:-30px;right:0px;
height:200px;
}