/* ===================================================================================
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%; }
#kopfbereich { width: 960px;
	      padding: 60px 20px 10px 20px;
	      margin: 0 auto; }
p.logo  { font-size: 300%;
          font-weight: normal;
		  color: #0000B5; 
		  letter-spacing: 1px;
		  padding-top: 5px;
		  padding-bottom: 0; } 
/*    
p.claim { font-size: 107%;
          font-weight: normal;
		  color: #0000B5; 
		  letter-spacing: 1px;
		  padding-top: 5px;
		  padding-bottom: 25px; } */


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

#navibereich {
	width: 100%;
	overflow: hidden;
	background: white;  
	background-image: linear-gradient(#b0bbff, #404FB5); 
    border-bottom: 1px solid #b0bbff; } 
.navmain { 
    width: 960px;
    font-size: 95%;
	color: white;
	padding: 12px 20px 8px 20px;
	margin: 0 auto; }                  /* damit ist die navmain zentriert ! */                   

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

main { width: 100%;
    background-color: #404FB5;  
    color: white; }
#inhaltsbereich-1 {
	width: 960px;
	line-height: 1.5;
	padding-top: 20px;   
	padding-right: 20px;
	padding-bottom: 45px;        
	padding-left: 20px;
	margin: 0 auto; }
h1 { font-size: 150%; 
    font-family: "Sergoe UI semibold", Verdana, "sans serif"; 
	font-weight: bold;
	padding: 25px 0 10px 0;
    line-height: 1.5; }

h2 { font-size: 140%; 
    font-family: "Sergoe UI semibold", Verdana, "sans serif"; 
	font-weight: bold;
    color: #FF95B9;
	padding: 25px 0 10px 0; }     
    
p.absatz { font-size: 100%;
    line-height: 1.5; 
    padding: 0 120px 10px 0; }
    

    

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

section { width: 100%;
    background-color: #be3e5d;
	background-image: linear-gradient(#db5e7e, #be3e5d);   
	color: white; }
#inhaltsbereich-2 {
	width: 960px;
	line-height: 1.5;
	padding-top: 20px;   
	padding-right: 20px;
	padding-bottom: 45px;        
	padding-left: 20px;
	margin: 0 auto; }
    
h1 { font-size: 150%; 
    font-family: "Sergoe UI semibold", Verdana, "sans serif"; 
	font-weight: bold;
	padding: 25px 0 10px 0;
    line-height: 1.5; }
    
h2 { font-size: 140%; 
    font-family: "Sergoe UI semibold", Verdana, "sans serif"; 
	font-weight: bold;
    color: white;
	padding: 25px 0 10px 0; }    

p.absatz { font-size: 100%;
     line-height: 1.5; 
     padding: 0 150px 0 0; }



/* ===================================================================
  7. language-bar + hyperlinks (language bar = 1000px breit)  derzeit nicht verwendet
================================================================ */



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

footer { width: 100%;
     	 background: #404FB5;
	     color: white; }
#fussbereich { 
	     width: 960px;
	     padding-right: 20px;
	     padding-bottom: 20%;  /* dh 20% der gesamten Höhe der Seite */
	     padding-left: 20px;
	     margin: 0 auto; } 

p.Kontakt { font-size: 90%;
         color: #cccccc;
		 padding-top: 30px; }
	 
p.email { font-size: 82%;
          padding-top: 10px;
          font-size: 90%;
		  color: #cccccc; }
    
a { text-decoration: underline; }
a:link { color: white; }
a:visited { color: #FF95B9; } 
a:hover, a:focus {
	     text-decoration: none;
         color: #FF95B9; }  
    
p.VAT  { font-size: 90%;
         color: #cccccc;
         padding: 20px 0 0 0; }
p.VATe  { font-size: 90%;
         color: #cccccc;
         padding: 2px 0 0 15px; }   



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


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