body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@font-face {
    font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      src: url('../../files/fonts/roboto/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
      src: local('Roboto Light'), local('Roboto-Light'),
           url('../../files/fonts/roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/fonts/roboto/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
           url('../../files/fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/fonts/roboto/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto';
      font-style: italic;
      font-weight: 300;
      src: url('../../files/fonts/roboto/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
      src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
           url('../../files/fonts/roboto/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/fonts/roboto/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/fonts/roboto/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/fonts/roboto/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/fonts/roboto/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      src: url('../../files/fonts/roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Roboto'), local('Roboto-Regular'),
           url('../../files/fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../../files/fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto Condensed';
      font-style: normal;
      font-weight: 300;
      src: url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-300.eot'); /* IE9 Compat Modes */
      src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto Condensed';
      font-style: normal;
      font-weight: 400;
      src: url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/fonts/roboto-con/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
.newFS span {
    color:#555;
}
::-moz-selection {
    background: #597825 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #597825 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
}
html {
    overflow-y:scroll;
}
body {
    width:100%;
    min-width:320px;
    margin:0;
    padding:0;
    background-color:#fff;
    font:16px/23px 'Roboto',sans-serif;
    color:#333333;
    font-weight:300;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
hr {
    min-width:100px;
    max-width:500px;
    margin:50px auto 30px;
    clear:both;
    border-top: 1px dotted #597825;
    color: #fff;
}
.clear {
    clear:both;
}
p,
li,
#contact label {
    font-size:18px;
    color:#333333;
    font-weight:300;
}
strong {
    color:#222;
    font-weight:300;
}
.small {
    font-size:80%;
}
#footer strong {
    color:#76a023;
    font-weight:300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:'Roboto',sans-serif;
    font-weight:300;
}
h1 {
    margin-top:1em;
    margin-bottom:1.33em;
    text-align:center;
    font:42px 'Roboto',sans-serif;
    color:#fff;
    text-transform:uppercase;
    font-weight:300;
    text-shadow: 1px 1px 1px #333333;
}
.home h1,
h2,
h3,
h2 a,
.home h4 {
    margin-bottom:.86em;
    text-align:center;
    font:30px 'Roboto',sans-serif;
    color:#333333;
    text-transform:none;
    font-weight:300;
    text-shadow:none;
}
h2 a {
    display:block;
    margin-bottom:2em;
}
h4 {
    margin-bottom:.3em;
    font:24px 'Roboto Condensed',sans-serif;
    color:#333333;
    font-weight:200;
}

/* ***   Marketing Suite  *** */
.mod_cms_cookie_bar {
    width:100%;
    min-width:760px;
    font:14px/20px 'Roboto',sans-serif !important;
    font-weight:300;
    background-color:rgba(51,51,51,.85)!important;
}
.mod_cms_cookie_bar form .formbody {
    margin-top:10px;
    margin-bottom:10px;
}
.mod_cms_cookie_bar form .formbody .info p,
.mod_cms_cookie_bar form .formbody .info a {
    color:#fff!important;
    font-weight: 300!important;
    font:14px/20px 'Roboto',sans-serif !important;
}
.mod_cms_cookie_bar form .formbody .info a {
    font-style: italic!important;
}
#cms_cookie_bar {
    width:100%;
    max-width:1200px;
    max-width:1200px!important;
    text-align:center
}
.mod_cms_cookie_bar form .formbody .widget-submit {
    text-align:center!important;
}
.mod_cms_cookie_bar button[value="accept"] {
    text-align: center;
    background-color: #76a023!important;
    border: 2px solid #597825;
    border-radius: 3px;
    color:    white;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 14px;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    font-weight:300;
    font:14px 'Roboto',sans-serif !important;
}
.mod_cms_cookie_bar form .formbody {
    margin: 10px 30px!important;
}
.mod_cms_cookie_bar button:hover {
    color:#fff;
    background-color:#597825!important;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: #fff !important;
}

/* ***********   Wrapper   *********** */
#wrapper {
    width:100%;
    height:100%;
    min-width:320px;
    margin:0;
    padding:0;
    width:100% !important;
}

/* ***  IE Warnung *** */
.chromeframe {
    padding:10px 20px;
        background: #ff0000;     
        color: #fff;
}
.chromeframe a {
    font-weight:bold;
        color:#fff;
}
.chromeframe a:hover {
    text-decoration:underline;
    color:#fff;
}

/* *****   Header   ***** */
header {
    width:100%;
    height:50px;
    left:0;
    top:0;
    position:fixed;
    background-color:#333333;
    z-index: 100;
    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;
}
header .inside {
    height:50px;
    min-width:320px;
    max-width:1200px;
    margin:0 auto;
    padding-right:1em;
    padding-left:1em;
}

/* Logo */
.logo {
    width:150px;
    height:50px;
    font-size:20px;
    color:#fff;
    display: block;
    float: left;
    transition: all 0.3s ease 0s;
    font-family: 'Roboto Condensed', sans-serif;
}
.logo a,
.logo a:hover {
    text-decoration:none;
    color:#fff;
    display: block;
}
.logo img {
    width:140px;
    height:auto;
    margin-top:.45em;
}

/* Main Nav */
#main-nav {
    height:50px;
    margin:0 auto;
}

/* Main Nav Level 1 */
#main-nav ul.level_1 {
    width:650px;
    float:right;
    height: 50px;
    margin: 0 auto;
    padding: 0;
}
#main-nav ul::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
     height: 0;
    visibility: hidden;
}
#main-nav ul li {
    float: left;
    list-style: none;
}
#main-nav ul li a {
    font-size:18px;
    line-height:26px;
    text-decoration:none;
    color:#fff;
    display: block;
    padding: 12px 28px 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
}
#main-nav ul li a:hover {
    background-color:#597825;
    -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -khtml-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        transition: all 0.1s linear;
}

/* Main Nav Level 2 */
#main-nav ul li:hover > ul {
    background-color:#333333;
    visibility: visible;
    display:block;
    z-index:1000;
        -o-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -khtml-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        transition: all 0.1s linear;
}
#main-nav ul li ul {
    display: inline;
    padding: 0;
    position: absolute;
    visibility: hidden;
}
#main-nav ul li ul li {
    float: none;
}
#main-nav ul li ul li a {
    padding-top:11px;
}

#main-nav strong.active {
    font-size:18px;
    line-height:26px;
    text-decoration:none;
    color:#fff;
    display: block;
    padding: 12px 28px 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
}  
    
/* *****   Container  ***** */
#container {
    width:auto;
    min-width:320px;
    min-height:600px;
    margin-top:2em;
    padding-top:.25em;
    background-image:url("../../files/images/bg/bg80.png");
    background-position:left top;
    background-repeat:repeat-x;
}

/* *****   Container  ***** */
body.start #container {
    background:none;
}

/* ***   Content   *** */
#main p a,
#main li a {
    font-style:italic;
    color:#597825;
}
#main a:hover {
    text-decoration:underline;
    color:#222;
}
#main .txt {
    height:auto;
    min-width:320px;
    max-width:1200px;
    margin:0 auto;
    padding-right:1em;
    padding-left:1em;
}
#main .logos {
    height:auto;
    min-width:760px;
    max-width:1024px;
    margin:0 auto;
    padding-right:1em;
    padding-left:1em;
}
#main .txt ul {
    margin-left:18px;
    list-style-type:square;
}
.txt p {
    margin-right:30px;
}
.text_vd {
    max-width:1000px;
    margin-right:auto;
    margin-left:auto;
}

/* Startseite / Slider */
.bannerscollection_zoominout.opportune .bottomNav,
.bannerControls {
    display: none !important;
}
.bannerscollection_zoominout img,
.textElement42_opportuneFullWidth {
    cursor: default;
}
#bannerscollection_zoominout_photoText1 h1,
#bannerscollection_zoominout_photoText1 h2,
#bannerscollection_zoominout_photoText1 h3,
#bannerscollection_zoominout_photoText1 h4,
#bannerscollection_zoominout_photoText1 h5,
#bannerscollection_zoominout_photoText1 h6,
#bannerscollection_zoominout_photoText1 p,
#bannerscollection_zoominout_photoText1 span,
#bannerscollection_zoominout_photoText1 a,
#bannerscollection_zoominout_photoText1 a:hover {
    font-family:'Roboto',sans-serif;;
    text-shadow: 1px 1px 1px #333333;                    
    text-transform: uppercase; 
    color:#fff;
    font-weight:300;
    cursor:default;
}

/* ERSTELLEN */
#bannerscollection_zoominout_photoText1 h1,
#bannerscollection_zoominout_photoText1 h2,
#bannerscollection_zoominout_photoText1 h3,
#bannerscollection_zoominout_photoText1 h4,
#bannerscollection_zoominout_photoText1 h5,
#bannerscollection_zoominout_photoText1 h6,
#bannerscollection_zoominout_photoText1 p {
    margin:.1em 0 0 .02em;
    font-size:1em;
    line-height:1em;
}

/* IHRE WEBSITE */
#bannerscollection_zoominout_photoText1 h2 {
    font-size:1.8em;
    margin: 0 0 1em -3px
}

/* WIR */
#bannerscollection_zoominout_photoText1 span {
    margin:0;
    font-size:1.8em;
}

/* IHRE WEBSITE */
#bannerscollection_zoominout_photoText1 h2 {
    font-size:1.8em;
    margin: 0 0 1em -3px
}
#bannerscollection_zoominout_photoText1,
#zoominoutParent_93125 {
    margin-bottom:1em;
    cursor:default;
}
#contentHolderUnit_0 {
    cursor:default !important;
}

/* Startseite / Services */
.home {
    height:auto;
    min-width:320px;
    max-width:1200px;
    margin:0 auto;
    padding-right:1em;
    padding-left:1em;
}
.box {
    width:27%;
    height:auto;
    max-width:340px;
    padding-top:2em;
    display: block;
    float: left;
    overflow: hidden;
    padding-left: 3%;
    padding-right: 3%;
    position: relative;
}
.box img {
    display:block;
    margin-right:auto;
    margin-left:auto;
    height: auto;
    max-width: 150px;
    opacity: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.box:hover img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.box p a {
    font-style:normal !important;
    color:#333 !important;
}
.box a:hover {
    text-decoration:none !important;
}
.box p {
    text-align:justify;
    font-size:18px;
    color:#333333;
    font-weight:300;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.box h2,
.box h2 a {
    margin-bottom:.3em;
    font:24px 'Roboto Condensed',sans-serif;
    color:#333333;
    font-weight:200;
}
.box h3 {
    text-align:center;
}
.box h3 a {
    text-align:center;
    background-color:#76a023;
    border:2px solid #597825;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    vertical-align: middle;
}
.box h3 a:hover {
    color:#fff;
    background-color:#597825;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: #fff !important;
}

/* Website-Erstellung / Referenz-Slider */
#slider_home {
    height:auto;
    float: none;
    /*margin: 1px 10px -30px 10px;*/
    min-width: 750px;
    padding: 1px 0%;
    width: 100%;
}
#slider_home .slider-control .slider-menu,
#slider_entwurf .slider-control .slider-menu {
    width:0px;
    height:0px;
    display:none;
}
.slider-control {
    outline:none;
}
#slider_home .slider-control a,
#slider_home .slider-control span,
#slider_entwurf .slider-control a,
#slider_entwurf .slider-control span {
    width:45px;
    height:45px;
    text-indent: -999em;
}
#slider_home .slider-control .slider-prev,
#slider_entwurf .slider-control .slider-prev {
    height:30px;
    margin-top:-65px;
    margin-left:-3px;
    background-image:url("../../files/images/bg/prev.png");
    background-repeat:no-repeat;
    z-index:100;
    opacity: 0.6;
}
#slider_home .slider-control .slider-next,
#slider_entwurf .slider-control .slider-next {
    width:30px;
    height:30px;
    margin-top:-65px;
    margin-right:-2px;
    background-image:url("../../files/images/bg/next.png");
    background-repeat:no-repeat;
    z-index:100;
    opacity: 0.6;
}
#slider_home .slider-control .slider-prev:hover,
#slider_home .slider-control .slider-next:hover,
#slider_entwurf .slider-control .slider-prev:hover,
#slider_entwurf .slider-control .slider-next:hover {
    opacity: 1;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
#home_slide ul {
    margin-top:20px;
    margin-left:18px;
    list-style-type:square;
}
#home_slide p {
    margin-left:2px;
}
#home_slide h5,
#home_slide h4 {
    margin-top:0;
    margin-bottom:.3em;
    font:24px 'Roboto Condensed',sans-serif;
    color:#333333;
    font-weight:200;
}
#home_slide img {
    width:600px;
    height:auto;
    max-width:100%;
    float:right;
    margin:0 40px 0 10px;
}

/* Startseite / Entwurf-Slider */
#slider_entwurf {
    width:95%;
    height:auto;
    min-width:750px;
    max-width:1000px;
    position:relative;
    display:block;
    margin-top:50px;
    margin-right:auto;
    margin-left:auto;
}
#entwurf_slide img {
    width:100%;
    height:auto;
    max-width:900px;
    display:block;
    margin:1% auto;
    -webkit-box-shadow: 1px 3px 5px 5px rgba(140,138,140,0.51);
    -moz-box-shadow: 1px 3px 5px 5px rgba(140,138,140,0.51);
    box-shadow: 1px 3px 5px 5px rgba(140,138,140,0.51);
}

/* Galerie Entwurf */
#gallery_entwurf {
    width:95%;
    height:auto;
    min-width:750px;
    max-width:1000px;
    margin-top:50px;
    margin-right:auto;
    margin-left:auto;
}
.ref h4 {
    margin-top:1em;
    margin-bottom:.86em;
    text-align:center;
    font:30px 'Roboto Condensed',sans-serif;
    color:#333333;
    font-weight:200;
    text-shadow: none;
}

/* Icons */
img.top {
    width:150px;
    height:150px;
    float:right;
    margin:10px 7px 30px 60px;
}
img.mid {
    width:120px;
    height:120px;
    float:right;
    margin-right:22px;
    margin-left:60px;
}
img.bot {
    width:120px;
    height:120px;
    float:right;
    margin-right:22px;
    margin-bottom:20px;
    margin-left:60px;
}

/* Website-Referenzen / Auswahl */
.refe {
    height:auto;
    min-width:760px;
    margin:0 auto;
}
.auswahl {
    float: left;
    height: 18%;
    overflow: hidden;
    position: relative;
    width: 20%;
}
.auswahl figure {
    border:1px solid #fff;
    position: relative;
    &:hover figcaption {
    left:0;
    }
}
.auswahl a {
    text-decoration:none;
    color:#fff;

}
.auswahl img {
    width:100%;
    height:auto;
    max-width:399px;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    }
figcaption {
    bottom:0;
    position:absolute;
    background-color:rgba(89,120,37,.7);
    width:100%;
    height:100%;
    font:15px 666;
    color: white;
    left: -100%;
    margin: 0;
    transition: all 0.5s ease 0s;
}


figcaption h6 {
    padding-right:10px;
    padding-left:10px;
    display:block;
        margin-top:30%;
        margin-right:auto;
        margin-left:auto;
        text-align:center;
        font-size:24px;
        color:#fff;
        vertical-align: middle ;
        opacity:1 !important;
}

/* Website-Referenzen / Detail */
.ref_detail img {
    width:600px;
    height:auto;
    max-width:100%;
    float:right;
    display:block;
    margin-left:1em;
}
.ref_detail h2 a {
    outline:none;
}
p.back,
a.back {
    margin-top:3em;
}
p.back_ref,
a.back_ref {
    margin-top:0;
}

/* Website-Pflege / Kundenlogos */
.logos img {
    width:20%;
    height:auto;
    max-width:200px;
    margin-left:4.5%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    transition: all 0.35s ease 0s;
}
.logos img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/* Website-Korrektur / Slider */
#caroufredsel_skin_56 {
    position:relative;
    width:70%;
    height:auto;
    max-width:508px;
    max-height:208px;
    margin:2% auto 0%;
}
.caroufredsel_controls {
    width:100%;
    top:43%;
    position:absolute;
}
.caroufredsel_prev a,
.caroufredsel_prev span,
.caroufredsel_next a,
.caroufredsel_next span {
    font-size:.005em;
    width:1px;
    height:1px;
    text-indent: -9999em;
    color:transparent;
}
.caroufredsel_prev {
    width:30px;
    height:30px;
    left:10px;
    top:0;
    position:absolute;
    background-image:url("../../files/images/bg/prev.png");
    background-repeat:no-repeat;
    z-index:100;
    opacity: 0.3;
}
.caroufredsel_next {
    width:30px;
    height:30px;
    right:10px;
    top:0;
    position:absolute;
    background-image:url("../../files/images/bg/next.png");
    background-repeat:no-repeat;
    z-index:100;
    opacity: 0.3;
}
.caroufredsel_prev:hover,
.caroufredsel_next:hover {
    opacity: 1;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

/* Xovilichter */
.date {
    font-size: 14px;
    margin: -8px 0 5px;
    padding: 0;
}

/* Kontakt - Formular */
#contact {
    min-width:780px;
    max-width:1024px;
    margin-top:15px;
}
#contact label {
    width:280px;
    display:inline-block;
    margin:0 0 .5em;
    vertical-align:top;
}
#contact .checkbox {
    width:15px;
}
#contact .checkbox {
    background-color:#76a023;
    color:#333333;
    border:2px solid #597825;
}
#contact input {
    width:300px;
    height:30px;
    margin-top:0;
    margin-bottom:1em;
    padding-left:5px;
    background-color:#76a023;
    color:#333333;
    border:2px solid #597825;
    -webkit-appearance: none;
}
#contact textarea {
    width:460px;
    min-height:85px;
    margin-bottom:1em;
    padding-top:5px;
    padding-left:5px;
    background-color:#76a023;
    border:2px solid #597825;
    -webkit-appearance: none;
}
#contact .submit {
    width:160px;
    height:30px;
    margin-left:284px;
    padding-right:3em;
    padding-left:3em;
    background-color:#76a023;
    border:1px #fff;
    color:#fff;
    cursor:pointer;
    border:2px solid #597825;
    -webkit-appearance: none;
}
#contact .submit:hover {
    background-color:#597825;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

/* Kontakt - Formular - Briefing */
#contact-brief {
    min-width:780px;
        max-width:1024px;
        margin-top:15px;
}
#contact-brief label {
    width:30%;
    display:inline-block;
    margin:0 0 .5em;
    vertical-align:top;
}
#contact-brief input {
    width:65%;
    height:30px;
    margin-top:0;
    margin-bottom:1em;
    padding-left:5px;
    background-color:#fff;
    color:#333333;
    border:2px solid #597825;
}
#contact-brief textarea {
    width:65%;
    min-height:85px;
    margin-bottom:1em;
    padding-top:5px;
    padding-left:5px;
    background-color:#fff;
    border:2px solid #597825;
}
#contact-brief .submit {
    width:160px;
    margin-left:30.5%;
    padding-right:3em;
    padding-left:3em;
    background-color:#76a023;
    border:1px #fff;
    color:#fff;
    cursor:pointer;
    border:2px solid #597825;
}
#contact-brief .submit:hover {
    background-color:#597825;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
::-moz-placeholder,
:-moz-placeholder {
    color:#fefefe;
    opacity:  0.5;
}
::-webkit-input-placeholder {
    color:#fefefe;
    opacity:  0.5;
}
.error {
    color:#f00;
}

/* *** Karte *** */
#google_map,
#dlh_googlemap_1 {
    width:100%;
    width: 100% !important;
    height:420px !important;
}

/* ***********  Footer  *********** */
#footer-top {
    width:100%;
    height:420px;
    min-width:320px;
    margin:50px 0 0;
    padding-top:10px;
    background-color:#000;
    background:url("../../files/images/bg/bg_footer.jpg") center bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-box-shadow: 0 -1px 1px 1px #ccc;
    -webkit-box-shadow: 0 -1px 1px 1px #ccc;
    box-shadow: 0 -1px 1px 1px #ccc;
}
#footer-top .inside {
    height:300px;
    min-width:320px;
    max-width:1200px;
    margin:0 auto;
}
#footer-top  h5 {
    margin-top:.5em;
    margin-bottom:.40em;
    text-align:center;
    font:20px/35px 'Roboto',sans-serif;
    color:#fff;
    font-weight:300;
    text-shadow: 3px 3px 5px #000;
}

/* Footer-Kontakt-Form */
#footer_contact_form {
    max-width:500px;
    margin-top:15px;
    margin-right:auto;
    margin-left:auto;
}
#footer_contact_form textarea {
    padding-top:5px;
    padding-left:5px;
    min-height:85px;
    max-width:500px;
    margin-top:.01em;
    margin-bottom:.5em;
    background-color:#597825;
    border:1px solid #fefefe;
}
#footer_contact_form .mandatory,
#footer_contact_form .text {
    width:500px;
    margin-bottom:.7em;
    color:#fefefe;
}
#footer_contact_form input {
    width:500px;
    height:30px;
    padding-left:5px;
    background-color:#597825;
    border:1px solid #fefefe;
}
#footer_contact_form .submit {
    width:250px;
    height:30px;
    background-color:#597825;
    border:1px solid #fefefe;
    color:#fefefe;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    cursor:pointer;
}
#footer_contact_form .submit:hover {
    background-color:#76a023;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
#footer_contact_form .explanation p,
#footer_contact_form .explanation a {
    margin-top:15px;
    font-size:12px;
    color:#fafafa;
    text-shadow: 3px 3px 5px #000;
}
#footer_contact_form .explanation a {
    font-style:italic;
}
#footer_contact_form .explanation a:hover {
    text-decoration:underline;
}

/* Copyright */
#footer {
    width:100%;
    height:auto;
    background-color:#333333;
    box-shadow: 0 0 2px #555;
}
#footer .inside {
    height:23px;
    min-width:320px;
    max-width:1200px;
    margin:0 auto;
    padding-top:3px;
    padding-bottom:4px;
    background-color:#333333;
}
#footer .rating-con {
    float:left;
    display:block;
}
#footer p,
#footer a {
    margin-bottom:0;
    font-size:14px;
    color:#76a023;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
#footer a:hover {
    text-decoration:none;
    color:#fefefe;
}

/* Footer-Map */
#footer-map {
    width:100%;
    height:420px;
    margin-top:2em;
    background-color:#000;
    background:url("../../files/images/bg/bg_footer.jpg") center bottom fixed no-repeat;
    box-shadow: 0 0 2px #555;
}
#footer-map .inside {
    width:100%;
    height:300px;
    margin:0 auto;
}
.mod_c4g_maps {
    height:420px;
}

/* ***   Sprachen   *** */
.mod_changelanguage {
    width:18px;
    float:left;
    margin:-1px 0 0;
    padding:0;
}
.mod_changelanguage ul {
    display:inline-block;
    margin:0;
    padding:0;
}
.mod_changelanguage li {
    margin:0;
    padding:0;
    font-size:14px;
    display: inline-block;
}
.mod_changelanguage li.active {
    display:none;
}

/* GooglePlusKnopf */
.googleplus1 {
    width:60px;
    display:none;
    margin-top:3px;
    margin-bottom:0;
}
#footer .adress {
    height:auto;
    display:block;
    margin:0 auto;
    text-align:center;
}
.gplus p,
.gplus a {
    float:left;
    margin-right:1em;
}
#footer .inside .gplus {
    width:500px;
    display:block;
    margin-right:auto;
    margin-left:auto;
}

/* Google Bewertung */
.rating-con {
    display:inline-block;
    margin-left:10px;
}
.rating-info,
.rating-stars,
.rating-count,
.rating {
    display:inline-block;
}
.rating {
    float:left;
    display:inline-block;
    margin-bottom:0;
    font-size:14px;
    color:#76a023;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.rating-count {
    display:none;
}
@media only screen and (max-width: 1100px) {
    /*  *********   Footer   ********* */
    #footer .desktop{
       display:none;
    }
}
@media only screen and (max-width: 1250px) {
    .auswahl {    width: 33%;}
    .caption h6{ margin-top: 30%;}
}
@media only screen and (max-width: 1024px) {
    /*  *********  Header   ********* */
    #homepage-slider{
    background:#76a023;
    }
    /*  *********  Main   ********* */
    /* Startseite */
    .box h3 a{
       font-size:16px;
       padding: 12px 12px;
    }
    .box p {
        font-size: 17px;
    }
    #home_slide img{
        width:400px;
        height:auto;
        max-width:100%;
    }
    #entwurf_slide img {
        width:600px;
        height:auto;
        max-width:100%;
    }
    /*  Website-Erstellung Referenz-Slider */
    #slider_home {
        float: left;
        height: auto;
        /*margin: 1px 10px -30px;*/
        min-width: 600px;
        padding: 1px 0%;
        width: 99%;
    }
    #slider_entwurf .slider-control .slider-prev,
    #slider_entwurf .slider-control .slider-next,
    #slider_home .slider-control .slider-prev,
    #slider_home .slider-control .slider-next {
        margin-top:-40px;
        margin-left:-3px;
        z-index:100;
        opacity: 0.8;
    }
    /* Referenz Auswahl*/
    .auswahl {
    border:none;
    }
    /*  Referenzen */
    .ref_detail img{
       width:50%;
       margin-left:1em;
    }
    /*  *********   Footer   ********* */
    #footer .desk{
       display:none;
    }
}

/* *****     none     ***** */
.mobil {
    display:none !important;
}
.mod_visitors,
.visitor_name,
.visitor_useronline,
.visitor_average {
    display:none;
}
@media only screen and (max-width:991px) {
    html {font:16px/1.8 'Roboto',sans-serif;color:#111;}
    /*  -------   Header -------   */
    #header{z-index:1000!important;position: fixed;border:none;}
    #header .inside {height:50px;}
    #main-nav{display:none;}
    /*  Menü-Trigger   */
    .mobile_menu_trigger {height:50px;right: 10px;top:0px;width: 55px;position:absolute;cursor:pointer;z-index: 200;}
    /*  MMenü   */
    .mobile_menu{z-index:200!important;height: 100%!important; width: 100%!important;background-color: transparent;padding-top:0px;}
    .mobile_menu .inner {background-color: #edebeb; overflow: auto;width: 100%!important;}
    .mobile_menu .inner ul {margin:50px 0px 0 0px;background-color: #edebeb;padding-left:18px;}
    .mobile_menu .inner li {display:block;margin:0;padding-right:20px;}
    .mobile_menu .inner li a,.mobile_menu .inner li strong {text-decoration:none;text-transform:uppercase;color:#597825;display:block;font-weight: 400;padding:25px 0 15px 0px;margin:0 0 0 0;font-size:1.2rem;border-bottom:1px solid #597825;text-align:left;padding-right:32px;;}
    .mobile_menu .inner li a,.mobile_menu .inner li strong{margin-bottom:0px;padding-left:32px;}
    .mobile_menu .inner li.active strong{color:#hellg;}
    .mobile_menu .inner li a:hover {background-color: #fff; color:#76a023;border-bottom:1px solid #76a023;}
    .mobile_menu .inner li.active a{background-color: #fff; color:#76a023;}
    /*  Hamburger  */
    .hamburg {display: block;width: 50px; height: 50px; position: relative;margin-left: auto;margin-right: auto;border-radius: 4px; transition: border-radius 0.25s; cursor:pointer;}
    .line {  position: absolute;    left:10px;   height: 4px; width: 30px;    background: #fff;    border-radius: 2px;   display: block;    transition: 0.25s;    transform-origin: center; }
    .line:nth-child(1) { top: 13px; }
    .line:nth-child(2) { top: 24px; }
    .line:nth-child(3) { top: 35px; }
    .hamburg.checked .line:nth-child(1){   transform: translateY(11px) rotate(-45deg);}
    .hamburg.checked .line:nth-child(2){   opacity:0;}
    .hamburg.checked .line:nth-child(3){   transform: translateY(-11px) rotate(45deg);}
    /*  -------   Container -------   */
    #container {padding: 50px 0 0 0px;margin-top:0;}
    /*  -------   Content -------   */
    h1{margin: 0.6em 0 1em 0 ;font-size:1.9rem;line-height:2.5rem;display:block;}
    h2{font-size:1.5rem;line-height:2rem;display:block;}
    /*, h3, h2 a, .home h4 {
        margin-bottom: .86em;
        text-align: center;
        font: 30px 'Roboto',sans-serif;
            font-weight: normal;
        color: 
        #333333;
        text-transform: none;
        font-weight: 300;
        text-shadow: none;
    }*/
    .refe { min-width: 320px; max-width: 100%;}
    /*  Kontakt-Seite */
    .contact .contact_form{padding-left:25px;padding-right:25px;}
    /*  -------   Footer  -------   */
    #footer .logo{width:auto;}
    #footer .mod_customnav{width:25%; float:left;margin-right: 4%;}
    #footer .mod_customnav.third_nav{margin-right:0;float:none;}
    #footer .mod_customnav.third_nav ul{margin-right:0;}
    #footer .mod_navigation ul, #footer .mod_customnav ul { margin-top: 5px;}
    .mod_cms_cookie_bar { min-width:320px;}
    /*   Sonstiges   */
    .main-nav {display:none;}
    #header .inside #button {display:none;}
}
@media only screen and (max-width: 880px) {
    #contact {min-width: 300px;width:100%;max-width: 800px;}
    #contact label{display:block;}
    #contact input,#contact textarea { width: 96%;}
    #contact .submit { margin-left: 0px;}
    .txt p { margin-right: 10px;}
    /*  *********   Footer   ********* */
    .rating-con {
        float: none!important;;
        margin-left: 0 auto;
    }
    #footer .rating{
       display:none;
    }
}
@media (max-width: 590px) {
    /*   Contents  */
    .home h1, h2, h3, h2 a, .home h4 {padding:0; font-size: 1.5rem; line-height: 2rem; display: block;}
    /*   Startseite  */
    .box { width: 100%;max-width: 100%; height: auto;padding-left: 0; padding-right: 0;}
    .box p.link_pic {width:20%;display:block; float:right;margin-left:2.9%;display:none;}
    .box p.link_pic  img {width:90%;height:auto;margin:0}
    .box h2, .box h2 a {text-align:center;margin-top:0;font-size:1.4rem;}
    hr.mobil{display:block!important;margin: 50px 0 0px 0px}
    hr.desk{margin: 30px 0 30px 0px}
    #home_slide img, .start #home_slide img { width:100%; height: auto;margin:0;}
    .start_pic img{width:50%;height:auto;margin-right:0!important;margin-left:5px!important;}
    /*   Unterseiten  */
    img.top,img.mid,img.bot {width: 25%;height: auto;margin: 10px 7px 15px 15px;}
    h4{text-align:center}
    #slider_home{min-width:300px}
    .slider-control{display:none}
    .auswahl{width:50%;}
    .ref_detail img {width: 95%;margin-left: 0;}
    .ref_detail h2 a{margin: 0;}
    /*   Footer  */
    #footer-top,#footer-top .inside {height:auto;max-width: 100%;margin:0;padding:0;}
    #footer-top .footer_text{padding:0 1em}
    #footer_contact_form{width:100%;padding:0 1em;max-width: 100%;width: calc(100% - 2em);}
    #footer .ce_form{width:100%;max-width: 100%;}
    #footer_contact_form .mandatory{width:100%;max-width: 100%;}
    #footer_contact_form input{width:100%;max-width: 100%;}
    #footer_contact_form .widget-submit{width:50%;margin:0 auto}
    #footer_contact_form .submit{width:100%;margin:0 auto}
    #footer_contact_form .explanation{text-align:center;}
    /*
    #footer_contact_form .text{width: calc(100% - 2em);}
    #footer_contact_form .mandatory{width: calc(100% - 2em);}
    #footer_contact_form .mandatory, #footer_contact_form .text,#footer_contact_form input{width: calc(100% - 2em);}
    #footer_contact_form .widget-submit{width:50%;margin:0 auto}
    #footer_contact_form .submit{width:100%;margin:0 auto}
    */
}