/* Start */

body#start{
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  background-image: url(sixtus-start-bg-ani.gif) !important; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;  
  background-position: top right;
  min-height: 100%;
}

body:after
{
  content: url(/css/twitter.png) url(/css/facebook.png) url(/css/googleplus.png) url(/css/flickr.png) url(/css/instagram.png) url(/css/foursquare.png) url(/css/youtube.png) url(/css/rss.png) url(/css/xing.png) url(/css/linkedin.png) url(/css/runtastic.png) url(/css/spotify.png) url(/css/01_Ueber_i.png) url(/css/02_Blog_i.png) url(/css/03_Bewegtbilder_i.png) url(/css/04_Schreiberei_i.png) url(/css/05_Vortraege_i.png) url(/css/06_Fotografie_i.png) url(/css/07_Wo_i.png) url(/css/08_Kontakt_i.png);
  display: none;
}

div#startbox{
/*  margin-left: -620px;
  left: 50%; */
  margin: 12px 0 12px 12px;
  background-color: rgba(0, 0, 0, 0.741176); 
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid transparent;
  padding-top: 20px;
  width: 455px;
}

div#startbox h1,
div#startbox h2,
header#header div#branding hgroup#site-title h1{
  font-weight: 900;
  font-size: 4em;
  margin: 0 0 0.5em 0;
  font-family: 'Fjalla One', sans-serif;
  color: #FFFFFF;
  text-align: center;
}

div#startbox h2{
  font-size: 2em;
  margin-top: 1em;
}

div#startbox div#respbox{
  display: none;
}

ul.startmenu{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.startmenu li{
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  margin: 10px 60px;
  background-color: #f4f4f4;
  padding:6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #424242;
}

ul.startmenu li i.fa{
  color: #424242;
}

ul.startmenu li a{
  /* margin-left: 8px; */
  background-repeat: no-repeat;
  transition: background 0.5s linear;
  color: #424242;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

ul.startmenu li a:hover{
  background-color: transparent;
}

ul.startmenu li span.linkhead{
  background-repeat: no-repeat;
  padding-left: 24px;
}

ul.startmenu li.c_01_Ueber a{
background-image: url(/css/01_Ueber.png);
}
ul.startmenu li.c_01_Ueber:hover a{
background-image: url(/css/01_Ueber_i.png);
}

ul.startmenu li.c_02_Blog a{
background-image: url(/css/02_Blog.png);
}
ul.startmenu li.c_02_Blog:hover a{
background-image: url(/css/02_Blog_i.png);
}

ul.startmenu li.c_03_Bewegtbilder a{
background-image: url(/css/03_Bewegtbilder.png);
}
ul.startmenu li.c_03_Bewegtbilder:hover a{
background-image: url(/css/03_Bewegtbilder_i.png);
}

ul.startmenu li.c_04_Schreiberei a{
background-image: url(/css/04_Schreiberei.png);
}
ul.startmenu li.c_04_Schreiberei:hover a{
background-image: url(/css/04_Schreiberei_i.png);
}

ul.startmenu li.c_05_Vortraege a{
background-image: url(/css/05_Vortraege.png);
}
ul.startmenu li.c_05_Vortraege:hover a{
background-image: url(/css/05_Vortraege_i.png);
}

ul.startmenu li.c_06_Fotografie a{
background-image: url(/css/06_Fotografie.png);
}
ul.startmenu li.c_06_Fotografie:hover a{
background-image: url(/css/06_Fotografie_i.png);
}

ul.startmenu li.c_07_Wo a{
background-image: url(/css/07_Wo.png);
}
ul.startmenu li.c_07_Wo:hover a{
background-image: url(/css/07_Wo_i.png);
}

ul.startmenu li.c_08_Kontakt a{
background-image: url(/css/08_Kontakt.png);
}
ul.startmenu li.c_08_Kontakt:hover a{
background-image: url(/css/08_Kontakt_i.png);
}




ul.startmenu li span.linktext{
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 0 0 24px;
  line-height: 1.5em;
}

ul.startmenu li img.icon{

}

ul#morelinks li{
  padding: 0px 0px 0px 0px !important;
}

ul#morelinks li a{
  padding: 6px;
  display: block;
  padding:6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}

/* ul.startmenu li:hover,
ul.startmenu li:hover i.fa,
ul.startmenu li:hover a{
  color: #FFFFFF;
  background-color: #CC3500;
}
*/

/* Social Icons */


aside ul.startmenu{
  width: 222px;
  padding: 0;
  margin: 0 auto 0 auto;
}

aside ul.startmenu li{
  width: 202px;
  overflow: hidden;
  padding: 0 0 0 20px;
  margin-left: 0px;
}

aside .social{
  width: 222px;
}

.social a{
  float: left;
  display: block;
  height: 64px;
  width: 64px;
  margin: 6px 10px 6px 6px;
  background-size: 64px 64px;
  background-repeat: no-repeat;
}

ul.startmenu li.social span{
  display: inline;
  width: auto;
}

aside .social a{
  float: left;
  display: block;
  height: 32px;
  width: 32px;
  margin: 14px 20px 14px 0;
  background-size: 32px 32px;
  background-repeat: no-repeat;
}


.social a.last{
  margin: 6px 0 6px 6px;
}

aside .social a.last{
  margin: 14px 0px 4px 0;  
}

.social{
  overflow: hidden;
}

.social a.twitter{
  background-image: url(/css/g-twitter.png);  
}
.social a.twitter:hover{
  background-image: url(/css/twitter.png);  
}

.social a.facebook{
  background-image: url(/css/g-facebook.png);  
}
.social a.facebook:hover{
  background-image: url(/css/facebook.png);  
}

.social a.googleplus{
  background-image: url(/css/g-googleplus.png);  
}
.social a.googleplus:hover{
  background-image: url(/css/googleplus.png);  
}

.social a.flickr{
  background-image: url(/css/g-flickr.png);  
}
.social a.flickr:hover{
  background-image: url(/css/flickr.png);  
}

.social a.instagram{
  background-image: url(/css/g-instagram.png);  
}
.social a.instagram:hover{
  background-image: url(/css/instagram.png);  
}

.social a.foursquare{
  background-image: url(/css/g-foursquare.png);  
}
.social a.foursquare:hover{
  background-image: url(/css/foursquare.png);  
}

.social a.youtube{
  background-image: url(/css/g-youtube.png);  
}
.social a.youtube:hover{
  background-image: url(/css/youtube.png);  
}

.social a.rss{
  background-image: url(/css/g-rss.png);  
}
.social a.rss:hover{
  background-image: url(/css/rss.png);  
}

.social a.xing{
  background-image: url(/css/g-xing.png);  
}
.social a.xing:hover{
  background-image: url(/css/xing.png);  
}

.social a.linkedin{
  background-image: url(/css/g-linkedin.png);  
}
.social a.linkedin:hover{
  background-image: url(/css/linkedin.png);  
}

.social a.runtastic{
  background-image: url(/css/g-runtastic.png);  
}
.social a.runtastic:hover{
  background-image: url(/css/runtastic.png);  
}

.social a.spotify{
  background-image: url(/css/g-spotify.png);  
}
.social a.spotify:hover{
  background-image: url(/css/spotify.png);  
}

.reflist a{
  height: 64px;
  width: 64px;
  margin: 14px 20px 14px 0;
  background-size: 64px 64px;
  background-repeat: no-repeat;
}

.social a.refpics{
  display: block;
  height: 64px;
  width: 64px;
  background-position: 0 0;
  background-size: 64px 64px;
}
.social a.refpics:hover{
  background-position: 0 -64px !important;  
}

/* Blog etc. */

#main-nav{
  overflow: hidden;
  padding: 0;
}
#main-nav ul{
  width: 980px;
  margin: 0 auto;
}
#main-nav ul li {
  float: left;
  margin-right: 10px;
  font-size: 13px;
}

#main-nav ul li.current-menu-item a {
  color:#fff;
  background-color: #CC3500;
  background-color: #424242;
  text-decoration:none;
}

#branding{
  border-bottom: none;
}

div.teaser{
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 1.1em;
  line-height: 1.5em;
}

div#sidebar{
  overflow: hidden;
}

h3.widget-title{
  font-family: 'Fjalla One', sans-serif;
}

div.subsidebar{
  float: left;
  width: 48%;
  font-size: 80%;
}

div.subsidebar h3.widget-title{
  font-size: 95%;
}


/* THEME OVERWRITES */

#footer .widget_archive ul li a:hover,
.bwp-rc-widget li.sidebar-comment a:hover {
  color:#CC3500;
}

#header .mobile-nav a.menu-btn,
#content .wp-pagenavi span.current{
  background:#CC3500;
}

div#content article div.entry-content a{
  width: auto;
  display: inline;
  text-decoration: underline;
}

div#content article div.entry-content p a:hover{
  text-decoration: none;
  color: #FFFFFF;
  background-color: #CC3500;
}

a.more-link {
 background:#CC3500 url(images/arrow-right.png) 0 0 no-repeat
}



.widget h3.widget-title, 
.widget_get_recent_comments h1.widget-title {
  margin:0 0 1em 0;
  padding: 22px 0 0 0 !important;
  min-height: 35px;
  background-image :url(/css/Seitenleiste_Headline_BG.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  color: #FFFFFF;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0.3em;
}

.widget ul li,
.textwidget{
  text-align: left;
}

/*div#sidebar div.widget-area aside *{
  margin-left: 10px;
  margin-right: 10px;
}

div#sidebar div.widget-area aside h3{
  margin-left: 0px;
  margin-right: 0px;
}
*/
#footer-widgets-wrap,
#footer-widget-area {
 background:#CC3500;
}

/* instagram */
.front-photo{
  background-color:white;
  vertical-align:middle;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0px 3px 6px 3px !important;
  padding: 5px;
  border: 1px solid #e5e5e5;
}

@media screen and (max-width: 530px) {
  div#startbox div#respbox{
    height: 300px !important;
  }
  div#startbox{
    width: 100%;
    margin: 12px auto 12px auto;
  }
  ul.startmenu li.social span{
    display: block;
    width: 220px;
    margin: 0 auto 0 auto;
  }
  .social a{
    height: 32px;
    width: 32px;
    margin: 6px 6px 6px 6px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
  }
  .social a.last{
   margin: 6px 6px 6px 6px;
  }
}

@media screen and (max-width: 768px) {
  body#start{
    background-image: none !important;
    background-image: url(sixtus-start-resp-bg.jpg) !important;
  }

  header#header div#branding hgroup#site-title h1{
    margin: 0 0 0 0 !important;
  }

  div#startbox{
    /*width: 100%;*/
    margin: 12px auto 12px auto;
  }

  div#startbox h1{
    font-size: 3em;
  }

  ul.startmenu li{
    margin: 10px 30px;
  }


  div#startbox div#respbox{
    display: block;
    background-image: url(sixtus-start-bg-ani.gif) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top right;
    height: 360px;
    margin: 10px 30px;
    background-color: #f4f4f4;
    padding:6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
}