/* Copyright (c) 2018 Masterhomepage GmbH
*  
*  CSS Template
* 
*********************************************/
html {
   height: 100%;
   margin: 0px;
   padding: 0px;
}
* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

body {
   margin: 0px;
   padding: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.5;
   color: #000;
   -webkit-text-size-adjust: none;
   height: 100%;
   text-align: justify;
}
a:link,
a:visited {
   color: #017e42;
}
strong {
   font-weight: 700;
}
a:hover {
   color: #333;
   text-decoration: none;
}
ul {
   margin: 10px 0px;
   padding: 0 0 0 20px;
}
ol {
   margin: 10px 0px;
   padding: 0 0 0 20px;
   list-style-position: inside;
}
ul li,
ol li,
ol li ul li {
   padding: 0;
   margin: 0;
   padding-bottom: 4px;
}
p {
   margin: 0px;
   padding: 0px;
}
td {
   vertical-align: top;
}
hr {
   border: none;
   border-top: dotted 1px #767676;
   color: #transparent;
   background-color: #transparent;
   margin: 15px 0px;
}
a img {
   border: none;
}
h1 {
   color: #017e42;
   line-height: normal;
   font-family: 'Noto Sans', sans-serif;
   font-weight: 400;
   font-size: 28px;
   margin: 0px;
   padding: 0px;
   padding-bottom: 15px;
}
h2,
h3 {
   color: #646464;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.5;
   margin: 0px 0px 10px;
}
h4 {
}
h5 {
}
h6 {
}
iframe {
   border: none;
}

.blog .items-row {
   border-bottom: 1px solid;
   padding-bottom: 30px;
   margin-bottom: 30px;
}

/* Div Container
---------------------------------------------------------------------------------*/
#all {
}
#top {
   width: 100%;
   background-image: url(../images/bg_headbar.gif);
   height: 110px;
   margin-top: 36px;
}
#topinner {
   width: 960px;
   margin: auto;
   background-image: url(../images/logo.jpg);
   background-repeat: no-repeat;
   position: relative;
}
#logo {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 74px;
   height: 74px;
}
#logo a {
   display: block;
   width: 74px;
   height: 74px;
}
#name {
   text-align: center;
   color: #000000;
   letter-spacing: 2px;
   padding-top: 8px;
}
#title {
   text-align: center;
   line-height: 41px;
   color: #7f7f7f;
   font-size: 37px;
   letter-spacing: 4px;
   font-weight: bold;
   padding-top: 4px;
}
#mainnav {
   position: relative;
   z-index: 999;
}
#mainbody {
   width: 960px;
   margin: 20px auto;
   overflow: auto;
}
#headerimg {
   width: 960px;
   margin-bottom: 20px;
}
#leftcolumn {
   float: left;
   width: 380px;
}
#rightcolumn {
   float: right;
   width: 580px;
}
#left {
   float: left;
   width: 360px;
   margin-right: 20px;
   background: rgba(255, 255, 255, 0.7);
   padding: 0px 20px;
}
#slider {
   float: right;
   width: 580px;
   margin-bottom: 20px;
}
#content {
   float: right;
   width: 580px;
   background-color: #ffffff;
   padding: 20px;
}

#footer {
   width: 100%;
   background: #000;
   overflow: auto;
   color: #646464;
   font-size: 11px;
   padding: 20px 0px;
}
#footerinner {
   width: 960px;
   margin: auto;
}
#footer1,
#footer2,
#footer3,
#footer4,
#footer5,
#footer6 {
   float: left;
   width: 16.66%;
}
#footer a:link,
#footer a:visited {
   color: #646464;
}

/*Module 
---------------------------------------------------------------------------------*/
#left img {
   float: right;
   margin-left: 20px;
   margin-bottom: 10px;
}
#left .moduletable {
   border-bottom: 1px solid;
   margin: 20px 0px 20px;
}
#left .moduletable:last-child {
   border: none;
}

/* Icon Menu
---------------------------------------------------------------------------------*/
#hidden {
   visibility: hidden;
}
#right {
   position: fixed;
   top: 200px;
   right: 0px;
   z-index: 99;
}
#kontakt {
   width: 75px;
   height: 65px;
   border: 1px solid #fff;
   background-color: #000000;
   border-radius: 10px 0px 0px 10px;
   padding-bottom: 8px;
   margin-bottom: 2px;
}
#kontakt img {
   position: relative;
   top: 5px;
   left: 14px;
}
.icon_content_kontakt,
.icon_content_tm,
#icon_content {
   background: #000;
   color: #fff;
   position: absolute;
   top: 0px;
   right: 80px;
   width: 234px;
   padding: 20px;
   border-radius: 10px;
}
#suche {
   width: 75px;
   height: 65px;
   border-width: 1px;
   border-style: solid;
   border-color: #ffffff;
   background-color: #000000;
   border-radius: 10px 0px 0px 10px;
   padding-bottom: 7px;
   margin-bottom: 2px;
}
#suche img {
   position: relative;
   top: 6px;
   left: 14px;
}
#ort {
   width: 75px;
   height: 65px;
   border-width: 1px;
   border-style: solid;
   border-color: #ffffff;
   background-color: #000000;
   border-radius: 10px 0px 0px 10px;
   padding-bottom: 2px;
   margin-bottom: 2px;
}
#ort img {
   position: relative;
   top: 5px;
   left: 10px;
}
#tm {
   width: 75px;
   height: 65px;
   border-width: 1px;
   border-style: solid;
   border-color: #ffffff;
   background-color: #000000;
   border-radius: 10px 0px 0px 10px;
   padding-bottom: 5px;
}
#tm img {
   position: relative;
   top: 2px;
   left: 4px;
}

/*Drucken
---------------------------------------------------------------------------------*/
ul.actions {
   float: right;
   list-style: none outside none;
   margin: -25px 0 0;
   padding: 0;
}

/* Override bootstrap
---------------------------------------------------------------------------------*/
.page-header {
   border-bottom: 0px solid #eeeeee;
   margin: 0px 0px 0px 0px;
   padding-bottom: 9px;
}

.page-header h1 {
   font-family: Arial, Helvetica, sans-serif;
   color: #646464;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.5;
   margin: 0px 0px 10px;
   padding: 0;
}

@media (max-width: 959px) {
   .page-header h1 {
      font-size: 20px;
      padding-left: 0px;
   }
}

.pagination ul > .active > a,
.pagination ul > .active > span {
   color: #000000;
   background-color: transparent;
}

.form-actions {
   background-color: transparent;
   border-top: none;
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 0px;
}
.btn-primary {
   background-color: #017e42;
   background-image: linear-gradient(to bottom, #017e42, #016535);
   background-repeat: repeat-x;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
   background-color: #016535;
   color: #fff;
}
li {
   line-height: 1.5;
}
.label,
.badge {
   text-shadow: none;
   color: #222;
   background: none;
   padding: none;
   width: 100px;
}
select,
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
.uneditable-input {
   height: auto;
}

.form-limit #limit {
   width: 60px;
}

/* Override suche
---------------------------------------------------------------------------------*/
.result-text {
   padding-bottom: 20px;
}
.result-category {
   display: none;
}
.moduletable .search label {
   display: none;
}
.moduletable input.search-query {
   border-radius: 0px;
   margin: 10px 0px;
}

/* Override supersized
---------------------------------------------------------------------------------*/
ul#supersized {
   padding: 0px;
   margin: 0px;
}

/* Override slider
---------------------------------------------------------------------------------*/
.slide-desc-text-default .slide-title {
   font-size: 14px;
   color: #fff;
   margin-bottom: 0px;
   font-weight: normal;
}

/* cookie hint override
-------------------------------------------------------------------------------*/
#redim-cookiehint .cookiebuttons .btn,
#redim-cookiehint .cookiebuttons .btn:hover {
   background-image: linear-gradient(#000, #000);
   border: none;
   background-color: #000;
}

/* kurse override
-------------------------------------------------------------------------------*/
[class^='icon-'],
[class*=' icon-'] {
   width: 20px;
   height: 20px;
   margin-top: 0px;
}
ul.pagination-list {
   margin: 0px;
   padding: 0px;
}
.pagination ul > li > a,
.pagination ul > li > span {
   padding: 4px 10px;
}
.icon-arrow-up-3,
.icon-arrow-down-3 {
   display: none !important;
}

/* ................. */
#icon_content {
   visibility: hidden;
}

#icon_content.active {
   visibility: visible;
}

#body-bg-images {
   display: block;
   position: fixed;
   left: 0;
   top: 0;
   overflow: hidden;
   z-index: -999;
   height: 100%;
   width: 100%;
   padding: 0px;
   margin: 0px;
   background-color: #111;
}

#body-bg-images::after {
   content: '';
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
}

#body-bg-images .djslider-in li {
   display: block !important;
   list-style: none !important;
   z-index: -30 !important;
   position: fixed !important;
   overflow: hidden !important;
   top: 0 !important;
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
   background: #000 !important;
}

#body-bg-images.active {
   background-color: #fff;
}

.page-id-176 #body-bg-images {
   background-color: #ffffff;
}

#body-bg-images.active .djslider-in li {
   transition: 4s ease-in !important;
}

#mobilemenu .dj-mobile-open-btn .dj-mobile-open-icon::before {
   font-size: 20px;
   color: #111;
}

#mobilemenu .dj-mobile-open-btn {
   height: 0;
   width: 0;
}

.dj-mobile-open-btn .dj-mobile-open-icon {
   margin-top: 34px;
   margin-left: 28px;
}

.dj-megamenu-offcanvas-overlay::before {
   content: '';
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   z-index: 99;
}

.dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent > a span.toggler::before {
   content: '\f054';
   font-size: 16px;
}

.dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent.active > a span.toggler::before {
   content: '\f078';
   font-size: 16px;
}

ul.dj-mobile-light li.dj-mobileitem > a {
   padding: 12px 15px;
   border-top: 0;
}

ul.dj-mobile-light ul li.dj-mobileitem > a {
   border-top: 0 !important;
}

ul.dj-mobile-light ul ul li.dj-mobileitem > a {
   border-top: 0 !important;
}

.dj-offcanvas-light .dj-offcanvas-close-btn {
   font-size: 28px !important;
   color: #4c7675;
}

ul.dj-mobile-light li.dj-mobileitem > a {
   font-family: 'Roboto Condensed', Arial, Helvetica;
   font-size: 16px;
   color: #4c7675;
   font-weight: 300;
}

ul.dj-mobile-light ul li.dj-mobileitem:hover > a,
ul.dj-mobile-light ul li.dj-mobileitem.active > a,
ul.dj-mobile-light li.dj-mobileitem > a,
ul.dj-mobile-light li.dj-mobileitem:hover > a,
ul.dj-mobile-light li.dj-mobileitem.active > a,
.dj-offcanvas,
ul.dj-mobile-light ul ul li.dj-mobileitem > a,
ul.dj-mobile-light ul ul li.dj-mobileitem:hover > a,
ul.dj-mobile-light ul ul li.dj-mobileitem.active > a {
   color: #4c7675;
   background: #fff;
}

.dj-offcanvas-light .dj-offcanvas-top {
   background: #fff;
}

ul.dj-mobile-light ul li.dj-mobileitem > a {
   color: #4c7675;
   background: #fff;
   border-top: 1px solid #f2f2f2;
   padding-left: 30px;
}

ul.dj-mobile-light li.dj-mobileitem.active > a,
ul.dj-mobile-light li.dj-mobileitem:hover > a,
ul.dj-mobile-light ul li.dj-mobileitem:hover > a,
ul.dj-mobile-light ul li.dj-mobileitem.active > a,
ul.dj-mobile-light li.dj-mobileitem:hover > a,
ul.dj-mobile-light li.dj-mobileitem.active > a,
ul.dj-mobile-light ul ul li.dj-mobileitem:hover > a,
ul.dj-mobile-light ul ul li.dj-mobileitem.active > a {
   background-color: rgba(218, 230, 233, 0.4);
}

.dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon::before {
   content: '\2715';
}

.dj-mobile-open-btn.active .dj-mobile-open-icon,
.dj-megamenu-select-light .dj-mobile-open-btn:focus,
.dj-megamenu-select-light:hover .dj-mobile-open-btn,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover,
.dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus,
.dj-megamenu-accordion-light .dj-mobile-open-btn:hover,
.dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
   background: transparent;
}

.n2-ss-item-content {
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 14px !important;
   line-height: 21px !important;
   text-align: left !important;
}

.n2-ss-section-main-content {
   background-color: rgba(0, 0, 0, 0.65);
   padding: 15px !important;
   display: block !important;
   position: absolute !important;
   bottom: 0 !important;
   width: 100% !important;
   left: 0;
   min-height: auto !important;
}

.n2-ss-layer {
   padding: 0 !important;
}

.n2-ss-slide--focus {
   cursor: auto !important;
}

@media (min-width: 580px) and (max-width: 960px) {
   #n2-ss-2-align {
      width: 580px;
      margin: 0 auto;
   }
}

@media (min-width: 960px) {
   #mobilemenu {
      display: none;
   }
}

@media (max-width: 959px) {
   #body-bg-images {
      display: none;
   }

   #mobilemenu {
      display: block;
   }
}