@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-ExtraLight.woff2') format('woff2'),
        url('TitilliumWeb-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-SemiBold.woff2') format('woff2'),
        url('TitilliumWeb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-Regular.woff2') format('woff2'),
        url('TitilliumWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-SemiBoldItalic.woff2') format('woff2'),
        url('TitilliumWeb-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-Bold.woff2') format('woff2'),
        url('TitilliumWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-Italic.woff2') format('woff2'),
        url('TitilliumWeb-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-LightItalic.woff2') format('woff2'),
        url('TitilliumWeb-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-BoldItalic.woff2') format('woff2'),
        url('TitilliumWeb-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-ExtraLightItalic.woff2') format('woff2'),
        url('TitilliumWeb-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-Black.woff2') format('woff2'),
        url('TitilliumWeb-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium';
    src: url('TitilliumWeb-Light.woff2') format('woff2'),
        url('TitilliumWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}








.nivo-caption {   opacity: 1; font-size:22px ;  text-align: right!important; text-shadow: 2px 2px 2px #020C02; font-family: 'Titillium Web', sans-serif;}

.nivo-caption{background:transparent;}

   a.main_buttons {background-image:none!important; max-width:194px; float:left; opacity: 1; -webkit-filter: saturate(1);     filter: saturate(1);}
   a.main_buttons:hover { opacity: 1.0;-webkit-filter: saturate(0.3);     filter: saturate(0.3);}
   a.main_buttons img  {width:200px; border: 3px solid #71B400;  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
margin-bottom: 10px;
margin-right: 10px;

-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.31);
box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.31);


}

#headerline {
    height: 2px;
    width: 81%;
    background-color: #683505;
    position: relative;
    top: 50px;
    margin-left: 126px;
    margin-right: 40px;
}

  .button_container{float: left;
width: 30%;
text-align: center;}
  
.button_main_container{max-width: 720px;
z-index: 1000;
position: relative;
margin-top: -330px;
  
  }
.button_caption{

margin-top: -53px;
float: left;
position: relative;
color: #EEE;
margin-left: 11px;
font-size: 17px;
text-shadow: 2px 2px 2px #020C02;
font-weight: 600;

}
.button_divider{width:100%; clear:both; margin-bottom: 10px;}

.csc-textpic-image img {width:100%; max-width:400px; height:auto; margin-right: 20px;
box-shadow: 7px 6px 6px -1px rgba(0, 0, 0, 0.31);
}
.csc-textpic {margin-bottom: 20px;}



.sprache{float:right;}

ul.footermenu {
cursor: pointer;
margin-top: 14px;
list-style-type: none;
z-index: 1000;
display: inline-block;
margin-left: -42px;
max-width: 600px;
}

ul.footermenu li{
padding: 0px;
margin: 0px;
width: 50%;
float: left;
}

 a.footerprimary{
font-size: 18px;
text-transform: uppercase;
display: block;
text-decoration: none;
padding: 10px 18px 0px;
font-weight: normal;
color: #eeeeee;
}

.content_right .csc-default{
border: 1px solid rgb(172, 209, 219);
background-color:#ededed;
margin-top: 10px;
margin-bottom: 5px;
padding-right: 15px;
padding-left: 15px;
}


 .content_right p.bodytext{
font-size: 14px;
font-weight: 100;
line-height: 20px;
}


 .content_left a{


text-decoration:none;
color: #7a5f46;
font-weight:600;
}
 .content_left a:hover{

}

.divider{border-top: 1px solid rgb(238, 228, 213); padding-bottom: 9px;}
hr {border: 0px none;}


h1{
margin: 0px;
font-size: 22px;
color: #532F0D;
font-weight: 600;
text-transform: uppercase;
}

h2{
margin:0px;
font-size: 18px;
color:#7a5f46;
font-weight: 600;

text-transform: uppercase;
}


p.bodytext {
font-size: 18px;
font-weight: 300;
line-height: 22px;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
color: #363636;
}


p.bodytext sub{
font-weight: 100;
padding-left: 19px;
font-style: italic;
color: #666666;
}

h6 {
    font-family: times;
    font-weight: 100;
    font-size: 38px;
    font-style: italic;
    color: rgb(0, 87, 72);
    padding: 20px;
    margin: 0px;
}




.theme-default .nivoSlider {
    margin-bottom: 0px;
    box-shadow: none;
}
.sb-slider {
    margin: 0px auto;
}
.tx-imagecycle-pi5 {
    margin-bottom: 10px;
    position: relative;
    
}

.sb-description {
padding: 10px;
border-left: none;

}

.menu-btn{display: block;}

.logo{
width: 240px;
float: left;
}

#navicontainer{
float: right;
margin-top: 11px;
margin-right: 20px;
height: 37px;
}
.content{
float:left;
background-color: #F3EEE2;
 border-left:  3px #68725c solid;
border-right: 3px #68725C solid;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.content_right{
float: right;
width: 320px;

}

.content_left{
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 320px;
}

body {

    height: 100%;
    margin: 0px;
    padding: 0px;
    background: #9ea890;
    background-image:url(images/b.jpg);
    background-size:100%;
    font-family: 'Titillium Web', sans-serif;
    background-attachment:fixed;
}
    

.headercontainer{
background-color: #24291b;
margin: 0px auto;
max-width: 1280px;
height: 120px;
padding: 15px;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
border-left:  3px #68725c solid;
border-right: 3px #68725C solid;
}

.logoimg{
width: 246px;
margin-top: 3px;
margin-left: 0px;
position: absolute;
top: 3px;
z-index: 1000;
}

.contentframe{
margin: 0px auto;
max-width: 1280px;

 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 background-color: #ffffff;
}

.slideshow{
 border-left:  3px #68725c solid;
border-right: 3px #68725C solid;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
border-top: 3px #71b400 solid;
border-bottom: 3px #71B400 solid;
}

.footer_banner{
margin: 0px auto;
max-width: 1280px;


}

.footer{
float: left;
max-width: 1280px;
width: 100%;
background-color: #24291b;
height: 220px;
color: #eeeeee;
font-size: 16px;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
border-left:  3px #68725c solid;
border-right: 3px #68725C solid;
}


.footer_1, .footer_2, .footer_3, .footer_4{
float: left;
width: 25%;
height: 180px;
padding: 15px 15px 15px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}









ul.menu, ul.menu ul {cursor:pointer; margin-top:1px;
    list-style-type: none;z-index:1000; display:inline-block;
}

ul.menu a { 

color: #D7D7D7;
font-size: 18px;
text-transform: uppercase;
display: block;
text-decoration: none;
padding: 10px 30px 0px;
margin-top: 0px;
font-weight: 400;
}

ul.menu a:hover{ color:#ffffff;}

}
ul.menu li {margin-top:40px; }

ul.menu li {
   padding: 0px 0px 0px 0px;
    margin: 0;
    
 
  
}
ul.menu {margin-left: -45px;}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {margin-left:0px; padding-right:25px; padding-left:15px;
    float:none; 
 
 

margin-left: 15px;
}

ul.menu ul li:last-child {border-bottom: 0px solid #505f82;}

ul.menu ul li a{padding:  5px 15px 5px; font-size:16px;}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
   /* background-color: #FFF9E4;*/
}

/* Zweite Ebene */
      ul.menu ul {text-align: left;
margin: 0px;
padding: 0px;
position: absolute;
display: none;

background-color: rgba(255, 255, 255, 0.75);
margin-top: 0px;
padding-bottom: 10px;
     }

   /* Zweite Ebene anzeigen */
       ul.menu li:hover ul {
               display: block;
   }


@media screen and (max-width: 1024px){
.nivo-caption {font-size:16px!important;}
.button_main_container {max-width: 540px!important; margin-top: -250px!important;}
.button_caption{font-size: 16px!important; text-shadow: 3px 2px 1px #020C02!important; font-weight: 400!important;}
a.main_buttons img{width: 150px!important; margin-bottom: 5px!important;}

}


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



#navicontainer{margin-right: 0px!important;}
.csc-textpic-image img {    max-width: 220px!important;}

.footer_1, .footer_2, .footer_3, .footer_4{width: 50%!important;}
.footer{height: 440px!important;}

h1{font-size: 20px!important;}
h2{font-size: 16px!important;}
p.bodytext { font-size: 14px!important;    line-height: 22px!important;}

}



@media screen and (max-width: 900px){
.button_main_container {    max-width: 366px!important; margin-top: -262px !important;  }
.button_caption {margin-top: -34px!important;margin-left: 2px!important; font-size: 12px !important;}


a.main_buttons img {    width: 100px!important; }
.button_divider { margin-bottom: 22px!important; }
}


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

.menu-btn {margin-top: 3px!important; }
#headerline{top: 34px!important; margin-left: 39px!important; display:none;}

.footer{font-size:14px!important;}
.footer h2{font-size:18px!important;}
.headercontainer {height: 80px!important;}
#navicontainer {margin-top: -9px!important;}
.logoimg {
  width: 136px!important;
    margin-left: 0px!important;
    top: 7px!important;
   }

a.footerprimary {font-size: 16px!important;}
}


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

.footer_1, .footer_2, .footer_3, .footer_4{width: 100%!important;}
.footer{height: 880px!important;}


h1{font-size: 18px!important;}
h2{font-size: 14px!important;}
p.bodytext { font-size: 12px!important;    line-height: 18px!important;}

.footer_left{margin-right:0px!important;}
.footer_right{display:none;}

#menu {display:none;}


.content_right{display:none!important;}
.content_left{margin-right: 0px!important; width: 100%;!important;}

.csc-textpic-image img {    max-width: 640px!important;}
}


@media screen and (max-width: 620px)
{
.button_caption {    margin-top: -43px !important;      margin-left: 12px !important;      font-size: 16px !important;}
.button_container {width:50%!important;}
.button_main_container{margin-top:10px!important;}
.button_main_container {    max-width: 600px !important; width: 100%;margin-left: 10px;}
a.main_buttons {width:width: 94%!important;max-width: 300px!important;padding-right: 15px;}
a.main_buttons img{ box-shadow:none!important; width:100%!important; max-width: 250px!important; border:none!important;}


}



@media screen and (max-width: 480px)
{
#headerline{display:none;}
.button_container {    width: 99% !important;}
a.main_buttons {    max-width: 480px !important; }

a.main_buttons img {  width: 100% !important;     max-width: 480px !important; }


a.footerprimary {    font-size: 14px !important;}
}



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

 a.main_buttons {    padding-right: 5px!important;}
.button_container {     width: 100% !important; }
.button_main_container {    margin-left:0px!important;}



.logoimg {
    width: 160px !important;
    margin-left: 0px !important;
    top: 10px !important;margin-top: -1px!important;
}
.menu-btn {  
    font-size: 13px!important;
}


}



















.blurry{filter: blur(4px);}


/* Container */
#container {
  position: relative;
  
}

/* Menu Button */
.menu-btn {
width: 40px;
height: 40px;
padding: 0px;
margin-bottom: 0px;
background-image: url("images/hamburgeri.png");
background-repeat: no-repeat;
color: #009DC6;
cursor: pointer;
text-align: right;
font-size: 18px;
line-height: 26px;
background-size: 100%;
margin-top: 37px;
}
.menu-btn:hover {
background-image: url("images/hamburger.png");
}



.pushy ul li{ }

.pushy ul{list-style-type: none;margin-left: -53px;}
.pushy ul li ul{list-style-type: none;margin-left: 5px; background-color:#192805; width: 100%;}

/*! Pushy - v1.0.0 - 2016-3-1
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {border-right: 3px #71B400 solid;
  position: fixed;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #24291b;
background-image: url("images/pbd.jpg");
  overflow: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #505F82;
  padding: 10px 30px;
  text-decoration: none;
  outline: 0;
}
.pushy a:hover {
  font-weight:bold;
}
.pushy ul:first-child {
  margin-top: 60px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-305px, 0, 0);
  -ms-transform: translate3d(-305px, 0, 0);
  transform: translate3d(-305px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-260px, 0, 0);
  -ms-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Icon */
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
  position: relative;
}
.pushy-submenu > a::after {
  content: '';
  display: block;
  height: 13px;
  width: 18px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("images/wp_arrow.png") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1000px;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
  max-height: none;
  display: none;
}




/* MODIFIKATION */

.content_right{display:none;}
.content_left{margin-right:0px;}

.footer a{text-decoration:none;}

.footer h2{font-size:20px; font-weight:600; margin:0; color:#e5e0dd;margin-top: -22px;
margin-bottom: 10px; }

.footer h4{
margin: 0px;
line-height: 17px;
font-size: 12px;
font-weight: 200;
margin-top: 15px;
}

b.footer4 {color:#454545!important;}




.csc-textpic-caption {
    text-align: right!important;
    caption-side: bottom;
    padding-right: 19px;
    font-size: 14px;
    font-style: italic;
    color: #192805;
    font-weight: 400 !important;
}