/***GLOBAL-ESSKLASSE HBIG 2016*/

@charset "utf-8";


/** Count Down **/

.sub
{
	white-space: nowrap;
}

.fancybox-close {
    background-image: url(../img/fancybox_sprite.png) !important;
    background-position: -4px -4px !important;
}

/*******PREMIUM*******/

/*** SNOW ***/

/*** SNOW END ***/

.adventskalender .employee,.adventskalender .opened,.adventskalender .opened .description, .adventskalender .employee .vertical
{
	background-color:transparent !important;
	border:none !important;
	cursor:pointer;
	width:270px;
	height:270px;
}

.adventskalender .employee .default
{
	width:270px;
	height:270px;
}

.adventskalender .employee .employee-hover
{
	background-size:auto 100%;
	width:275px;
}


.adventskalender .opened .description
{
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	height:270px;
	background-color:transparent !important;
	border:none !important;
}

.adventskalender .closed .description, .adventskalender .current .description
{
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	height:270px;
	background-color:transparent !important;
	border:none !important;
}

.readMoreTermine 
{ 
	display:block;
	margin-top:10px;
	width:100px;
}

.county-days-wrapper
{
    background: rgba(0,0,0,0.3) !important;
}
.radio, .checkbox {
    padding-left: 0px;
}
.county-hours-wrapper
{
    background: rgba(90,90,90,0.8) !important;
}

.county-minutes-wrapper
{
    background: rgba(90,90,90,0.6) !important;
}

.county-seconds-wrapper
{
    background: rgba(90,90,90,0.4) !important;
}

/**==BODY==**/

body {
    color: #C3AC97;
    font-size: 13.5px;
    line-height: 22.5px;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    background: url(bg_kachel_ksb.jpg) repeat #000000;
}

.noPaddingRight
{
    padding-right:0px;  
}

.product.rotation .product-hover .btnGutschein
{
     opacity: 0;
   transition: opacity .9s ease-in-out;
   -moz-transition: opacity .9s ease-in-out;
   -webkit-transition: opacity .9s ease-in-out;
}

.product.rotation.hover .product-hover .btnGutschein
{
    opacity: 1;
}

.terminButtons
{
    padding-top:20px;
}

.imgSKBild
{
    padding-left:10px;
    padding-bottom:10px;
    display:block;
    z-index:1;
    width:auto !important;
}

.half-rule {
    width: 100px;
    margin: 40px auto;
}
#main {
    padding: 74px 0 !important
}
 
.table code {
    font-weight: 400;
    font-size: 13px;
}

.skPosition .noPadding {
    margin-left: 0px!important;
    padding-left: 0px;
}
.title-box:before {
    background: #92CD47
}

.title-box .title {
    color: #FFCE79
}
.tp-tabs, .tp-thumbs, .tp-bullets {
    position: absolute!important;
    display: block!important;
    z-index: 1000!important;
    left: 50%!important;
    width: 142px!important;
    height: 16px!important;
    top: 97%!important;
    transform: matrix(1, 0, 0, 1, -71, -36)!important;
}
.full-width-box.padding40_0 {
    padding-bottom: 40px;
}
blockquote {
    padding: 1.2em 19px;
    border-left: 10px solid rgb(78, 76, 27);
    background: rgba(18, 18, 18, 0.35);
}

blockquote:before {
    margin-right: .25em;
    color: #ccc;
    font-size: 4em;
    vertical-align: -.4em;
    line-height: .1em;
    content: open-quote;
}

.topHeader .social-list .icon {
    height:16px;
    line-height:16px;
}

.topHeader .social-list a .fa {
    font-size:17px !important;
}
.socialWidgetCallout .bubbles img {
    padding: 1px 0px 2px 0px;
    top: 7px;
    width: 100%!important;
    height: initial!important;
    min-height: initial!important;
}
.content img {
    padding-bottom: 20px;
	max-width:100%;
	height: auto !important;
}
.topHeader .text-right a:after {
    
    content: '-';
    margin-left: 8px;
    margin-right: 5px;
}

.topHeader .text-right a:after:hover {
    text-decoration: none;
}

.topHeader .text-right a:last-child:after {
    content: '';
    margin-left: 8px;
    margin-right: 5px;
}
h1 {
    margin-top: 0;
    padding-top: 20px;
}

h1,
.h1 {
    color: #FECC00
}
h1 {
    color: #F7C41C;
    font-weight: 500;
    font-size: 27px;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-family: impact;
}

h2,
.h2 {
    color: #97CB45;
    font-size: 26px;
}
h2 {
    color: #E39C24;
    font-weight: 500;
    font-size: 24px;
    font-family: impact;
}

h3,
.h3 {
    color: #EED46C
}

h3 {
    font-weight: 500;
    font-size: 22px;
    font-family: impact;
}

h4,
.h4 {
    color: #D4FF91
}
h4 {
    font-weight: 500;
    font-size: 20px;
    font-family: impact;
}

h5,
.h5 {
    color: #F9FFC3
}
h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}


ul.clearlist.widget-menu {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

    ul.clearlist.widget-menu li a {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 6px;
        color: #f89406;
    }

.speisekarte > .col-md-12 {
    position: relative;
    float: left;
    margin-left: -30px;
    padding: 0px;
    border: 0px solid red;
}

a {
    color: #F2C501
}

a:hover,
a:focus {
    color: #FFAA15
}

.A8 {
    color: #F0C301
}

.back-to-top {
    display: none;
    margin-top: 10px;
    margin-left: 10px;
    padding: 4px 10px;
    color: #777777;
    font-weight: 500;
    font-size: 12px;
}

.back-to-top:hover {
    color: #F7C41C;
    text-decoration: none;
}


.selectBox-dropdown-menu
{
    z-index:999999;
    max-height:225px;
}

.selectBox-dropdown-menu li:nth-child(odd) 
{
	background-color:#eeeeee;
}

.selectBox-options li a
{
	padding:8px 8px 8px 16px;
}

.selectBox-options li + li a
{
    border-top:none !important;
}

#focusedInput {
    outline: 0;
    outline: thin dotted \9;
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    border-color: #cccccc;
    border-color: rgba(82, 168, 236, .8);
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}

.overlay.zero {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.overlay.overlay-100 {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.background-red {
    background-color: #F7C41C !important
}

.background-green {
    background-color: #5cb85c !important
}

.livicons-content .well {
    padding: 10px;
    text-align: center;
}

    .livicons-content .well .list-inline {
        margin-bottom: 0
    }

#liviconslist .icon {
    float: left;
    width: auto;
    height: auto;
    padding: 12px 12px;
    margin: 0 20px 20px 0;
    border-radius: 5px;
    border: 1px solid #E5E1EA;
    -webkit-border-radius: 5px;
}

    #liviconslist .icon .livicon svg {
        top: 0 !important
    }

#bg-steps-apart1 {
    background-image: url('../../content/img/portfolio-2.jpg')
}

#bg-steps-apart2 {
    background-image: url('../../content/img/portfolio-3.jpg')
}

#bg-steps-apart3 {
    background-image: url('../../content/img/portfolio-4.jpg')
}

.livicons-content .list-inline > li,
#flatbuttons .btn,
.livicons-content .button-margin .btn,
#promo3 .col-md-4,
.bs-docs-example-images .img-thumbnail,
.bs-docs-example-images > img {
    margin-top: 5px;
    margin-bottom: 5px;
}
.slider.rs-slider .tp-banner {
    border: 0px solid red;
    max-height: 500px;
}


#full-width-box-pricing,
#full-width-box-pricing-second {
    padding-bottom: 36px
}

.bs-example-type .table .type-info {
    color: #777777;
    vertical-align: middle;
}

#demo-royalSlider {
    height: 700px
}
 
#elements-promo .big-image {
    width: auto;
    padding: 28px 20px;
    margin: -35px -40px -62px -20px;
    text-align: center;
    background: #E5E1EA;
}

    #elements-promo .big-image img {
        width: auto
    }

.button-list .btn {
    margin-top: 2px;
    margin-bottom: 2px;
}

#boxed-bg {
    background-size: cover;
    background-position: 50% 0;
    background-image: url('../../content/img/band-2.jpg');
    background-attachment: fixed;
}

.cm-gradient {
    background: #F7C41C;
    background: -moz-linear-gradient(top, #F7C41C 0%, #FF6600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7C41C), color-stop(100%, #FF6600));
    background: -webkit-linear-gradient(top, #F7C41C 0%, #FF6600 100%);
    background: -o-linear-gradient(top, #F7C41C 0%, #FF6600 100%);
    background: -ms-linear-gradient(top, #F7C41C 0%, #FF6600 100%);
    background: linear-gradient(to bottom, #F7C41C 0%, #FF6600 100%);
}

.cm-margin-top {
    margin-top: 66px
}

.cm-margin-bottom {
    margin-bottom: 76px
}

.cm-padding-bottom-36 {
    padding-bottom: 36px
}

.slider.rs-slider .cm-description-2 {
    padding-right: 110px
}

#cm-blured-box .content-box {
    margin-top: 90px;
    margin-bottom: 20px;
}

#cm-video-bg .white.text-center {
    padding-top: 44px;
    padding-bottom: 70px;
}

#cm-home-promo-section .container,
#cm-our-skills .container {
    padding-top: 66px;
    padding-bottom: 66px;
}

.header .logo img {
    width: 158px
}

#modal-2 .modal-content {
    background-size: cover;
    background: url('../../content/img/modal.jpg') 0 0 no-repeat;
    -webkit-background-size: cover;
}

#home {
    padding: 0
}

.cm-shop-2-banners {
    padding: 45px 0 15px;
    background: #07687;
}

.cm-shop-2-slider {
    background-size: cover;
    background: url('../../content/img/bg-slider.jpg') 0 0 no-repeat;
    -webkit-background-size: cover;
}

#top-box.cm-top-box {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FF6600', endColorstr='#F7C41C', GradientType=1);
    background: #FF6600;
    background: -moz-linear-gradient(left, #FF6600 0%, #F7C41C 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #FF6600), color-stop(100%, #F7C41C));
    background: -webkit-linear-gradient(left, #FF6600 0%, #F7C41C 100%);
    background: -o-linear-gradient(left, #FF6600 0%, #F7C41C 100%);
    background: -ms-linear-gradient(left, #FF6600 0%, #F7C41C 100%);
    background: linear-gradient(to right, #FF6600 0%, #F7C41C 100%);
}

.cm-shop-7,
.cm-shop-8 {
    background-size: cover;
    background-position: 50% 0;
    background-attachment: fixed;
}

.cm-shop-7 {
    background-image: url('../../content/img/bg-shop-7.jpg')
}

.cm-shop-8 {
    background-image: url('../../content/img/bg-shop-8.jpg')
}


table.table.table-condensed tr td {
    height: 40px;
    margin-top: 5px;
    padding: 4px;
    color: #F7E499;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    border: 1px solid rgba(142, 142, 142, 0.13);
}

.timeline .post .timeline-icon {
    background: #404610;
    border: 1px solid #FA8623!important;
}

form#formKontakt,
form#guestbookEntryForm,
.panel-footer {
    border-radius: 0px;
    border: 1px solid #35210F;
    background: rgba(50, 25, 0, 0.87);
}

.panel-default {
    border-color: rgba(231, 188, 5, 0.59)
}

.glyphicon-star:before {
    color: #FECC00
}

.form-box {
    border-radius: 0px
}

.glyphicon-refresh:before {
    color: white;
        content: "\e031"!important;
    
}

.tab-pane .row .col-md-12 {
    padding: 0px
}

p:last-child {
    margin-bottom: 0;
    padding-bottom: 0px;
}

li {
   /* color: rgb(255, 255, 255) */
}

.content-block.bottom-padding.frame.frame-shadow-curved.border-radius {
    border-radius: 0px;
    background: rgba(37, 29, 21, 0.55);
}

.frame-shadow-curved:before {
    box-shadow: none
}

table.table.table-striped {
    height: 40px;
    margin-top: 5px;
    padding: 4px;
    color: #F7E499;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    border: 0px solid rgba(142, 142, 142, 0.13);
}

p.caption {
    padding-top: 10px;
    color: #F4D9BF;
    font-size: 15px;
    font-style: initial;
}

.navbar-center li.parent:after {
    position: absolute;
    display: block;
    top: 26px;
    right: 5px;
    padding-right: 7px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    font-family: FontAwesome;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-center li.parent a {
    margin-right: 0px;
    padding-right: 28px!important;
}

.header .right-box {
    margin-top: 16px !important;
    padding-right: 28px;
    padding-left: 0px;
}

.navbar-center .sub li.parent:after {
    content: initial
}

a.up {
    right: 0px;
    margin-right: -16px;
    padding-right: 0px;
}

ol li {
    color: #CA8613;
    line-height: 29px;
}

span.pull-left img {
    float: left;
    width: 50%;
    margin-right: 25px;
    margin-bottom: 25px;
}

textarea.form-control,
.selectBox,
.form-control {
    border-radius: 0
}

ul.dropdown-menu li:before {
    display: none
}
.grid-section .container {
    padding-top: 40px;
    padding-bottom: 40px;
}

button.navbar-toggle.btn-navbar {
    border-radius: 0px!important;
    border: 0px solid green!important;
}

.col-md-8.text-right {
    z-index: 1
}

.shareImg a,
.shareImg a:hover {
    cursor: pointer;
    text-decoration: none;
    margin-left: 10px;
}

.imageCaptcha {
    height: 38px;
    vertical-align: middle;
    margin-bottom: 1px;
}

.btnCaptcha {
    /* height: 24px */
}

.inputCaptcha {
    height: 24px;
    min-height: 24px;
    line-height: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 11px;
}

.gbstar {
    color: red;
    font-size: 18px;
}

.gbstar-empty {
    color: rgb(255, 206, 206);
    font-size: 18px;
}

.hll {
    background-color: #ffffc4
}

.c {
    color: #777777
}

.err {
    color: #F7C41C;
    background-color: #ff9a9a;
}

.k {
    color: #07687
}

.o {
    color: #555555
}

.cm {
    color: #777777
}

.cp {
    color: #007687
}

.c1 {
    color: #777777
}

.cs {
    color: #777777
}

.gd {
    background-color: #FF9A9A;
    border: 1px solid #F7C41C;
}

.ge {
    font-style: italic
}

.gr {
    color: #F7C41C
}

.gh {
    color: #003b00
}

.gi {
    background-color: #0c8c48;
    border: 1px solid #468847;
}

.go {
    color: #999999
}

.gp {
    color: #468847
}

.gu {
    color: #003b00
}

.gt {
    color: #468847
}

.kc {
    color: #007687
}

.kd {
    color: #007687
}

.kn {
    color: #007687
}

.kp {
    color: #007687
}

.kr {
    color: #007687
}

.kt {
    color: #007687
}

.m {
    color: #ff6600
}

.s {
    color: #d44950
}

.na {
    color: #4f9fcf
}

.nb {
    color: #468847
}

.nc {
    color: #007687
}

.no {
    color: #468847
}

.nd {
    color: #007687
}

.ni {
    color: #777777
}

.ne {
    color: #F7C41C
}

.nf {
    color: #ca00fc
}

.nl {
    color: #007687
}

.nn {
    color: #4F9FCF
}

.nt {
    color: #007687
}

.nv {
    color: #003232
}

.ow {
    color: #B04B19
}

.w {
    color: #bbbbbb
}

.mf {
    color: #ff6600
}

.mh {
    color: #ff6600
}

.mi {
    color: #ff6600
}

.mo {
    color: #ff6600
}

.sb {
    color: #F7C41C
}

.sc {
    color: #F7C41C
}

.sd {
    color: #F7C41C;
    font-style: italic;
}

.s2 {
    color: #F7C41C
}

.se {
    color: #F7C41C
}

.sh {
    color: #F7C41C
}

.si {
    color: #F7C41C
}

.sx {
    color: #F7C41C
}

.sr {
    color: #4F9FCF
}

.s1 {
    color: #F7C41C
}

.ss {
    color: #0c4c33
}

.bp {
    color: #468847
}

.vc {
    color: #003232
}

.vg {
    color: #003232
}

.vi {
    color: #003232
}

.il {
    color: #ff6600
}

.css .o,
.css .o+.nt,
.css .nt+.nt {
    color: #777777
}

/**==HEADER==**/
.header .header-wrapper {
    background-color: transparent
}

.fixed-header .header .header-wrapper {
    background-color: rgba(56, 37, 20, 0.77);
    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.38);
}

.header .header-wrapper .primary {
    float: right
}

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li.parent .parent > a:after {
        top: 21px;
        right: 20px;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li.parent:hover > a {
        border-radius: 0px;
        border-bottom-color: transparent;
        border: 1px;
        background: rgb(77, 75, 27);
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li.parent:hover > a {
        border: 0px solid black!important
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li:hover > a {
        transition: all .2s ease-out;
        border-radius: 0px;
        background: rgba(49, 45, 45, 0.82);
        border: 0px solid #e9e9e9;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li.parent:hover > a:after {
        background: transparent
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .parent:hover > .sub {
        top: 57px
    }

        .header .header-wrapper .primary .navbar .navbar-collapse .nav .parent:hover > .sub li ul {
            top: 1px;
            background: #543627!important;
            /**important**/
        }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a {
        letter-spacing: 0.2px;
        transition: all .2s ease-out;
        border: 0px;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub {
        padding: 0px;
        margin: -3px 0 0;
        border-radius: 0px;
        border: 0px solid #362C27;
        background: rgb(54, 44, 39);
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li > a {
        color: #FBCE02;
        font-weight: bold;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a {
        padding: 15px;
        border: 0px solid #F7C41C;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a:hover {
        color: rgb(54, 34, 15)!important;
        opacity: 1;
        background: #FDCB00;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub a {
        color: #FDCB00!important
    }

.header-wrapper > .container {
    padding: 40px 0px 40px 0px
}

.header .right-box {
    margin-top: 16px
}


.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub .sub {
    top: 0;
    margin-top: -1px;
    background: #A25555;
}
 
.header .header-wrapper .primary .navbar .navbar-collapse .nav > li {
    position: relative;
    padding: 12px 0 0;
}

.header .header-wrapper .primary .navbar .navbar-collapse .nav > li.parent .parent > a:after {
    top: 15px;
    right: 15px;
}

.header .logo img:hover {
    opacity: .5
}

.highlight {
    float: left;
    width: 100%;
    padding: 12px 14px;
    border-radius: 0;
}

.logo {
    transition: .4s linear all
}

.parent > .notClickable {
    cursor: default;
    border: 1px solid red;
}

/**==TOPHEADER==**/
.topHeader {
    margin-top: -1px;
    border: 0px solid red;
    background: rgba(88, 92, 33, 0.72);
    padding-top: 10px;
    padding-bottom: 6px;
}

.topHeader a {
    color: #FFF1F1
}

.header .right-box-wrapper {
    height: auto
}

.header .header-wrapper .logo-box .logo a img,
.header .header-wrapper .logo-box .logo a .logo-img {
    width: auto;
    max-height: auto;
    height: 72px;
}

.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub {
    box-shadow: 0 4px 9px rgba(0,0,0,0.33);
    border: none;
}

.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub:hover {
    z-index: 9999
}

/**==fixedheader==**/
.fixed-header .page-box {
    padding-top: 150px;
    min-height: 800px;
}

.fixed-header.background-opacity .header .header-wrapper {
    height: 125px;
    border-bottom: 1px solid #A15500;
    transition: all .2s ease-out;
    background: rgba(81, 47, 16, 0.96);
}

    .fixed-header.background-opacity .header .header-wrapper .topHeader {
        padding: 4px;
        font-size: 13px;
        transition: all .2s ease-out;
    }

        .fixed-header.background-opacity .header .header-wrapper .topHeader .polyglot-language-switcher {
            color: rgba(255, 255, 255, 0.68)
        }


body.fixed-header.loaded.fixed.background-opacity .header-wrapper .container .right-box {
    margin-top: 11px!important;
    transition: all .2s ease-out;
    border: 0px solid red;
}

body.fixed-header.loaded.fixed.background-opacity .header-wrapper .container .logo-img {
    width: auto;
    max-height: 64px;
    margin-top: 3px;
    transition: all .2s ease-out;
}

body.fixed-header.loaded.fixed.background-opacity .header-wrapper .container .logo-box .logo {
    max-width: 100%;
    height: auto;
    transition: all .2s ease-out;
}

body.fixed-header.loaded.fixed.background-opacity .header-wrapper > .container {
    padding: 7px 0px 40px 0px;
    transition: all .2s ease-out;
}


/* =====VIDEO STYLING===== */
/* VIDEO STYLING */
 
.playerBox
{
  margin:-46px 0px 0px 0px !important; 
}

.video-section
        {
  top:-180px !important;
background-repeat:no-repeat;
background-size:100% auto;

        }
        
        .video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.0);/*
background-image:url(/grafik/gusto/dirk.foto3.jpg);*/
background-repeat:no-repeat;
background-size:100% auto;
padding: 110px 0 32px;
min-height: 300px; 
/* Incase of overlay problems just increase the min-height*/
}


.video-section #aMusic {
font-size: 15px;
font-weight:lighter;
text-transform:none;
cursor:pointer;
display:block;
left:50px;
bottom:50px;
position:absolute;
color:#ffffff;
z-index:999999;
}

.video-section a:hover
{
    color:#ac7954;
    text-decoration:none;
}

.video-section .buttonBar{display:block;}
.player {font-size: 10px;}

.videoContainer
{
    padding-top:250px;
    text-align:center;
}

/**==Speisekarte==**/ 


.skPosition {
    float: left;
    width: 100%;
    height: auto;
}

.skPositionenListe {
    padding-bottom: 20px;
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.title-box {
    margin-bottom: 25px;
    border-color: #714E2E;
    float: left;
    width: 100%;
}

.skKatPre {
    margin-bottom: 25px;
}

.page-header {
    margin: 0 0 37px ;
    margin-top: 30px ;
    padding: 0 ;
    border-color: #CAA380;
}

.skPosition .col-lg-12.noPadding {
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 12px ;
    margin-right: 0px ;
    padding-right: 0px ;
    background: rgba(23, 12, 0, 0.66);
    float: left;
    width: 100%;
}
.skPosition .col-lg-12.noPadding .col-md-6 {
   margin-left: 0px;
    padding-left: 0px;
}

.skPosition .col-lg-12.noPadding .col-md-6 .col-md-4 {
    margin-left: 0px;
    padding-left: 0px;
}

.skPosition .col-lg-12.noPadding .col-md-4.text-right {
    margin-left: 0px;
    padding-left: 0px;
}

/**speisekarte alle hintergrÃƒÂ¼nde ausgeklappt**/

.panel-group .active.panel .panel-heading > .panel-title > a {
  
}

/**speisekarte unterebene eingeklappt**/

.panel.panel-default.web-design.active > .panel-heading > .panel-title .panelLink {
    background: red;
}


/**==BUTTON==**/
.btn {
    border-radius: 0px
}

a.btn.btn-default.btn-sm {
    color: white
}
.btn-primary {
    color: #818181;
    background-color: #FECC00;
    border-color: #FFFFFF;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.open > .btn.btn-primary.dropdown-toggle {
    border-color: #FFEB99;
    background: #FECC00;
}
.form-control {
    border-radius: 0px
}

.btn-outline {
    color: #F7C41C;
    background-color: transparent;
    border-color: #F7C41C;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    color: #ffffff;
    background-color: #F7C41C;
    border-color: #F7C41C;
}

.btn-outline-inverse {
    color: #ffffff;
    background-color: transparent;
    border-color: #777777;
}

.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
    color: #F7C41C;
    background-color: #ffffff;
    text-shadow: none;
    border-color: #FFFFFF;
}

/***GALLERY****/
.gallery-images {
    position: relative;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    line-height: 0;
    border-radius: 5px;
}

.gallery-images:hover > .bg-images {
    transition: all .2s ease-out;
    border-radius: 0px;
    background: rgba(95, 86, 49, 0.42);
}

.footer-top p {
    padding-left: 0px
}

.gallery-images .bg-images {
    border-radius: 0px
}

.gallery-images img {
    border-radius: 0px
}

.gallery-images:hover > .bg-images {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: -1px;
    transition: all .2s ease-out;
}

/***SIDEBAR****/
.sidebar .list ul li a {
    margin-left: -5px;
    padding: 5px;
    color: #1e1e1e;
    text-decoration: none;
    transition: opacity .2s linear;
}

.sidebar .list ul li a:hover,
.sidebar .list ul li a:focus {
    padding: 5px;
    color: #F7CA19;
    text-decoration: none;
    transition: .4s linear all;
    opacity: .8;
    background: #041D2C;
}

.sidebar .list ul li a.active {
    color: #fff;
    border-bottom: 3px solid #E8C619;
    background: rgba(15,63,93,0.64);
}

.sidebar .widget header,
.sidebar .widget .title-block {
    border-bottom: 4px solid #041D2C
}

/****slider****/
 
.tp-caption.regular_title {
    color: #F7C41C;
    font-weight: 500;
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-family: impact;
}

.tp-caption.sft.regular_subtitle {
    color: #8FCC31 ;
    font-weight: 500 ;
    font-size: 24px ;
    letter-spacing: .8px ;
    font-family: impact ;
}

ul.Listenelement li {
    padding: 5px;
    list-style-type: disc;
    float: left;
}

.tp-caption.SlideText {
    background: rgba(39, 47, 10, 0.77);
    padding: 20px;
    float: left;
    width: 100%;
    height: auto;
}

.selectBox:hover, .selectBox:focus, button {
    outline: none;
    text-decoration: none;
    background: #9dc000;
    border-color: #9dc000;
    color: white;
    padding: 9px 21px;
}

.selectBox:hover, .selectBox:focus, button:hover {
    background: #697921 ;
}

.slider .slider-nav {
    background-color: rgba(0,152,202,.97)
}

.slider.rs-slider .tparrows,
.product-page .add-cart-form .number .regulator a:hover,
.progressive-slider-two .pagination a {
    background-color: #F6C91A;
    box-shadow: 0 4px 10px rgba(0,0,0,0.35);
    border-radius: 0;
}

.slider.rs-slider.full-width .tp-rightarrow,
.slider.rs-slider.full-width .tp-leftarrow {
    display: initial!important;
}

/**==languageswitcher==**/
.pls-language-container td {
    padding: 0px!important; 
    }
.polyglot-language-switcher img {
    margin-top: -3px
}

.polyglot-language-switcher,
.polyglot-language-switcher > .pls-selected-locale {
    color: #FFFFFF !important
}

    .polyglot-language-switcher > .pls-selected-locale:after {
        border-top: 4px solid #FFF
    }

.col-md-4 .polyglot-language-switcher {
    width: 56%!important;
    float: left;
}
a.pls-selected-locale {
    z-index: 999999999;
}

/**==BS==**/
.bs-docs-booticon {
    display: block;
    color: #ffffff;
    background-color: #F7C41C;
    font-weight: 500;
    text-align: center;
    cursor: default;
    border-radius: 15%;
}

.bs-docs-booticon-sm {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 28px;
}

.bs-docs-booticon-lg {
    width: 144px;
    height: 144px;
    font-size: 108px;
    line-height: 140px;
}

.bs-docs-booticon-inverse {
    color: #F7C41C;
    background-color: #FFFFFF;
}

.bs-docs-booticon-outline {
    background-color: transparent;
    border: 1px solid #777777;
}

.bs-docs-nav {
    margin-bottom: 0;
    background-color: #ffffff;
    border-bottom: 0;
}

    .bs-docs-nav .navbar-header .navbar-toggle {
        border-color: #FFFFFF
    }

    .bs-docs-nav .navbar-header .navbar-toggle:hover,
    .bs-docs-nav .navbar-header .navbar-toggle:focus {
        background-color: #E5E1EA;
        border-color: #E5E1EA;
    }

    .bs-docs-nav .navbar-toggle .icon-bar {
        background-color: #F7C41C
    }

    .bs-docs-nav .navbar-brand,
    .bs-docs-nav .navbar-nav>li>a {
        color: #F7C41C;
        font-weight: 500;
    }

.bs-home-nav .bs-nav-b {
    display: none
}

.bs-docs-nav .navbar-nav>li>a:hover,
.bs-docs-nav .navbar-nav>.active>a,
.bs-docs-nav .navbar-nav>.active>a:hover {
    color: #F7C41C;
    background-color: #E5E1EA;
}

.bs-docs-footer {
    margin-top: 100px;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #777777;
    border-top: 1px solid #E5E1EA;
    text-align: center;
}

.bs-docs-footer-links {
    margin-top: 20px;
    padding-left: 0;
    color: #777777;
}

    .bs-docs-footer-links li {
        display: inline;
        padding: 0 2px;
    }

    .bs-docs-footer-links li:first-child {
        padding-left: 0
    }

.bs-docs-social {
    margin-bottom: 20px;
    text-align: center;
}

.bs-docs-social-buttons {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .bs-docs-social-buttons .twitter-follow-button {
        width: 225px!important
    }

    .bs-docs-social-buttons .twitter-share-button {
        width: 98px!important
    }

    .bs-docs-social-buttons li {
        display: inline-block;
        padding: 5px 8px;
        line-height: 1;
    }

.github-btn {
    overflow: hidden;
    border: 0;
}

.bs-docs-masthead,
.bs-docs-header {
    position: relative;
    padding: 30px 15px;
    color: #777777;
    background-color: #F7C41C;
    text-align: center;
    text-shadow: 0 1px 0 #B04B19;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F7C41C', endColorstr='#F7C41C', GradientType=0);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #F7C41C 0, #F7C41C 100%);
    background-image: linear-gradient(to bottom, #F7C41C 0, #F7C41C 100%);
}

    .bs-docs-masthead .bs-docs-booticon {
        margin: 0 auto 30px
    }

    .bs-docs-masthead .version {
        margin-top: -15px;
        margin-bottom: 30px;
        color: #F7C41C;
    }

    .bs-docs-header .container {
        position: relative
    }

    .bs-docs-masthead .lead {
        margin: 0 auto 30px;
        color: #FFFFFF;
        font-size: 20px;
    }

    .bs-docs-masthead .btn {
        width: 100%;
        padding: 15px 30px;
        font-size: 20px;
    }

    .bs-docs-masthead h1 {
        color: #FFFFFF;
        font-weight: 300;
        line-height: 1;
    }

    .bs-docs-header h1 {
        margin-top: 0;
        color: #FFFFFF;
    }

    .bs-docs-header p {
        margin-bottom: 0;
        font-weight: 300;
        line-height: 1.4;
    }

.bs-docs-header {
    margin-bottom: 40px;
    font-size: 20px;
}

/**==CARB==**/
.carbonad {
    width: auto!important;
    height: auto!important;
    padding: 20px!important;
    margin: 30px -30px -31px!important;
    font-size: 13px!important;
    text-align: left;
    overflow: hidden;
    line-height: 16px!important;
    border-width: 1px 0!important;
    border: solid #F7C41C!important;
    background: transparent!important;
}

    .carbonad #azcarbon>img {
        display: none
    }

.carbonad-img {
    margin: 0!important
}

.carbonad-text,
.carbonad-tag {
    float: none!important;
    display: block!important;
    width: auto!important;
    height: auto!important;
    margin-left: 145px!important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

    .carbonad-text a,
    .carbonad-tag a {
        color: #FFFFFF!important
    }

.carbonad-text {
    padding-top: 0!important
}

.carbonad-tag {
    color: inherit!important;
    text-align: left!important;
}

/**==BODY==**/
.bs-docs-featurette {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #777777;
    background-color: #ffffff;
    border-bottom: 1px solid #E5E1EA;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
}

    .bs-docs-featurette h3 {
        margin-bottom: 5px;
        color: #333333;
        font-weight: 400;
    }

.bs-docs-featurette+.bs-docs-footer {
    margin-top: 0;
    border-top: 0;
}

.bs-docs-featurette-title {
    margin-bottom: 5px;
    color: #333333333333;
    font-weight: 400;
    font-size: 30px;
}

.bs-docs-featurette-img {
    display: block;
    margin-bottom: 20px;
    color: #333333;
}

.bs-docs-featurette-img:hover {
    color: #428bca;
    text-decoration: none;
}

.bs-docs-featurette-img img {
    display: block;
    margin-bottom: 15px;
}

.bs-docs-featured-sites {
    margin-right: -1px;
    margin-left: -1px;
}

    .bs-docs-featured-sites .col-sm-3 {
        padding-right: 1px;
        padding-left: 1px;
    }

.bs-docs-sidebar.affix {
    position: static
}

.bs-docs-sidenav {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bs-docs-sidebar .nav>li>a {
    display: block;
    padding: 4px 20px;
    color: #777777;
    font-weight: 500;
    font-size: 13px;
}

.bs-docs-sidebar .nav>li>a:hover,
.bs-docs-sidebar .nav>li>a:focus {
    padding-left: 19px;
    color: #F7C41C;
    background-color: transparent;
    border-left: 1px solid #F7C41C;
    text-decoration: none;
}

.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    padding-left: 18px;
    color: #F7C41C;
    background-color: transparent;
    border-left: 2px solid #F7C41C;
    font-weight: 700;
}

.bs-docs-sidebar .nav .nav {
    display: none;
    padding-bottom: 10px;
}

.bs-docs-sidebar .nav .nav>.active>a,
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    padding-left: 28px;
    font-weight: 500;
}

.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-left: 30px;
    padding-bottom: 1px;
    font-weight: 400;
    font-size: 12px;
}

.bs-docs-sidebar .nav .nav>li>a:hover,
.bs-docs-sidebar .nav .nav>li>a:focus {
    padding-left: 29px
}

.bs-docs-section {
    margin-bottom: 60px
}

.bs-docs-section:last-child {
    margin-bottom: 0
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border-left: 3px solid #E5E1EA;
}

    .bs-callout p:last-child {
        margin-bottom: 0
    }

    .bs-callout code {
        background-color: #ffffff;
        border-radius: 3px;
    }

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

.bs-callout-danger {
    background-color: #E5E1EA;
    border-color: #F7C41C;
}

    .bs-callout-danger h4 {
        color: #F7C41C
    }

.bs-callout-warning {
    background-color: #FFFFFF;
    border-color: #f89406;
}

    .bs-callout-warning h4 {
        color: #f89406
    }

.bs-callout-info {
    background-color: #FFFFFF;
    border-color: #428bca;
}

    .bs-callout-info h4 {
        color: #428bca
    }

.bs-team .team-member {
    color: #555555;
    line-height: 32px;
}

.bs-team .team-member:hover {
    color: #333333;
    text-decoration: none;
}

.bs-team .github-btn {
    float: right;
    width: 180px;
    height: 20px;
    margin-top: 6px;
}

.bs-team img {
    float: left;
    width: 32px;
    margin-right: 10px;
    border-radius: 4px;
}

.show-grid {
    margin-bottom: 15px
}

    .show-grid [class^=col-] {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #E5E1EA;
        background-color: #555555 border: 1px solid #E5E1EA;
        border: 1px solid #f89406;
    }

.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 0 -10px 15px;
    background-color: #E5E1EA;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
    border-width: 1px 0;
    border-style: solid;
    border-color: #E5E1EA #E5E1EA #E5E1EA;
}

.bs-example>.btn-toolbar+.btn-toolbar {
    margin-top: 10px
}

.bs-example>.table-responsive>.table {
    background-color: #FFFFFF
}

.bs-example>.dropdown>.dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 5px;
}

.bs-example>textarea.form-control {
    resize: vertical
}

.bs-example .navbar:last-child {
    margin-bottom: 0
}

.bs-example > p > .btn-lg {
    margin-top: 5px;
    border-bottom: 5px;
}

.bs-example .pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bs-example>.list-group {
    max-width: 400px
}

.bs-example>p:last-child,
.bs-example>ul:last-child,
.bs-example>ol:last-child,
.bs-example>blockquote:last-child,
.bs-example>.form-control:last-child,
.bs-example>.table:last-child,
.bs-example>.navbar:last-child,
.bs-example>.jumbotron:last-child,
.bs-example>.alert:last-child,
.bs-example>.panel:last-child,
.bs-example>.list-group:last-child,
.bs-example>.well:last-child,
.bs-example>.progress:last-child,
.bs-example>.table-responsive:last-child>.table {
    margin-bottom: 0
}

.bs-example>.img-circle,
.bs-example>.img-rounded,
.bs-example>.img-thumbnail {
    margin: 5px
}

.bs-example .container {
    width: auto
}

.bs-example>p>.close {
    float: none
}

.bs-example>.pager {
    margin-top: 0
}

.bs-example:after {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #CCCCCC;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    content: "Example";
}

.bs-example>.btn,
.bs-example>.btn-group {
    margin-top: 5px;
    margin-bottom: 5px;
}

.bs-example+.highlight {
    margin: -15px -10px 22px;
    border-width: 0 0 1px;
    border-radius: 0;
}

.bs-example-type .table .type-info {
    color: #777777;
    vertical-align: middle;
}

.bs-example-type .table td {
    padding: 15px 0;
    border-color: #E5E1EA;
}

.bs-example-type .table tr:first-child td {
    border-top: 0
}

.bs-example-type h1,
.bs-example-type h2,
.bs-example-type h3,
.bs-example-type h4,
.bs-example-type h5,
.bs-example-type h6 {
    margin: 5px
}

.bs-example-bg-classes p {
    padding: 15px
}

.bs-example-control-sizing select,
.bs-example-control-sizing input[type=text]+input[type=text] {
    margin-top: 10px
}

.bs-example-form .input-group {
    margin-bottom: 10px
}

.bs-navbar-top-example,
.bs-navbar-bottom-example {
    padding: 0;
    z-index: 1;
    overflow: hidden;
}

    .bs-navbar-bottom-example .navbar-fixed-bottom {
        bottom: -1px
    }

    .bs-navbar-top-example .navbar-fixed-top,
    .bs-navbar-bottom-example .navbar-fixed-bottom {
        position: relative;
        margin-right: 0;
        margin-left: 0;
    }

    .bs-navbar-top-example .navbar-header,
    .bs-navbar-bottom-example .navbar-header {
        margin-left: 0
    }

    .bs-navbar-top-example .navbar-fixed-top {
        top: -1px
    }

    .bs-navbar-bottom-example .navbar {
        margin-bottom: 0
    }

.bs-navbar-top-example:after {
    top: auto;
    bottom: 15px;
}

.bs-navbar-top-example {
    padding-bottom: 45px
}

.bs-navbar-bottom-example {
    padding-top: 45px
}

.bs-example-modal {
    background-color: #E5E1EA
}

    .bs-example-modal .modal-dialog {
        left: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .bs-example-modal .modal {
        position: relative;
        display: block;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        z-index: 1;
    }

.bs-example-tooltips {
    text-align: center
}

.bs-example-tooltips>.btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.bs-example-popover {
    padding-bottom: 24px;
    background-color: #E5E1EA;
}

    .bs-example-popover .popover {
        position: relative;
        float: left;
        display: block;
        width: 260px;
        margin: 20px;
    }


.bs-glyphicons {
    margin: 0 -19px 20px -16px;
    overflow: hidden;
}

    .bs-glyphicons .glyphicon-class {
        display: block;
        text-align: center;
        word-wrap: break-word;
    }

    .bs-glyphicons .glyphicon {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 24px;
    }

    .bs-glyphicons li {
        float: left;
        width: 25%;
        height: 115px;
        padding: 10px;
        background-color: #E5E1EA;
        font-size: 10px;
        text-align: center;
        line-height: 1.4;
        border: 1px solid #ffffff;
    }

    .bs-glyphicons li:hover {
        color: #ffffff;
        background-color: #F7C41C;
    }

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
}

.bs-customizer .toggle {
    float: right;
    margin-top: 25px;
}

.bs-customizer label {
    margin-top: 10px;
    color: #555555;
    font-weight: 500;
}

.bs-customizer h2 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 30px;
}

.bs-customizer h3 {
    margin-bottom: 0
}

.bs-customizer h4 {
    margin-top: 15px;
    margin-bottom: 0;
}

.bs-customizer .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-customizer input[type=text] {
    background-color: #E5E1EA;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.bs-customizer .help-block {
    margin-bottom: 5px;
    font-size: 12px;
}

#less-section label {
    font-weight: 400
}

.bs-customizer-input {
    float: left;
    width: 33.58447%;
    padding-right: 15px;
    padding-left: 15px;
}

.bs-customize-download .btn-outline {
    padding: 20px
}

.bs-customizer-alert {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 15px 0;
    color: #ffffff;
    background-color: #F7C41C;
    border-bottom: 1px solid #F7C41C;
    z-index: 1003b00;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
}

    .bs-customizer-alert .glyphicon {
        margin-right: 5px
    }

    .bs-customizer-alert .close {
        margin-top: -4px;
        font-size: 24px;
    }

    .bs-customizer-alert pre {
        margin: 10px 0 0;
        color: #ffffff;
        background-color: #F7C41C;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
        border-color: #F7C41C;
    }

    .bs-customizer-alert p {
        margin-bottom: 0
    }

.bs-brand-logos {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    color: #F7C41C;
    background-color: #E5E1EA;
    overflow: hidden;
    border-radius: 4px;
}

    .bs-brand-logos .inverse {
        color: #ffffff;
        background-color: #F7C41C;
    }

.bs-brand-item {
    padding: 60px 0;
    text-align: center;
}

    .bs-brand-item .bs-docs-booticon {
        margin-right: auto;
        margin-left: auto;
    }

    .bs-brand-item .glyphicon-remove {
        background-color: #F7C41C
    }

    .bs-brand-item .glyphicon-ok {
        background-color: #5cb85c
    }

    .bs-brand-item .glyphicon {
        width: 30px;
        height: 30px;
        margin: 10px auto -10px;
        color: #ffffff;
        line-height: 30px;
        border-radius: 50%;
    }

    .bs-brand-item h1,
    .bs-brand-item h3 {
        margin-top: 0;
        margin-bottom: 0;
    }

.bs-brand-item+.bs-brand-item {
    border-top: 1px solid #FFFFFF
}

.bs-examples .thumbnail {
    margin-bottom: 10px
}

.bs-examples h4 {
    margin-bottom: 5px
}

.bs-examples p {
    margin-bottom: 20px
}



/**querschnitt**/ 
.Querschnitt.full-width-box.padding40_0:before {
    content: "";
    display: block !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 100px 100vw;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    z-index: 120;
    display: none;
    top: 0px;
}

.Querschnitt.full-width-box.padding40_0:after {
    content: "";
    display: block !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 96vw 100px 100vw;
    border-color: transparent #ffffff #ffffff transparent;
    position: absolute;
    z-index: 125;
    bottom: 0px;
}

.Querschnitt .container
{
	padding:100px 0px;
}



/*****DIVERSE****/

.latest-posts {
    padding-bottom: 20px;
}
.employee .role {
    font-size: 14px;
}
.employee .description .vertical h3 {
    font-size: 18px;
}

i.fa.fa-calendar {
    padding: 20px;
}


.scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: 10px;
    overflow: auto;
}

.highlight {
    margin-bottom: 14px;
    padding: 9px 14px;
    color: #EED46C;
    background-color: rgba(90, 54, 22, 0.69);
    border-radius: 0px;
    border: 1px solid #895B27;
}

    .highlight pre {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background-color: transparent;
        white-space: nowrap;
        border: 0;
    }

        .highlight pre .lineno {
            display: inline-block;
            width: 22px;
            margin-right: 10px;
            padding-right: 5px;
            color: #E5E1EA;
            text-align: right;
        }

        .highlight pre code {
            color: #333333;
            font-size: inherit;
        }

.table-responsive .highlight pre {
    white-space: normal
}

.bs-table th small,
.responsive-utilities th small {
    display: block;
    color: #777777;
    font-weight: 400;
}

.responsive-utilities tbody th {
    font-weight: 400
}

.responsive-utilities td {
    text-align: center
}

.responsive-utilities td.is-visible {
    color: #468847;
    background-color: #E5E1EA!important;
}

.responsive-utilities td.is-hidden {
    color: #cccccc;
    background-color: #E5E1EA!important;
}

.responsive-utilities-test {
    margin-top: 5px
}

    .responsive-utilities-test .col-xs-6 {
        margin-bottom: 10px
    }

    .responsive-utilities-test span {
        display: block;
        padding: 15px 10px;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        line-height: 1.1;
        border-radius: 4px;
    }

/************************FARBEN*************************/
/************************FARBEN*************************/
/************************FARBEN*************************/
/************************FARBEN*************************/
/************************FARBEN*************************/

.color-swatches {
    margin: 0 -5px;
    overflow: hidden;
}

    .color-swatches .bs-purple-lighter {
        background-color: #e5e1ea
    }

    .color-swatches .bs-purple-light {
        background-color: #CCCCCC
    }

    .color-swatches .brand-success {
        background-color: #5cb85c
    }

    .color-swatches .brand-primary {
        background-color: #428bca
    }

    .color-swatches .brand-warning {
        background-color: #f89406
    }

    .color-swatches .brand-danger {
        background-color: #F7C41C
    }

    .color-swatches .gray-lighter {
        background-color: #E5E1EA
    }

    .color-swatches .gray-darker {
        background-color: #B04B19
    }

    .color-swatches .gray-light {
        background-color: #777777
    }

    .color-swatches .brand-info {
        background-color: #428bca
    }

    .color-swatches .bs-purple {
        background-color: #F7C41C
    }

    .color-swatches .gray-dark {
        background-color: #333333
    }

    .color-swatches .bs-gray {
        background-color: #E5E1EA
    }

    .color-swatches .gray {
        background-color: #555555
    }

.color-swatch {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border-radius: 3px;
}

.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
    color: #777777;
    border: 1px solid #E5E1EA;
}

.visible-on .col-xs-6 .visible-xs,
.visible-on .col-xs-6 .visible-sm,
.visible-on .col-xs-6 .visible-md,
.visible-on .col-xs-6 .visible-lg,
.hidden-on .col-xs-6 .visible-xs,
.hidden-on .col-xs-6 .visible-sm,
.hidden-on .col-xs-6 .visible-md,
.hidden-on .col-xs-6 .visible-lg {
    color: #468847;
    background-color: #E5E1EA;
    border: 1px solid #E5E1EA;
}


#top-box .top-box-wrapper,
.carousel-box .next:hover,
.carousel-box .prev:hover,
.product .product-hover,
#footer .up:hover,
.btn-default,
.slider .slider-nav,
.banner-set .pagination a:hover,
.employee .employee-hover,
.carousel-box .pagination a:hover,
.sidebar .menu li.active > a,
.pagination > li > a:hover,
.pagination > li > a:focus,
.sidebar .tags a:hover,
.sidebar .banners .banner-text,
#catalog .category-img .description,
.product-bottom .related-products header:before,
.slider.rs-slider .tparrows,
.slider.rs-slider .tparrows:hover,
.toolbar .sort-catalog .dropdown-toggle,
.toolbar .grid-list .grid,
.toolbar .grid-list .list,
.toolbar .up-down,
.toolbar .up-down.active,
.toolbar .grid-list a.grid:hover,
.toolbar .grid-list a.list:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.sidebar .tags a,
.sidebar .menu li.parent > a .open-sub:before,
.sidebar .menu li.parent > a .open-sub:after,
.panel-group .panel-default .panel-heading > .panel-title > a:before,
.panel-group .panel-default .panel-heading > .panel-title > a:after,
.new-radio.checked span,
.list .product .actions a:hover,
.product-page .col-md-7 .actions a:hover,
.product-page .image-box .thumblist-box .prev:hover,
.product-page .image-box .thumblist-box .next:hover,
.accordion-tab > li > a .open-sub:before,
.accordion-tab > li > a .open-sub:after,
.products-tab .accordion-tab > li > a .open-sub:before,
.products-tab .accordion-tab > li > a .open-sub:after,
.sidebar .calendar-wrap caption,
.btn-group.open .btn-default.dropdown-toggle,
.product .limit-offer,
.product .actions.not-rotation-actions,
.fancybox-nav span:hover,
.header .header-wrapper .primary .navbar .btn-navbar .icon-bar,
.progressive-slider-two .pagination a,
.progressive-slider-two .pagination a:hover,
.progressive-slider-two .pagination .selected,
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a,
.minimized-menu .primary .navbar .nav .open-sub span {
    background-color: #F7C41C
}

#top-box .top-box-wrapper,
.carousel-box .next:hover,
.carousel-box .prev:hover,
.product .product-hover,
#footer .up:hover,
.btn-default,
.slider .slider-nav,
.panel-group .active.panel .panel-heading > .panel-title > a,
.panel-group .active.panel .panel-heading > .panel-title > a:hover,
.banner-set .pagination a:hover,
.employee .employee-hover,
.carousel-box .pagination a:hover,
.sidebar .menu li.active > a,
.pagination > li > a:hover,
.pagination > li > a:focus,
.sidebar .tags a:hover,
.sidebar .banners .banner-text,
#catalog .category-img .description,
.product-bottom .related-products header:before,
.slider.rs-slider .tparrows,
.slider.rs-slider .tparrows:hover,
.toolbar .sort-catalog .dropdown-toggle,
.toolbar .grid-list .grid,
.toolbar .grid-list .list,
.toolbar .up-down,
.toolbar .up-down.active,
.toolbar .grid-list a.grid:hover,
.toolbar .grid-list a.list:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.sidebar .tags a,
.sidebar .menu li.parent > a .open-sub:before,
.sidebar .menu li.parent > a .open-sub:after,
.panel-group .panel-default .panel-heading > .panel-title > a:before,
.panel-group .panel-default .panel-heading > .panel-title > a:after,
.new-radio.checked span,
.list .product .actions a:hover,
.product-page .col-md-7 .actions a:hover,
.product-page .image-box .thumblist-box .prev:hover,
.product-page .image-box .thumblist-box .next:hover,
.accordion-tab > li > a .open-sub:before,
.accordion-tab > li > a .open-sub:after,
.products-tab .accordion-tab > li > a .open-sub:before,
.products-tab .accordion-tab > li > a .open-sub:after,
.sidebar .calendar-wrap caption,
.btn-group.open .btn-default.dropdown-toggle,
.product .limit-offer,
.product .actions.not-rotation-actions,
.fancybox-nav span:hover,
.header .header-wrapper .primary .navbar .btn-navbar .icon-bar,
.progressive-slider-two .pagination a,
.progressive-slider-two .pagination a:hover,
.progressive-slider-two .pagination .selected,
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a,
.minimized-menu .primary .navbar .nav .open-sub span {
    background-color: #F7C41C
}

.panel-group .active.panel .panel-heading > .panel-title > a:hover {
    background: #FFD312
}

#catalog .category-img .description,
.toolbar .sort-catalog .dropdown-toggle,
.toolbar .grid-list .grid,
.toolbar .grid-list .list,
.toolbar .up-down,
.toolbar .up-down.active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.sidebar .tags a,
.btn-group.open .btn-default.dropdown-toggle {
    background-color: #9e630e
}

#catalog .category-img .description,
.toolbar .sort-catalog .dropdown-toggle,
.toolbar .grid-list .grid,
.toolbar .grid-list .list,
.toolbar .up-down,
.toolbar .up-down.active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover,
.sidebar .tags a,
.btn-group.open .btn-default.dropdown-toggle {
    background-color: #F7C41C
}

.product .product-hover ul li {
    background-image: url("../../img/svg/check-icon-white.svg"), none
}

.product .product-hover ul li {
    background-image: url("../../img/svg/check-icon-white.svg"), none
}

.slider .slider-nav {
    background-color: #c6002d
}

.product .limit-offer,
.product .actions.not-rotation-actions {
    background-color: #F7C41C
}

.sidebar .banners .banner-text {
    background-color: #F7C41C
}

.slider.rs-slider .tparrows,
.product-page .add-cart-form .number .regulator a:hover,
.progressive-slider-two .pagination a {
    background-color: #F7C41C
}

.pricing .bottom-box {
    background-color: #F7C41C
}

    .pricing .bottom-box .more {
        color: #f89406
    }

    .pricing .bottom-box .more {
        color: #f89406
    }

.pricing:before {
    background-color: #F7C41C
}

.btn.btn-default,
.btn.btn-border,
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a {
    border-color: #F7C41C
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
    background-color: #f89406;
    background-color: #f89406;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
    border-color: #F7C41C
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
    border-color: #f89406;
    border-color: #f89406;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
    background-color: #F7C41C
}

.pricing .options li,
.pricing .bottom-box {
    border-color: #F7C41C
}

    .header .header-wrapper .cart-header .dropdown-toggle,
    #footer .newsletter input:focus + .submit,
    .icon,
    .big-icon,
    .big-icon:visited,
    .service .icon,
    .close:hover,
    .close:focus,
    .img-thumbnail:hover .bg-images i:before,
    .box-404 h1,
    .gallery-images:hover .bg-images i:before,
    .features-block .header-box .icon-box,
    .features-block .header-box,
    .sidebar .newsletter input:focus + .submit,
    .sidebar .section .selected .close:hover,
    .package .title a,
    .package .price-box .price,
    .package .price-box .icon,
    .pricing .title a,
    .pricing .options li span,
    .pricing .options li.active,
    .banner-set .next:hover,
    .banner-set .prev:hover,
    .btn.btn-border,
    .btn.btn-border .caret,
    .product-remove:hover,
    .one-page .header .header-wrapper .primary .navbar .navbar-collapse .nav .active {
        color: #f89406
    }

        .header .header-wrapper .cart-header .dropdown-toggle,
        #footer .newsletter input:focus + .submit,
        .icon,
        .big-icon,
        .big-icon:visited,
        .service .icon,
        .close:hover,
        .close:focus,
        .img-thumbnail:hover .bg-images i:before,
        .box-404 h1,
        .gallery-images:hover .bg-images i:before,
        .features-block .header-box .icon-box,
        .features-block .header-box,
        .sidebar .newsletter input:focus + .submit,
        .sidebar .section .selected .close:hover,
        .package .title a,
        .package .price-box .price,
        .package .price-box .icon,
        .pricing .title a,
        .pricing .options li span,
        .pricing .options li.active,
        .banner-set .next:hover,
        .banner-set .prev:hover,
        .btn.btn-border,
        .btn.btn-border .caret,
        .product-remove:hover,
        .one-page .header .header-wrapper .primary .navbar .navbar-collapse .nav .active {
            color: #F7C41C
        }

            .phone-header a svg path,
            .search-header a svg path,
            .product .actions a svg path,
            .sidebar .wishlist .add-cart:hover path,
            .header .header-wrapper .cart-header .dropdown-toggle .icon svg path,
            .header .search-form .search-submit svg path,
            .new-checkbox svg polygon,
            .product-bottom .related-products li .button-box .wishlist:hover svg path,
            .jslider .jslider-pointer svg path,
            .rating-box .rating svg polygon,
            .search-result .search-form .search-submit svg path {
                fill: #F7C41C
            }

            .phone-header a svg path,
            .search-header a svg path,
            .product .actions a svg path,
            .sidebar .wishlist .add-cart:hover path,
            .header .header-wrapper .cart-header .dropdown-toggle .icon svg path,
            .header .search-form .search-submit svg path,
            .new-checkbox svg polygon,
            .product-bottom .related-products li .button-box .wishlist:hover svg path,
            .jslider .jslider-pointer svg path,
            .rating-box .rating svg polygon,
            .search-result .search-form .search-submit svg path {
                fill: #f89406
            }

.pricing .options li {
    color: #f89406
}

.carousel-box .pagination a.selected,
.banner-set .pagination a.selected {
    background: #cccccc;
    background: rgba(0, 0, 0, .3);
}

.top-navbar .nav > li a,
.btn-group.btn-select .dropdown-toggle,
.product .product-hover,
.employee .employee-hover,
.slider .slid-content {
    color: #ffffff
}

.slider .slider-nav {
    background-color: #f89406
}

.product .limit-offer,
.product .actions.not-rotation-actions {
    background-color: #f89406
}

.sidebar .banners .banner-text {
    background-color: #9e630e
}

.slider.rs-slider .tparrows,
.product-page .add-cart-form .number .regulator a:hover,
.progressive-slider-two .pagination a {
    background-color: #f89406
}

.pricing .bottom-box {
    background-color: #f89406
}

.pricing:before {
    background-color: #f89406
}

.btn.btn-default,
.btn.btn-border,
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a {
    border-color: #f89406
}

.pricing .options li,
.pricing .bottom-box {
    border-color: #f89406
}

.pricing .options li {
    color: #f89406
}

.carousel-box .pagination a.selected,
.banner-set .pagination a.selected {
    background: #cccccc;
    background: #B04B19;
}

.top-navbar .nav > li a,
.btn-group.btn-select .dropdown-toggle,
.product .product-hover,
.employee .employee-hover,
.slider .slid-content {
    color: #ffffff
}

.btn-info {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info.focus,
.btn.btn-info:active,
.btn.btn-info.active,
.open > .btn.btn-info.dropdown-toggle {
    border-color: #428bca;
    background: #428bca;
}

.btn.btn-danger {
    border-color: #F2C501;
    background: #F2C501;
}

.alert-success {
    color: #fff;
    background-color: rgba(115, 141, 0, 0.48);
    border-color: #738d00;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger.focus,
.btn.btn-danger:active,
.btn.btn-danger.active,
.open > .btn.btn-danger.dropdown-toggle {
    border-color: #F2BE01;
    background: #CF7920;
}

.pls-language-container {
    background-color: #45372A;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.pls-language-container .pls-selected-locale {
    color: #F9CC01
}

.pls-language-container a:hover {
    background-color: #4D4B1B
}

.panel-group {
    margin-bottom: 8px
}

    .panel-group .active.panel .panel-heading > .panel-title > .collapsed:after,
    .panel-group .active.panel .panel-heading > .panel-title > .collapsed:before {
        background-color: #8AA635!important
    }
    .panel-group .active.panel .panel-heading > .panel-title > .collapsed:after {
    height: 16px;
    margin: 12px 0 0 22px;
    width: 2px;
    display: block !important;
    }

    .panel-group .panel.active .panel-heading > .panel-title > a:before,
    .panel-group .panel.active .panel-heading > .panel-title > a:after,
    .panel-group .panel.active .panel-heading > .panel-title > a:hover:before,
    .panel-group .panel.active .panel-heading > .panel-title > a:hover:after {
        background: #FF9512!important
    }

    .panel-group .active.panel .panel-heading > .panel-title > a {
        border: 0px solid red;
        background: #FFE263;
    }

    .panel-group .panel .panel-heading > .panel-title > a {
        color: white;
        background-color: #738D00;
    }

    .panel-group .panel .panel-heading > .panel-title > a:hover {
        background-color: #8DAD00
    }

.icon.bg {
    background-color: #657A43
}

.panel-body .multi-collapse .web-design.active {
    background: rgba(70, 70, 70, 0.42)
}

.alert-danger {
    color: #fff;
    background-color: #f89406;
    border-color: #C67400;
}

.service .icon {
    height: 70px;
    margin-left: 20px;
    margin: 0 21px 0 0;
}

.modal-header {
    padding: 30px 52px 0;
    border: 0 none;
}

.modal-footer {
    padding: 20px;
    background-color: rgba(61, 61, 61, 0.51);
    border-top: 1px solid #785E41;
    box-shadow: inset 0 0px 0 #ffffff;
    border-radius: 0 0 3px 3px;
}

.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background: rgba(46, 24, 0, 0.92);
}

.modal .close span {
    font-size: 39px
}

.service .text-small {
    color: #D4D5AC;
    overflow: hidden;
}

.sidebar .widget header,
.sidebar .widget .title-block {
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 40px;
    border-bottom: 1px solid #FBCE02;
}

.Hintergrund-leicht-transparent {
    padding: 25px 20px;
    background: rgba(81, 47, 16, 0.7);
}
.column .Hintergrundfarbe-1, .column .Hintergrundfarbe-2, .column .Hintergrundfarbe-3, .column .Hintergrundfarbe-4 {
    padding: 20px;
    
}
.sidebar .widget header .title,
.sidebar .widget .title-block .title {
    color: #97CB45
}

.sidebar .widget header:before,
.sidebar .widget .title-block:before {
    background: none
}

.bg-gray {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    border: 1px solid #C5C5C5;
    background: rgba(150, 150, 150, 0.22);
}

.bg-gray,
.bg-gray-lighter,
.bg-dark,
.bg-light {
    padding-right: 20px;
    padding-left: 20px;
    padding: 15px;
}

.bg-gray-lighter {
    border: 1px solid rgba(217, 218, 219, 0.76);
    background: rgba(234, 234, 234, 0.13);
}

.bg-light {
    border: 1px solid #D9DADB;
    background: rgba(217, 218, 219, 0.22);
}

.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a {
    float: left;
    color: rgba(216,216,216,0.93);
}

.pricing .bottom-box {
    background-color: rgba(0,152,202,.05)
}

    .pricing .bottom-box .more {
        color: rgba(0,152,202,.7)
    }

.pricing .options li {
    color: rgba(0,152,202,.4)
}

.pricing .options li,
.pricing .bottom-box {
    border-color: rgba(0,152,202,.1)
}

.pricing:before {
    background-color: rgba(0,152,202,.06)
}

.product .limit-offer,
.product .actions.not-rotation-actions {
    background-color: rgba(0,152,202,.9)
}

.product .product-hover ul li {
    background-image: url(/img/svg/check-icon-white.svg),none
}

.sidebar .banners .banner-text {
    background-color: rgba(0,152,202,.65)
}
/************************ENDE FARBEN*************************/

/*****FOOTER******/
#footer {
    box-shadow: 0px -9px 28px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px -9px 28px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px -9px 28px 0px rgba(0,0,0,0.4);
}

    #footer .footer-bottom {
        padding: 21px 0 20px;
        border-top: 1px solid #7D5A0A;
        font-size: 11px;
        line-height: 17px;
        background: rgba(28, 14, 1, 0.75);
    }

    #footer .up {
        border-radius: 0px;
        background: #FBCE02;
    }

    #footer .footer-top {
        padding-right: 0px;
        padding-left: 0px;
            padding-bottom: 0px;
        box-shadow: 0px 0px 0px 0px #000000;
        background: rgba(34, 17, 1, 0.62);
    }


#nlForm .help-block
{
    margin-top:0px;
}
.respond .description {
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.33)!important;
}

.respond.border .description:after {
    border-top-color: rgba(0, 0, 0, 0.15);
}

.description.border-info blockquote {
    background: rgba(18, 18, 18, 0);
    color: white;
}

.border-info {
    border-color: #444444 ;
}

.respond.respond-blockquote.border .border-info blockquote:before, .respond.respond-blockquote.border .border-info blockquote:after {
    color: #F0C301;
}

.respond .description.bg-info:before, .respond .description.border-info:before {
    border-top-color: #F0C301;
}

.footer-top p {
    padding-left: 0px!important;
}


/********************************GLOBALFIX***********************************************************************************************/
.header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li a {
    
    width: 100%; /*breite untermenÃƒÂ¼punkte*/
}

.speisekarte.compactSK > .row {
    display: block ;
    padding: 1rem ;
    margin-bottom: 20px ;
    -moz-column-count: 1 ;
    -moz-column-gap: 3% ;
    -moz-column-width: 30% ;
    -webkit-column-count: 1 ;
    -webkit-column-gap: 3% ;
    -webkit-column-width: 30% ;
    column-count: 1 ;
    column-gap: 3% ;
    column-width: initial ;
}
a.gallery-images {
    padding: 0px;
}

.btnCaptcha {
    height: initial; /***wert entfernen**/
}
.imageCaptcha {
height: 38px;
}

#footer .footer-top {
    padding: 10px 0 0px;
}


.count-down-sp .county-days-wrapper, .count-down-sp .county-hours-wrapper, .count-down-sp .county-minutes-wrapper, .count-down-sp .county-seconds-wrapper, .count-down-sp .county-label-days, .count-down-sp .county-label-hours, .count-down-sp .county-label-minutes, .count-down-sp .county-label-seconds {
  
    width: 24.3% !important;
}
.employee .description .vertical h3 {
    font-size: 18px;
    color: #EFC302;
}
.count-down-sp > span > span.loaded {
    color: white;
    font-family: impact;
}

/***ein und ausblenden fehlermeldung prÃƒÂ¼fen ***/ 
.help-block .list-unstyled {
    margin-top: 15px;
    margin-bottom: 15px;
    background: #7F1616;
    padding: -2px;
    float: left!important;
    border: 0px solid #9B2525;
    display: block!important;
    padding-right: 10px;
    font-size: 14px;
    padding-left: 10px;
}

.help-block.with-errors .list-unstyled {
    margin: 0px;
}
 

.timeline .post .timeline-content:before, .timeline .post .timeline-content:after {
   
    border-left-color: #AFA020; /***timeline farbe pfeil****/
    }

.col-md-3.shareicons {
    width: auto;
    margin-top: 2px;
    margin-bottom: -5px;
}

.col-md-6.text-right {
    float: right;
}
.HKElemente {
    background: rgba(48, 26, 1, 0.78);
     
    padding-bottom: 15px;
}
.carousel ol.carousel-indicators {
    bottom: -59px;
}

.TA_socialButtonBubbles {
    margin-top: 2px;
}

.full-width-box .slider.rs-slider .tp-banner {
    border: 0px solid red;
    max-height: 100%;
}

.footer-top .form-group.checkbox {
    padding-left: 15px;
}
/*******************************************************ENDEGLOBALFIX************************************************************************/
/***fancybox fix****/
.fancybox-skin {
    border-radius: 0px!important;
}
.shareImg {
    padding-top: 17px;
}

/*
.fancybox-inner {
    width: 100%!important;
    height: 100%!important;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {
    max-width: 100% !important;
	max-height: 100% !important;
    left: 34%!important;
    top: 2%!important;
    transition: 0.4s ease all;
}
*/
/***fancybox fix****/
/* *************************RESPONSIVEcss***************************************/
/* ================================================== */
/* ================================================== */
/* ================================================== */
/* ================================================== */
 
@media (min-width: 480px) {
    .bs-docs-masthead .btn {
        width: auto
    }
    .carbonad {
        width: 330px!important;
        margin: 20px auto!important;
        border-width: 1px!important;
        border-radius: 4px;
    }

    .bs-docs-masthead .carbonad {
        margin: 50px auto 0!important
    } 
    .bs-docs-featurette .img-responsive {
        margin-top: 30px
    }
}

@media (min-width: 768px) {
    .bs-docs-masthead {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .bs-docs-masthead .lead {
            font-size: 24px
        }

    .bs-docs-header {
        padding-top: 60px;
        padding-bottom: 60px;
        font-size: 24px;
        text-align: left;
    }

    .bs-docs-header h1 {
        font-size: 60px;
        line-height: 1;
    }

    .bs-docs-footer p {
        margin-bottom: 0
    } 
    .bs-docs-featurette {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .bs-docs-featurette .img-responsive {
            margin-top: 0
        }

        .bs-docs-featurette .lead {
            max-width: 80%;
            margin-right: auto;
            margin-left: auto;
        }

    .bs-docs-featurette-title {
        font-size: 40px
    }

    .bs-docs-featured-sites .col-sm-3:first-child img {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .bs-docs-featured-sites .col-sm-3:last-child img {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
 
    .bs-docs-sidebar {
        padding-left: 20px
    }
 
    .back-to-top {
        display: block
    }
     .carbonad {
        margin-right: 0!important;
        margin-left: 0!important;
    }
}

@media (min-width: 992px) { 
    
.speisekarte > .row > .col-md-6 {
 
 
width: 95%!important;
}

    
  .full-width-box {
    padding: 0px 0;
    padding-bottom: 20px;
}

    .bs-docs-masthead .lead {
        width: 80%;
        font-size: 30px;
    }

    .bs-docs-header h1,
    .bs-docs-header p {
        margin-right: 380px
    }
    .carbonad {
        position: absolute;
        top: 0;
        right: 15px;
        width: 330px!important;
        padding: 15px!important;
        margin: 0!important;
    }

    .bs-docs-masthead .carbonad {
        position: static
    }
    .bs-docs-sidebar .nav>.active>ul {
        display: block
    }

    .bs-docs-sidebar.affix,
    .bs-docs-sidebar.affix-bottom {
        width: 213px
    }

        .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
        .bs-docs-sidebar.affix .bs-docs-sidenav {
            margin-top: 0;
            margin-bottom: 0;
        }

    .bs-docs-sidebar.affix {
        position: fixed;
        top: 20px;
    }

    .bs-docs-sidebar.affix-bottom {
        position: absolute
    }
}

@media (min-width: 1200px) { 
    .bs-docs-sidebar.affix-bottom,
    .bs-docs-sidebar.affix {
        width: 263px
    }
}

@media (min-width: 768px) { 
    
    /***speisekarte**columns**fix***/
 
.speisekarte > .row {
    display: block;
    margin-bottom: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count: 2;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
    column-count: 2;
    column-gap: 3%;
    column-width: 30%;
}

.speisekarte .row .col-md-6 {
 
margin-bottom: 0px;
padding-bottom: 0px;
-webkit-column-break-inside: avoid !important;
/*page-break-inside: avoid !important;*/
break-inside: avoid !important;

	 
}

p {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.skPosition .col-lg-12.noPadding {
    padding-right: 0px;
    float: left;
    margin: 0.25rem;
    padding: 1rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.HKElemente {
    border: 0px solid red;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
	 
}
.skPositionenListe .skPosition .col-lg-12 {
    background: rgba(80, 80, 80, 0.41)!important;
    margin-left: 0px!important;
}
	
/**endespeisekartefix**/
    
	
	.tischreservierung input, .tischreservierung select, .tischreservierung .input-group {
		width:100%;
	}
	
	.tischreservierung .selectBox:hover, .tischreservierung .selectBox:focus
	{
		background: #f9f9f9;
		padding:8px 12px !important;
	}
    
    .color-swatch {
        width: 100px;
        height: 100px;
    }

    .bs-example {
        margin-right: 0;
        margin-left: 0;
        background-color: #ffffff;
        box-shadow: none;
        border-width: 1px;
        border-radius: 4px 4px 0 0;
        border-color: #E5E1EA;
    }

    .bs-example+.highlight {
        margin-top: -16px;
        margin-right: 0;
        margin-left: 0;
        border-width: 1px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .bs-navbar-top-example {
        border-radius: 0 0 4px 4px
    }

    .bs-navbar-bottom-example {
        border-radius: 4px 4px 0 0
    }

        .bs-navbar-top-example .navbar-fixed-top,
        .bs-navbar-bottom-example .navbar-fixed-bottom {
            position: absolute
        }

    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0;
    }

    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px;
    }
 
    .bs-brand-item {
        display: table-cell;
        width: 1%;
    }

        .bs-brand-item h1 {
            font-size: 60px
        }

    .bs-brand-item+.bs-brand-item {
        border-top: 0;
        border-left: 1px solid #FFFFFF;
    }
}

@media (min-width: 991px) and (max-width: 1200px) { 
    .col-xs-6.col-md-10.col-lg-9.right-box {
        width: 76.3333333%
    }

    .col-xs-6.col-md-2.col-lg-3.logo-box {
        width: 23%;
        height: auto !important;
    }

    .header .header-wrapper .logo-box .logo a img,
    .header .header-wrapper .logo-box .logo a .logo-img {
        width: auto !important;
        max-height: initial !important;
        height: initial !important;
        margin-top: 1px !important;
    }
}

@media (max-width: 1200px) { 
    .tp-caption.regular_button a {
        float: left;
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 979px) { 
    .full-width-box .services.row {
        margin-left: 0
    }

        .full-width-box .services.row > .col-sm-3 {
            width: 100%;
            margin-left: 0;
        }

    #cm-blured-box .content-box {
        margin-top: 0
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active > a,
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active:hover > a {
        border-color: #f89406!important
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active > a,
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > .parent.active:hover > a,
    .header .header-wrapper .primary .navbar .navbar-collapse .nav .open-sub span,
    .accordion-tab > li.active > a,
    .accordion-tab > li.active > a:hover,
    .accordion-tab > li.active > a:focus,
    .accordion-tab > li.active:hover > a,
    .products-tab .accordion-tab > li.active > a,
    .products-tab .accordion-tab > li.active:hover > a {
        background-color: #f89406!important
    }
}

@media (max-width: 992px) { 
	#main {
    margin-top: 0px;
}

.slider.rs-slider {
    margin-top: 0px;
}

.mainTopWithoutSlide {
    margin-top: 0px;
}
	
     .header .header-wrapper .primary .navbar .navbar-collapse .nav > li.parent > a {
    background: #5F5C16;
    }
    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li a {
    background: #737024;
    } 
     .header .header-wrapper .primary .navbar .navbar-collapse .nav {
    background: #4D4B1B;
    }
    #main {
    padding: 0px!important;
    }
    .full-width-box {
    padding: 0px;
    }
    section.page-section {
        padding-right: 0px;
        padding-left: 0px;
    }
    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub .sub {
    left: 0;
    margin-left: 0px;
    }
    .product.rotation {
        position: relative;
        position: relative;
        position: relative;
        float: left;
        float: left;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin: 0 auto;
        line-height: 0;
        border-radius: 5px;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav > li {
        float: left !important;
        width: 100%;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .parent {
        position: relative;
        float: left;
        width: 100%;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav li > .sub a {
    float: left;
    margin-left: 8%;
    width: 92% !important;
    padding-right: -27px;
    }

     
    .header .header-wrapper .primary .navbar .navbar-collapse .nav .parent:hover > .sub {
    background: #868230;
        top: 0px!important;
    }
    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub,
    .header .header-wrapper .primary .navbar .navbar-collapse .parent .sub,
    .header .header-wrapper .primary .navbar .navbar-collapse .parent:hover > .sub {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub,
    .header .header-wrapper .primary .navbar .navbar-collapse .parent .sub,
    .header .header-wrapper .primary .navbar .navbar-collapse .parent:hover > .sub {
        padding: 0px
    }

    .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub {
        margin: 0px
    }
 
    .header .header-wrapper .primary .navbar .btn-navbar:before {
    border-left: 0px solid #ccc;
    }
   .header .header-wrapper .primary .navbar .btn-navbar .text {
    color: #35210F;
    }
    .header .header-wrapper .primary .navbar .btn-navbar.collapsed .text {
    background: none;
    color: #FECC00;
    border-bottom: 0 none;
    }
    .header .header-wrapper .primary {
    background: blue;
    }   
    ul li .parent span.open-sub {
    margin-top: 11px;
    }
}

@media (max-width: 768px) {
	.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {
    width: 60%!important;
    left: 20%!important;
    top: 2%!important;
    transition: 0.4s ease all;
}
	
    .cm-margin-bottom {
        margin-bottom: 40px
    }

    .cm-margin-top {
        margin-top: 36px
    }

    #full-width-box-pricing,
    #full-width-box-pricing-second,
    .cm-padding-bottom-36 {
        padding-bottom: 0
    }

    #cm-video-bg .white.text-center {
        padding-top: 0;
        padding-bottom: 15px;
    }

    #cm-home-promo-section .container,
    #cm-our-skills .container {
        padding-top: 0;
        padding-bottom: 0;
    } 
    .header .header-wrapper .primary .navbar .navbar-collapse {
        width: 233%
    }

    .header .right-box {
        float: right;
        width: 43%;
        padding-left: 0;
    }

    .logo-box {
        width: 57%
    }
     .col-md-12.column > div .speisekarte {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media (max-width: 480px) { 
	.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {
    width: 70%!important;
    left: 15%!important;
    top: 2%!important;
    transition: 0.4s ease all;
}
.tp-caption.SlideText, .tp-caption.regular_button, .tp-caption.regular_subtitle {
        display: none;
}
.tp-caption.regular_title {
    font-size: 40px!important;
}

	
	
    /***captcha layout**/
    #btnCaptcha {
    float: right;
    height: 48px;
    top: -14px;
    width: 48px;
    font-size: 28px;
    line-height: 44px;
    }
    input#inputCaptcha {
    height: 62px!important;
    font-weight: bold;
    font-size: 28px;
    }
    #imageCaptcha {
    height: initial;
    width: 50%;
    padding-bottom: 20px;
    }
    .header-wrapper {
        background-image: none !important
    }

    .header .header-wrapper .logo-box .logo a img,
    .header .header-wrapper .logo-box .logo a .logo-img {
        width: auto;
        max-height: auto;
        height: initial;
        margin-top: 7px;
    }

    .header .logo img {
        width: 100% !important
    }

    .tp-caption.regular_button a {
        margin-top: -67px;
        font-size: 4em;
    }
}
