/*!
 * Start Bootstrap - Clean Blog v3.3.7+1 (http://startbootstrap.com/template-overviews/clean-blog)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 a,body{
 	color:#e5bb52;
 	}

 .navbar-custom .nav li a,.navbar-custom .navbar-brand,h1,h2,h3,h4,h5,h6{
 	font-weight:200
 	}
 
 .caption,.intro-header .page-heading,.intro-header .site-heading,footer .copyright{
 	text-align:center
 	}
 
 body{
 	color: #04182f;
 	font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
 	font-size:20px;
    text-align: justify;
 	-webkit-tap-highlight-color:#0085A1
 	}

.img-responsive{
       padding:0.2em;
       border:1px solid rgba(229, 187, 82, 0.5);
}

.img-noborder{
      padding:0;
      border:none;
}

.responsive-video{
           padding: 0.2em;
           border:1px solid rgba(229, 187, 82, 0.5);
}

.frontpage.intro-header{
text-align: center;
color: #fff;
padding: 2em;
}

h1.frontpage{
  font-size: 3em;
}
h2.frontpage{
  text-align: center;
  color:#fff;
  font-size: 1.2em
}


.frontpage.img-responsive{
      padding-bottom:1em;
      border: none;
      margin: auto; 
}

.flexcontainer { 
  padding: .5vw;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
.flexcontainer div { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 20vw; 
  margin: .5vw; 
}
.flexcontainer div img { 
  width: 100%; 
  height: auto; 
}
@media screen and (max-width: 400px) {
  .flexcontainer div { margin: 0; }
  .flexcontainer { padding: 0; }
}

article{
    padding-bottom: 1.5em;
}

/* 
!!!! 
FRONT PAGE
!!!
*/

div.frontpage{
  text-align: center;
  padding: 1em;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

a.frontpage {
  background-color: white;
  border: solid 1px #e5bb52;
  color: #e5bb52;
  padding: .5em 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
  margin: .5em .5em;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  width: auto;
  text-align: center;
}

a.frontpage:hover {
  background-color: #e5bb52;
  color: white;
  text-decoration: none;
}

/* 
!!!! 
FRONT PAGE
!!!
*/

.preis{
    text-align: center;
    line-height: 3em;
    list-style-type: none;
    padding: 0;
}
 .articlecolor{
 	 background: #EBF0F2;
 }

 .intro-header .page-heading .subheading,.intro-header .post-heading .subheading,.intro-header .site-heading .subheading,.navbar-custom,h1,h2,h3,h4,h5,h6{
 	font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
 	}

 
  h2{
    text-align: left;
 	color: #e5bb52;
 }

  h3{
    text-transform: uppercase;
 }

 p{
 	line-height:1.5;margin:40px 0
 	}p 

 a{
 	text-decoration:underline
 	}

 a:focus,a:hover{
 	color: #e5bb52;
 	}

 a img:focus,a img:hover{
 	cursor:zoom-in
 	}

#topbtn {
    display: none; /* Hidden by default */
    font-size: 12px;
    position: fixed; /* Fixed/sticky position */
    bottom: 1em; /* Place the button at the bottom of the page */
    right: 3em; /* Place the button 30px from the right */
    z-index: 100; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #e5bb52; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0.5em; /* Some padding */
    border-radius: 0.5em; /* Rounded corners */
}

#topbtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

 blockquote{
 	color:#545b63;font-style:italic
 	}

 hr.small{
 	max-width:100px;margin:15px auto;border-width:4px;border-color:#fff
 	}

 .navbar-custom{
 	position:absolute;top:0;left:0;width:100%;z-index:3
 	}

 .navbar-custom .navbar-header .navbar-toggle{
 	color:#777;font-weight:800;text-transform:uppercase;font-size:12px
 	}

 .navbar-custom .nav li a{
 	text-transform:uppercase;font-size:12px;letter-spacing:1px
 	}

 /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #fff;
    border: 1px solid #e5bb52;
    color: #444;
    cursor: pointer;
    padding: 1em;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ffe6a8;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
} 

div.panel p{
    padding: 0 13%;
}

div.panel ul{
    padding: 0 13%;
}

 @media only screen and (min-width:768px){
 	 	/* page border goldener Rand */
	#top, #bottom, #left, #right {
		    z-index: 0;
		    background: #e5bb52;
		    position: fixed;
		    }
		    #left, #right {
		     top: 0; bottom: 0;
		        width: 1px;
		        }
		        #left { left: 1vw; }
		        #right { right: 1vw; }

 .navbar-custom{
 		background:0 0;border-bottom:1px solid transparent
 		}
 .navbar-custom .navbar-brand{
 	color:#fff;
  font-size:1em;
   }
  
  .navbar-brand::after{
    content:"|";
    color: rgb(255,255,255,.4);
    padding: .5em;
   } 

 .navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{
 	color:rgba(255,255,255,.8);
 	}

 .navbar-custom .nav li a{
 	color:#fff;padding:20px
 	}

 .navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{
 	color:rgba(255,255,255,.8)
 	}

 .navbar-custom .nav li ul.dropdown-menu a{
 	color:#333
 	}

 .navbar-custom .nav li ul.dropdown-menu a:focus,.navbar-custom .nav li ul.dropdown-menu a:hover{
 	color:#0085A1
 	}
                                         }

 @media only screen and (min-width:1170px){

    .navbar-custom{
        -webkit-transition:background-color .3s;
        -moz-transition:background-color .3s;
        transition:background-color .3s;
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden}

    .navbar-custom.is-fixed{
        position:fixed;
        top:-61px;
        background-color:rgba(255,255,255,.9);
        border-bottom:1px solid #e5bb52 ;
        -webkit-transition:-webkit-transform .3s;
        -moz-transition:-moz-transform .3s;
        transition:transform .3s}

    .navbar-custom.is-fixed 
    
    .navbar-brand{color:#333}
    
    .navbar-custom.is-fixed 

    .navbar-brand:focus,.navbar-custom.is-fixed .navbar-brand:hover{
        color:#0085A1
        }

    .navbar-custom.is-fixed .nav 
    li a{color:#333}

    .navbar-custom.is-fixed .nav 
    li a:focus,.navbar-custom.is-fixed .nav li a:hover{color:#0085A1}

    .navbar-custom.is-visible{
        -webkit-transform:translate3d(0,100%,0);
        -moz-transform:translate3d(0,100%,0);
        -ms-transform:translate3d(0,100%,0);
        -o-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)}}

    .intro-header{
        background:center center no-repeat;
        -webkit-background-size:cover;
        -moz-background-size:cover;background-size:cover;
        -o-background-size:cover;margin-bottom:50px}
    .intro-header .page-heading,.intro-header .post-heading,.intro-header .site-heading{
        padding:100px 0 50px;color:#fff}

    .intro-header .page-heading h1,.intro-header .site-heading h1{
        margin-top:0;font-size:2em}

    .intro-header .page-heading .subheading,.intro-header .site-heading .subheading{
        font-size:1em;line-height:1.5em;display:block;font-weight:200;margin:10px 0 0}

    @media only screen and (min-width:768px){
        .intro-header .page-heading,.intro-header .post-heading,.intro-header .site-heading{
            padding:150px 0}

        .intro-header .page-heading h1,.intro-header .site-heading h1{
            font-size:3em}}
        
        .intro-header .post-heading h1{font-size:35px}

        .intro-header .post-heading .meta,.intro-header .post-heading .subheading{
            line-height:1.1;
            display:block}

        .intro-header .post-heading .subheading{
            font-size:24px;
            margin:10px 0 30px;
            font-weight:600}

        .intro-header .post-heading .meta{
            font-family:Lora,'Times New Roman',serif;
            font-style:italic;
            font-weight:300;
            font-size:20px}

        .intro-header .post-heading .meta a{
            color:#fff}

    @media only screen and (min-width:768px)
        {.intro-header .post-heading h1{font-size:55px}.intro-header .post-heading .subheading{font-size:30px}}
        .post-preview>a{color:#333}
        .post-preview>a:focus,.post-preview>a:hover{text-decoration:none;color:#0085A1}
        .post-preview>a>.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}
        .post-preview>a>.post-subtitle{margin:0 0 10px;font-weight:300}
        .post-preview>.post-meta{color:#777;font-size:18px;font-style:italic;margin-top:0}
        .post-preview>.post-meta>a{text-decoration:none;color:#333}
        .post-preview>.post-meta>a:focus,.post-preview>.post-meta>a:hover{color:#0085A1;text-decoration:underline}

    @media only screen and (min-width:768px)
        {.post-preview>a>.post-title{font-size:36px}}
        .section-heading{font-size:2em;margin:4vh 0 4vh 0;font-weight:300}
        .btn,.pager li>a,.pager li>span{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:1px}
        .caption{font-size:14px;padding:10px;font-style:italic;margin:0;display:block;border-bottom-right-radius:5px;border-bottom-left-radius:5px}footer{padding:50px 0 65px}footer 
        .list-inline{margin:0;padding:0}
        footer .copyright{font-size:14px;margin-bottom:0}
        .floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee}
        .floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none}
        .floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}
        .floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}
        .floating-label-form-group-with-value label{top:0;opacity:1}
        .floating-label-form-group-with-focus label{color:#0085A1}
        form .row:first-child .floating-label-form-group{border-top:1px solid #eee}
        .btn{font-size:14px;border-radius:0;padding:15px 25px}
        .btn-lg{font-size:16px;padding:25px 35px}
        .btn-default:focus,.btn-default:hover{background-color:#0085A1;border:1px solid #0085A1;color:#fff}
        .pager{margin:20px 0 0}
        .pager li>a,.pager li>span{font-size:14px;padding:15px 25px;background-color:#fff;border-radius:0}
        .pager li>a:focus,.pager li>a:hover{color:#fff;background-color:#0085A1;border:1px solid #0085A1}
        .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;background-color:#333;cursor:not-allowed}::-moz-selection{color:#fff;text-shadow:none;background:#0085A1}::selection{color:#fff;text-shadow:none;background:#0085A1}img::selection{color:#fff;background:0 0}

 img::-moz-selection{color:#fff;background:0 0}

 
.intro-header{
    background-color: #E2BA62;
}