/* Lato 
-------------------------------------------------- */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.woff2') format('woff2'), 
    url('../fonts/Lato-Light.woff') format('woff'), 
    url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
   }
   @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Lato-Regular.woff2') format('woff2'), 
    url('../fonts/Lato-Regular.woff') format('woff'), 
    url('../fonts/Lato-Regular.ttf') format('truetype');
   }
   @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Lato-Italic.woff2') format('woff2'), 
    url('../fonts/Lato-Italic.woff') format('woff'), 
    url('../fonts/Lato-Italic.ttf') format('truetype');
   }
   @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Lato-Bold.woff2') format('woff2'), 
    url('../fonts/Lato-Bold.woff') format('woff'), 
    url('../fonts/Lato-Bold.ttf') format('truetype');
   }
body {
    font-family:'Lato',sans-serif;
    font-size:16px;
    background-color:#fff;
    font-weight: 300;
    color:#222;
}

h1, .h1 {
    font-size: 1.7em;
    font-weight: 400;
    color:#444;
}

h2, .h2 {
    font-size: 1.4em;
    color:#444;
}

h3, .h3 {
    font-size: 1.2em;
    color:#444;
}

h4, .h4 {
    font-size: 1em;
    font-weight: 400;
}

h5, .h5, h6, .h6 {
    font-size: 1em;
    font-weight: 400;
    margin-top: 20px;
}

h6, .h6 {
    line-height: 0.4;
}

b, strong {
    font-weight: 600;
}

blockquote {
    padding: 10px 20px 20px 20px;
    margin: 30px 0 20px 0;
    font-size: 1em;
    border-left: 5px solid rgba(152,196,151,0.9);
    font-weight: 400;
}

ol {
    padding-left:1em;
}

ol li {
    padding-left:0.6em;
    margin-bottom: 0.3em;
}
#wrap {
}

#bglg {
    z-index:-100;
    position:fixed;
    top:-800px;
    left:-10%;
}
#bgsm {
    z-index:-100;
    position:fixed;
    transform: scale(0.7);
    right:-170px;
    bottom:-230px;
}
#bgsm2 {
    z-index:-100;
    position:fixed;
    right:350px;
    bottom:-100px;
}

#wrap > .container{
  padding: 50px 15px 0;
}
@media (min-width: 768px) {
    #wrap > .container{
        padding: 70px 15px 0;
    }
}
#topmenu {
    background-color:rgba(255,150,0,.8);
}
#topmenu a, #submenu a {
    color:#000;
    transition: all .15s linear;
}
#topmenu a {
    text-transform: uppercase;
}
#topmenu .collapse.in {
    background-color:rgba(255,150,0,.8);;
}
#topmenu .active>a,#topmenu .active>a:focus, #topmenu .active>a:hover {
    background-color: #fff;
}

#topmenu a:hover, #topmenu a:focus {
    color: #fff;
}
#topmenu .active>a:hover {
    color:#333;
}
@media (min-width: 768px) {
    #topmenu a {
        padding-top: 25px;

    }
}

#submenu a {
    background-color:rgba(255,150,0,.8);
}
#submenu .active>a, #submenu a:hover {
    color:#fff;
}
.headline.right {
    position:relative;
}
/*
.headline .left {
    background-color:#eeb665;
    color:#fff;
    background-image:url(../images/figurine-white.png);
    background-repeat:no-repeat;
    background-position: -5px 20px;
    background-size:100%;
}

.headline .left h1 {
    position:absolute;
    bottom:.5em;
    right:.5em;
    margin:0;
    font-size:3rem;
    font-weight: 200;
}
*/
.headline .right {
    background-position-x:0px;
    background-size:cover;
    background-repeat:no-repeat;
}

.headline :only-child, .headline .right .row >:first-child, .cover {
    min-height:160px;
}
.headline .right .row >:first-child {
    position:relative;
}
.headline .right .row >:first-child p {
    position:absolute;
    bottom:1em;
    right:1.2em;
    margin:0;
    text-align:right;
    font-weight: 400;
    max-width: 85%;
}

figcaption {
    font-size: 0.9em;
}

@media (min-width: 768px) {
    .headline .row :only-child, .headline .right .row >:first-child, .cover{
       min-height:260px;
    }
    .home .headline :only-child, .home .headline .right .row >:first-child, .home .cover {
       min-height:460px;
    }
}

.floated-left {
    float: left;
    padding-right: 10px;
}

.floated-right {
    float: right;
    padding-left: 10px;
}

.cover {
    background-color:rgba(255,255,255,.7);
    position:relative;
}
.logo {
    margin-top:15px;
    margin-bottom:5px;
}
.logo .right {
    max-height:60px;
}
@media (min-width: 768px) {
    .logo .right {
        max-height:1000px;
    }
}
.logo .right img {
    position:absolute;
    bottom:0px;
    right:10px;
    width: 75%;
}

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

.leftcol {
    padding-left:20px;
    padding-right:20px;
}

@media (min-width: 768px) {
    .leftcol {
        padding-left:10px;
        padding-right:10px;
    }
}
.content {
    background-color:rgba(255,255,255,0.75);
    padding:15px 15px 15px 15px;
    margin-right:-15px;
    margin-left:-15px;
    margin-top:5px;
    min-height: 500px;
}

.content a {
    border-bottom: 1px solid rgb(255,150,0);
    text-decoration: none;
    color: #000;
}

.content a:hover {
    color: #333;
}
.content p:last-child {
    margin-bottom:30px;
}

/* neu für Panel*/

.panel-default {
    border: none; 
}

.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default>.panel-heading {
    background-color: rgba(253, 219, 177, 0.34);
    border-bottom: #fea425 solid 1px;

}

.panel-heading {
    border: none;
}

.panel.collapsable .panel-heading a {
    border:none;
    display:block;
    padding-left:1.5em;
}
.panel.collapsable .panel-heading a>:first-child {
    margin-left:-2em;
    margin-right:0.8em;
}
.box {
    margin-top: 5px;
    background-color:transparent;
    border-radius: 0;
    border: solid 1px rgba(152,196,151,0.9);
}
@media (min-width: 992px) {
    .content {
        padding: 20px 100px 20px 50px;
    }
}
.box .panel-heading {
    text-transform: uppercase;
    background-color:#fff;
    font-size:1.1em;
    font-weight: 500;
    padding-top: .1em;
    padding-bottom: .1em;
    border-radius: 0;
    border:none;
}
.box .img-heading {
    background-size:cover;
    height:4em;
}
.box.news .panel-heading {
    color:rgb(152,196,151);
}
.box.news .panel-body {
    background-color:rgba(152,196,151,0.9);
    color:#fff;
    font-size: 0.9em;
}
.box.news .panel-body h4 {
    color: #333;
}
.box.news a {
    color:#fff;
    text-decoration: none;
}

.box.news ul {
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: .5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 15px;
}

.box.news a:hover {
    text-decoration: underline;
}

.box.openingtimes .panel-body {
    background-color:rgba(255,255,255,0.9);
    font-size: 0.9em;
    margin-bottom: 0;
}

.box.openingtimes .panel-heading {
    background-color:rgba(152,196,151,0.9);
    color: #fff;
}

.footer {
    border-top: 2px dotted rgb(255,150,0);
    padding-top: 1.5em;
    font-size: 0.9em;
}

.footer a {
    color: #222;
}

.footer a:hover {
    color: rgb(255,150,0)
}

.impress {
    text-align: right;
}