﻿#headerinfo,#headerinfo a{
text-decoration: none;
cursor: pointer;
color: #847c75;
font-size: 14px;
text-transform: uppercase;
}

#services {float:left;}

#otimes{
background-color: #eeeeee;
width: 220px;
 -webkit-box-shadow: -11px 16px 11px 0px rgba(0,0,0,0.23);
-moz-box-shadow: -11px 16px 11px 0px rgba(0,0,0,0.23);
box-shadow: -11px 16px 11px 0px rgba(0,0,0,0.23);
position: absolute;
z-index: 1001;
left: -99px;
top: 24px;
display:none;
color: #666666;
padding: 15px;
}
#otimes h4{font-size:10px!important; font-weight: normal;}


#headerinfo{
height: 20px;
width: 308px;
position: absolute;
right: 13px;
 
}

.logomail{
    width: 23px;
    float: left;
    margin-top: 3px;
    margin-right: 34px;
    margin-left: 37px;

}

.logotel{width: 120px;}

.csc-textpic-intext-left-nowrap-650 .csc-textpic-text {
    margin-left: 350px!important;
}


#ags_icon_pic_text_more_content_text{margin-left:56px;}

.hide {display:none;}

.ags_icon_pic_text_more{
max-width: 1280px;
min-height: 240px;
margin: 0 auto;
margin-top: 15px;
clear:both;
}

.ags_icon_pic_text_more a:link {
text-decoration:none;
color:#bb071f;
}

.ags_icon_pic_text_more a:visited {
text-decoration:none;
color:#bb071f;
}


.ags_icon_pic_text_more_container{
 

}

.ags_icon_pic_text_more_container img{
width: 348px;
float: left;
margin-right: 28px;
margin-top: 0px;
margin-left: 0px;
}

.ags_icon_pic_text_more_content_container{
max-width: 1280px;
padding-right:  0px;
float: none;
margin-left: 320px;
}


.ags_icon_pic_text_more_content_container img{
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 200px;
}


.ags_icon_pic_text_more_content{
/*height: 150px;*/
padding-left:  0px;
}

.read-more-toggle{
width:21px; 
height:16px; 
float:right;
background-size:100%;
background-repeat:no-repeat;
background-image:url(images/read_more.png); 
cursor: pointer;
margin-top: -28px;

}


.read-less-toggle{
width:21px; 
height:16px; 
float:right;
background-size:100%;
background-repeat:no-repeat;
background-image:url(images/read_less.png); 
cursor: pointer;
margin-top: -28px;
}

























   a.main_buttons {background-image:none!important; max-width:194px; float:left; opacity: 0.9; -webkit-filter: saturate(0.3);     filter: saturate(0.3);}
   a.main_buttons:hover { opacity: 1.0;-webkit-filter: saturate(1);     filter: saturate(1);}
   a.main_buttons img  {width:150px;  }
  .button_container{float: left;
width: 25%;
text-align: center;}
  
.button_main_container{max-width: 640px; z-index: 1000; margin: -162px auto -22px; position: relative;
  
  }

.button_divider{width:100%; clear:both; margin-bottom:  0px;}

.csc-textpic-image img {width:100%; max-width:320px; height:auto; margin-right: 20px;}
.csc-textpic {margin-bottom: 20px;}





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:#7a5f46;
font-weight: 400;

text-transform: uppercase;
}

h2{
margin:0px;
font-size: 18px;
color:#7a5f46;
font-weight: 200;

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: none;}

.logo{
width: 240px;
float: left;
}

#navicontainer{
float: right;
margin-top: 11px;
margin-right: 20px;
height: 37px;
}
.content{
float:left;
background-color: #ffffff;
}

.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: #e5e0dd;

    font-family: 'Titillium Web', sans-serif;
}
    

.headercontainer{
background-color: #FFF;
margin: 0px auto;
max-width: 1280px;
height: 120px;
padding: 15px;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
position:relative;
}

.logoimg{
width: 240px;
margin-top: 3px;
margin-left: 10px;
position: absolute;
top: 28px;
z-index: 1000;
}

.contentframe{
margin: 0px auto;
max-width: 1280px;
 

box-sizing: border-box;
 background-color: #ffffff;
}

.footer_banner{
margin: 0px auto;
max-width: 1280px;


}

.footer{
float: left;
max-width: 1280px;
width: 100%;
background-color: rgb(153, 137, 122);
height: 240px;
color: #eeeeee;
font-size: 18px;
}





.footer_1, .footer_2, .footer_3, .footer_4{
float: left;

height: 180px;
padding: 15px 15px 15px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.footer_4{padding: 15px 15px 15px 0px;}



.footer_1{width: 24%;}
.footer_2{width: 24%;padding: 15px 15px 15px 0px;}
.footer_3{width: 22%; }
 



ul.menu, ul.menu ul {cursor:pointer; margin-top:1px;
    list-style-type: none;z-index:1000; display:inline-block;
}

ul.menu a { color:#99897a; font-size:18px;
    text-transform:uppercase;
    display: block; text-decoration:none;
   	padding: 19px 18px 40px;
	margin-top: 10px;
        font-weight: 600; 
}

ul.menu a:hover{background-color:#ece7e0; color:#ffffff;}

}
ul.menu li {margin-top:40px; }

ul.menu li {
   padding: 0px 0px 0px 0px;
    margin: 0;
    float: left;
 
  
}
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: 15px 0px 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: -6px;
padding-bottom: 10px;
     }

   /* Zweite Ebene anzeigen */
       ul.menu li:hover ul {
               display: block;
   }


@media screen and (max-width: 1280px){
.content_right {width:310px!important; margin-right:10px;}
}


@media screen and (max-width: 960px){
#navicontainer {    margin-top: 31px!important;}

#headerinfo{right:27px!important;}
.button_main_container {    max-width: 430px!important;     margin: -110px auto -22px!important; }
a.main_buttons img {    width: 100px!important; }

.button_divider { margin-bottom: 22px!important; }

ul.menu a{padding: 19px 10px 18px!important;font-size: 16px!important;}
#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;}


.csc-textpic-intext-left-nowrap-650 .csc-textpic-text {
    margin-left: 250px !important;
}

}


@media screen and (max-width: 800px){

#headerinfo{top:13px!important;}
.footer{font-size:14px!important;}
.footer h2{font-size:18px!important;}
.headercontainer {height: 80px!important;}
#navicontainer {
    margin-top: 8px!important;
}
.logoimg {
  width: 170px!important;
    margin-left: 0px!important;
    top: 7px!important;
   }

a.footerprimary {font-size: 16px!important;}

ul.menu a {
    padding: 8px 10px 12px !important;
    font-size: 16px !important;
}


.ags_icon_pic_text_more {min-height: 180px!important;}
.ags_icon_pic_text_more_container img {width:250px!important;}
.ags_icon_pic_text_more_content_container {    margin-left: 277px!important;}

}


@media screen and (max-width: 640px){
ul.menu li {float:none!important; width:100%;}
ul.menu a {    padding: 8px 10px 0px !important;}

ul.menu a {    color: #fff!important;}
.read-more-toggle {
width: 12px!important;
height: 16px!important;
margin-top: -12px!important;
}

.csc-textpic-intext-left-nowrap-650 .csc-textpic-text {
    margin-left: 0px !important;
}
.ags_icon_pic_text_more_container img{width: 100%!important;}
#ags_icon_pic_text_more_content_text, .ags_icon_pic_text_more_content_container {margin-left:0px!important;}


#headerinfo{right: 60px!important; top: 21px!important;} 
.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;}
.logoimg {

    margin-left: 0px !important;
    top: 1px !important;
}
.headercontainer {height: 60px!important;}
.menu-btn {
    display: block!important;
    float: right;
}

.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: 480px)
{
#headerinfo{display:none!important;}
.button_main_container {
    margin: -48px auto -22px !important;
    max-width: 300px !important;
}

.button_container {width: 25% !important;}

a.main_buttons img {
    width: 60px !important;
}




a.footerprimary {    font-size: 14px !important;}
}



@media screen and (max-width: 320px){
.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: 30px; height:30px;
  padding: 0px;
  margin-bottom: 0px;
  background-image:url(images/hamburger.png);
  background-repeat:no-repeat;
  color: #009dc6;
 
  cursor: pointer;
text-align: right;
font-size: 18px;

line-height: 26px;
}
.menu-btn:hover {
  opacity: 0.6;
}



.pushy ul li{}

.pushy ul{list-style-type: none;margin-left: -5px;}
.pushy ul li ul{list-style-type: none;margin-left: 5px; background-color:#C6C6D5;}

/*! 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 {
  position: fixed;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #99897a;
  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: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 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;}









