/* =========================================

# Template Name: Basic
# Author: Themehexa
# Description: Multipage Multipurpose HTML Template
# Version: 1.0

========================================= */

/*
=========================================
Index
-----------------------------------------

# 01. body
# 02. typography
# 03. custom padding, margin
# 04. custom headline, title
# 05. custom styles
# 06. custom icons
# 07. custom buttons
# 08. preloader
# 09. navigation
# 10. navbar toggle
# 11. dropdown menu
# 12. search system
# 13. header
# 14. common banner style
# 15. news ticker
# 16. about
# 17. portfolio
# 18. portfolio - single
# 19. call to action 01
# 20. features
# 21. other features
# 22. video
# 23. reviews
# 24. blog
# 25. subscribe
# 26. skills
# 27. work
# 28. team
# 29. facts
# 30. faq
# 31. 404 page
# 32. signup & signin page
# 33. services
# 34. pricing
# 35. blog posts
# 36. blog post - single
# 37. contact
# 38. footer
# 39. scroll top
# 40. media queries

*/

/* ======================================
 *  01. body
/* ====================================== */

/* FONTS lokal */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 5, 2020 */



@font-face {
    font-family: 'open_sansbold';
    src: url('../../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../../fonts/opensanscondensed-bold-webfont.woff2') format('woff2'),
         url('../../fonts/opensanscondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedlight';
    src: url('../../fonts/opensanscondensed-light-webfont.woff2') format('woff2'),
         url('../../fonts/opensanscondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedLtIt';
    src: url('../../fonts/opensanscondensed-lightitalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensanscondensed-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('../../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('../../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 5, 2020 */



@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('../../fonts/ptsans-bolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/ptsans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sans_captionbold';
    src: url('../../fonts/ptsanscaption-bold-webfont.woff2') format('woff2'),
         url('../../fonts/ptsanscaption-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sans_captionregular';
    src: url('../../fonts/ptsanscaption-regular-webfont.woff2') format('woff2'),
         url('../../fonts/ptsanscaption-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sansitalic';
    src: url('../../fonts/ptsans-italic-webfont.woff2') format('woff2'),
         url('../../fonts/ptsans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('../../fonts/ptsansnarrow-bold-webfont.woff2') format('woff2'),
         url('../../fonts/ptsansnarrow-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../../fonts/ptsansnarrow-regular-webfont.woff2') format('woff2'),
         url('../../fonts/ptsansnarrow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'PT Sans';
    src: url('../../fonts/ptsans-regular-webfont.woff2') format('woff2'),
         url('../../fonts/ptsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* FONTS lokal Ende */

body {
  font-family: 'Open Sans', Arial, Sans-serif;
  color: #696969;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
  width:100%;
  margin:0px;
  padding: 0px;
  overflow-x:hidden;
  
}

/* ======================================
 *  02. typography
/* ====================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', arial, sans-serif;    
  color: #000000;
  line-height: 1.4em;
}

h1 {
  font-size: 60px
}

h2 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h3 {
  font-size: 18px
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 11px;
}

p {
  line-height: 1.8em;
}

ul li {
  line-height: 1.9em;
}

a {
  
  color: #980000;
  letter-spacing: 1px;  
  transition: all 0.3s ease-in;  
}

a:hover, 
a:focus,
a:active {
  color: #374140;
  text-decoration: none;
  outline: none;
}

/* ======================================
 *  03. custom padding, margin
/* ====================================== */

.top-pad-40 {
  padding-top: 40px;
}

.top-bottom-pad-40 {
  padding: 40px 0px;
}

.no-padding {
  padding: 0px;
}

/* ======================================
 *  04. custom headline, title
/* ====================================== */

.small-title {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #111111;
  letter-spacing: 1.5px;
}

.small-title-2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #111111;
  letter-spacing: 1px;
  text-transform: uppercase;  
}

.small-title-3 {
  font-family: 'PT Sans', arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-style: italic;
  margin-top: 0px;
  letter-spacing: .25px;
}

.banner-headline {
  font-family: 'Open Sans Condensed', arial, sans-serif;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 300;
  text-transform: none;
  text-align: center;
  margin: 23% 0 15% 0;
}

/* ======================================
 *  05. custom styles
/* ====================================== */

.small-caret span {
  font-size: 12px;
  color: #980000;
  margin-right: 15px;
}

.small-caret-2 span {
  font-size: 12px;
  color: #980000;
  margin-left: 10px;
  margin-right: 15px;
}

.custom-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.50);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.border-style {
  position: relative;
  margin-bottom: 15px;
  font-size: 13px;
}

.border-style:after {
  background-color: #980000;
  content: "";
  position: absolute;
  height: 1px;
  width: 50px;
  top: 50%;
  margin-left: 20px;
}

.breadcrumb {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #FFFFFF;
  padding: 8px 0px;
  background-color: transparent;
  letter-spacing: 1px;
  text-transform: uppercase;  
}

.highlight {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  background-color: #980000;
  color: #FFFFFF;
  padding: 3px 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease-in;  
}

.highlight:hover {            
  color: #FFFFFF;
}

/* ======================================
 *  06. custom icons
/* ====================================== */

.custom-icon span {
  font-size: 40px;
  color: #980000;
}

.custom-icon-2 span {
  font-size: 30px;
  color: #980000;
  margin-right: 15px; 
}

/* ======================================
 *  07. custom buttons
/* ====================================== */

.custom-btn-1 {  
  color: #FFFFFF;
  background-color: #980000;
  border-radius: 1px;
  margin-top: 40px;
  transition: all 0.3s ease-in;
}

.custom-btn-1:hover,
.custom-btn-1:focus {
  color: #FFFFFF;
  background-color: #374140;  
}

.custom-btn-2 {
  font-size: 11px;
  color: #FFFFFF;
  background-color: #980000;
  border-radius: 1px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in;
}

.custom-btn-2:hover,
.custom-btn-2:focus {
  color: #FFFFFF;
  background-color: #374140;  
}

/* ======================================
 *  08. preloader
/* ====================================== */

#loader {
  background-color: #FFFFFF;
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
}

#loader .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 43px;
  height: 43px;
  margin: -20px 0 0 -20px;
  background-image: url(../img/preloader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}


/* ======================================
 *  09. Navigation
/* ====================================== */

nav {
  transition: all 0.9s ease 0s;
}

.navbar-default .navbar-brand {
  margin-top: -20px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #980000;
}

.navbar-default {  
  border-radius: 0;
  border-color: transparent;
  border: none;
  top: 0px;
  left: 0;
  width: 100%;
  height: 90px;
  padding: 10px 0px;
  z-index: 500;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); 
  border-bottom: 1px solid #980000; 
}

.nav > li > a {
  padding: 10px 12px;
}

.navbar-default .nav li a {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111111;
  transition: all 0.2s ease-in;
}

.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
  color: #111111;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li > a:hover  {
  color: #980000;
  background-color: transparent;
  outline-style: none;
}

.navbar-default .navbar-nav > .active> a:hover,
.navbar-default .navbar-nav > .active> a:focus {
  color: #980000;
  background-color: transparent;
}

/* ======================================
 *  10. navbar toggle
/* ====================================== */

.navbar-default .navbar-collapse {
  border-color: transparent;
}

.navbar-default .navbar-toggle {
  background-color: transparent;
  border-radius: 0;
  border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #980000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

/* ======================================
 *  11. dropdown menu
/* ====================================== */

.dropdown-menu {
  padding: 10px 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  border: 1px solid #ECECEC;
}

.dropdown:hover .dropdown-menu {
    margin-top: 0px;
 }

.dropdown span {
  padding-left: 5px;
}

.dropdown-menu > li > a {
  padding: 10px 20px;
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 0px;  
}

.navbar-nav .open > a, 
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
  border-color: #ECECEC;
}

.dropdown-menu > li > a {
    border-bottom: 1px solid #ECECEC;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #980000;
  background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
  color: #000000;
}

/* ======================================
 *  12. search system
/* ====================================== */

/* mobile */

#mobile-search button {
  position: relative;
}

#mobile-search .btn-success {
  background-color: #980000;
  border-color: transparent;
  border-radius: 0px;
  padding: 8px 12px;
  margin-top: -2px;
}

#mobile-search .form-control {
  display: table-cell;
}

.search-box-mobile {
  margin: 20px 10px;
  width: auto;
}

/* desktop */

#search-icon span {
  font-size: 14px;
  position: absolute;
  cursor: pointer;
  top: 13px;
}

.search-box {
  display: none;
  background-color: rgba(255, 255, 255, 1);
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  position: absolute;  
  height: 100%;
  width: 100%;  
  top: 60px;
  left: 0;  
  z-index: 999;
}

.pos-relative {
  position: relative;
}

.search-box form .fa-times {
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  top: 20px;  
  right: 0px;
  color: #000000;
}

.search-box form .form-control {
  font-family: "Open Sans",arial,sans-serif;
  font-size: 12px;
  font-weight: 600;  
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  height: 55px;
  margin: 0;
  transition: all 0.3s ease 0s;
}



/* ======================================
 *  13. header
/* ====================================== */

header .slider-content-wrap {
  display: table;
  height: 100%;
  margin-top:40px;
}

header .row {
  display: table-cell;
  vertical-align: middle;
}

header h1 {
  font-family: 'Open Sans', arial, sans-serif;
  color: #FFFFFF;
  font-size: 65px;
  font-weight: 600;
  margin: 0px;
  letter-spacing: 2px;
}

header h2 {
  font-family: 'Open Sans', arial, sans-serif;  
  color: #FFFFFF;
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  margin: 0px;
  text-transform: none;
  letter-spacing: 2px;
}

.overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.45);
  top: 40;
  left: 0;
  width: 100%;
  height: 100%; 
}

/* animated text slider styling */

.slides-pagination {
  bottom: 15px;
}

.slides-pagination a {
  border: 2px solid #FFFFFF; 
  margin: 4px;
  outline: none;
}

.slides-pagination a.current {
  background-color: #FFFFFF;
}

/* end: animated text slider styling */

/* ======================================
 *  14. common banner style
/* ====================================== */

.common-banner-style {
  padding: 0px 0px;    
  position: relative;  
}

#gasthof-banner {
  background-image: url(../img/background/gasthof.jpg);
}

#gaestehaus-banner {
  background-image: url(../img/background/gaestehaus.jpg);
}

#region-banner {
  background-image: url(../img/background/region.jpg);
}

#speisen-banner {
  background-image: url(../img/background/speisen.jpg);
}

#portfolio-banner {
  background-image: url(../img/background/portfolio-banner.jpg);
}

#portfolio-details-banner {
  background-image: url(../img/background/portfolio-details-banner.jpg);
}

#blog-banner {
  background-image: url(../img/background/blog-banner.jpg);
}

#blog-single-banner {
  background-image: url(../img/background/blog-single-banner.jpg);
}

#kontakt-banner {
  background-image: url(../img/background/kontakt.jpg);
}

#impressum-banner {
  background-image: url(../img/background/impressum.jpg);
}

/* ======================================
 *  15. news ticker
/* ====================================== */

#newsticker {
  padding: 40px 0px;
  border-bottom: 1px solid #F7F7F7;
}

#newsticker h2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;  
  background-color: #980000;
  text-transform: uppercase;
  display: block;
  letter-spacing: 1px;
  padding: 5px 0;
  margin: 0px;
  border-radius: 1px;  
}

.newsticker {
  padding: 0px 10px 0px 0px;
}

.newsticker span {
  color: #980000;
  font-size: 16px;
  margin-right: 15px;
}

.newsticker li {
  list-style-type: none;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}

.newsticker a {
  color: #111111;
  font-size: 11px;
}

.newsticker a:hover {
  text-decoration: underline;
  outline: none;
}

/* ======================================
 *  16. about
/* ====================================== */

#about {
  padding: 40px 0px 0px 0px;
}

#about h3 {
  color: #2A2C2B;
}

.introduction {
  font-family: 'PT Sans', arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8em;
}

/* ======================================
 *  17. portfolio
/* ====================================== */

#portfolio {
  padding: 40px 0px;
}

.portfolio-wrap .mix {
  display: none;
  margin-bottom: 30px;
}

.item-filter {
  margin-bottom: 40px;
}

.item-filter ul li {
  font-family: 'Open Sans', arial, sans-serif;  
  font-size: 11px;  
  font-weight: 600;  
  color: #5A5252;  
  border: 1px solid #E8E8E8;
  letter-spacing: 1px;
  text-transform: uppercase;  
  cursor: pointer;
  padding: 5px 10px;
  margin-bottom: 10px;
  transition: all 0.2s ease-in;
}

.item-filter ul li:hover {
  color: #FFFFFF;
  border: 1px solid #980000;
  background-color: #980000;  
}

.item-filter ul li.active {
  color: #FFFFFF;  
  border: 1px solid #980000;
  background-color: #980000;
}

.img-wrap {
  overflow: hidden;
  position: relative;
}

.img-overlay {
  position: absolute;  
  top: 0;  
  left: 0;
  opacity: 0;
  background: linear-gradient(269deg, #FFFFFF, #FFFFFF);    
  width: 100%;
  height: 100%;  
  transition: all 0.3s ease 0s;  
}

.img-wrap:hover .img-overlay {
  opacity: 0.65;
}

.work-name {
  left: 10%;
  opacity: 0;
  position: absolute;
  top: 48%;
}

.work-name h3 {
  font-family: 'Open Sans', arial, Sans-serif;
  font-weight: 600;
  font-size: 10px;
  background-color: #980000;
  color: #FFFFFF;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.img-wrap:hover .work-name {
  opacity: 1;
  z-index: 900;
}

/* ======================================
 *  18. portfolio - single
/* ====================================== */

#portfolio-single {
  padding: 40px 0px;
}

/* ======================================
 *  19. call to action 01
/* ====================================== */

#cta-1 {
  padding: 40px 0px;
  background-color: #cde498;
}

#cta-1 h2 {
  font-family: 'Open Sans Condensed', arial, sans-serif;
  font-size: 40px;
  font-weight: 600;
  font-style: italic;
  color: #999;
  margin: 20px 0px;
  text-transform: none;
  letter-spacing: 1.5px;
}

/* ======================================
 *  20. features
/* ====================================== */

#features {
  padding: 40px 0px;  
  border-top: 1px solid #F7F7F7;    
}

.k-features {
  margin-bottom: 30px;
}

/* ======================================
 *  21. other features
/* ====================================== */

#other-features {
  padding: 40px 0px;  
  background-color: #ffffff;
  border-top: 1px solid #980000;   
  border-bottom: 1px solid #980000;   
}

.k-features-2 {
  margin-bottom: 20px;
}

/* ======================================
 *  22. video
/* ====================================== */

#video {
  padding: 80px 0px 80px 0px;
  height: 350px;
  background-image: url(../img/background/start.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#video h2 {
  font-family: 'Open Sans Condensed', arial, sans-serif;  
  color: #FFFFFF;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 25px;
  text-transform: none;
  letter-spacing: 5px;
}

.play-icon span {
  background-color: #980000;
  color: #FFFFFF;
  font-size: 20px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 100%;  
  cursor: pointer;
}

/* ======================================
 *  23. reviews
/* ====================================== */

#reviews {
  padding: 40px 0px;
}

#reviews p {
  line-height: 1.8em;  
  border: 1px solid #ECECEC;
  padding: 15px;
  margin-bottom: 20px;
  box-shadow: 0px 4px #F8F8F8;
}

#reviews-slider img {
  border-radius: 1px;
  margin-bottom: 20px;
  width: 90px;
}

.owl-theme .owl-controls .owl-page span {
  background-color: transparent;
  border: 2px solid #980000;
  border-radius: 100%;
  display: block;
  height: 10px;
  margin: 5px;
  opacity: 0.5;
  width: 10px;
}

.owl-theme .owl-controls {
  margin-top: 50px;
}

/* ======================================
 *  24. blog
/* ====================================== */

#blog {
  padding: 40px 0px;
  border-top: 1px solid #F7F7F7;
}

.blog-wrap {
  padding-bottom: 20px;
}

.blog-img-overlay {
  position: relative;
  overflow: hidden;
  display: block;
}

.blog-img-overlay img {
  transition: all 0.5s ease;
}

.blog-img-overlay img:hover {
  transform: scale(1.05);
}

.blog-info {
  margin-top: 20px;
}

/* ======================================
 *  25. subscribe
/* ====================================== */

#subscribe {
  padding: 40px 0px;
  border-top: 1px solid #F7F7F7;   
}

#subscribe h3 {
   color: #2A2C2B;  
}

.form-control {
  border-radius: 0;
  font-family: 'Open Sans', arial , sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  height: 39px;
  text-transform: none;
  margin-bottom: 10px;
  box-shadow: none;
  border: 1px solid #E2E2E2;
}

.form-control:focus {
  border: 1px solid #374140;
  box-shadow: none;
}

.subscribe-btn {
  background-color: #980000;
  border-radius: 1px;
  color: #FFFFFF;
  font-family: 'Open Sans' , arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 45px;
  transition: all 0.5s ease 0s;
}

.subscribe-btn:hover,
.subscribe-btn:focus {
  background-color: #374140;
  color: #FFFFFF;
  outline-style: none;
}

/* ======================================
 *  26. skills
/* ====================================== */

#skills {
  padding: 40px 0px 0px 0px;
}

.progress {
  height: 3px;
  border-radius: 4px;
}

.progress-bar {
  background-color: #141414;
}

/* ======================================
 *  27. work
/* ====================================== */

#work {
  padding: 40px 0px;
  background-color: #ffffff;
  border-bottom: 1px solid #E2F4FB;   
}

/* ======================================
 *  28. team
/* ====================================== */

#team {
  padding: 40px 0px;  
  border-bottom: 1px solid #F7F7F7;  
}

.team-wrap {
  width: 225px;
  margin: 0 auto;
  position: relative;
}

.social-position {
  background-color: #980000;
  bottom: 15px;
  left: -5px;
  padding: 5px 15px;
  position: absolute;
}

.social-position span {
  color: #FFFFFF;
}

#team a {
  font-size: 15px;
}

/* ======================================
 *  29. facts
/* ====================================== */

#facts {
  background-image: url(../img/background/facts-background.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 40px 0px;
  position: relative;
}

#facts h2 {
  color: #FFFFFF;
}

#facts h3 {
  font-family: 'Open Sans Condensed', arial, sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #FFFFFF;
  letter-spacing: 5px;  
}

.facts-icon span {
  font-size: 35px;
  margin-right: 15px;
  color: #FFFFFF;
}

/* ======================================
 *  30. faq
/* ====================================== */

#faq {
  padding: 40px 0px; 
}

#faq .small-title-2 {
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 20px;
}

.faq-wrap {
  margin-bottom: 35px;
}

.arrow span {
  font-size: 10px;  
  color: #FFFFFF;  
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #980000;
  border-radius: 2px;
  margin-right: 15px;  
}

.pad-bottom-15 {
  padding-bottom: 15px;
}

.custom-search {
  color: #D5D5D5;
  text-align: center;
  font-size: 90px;
  margin-top: 40px;
}

/* ======================================
 *  31. 404 page
/* ====================================== */

#error {
  padding: 100px 0px;
}

#error h2 {
  font-size: 150px;
  margin: 0px;
}

#error h3 {
  font-family: 'PT Sans', arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: .25px;
  padding-bottom: 40px;
}

#error span {
  font-size: 20px;
  color: #980000;
  padding: 0px 15px;
}

/* ======================================
 *  32. signup & signin page
/* ====================================== */

#sign {
  padding: 100px 0px;
}

#sign .social-login {
  color: #000;
  font-size: 11px;
}

.sign-wrap {
  background-color: #ffffff;
  border: 1px solid #E2F4FB;
  padding: 30px;
  max-width: 375px;
  margin: 0 auto;
}

.sign-social-facebook span {
  font-size: 18px;
  color: #FFFFFF;
  background-color: #3A558C;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-right: 10px;
}

.sign-social-twitter span {
  font-size: 18px;
  color: #FFFFFF;
  background-color: #00AEEF;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-right: 10px;
}

.separator-wrap {
  font-size: 20px;
  font-style: italic;
  padding: 30px 0px;
}

.separator-wrap::after, 
.separator-wrap::before {
  background-color: #ECECEC;
  content: "";
  display: inline-block;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
  width: 75px;
}

/* ======================================
 *  33. services
/* ====================================== */

#services {
  padding: 40px 0px 0px 0px;
}

#services ul {
  margin-top: 5px;
}

/* ======================================
 *  34. pricing
/* ====================================== */

#pricing {
  padding: 40px 0px;
  background-color: #ffffff;
  border-top: 1px solid #E2F4FB;
  border-bottom: 1px solid #E2F4FB;
}

.price-wrap {
  background-color: #FFFFFF;
  border: 1px solid #E2F4FB;
  padding: 20px;
  margin-bottom: 40px;
}

.package-name {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #111111;
  letter-spacing: 1.5px;
  padding: 5px 10px;
}

.price {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}

.month {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;  
  letter-spacing: 1.5px;  
  color: #111111;
  margin-left: 5px;
}

.price-list {
  margin-bottom: 40px;
}

.price-list li {
  list-style-type: disc;
  line-height: 1.9em;
}

/* ======================================
 *  35. blog posts
/* ====================================== */

#blog-posts {
  padding: 40px 0px;
}

.post-wrap {
  margin-bottom: 30px;
}

.post-thumb {
  overflow: hidden;
}

.post-title h2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #111111;
  letter-spacing: 1.5px;  
}

.post-author {
  margin-bottom: 10px;
}

.categories, 
.search {
  margin-bottom: 30px;
}

.sidebar-right-wrap h2 {
  font-size: 11px;
  margin-top: 0px;
  padding-bottom: 10px;
}

.custom-list li {
  border-bottom: 1px solid #ECECEC;
  padding: 8px 0px;
}

.custom-list li:last-child {
  border-bottom: none;
}

.search input {
  margin-top: 20px;
}

.popular-post-wrap {
  margin-bottom: 20px;
}

.popular-post-wrap img {
  margin-bottom: 10px;
}

.tags li {
  display: inline-block;
  border: 1px solid #ECECEC;
  padding: 1px 5px;
  margin: 3px;
  transition: all 0.3s ease-in;
}

.tags li:hover {
  cursor: pointer;
  border: 1px solid #374140;
}

.tags a {
  color: #696969;
}

.post-bottom {
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  margin-top: 20px;
  padding-top: 10px;
}

.post-bottom span {
  font-size: 20px;
  margin-right: 10px;
}

.blog-pagination {
  margin-top: 20px;
}

#blog-posts .pagination > li > a, .pagination > li > span {
  font-size: 15px;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

#blog-posts .pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
  background-color: #980000;
  border-color: #980000;
}

/* ======================================
 *  36. blog post - single
/* ====================================== */

.blog-author h2 {
  margin-top: 0px;
}

.blog-author img {
  margin-bottom: 15px;
}

.blog-author-social span {
  font-size: 12px;
  background-color: #980000;
  color: #FFFFFF;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.blog-single-border {
  padding-bottom: 10px;
  border-bottom: 1px solid #ECECEC;
}

.blog-post-reply {
  padding-top: 30px;
}

.blog-post-reply h2 {
  margin-top: 0px;
}

.blog-post-reply img {
  margin-bottom: 15px;
}

.reply-date {
  font-size: 10px;
  color: #980000;
}

.comment {
  margin-top: 30px;
}

/* ======================================
 *  37. contact
/* ====================================== */

#map-overlay {
  position: relative;
  padding: 40px 0px;
}

#map-overlay #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contact-form {
  position: relative;
  z-index: 10;
  padding: 30px;
  background-color: rgba(217, 203, 158, 0.75);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

.btn.contact-btn {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;
  background-color: #819e18;
  border-radius: 1px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease-in;
}

.btn.contact-btn-2:hover,
.btn.contact-btn-2:focus {
  color: #FFFFFF;
  background-color: #374140;  
}

/* ======================================
 *  38. footer
/* ====================================== */

footer {
  padding: 80px 0px;
  border-top: 1px solid #819e18; 
  background-color: #ffffff;
}

.footer-wrap {
  margin-bottom: 20px;
}

.footer-contact {
  font-family: 'Open Sans', arial, sans-serif;
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.contact-info li {
  line-height: 2em;
  font-size: 13px;
  color: #2A2C2B;
}

.contact-info a {
  line-height: 2em;
  font-size: 13px;
  color: #980000;
}

.contact-info span {
  font-size: 18px;
  margin-right: 10px;
  color: #980000; 
}

.footer-icon span {
  color: #980000;
  font-size: 20px;
  margin-right: 10px;
}

.footer-social span {
  font-size: 12px;
  background-color: #980000;
  color: #FFFFFF;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.footer-copy {
  font-family: 'Open Sans', arial, sans-serif;
  color: #fff;
  background-color: #819E18;  
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: none;
  padding: 5px 0 5px 0;
  border-top: 1px solid #819E18;
  overflow: hidden;
}

.footer-copy a {
  color:#BDC3C7;
}

.footer-copy a:hover {
  color: #fff;
}

/* ======================================
 *  39. scroll top
/* ====================================== */

.scroll-top {
  position: fixed;
  display: none;
  z-index: 999;
  bottom: 20px;
  right: 20px;
}

.scroll-top a {
  display: block;
  font-size: 15px;
  text-align: center;
  background-color: #980000;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 1px 8px;
}



/* ======================================
 *  40. media queries
/* ====================================== */

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

  header h1 {
    font-size: 35px;
  }

  header h2 {
    font-size: 25px;
  }

  #cta-1 h2 {
    font-size: 25px;
  }

  #services {
    padding-bottom: 80px;
  }

  /*.navbar-nav > li > a, .navbar-nav > li > span {
    border-bottom: 1px solid #EDEDED;
  } */

  .navbar-nav > li:last-child > a, .navbar-nav > li:last-child > span {
    border-bottom: none;
  }

  .dropdown-menu > li:last-child > a {
    border-bottom: none;
  } 

}

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

  header h1 {
    font-size: 35px;
  }

  header h2 {
    font-size: 25px;
  }

  #cta-1 h2 {
    font-size: 25px;
  }

  #services {
    padding-bottom: 80px;
  }

 /* .navbar-nav > li > a, .navbar-nav > li > span {
    border-bottom: 1px solid #EDEDED;
  }*/

  .navbar-nav > li:last-child > a, .navbar-nav > li:last-child > span {
    border-bottom: none;
  }

  .dropdown-menu > li:last-child > a {
    border-bottom: none;
  } 
   
}

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

  header h1 {
    font-size: 60px;
  }

  header h2 {
    font-size: 30px;
  }

  #cta-1 h2 {
    font-size: 32px;
    font-weight: 600;
  }  

  #services {
    padding-bottom: 0px;
  }  

}

@media only screen and (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #980000;
  }

}

.header-fix {
   text-align: center;
   position: fixed;
   z-index: 999;
   width: 100%;
}

.top-header {
   background-color: #980000;
   height: auto;
   padding: 5px 25px 0 0;
   text-align: right;
   color: #fff; 
   overflow: hidden;           
}

.top-header a {
   color: #fff;
}

.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 0px;
    
}  

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #fff;
    border-top-color: transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    background-color: #fff;    
    margin-top: 20px;
}  

#rot {
  padding: 40px 0px;
  color: #ffffff;  
  background-color: #980000;
  border-top: 1px solid #ffffff;   
  border-bottom: 1px solid #ffffff;  
   
}

#rot h2, h3 {
  color: #fff;  
}

#rot a {
  color: #fff;
}

#rot a:hover {
  color: #BDC3C7;
}

#rot .small-caret-2 span {
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
    margin-right: 15px;
} 

.small-caret-3 span {
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
    margin-right: 15px;
}


.custom-icon-3 span {
  font-size: 30px;
  color: #ffffff;
  margin-right: 15px; 
}

.abstand_oben {
padding-top:120px;
}


.mail {
  font-size: 0.85em;
  float: right; 
  background-color: #980000;
  height: 40px;
  padding: 5px 0 0 0;  
  color: #fff;
}

.phone {
  font-size: 0.85em; 
  float: right;  
  background-color: #980000;
  height: 40px;
  padding: 5px 0 0 0;  
  color: #fff;
}

/*********************** Overlay *********************/
#overlay3 {
    position: fixed; /* Sit on top of the page content */
    
    display: display; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2400; /* Specify a stack order in case you're using a different order for other elements */
    }

#overlay2 {
    position: fixed; /* Sit on top of the page content */
    
    display: display; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6); /* Black background with opacity */ 
    z-index: 2500; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: display; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: 2500; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#text img {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.lederpflege {
float: right;
margin-left: 25px;
}

a.karte {
    background: #980000;
    color: #fff !important;
    padding: 5px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    border-radius:15px;
}

a:hover.karte {
    background: #c6c6c6 !important;
    color: #111 !important;
    padding: 10px 12px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.tel {
float: left;
position: fixed;
left: -820px; top: 120px; 
width: 300px;
height: 50px;
	line-height:46px;
	font-size:30px;
  padding: 2px 10px;
  z-index:9999;
}

.tel a {
color: #fff;
transition: 1s;
left: 0;
margin-top: 120px;
margin-left: 0px;
}

.tel a:hover {
color: #fff;
transition: 2s;
left: 0;
margin-top: 120px;
margin-left:800px;
}

.patienteninfo ul {
    list-style: none;
}

.patienteninfo li {
    font-size: 20px;
    font-weight: 400;
}

.patienteninfo p {
    margin-left: 25px;
}

.datenschutz li p {
    font-size: 14px;
}

.datenschutz ul {
    list-style: none;
}