/* ---------------------------- GENERAL --------------------------------- */
.t3-wrapper {width:100%;}
div#t3-content {font-family: "montserratregular", Sans-serif; font-size: 14px; line-height: 25px!important;}
div.col-xs-12.col-sm-12.logo {text-align:center;}
a.linktop, a:visited.linktop, a:focus.linktop {color:rgba(255,255,255,0.9); text-decoration:none!important;}
a:hover.linktop {color:rgba(255,255,255,1.0); text-decoration:none!important;}
span.preheader {font-family: 'montserratlight', Sans-serif; display: block; font-size: 12px; font-weight: 400; letter-spacing: 6px; line-height: 28px; text-transform: uppercase;}
h1.header {margin-top:0px; font-size: 20px; line-height: 1.2; font-family: 'montserratregular',sans-serif; font-weight: 700; color: #000000; font-style: normal; margin-bottom: 20px; text-transform: uppercase;}
span.headergreen {color:#a0cf4f;}
h1.header:after {display: block; border-bottom: 3px solid #cfd0cf; width: 100%; max-width: 74px; margin: 13px 0 27px; content: '';}
iframe {border:1px solid #eee!important; padding:10px;}
div#adress i.fa.fa-phone-square {font-size: 24px; margin-right: 10px; display: inline; line-height: 40px; vertical-align: middle;}
div#adress i.fa.fa-fax {font-size: 22px; margin-right: 10px; display: inline; line-height: 40px; vertical-align: middle; color:#333;}
div#adress i.fa.fa-envelope {font-size: 22px; margin-right: 10px; display: inline; line-height: 40px; vertical-align: middle; color:#333;}
div#adress a, a:visited, a:focus {color:#333;}
div#adress a:hover {color:#a0cf4f; text-decoration:none;}
img.boxresponsive {max-width:100%; width:100%; height:auto; float:left; margin-bottom:5%;}
ul.lipp {list-style:none!important;}
ul.lipp li {display: inline-flex; width: 100%;}
ul.lipp li:before {content: url(/images/icon.png); position:relative; top:2px; margin-right: 10px;}
ul.bottom {list-style:none!important;}
ul.bottom li {display: inline-flex; width: 100%;}
ul.bottom li:before {content: url(/images/icon_bottom.png); position:relative; top:2px; margin-right: 10px;}
ul.bottom li:hover:before {content: url(/images/icon.png); position:relative; top:2px; margin-right: 10px;}


/* ---------------------------- TOP CONTENT --------------------------------- */
div#topmod {background:#a0cf4f; color:rgba(255,255,255,0.9); font-family: "montserratlight", Sans-serif; font-size: 14px; font-weight: 300; font-style: normal; line-height:1;}
div#topmod p {margin:0px!important;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top1 {text-align:left;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top2 {text-align:right;}
div.container.t3-sl.t3-sl-1.topmod {padding-top:5px; padding-bottom:5px;}
div#mod-custom152.mod-custom.custom,  div#mod-custom153.mod-custom.custom {margin-bottom:0px!important;}

/* ---------------------------- HEADER ---------------------------------- */
div#mainheader.mainnavigation.affix-top {
    position: absolute;
    width: 100%;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 999;
    background: rgba(255,255,255,1.0);
    padding: 0px 0px 0px 0px;
}

div#mainheader.mainnavigation.affix {
    width:100%;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background:#FFFFFF;
    transition: 0s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #4aaeee; background: none;}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #4aaeee;
    background-color: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
div#mainheadercontent.mainnavigation.affix-top {
    position: relative;
    width: 100%!important;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 999;
    background: rgba(255,255,255,1.0);
    padding: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
}
div#mainheadercontent.mainnavigation.affix {
    width:100%!important;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background:#FFFFFF;
    transition: 0s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
}
div#mainheadercontent.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #4aaeee;
    background-color: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/* ---------------------------- NAVIGATION ------------------------------ */
div.container.navigation {display:flex; justify-content: center;}
nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {border-top:1px solid #D8D8D8;}
.navbar-default {background-color:transparent!important; padding:20px 0px;}
.navbar-default .navbar-nav > li > a {font-family: "montserratlight", Sans-serif; font-size: 17px; font-weight: 300; text-transform: uppercase; font-style: normal; line-height: 26px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {font-family: "montserratlight", Sans-serif; font-size: 17px; font-weight: 300; text-transform: uppercase; font-style: normal; line-height: 26px; color:rgba(160,207,79,1.0); transition: box-shadow .15s ease-in-out; -moz-transition: box-shadow .15s ease-in-out; -o-transition: box-shadow .15s ease-in-out; box-shadow: inset #0b6100 0 -2px 0; -webkit-box-shadow: inset color:#0b6100 0 -2px 0; -moz-box-shadow: inset #0b6100 0 -2px 0;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:rgba(160,207,79,1.0);}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:none!important; color:rgba(160,207,79,1.0); transition: box-shadow .15s ease-in-out; -moz-transition: box-shadow .15s ease-in-out; -o-transition: box-shadow .15s ease-in-out; box-shadow: inset #a0cf4f 0 -2px 0; -webkit-box-shadow: inset color:#a0cf4f 0 -2px 0; -moz-box-shadow: inset #a0cf4f 0 -2px 0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background:none!important; transition: box-shadow .15s ease-in-out; -moz-transition: box-shadow .15s ease-in-out; -o-transition: box-shadow .15s ease-in-out; box-shadow: inset #a0cf4f 0 -2px 0; -webkit-box-shadow: inset color:#a0cf4f 0 -2px 0; -moz-box-shadow: inset #a0cf4f 0 -2px 0; color:rgba(160,207,79,1.0);}
.navbar-nav > li {padding:0px 20px;}
.nav > li > a {padding:5px 0px;}
.dropdown-menu {left:20px; border:1px solid #242424!important; background:#242424; font-family: "montserratlight", Sans-serif; font-size: 14px; font-weight: 300; font-style: normal; text-transform:uppercase;}
.navbar-nav > li > .dropdown-menu {margin-top:-2px; border-top:2px solid rgba(160,207,79,1.0)!important; border-left:none!important; border-right:none!important;}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:rgba(160,207,79,1.0)!important;}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {color:rgba(255,255,255,0.6); background:transparent!important;}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {text-decoration: none; color: rgba(255,255,255,1.0); background: rgba(255,255,255,0.1)!important;}
div#mainheadercontent.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#707070!important;}
.navbar-default .navbar-nav > .dropdown > a .caret:hover {border-top-color:rgba(160,207,79,1.0); border-bottom-color:rgba(160,207,79,1.0);}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {border-top-color:rgba(160,207,79,1.0); border-bottom-color:rgba(160,207,79,1.0);}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:rgba(160,207,79,1.0);}
li.active.dropdown.mega a.dropdown-toggle em.caret {border-top-color: #a0cf4f!important; border-bottom-color: #a0cf4f!important;}




/* ---------------------------- SLIDER ---------------------------------- */
div.container.t3-sl.t3-sl-1.slider {padding-top:0px; padding-bottom:0px;}

/* ---------------------------- SERVICE BLOCK --------------------------- */
div#service {font-family: "montserratregular", Sans-serif; font-size: 14px; line-height: 25px!important; background:#F6F6F6;}
div#service .t3-spotlight.t3-spotlight-1.row {display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
div.col-lg-6.wow.fadeInUp.col-md-6.wow.fadeInUp.col-sm-12.wow.fadeInUp.col-xs-12.wow.fadeInUp {background:#fff; padding:10px;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {display: -webkit-flex; display: -ms-flexbox; display: flex; width:24%; margin:5px; padding:10px; background:#EEEEEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12:hover {background:rgba(221,221,221,0.85);}
div#service .col-lg-3.col-md-3.col-sm-12.col-xs-12:hover {background:rgba(221,221,221,0.85); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
div#service .t3-module {margin-bottom:0px;text-align:left;}
div#service h3.module-title {font-family: "montserratregular", Sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.44em;
  	margin-top:10px;
  	margin-bottom:10px;
  	text-align:center;
}
div#service hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #A0CF4F!important;}
i.fas.fa-road {font-size:250%;color: #4d4d4d!important;}
i.fas.fa-water {font-size:250%;color: #265ca8!important;}
i.fab.fa-pagelines {font-size:250%;color: #a0cf4f!important;}
i.fas.fa-tree {font-size:250%;color: #a0cf4f!important;}
p.boxtext {padding-bottom:20%;}
p.subtitle {font-weight:normal; font-size:11px; text-transform:uppercase;}
p.buttoninfo {position: absolute; width: 100%; left: 0px; bottom: 1.5%;}
a.buttoninfo, a:visited.buttoninfo, a:focus.buttoninfo {
  	background: 0 0;
    color: #4d4d4d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #4d4d4d;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .05em;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
a:hover.buttoninfo {background: #a0cf4f; border: 1px solid #a0cf4f; outline: none!important; color: #fff; text-decoration:none;}
div#detail.parallax {
    background-image: url(../images/detail.jpg)!important;
    background-position: 50% 50%;
    height:45vh;
    min-width: 100%;
    height: auto;
}

.parallax {
    width: 100%;
    background-attachment: fixed !important;
    background-size: cover !important;
    background: #f8f8f8;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: top center;
}

div.filter {
    background: rgba(0,0,0,0.68);
    height: 45vh;
}

div.container.t3-sl.t3-sl-1.detail {
    padding-top: 3%;
    padding-bottom: 3%;
}
h1.header-detail {font-family: "montserratlight", Sans-serif; text-transform:uppercase; font-weight:100; font-size:200%; margin-top:5%; padding-bottom:3%;}
h1.header-detail:after {display: block; border-bottom: 3px solid rgba(160,207,79,1.0); width: 100%; max-width: 74px; margin: 20px 0px 0px 0px;  content: '';}
p.detail {font-family: "montserratlight", Sans-serif; font-size:20px; line-height:30px;}
div#mod-custom148, div#mod-custom149, div#mod-custom150, div#mod-custom151 {text-align:center;}

/* ---------------------------- ROOM ------------------------------ */
div.container.t3-sl.t3-sl-1.room {padding-top:0px; padding-bottom:0px; width:100%!important;}
div#Mod157.t3-module.module {margin-bottom:0px;}
div#Mod159.t3-module.module {margin-bottom:0px;} 
div.col-lg-12.room.col-md-12.room.col-sm-12.room.col-xs-12.room {padding-left:0px!important; padding-right:0px!important;}


/* ---------------------------- ANFRAGE --------------------------- */
div#anfrage {font-family: "montserratregular", Sans-serif; font-size: 14px; line-height: 25px!important;}
div#anfrage .btn-primary {background:rgba(33,33,33,1.0)!important; color:rgba(255,255,255,1.0)!important; border-color:rgba(33,33,33,1.0)!important;}
div#anfrage .btn-primary:hover {background:#a0cf4f!important; color:#333!important; border-color:#a0cf4f!important;}
div#anfrage.parallaxanfrage {
    background-image: url(../images/anfrage01.jpg)!important;
    background-position: 50% 100%;
    min-width: 100%;
    height: auto;
}

.parallaxanfrage {
    width: 100%;
    background-attachment: fixed !important;
    background-size: cover !important;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: top center;
}
div.filteranfrage {background: rgba(160,207,79,0.8);}
span.preheader.service {
    font-family: 'montserratlight', Sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 6px;
    line-height: 28px;
    text-transform: uppercase;
  	color:rgba(255,255,255,1.0);
}
span.headerservice {color:rgba(255,255,255,1.0);}
h1.header.service:after {display: block;
    border-bottom: 3px solid #fff;
    width: 100%;
    max-width: 74px;
    margin: 13px 0 27px;
    content: '';}

div#Mod156.t3-module.module {background:rgba(33,33,33,0.3); color:#333; margin-bottom:0px; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
div#anfrage .col-form-label.col-sm-3 {display:none!important;}
div.form-group.nameline {margin-bottom: 10px;}
div.col-sm-9.has-danger {padding-left:0px; padding-right:0px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {width: 70%; resize:none!important; background-color:rgba(255,255,255,0.6); color:#333!important; border-radius:0px;}
textarea#lipp0_message.form-control.required.form-control-danger.invalid {resize:none!important; background-color:rgba(255,255,255,0.6)!important; border-color:transparent!important; border-radius:0px!important;}
div.namefield.has-danger {resize:none!important;}
joomla-alert[type=success] {display: none!important;}
textarea#lipp0_message.form-control.form-control.required {background-color:rgba(255,255,255,0.6); border-radius:0px;}
input#lipp0_email.form-control.form-control.required {background-color:rgba(255,255,255,0.6)!important; border-radius:0px!important;}
input#lipp0_email.form-control.required.form-control-danger.invalid {border-color:transparent!important;}
input#lipp0_telefon.form-control.form-control.required {background-color:rgba(255,255,255,0.6)!important; border-radius:0px!important;}
input#lipp0_telefon.form-control.required.form-control-danger.invalid {border-color:transparent!important;}
input#lipp0_name.form-control.form-control.required {background-color:rgba(255,255,255,0.6)!important; border-radius:0px!important;}
input#lipp0_name.form-control.required.form-control-danger.invalid {border-color:transparent!important;}
.jtf .invalid {border-color: #fff!important; background-color: #fff!important; border-radius: 0px!important;}
::placeholder {color:#333!important;}
div#cb a label {color:rgba(255,255,255,0.6)!important; padding-left:5px; cursor:pointer;}
div#cb .control-group {width: 50%!important; float: right!important; position: relative!important; margin-top: -10%!important; text-align: right!important;}
label#privacy_policy_required {color:#333!important;}
    


/* ---------------------------- FOOTER ---------------------------------- */
#back-to-top.affix {bottom: 40px;right: 46%;}
#back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display:block!important;right:48%;}
#back-to-top .btn {background:#fff!important;border: 2px solid #539768!important;color: #539768!important;}
#back-to-top.hidden-xs {display:block!important;}
.t3-footer {background:rgba(17,21,22,1.0)!important; border-top:none!important;}
.t3-footnav {font-family: "montserratregular", Sans-serif; font-size:14px; line-height:25px!important;}
.t3-copyright {font-family: "montserratlight", Sans-serif; font-size:12px; border-top:none!important; background:rgba(0,0,0,0.3); padding:20px 0px!important; color: rgba(255,255,255,0.3);}
div#topmod i.fas.fa-home {margin-right:6px; font-size:16px; color: rgba(255,255,255,0.9);}
div#topmod i.fas.fa-phone-volume {margin-right:12px; font-size:18px; color: rgba(255,255,255,0.9);}
i.fas.fa-home {margin-right:6px; font-size:16px; color: #a0cf4f;}
i.fas.fa-phone-volume {margin-right:12px; font-size:18px; color: #a0cf4f;}
i.fa.fa-fax {margin-right:10px; font-size:16px; color: #a0cf4f;}
i.fa.fa-envelope {margin-right:10px; font-size:16px; color: #a0cf4f;}
i.fa.fa-globe {margin-right:10px; font-size:16px; color: #a0cf4f;}
.t3-footnav .t3-module .module-title {
    font-family: "montserratlight", Sans-serif;
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 1.44em;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 10px;
  	color: rgba(255,255,255,0.8);
}
a.footer, a:visited.footer, a:focus.footer {color:#333!important;}
a:hover.footer {color:#000!important;}
div.col-md-12.copyright {margin-bottom:0px;}
.t3-footnav .t3-module {background: transparent; color: rgba(255,255,255,0.3); margin-top: 10px; margin-bottom: 10px;}
div#Mod143 a, a:visited, a:focus, div#Mod144 a, a:visited, a:focus, div#Mod145 a, a:visited, a:focus {color:rgba(255,255,255,0.3); text-decoration:none;}
div#Mod143 a:hover, div#Mod144 a:hover, div#Mod145 a:hover {color:#a0cf4f; text-decoration:none;}




/* ---------------------------- FANCY ---------------------------------- */
.fancybox-caption::after {border-bottom:0px!important;}

div.fancybox-caption__body {font-family: "montserratregular", Sans-serif!important; font-size: 150%!important; font-weight:100!important; line-height: 25px!important;}   

div#flex-container-lipp {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-left: -2px;
   margin-bottom:2.5%;
}

div.titel-small {position: absolute; color: rgba(255,255,255,0.8); background: rgba(33,33,33,0.8); z-index: 9; bottom: 0; width: 100%; padding: 10px; font-size: 90%;}

div.box.lipp {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.3333%;
  float: left;
  padding-left: 2px;
  padding-top: 2px;
}



img.klipp {
    max-height: 100%!important;
    width: 100%;
    height: auto;
    float: left;

}

img:hover.klipp {
    -webkit-filter: grayscale(0%); /* Chrome, Opera, Safari  */
    filter: grayscale(0%);
}

img.fancybox-image {
    border: 1px solid rgba(255,255,255,0.4);
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
}

.hovereffect .ovb {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.8);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:30%;
left:0;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect fa {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
color:rgba(255,255,255,1.0)!important;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
background-color:#000!important;
}

.hovereffect:hover .ovb {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

i.fa.fa-plus {
    font-size: 200%;
    color: rgba(255,255,255,1.0);
    position: relative;
    top: 5%;
    background: rgba(255,255,255,0.2);
    padding: 20px 20px 15px 20px;
    border-radius: 100%;
    vertical-align: middle;
}


/***---------------------------------------- MEDIA QUERIES -------------------------------------------------***/

@media only screen and (min-width: 0px) and (max-width: 320px) {
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top1 {text-align:center;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top2 {text-align:center;}
div.col-xs-12.col-sm-12.logo {text-align: center; width: 50%; float: left;}
nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {border-top: 0px!important; width: 50%; float: right; position: absolute; top: 33%; right: 0; border-bottom: 0px;}
.btn-primary {background-color: #333;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:100%; float:left;}
p.buttoninfo {bottom:0.5%;}
div.filter {height: 55vh;}
h1.header-detail {font-size: 130%;}
p.detail {font-size: 110%; line-height: 20px;}
span.preheader {line-height:0px;}
span.preheader.service {line-height:0px;}
div#anfrage.parallaxanfrage {font-size:110%;}
div#cb .control-group {width: 100%!important; float: left!important; position: relative!important; margin-top: 0%!important; text-align: left!important;}
.cc-revoke.cc-bottom {left:25%!important;}
.t3-off-canvas .t3-off-canvas-body {background:#a0cf4f; font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
.t3-off-canvas .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: rgba(33,33,33,0.1); padding-left:10px;}
.t3-off-canvas .t3-off-canvas-body a {color:rgba(255,255,255,0.8); padding-left:10px;}
.t3-off-canvas .nav .caret {border-top-color: rgba(255,255,255,0.8); border-bottom-color: rgba(255,255,255,0.8);}
.dropdown-menu {border: none!important; background: rgba(33,33,33,0.1); font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
h1.header {font-size:120%;}
ul.lipp {list-style: none!important; padding-left: 0px; padding-top: 20px;}
div.box.lipp {width:100%; display:grid;}
div.titel-small {z-index:0;}
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top1 {text-align:center;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top2 {text-align:center;}
div.col-xs-12.col-sm-12.logo {text-align: center; width: 50%; float: left;}
nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {border-top: 0px!important; width: 50%; float: right; position: absolute; top: 33%; right: 0; border-bottom: 0px;}
.btn-primary {background-color: #333;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:100%; float:left;}
p.buttoninfo {bottom:0.5%;}
div.filter {height: 55vh;}
h1.header-detail {font-size: 130%;}
p.detail {font-size: 110%; line-height: 20px;}
span.preheader {line-height:0px;}
span.preheader.service {line-height:0px;}
div#anfrage.parallaxanfrage {font-size:110%;}
div#cb .control-group {width: 100%!important; float: left!important; position: relative!important; margin-top: 0%!important; text-align: left!important;}
.cc-revoke.cc-bottom {left:25%!important;}
.t3-off-canvas .t3-off-canvas-body {background:#a0cf4f; font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
.t3-off-canvas .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: rgba(33,33,33,0.1); padding-left:10px;}
.t3-off-canvas .t3-off-canvas-body a {color:rgba(255,255,255,0.8); padding-left:10px;}
.t3-off-canvas .nav .caret {border-top-color: rgba(255,255,255,0.8); border-bottom-color: rgba(255,255,255,0.8);}
.dropdown-menu {border: none!important; background: rgba(33,33,33,0.1); font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
h1.header {font-size:120%;}
ul.lipp {list-style: none!important; padding-left: 0px; padding-top: 20px;}
div.box.lipp {width:100%; display:grid;}
div.titel-small {z-index:0;}
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top1 {text-align:center;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top2 {text-align:center;}
div.col-xs-12.col-sm-12.logo {text-align: center; width: 50%; float: left;}
nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {border-top: 0px!important; width: 50%; float: right; position: absolute; top: 33%; right: 0; border-bottom: 0px;}
.btn-primary {background-color: #333;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:100%; float:left;}
p.buttoninfo {bottom:0.5%;}
div.filter {height: 55vh;}
h1.header-detail {font-size: 130%;}
p.detail {font-size: 110%; line-height: 20px;}
span.preheader {line-height:0px;}
span.preheader.service {line-height:0px;}
div#anfrage.parallaxanfrage {font-size:110%;}
div#cb .control-group {width: 100%!important; float: left!important; position: relative!important; margin-top: 0%!important; text-align: left!important;}
.cc-revoke.cc-bottom {left:25%!important;}
.t3-off-canvas .t3-off-canvas-body {background:#a0cf4f; font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
.t3-off-canvas .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: rgba(33,33,33,0.1); padding-left:10px;}
.t3-off-canvas .t3-off-canvas-body a {color:rgba(255,255,255,0.8); padding-left:10px;}
.t3-off-canvas .nav .caret {border-top-color: rgba(255,255,255,0.8); border-bottom-color: rgba(255,255,255,0.8);}
.dropdown-menu {border: none!important; background: rgba(33,33,33,0.1); font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
h1.header {font-size:120%;}
ul.lipp {list-style: none!important; padding-left: 0px; padding-top: 20px;}
div.box.lipp {width:100%; display:grid;}
div.titel-small {z-index:0;}
}

@media only screen and (min-width: 426px) and (max-width: 479px) {
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top1 {text-align:center;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top2 {text-align:center;}
div.col-xs-12.col-sm-12.logo {text-align: center; width: 50%; float: left;}
nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {border-top: 0px!important; width: 50%; float: right; position: absolute; top: 33%; right: 0; border-bottom: 0px;}
.btn-primary {background-color: #333;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:100%; float:left;}
p.buttoninfo {bottom:0.5%;}
div.filter {height: 55vh;}
h1.header-detail {font-size: 130%;}
p.detail {font-size: 110%; line-height: 20px;}
span.preheader {line-height:0px;}
span.preheader.service {line-height:0px;}
div#anfrage.parallaxanfrage {font-size:110%;}
div#cb .control-group {width: 50%!important; float: right!important; position: relative!important; margin-top: -13%!important; text-align: right!important;}
.cc-revoke.cc-bottom {left:25%!important;}
.t3-off-canvas .t3-off-canvas-body {background:#a0cf4f; font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
.t3-off-canvas .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: rgba(33,33,33,0.1); padding-left:10px;}
.t3-off-canvas .t3-off-canvas-body a {color:rgba(255,255,255,0.8); padding-left:10px;}
.t3-off-canvas .nav .caret {border-top-color: rgba(255,255,255,0.8); border-bottom-color: rgba(255,255,255,0.8);}
.dropdown-menu {border: none!important; background: rgba(33,33,33,0.1); font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
h1.header {font-size:120%;}
ul.lipp {list-style: none!important; padding-left: 0px; padding-top: 20px;}
div.box.lipp {width:100%; display:grid;}
div.titel-small {z-index:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top1 {text-align:center;}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.top2 {text-align:center;}
div.col-xs-12.col-sm-12.logo {text-align: center; width: 50%; float: left;}
nav#t3-mainnav.wrap.navbar.navbar-default.t3-mainnav {border-top: 0px!important; width: 50%; float: right; position: absolute; top: 33%; right: 0; border-bottom: 0px;}
.btn-primary {background-color: #333;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:47%; float:left;}
p.buttoninfo {bottom:0.5%;}
div.filter {height: 55vh;}
h1.header-detail {font-size: 130%;}
p.detail {font-size: 110%; line-height: 20px;}
span.preheader {line-height:0px;}
span.preheader.service {line-height:0px;}
div#anfrage.parallaxanfrage {font-size:110%;}
.t3-off-canvas .t3-off-canvas-body {background:#a0cf4f; font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
.t3-off-canvas .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: rgba(33,33,33,0.1); padding-left:10px;}
.t3-off-canvas .t3-off-canvas-body a {color:rgba(255,255,255,0.8); padding-left:10px;}
.t3-off-canvas .nav .caret {border-top-color: rgba(255,255,255,0.8); border-bottom-color: rgba(255,255,255,0.8);}
.dropdown-menu {border: none!important; background: rgba(33,33,33,0.1); font-family: "montserratlight", Sans-serif; font-size: 100%; font-weight: 300; font-style: normal; text-transform: uppercase;}
div#flex-container-lipp {width:100%;}
div.box.lipp {width:100%; display:inline;}
div#cb a label {color:rgba(255,255,255,0.6)!important; padding-left:5px; cursor:pointer;}
div#cb .control-group {width: 50%!important; float: right!important; position: relative!important; margin-top: -8%!important; text-align: right!important;}
label#privacy_policy_required {color:#333!important;}
div.titel-small {z-index:0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.off-canvas-toggle {display:none;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:47%; float:left;}
p.buttoninfo {bottom:0.5%;}
div.filter {height: 55vh;}
h1.header-detail {font-size: 130%;}
p.detail {font-size: 110%; line-height: 20px;}
span.preheader {line-height:0px;}
span.preheader.service {line-height:0px;}
div#anfrage.parallaxanfrage {font-size:110%;}
div#cb .control-group {width: 50%!important; float: right!important; position: relative!important; margin-top: -8%!important; text-align: right!important;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.off-canvas-toggle {display:none;}
div#service .col-lg-3.wow.fadeInUp.col-md-3.col-sm-12.col-xs-12 {width:47%; float:left;}
}

@media only screen and (min-width: 1200px) {
.off-canvas-toggle {display: none;}
}