/* Sticky footer styles
-------------------------------------------------- */
html {
  position:relative;
  min-height:100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
}
.footer {
  position:absolute;
  bottom:0;
  width:100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container .text-muted {
    padding: 10px 0 20px 0;
    border-top:1px solid #828284;
    font-size:0.8em;
    color:#707072;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

body {font-family: 'Lato',Helvetica,Arial,sans-serif; overflow-y:scroll;}

p {font-size:1em; color:#2c2c2c;}

p, h1, h2, h3, li {letter-spacing:1px;}

h1, h2, h3 {color:#707072;}

h1 {padding:100px 0 20px 0; font-size:2.0em;}

h2 {font-size:1.2em; font-weight:700;}

a {font-weight:bold; color:#703C5B;}
footer a {font-weight:normal; color:#707072;}

a:hover, a:focus, footer a:hover, footer a:focus {color:#703C5B; outline:0; font-weight:bold;}

li {font-size:1em;}

img {max-width:100%; height:auto;}

.navbar {min-height:120px; background-color:#ffffff;}

.navbar-default {background-color:#ffffff; border:0;}

.navbar-brand {background-color:#ffffff;}

.sidenav {position:fixed; bottom:30%; right:20px;}

.sidenav .nav>li>a {color:#707072; font-size:1.2em; font-weight:700; padding:10px 0; display:block;}

.sidenav .fa {font-size:1.6em;}

.sidenav .nav>li>a:hover {color:#9E5D7E;}

.sidenav .nav>.active>a, .sidenav .nav>.active>a:focus, .sidenav .nav>.active>a:hover {color:#9E5D7E;}

.sidenav .nav>li>a, .sidenav .nav>li>a:hover, .sidenav .nav>.active>a, .sidenav .nav>.active>a:focus, .green .sidenav .nav>.active>a:hover {background-color:#ffffff;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form,
.sidenav .navbar-collapse, .sidenav .navbar-form {border:0;}

.navbar-right {margin-right: 0;}

.back-to-top {cursor:pointer; position:fixed; bottom:80px; right:30px; padding:5px 8px; display:none;}

.btn-primary.back-to-top {background-color:#828284; border-color:#707072; color:#fff;}

.btn-primary.back-to-top:hover {background-color:#9E5D7E; border-color:#9E5D7E;}

.btn-primary.back-to-top:hover {color:#fff;}

.col-centered div {text-align:center; margin:20px 0;}

.col-centered a {text-align:center; font-weight:normal; color:#000000;}
.col-centered a img {border:1px solid #cfcfdc; border-radius:20px; margin-top:5px;}
.col-centered a span {visibility:hidden;}

.col-centered a.green:hover, .col-centered a.green:focus, .col-centered a.violet:hover, .col-centered a.violet:focus, .col-centered a.gray:hover, .col-centered a.gray:focus {text-decoration:none;}

.col-centered a.green:hover, .col-centered a.green:focus {color:#89BA1B;}
.col-centered a.green:hover img, .col-centered a.green:focus img {border:1px solid #89BA1B;}

.col-centered a.violet:hover, .col-centered a.violet:focus {color:#9E5D7E;}
.col-centered a.violet:hover img, .col-centered a.violet:focus img {border:1px solid #9E5D7E;}

.col-centered a.gray:hover, .col-centered a.gray:focus {color:#cfcfdc;}
.col-centered a.gray:hover img, .col-centered a.gray:focus img {border:1px solid #cfcfdc;}

.mouse {cursor:default;} 

iframe {
    border: 0;
    min-height: 450px;
    width: 100%;
    margin-top: 20px;
}

/* Kleine Geräte (Tablets, 1026px und smaeller) */
@media (max-width: 1026px) {
    
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
      
}

/* Kleine Geräte (Smartphones Portrait) */
@media (max-width: 768px) {

}