@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: 15px 20px 0 20px;
	      margin: 0 auto; }

p.language { font-size: 100%;
    font-weight: normal;
    color: white;
    text-align: right;
    padding: 0 60px 0 0; }
p.language a.here { color: #6FFEFF;
          font-weight: bold; }     	
.language a { text-decoration: none; }
.language a:link { color: white; }
.language a:visited { color: white; } 
.language a:hover, a:focus {
     font-weight: bold;
	 text-decoration: none;
     color: #6FFEFF; } 
    
 p.navmain { font-size: 90%;
    color: white; 
    text-align: right; 
    padding: 10px 60px 0 0; }     

p.logo  { padding: 0 0 0 0 ; } 
    
  
p.sister { font-size: 96%;
    padding: 0 60px 5px 0;
    color: white;
    text-align: right;
    text-decoration: none; }         
.sister a { text-decoration: none;
    font-weight: bold; }
.sister a:link { color: #6FFEFF; }
.sister a:visited { color: #6FFEFF; } 
.sister a:hover, a:focus {
	 text-decoration: none;
     font-weight: bold; 
     color: #FF8A8A; } 
    
span.türkis { color: #6FFEFF;
    font-size: 109%;
    font-weight: bold; }   

/* ============================================================
  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: 12px 20px 8px 20px;
	margin: 0 auto; }  
*/    

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

main { width: 100%;
    background-color: white; 
    border-bottom: 1px solid #6F3B3B; }
#inhaltsbereich-1 { 
    font-family: "Sergoe UI semibold", Verdana, "Trebuchet MS", "Lucida Sans", sans-serif;
	width: 960px;
	padding: 15px 20px 35px 20px;     
	margin: 0 auto; }
    
p.hero { padding: 0 0 0 0; }   

    
h1.heading-1  { font-size: 200%;   
            font-weight: bold;
            color: #26284B;                  war d-braun #6F3B3B;
            padding: 60px 0 0 0; } 
h1.heading-2  { font-size: 180%;   
            font-weight: bold;
            color: #26284B;                  war d-braun #6F3B3B;
            background: white;    
            letter-spacing: 0;
            padding: 6px 0 40px 140px; } 
    
p.key-areas { font-size: 109%;   
            font-weight: normal;
            color: #018A8A;
            padding: 15px 0 40px 0; } 
    
p.greybar-1 { font-size: 70%;
    background: #f1f1f1;
    padding: 0 0 0 0;
    border-top: 1px solid #1F9D9E; }    
    
    
ol { font-size: 125%;
     list-style-type: none;
     padding: 55px 90px 35px 45px; }

ol li { line-height: 1,3;
    color: #26284B;                    
    padding: 0 0 0 0; } 

span.number { font-size: 120%;
    color: #018A8A; }            

p.subline { font-size: 80%;
    font-weight: normal;
    color: #018A8A;
    line-height: 1.3;
    padding: 0 0 30px 45px; } 

span.greenblu { color: #018A8A; }  
    
span.red { font-weight: bold;
            color: #F30413; } 
    
p.greybar-2 { font-size: 70%;
    background: #f1f1f1;
    padding: 0 0 0 0;
    border-bottom: 1px solid #1F9D9E; }     
    
p.premier { font-size: 150%;
    font-weight: bold;
    color: #26284B;  
    padding: 55px 0 0 0; }     
    
p.clients { font-size: 109%;
    color: #5C5858;
    line-height: 1.6;
     padding: 30px 80px 40px 0; }	  
p.roof { font-size: 150%;   
    font-weight: bold;
    color: #26284B;
    letter-spacing: 0;
    padding: 0 0 0 0; }   
    
p.cands { font-size: 109%;
     color: #5C5858;
     line-height: 1.6;
     padding: 30px 75px 20px 0; }
    

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


section { width: 100%;
    background: #F1F0E9; }
#inhaltsbereich-2 {
	width: 960px;
	color: #5C5858;          
    padding: 40px 20px 45px 20px;  
	margin: 0 auto; }
    
 h1.defence30  { font-size: 230%;   
            font-weight: bold;
            color: #F30413;                  /* pink wäre #E89292; */
            padding: 0 80px 15px 0; } 
    
p.sub1  { font-size: 120%;   
            font-weight: bold;
            background: white;
            color: #26284B;
            padding: 8px 80px 8px 5px; }   
    
p.par-1 { font-size: 109%;
            line-height: 1.6;
            color: #26284B;
            padding: 25px 80px 0 0; }
p.par-2 { font-size: 109%;
            line-height: 1.6;
            color: #26284B;
            padding: 15px 80px 0 0; } 
p.par-3 { font-size: 109%;
            line-height: 1.6;
            color: #26284B;
            padding: 20px 80px 0 0; }     
p.par-4 { font-size: 109%;
            line-height: 1.6;
            background: white;
            color: #26284B;
            padding: 12px 30px 16px 20px;
            margin: 50px 100px 0 0;    
            border: 1px solid #F30413;
            border-radius: 15px; }
     
span.red { font-weight: bold;
            color: #F30413; }        
    
   

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

aside { width: 100%;
    background: #044949; 
    background-image: linear-gradient(#1F9D9E, #044949); 
    border-bottom: 1px solid #1F9D9E; } 
#inhaltsbereich-3 {
    width: 960px;
    color: white;
    padding: 30px 20px 35px 20px;
	margin: 0 auto; }
p.win-win { font-size: 130%;
    font-weight: bold;
    color: white;
    padding: 0 105px 18px 0; }       
p.combine { font-size: 92%;
    color: white; 
    line-height: 1.6;
    padding: 0 110px 0 0; }
    

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

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

p.vorbe { font-size: 96%;
         color: #cccccc;
         padding-top: 30px; }

p.service { font-size: 82%;
         color: #cccccc;
         padding-top: 20px; }
.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;
		 color: #cccccc;
         padding-top: 20px;  }

p.photos { padding-top: 5px;
         font-size: 82%;
		 color: #cccccc; }
    
     
}   /*  Ende @media - nicht löschen !!  */


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