@charset "UTF-8";
/* RESET */
/* Allgemein (!WICHTIG!)*/
*{padding:0;margin:0;}
html{font-size:1em;}
body{font-size:100%;-webkit-text-size-adjust:100%;}
a img,:link img,:visited img{border:0;}
/* Individuel (Links und Fettungen) */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5{font-weight:normal;}

/* ALTE BROWSER (optional) */
/* Link */
.chromeframe{}
/* Verläufe */
.verlauf{}

/* HILFSKLASSEN */
/* Keine Umrandung bei Click auf einen Link/Anker */
a:active,a:focus{outline:none;}
/* Telefon-Nummern Mobile */
a[href^=tel]{color:inherit;text-decoration:none;margin:0;padding:0;}
/* Text-Formatierungen */
.grossbuchstaben{text-transform:uppercase;}
.mittig{text-align:center;}
/* Schatten für Text */
.schatten-text{text-shadow:1px 1px 1px #7f7f7f;filter:dropshadow(color=#7f7f7f, offx=1, offy=1);}
/* Cursor für die Felder zur Texterweiterung */
.weiterlesen,.einklappen{cursor:pointer;}
/* Elemente für Desktop aber nicht für Mobile oder umgekehrt */
.tauchauf{display:none;line-height:0px;}
.tauchauf-phone{display:none;line-height:0px;}
/* Floating aufheben (!WICHTIG!) */
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* FARBEN */
/* Farben - Text */
.farbe-kunde{color:#4a75b1;}
.farbe-weiss{color:#ffffff;}
.farbe-hellgrau{color:#ededed;}
.farbe-grau{color:#706f6f;}
.farbe-dunkelgrau{color:#5b5d5d;}
.farbe-schwarz{color:#000000;}
/* Farben - Text-Auswahl */
::-moz-selection{background:#4a75b1;color:#ffffff;text-shadow:none;}
::selection{background:#4a75b1;color:#ffffff;text-shadow:none;}
/* Farben - Hintergründe */
.farbe-hg-kunde{background-color:#4a75b1;}
.farbe-hg-weiss{background-color:#ffffff;}
.farbe-hg-hellgrau{background-color:#ededed;}
.farbe-hg-grau{color:#706f6f;}
.farbe-hg-dunkelgrau{background-color:#7f7f7f;}
.farbe-hg-schwarz{color:#000000;}

/* Body */
body{background:#f5f5f4;font-family:'PT Serif',serif;position:relative;}
/* Hauptblock */
#inhalte{background:#ffffff;width:100%;max-width:960px;margin:0 auto;}
/* Überschriften */
h1{font-size:28px;}
h2{font-size:21px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:14px;}

/* Header */
header{background:rgba(255,255,255,0.6);display:block;width:100%;position:absolute;top:0;border-bottom:2px solid #FFFFFF;}
header .rahmen{display:block;position:relative;width:960px;margin:0 auto;}
header img{width:50px;height:50px;float:left;margin:25px 0 15px 50px;}
header h1{display:inline-block;margin:15px 0 0 60px;}
header h2{display:inline-block;float:left;margin:0 65px 20px 60px;}
header p{display:inline-block;font-size:14px;margin:0 10px 0 5px;}

/* Kopfbereich */
.kopfbereich{background:url(img/001-hg.jpg);background-size:cover;background-position:center;width:100%;max-width:960px;padding:0 0 5px 0;}
.kopfbereich h2{display:inline-block;text-transform:uppercase;font-size:30px;line-height:40px;margin:145px 0 200px 115px;font-weight:bold;}
.kopfbereich ul{list-style:none;margin:0 0 10px 115px;}
.kopfbereich ul li{float:left;padding:0 15px 0 0;margin-right:15px;border-right:solid 1px;}
.kopfbereich ul li:last-child{border-right:none;}
.kopfbereich ul li a{text-transform:uppercase;font-size:18px;}
.button-grau{background:#90aa7f;color:#FFFFFF;padding:5px 10px;border:solid 2px #FFFFFF;margin:0 0 0 115px;}
.button-grau:last-child{margin:0 0 0 50px;}

/* Haupt-Navigation */
nav{border-bottom:2px solid #4a75b1;border-top:2px solid #FFFFFF;list-style:none;text-align:center;}
nav a{display:inline-block;padding:5px 15px;color:#000000;}
nav a:first-child{padding:5px 15px 5px 0;}
nav a:last-child{padding:5px 0 5px 15px;}
.feste-nav{position:fixed;top:0;width:100%;max-width:960px;z-index:200;}

/* zweispaltiger Text-Block - einspaltig mobile - Headline und Sub mittig */
.text-zweispalten{padding:60px 0 25px 0;position:relative;}
.text-zweispalten article{margin:40px 30px;font-size:14px;line-height:25px;width:calc(50% - 60px);float:left;}
.text-zweispalten article p{text-align:justify;margin:0 30px;}
.text-zweispalten article ul{list-style:outside;margin:5px 30px 20px 30px;padding-left:14px;}
.text-zweispalten article h5{margin-left:30px;}
.text-zweispalten article a.farbe-kunde{margin-left:30px;}
/* zweispaltiger Text und Bild-Block - einspaltig mobile - Headline und Sub mittig */
.text-bild-zweispalten{padding:60px 0 0 0;position:relative;}
.text-bild-zweispalten article{margin:40px 30px;font-size:14px;line-height:25px;width:calc(50% - 60px);float:left;}
.text-bild-zweispalten article p{text-align:justify;margin:0 30px;}
.text-bild-zweispalten article h5{margin-left:30px;}
.text-bild-zweispalten img{margin:52px auto 40px;width:calc(50% - 60px);float:left;}
/* Portrait */
.portrait{padding:60px 0 0 80px;position:relative;}
.portrait h3{width:64%;}
.portrait h4{width:64%;}
.portrait p{float:left;width:64%;margin:40px auto 65px;text-align:justify;}
.portrait img{position:absolute;bottom:0;right:0;}
.portrait .anrede{position:absolute;bottom:10px;right:290px;font-size:13px;line-height:17px;text-align:right;}
/* Zitat - einspaltig */
.zitat{padding:40px 240px;position:relative;}
.zitat p{display:block;font-size:16px;position:relative;line-height:25px;font-style:italic;}
.zitatQuelle{font-size:14px;}

/* Pfeile nach oben */
.nachOben{position:absolute;bottom:0;right:0;background-color:#39b627;color:#FFFFFF;padding:0 5px 2px 5px;}
.nachOben-invers{position:absolute;bottom:0;right:0;background-color:#FFFFFF;color:#39b627;padding:0 5px 2px 5px;}
.nachOben:hover,.nachOben-invers:hover{text-decoration:none;}

/* Footer */
footer{display:block;width:100%;font-size:14px;}
footer .rahmen{display:block;position:relative;width:100%;max-width:960px;margin:0 auto;padding:20px 0;}
footer p{display:inline-block;}
#copy{float:left;margin:0 85px 0 60px;}
#icons{float:right;}
.icon{display:block;width:25px;height:25px;float:left;margin-right:20px;}
.twitter{background:url(img/twitter.svgz) no-repeat center;}
.xing{background:url(img/xing.svgz) no-repeat center;}
.facebook{background:url(img/facebook.svgz) no-repeat center;}

/* Klassen für die Angebote */
.Tab-01{}
.Tab-02{}
.tabnav{list-style:none;text-align:center;}
.tabnav li{display:inline;}
.tabnav li a{display:inline-block;color:#FFFFFF;margin:15px 20px 0 20px;padding:5px 20px;border:1px solid #FFFFFF;}

/* Impressum */
#impressumWeg{display:none;cursor:pointer;}

/* !!!!!!!!!!!!! */
/* Media Queries */
@media(max-width:961px){
header .rahmen{width:100%;}

.portrait h3{width:63%;}
.portrait h4{width:63%;}
.portrait p{width:63%;}

.zitat{padding:40px 0;}
.zitat p{display:block;font-size:16px;position:relative;width:50%;margin:0 auto;min-width:300px;}

#copy{margin-left:10px;}
}

@media(max-width:801px){
header p{margin:10px 10px 10px 60px;}

.text-zweispalten article{width:100%;margin:40px auto 0;}
.text-zweispalten article p{margin:0 80px;}

.text-bild-zweispalten article{width:100%;margin:40px auto 0;}
.text-bild-zweispalten article p{margin:0 80px;}
.text-bild-zweispalten img{width:100%;margin:40px auto 0;}

.portrait{padding:60px 0 0 0;}
.portrait h3{width:100%;}
.portrait h4{width:100%;}
.portrait p{width:100%;margin:20px 80px 360px 80px;width:auto;}
.portrait img{width:257px;height:350px;}
.portrait .anrede{right:277px;}

footer p{margin-left:10px;}
#icons{float:none;display:inline-block;margin:10px 0 0 42%;}
#icons span:last-child{margin-right:0;}
}

@media(max-width:641px){
.tauchauf{display:inherit;}
.verschwinde{display:none;}

.logo-fest{float:none;margin:5px 0 0 10px;display:block;}
#hauptnav{display:block;}
#hauptnav li{float:none;}
#hauptnav ul{-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition: opacity .25s ease .1s;background:rgba(255,255,255,0.8);list-style:none;}
#hauptnav ul li{display:block;padding:0;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s;float:none;}
#hauptnav ul li a{color:#000000;text-decoration:none;padding:0 35px;margin:0;}
#hauptnav ul li a:hover{text-decoration:underline;}

header p{margin:10px 10px 10px 60px;}
header img{margin-left:10px;margin-bottom:0;}	
header h2{margin-right:20px;margin-bottom:0;}

.kopfbereich h2{margin:185px 20px 220px;}
.kopfbereich ul{margin:0 100px 30px 20px;}
.kopfbereich ul li{border-right:none;}
.button-grau{margin:0 0 0 5px;}

.text-zweispalten,.text-bild-zweispalten{padding-top:60px;}
.text-zweispalten article p{margin:0 30px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}

.text-bild-zweispalten article p{margin:0 30px;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}

footer{text-align:center;}
footer p{display:block;}
#icons{margin:10px 0 0 0;}
#copy{margin:0;float:none;}
}


@media(max-width:409px){
.tauchauf-phone{display:inherit;}
.verschwinde-phone{display:none;}

.button-grau{display:inline-block;}
.button-grau:last-child{display:inline-block;margin:15px 0 0 15px;}

.portrait p{width:100%;margin:20px 20px 270px 20px;width:auto;}
.portrait img{width:184px;height:250px;}
.portrait .anrede{right:204px;}
}