/**
 * custom.css
 *
 * @package Clever-und-fit.de
 * @version 0.1.000
 * @author George Lewe - IT and Web Design (http://www.lewe.com)
 * @copyright Copyright (c) 2014 by Clever & Fit
 */

body {
  padding-top: 50px;
}

h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.2rem; }

p { font-size: 1.1rem; }

.xsmall {
  font-size: 72%;
}

#top-link-block.affix {
   position: fixed; /* keeps it on the bottom once in view */
   bottom: 20px;
   /* left: 10px; */
   right: 20px;
}

#top-link-block.affix-top {
   position: absolute; /* allows it to "slide" up into view */
   bottom: -82px;
   left: 10px;
}

#top-link-block.affix a, #top-link-block.affix a:hover, #top-link-block.affix a:visited {
   text-decoration: none;
}

.content {padding: 20px 0px 60px 0px;}

.hero {
   background-color: #878787;
   border-bottom: 1px solid #808080;
   height: auto;
   /*
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
   box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
   */   
}

.footer {
   color: #dddddd;
   background-color: #05164d;
   padding: 20px 15px 300px 15px;
   margin-bottom: 0px;
}

.footer a { color: #ffffff; }

.caret {
   margin-left: 6px;
}

.italic {
   font-style: italic;
}

.img_floatleft        { float:left; margin: 0 24px 5px 0;}
.img_floatright       { float:right; margin: 0 0 5px 10px;}

.img-border {
   -moz-box-shadow: 0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc;
   border: solid #fff 5px;
   left: -5px;
   background: #fff;
}

@media (max-width: 340px) {
   img { max-width: 300px; }
}
@media (max-width: 820px) {
   #slideshow { display: none; }
}
@media (max-width: 1024px) {
   #slideshow { width: 700px; padding-top: 20px;}
}