@charset "utf-8";


/* ======================================================================
Stylesheet desktop.css 
=============================================================== */


@media screen and (min-width: 768px) {


/* ====================================================================
  1. Reset - alle Abstände auf null setzen
================================================================== */

html { overflow-y: scroll; }   /* somit auf allen Seiten eine Bildlaufleiste */
html { -webkit-text-size-adjust: 100%; }
body, div,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, code,
ul, ol, li, table, th, td,
form, fieldset, legend, input, textarea {
	padding: 0;
	margin: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
	display: block; }

/* ====================================================================
  2. Body + allgemeine styles für Überschriften, Absätze und Listen
===================================================================== */

body { font-family: Verdana, Segoe, "Segoe UI", Arial, "Lucida Sans", "Trebuchet MS", sans-serif;
	   font-size: 100%; }        /* margin: 10px; } erzeugt weissen BS-Rand am Balken */  

/* =====================================================================
  3. Header  (kopfbereich = 1000px breit)
================================================================== */

header { width: 100%;
         background-color: black; }
#kopfbereich { width: 960px;          
	      padding: 30px 20px 0 20px;
	      margin: 0 auto; }
    
p.language { font-size: 100%;
    font-weight: normal;
    color: white;   
    padding: 0 0 0 620px; }
p.language a.here { color: #6FFEFF;
          font-weight: bold; }     	
.language a { text-decoration: none; }
.language a:link { color: #b3b3b3; }
.language a:visited { color: #b3b3b3; } 
.language a:hover, a:focus {
     font-weight: bold;
	 text-decoration: none;
     color: #6FFEFF; }         
    
    
p.logo { padding: 0; } 
p.claim { font-size: 109%;
          font-weight: normal;
          letter-spacing: 1px;
		  color: white;  
		  padding: 1px 0 18px 0; }    
    
span { color: #E4276D; }
    
/* ===================================================================
  4. navmain + hyperlinks    (navibereich ist 960px breit)
=================================================================== */

nav {
	width: 100%;
	overflow: hidden;
	background: #044949;
    background-image: linear-gradient(#6FFEFF, #044949); }
        
#navibereich { 
    width: 960px;
    color: white;
	padding: 11px 20px 8px 20px;
	margin: 0 auto; }
p.navmain { font-size: 94%;
    color: white;
    padding: 0 0 0 0; }
    
/*
p.navmain { font-size: 90%;
    color: #E6E6E6;  
    padding: 0 0 0 600px; }
p.navmain a.here { color: #AAFBCE; }  
a { text-decoration: none; }
    a:link { color:  #E6E6E6; } 
a:visited { color: #E6E6E6; } 
a:hover, a:focus {
	 text-decoration: none;
     color: #AAFBCE; } */  

    
 /* ======================================================================
  4. main + hyperlinks  (inhaltsbereich = 1000px breit)
======================================================================== */
    
main { width: 100%;
    background-color: white; 
    color: #333333; 
    border-bottom: 1px solid #018A8A; }
#inhaltsbereich-1 { 
    font-family: "Sergoe UI semibold", Verdana, "Trebuchet MS", "Lucida Sans", sans-serif;
	width: 960px;
	padding: 60px 20px 40px 20px;     
	margin: 0 auto; }
 
h1.heading-1  { font-size: 200%;   
            font-weight: bold;
            color: #26284B;                  
            padding: 0 0 0 0; } 
h1.heading-2  { font-size: 180%;   
            font-weight: bold;
            color: #26284B;                  
            background: white;    
            letter-spacing: 0;
            padding: 6px 0 0 100px; }     
p.subline  { font-size: 98%;   
             color: #018A8A;                 
             padding: 8px 0 0 00px; } 
 
    
h1.talent {font-size: 150%;     
    font-weight: bold;
    color: #333333;
    letter-spacing: 0;
    padding: 60px 0 0 0; }
p.leading { font-size: 109%;
     line-height: 1.8;
     padding: 20px 90px 40px 0; } 
    
h1.intro {font-size: 160%;     
    font-weight: bold;
    color: #018A8A;
    background-color: #EDFFFF;
    padding: 4px 0 6px 20px ;
    border: 1px solid #018A8A; }     
    
    
h1.employer {font-size: 160%;     
    font-weight: bold;
    color: #333333;
    letter-spacing: 0;
    padding: 50px 0 0 0; } 
p.clients { font-size: 109%;
     line-height: 1.8;
     padding: 20px 90px 0 0; }	      
    
h1.source {font-size: 160%;     
    font-weight: bold;
    color: #333333;
    letter-spacing: 0;
    padding: 30px 0 0 0; } 
    
p.cands { font-size: 109%;
     line-height: 1.8;
     padding: 20px 90px 0 0; } 
    
span { color: #018A8A;
    font-weight: bold; }

/* =================================================================
  5. section  (roter background, = 1000px breit)
=============================================================== */

section { width: 100%;
    background: #f1f1f1;  
	color: #333333;
    border-bottom: 1px solid #838FDB; }
#inhaltsbereich-2 {
	width: 960px;
	padding: 45px 20px 45px 20px;  
	margin: 0 auto; }
    
p.best-heads { font-size: 135%;
    font-weight: bold;
    color: #333333;
    padding: 0 0 25px 0; }   
p.par-1 { font-size: 109%;
    line-height: 1.7;
    color: #333333;
    padding: 0 90px 20px 0; }
p.par-2 { font-size: 109%;
    line-height: 1.7;
    color: #333333;
    padding: 0 90px 0 0; } 

/*  span { color: #A8346C; }  */  
    
/*    
ul li.second { padding-Top: 12px; } 
span.small { font-size: 85%;
    color: #3C5B9E; }
ul { font-weight: normal;
	padding: 0 120px 20px 50px; }
ul li { font-size: 108%; 
    line-height: 1.2;
    padding: 0 0 5px 0; } */ 
   
 
/* ================================================================
  6. language-bar +links (language bar = 1000px breit)  derzeit nicht verwendet
================================================================= */

 aside { width: 100%;
    /* background: #2B357A;  
	background-image: linear-gradient(#b0bbff, #2B357A); */
    background: #666666;  
	background-image: linear-gradient(#666666, black);
    border-bottom: 1px solid #018A8A; }  
#inhaltsbereich-3 {
    width: 960px;
    color: white;
    padding: 0px 20px 0px 20px;
	margin: 0 auto; } 
p.win-win { font-size: 120%;
    font-weight: bold;
    color: white;
    padding: 25px 105px 18px 0; }        
    
p.combine { font-size: 90%;
    color: #e6e6e6; 
    line-height: 1.6;
    padding: 0 90px 26px 0; }   


/* =====================================================================
  7. footer + hyperlinks   (fussbereich = 1000px breit)
==================================================================== */
	 
footer { width: 100%;
     	 background: black;   
         color: #cccccc; }
#fussbereich { 
	     width: 960px;
	     padding-right: 20px;
	     padding-bottom: 20%;  /* dh 20% der gesamten Höhe der Seite */
	     padding-left: 20px;
	     margin: 0 auto; } 

p.vorbe { font-size: 92%;
         font-weight: normal;
		 padding-top: 30px; }
/*
p.trans { font-size: 82%;
         font-weight: normal; 
		 padding-top: 10px; }
.trans a { text-decoration: underline; }
.trans a:link { color: #cccccc; }
.trans a:visited { color: #cccccc; } 
.trans a:hover, a:focus {
	     text-decoration: none;
         color: #ffff42; }	*/	    
     
p.contact { font-size: 82%;
         padding-top: 25px; }
.contact a { text-decoration: underline; }
.contact a:link { color: #cccccc; }
.contact a:visited { color: #cccccc; } 
.contact a:hover, a:focus {
	     text-decoration: none;
         color: #3BCDB4; }           
 
p.copyright { font-size: 82%;
		 color: #cccccc; 
         padding-top: 30px; }
/*    
p.photos { padding-top: 10px;
         font-size: 82%;
		 color: #cccccc; } */	 
         


}   /*  Ende @media - nicht löschen !!  */


/* ======================================================================
    ENDE
==================================================================== */