/* Meyer-Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*----------- Basis-SchriftFormate -------------------------------------------------------*/

@font-face {
    font-family: 'text';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#text') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kursiv';
    src: url('../fonts/sourcesanspro-lightit-webfont.eot');
    src: url('../fonts/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-lightit-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-lightit-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-lightit-webfont.svg#kursiv') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'staerker';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#staerker') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alternativ';
    src: url('../fonts/GandhiSans-Regular-webfont-macroman.eot');
    src: url('../fonts/GandhiSans-Regular-webfont-macroman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSans-Regular-webfont-macroman.woff') format('woff'),
         url('../fonts/GandhiSans-Regular-webfont-macroman.ttf') format('truetype'),
         url('../fonts/GandhiSans-Regular-webfont-macroman.svg#alternativ') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alternativ_1';
    src: url('../fonts/sourcesanspro-semiboldit-webfont.eot');
    src: url('../fonts/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semiboldit-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semiboldit-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semiboldit-webfont#alternativ_1') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------- Basis-Formate -------------------------------------------------------*/

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.flex-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-item {
margin-top: 0.2em;
text-align: center;
}

.flex-item_1 {
text-align: left;
}

.flex-item_navi {
  font-family: "alternativ", Georgia;
  position: sticky;
  margin-top: -0.8em;
  font-size: 2.2em;
  text-align: center;
  width: 100%;
  /*height: 3em;*/
  background-color: white;
}





body {
 font-family: "text", Georgia;
 text-align: left;
 color: #241A1C;
 width:100%;
 height:100%;
}
p {
margin-top: 1.0em;
line-height: 1.4em;
}
h1 {
font-size: 2.5em;
font-weight: normal;
margin-top: 0.5em;
margin-bottom: 1em;
color: rgb(32,32,43);
}
em {
font-family: "kursiv", Georgia;
}
strong {
font-family: 'staerker';
font-weight: bold;
}
#wrapper {
position: absolute;
width:100%}
ul {
margin-top: 1em;
}
li {
font-size: 1em;
}
.small {
font-size: 0.8em;
}
.p-bold {
font-weight: bold;
}
.table-underline {
border-bottom: 1px solid black;
}
/*----------- Link-Formate -------------------------------------------------------*/
a{		
text-decoration: none;
color: rgb(32,32,43);
font-size: 1.3em;
transition: all 0.1s linear;
border-bottom: 1px solid rgb(180,32,43);
}
a:focus {outline: none;}
a:hover {
-webkit-text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
-moz-text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
}

/*----------- Überschriftsbereich -------------------*/
#head-group {
position: fixed;
left: 40px; 
top: 0px;
width: 450px; 
}
#head-group h1 {
margin-top: 46px;
}
#head-group p {
margin-top: -18px;
font-size: 0.9em;
letter-spacing: 0.12em;
margin-left: 3px; 
}
.head-box {
width: 100px;
height: 100px;
position: absolute; 
top:25px; 
left:400px; 
opacity: 1;
transition: all 0.4s linear;
border: 1px solid rgb(0,0,0);
}
.head-yantra {
width: 106px;
height: 106px;
position: absolute; 
top:22px; 
left:398px; 
opacity: 0.95;
z-index: 301;
}
.modern-boxshadow  .head-box {
border: 0px solid rgb(255,255,255);
-webkit-box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
-moz-box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
}
#linienelemente-top {
position: absolute;
top: 78px;
width: 450px;
left: 0px;
z-index: 300;
}
.linie-top {
margin-top: 5px; 
height: 1px;
opacity: 0.8;
}
nav[role="navigation"]  li {
font-size: 1em;
}
 
/*----------- Link-Boxen -------------------------------------------------------*/
#linkBoxBand{
position: fixed;
width: 100%;
top: 5px;
height: 38px;
display: none;
z-index: 100;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(65%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}
.link-box_container {
position: absolute;
border: 1px solid rgb(0,0,0);
transition: all 0.2s linear;
z-index: 101;
}
.modern-boxshadow .link-box_container {
border: 0px solid rgb(255,255,255);
-webkit-box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
-moz-box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
}
.link-box {
width:50px;
height: 50px;
opacity: 0.8;
}
.link-box_text {
position: absolute;
left: 65px;
top: 14px;
transition: all 0.1s linear;
}
#link_box_0 {
top:584px; 
left:40px;
z-index: 204;
}
#link_box_1 {
top:639px; 
left:92px;
z-index: 203;
}
#link_box_2 {
top:694px; 
left:144px;
z-index: 202;
}
#link_box_3{
top:749px; 
left:196px;
z-index: 201;
}
#link_box_4 {
top:804px; 
left:248px;
z-index: 200;
}
 
/*----------- Arbeitsbereich -------------------*/
#main {
/*position:absolute;
top:250px;
left:630px;
right:40px; 
width:550px;
z-index: 10;*/
}
#main h1 {
font-size: 1.5em;
}
#main h2  {
font-size: 0.95em;
font-family: "alternativ", Georgia;
margin-top: 1.5em;
}
#main h2.small-margin-bottom   {
font-family: "alternativ", Georgia;
margin-top: 1.5em;
margin-bottom: -0.5em;
}
#main p.effekt {
font-size: 2.0em;
line-height: 1.4em;
}
#main p.effekt-small {
font-size: 1.2em;
}
#main a{
font-family: 'alternativ';	
text-decoration: none;
color: rgb(180,32,43);
font-size: 0.9em;
transition: all 0.1s linear;
border-bottom: 0px;
}
#main a:focus {outline: none;}
#main a:hover {
-webkit-text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
-moz-text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
}
#main a.small-link{
font-family: 'alternativ';	
text-decoration: none;
color: rgb(180,32,43);
font-size: 0.8em;
transition: all 0.1s linear;
}
#main .small-link a:focus {outline: none;}
#main .small-link a:hover {
-webkit-text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
-moz-text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
text-shadow: 1px 1px 2px rgba(153, 0, 51, 0.9);
}
#main a.inline-link{
font-family: 'text';
font-size: 1em;
}
#main a.inline-link-font_alternativ{
font-size: 1em;
}
#main ul{
list-style: disc;
margin-left: 1em;
}
#main li{
line-height: 1.2em;
}
.back-link {
position:absolute;
font-size: 1.5em; 
top:-18px; 
left:-30px;
border-bottom: 0px;
}

#main .small h2{
font-size: 1.1em;
}
#linienelemente-bottom {
margin-top: 20px;
}
.linie-bottom {
margin-top: 4px; 
height: 1px;
}
.unterstrich {
border-bottom: 1px solid grey;
}
footer {
display: none;
}
.modern-boxshadow  footer {
position:absolute;
top:755px;
left:630px;
width:550px; 
overflow:hidden;
display: block;
}
.footer-pic {
}
td {
font-family: 'alternativ';
font-size: 0.9em;
padding: 0.3em;
line-height: 1.2em;
}
.liste{
font-family: 'alternativ';
font-size: 0.7em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
.kursiv {
font-family: 'kursiv';
font-size: 1.3em;
line-height: 1.5em;
}
.alternativ {
font-family: 'alternativ'
}
.alternativ_1 {
font-family: 'alternativ_1'
}

/*----------- Adress-Seite -------------------*/
.adr {
margin-top: 0.5em;
}
.vcard {
font-family: 'alternativ';
font-size:1.3em; 
/*margin-top:0em;*/
}

/*----------- Über mich-Seite -------------------*/
.portraet {
width: 200px;
float: right;
margin-top: 57px;
margin-left: 30px;
margin-bottom: 20px;
-webkit-box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
-moz-box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
box-shadow: 4px 2px 10px 0px rgba(12, 48, 45, 0.4);
}
.bdy-logo {
margin-top: 18px;
}