@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: black; }               /* war d-blau #0B447B; } */
#kopfbereich { width: 960px;
	      padding: 70px 20px 20px 20px;
	      margin: 0 auto; }
/*
p.language { font-size: 90%;
    color: #cccccc;
    padding: 0 0 10px 550px; }
p.language a.here { color: white; }     	
.language a { text-decoration: none; }
.language a:link { color: #b3b3b3; }
.language a:visited { color: #b3b3b3; } 
.language a:hover, a:focus {
	 text-decoration: none;
     color: white; }  
  
p.claim { font-size: 108%;
          font-weight: normal;
		  color: white;
		  letter-spacing: 1px;
		  padding: 7px 0 0 0; }  */
    
/* =====================================================
  4. navmain + hyperlinks    (navibereich ist 960px breit)
==================================================== */

nav {
	width: 100%;
	overflow: hidden;
	background: #01509c;  
	background-image: linear-gradient(#388DDF, #01509c); } 
    
#navibereich { 
    width: 960px;
    padding: 12px 20px 8px 20px;
	margin: 0 auto; } 
p.navmain { font-size: 90%;
    color: white ;      
    padding: 0 0 0 0; } 
/*    
p.navmain a.here { color: white; }     	
.navmain a { text-decoration: none; }
    .navmain a:link { color: #BFC7FD; }    
    .navmain a:visited { color: #BFC7FD; }    
.navmain a:hover, a:focus {
	 text-decoration: none;
     color: white; }   */  


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

main { width: 100%;
    font-family: "Sergoe UI semibold", Verdana, "Trebuchet MS", "Lucida Sans", sans-serif;
	background: white;     /* war h-grau #F8F8F8;  */   
    color: #3C5B9E; }     
#inhaltsbereich-1 {
	width: 960px;
	padding: 0
        20px 50px 20px;
	margin: 0 auto; }
    
p.images { padding: 0 0 0 0; }   

    
h1 { font-size: 170%;     
    font-weight: bold;
    color: #018A8A; 
    padding: 60px 0 0 0; }  
    
p.clients-1 { font-size: 105%; 
     line-height: 1.6;
	 padding: 25px 90px 0 0; }
    
p.clients-2 { font-size: 105%; 
     line-height: 1.6;
	 padding: 15px 90px 0 0; }   
    
    
h1.upper { font-size: 170%;     
    font-weight: bold;
    color: #018A8A; 
    letter-spacing: 0;
    padding: 45px 0 0 0; } 
    
p.cands { font-size: 105%; 
     line-height: 1.6;
	 padding: 25px 90px 0 0; }
    
span.color { color: #A8346C;
    font-style: normal;
    letter-spacing: 0; }     
    
    

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

section { width: 100%;
	overflow: hidden;
    background: #F0F2FD;
    border-top: 1px solid #3C5B9E;
    border-bottom: 1px solid #3C5B9E; }

#inhaltsbereich-2 {
    width: 960px;
    color: #313C85;
    padding: 50px 20px 50px 20px;
    margin: 0 auto; }
    
p.box { font-size: 150%; 
    color: #018A8A;
    padding: 0 0 0 0; }   
p.service-1 { font-size: 103%; 
    color: #313C85; 
    line-height: 1.7;
    padding: 20px 90px 0 0; } 
    
 p.trustee { font-size: 150%; 
    color: #018A8A;
    padding: 45px 0 0 0; }    
 p.service-2 { font-size: 103%; 
    color: #313C85; 
    line-height: 1.7;
    padding: 20px 90px 0 0; } 
    
 span.color { color: #A8346C;
    font-style: normal;
    letter-spacing: 0; }      
    

     
/* =========================================================
  7. aside   (+ language-bar + hyperlinks, 1000px breit)
=========================================================== */

aside { width: 100%;
    background: white;   
    /* background-image: linear-gradient(#f1f1f1, #b3b3b3); */
    color: #3C5B9E; }    
#inhaltsbereich-3 {
	width: 960px;
	padding: 50px 20px 50px 20px;
	margin: 0 auto; }

p.win-win-header { font-size: 150%; 
    color: #018A8A;
    font-weight: bold;
    padding: 0
        120px 0 0; }       
p.position { font-size: 100%; 
     line-height: 1.6;
	 padding: 25px 120px 20px 0; } 
p.win-win { font-size: 100%; 
     line-height: 1.6;
	 padding: 0 120px 12px 0; }     
p.combine { font-size: 100%; 
     line-height: 1.6;
	 padding: 0 120px 0 0; }
span.red { color: #A8346C; }    
    
  


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

footer { width: 100%;
     	 background-color: black;    /* war #0B447B; */
         color: #cccccc; }
#fussbereich { 
	     width: 960px;
	     padding: 30px 20px 20% 20px;   /* dh 20% der Höhe der Seite */ 
		 margin: 0 auto; } 
p.vorbe { font-size: 98%;
         font-weight: normal; }
p.copyright { padding-top: 25px;
         font-size: 80%; }
p.images { padding-top: 25px;
         font-size: 75%; } 		 


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


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