@charset "utf-8";
/* CSS Document */

/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v9-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

body { background:#fff url(../images/shadow.png) top left repeat; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#444;}

h1, h2, h3, h4, h5, ul, form { margin:0; padding:0;}
img { border:none;}
.clear { clear:both;}

a { color: #444; font-size: 11px; text-decoration: none; }
a:visited { color: #444; }
a:hover { color: #444; }
a:active { color: #444; }

#vcard { margin:65px auto; width:700px; padding:10px 20px 0px 30px; background:; text-align:left; position:relative; -moz-border-radius:3px; -moz-box-shadow:8px 8px 7px #ccc; -webkit-border-radius:3px; -webkit-box-shadow:8px 8px 7px #ccc; border-radius:3px; box-shadow:8px 8px 7px #ccc;
background: #ffffff;
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 55%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(55%,#ffffff), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
background: linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );}

#vcard img { float:right; margin:0 30px; }

#vcard .headlines { margin:0px 0 15px 10px; padding:20px 0 0 15px;}
#vcard .content { }

h1 { font-family: 'Nunito', sans-serif; font-size:42px; line-height:50px; padding:3px 0; color:#46A134; font-weight:normal;}
h2 { font-size:16px; line-height:1.6em; padding:2px 0 2px 2px; color:#444; font-weight:normal;}

#vcard h3 { font-size:14px; line-height:1.8em; margin:20px 0 20px 30px;}
#vcard p {line-height:1.6em; margin:5px 40px 10px 10px; padding:0 0 0 20px; }
#vcard a {color:#46A134; text-decoration:none; border-bottom:1px dotted #46A134;}
#vcard a:hover {border-bottom:1px solid #46A134;}


#vcard ul { margin:15px 0 15px 30px; padding:0; }
#vcard li { line-height:1.5em; margin:10px 0 25px 0; padding:0; list-style-type:none; }
#vcard li strong { display:block; font-family: 'Nunito', sans-serif; font-size:18px; color:#46A134; font-weight:normal; line-height:1em; }

#pageone ul { margin:5px 0 5px 50px; padding:0; }
#pageone li { line-height: 1.5em; margin: 5px 0 5px 0; padding: 0; list-style-type: square; }
#pageone li strong { display:block; font-family: 'Nunito', sans-serif; font-size:14px; color:#46A134; font-weight:normal; line-height:1.5em; }

#vcard .contact { font-size:13px;}
#vcard fieldset { float:right; width:300px; margin:0 25px 0 0; padding:0; border:none;}
#vcard label { width:120px; display:block; margin:4px 0; float:left; clear:left; font-size:11px;}
#vcard input { width:160px; margin:4px 0; border:1px solid #e4e4e4; font-size:11px; padding:4px; border-radius:2px;}
#vcard textarea { width:290px; margin:10px 0 5px 0; border:1px solid #e4e4e4; border-radius:2px;}
#vcard input.submit { float:right; margin:4px 10px 0 0; border:none; width:140px; padding:5px 8px; color:#eee; cursor:pointer;
background: #46A134;
 }



#vcard .nextpage {font-size:46px; color:#46A134; margin:25px;  width:60px; float:right; cursor:pointer; display:block;}
#vcard .back {font-size:46px; color:#46A134; margin:25px;  width:60px; float:left; cursor:pointer; display:block;}


#vcard .social { margin:20px 0 0 28px;}
#vcard .social a { width:32px; height:32px; display:inline-block; margin:3px;  text-decoration:none; border:none;}
#vcard .social a.fb { background:url(../images/facebook.png) center no-repeat;}
a.twitter { background:url(../images/twitter.png) center no-repeat;}
a.google { background:url(../images/google.png) center no-repeat;}
a.xing { background:url(../images/xing.png) center no-repeat;}

.mail-sent { position:fixed; z-index:100; top:20%; left:20%; background:#fff; border:3px solid #46A134; border-radius:3px; padding:90px 65px; opacity:.95;}

.close-form { text-align:center; border:1px solid #ccc; font-weight:bold; font-size:30px; line-height:1.5em; border-radius:50%; width:1.55em; height:1.5em; position:absolute; top:5px; right:5px; cursor:pointer;
background: #dedede;
background: -moz-linear-gradient(-45deg, #dedede 0%, #ffffff 8%, #dedede 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dedede), color-stop(8%,#ffffff), color-stop(100%,#dedede));
background: -webkit-linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
background: -o-linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
background: -ms-linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
background: linear-gradient(-45deg, #dedede 0%,#ffffff 8%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede',GradientType=1 );}


.panel {position:fixed; top:5%; left:0;  padding:15px; background:#fff; opacity:.85; border-radius:0 5px 5px 0; border:1px solid #eee; }
.panel select { font-size:13px; padding:2px; border:1px solid #dedede; border-radius:3px;}

#impressum {
width: 60%;
position: relative; /* hebt den inhalt vor den space  */
margin: 0 auto;
padding: 10px;
background-color: #ffffff;
border: 1px solid #000000;
clear:left; /* hebt das float vom space auf  */
}
#impressum a {color:#46A134; text-decoration:none; border-bottom:1px dotted #46A134;}
#impressum a:hover {border-bottom:1px solid #46A134;}
#impressum img { float:right; margin:0 30px; }