/* =======================================================================
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 20px 20px;
	      margin: 0 auto; }
/*
p.language { font-size: 90%;
    color: #cccccc;
    padding: 0 0 10px 580px; }
p.language a.here { color: #4E72BF; }     	
.language a { text-decoration: none; }
.language a:link { color: #b3b3b3; }
.language a:visited { color: #b3b3b3; } 
.language a:hover, a:focus {
	 text-decoration: none;
     color: #3C5B9E; } */
    
p.sister { font-size: 100%;
    color: white;
    padding: 0 100px 30px 0;
    text-align: right; }               
.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: #FC98A5; }             
        
    
    
    
p.logo { padding: 0 0 0 2px; }
    
/*    
p.claim { font-size: 108%;
          font-weight: normal;
		  color: white; 
		  letter-spacing: 1px;
		  padding: 4px 0 14px 0; }  */



/* ========================================================
  4. navmain + hyperlinks    (navibereich ist 960px breit)
========================================================= */

nav {
	width: 100%;
	overflow: hidden;
    background: white; }
    
#navibereich { 
    width: 1440px;
    color: white;
    padding: 20px 0 0 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    
p.hero { padding: 0 0 0 0; }
    
    
/* ========================================================
  5. main + hyperlinks  (inhaltsbereich = 1000px breit)
========================================================== */

main { width: 100%;
    background-color: white; 
    border-bottom: 1px solid #838FDB; }
#inhaltsbereich-1 {
	width: 960px;
	padding: 60px 20px 65px 20px;
	margin: 0 auto; }
    

h1.heading-1  { font-size: 200%;   
            font-weight: bold;
            color: #26284B;        
            background: #FBFDED;
            line-height: 1.3;
            border: 1px solid #018A8A;
            border-radius: 10px; 
            padding: 12px 0 12px 20px;
            margin: 0 30px 0 0; }
    
 p.par-1 { font-size: 109%;     
    color: black;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 50px 90px 0 0; }

h2 { color: #018A8A;
     font-weight: bold;
     background: #FBFDED;
     border: 1px solid #018A8A;
     border-radius: 10px; 
     padding: 12px 0 12px 20px;
     margin: 40px 30px 0 0; }       
    
p.par-2 { font-size: 109%;     
    color: black;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 25px 80px 0 0; }
    
p.par-3 { font-size: 109%;     
    color: black;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 35px 80px 0 0; }
    
/*    
p.par-4 { font-size: 109%;     
    color: black;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 35px 80px 0 0; } 
p.par-5 { font-size: 109%;     
    color: black;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 35px 80px 0 0; }  */   
    
    
    
p.win-win  { font-size: 150%;     
    color: #018A8A;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 35px 90px 55px 0; }     

    
table { border-collapse: collapse;
    border: 1px solid #0000B5;
    background-color: white; }
    
table.tr  { font-size: 120%;     
    color: #018A8A;
    font-weight: bold; }
tr:first-child {    
    border-bottom: 1px solid #0000B5;
    background: #FBFDED; }    
    
    
table td { padding: 7px 0 7px 8px; } 
    
p.claim-1  { font-size: 90%;
    padding:  3px 0 0 0; } 
    
p.claim  { font-size: 100%;
    padding:  3px 0 3px 0;
    line-height: 1.4; }     
    
span.greenblu { color: #018A8A; }
     
span.color { font-size: 110%;
    font-weight: bold;
    color: #018A8A; }
    
span.greenblu-1 { font-size: 106%;
    font-weight: bold;
    color: #018A8A; } 
        
    
    
        
table a { font-size: 109%;
    color: #0000B5; }
  	
table a { text-decoration: underline; }
table a:link { color: #0000B5; }
table a:visited { color: #0000B5;
     text-decoration: none; } 
table a:hover, a:focus {
	  text-decoration: none;
      color: #F30413; } 
        
    
    


/* ===========================================================
  6. section  
====================================================== */

section { width: 100%;
    background: #f1f1f1;  
	border-bottom: 1px solid #838FDB; }
#inhaltsbereich-2 {
	width: 960px;
	padding: 32px 20px 35px 20px;  
	margin: 0 auto; }    
 
p.further { font-size: 130%;
    font-weight: normal;
    color: #FD0826;
    line-height: 1.4;
    padding: 0 0 10px 0; }       

    
/*  p.subline { font-size: 95%;
    color: #3C5B9E;
    padding: 0 0 20px 26px; }  
    
ul { font-weight: normal;
     color: #3C5B9E;
	 padding: 0 120px 0 50px; }
ul li { font-size: 108%; 
    line-height: 1.2;
    padding: 0 0 6px 0; }
li.last-item { padding-bottom: 20px; }    
li.new-group { padding-top: 20px;
    border-top: 2px solid #C6C9DD; }      
span.small { font-size: 85%;
    color: #5C6B8C; }  */ 
  
/* ==========================================================
  7. language-bar + hyperlinks   = 1000px breit
=========================================================== */

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

footer { width: 100%;
    background: black; }    /* war d-blau #0B447B; */
#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: 102%;
         color: #cccccc;
		 padding-top: 35px; }
  
p.copyright { font-size: 92%;
	color: #cccccc;
    padding-top: 26px; }
/*
p.images { font-size: 82%;
		 color: #cccccc;
         padding-top: 22px;  } */
    
/*
p.contact { font-size: 94%;
    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
=================================================== */