@media print {




/* archivo-black-regular - latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/archivo-black-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/archivo-black-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/archivo-black-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/archivo-black-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/archivo-black-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/archivo-black-v17-latin-regular.svg#ArchivoBlack') format('svg'); /* Legacy iOS */
}



/* varela-round-regular - latin */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/varela-round-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/varela-round-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/varela-round-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/varela-round-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/varela-round-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/varela-round-v19-latin-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}



/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}








body {   -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         margin:0;
         padding:0;
         }



.wrapper {
        max-width: 1280px;
        padding: 0 0 0 0;
        margin: 0 auto;
         }

@media all and (max-width: 1300px) {
        .wrapper {
        padding: 0 15px 0 15px;
         }
}



.wrapperwide {
        max-width: 1920px;
        padding: 0 80px 0 80px;
        margin: 0 auto;
         }


@media all and (max-width: 1460px) {
        .wrapperwide {
        padding: 0 15px 0 15px;
         }
}




/* ============ Backgrounds ===============      */
.bgcolor_antworten {background-color: #032651; }


.bgcolor_hero {background-color: #133F46; }
.bgcolor_print {background-color: #DFDFDF; }
.bgcolor_video {background-color: #EFEFEF; }

.bgcolor_midgrey {background-color: #AFAFAF; }

.bgcolor_startup {background-color: ##FFFFFF; }

.bgcolor_black {background-color: #000000; }







nav {display:none; }


/* ==== LOGO ======= */
.logo {  display:none;}

/* ====== abstand unter header===== */
.menuunder {  display:none;}






.noprint {display:none; } 






/* ========================================= IMG =============== */
img {width:50%;}

.img100 {width:75%; margin-left:12.5%; margin-top:40px; margin-bottom:40px;}
.img75 {width:75%; margin-left:12.5%}

.img74 {width:74%; margin-left:0%}
.img60 {width:60%; margin-left:0%}
.img50 {width:50%; margin-left:0%}
.img50c {width:50%; margin-left:25%}


.imgtwin {width: 50%;float:left;}
         @media all and (max-width: 560px) { .imgtwin {width: 100%;}}

.imgthirds {width: 33.33%;float:left;}
         @media all and (max-width: 560px) {  .imgthirds {width: 100%;}}

.imgquads {width: 25%;float:left;}
         @media all and (max-width: 560px) {.imgquads {width: 50%;}}



.imgarrows {width: 15%; margin-left:24%; margin-bottom:20px;}
         @media all and (max-width: 560px) {.imgquads {width: 50%;}}


.imgjobskala {width: 50%; margin-left:25%; margin-top:40px;}
         @media all and (max-width: 560px) { .imgjobskala {width: 70%; margin-left:15%; margin-top:10px;}}



.zoom img {
}

.zoom:hover img {
}





.grafiken {padding:0px 100px 0 100px}
        @media all and (max-width: 1500px) { .grafiken {padding:2px 15px 0 15px} }


.btow {background-image: linear-gradient(#000000, #FFFFFF); height:150px;}


.imgthema {width: 300px;}
         @media all and (max-width: 560px) { .imgthema {width: 100%;}}


.icondrucker {
        display:none;
}

/* ============ buttons =============== */

.goto50,
.goto100 { display:none;
}

.goto50 {
        display:none;
}



.goto100 {
        display:none;

}


.goto50:hover,
.goto100:hover {

}



/* Mid screens */
@media all and (max-width: 1700px) {
        .goto100 {
         display:none;

                }
}














.gotomore {
         display:none;
}



.gotomore:hover {

}







.gotojob {
         display:none;
}





/* Mid screens */
@media all and (max-width: 960px) {
        .gotojob {
        display:none;
                }
}





/* ============ buttons =============== */
/* darkblue 5 nebeneinander */
.gotothema {
         display:none;
}

.gotothema:hover {

}







/* darkblue 50%, 50%centered, 100% breit */
.gotoblue50,
.gotoblue50c,
.gotoblue100 {
         display:none;
}





.kachelingrid  {width:  100%; opacity:0.3; }
.kachelingridon {opacity:1;}
.opp100 {opacity:1;}























.ergaenzungstext {
        margin-top:10px;
        border-bottom: 1px solid #9F9F9F;

        width: calc(100% - 2px);
        margin-left:0%;


          -webkit-align-items: center;
                  align-items: center;
          -webkit-justify-content: left;
                  justify-content: left;


        opacity:1;

        font-family: 'Roboto', sans-serif;
                font-size: 80%;
                font-weight:500;
                color: #000000;
                line-height:1.3em;
                letter-spacing: 0.05em;
                text-align:left;
                text-transform: uppercase;
                padding:0px 0 10px 0;

        margin-bottom:0px;
}



/* Mid screens */
@media all and (max-width: 960px) {
        .ergaenzungstext {
        width: calc(100% - 2px);
        margin-left:0%;

                }
}











/* ============ FONTS TYPES =============== */






h1,
h2 {    font-family: 'Archivo Black', sans-serif;
        font-weight:800;
        line-height: 1.1em;
        letter-spacing:0.0em;
        color: #000000;
        text-transform:uppercase;
        margin:0;
}



.head1 {font-size:400%;}
         @media all and (max-width: 1200px){.head1 {font-size:280%; }}
         @media all and (max-width: 800px) {.head1 {font-size:240%; }}
         @media all and (max-width: 640px) {.head1 {font-size:190%; }}


.head2 {font-size:220%; color: #000000;  }
         @media all and (max-width: 1200px){.head2 {font-size:180%; line-height: 1.3em; }}
         @media all and (max-width: 800px) {.head2 {font-size:140%; line-height: 1.3em; }}
         @media all and (max-width: 640px) {.head2 {font-size:115%; line-height: 1.3em; }}



p {
        font-family: 'Roboto', sans-serif;

        font-size: 100%;
        font-weight:400;
        color: #000000;
        line-height:150%;
        letter-spacing: 0.05em;
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
}




         @media all and (max-width: 1200px){p {font-size:100%; line-height: 1.5em; }}
         @media all and (max-width: 860px) {p {font-size:95%; line-height: 1.5em; }}
         @media all and (max-width: 640px) {p {font-size:95%; line-height: 1.4em; }}
         @media all and (max-width: 560px) {p {font-size:90%; line-height: 1.4em; }}




.anlauf {
        font-size: 125%;
}

         @media all and (max-width: 1200px){.anlauf {font-size:110%; line-height: 1.5em; }}
         @media all and (max-width: 860px) {.anlauf {font-size:100%; line-height: 1.5em; }}
         @media all and (max-width: 640px) {.anlauf {font-size:95%; line-height: 1.4em; }}
         @media all and (max-width: 560px) {.anlauf {font-size:90%; line-height: 1.4em; }}



.kennung  {
        font-weight:300;
        font-size:100%;
        line-height: 120%;
        text-transform:uppercase;
        margin:10px 0 10px 0;
        }
@media all and (max-width: 640px) {.kennung {font-size:80%;}}








/* ------------- HOME /  Textbreiten verkürzt ------ */
.shorter_311 { margin-left:0px;}
.shorter_113 { margin-left:0%}




.tipp {
        font-family: 'Roboto', sans-serif;
        font-size: 100%;
        font-weight: 400;
        color: #000000;
        line-height:150%;
        letter-spacing: 0.05em;
        border-left:10px solid #8F8F8F;
        border-top:1px solid #8F8F8F;
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
         padding:5px 0 5px 15px;
}
         @media all and (max-width: 1200px){.tipp {font-size:90%; line-height: 1.5em; }}
         @media all and (max-width: 860px) {.tipp {font-size:85%; line-height: 1.5em; }}
         @media all and (max-width: 640px) {.tipp {font-size:85%; line-height: 1.4em; }}
         @media all and (max-width: 560px) {.tipp {font-size:80%; line-height: 1.4em; }}




.ziffer {font-size:1000%;margin-left:15%; color:#000000; }
         @media all and (max-width: 1500px) {.ziffer {font-size:800%; }}
         @media all and (max-width: 1200px) {.ziffer {font-size:600%; }}
         @media all and (max-width:  800px) {.ziffer {font-size:500%; }}
         @media all and (max-width:  640px) {.ziffer {font-size:400%; }}


.ziffer2 {font-size:1000%;margin-left:0%; color:#000000; }
         @media all and (max-width: 1500px) {.ziffer2 {font-size:800%; }}
         @media all and (max-width: 1200px) {.ziffer2 {font-size:600%; }}
         @media all and (max-width:  800px) {.ziffer2 {font-size:500%; }}
         @media all and (max-width:  640px) {.ziffer2 {font-size:400%; }}





.little {
        font-size: 80%;
        color: #000000;
        line-height:160%;

}
         @media all and (max-width: 1200px){.little {font-size:80%; line-height: 1.6em; }}
         @media all and (max-width: 860px) {.little {font-size:75%; line-height: 1.5em; }}
         @media all and (max-width: 640px) {.little {font-size:65%; line-height: 1.4em; }}





.joblisthead {
        font-weight:600;
        line-height: 1.4em;
        letter-spacing:0.15em;
        color: #5f8ce9;
        text-transform:uppercase;

}







ul  {   font-family: 'Roboto', sans-serif;
        font-size: 100%;
        font-weight: 300;
        color: #000000;
        line-height:140%;
        letter-spacing: 0.05em;
        padding-left: 14px;
        list-style-type: square;
}

         @media all and (max-width: 1200px){ul {font-size:100%; line-height: 1.4em; }}
         @media all and (max-width: 860px) {ul {font-size:90%; line-height: 1.4em; }}
         @media all and (max-width: 640px) {ul {font-size:85%; line-height: 1.4em; }}


li  {   margin-bottom:10px;}

.job  { padding-bottom:20px; }












a {
        color: #CFCFCF; text-decoration: none;
}




/*  ----- footer  --- */






.footer { display:none; background-color: #1F1F1F; }

.p_footer { display:none;
}





/* ============ FONTS ATTRIBUTES ===============*/


.white {color: #000000;}

.rot, .red {color: #000000;}


.green {color: #000000;}
.colfussball {color: #000000;}

.caram {color: #000000;}
.grey  {color: #000000;}

.grundpreis   {color: #000000;}
.direktpreis  {color: #000000;}


.right {text-align:right;}
         @media all and (max-width: 640px) {.right {text-align:right; }}

.center {text-align:center;}
         @media all and (max-width: 640px) {.center {text-align:left; }}

.center2 {text-align:center;}

/*  ----- lines  --- */
.dottedline
        {
        margin:10px 0 10px 0;
        border-top: 2px dotted  #000000;
        height: 1px;
        width: 100%;
}


.blueline
        {
        border-bottom: 1px solid #000000;

}





.pricebox {
        border-left:2px solid #8F8F8F;
        border-bottom:2px solid #8F8F8F;
        padding:0px 0 15px 15px;
}



/*  ----- distancer  --- */

.gap5   {border-left: 0px solid; height: 5px; width: 0px;}
.gap10   {border-left: 0px solid; height: 10px; width: 0px;}
.gap20   {border-left: 0px solid; height: 20px; width: 0px;}
.gap40   {border-left: 0px solid; height: 40px; width: 0px;}
.gap60   {border-left: 0px solid; height: 60px; width: 0px;}
.gap80   {border-left: 0px solid; height: 80px; width: 0px;}
.gap100   {border-left: 0px solid; height: 100px; width: 0px;}


@media all and (max-width: 860px) {
.gap5   {border-left: 0px solid; height: 5px; width: 0px;}
.gap10   {border-left: 0px solid; height: 5px; width: 0px;}
.gap20   {border-left: 0px solid; height: 10px; width: 0px;}
.gap40   {border-left: 0px solid; height: 20px; width: 0px;}
.gap60   {border-left: 0px solid; height: 30px; width: 0px;}
.gap80   {border-left: 0px solid; height: 40px; width: 0px;}
.gap100   {border-left: 0px solid; height: 50px; width: 0px;}
}



/*  ----- displaying  --- */


.displaysmart_none {display: none;}
         @media all and (min-width: 560px) {.displaysmart_none {display: block;}
}


.displaysmart_on {display: none;}
         @media all and (max-width: 559px) {.displaysmart_on {display: block;}
}




/*  ----- displaying 2 breiter --- */

.displaysmart_none2 {display: none;}
         @media all and (min-width: 1400px) {.displaysmart_none2 {display: block;}
}


.displaysmart_on2 {display: none;}
         @media all and (max-width: 1399px) {.displaysmart_on2 {display: block;}
}



/* -------------- In und out unterschiedlicher Contents ---------------- */

/* Mid screens - schaltet bei Tablets aus: */
@media all and (max-width: 1000px) {
        .displaynone_mid {
                display:none;
                }
}

/*  ... schaltet bei Tablets ein
                 bei größeren  aus*/
@media all and (min-width: 1000px) {
        .displaymob_mid {
                display:none;
                }
}


/* Small screens - schaltet bei kleineren aus - bei größeren an: */
@media all and (max-width: 561px) {
        .displaynone {
                display:none;
                }
}



/*  ... schaltet bei kleineren ein
                 bei größeren  aus*/
@media all and (min-width: 560px) {
        .displaymob {
                display:none;
                }
}



@media all and (max-width: 800px) {
        .nodisplay800 {
                display:none;
                }
}


@keyframes fadein{
}


.easing_scaling {
         }





}