/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19.09.2018, 15:02:10
    Author     : Sophie
*/
html {
  font-family: verdana;
  font-size: 100%;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-height: 100%;
}
/*Body*/	
body {
	min-height: 100%;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #1f1c19;
        top: 3.75em;
	}
a {
    /* color: #5e5e5e;  */
     font-weight: bold;
 }
a:hover, footer a:active, footer a:focus {
    text-decoration: underline;
    color: #5e5e5e; 
}


/*******************Buttons******************/
.btn-primary {
    color: #1f1c19;
    background-color: rgba(172, 160, 149, 0.84);
    border-color: #1f1c19;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #1f1c19;
    background-color: #e6e3e0;
    border-color: #1f1c19;
}



/*.carousel-inner > .item > img, .img-responsive {
    max-width: 875px;
    max-height: auto;
}*/
.page-header {
    padding: 0 1em 1em 1em;
    /*margin: 80px 20px 25px 20px;*/
    margin: 3em 1.25em 1.55em 1.25em;
    width: 100%;
    top: 1.75em;
    
}
form {
    max-width: 700px;
}
/**********************NAVIGATION******************************************/

.container>.navbar-header {
    border-right: 1px solid #98897c;
}
.navbar-default {
    background-color: rgba(172, 160, 149, 1);
    border-color: #98897c;
    font-size: 1rem;
}
.navbar-nav > li a {
    font-weight: normal;
}
.navbar-default .navbar-nav > li > a {
    color: #000000;
}
p.navbar-brand {
    margin: 0;
    padding-left: 1.5em;
    font-size: 1em;
    /*color: #1f1c19;*/
    color: #000000;
}

.navbar-default .navbar-brand:hover {
    background-color: transparent;
     color: #5e5e5e;
}
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #1f1c19;
    background-color: #e6e3e0;
}
.navbar-default .navbar-nav > .active > a {
    background-color: #e6e3e0;
    color: #5e5e5e;
}
.navbar-default .navbar-nav > li > a:hover

{
    color:  #5e5e5e;
    background-color: #e6e3e0;
}
 .navbar-default .navbar-brand {
    color: #000000;
}
.dropdown .active {
    color:  #5e5e5e;
    background-color: #e6e3e0;
}
.dropdown-menu {
  
    background-color: #aca095;
    -webkit-background-clip: padding-box;
    border: 1px solid #98897c;
    border: 1px solid #98897c;
     box-shadow: none;
}
/*dropdown-menu > li > a, dropdown-menu > li >´.active > a {
    color: #262626;
    text-decoration: none;
    background-color: #000;
}*/
/*dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > .active > a {
    color: #1f1c19;
    text-decoration: none;
    background-color: #e6e3e0;
}*/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, navbar-default .navbar-toggle {
    background-color: #e6e3e0;
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .dropdown-menu > .active > a {
    color: #000000;
    text-decoration: none;
    background-color: #e6e3e0;
}
.dropdown-menu > li > a {
    color: #000000;
   
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
}
/*************************************NAVIGATION ENDE************************/
footer p {
    font-size: 0.775em;
    color: #1f1c19;
}
footer a {
    /*color: #5e5e5e;*/
    font-weight: bold;
}
footer a:hover, footer a:active, footer a:focus {
    text-decoration: underline;
    /*color: #5e5e5e;*/
}
footer {
    background-image: linear-gradient(to top, #9f9184 0px, #aca095 100%);
    background-repeat: repeat-x;
    bottom: 0;
    height: auto;
   /* position: relative;*/
    padding: 0.5em 0.5em 0.5em 1em;
    border-top: 1px solid #b9cde5;
    display: block;
    position: relative;
    width: 100%;
 
   
}
/*******************************INHALT***************************************/
.panel-body {
   background-color: #e6e3e0;
}
figcaption {
    display: block;
    padding-top: 0.5em;
    max-width: 222px;
}
img.skelett {
    width: 100%;
    max-width: 300px;
    height: auto;
}
.page-header img.img-circle {
    border-radius: 50%;
    width: 100%;
    max-width: 180px;
    height: auto;
}

/******************************CAROUSEL***************************************/

.carousel {
   max-width: 900px;
   margin: 0 auto;
}

.carousel-caption h2 {
    font-size: 1.5rem;
}
.page-header img.img-responsive   {
    max-width: 303px;
    max-height: 178px;
    margin-right: 20px;
    float: left;
    border-radius: 2px;
}
.abstandh2 h2 {
     margin-top: 0;
    }
 
section {
   background: rgba(208,217,226,0.5);
   padding: 5px;
   /* max-width: 900px;*/
}
.carousel-control.left {
    background: transparent;
}
.carousel-control.right {
     background: transparent;
}

@media screen and (min-width:61.5em) and (max-width:87.5em){
  .col-md-8.abstandh2 {
        margin-left: 4em;
    }
}
@media screen and (min-width:62.5em) {
    html {
        
    }
}

@media all and (min-width: 87.5em) {

   .page-header {
    padding: 0 1em 1em 1em;
    margin-left: 5em;
    margin-right: 2.5em;
    border-bottom: 1px solid #eee;
    width: 90%;
    
}

}

@media all and (max-width: 62em) {
   .page-header .col-md-1, .page-header .col-md-2, .page-header .col-md-3, .page-header .col-md-4, .page-header .col-md-5, .page-header .col-md-6,
  .page-header .col-md-7, .page-header .col-md-8, .page-header .col-md-9, .page-header .col-md-10, .page-header .col-md-11, .page-header .col-md-12
     {
    width: 100%;
    clear: left;
    }
    .abstandh2 h2 {
        margin-top: 7em;
    }
   
    .page-header {
        margin-left: 0px;
        /*margin-top: 11px;*/
       }
 .abstandtop {

    margin-top: -20px;
 }
 .page-header img.img-responsive {
     border-radius: 0px;
  }
}

@media all and (max-width: 62em) {
    .page-header {
        margin-top: 0em;
    }
}

@media screen and (min-width:30em) and (max-width: 62em) {
  .col-md-8.abstandh2 {
        margin-top: 7em;
    }
    
}
@media all and (min-width: 40em) {
   .carousel-caption h1 {
    font-size: 3rem;
    }
}

@media all and (max-width: 33em) {
 .page-header img.img-responsive   {
    max-width: 240px;
    max-height: auto;
    }
 .carousel-caption h1 {
    font-size: 1.25rem;
    }
 .carousel-caption h2 {
    font-size: 0.875rem;

    }
 .btn-primary {
   font-size: 1rem;
    }
    iframe {
        width: 280px;
    }
  
 }
 @media all and (max-width: 22em) {
   .page-header img.img-responsive   {
    max-width: 240px;
    max-height: auto;
  }
  .carousel-caption h1 {
    font-size: 0.8rem;
    font-weight: bold;

    }

 }