@charset "UTF-8";
/*
////////////////////////////////////////////////////////////////////////
BELOW THE FOLD CSS
////////////////////////////////////////////////////////////////////////



////////////////////////////////////////////////////////////////////////
Inhaltsverzeichnis
////////////////////////////////////////////////////////////////////////

- Externe Vars
- Standardformatierungen
- Schriftarten
- Shortcodes
- Header
- Navigation
- Breadcrumb
- Content
- Footer
- Weitere Elemente


/*
////////////////////////////////////////////////////////////////////////
Einbinden externer Skripte

*/
@font-face {
  font-family: "ycwpthemeicons";
  src: url("../icons/themeicons/ycwpthemeicons.eot?wb1ncw");
  src: url("../icons/themeicons/ycwpthemeicons.eot?wb1ncw#iefix") format("embedded-opentype"), url("../icons/themeicons/ycwpthemeicons.ttf?wb1ncw") format("truetype"), url("../icons/themeicons/ycwpthemeicons.woff?wb1ncw") format("woff"), url("../icons/themeicons/ycwpthemeicons.svg?wb1ncw#ycwpthemeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="ycwp-"], [class*=" ycwp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ycwpthemeicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ycwp-arrow-down:before {
  content: "";
}
.ycwp-arrow-down-circle:before {
  content: "";
}
.ycwp-arrow-left:before {
  content: "";
}
.ycwp-arrow-left-circle:before {
  content: "";
}
.ycwp-arrow-right:before {
  content: "";
}
.ycwp-arrow-right-circle:before {
  content: "";
}
.ycwp-arrow-up:before {
  content: "";
}
.ycwp-arrow-up-circle:before {
  content: "";
}
.ycwp-check:before {
  content: "";
}
.ycwp-chevron-down:before {
  content: "";
}
.ycwp-chevron-left:before {
  content: "";
}
.ycwp-chevron-right:before {
  content: "";
}
.ycwp-chevron-up:before {
  content: "";
}
.ycwp-chevrons-down:before {
  content: "";
}
.ycwp-chevrons-up:before {
  content: "";
}
.ycwp-download:before {
  content: "";
}
.ycwp-edit-2:before {
  content: "";
}
.ycwp-map:before {
  content: "";
}
.ycwp-save:before {
  content: "";
}
.ycwp-settings:before {
  content: "";
}
.ycwp-upload:before {
  content: "";
}
.ycwp-zoom-in:before {
  content: "";
}
.ycwp-zoom-out:before {
  content: "";
}
/* khula-300 - latin */
@font-face {
  font-family: "Khula";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/khula-v4-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Khula Light"), local("Khula-Light"), url("../fonts/khula-v4-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/khula-v4-latin-300.woff2") format("woff2"), url("../fonts/khula-v4-latin-300.woff") format("woff"), url("../fonts/khula-v4-latin-300.ttf") format("truetype"), url("../fonts/khula-v4-latin-300.svg#Khula") format("svg");
  /* Legacy iOS */
}
/* khula-700 - latin */
@font-face {
  font-family: "Khula";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/khula-v4-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Khula Bold"), local("Khula-Bold"), url("../fonts/khula-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/khula-v4-latin-700.woff2") format("woff2"), url("../fonts/khula-v4-latin-700.woff") format("woff"), url("../fonts/khula-v4-latin-700.ttf") format("truetype"), url("../fonts/khula-v4-latin-700.svg#Khula") format("svg");
  /* Legacy iOS */
}
/* khula-regular - latin */
@font-face {
  font-family: "Khula";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/khula-v4-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Khula Regular"), local("Khula-Regular"), url("../fonts/khula-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/khula-v4-latin-regular.woff2") format("woff2"), url("../fonts/khula-v4-latin-regular.woff") format("woff"), url("../fonts/khula-v4-latin-regular.ttf") format("truetype"), url("../fonts/khula-v4-latin-regular.svg#Khula") format("svg");
  /* Legacy iOS */
}
/*
////////////////////////////////////////////////////////////////////////
Vorlagen
////////////////////////////////////////////////////////////////////////
*/
/*
 Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap
*/
/*
////////////////////////////////////////////////////////////////////////
Standardformatierungen

*/
a {
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none !important;
}
.nl2go-widget a {
  color: #999 !important;
}
.nl2go-widget button {
  margin-top: 0px !important;
  padding: 4px 20px !important;
}
/*
////////////////////////////////////////////////////////////////////////
Schriftarten

*/
/* cabin-regular - latin BEISPIEL*/
/*
////////////////////////////////////////////////////////////////////////
Shortcodes
*/
/*
////////////////////////////////////////////////////////////////////////
Header
*/
/*
////////////////////////////////////////////////////////////////////////
Navigation
*/
/*
////////////////////////////////////////////////////////////////////////
Breadcrumb
*/
/*
////////////////////////////////////////////////////////////////////////
Content
*/
#contentarea {
  width: 100%;
  background-image: url("../images/body-top-back.gif");
  background-position: top;
  background-repeat: repeat-x;
  background-color: #DDDDDD;
  padding-bottom: 80px;
}
.wp-block-nextend-smartslider3 {
  box-shadow: 4px 4px 43px rgba(0, 0, 0, 0.5);
  background: #dddddd;
}
.blog-post {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.blog-post .blog-meta {
  font-weight: bold;
  letter-spacing: -0.25pt;
}
.blog-post h2 {
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
}
.blog-post .blog-thumbnail img {
  max-width: 100%;
  height: auto;
}
.page-id-259 .vc_separator {
  margin: 0 0 10px 0;
}
.page-id-259 .wpb_wrapper .wpb_content_element {
  margin-bottom: 10px;
}
/*
////////////////////////////////////////////////////////////////////////
Content
*/
/*
////////////////////////////////////////////////////////////////////////
Footer
*/
footer {
  background-color: #333F50;
  color: white;
  padding: 40px 0;
  font-size: 0.7rem;
}
.footer-icons {
  margin: 10px 0 20px 0;
}
.footer-icons a {
  color: #333F50 !important;
  font-size: 20px !important;
  line-height: 38px !important;
  width: 36px;
  height: 36px;
  text-align: center !important;
  border-radius: 36px;
  background-color: #999999;
  margin-right: 4px;
}
.footer-icons a:hover {
  background-color: #FFFFFF !important;
}
.footer-menu {
  padding: 0;
  margin: 0;
}
.footer-menu > li {
  display: inline-block;
  width: 50%;
  overflow: hidden;
  float: left;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .footer-menu > li {
    width: 16.667%;
  }
}
.footer-menu > li > a {
  color: #DDDDDD;
  font-weight: bold;
  min-height: 50px;
  display: block;
}
.footer-menu > li > ul > li > ul {
  display: none;
}
.footer-menu > li > ul > li > ul > li {
  display: none;
}
.footer-menu > li > ul > li > ul > li > ul {
  display: none;
}
.footer-menu ul {
  padding: 0;
  margin: 0;
}
.footer-menu a {
  color: #999999;
}
.footer-menu a:hover {
  color: #FFFFFF;
}
.footer-menu-sec {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer-menu-sec a {
  color: #999;
}
@media (max-width: 767px) {
  .footer-menu-container {
    order: -1;
    border-bottom: 1px solid #999FA8;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
}
#back-to-top {
  position: fixed;
  right: 15px;
  bottom: -25px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
#back-to-top a {
  text-decoration: none;
  font-size: 30px;
  background: black;
  padding: 15px 15px 0px 15px;
  color: white;
  opacity: 0.5;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#back-to-top span {
  margin-top: 5px;
}
.showbutton {
  bottom: 25px !important;
  opacity: 1 !important;
}