body{
font-family: 'Noto Sans', sans-serif;  
margin: 0px;  
}        
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-500.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-600.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}


.container {
    max-width: 1200px;
    margin: 0 auto; 
    padding: 0px 15px 40px 15px;
}    
.site-header .header_nav img.main-logo {
    max-width: 200px;
    filter: drop-shadow(0 0 0.25rem rgb(255, 255, 255)); 
}  
.banner-section{
position:  relative;
}   
.banner-image{
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px; 
    background-attachment: fixed;      
}   
.site-header {
    position: absolute;
    top: 40px;
    z-index: 99;
    left: 0;
    width: 100%;  
} 
.banner-image:after {
    position: absolute;
    content: "";
    background-color: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;  
} 
.main-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}   
.main-content.left-menu {
    width: 30%;
}  
.main-content .right-part {
    width: 65%;
    padding-left: 40px;      
    padding-top: 20px;
}       
.img-with-text {
    display: flex;
    flex-wrap: wrap;
    width: 100%;  
    margin: 20px 0px;  
}      
.img-with-text .left-img {
    /*width: 100%;*/
    width: 100px;
}  
.img-text a {
    text-decoration: none;
}
.img-with-text .img-text {
    /*width: 70%;*/
    padding-left: 20px;  
} 
.img-with-text .left-img img {
    max-width: 100%;
    width: 100%;
    display: block;
    border: 1px solid #cccccc;
    padding: 4px;
}  
.gallerie {
    text-align: center;
    padding: 10px;
}
.gallerie img {
    border: 1px solid #cccccc;
    padding: 4px;
    margin: 10px 10px 0 0;
}
.contact-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;
    border-left: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    padding: 10px 0px 10px 0;   
    margin-top: 40px;
    background-color: #F5F5F5;
}        
.contact-info .phn_no {
   width: 25%;
    padding: 10px;
    margin: 0;
    font-size: 26px;
    color: #564b47;
    border-right: 1px solid #9E9E9E;    
}    
.contact-info .add_info {
    width: 65%;  
    padding: 10px;      
}    
.left-menu ul li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    padding: 20px 10px; 
    border-right: 1px solid #e5e5e5; 
    text-align: left;        
}        
.left-menu ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #3f3f3f;
    text-decoration: none; 
}    
.left-menu ul li.level-2 {
    list-style: none;
    border-bottom: 0px;
    text-decoration: none;
    padding: 10px 10px 0 20px; 
    border-right: 0px; 
    text-align: left;        
}        
.left-menu  ul li.level-2 a {
    text-transform: uppercase;
    font-size: 12px;
    color: #3f3f3f;
    text-decoration: none; 
}    
.left-menu {
    width: 30%; 
    margin-top: -100px;
    z-index: 2;    
}                                                                   
.main-content .right-part h1 { 
    font-size: 24px;
    color: #3f3f3f;
    font-weight: 900;
    line-height: 38px;
    text-transform: uppercase; 
    margin-bottom: 0px; 
} 
.main-content .right-part h2 {    
    font-size: 18px;
    color: #041f7c;
    line-height: 23px;
    margin: 10px 0 0;
    text-transform: uppercase;
    font-weight: bold;         
}  
.img-with-text .img-text p {
    margin: 10px 0px 0px; 
}  
.main-content .right-part h3 {
    font-size: 16px;   
    font-weight: 500;   
    color: #3f3f3f;      
    margin: 10px 0px 0px;     
}

.main-content .right-part h4 {
    font-size: 16px;   
    font-weight: 500;   
    color: #3f3f3f;      
    margin: 10px 0px 0px;     
}

.main-content ul li {
    font-size: 14px;
}

.img-with-text .img-text h3 {
    font-size: 18px;
    margin: 0px 0px 5px 0px;
    color: #000;  
}  
.main-content .right-part p {
    /*margin: 10px 0px 0px;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #434343;   
}    
.main-content .right-part a { 
    /*display: block;*/
    margin: 5px 0px;
    color: #041f7c; 
    font-size: 14px;            
}       
.left-menu ul li:last-child {
    border-bottom: none;
} 
.main-content .left-menu ul {  
    padding: 0;  
}     
/*.main-content .left-menu li.active {
   border-right: 5px solid #041f7c;       
}   */
.main-content .left-menu li:hover{
    /*border-right: 5px solid #041f7c; 
    transition: all 0.3s ease; */ 
 }     
.main-content .left-menu li a:hover{
    font-weight: 900;
    color: #041f7c;  
    transition: all 0.3s ease;        
}    
.main-content .left-menu li a.active{
    font-weight: 900;
    color: #041f7c;    
}  
.site-header .mobile-btn.toggle {
    display: none;  
}   
.site-header a.mobile-btn.icon {  
    display: none;  
} 
.mobile-header, .panel-right{
    display: none;
}
.show-panel .panel-right{
    display: block;  
    transition: all .3s ease;  
}   
.contact-info .phn_no a.tele_icon:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
    color: #E53935;
}  
.contact-info .phn_no a.email_icon:before {
    content: "\f0e0";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
    color: #E53935;
}  
.contact-info .phn_no p { 
    position: relative; 
}    
.contact-info .phn_no p a {
    display: inline-block;
    color: #434343; 
    text-decoration: none;  
}    
.contact-btn {
    background-image: url(/media/kontakt.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: fixed;
    right: 0;
    z-index: 2;
    height: 100px;
    padding: 4px 12px 6px 21px;
    background-color: #88bbd4;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}  
.conatct-btn-text {
    position: fixed;
    top: 140px;
}  
.panel-right{  
    background: #000000;
    width: 320px;
    height: auto; 
    color: #CCC;   
    z-index: 100; 
    position: fixed;
    top: 250px;    
    right: 0;
    padding: 10px 25px 10px 25px;   
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;        
}  
.panel-right td {   
    font-size: 12px;  
    padding: 0px 0px 5px 0px;     
}      
.panel-right h3 {
    color: #fff;
    font-size: 16px;
    margin: 0px 0px 8px;    
} 
.panel-right h4 { 
    margin: 5px 0px; 
    font-size: 12px;  
} 
.show-panel .contact-btn {
    filter: grayscale(1);
} 
.left-menu .menu-text {
    background-color: #fff;  
    box-shadow: 1px 2px 3px 4px #e5e5e5;   
}  
.site-header a.mobile-btn.mid-icon {
    display: none;
}



           
@media screen and (min-width: 768px) and (max-width: 991px) { 
    .container {
    width: 750px;
}   
}
@media screen and (max-width: 991px) { 
  .mobile-header.drawer-visible{
    transform: translateX(0);
  }
 .mobile-header {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 2000;
    background-color: #fff;
    text-transform: none;
    color: #333;
    border: 1px solid #ccc;
    border-top: 0;
    border-right: 0;
    width: 100%;
    max-width: 100%;
    transition: all .3s ease;
     max-height: calc(100% + 0px); 
    height: 100%;
    overflow-y: auto;
    box-shadow: 0 0 11px -4px #00000040;
    border-left: 0;
    transform: translateX(-100%);
    display: block;
    /*position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    transform: translateX(-100%);
    transition: all ease 0.3S;
    background-color: #fff;
    display: block;
    min-height: 100vh;
    width: 100%;*/
}  

  .site-header .mobile-btn.toggle {
    display: block;   
}     
.site-header a.mobile-btn.icon {  
    display: block;  
}   
.mobile-btn {
    float: right;
    background-color: #041f7c;  
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0px 20px;
    border-left: 1px solid #fff;
    height: 70px;
    line-height: 70px;    
}        
.site-header {
    position: inherit;
}  
.site-header .mobile-btn i.icon-bar {
    background-color: #fff;
    border-radius: 1px;
    display: block;
    height: 4px;
    margin-bottom: 3px;
    width: 25px;
} 
.site-header .mobile-btn span {
    display: inline-table;
    width: 25px;
    vertical-align: middle; 
}  
.site-header .header_nav a.logo {
    display: inline-block; 
    margin:  5px 0px;  
} 
.site-header .header_nav img.main-logo {  
    padding-left: 10px;  
    max-width: 70px;  
}     
.site-header nav.header_nav { 
    border: 1px solid #041f7c;    
}       
.main-content .left-menu {   
    display: none;   
}  
.main-content .right-part {
    width: 100%; 
    padding:  0px; 
} 
.site-header .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
} 
.main-content .right-part h1 {
    font-size: 28px;
    }  
    .main-content .right-part h2 {
    font-size: 18px;
   } 
   .mobile-header {
    padding: 10px 20px;  
}    
   .mobile-slide-logo img {
    display: block;
    width: 90px;
    margin: 0 auto;
} 
.mobile-header .icon-mobile a.btn {
    color: #fff;
    background: #041f7c;
    margin: 0px 5px;
    padding: 6px 12px;
    border-radius: 4px;
} 
.menu-header li a {
    font-size: 16px;
    color: #3f3f3f;
    text-decoration: none;
    text-transform: inherit;
} 
  .mobile-header .menu-header li{ 
    padding:  10px 0px; 
    list-style:  none; 
    border-bottom: 1px solid #e5e5e5;  
  }      
 .mobile-header .icon-mobile {
    text-align: center;
    margin: 10px 0px; 
} 
.mobile-header .menu-header ul {
    padding: 0;  
}  
.mobile-header .menu-header li:last-child{
  border-bottom: 0px; 
}  
.header_nav a.mid-icon {
    display: none;
}                                                                                                                                                                                                                                                                                                                                                    
}

@media screen and (max-width: 767px) { 
  .banner-image {  
    height: 280px; 
    background-attachment: inherit; 
    background-position: inherit;   
   }        
   div#sider {
    display: none;
} 
.site-header a.mobile-btn.mid-icon  { 
    display: block;     
}                
}
            
@media screen and (max-width: 576px) { 
.img-with-text .left-img {
    width: 100%;
} 
.img-with-text .img-text {
    width: 100%;
    padding: 10px 0px 0px;
}  
.contact-info .phn_no {
    width: 100%;
    padding: 10px;
    margin: 0;
    color: #564b47;
    border-right: 0px;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}  
.contact-info .add_info {
    width: 100%;
    text-align: center;
} 
.main-content .right-part h2 {
    font-size: 16px;
}  
.main-content .right-part h1 {
    font-size: 25px;
}   

}  


hr {
    color: #e5e5e5;
    opacity: 1;
}
p {
    padding: 0;
    margin: 0;
}
.text-content p {
    padding: 10px 0 0 0;
    margin: 0;
}





/*consent_manager_frontend.css*/

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

div.consent_manager-background {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em;
    z-index: 999999;
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    animation: fadeIn 0.2s
}

div.consent_manager-wrapper {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    background: #fefefe;
    border: 1px solid #cbcbcb;
    color: #444;
    position: relative;
    width: 100%;
    max-width: 65em;
    max-height: 95vh;
    overflow-y: auto;
    box-sizing: border-box;
    animation: fadeIn 0.4s
}

div.consent_manager-wrapper-inner {
    padding: 2em;
    position: relative
}

div.consent_manager-hidden {
    display: none
}

.consent_manager-close-box {
    position: absolute;
    cursor: pointer;
    right: 1.5em;
    top: 1em;
    display: block;
    border-radius: 50% !important;
    border: solid 2px #666;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background-color: #666;
    color: #eee;
    font-family: Arial;
    font-size: 18px;
    padding: 0;
    margin: 0;
    opacity: 0.5;
    transition: 0.3s ease all
}

.consent_manager-close-box:hover {
    border-color: #4d4d4d;
    background-color: #4d4d4d;
    color: white;
    opacity: 1
}

div.consent_manager-wrapper .consent_manager-headline {
    margin: 0 0 1em 0;
    font-weight: bold;
    font-size: 18px;
    color: #666
}

div.consent_manager-wrapper p.consent_manager-text {
    margin: 0 0 1.5em 0
}

div.consent_manager-cookiegroups {
    margin: 0 0 1.5em 0
}

div.consent_manager-cookiegroup-checkbox {
    margin-bottom: 1.5em
}

div.consent_manager-cookiegroups label {
    position: relative;
    font-weight: bold;
    font-size: 15px;
    color: #111;
    cursor: pointer
}

div.consent_manager-cookiegroups label>span {
    cursor: pointer
}

div.consent_manager-cookiegroups label>input[type="checkbox"] {
    filter: grayscale(1);
    filter: hue-rotate(275deg);
    transform: scale(1.6);
    margin: 0 0.7em 0 0.2em;
    cursor: pointer
}

.consent_manager-wrapper input[type="checkbox"]:disabled,
.consent_manager-cookiegroups label>input[type="checkbox"]:disabled+* {
    opacity: 0.7;
    cursor: default
}

div.consent_manager-show-details {
    padding: 0 0 1.5em 0
}

div.consent_manager-show-details a {
    display: inline-block;
    line-height: 1.2em;
    height: 1.4em;
    cursor: pointer;
    color: #999
}

div.consent_manager-show-details a:hover {
    color: #666
}

div.consent_manager-show-details a.icon-info-circled:before {
    color: #fefefe;
    background-color: #999;
    opacity: 0.7;
    content: "i";
    font-family: "Serif";
    font-weight: bold;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-right: 7px;
    line-height: 1.4em;
    height: 1.4em;
    width: 1.4em
}

button.consent_manager-save-selection,
button.consent_manager-accept-all,
button.consent_manager-accept-none {
    transition: 0.3s ease all;
    background: #999;
    border: 1px solid #999;
    color: #fff;
    padding: 0.5em 2em;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    min-height: 3em;
    width: 100%;
    margin-bottom: 1em;
    cursor: pointer
}

button.consent_manager-save-selection:hover,
button.consent_manager-accept-all:hover,
button.consent_manager-accept-none:hover {
    background: #4d4d4d;
    border-color: #4d4d4d;
    color: white;
    text-decoration: none
}

div.consent_manager-sitelinks {
    margin: 1.5em 0 0 0
}

div.consent_manager-sitelinks a {
    display: inline-block;
    margin: 0.4em 1em 0.4em 0;
    color: #999;
    text-decoration: none;
    cursor: pointer
}

div.consent_manager-sitelinks a:hover {
    color: #666;
    text-decoration: none
}

div.consent_manager-wrapper div.consent_manager-detail {
    margin-bottom: 3em
}

div.consent_manager-wrapper div.consent_manager-detail a {
    color: #999
}

div.consent_manager-wrapper div.consent_manager-detail a:hover {
    color: #666;
    text-decoration: none
}

div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title {
    color: #666;
    background-color: #d4d4d4;
    padding: 5px 11px;
    margin: 1.5em 0 0 0
}

div.consent_manager-wrapper div.consent_manager-cookiegroup-description {
    border-left: 1px solid #d4d4d4;
    padding: 5px 10px;
    background: #f9f9f9
}

div.consent_manager-wrapper div.consent_manager-cookie {
    margin-top: 3px;
    border-left: 1px solid #d4d4d4;
    padding: 5px 10px;
    background: #f9f9f9
}

div.consent_manager-wrapper div.consent_manager-cookie span {
    display: block;
    margin-top: 0.5em
}

@media only screen and (min-width:600px) {
    div.consent_manager-cookiegroups {
        padding: 1em 0 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-bottom: 0
    }
    div.consent_manager-cookiegroup-checkbox {
        margin-left: 1.5em;
        margin-bottom: 1em
    }
    div.consent_manager-show-details {
        text-align: right;
        padding: 1.5em 0 1.5em 0
    }
    div.consent_manager-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
    button.consent_manager-save-selection,
    button.consent_manager-accept-all,
    button.consent_manager-accept-none {
        display: inline-block;
        margin: 0 0 0 0.5em;
        width: auto
    }
    div.consent_manager-sitelinks {
        margin: 0 0 0 0
    }
    div.consent_manager-buttons-sitelinks {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse
    }
}