@charset "utf-8";


/* ========================================================================
Stylesheet trans-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 einen weissen BS-Rand am Balken zeigen */  

/* =============================================================
  3. Header 
================================================================= */

header { width: 100%; }
#kopfbereich { width: 960px;   
	      padding: 30px 20px 15px 20px;  
	      margin: 0 auto; }
/*    
p.language { font-size: 90%;  
    color: #cccccc;
    padding: 0 0 10px 580px; }
p.language a.here { color: #2E8E6E; }     	
.language a { text-decoration: none; }
.language a:link { color: #cccccc; }
.language a:visited { color: #cccccc; } 
.language a:hover, a:focus {
	 text-decoration: none;
     color: #2E8E6E; }  */ 

p.logo { padding: 0 0 5px 250px; }    

p.claim { font-size: 109%;
          font-weight: normal;
		  color: #2B2B9C;  
		  letter-spacing: 1px;
		  padding: 0 0 0 0; } 


/* ======================================================================
  4. navmain + hyperlinks 
======================================================================= */

nav {
	width: 100%;
	overflow: hidden;
	background: #394596;  
	background-image: linear-gradient(#7B8CF7, #394596); 
    border-bottom: 1px solid #8794e6; }    
#navibereich { 
    width: 960px;
    color: #F095AC;
	padding: 12px 20px 8px 20px;
	margin: 0 auto; }       
p.navmain { font-size: 92%;
    color: white; }

/*    
p.navmain { font-size: 90%;
    padding: 0 0 0 580px;    
    color: #95F0A7; }
p.navmain a.here { color: white; } 		
.navmain a { text-decoration: none; }
.navmain a:link { color: #95F0A7; }
.navmain a:visited { color: #95F0A7; } 
.navmain a:hover, a:focus {
	 text-decoration: none;
     color: white; }  */             

/* ===============================================================
  4. main + hyperlinks  (inhaltsbereich = 1000px breit)
======================================================= */

main { width: 100%;
    background-color: white; 
    color: #2B2B9C;  
    border-bottom: 1px solid #838FDB; }
#inhaltsbereich-1 { 
    font-family: "Sergoe UI semibold", Verdana, "Trebuchet MS", "Lucida Sans", sans-serif;
	width: 960px;
	padding: 14px 20px 50px 20px; 
	margin: 0 auto; }
    
p.sister { font-size: 96%;
    padding: 10px 0 10px 263px;
    text-decoration: none;    
    background:  #FBFBCC;       /* war hellgelb #FBFBCC; #FDEFEB; */ 
    border: 1px solid #F3A562; }     
    
.sister a { text-decoration: none;
            letter-spacing: 1px; }
.sister a:link { color: #2B2B9C;
     font-weight: bold; }
.sister a:visited { color: #2B2B9C; } 
.sister a:hover, a:focus {
	 text-decoration: none;
     color: #F51E37; } 
/*    
p.flags { padding: 25px 0 0 0;
    text-align: left; }  */  
    
h1 { font-size: 180%;     
    font-weight: bold;
    letter-spacing: 0;
    padding: 50px 0 0 0; } 
    
h1.de { font-size: 210%;     
    font-weight: bold;
    letter-spacing: 0;
    padding: 30px 0 0 25px; } 
h1.at { font-size: 210%;     
    font-weight: bold;
    letter-spacing: 0;
    padding: 30px 0 0 25px; }     
h1.ch { font-size: 210%;     
    font-weight: bold;
    letter-spacing: 0;
    padding: 30px 0 45px 25px; }     
    
    
    
/*
p.subline { font-size: 109%;
    color: #F51E37;
    padding: 4px 80px 32px 0; } */
    
span.publicareer { font-size: 109%;     
    font-weight: bold;
    color: #2B2B9C;
    letter-spacing: 1px; }     
span.color { font-size: 109%;     
    font-weight: bold;
    color: #F51E37;
    letter-spacing: 0px; } 
span.color-1 { font-size: 120%;     
    font-weight: bold;
    color: #FF808E;
    letter-spacing: 0; }     

p.intro { font-size: 109%;
     line-height: 1.6;
     padding: 20px 80px 35px 0; }


    
p.intro-1 { font-size: 120%;
     line-height: 1.6;
     padding: 0 80px 15px 0; }
    
p.intro-2 { font-size: 109%;
     background: #FBFBCC;
     line-height: 1.6;
     padding: 3px 80px 8px 20px;
     border: 1px solid #F3A562; }
    
.intro-2 a { text-decoration: none;
           font-size: 96%;
           letter-spacing: 1px; }
.intro-2 a:link { color: #2B2B9C;
     font-weight: bold; }
.intro-2 a:visited { color: #2B2B9C; } 
.intro-2 a:hover, a:focus {
	 text-decoration: none;
     color: #F51E37; }     

p.clients { font-size: 109%;
     line-height: 1.6;
     padding: 40px 80px 25px 0; }	  
p.cands { font-size: 109%;
     line-height: 1.6;
     padding: 3px 80px 0 0; }   

/* =========================================================
  5. section  (= 1000px breit)
====================================================== */

section { width: 100%;
    background: #f1f1f1;  
	color: #2B2B9C;
    border-bottom: 1px solid #838FDB; }
/* section { width: 100%;
    background-color: #be3e5d;
	background-image: linear-gradient(#db5e7e, #be3e5d);   
	color: white; }  */ 
    
#inhaltsbereich-2 {
	width: 960px;
	padding: 30px 20px 30px 20px;  
	margin: 0 auto; }    
 
p.categ { font-size: 115%;
    font-weight: bold;
    font-style: italic;
    color: #2B2B9C;
    padding: 0 0 0 0; }
p.subline-2 { font-size: 109%;
    color: #3C5B9E;
    line-height: 1.6;
    padding: 20px 90px 15px 0; }       
    
    
p.categ-2 { font-size: 110%;
    font-weight: bold;
    font-style: italic;
    color: #2B2B9C;
    padding: 20px 0 16px 0; }     
    
span.small { font-size: 85%;
    color: #3C5B9E; }
ul { font-weight: normal;
	 padding: 0 110px 0 50px; }
ul li { font-size: 108%; 
    line-height: 1.2;
    padding: 0 0 6px 0; }         
    
 
/* =========================================================
  6. aside  -  language-bar + hyperlinks (language bar = 1000px breit) 
================================================================ */

aside { width: 100%;
    /* background: #2B357A;  
	background-image: linear-gradient(#b0bbff, #2B357A); */
    background: #2B357A;  
	background-image: linear-gradient(#4D5DC7, #2B357A);
    border-bottom: 1px solid #8794e6; }  
#inhaltsbereich-3 {
    width: 960px;
    color: white;
    padding: 0 20px 0 20px;
	margin: 0 auto; } 
    
p.win-win { font-size: 109%;
    font-weight: bold;
    color: white;
    padding: 25px 105px 16px 0; }     
p.combine { font-size: 86%;
    color: #e6e6e6; 
    line-height: 1.6;
    padding: 0 90px 30px 0; } 

     
      
/* =====================================================================
  7. footer + hyperlinks   (fussbereich = 1000px breit)
====================================================================== */

 footer { width: 100%;
     	 background: #2B357A;   
         color: #cccccc; }
#fussbereich { 
	     width: 960px;
	     font-weight: normal;
         color: #cccccc; 
         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%;
         padding-top: 26px; }
    
/*
p.contact { font-size: 82%;
         padding-top: 25px; }
    
a { text-decoration: underline; }
a:link { color: #cccccc; }
a:visited { color: #cccccc; } 
a:hover, a:focus {
	     text-decoration: none;
         color: #F095AC; }   */        

p.copyright { font-size: 82%;
		 padding-top: 25px; }
    
/*   
p.dom {  font-size: 96%;
		 line-height: 1.4;
		 color: #EFFBB0;
         padding-top: 25px;  }
.dom a { text-decoration: underline; }
.dom a:link { color: #cccccc; }
.dom a:visited { color: #cccccc; } 
.dom a:hover, a:focus {
         font-size: 96%;
	     text-decoration: none;
         color: yellow; }  */                 


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


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