@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../Fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../Fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../Fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body { color:#00a9d5; font-family: 'Open Sans', Arial, sans-serif; font-weight:300; font-size:20px; line-height:160%; }

b, strong { font-weight:700; }

p { margin:0 0 2%; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, sans-serif; color:#00a9d5; font-weight:700; font-stretch: 75%; line-height:120%; margin:0; padding:0; } 
h1 { font-size:2.2em; padding-bottom:2%; text-transform: uppercase; }
h1 span{ color:#e1bd45; }
h2 { font-size:1.8em; padding-bottom:2%; text-transform: uppercase; }
/*h3 { font-size:1.7em; padding-bottom:1%; }
h4 { font-size:1.2em; padding-bottom:10px; }
h5 { font-size:1.2em; padding-bottom:15px; font-weight:700; line-height:130%; color:#555555; }
h6 { font-size:1.0rem; padding-top:20px; padding-bottom:0px; font-weight:700; line-height:160%; color:#555555; }*/

/* links */
a,
a:visited,
a:active,
a:hover { text-decoration:none; color:#e1bd45; outline:0 !important; }


a.button { position: relative; text-transform: uppercase; display:inline-block; padding:20px 30px; border:1px solid #e1bd45; color: #e1bd45; 
	transition: all 0.4s ease-in 0s; /* explorer 10 */
	-webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
	-moz-transition: all 0.4s ease-in 0s; /* firefox */
	-o-transition: all 0.4s ease-in 0s; /* opera */
  }
a.button:hover { border:1px solid #00a9d5; color: #00a9d5; }
  
a.button-gruen { font-size: 1.4em; background:#007659; border-color:#007659; color:#FFF; padding:40px 150px 40px 30px; margin-top:40px; }
a.button-gruen:hover { border-color:#007659; color:#FFF; }
a.button-gruen:after { content:''; position: absolute; right: 0; bottom:0; width:100%; height:130%; background: url('../Images/2giraffen.png') bottom right no-repeat; background-size:auto 100%;
	transition: all 0.4s ease-in 0s; /* explorer 10 */
	-webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
	-moz-transition: all 0.4s ease-in 0s; /* firefox */
	-o-transition: all 0.4s ease-in 0s; /* opera */
}
a.button-gruen:hover:after { transform:scale(1.05); }


a.button-pdf { position: relative; text-transform: uppercase; display:inline-block; padding:20px 90px 20px 30px; margin-top:30px; border:1px solid #e1bd45; color: #e1bd45; 
	transition: all 0.4s ease-in 0s; /* explorer 10 */
	-webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
	-moz-transition: all 0.4s ease-in 0s; /* firefox */
	-o-transition: all 0.4s ease-in 0s; /* opera */
  }
  a.button-pdf:after { content:''; position: absolute; right:2px; bottom:8px; width:80px; height:80px; background: url('../Images/icon_pdf.jpg') bottom right no-repeat; background-size:100% auto; }
  a.button-pdf:hover { border:1px solid #00a9d5; color: #00a9d5; }
  
 
a.button-zip { position: relative; text-transform: uppercase; display:inline-block; padding:20px 90px 20px 30px; margin-top:30px; border:1px solid #e1bd45; color: #e1bd45; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
a.button-zip:after { content:''; position: absolute; right:2px; bottom:8px; width:80px; height:80px; background: url('../Images/icon_zip.jpg') bottom right no-repeat; background-size:100% auto; }
a.button-zip:hover { border:1px solid #00a9d5; color: #00a9d5; }


table.vita { border-collapse: collapse; }
table.vita td { vertical-align: top; padding-bottom: 5%; }
table.vita .jahreszahl { display:block; padding:10px 20px; margin-right:30px; border:1px solid #00a9d5; }