@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; würde weissen BS-Rand am Balken erzeugen */  

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

header { width: 100%;
    background-color: black; 
    border-bottom: 1px solid #018A8A; }               
#kopfbereich { width: 960px;
	     padding: 15px 20px 20px 20px;
	     margin: 0 auto; }

p.navmain { font-size: 90%;
    color: white;
    text-align: right;
    padding: 0 60px 20px 20px; }
    
/*
p.claim { font-size: 109%;
          font-weight: bold;
          font-style: italic;
		  color: #018A8A;                 
		  letter-spacing: 1px;
		  padding: 2px 0 0 0; } */
    
/* ========================================================
  4. main + hyperlinks  (inhaltsbereich = 1000px breit)     ========================================================= */

main { width: 100%;
    background-color: white; 
    color: darkslategrey;                     /* war #4d4d4d; */ 
    border-bottom: 1px solid #1F9D9E; }
#inhaltsbereich-1 { 
    font-family: "Sergoe UI semibold", Verdana, "Trebuchet MS", "Lucida Sans", sans-serif;
	width: 960px;
	padding: 15px 20px 60px 20px;     
	margin: 0 auto; }
    
p.hero { padding: 0 0 0 0; } 
    
/* p.images { padding: 10px 0 0 0; } */   
    
h1 { font-size: 171%;     
    font-weight: bold;
    letter-spacing: 0;
    color: #4B4B4B;
    padding: 55px 0 10px 0; }
    
h2 { font-size: 400%;     
    font-weight: normal;
    background-color: white;
    color: #018A8A;  
    padding: 0 0 0 0; }     
        
span.key  { color: #018A8A;
    font-size: 120%; } 
span.and { color: #018A8A;
    font-size: 75%;
    font-weight: bold; }
    
ol { font-size: 130%;
     list-style-type: none;
     padding: 45px 0 0 50px; }
     
ol li { line-height: 1,3;
    padding: 25px 0 0 0; } 

span.number { font-size: 135%;
    color: #018A8A; }
    
/* Das sind die Sub-Sektoren   
p.subline {font-size: 80%;
    font-weight: normal;
    color: #018A8A;
    line-height: 1.3;
    padding: 0 0 0 45px; } */ 

p.innovation { font-size: 171%;     
    font-weight: bold;
    font-style: normal;
    color: #018A8A;
    padding: 60px 0 12px 0; }
    
p.innova { font-size: 109%;
    font-weight: normal;
    line-height: 1.4;
    background-color: #FDF6ED;
    color: #4B4B4B;
    padding: 12px 25px 16px 20px;
    margin: 0 130px 0 0;  
    border: 1px solid #018A8A;
    border-radius: 15px; }   
    
    
    

p.vanguard { font-size: 171%;
    font-weight: bold;
    color: #018A8A;  
    padding: 75px 0 0 0; } 

p.clients { font-size: 109%;
     line-height: 1.7;
     padding: 25px 80px 0 0; }
    
p.cross-sector { font-size: 135%;     
    font-weight: bold;
    font-style: normal;
    color: #018A8A;
    padding: 32px 0 12px 0; } }
    
p.flat { font-size: 109%;
    font-weight: normal;
    line-height: 1.4;
    background-color: #EDFFFF;
    color: #4B4B4B;
    padding: 12px 30px 16px 20px;
    margin: 0 130px 0 0;  
    border: 1px solid #018A8A;
    border-radius: 15px; }          



    
p.brilliant { font-size: 171%; 
    font-weight: bold;
    color: #018A8A;  
    padding: 70px 0 0 0; } 
p.cands { font-size: 109%;
     line-height: 1.7;
     padding: 25px 100px 0 0; } 

span.sectorgate { font-size: 112%;
    font-weight: bold;
    font-style: italic;
    color: #018A8A; }

span.greenblu-2 { color: #149898; } 
        
 

/*
p.sub-3 { font-size: 109%;
    line-height: 1.6;
    padding: 0 90px 0 0; }  */

/*    
span.red { color: #CB3E82;
    font-style: normal; } */
    

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

section { width: 100%;
    background: #F5F5F5; 
	color: #4d4d4d;
    border-bottom: 1px solid #1F9D9E; }
#inhaltsbereich-2 {
	width: 960px;
	padding: 55px 20px 60px 20px;     
	margin: 0 auto; }
    
p.tracking-down { font-size: 150%;
    font-weight: bold;
    color: #018A8A;  
    padding: 0 0 10px 0; }
    
p.searching { font-size: 150%;
    font-weight: bold;
    color: #018A8A;  
    padding: 0 0 0 200px; } 

p.track-1 { font-size: 109%;
    line-height: 1.6;
    padding: 25px 90px 0 0; }
p.track-2 { font-size: 109%;
    line-height: 1.6;
    padding: 20px 90px 0 0; }
p.track-3 { font-size: 109%;
    line-height: 1.6;
    padding: 20px 90px 70px 0; }

p.specific { font-size: 150%;
    color: #018A8A;
    background-color: #EDFFFF;
    border: 1px solid #018A8A;
    border-radius: 15px; 
    padding: 5px 0 5px 20px;
    margin: 0 130px 0 0; } 

p.box { font-size: 140%; 
    color: #018A8A;   
    padding: 45px 0 5px 0; }   
p.services-1 { font-size: 100%; 
    color: #4d4d4d;; 
    line-height: 1.7;
    padding: 20px 90px 0 0; }

p.trustee { font-size: 140%; 
    color: #018A8A;   
    padding: 50px 0 0 0; } 
p.services-2 { font-size: 100%; 
    color: #4d4d4d;; 
    line-height: 1.7;
    padding: 20px 90px 0 0; }
p.services-3 { font-size: 100%; 
    color: #4d4d4d;; 
    line-height: 1.7;
    padding: 12px 90px 0 0; }



    
span.color { color: #2727C1;
    font-style: italic; }
    
     
/* ==========================================================
  6. aside
========================================================== */

aside { width: 100%;
    background: #044949; 
    background-image: linear-gradient(#1F9D9E, #044949); 
    border-bottom: 1px solid #1F9D9E; }
    
#inhaltsbereich-3 {
    width: 960px;
    padding: 35px 20px 45px 20px;
	margin: 0 auto; }
p.win-win { font-size: 135%;
    font-weight: bold;
    color: white;
    padding: 0 105px 18px 0; }      
p.combine { font-size: 98%;
    color: white; 
    line-height: 1.6;
    padding: 0 140px 0 0; }   
    
    
/* ==========================================================
  7. footer + hyperlinks   (fussbereich = 1000px breit)
============================================================ */

footer { width: 100%;
     	 background: black;   /* war d-grün #044949; */  
	     color: white; }
#fussbereich { 
	     width: 960px;
	     padding-right: 20px;
	     padding-bottom: 20%;    /* dh 20% der Seitenhöhe */
	     padding-left: 20px;
	     margin: 0 auto; } 

p.vorbe { font-size: 98%;
         font-weight: normal;
		 padding-top: 40px; }


p.service { font-size: 82%;
         color: white;
         padding-top: 22px; }
.service a { text-decoration: underline; }
.service a:link { color: #6FFEFF; }
.service a:visited { color: #6FFEFF; } 
.service a:hover, a:focus {
	     text-decoration: none;
         color: #FC747C; }          


p.copyright { font-size: 82%;
		 line-height: 1.4;
         padding-top: 22px; }
/*    
p.podcast  { font-size: 82%;
		 line-height: 1.4;
         padding-top: 22px; } */  
    
/*
p.photos { padding-top: 22px;
         font-size: 82%;
		 color: white; } */
    
/* 
p.contact { font-size: 82%;
    line-height: 1.5;
    color: white;
    padding-top: 22px; } 
  
.contact a { text-decoration: underline; }
.contact a:link { color: #6FFEFF; }
.contact a:visited { color: #6FFEFF; } 
.contact a:hover, a:focus {
	text-decoration: none;
    color: #FC747C; }     */   
    
    


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


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