/*

Finalmedia
Jörg Reinhard Internetdienstleister e.k.
Sa 12. Mai 21:42:21 UTC 2018

*/
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Maven Pro Regular'), local('MavenPro-Regular'), url(fonts/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Maven Pro Regular'), local('MavenPro-Regular'), url(fonts/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body { font-family:'Maven Pro','Sans-Serif'; color: #333; padding:0px;margin:0px; background:#FFF; margin-bottom:1em; }

a { text-decoration:none; color:#333; }

#logo { margin:0px auto; text-align:center; position:relative; top:2em; display:block; }
#logo img { float:left; clear:none; opacity:0.8; }
#logo > div { width:450px; margin:0px auto; }
#logo h1 { font-size:340%; margin-bottom:0px; padding:0px; color:#777; letter-spacing:-.2rem; line-height:90%; }
#logo h2 { font-size:200%; margin-top:0px; padding:0px; color:#999; letter-spacing:-0.06rem; font-weight:normal;  }

#rubriken { background:none; display:block; xmax-width:1024px; margin:0px auto; padding-left:2em; margin-top:1em; margin-bottom:2em; padding-right:10px; min-height:330px; }
#menu a { margin:0px; margin-bottom:0.2em; float:left; clear:both; text-transform:lowercase;  text-decoration:none; color:#222; font-size:140%; color:#555; background:rgba(255,255,255,0.8); cursor:pointer !important; }

#info { display:block; padding:5em; color:#555; line-height:140%; font-size:100%; max-width:1024px; margin:0px auto; }
#info p { margin:0px; margin-bottom:0.3em; padding:0px; }
#info a { color:#666; text-decoration:none; }

#loader { background-position:center center; }
#site { z-index:300; position:relative; margin:5em auto; max-width:1024px; margin-bottom:0px; min-width:640px; width:100%; border:1px solid #DDD; padding:0em; box-shadow:0px 0px 120px rgba(0,0,0,0.2); background-image:url(index.jpg); background-repeat:no-repeat; background-position:right -20px; }
#site.active { cursor:pointer; }
#tel { font-size:300%; line-height:100%; letter-spacing:-.2rem; color:#3498db; }
#tel a { color:#3498db; font-weight:bold; }

address { display:block; text-align:center; line-height:100%; font-style:normal; }
address a { text-decoration:none; color:#444; margin:0px; }

#fotos { display:block; margin:1em auto; width:80%; max-width:1024px; height:auto; min-height:50px; padding:0px; text-align:center; padding:0px; margin-bottom:2em;  }
#fotos a { display:inline-block; width:32px; height:32px; text-decoration:none; background:none; border:1px solid #DDD; color:#FFF; margin:2px; cursor:pointer !important; border-radius:20px; }
#fotos a.active { background:#3498db; border:1px solid #3498db; }
#fotos a.loading { background:#DDD; }


#code { margin:0px auto; text-align:center; text-transform:uppercase; cursor:pointer; margin-bottom:2em; color:#666; }
#code:hover { color:#222; }

#wrapper { position:relative; padding:0px; margin:5em auto; max-width:1024px; margin-bottom:0px; min-width:640px; width:80%; }
#loader {
    z-index:200;
    display:block; position:absolute; top:120px; right:120px; 
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}