/* general styles 
-------------------------------------------------- */
html, body { height: 100%; width: 100%; font-size: 100%; }

body { padding-top: 100px; font-family: 'Roboto', sans-serif; }

a:active, a:focus { outline: none; }
.shadow { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); }

@media (max-width: 992px) { body { padding-top: 50px; } }

.navbar { min-height: 100px; }
.navbar-brand { padding: 0; height: 100px; line-height: 100px; }
.navbar-toggle { margin-top: 33px; padding: 9px 10px !important; } /* (100px - button height 34px) / 2 = 33px */

@media (max-width: 992px) { .navbar { min-height: 50px; }
    .navbar-brand { padding: 0 10px; height: 50px; line-height: 50px; }
    .navbar-toggle { margin-top: 8px; padding: 8px 10px !important; } /* (50px - button height 34px) / 2 = 8px */
 }

@media (min-width: 768px) { .navbar-nav > li > a { padding-top: 36.5px; padding-bottom: 36.5px; line-height: 27px; } /* (100px - line-height of 27px) / 2 = 36.5px */
}

@media (min-width: 1200px) { .navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); }
li.dropdown:hover > .dropdown-menu { display: block; } 
}
@media (min-width: 1200px) { .navbar-default .navbar-nav > li:hover > a, 
.navbar-default .navbar-nav > li:hover > a:hover,
.navbar-default .navbar-nav > li:hover > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); } 
}

.mynav { max-width: 1150px; }
.topdist { margin-top: 30px; }

@media (max-width: 992px) { .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in{ display:block !important; }
}

.container-fluid-header { padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; }
.no-gutter {padding-right:0; padding-left:0; margin-left:0; margin-right:0; }
.angebot { background-color: ; margin-bottom: 30px; }
.card { background-color: #fff; margin-bottom: 30px; padding-bottom: 15px; }
img.card { margin-bottom: 10px; }

/* parallax */
.parallax-window { min-height: 500px; background: transparent; }
/* fade in */
.hideme { opacity:0; }
/* filter img */
.filterticker {
  -webkit-filter: sepia(1) hue-rotate(360deg);
    filter: sepia(1) hue-rotate(360deg);
}

/* outline button */
.btn-outline { background-color: transparent; color: inherit; border-width: 2px; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; transition: all 0.75s; }
.btn-default .btn-outline { color: #ff3300; }
.btn-default .btn-outline:hover { color: #fff; }

/* BREADCRUMB */
.breadcrumb { text-transform: uppercase; margin-top: 20px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; border-radius: 0px; background-color: transparent; }
.devider { margin: 8px 0; padding-top: 4px; border-top: 1px solid #ccc;}

/* TYPO */
h1, h2, h3 { font-family: 'Raleway', sans-serif; font-size: 2.25rem; font-weight: 300; margin-top: 20px; margin-bottom: 10px; }
h4, h5 { font-family: 'Raleway', sans-serif; font-size: 1.75rem; font-weight: 300; margin-top: 20px; margin-bottom: 10px; }
h2.marktplatz { font-family: 'Raleway', sans-serif; font-size: 1.75rem; font-weight: 300; margin-top: 0px; margin-bottom: 20px; }
h2.teaser { font-family: 'Raleway', sans-serif; font-size: 1.75rem; font-weight: 300; margin-top: 20px; }
h6 { font-family: 'Raleway', sans-serif; font-size: 1.25rem; font-weight: 400; margin-top: 20px; margin-bottom: 10px; }
h3.liste { font-family: 'Raleway', sans-serif; font-size: 1.75rem; font-weight: 400; margin-top: 20px; margin-bottom: 10px; }
p { margin-bottom: 20px; font-size: 18px; font-size: 1.125rem; font-weight: 300; line-height: 1.5; }
p strong, td strong, ul strong, dt { font-weight: 500 !important; }
p.start { margin-top: 26px; }
label { font-size: 16px; font-size: 1.0rem; font-weight: 500; }
.fa-ul { line-height: 1.375rem; margin-bottom: 20px; }
.lead { margin-bottom: 20px; font-size: 18px; font-size: 1.125rem; font-weight: 300; line-height: 1.5; }
.textfooter { margin-bottom: 10px; }
.hyp { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
a { color: #496648; }
p.sitemap { margin-bottom: 10px; }
ul.sitemap { padding-left: 20px; margin-top: 0px; }
.red { color: #ff3300; }

/* Header */
header.bild { position: relative; }
header.bild img { width: 100%; }
.caption-bild-text { position: absolute; right: 0%; bottom: 15%; left: 0%; z-index: 10; }
.caption-bild-text p.header-bild { font-family: 'Raleway', sans-serif; color: #fff; text-align: center; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65); font-size: 3.5rem; line-height: 3.0rem; }
.caption-bild-text p.header-bild small { font-family: 'Raleway', sans-serif; font-size: 1.5rem; line-height: 1.0rem; }
@media (max-width:769px) { .caption-bild-text p.header-bild { font-size: 1.25rem; line-height: 1.5rem; } .caption-bild-text p.header-bild small { font-size: 0.9rem; line-height: 1.0rem; } .caption-bild-text { position: absolute; right: 0%; bottom: 5%; left: 0%; z-index: 10; } }

p.head1 { font-family: 'Courgette', cursive; color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65); font-size: 3.5rem; line-height: 4.0rem; font-weight: 400; text-align: center;
margin: 0 0 30px 0; padding: 0; }
p.head2 { color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65); font-size: 1.5rem; line-height: 2.75rem; font-weight: 400; text-align: center;
margin: 0 0 100px 0; padding: 0; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* padded section */
.pad-section { padding: 50px 0; }
.pad-section img { width: 100%; }

@media (max-width:668px) { p.head1 { font-size: 2.0rem; line-height: 2.5rem; font-weight: 500; width: 70%; margin: 0 0 20px 0; } 
p.head2 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; width: 70%; margin: 0 0 20px 0; }
}
@media (min-width:669px) and (max-width:1199px) { p.head1 { font-size: 2.0rem; line-height: 3.0rem; font-weight: 500; width: 80%; } 
p.head2 { font-size: 1.25rem; line-height: 2.25rem; font-weight: 500; width: 70%; margin: 0 0 50px 0; }
}

#about { margin-bottom: 50px; }

#angebot, .kontakt { margin-bottom: 50px; }
.notiz { background: rgb(250,243,219);
background: -moz-linear-gradient(-45deg, rgba(250,243,219,0.5) 0%, rgba(250,243,219,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(250,243,219,0.5) 0%,rgba(250,243,219,1) 100%);
background: linear-gradient(135deg, rgba(250,243,219,0.5) 0%,rgba(250,243,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9e8', endColorstr='#fff3db',GradientType=1 ); width: 100%; height: 100%; margin: 0; padding: 0px 15px 15px 15px; }


.border { padding: 0; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; }
.border2 { padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
@media (min-width:669px) { .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.col-eqheight {
  display: flex;
  flex-direction: column;
}

/* Media
-------------------------------------------------- */
.media {
  margin-top: 35px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
  font-size: 16px;
}
.media-object {
  display: block;
}
.media-object {
  width: 200px;
  height: 200px;
}
.media-left,
.media > .pull-left {
  padding-right: 30px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-heading {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 24px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
@media (max-width:769px) { .media-object { width: 50px; height: 50px; } }

/* Termine NEU */
.media-termine { margin-top: 15px; }
.media-object-termine { width: 50px; height: 50px; }
.media-heading-termine { margin-top: 0px; margin-bottom: 5px; font-size: 24px; }
.media-left-termine, .media-termine > .pull-left { padding-right: 15px; }
.media-left-termine, .media-body-termine { display: table-cell; vertical-align: top; }
@media (max-width: 669px) { .media-object-termine { width: 50px; height: 50px; } }

#services { background-color: rgb(255,255,255); padding: ; }
#services .backhotel { border-top: 6px solid #496648; background-color: #fff; padding-top: 0px; }
#services .backaktion { border-top: 6px solid #d0141b; background-color: #fff; padding-top: 0px; }
#services .backtisch { border-top: 6px solid #41a62a; background-color: #fff; padding-top: 0px; }

/* MYCARD */
.mycard { background-color: #fff; height: 100%; }
.mycard-heading { font-family: 'Raleway', sans-serif; font-size: 1.5rem; font-weight: 300; padding: 10px 15px; border-bottom: 1px solid #ddd; }
.mycard-img { padding: 0px; }
.mycard-img img { width: 100%; height: auto; }
.mycard-body { font-size: 16px; font-size: 1.0rem; padding: 15px; }
.mycard-body strong { font-weight: 500; }
.mycard-footer { font-size: 16px; font-size: 1.0rem; padding: 15px; border-top: 1px solid #ddd; }
.mycard-footer a { font-size: 16px; font-size: 1.0rem; font-weight: 400; text-decoration: none; }
.bottomdist { margin-bottom: 20px; }
/*@media (min-width:669px) { .mycard-body { min-height: 102px; } }*/

#information {
background: url(/images/estate.jpg) no-repeat center center fixed; 
display: table;
height: 800px;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#information .panel {
opacity: 0.85;
}
/* GoogleMap
-------------------------------------------------- */
#google-map-canvas { width: 100%; height: 400px; margin: 0; padding: 0; border: 0; }

footer { padding: 20px 0; background-color: #5b7694; color: #fff; }
footer p, footer ul, footer li { font-weight: 300; }
footer a { color: #fff; }
footer a:hover { color: #999; }
footer .glyphicon { color: #333333; font-size: 60px; }
footer .glyphicon:hover { color: #306d9f; }

/* Timeline
-------------------------------------------------- */
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 70px;
            height: 70px;
            line-height: 70px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -35px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5b7694 !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}