@font-face {
font-family: 'Oswald Light';
src: url('../fonts/Oswald-Light.ttf')  format('truetype') ;
}

@font-face {
font-family: 'Oswald Medium';
src: url('../fonts/Oswald-Medium.ttf')  format('truetype') ;
}

@font-face {
font-family: 'Oswald Regular';
src: url('../fonts/Oswald-Regular.ttf')  format('truetype') ;
}

@font-face {
font-family: 'SourceSansPro Light';
src: url('../fonts/SourceSansPro-Light.ttf')  format('truetype') ;
}

@font-face {
font-family: 'SourceSansPro Regular';
src: url('../fonts/SourceSansPro-Regular.ttf')  format('truetype') ;
}

body { font-family: 'SourceSansPro Regular', sans-serif; color:#6b6b6e; font-size: 14px;}
h1 { font-size: 40px; margin: 0 0 20px ; padding: 0 0 10px 0; }
h2 { font-size: 26px; padding: 0 0 10px 0; line-height: 1.2; }
h3 { font-size: 20px; padding: 0 0 10px 0; line-height: 1.2; }
h4 { font-size: 18px; padding: 0 0 10px 0; line-height: 1.2;}
h5 { font-size: 16px; padding: 0 0 20px 0; text-transform: none; line-height: 1.2;}

h1, h2, h3 {font-family: 'Oswald Regular'; color: #09090e; text-transform: uppercase; }

.ce_accordion .toggler  {font-family: 'Oswald Light'; color: #fff!important; }

.m1 {
  margin-bottom: 80px;
  margin-top: 80px;
}

.m2 {
  margin-bottom: 40px;
  margin-top: 40px;
}

.m3 {
  margin-bottom: 40px;
  margin-top: 85px;
}

.m4 {
  margin-bottom: 85px;
  margin-top: 40px;
}

.m5 {
  margin-bottom: 60px;
}

.m6 {
  margin-top: 60px;
}

.p1 {
  padding-bottom: 80px;
  padding-top: 80px;
}

.p2 {
  padding-bottom: 55px;
  padding-top: 55px;
}


.text-center h1:after, .text-center  h2:after ,
h1.text-center:after, h2.text-center:after
{ margin-left:auto; margin-right: auto; }

.headerInner { display: table; width: 100%; }
.p-img { padding: 150px; }
.p-overlay { margin-top: 0px; }
.fullwidth  .ce_text { color: white; font-size: 16px; }
.fullwidth  h1 { color: #fff; line-height: 1.5; }
a.btn,
.submit { border: none; padding: 0; color: #fff; margin-top: 12px; font-family: 'SourceSansPro Regular'; font-size: 14px;

        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
}

a.btn, .submit { color: white; padding: 6px 16px; }

#newsletter-50  h4 { font-size: 0px; }
#newsletter-50  input { text-align: center; }
#newsletter-50  input.text {margin: 0 0 10px }

#rosaslider { font-size: 20px; }
#rosaslider .slider-control { display: none; }

footer h3 { font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; }

.logo { /* float: left; */ }
.mainnavi { position: relative; z-index: 99;  border-bottom: none; }
.mainnavi .level_1 { text-align:center; }
#header .mod_navigation ul { overflow: hidden; margin: 0; }
        #header .fixedTop .mod_navigation ul { margin: 10px 0; }

.mainnavi .level_1 a, .mainnavi .level_1 span {  line-height: 1.5; padding: 6px 0 ; display: inline-block; text-decoration:none; color: rgba(255,255,255,0.8); text-transform:uppercase; }
.mainnavi .level_1 > li > a, .mainnavi .level_1 > li > span { padding: 10px; }
/*
.mainnavi .level_1 > li > a:hover, .mainnavi .level_1 > li > span:hover {
border-bottom: 3px solid white;
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.mainnavi .level_1 li { }
*/
/*.mainnavi .level_1 li .submenu:after { content: "\f078 "; padding-left: 11px}*/

#footer input, #footer textarea { background: #222222; border-color: #000; border: 0 none;
-moz-transition: background .5s;
-webkit-transition: background .5s;
transition: background .5s;
}
#footer input.text:hover, #footer textarea:hover, #footer input.text:focus, #footer textarea:focus { background: white; }

#footer h3 { padding-bottom: 10px; }
#footer a { color: #6e6e6e;
        -moz-transition: color .5s, background .5s;
        -webkit-transition: color .5s, background .5s;
        transition: color .5s, background .5s;
}

.copyrightnote p { color: #494949; }

footer ul { list-style-type: none; margin: 0; padding: 0; }

.mod_login, .ce_comments { padding-top: 20px; padding-bottom: 20px; }

p.more, p.back {display: inline-block; background: #484c4f; font-size: 14px; margin-top: 12px;}
.mod_eventlist div.header a, p.more a, p.back a, p.info a { color: #fff; display: inline-block; padding: 6px 16px; }

.mod_newslist p.info
{
        bottom: 0;
        position: absolute;
        padding:10px!important;
        margin: 0;
        background: rgba(0, 0, 0, .5);
        width: 100%;
        font-size: 14px;
        display: block;
        color: #ccc ;
}

.comment_default .reply {margin-left: 50px; }


.mod_nl_list li { color: #666; font-size: 12px;  }
.mod_nl_list li a { font-size: 18px; margin-left: 5px;}

.multicell { border-top: 4px solid #ccc; }
.multicell .ce_text  { padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #ccc; }
.multicell h2, .multicell h1, { margin-top:0; padding-top:0; }

.fullwidth .content-slider .ce_text { padding: 200px 0; padding: 35px;}
.socials a { display: block; float: left; padding: 10px; margin: 0 1px;}

input.text, textarea, select { }
input.text:active, textarea, select:active  {  }
input.text:focus, textarea, select:focus  { }

footer .footercontainer, footer .footercontainer  .container  { margin-bottom:0!important; }


/* ========================== */
.slider-text h1 { font-size: 50px; }
.slider-text p { color: #cdcdcd; font-size: 16px; line-height: 1.8;}
#angebote h1 { font-size: 26px; margin: 0; }
.fixedTop { background: white; position: fixed; z-index:99; top: 0; border-bottom: none;
/*
-moz-box-shadow: 0 0 13px #4a4a4a;
-webkit-box-shadow: 0 0 13px #4a4a4a;
box-shadow: 0 0 13px #4a4a4a;
*/
}

.devider { border-bottom: 1px solid #ccc; padding-bottom: 50px; }


.ContentStripe {padding: 50px 0; }
.ContentStripe .image_container { display:inline-block; margin-bottom: 20px;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
}

.InsideOut,
.OutsideIn { padding: 80px 0; }
.OutsideIn a { color: #d1d2d3; }
.OutsideIn a:hover {
  color: #fff;
}

.OutsideIn input.submit:hover { color: #ccc; }

.InsideOut { color: #aaa; margin: 60px 0; }

.InsideOut h1, .InsideOut h2, .InsideOut h3 {
  color: white;
  margin: 45px 0 15px;
  padding: 0;
}

.InsideOut h2:hover { color: #6DC900; transition: all 0.5s ease 0s; }

.OutsideIn h3 { color: #e7e7e7; }

.InsideOut  h1, .InsideOut  h2, .InsideOut  h3, { text-transform: uppercase; font-family: 'Oswald Regular';  }
.InsideOut .image_container:hover { background: none!important; }


ul.level_2 a.trail,
ul.level_2 span.forward,
ul.level_2 span.active
{  padding-left:35px!important; }

.footercontainer  { padding: 20px 0; ; }
.footersocials a { padding: 1px 5px 5px; margin: 0 5px;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
}
.footersocials a:hover  { background: none!important; }


p.footerIcons a:after {
        -moz-opacity: .5;
        -webkit-opacity: .5;
        opacity: .5;

        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
}


input.submit { padding: 5px 10px; }
input.submit,
p.info a:hover,
p.more a:hover,
p.back a:hover { color: #fff; }

footer .mod_navigation  li a:before, footer .mod_navigation  li span:before ,
.mainnavi .level_1 li .submenu::after,
.slider-control a.slider-prev:before,
.slider-control a.slider-next:after,
.mod_newsreader p.info:before,
.topnavi li a:before,
#projekte .ce_image .caption:after,
.topnavi li span:before,
.quote:after ,
.reply p.info:before,
span.date:before,
span.time:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before,
p.footerIcons a:after,
.scrolltop a:after ,
p.info a:before,
p.back a:before,
.ce_accordion .toggler:before
{        font-family:FontAwesome; padding-right: 5px;  }
p.info a:before {        content:"\f073";}
p.back a:before {        content:"\f104"; }
.ce_accordion .toggler:hover:before,
.ce_accordion .toggler.active:before
{ content:"\f068"}
.ce_accordion .toggler:before { content:"\f067"; padding: 14px; margin-right: 10px; color: #fff; border-right: 1px solid #fff; }

.btn:hover:before { padding-right: 10px; }
.reply p.info:before {content:"\f112";}
span.time:before {content:"\f017";}

.mod_newsreader p.info:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before ,
span.date:before {content:"\f073";}

span.date:before,
p.footerIcons a { font-size: 16px; }
p.footerIcons  em { display: none; }
.footer-fb:after { content:"\f09a"; }
.footer-tw:after { content:"\f099"; }
.footer-gp:after { content:"\f0d5 "; }
.footer-pi:after { content:"\f0d2 "; }

p.footerIcons a:hover:after {
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
}

.scrolltop a:after {content:"\f106"; display: block; text-indent:0; padding: 10px 20px; font-size: 25px;}
.scrolltop a:hover:after  { color:white; }

footer { margin-top: 50px; }

.formbody { position: relative; }
header .ce_form input.submit ,
.mod_search input.submit { position: absolute; right: 0; height: 33px; bottom:0; background: none; color: #fff; }

input.submit:hover { color: #1B8DEE; }

#banner input.submit { position: relative; background: rgba(255, 255, 255, 0.1); }

.quote { padding: 20px; background: #e7e7e7; text-align:center; }
.quote:after { content:"\f10e"; font-size: 32px; margin: 10px 0 -10px; display: block; }
.quote-name { text-transform: uppercase; margin: 0; padding: 0; }
.quote-position { }

.mainnavi ul.level_1 > .active, .mainnavi ul.level_1 > .trail, .mainnavi ul.level_1 > .forward { background: none; }
.mainnavi ul.level_2 > .active, .mainnavi ul.level_2 > .trail, .mainnavi ul.level_2 > .forward { padding-left: 10px;}

#main { padding-top: 50px; }
body.home #main { padding-top: 0; }

.topnavi ul { margin: 32px 0!important; padding: 0; }
.topnavi li a, .topnavi li span { text-transform: uppercase; font-size: 10px; float: left; margin-right: 10px; }

.topnavi li.login a:before,
.topnavi li.login span:before
{ content:"\f090"; font-size: 14px; }

.topnavi li.register a:before,
.topnavi li.register span:before
{ content:"\f007 "; font-size: 14px;}


a, span, img, figure
{        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
}

#main figure,
.layout_teaser .imglink img
{ overflow: hidden; }


#kontakt-144 input, #kontakt-144 textarea { background: none; border: 1px solid #666; color: #e7e7e7 }
#kontakt-144 .fa { color: #666; }
.fa.pull-left { width: 55px; }

body.home footer { margin-top:0; }

.footersocials a:after {
  color: #787878;
  font-size: 18px;
}

#projekte .ce_image .caption {
        background: none repeat scroll 0 0 rgba(109, 201, 0, 0.9);
          color: #fff;
          font-size: 16px;
          height: 100%;
          left: 0;
          opacity: 0;
          padding-top: 50px;
          position: absolute;
          text-align: center;
          top: 0;
          width: 100% !important;
        transition: all 0.5s ease 0s;
}

#projekte .ce_image .caption:after {
        content: "\f055";
        display: block;
        font-size: 31px;
        padding-top: 15px;
}

#projekte .ce_image { float: left; width: 25%; }

#projekte .ce_image .caption:hover {
        opacity: 1;
}

#projekte { overflow: hidden; }

.mejs-overlay-button { background: none!important; }

#banner input.text { border-color: #707070; color: #ccc; padding: 12px;width: 78%; transition: all 0.5s ease 0s;}
#banner input.text:focus { border-color: #fff; color: #fff; }

#header input.captcha, #header input.text, #header textarea, #header select { border-color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5); }
#header input.captcha:focus, #header input.text:focus, #header textarea:focus, #header select:focus { border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); }

.green, .fa:hover { transition: all 0.5s ease 0s;}

.pdf_link { float: right; margin: 0px 15px; }
.pdf_link a { border: 1px solid #ccc; padding: 9px; opacity: 0.7; display: inline-block; }
.pdf_link a:hover { opacity: 1; }

.mod_calendar .fa { color: #1B1F22; }

.level_1 a { color: #8F9094; }

.topnavi li.login a::before, .topnavi li.login span::before,
.topnavi li.register a::before, .topnavi li.register span::before {
        font-size: 20px; border-right: 1px solid rgba(255, 255, 255, .1); padding-right: 10px; }

body.home h3 { margin-top: 0; margin-bottom: 20px; }

.topnavi li.last a:before { border: 0 none!important; }

.mejs-mediaelement { position: relative; }
.mejs-container { margin: auto; }
.mejs-controls, .mejs-layers { display: none; }
.mejs-overlay-button { background: none; }


.copyright { clear: both; float: none; border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 20px; }

.price {
  font-size: 80px;
  padding-right: 5px;
  vertical-align: middle;
  font-family: 'Oswald Regular';
}

.gap {
  margin-bottom: 60px;
  margin-top: 60px;
}

.areaBg-4 { padding: 60px 0; }

.blueInner { background: white; padding: 22px; height: 212px;}

.whiteInner { background: white; padding: 22px; height: 270px; }
.whiteInner:hover { background: rgba(255,255,255,0.1);
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s;  }

.whiteInner:hover h1 { color: white; }

.areaBg-2 { padding: 60px 0; }
.areaBg-3 { padding: 30px 0; }


footer .mod_navigation  li a, footer .mod_navigation  li span { display: block; padding: 5px 0; border-bottom: 1px solid #222222; }
footer .mod_navigation  li a:before, footer .mod_navigation  li span:before { content: "\f054 "; font-size: 10px; }

#willkommen  h2 { margin-top: 0; }

.teamInner { padding: 30px 10px 10px; }

.top-menu-title { display: none; }
@media screen and (max-width: 767px) {        .top-menu-title { display: block; } }


.mainnavi > ul.level_1 > li.submenu > span:nth-last-child(2):after,
.mainnavi > ul.level_1 > li.submenu > a:nth-last-child(2):after {
        display: inline-block;
    content: "\f107";
    margin-left: 8px;
    font-family: FontAwesome;
    font-size: 14px;
    top: 0;
}

@media screen and (max-width: 767px) {
        .mainnavi > ul.level_1 > li.submenu > span:nth-last-child(2):after,
        .mainnavi > ul.level_1 > li.submenu > a:nth-last-child(2):after {
            content: "";
        }
        .mainnavi .level_1 span.aftrelink {
                display: none;
        }
}

.logo, .mainnavi {
        margin-top: 25px;
        margin-bottom: 25px;
}

.ce_form {
        margin-top: 17px;
}

.footersocials {
        margin-top: 15px;
}

.navi-search .submit {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0;
        background: none;
}

.ce_accordion .accordion { background: rgba(0,0,0,0.1); }

.acc-home .ce_accordion .accordion { background: #fff; }

.headerWrapper .fixedTop {
        width: 100%;
}

.boxes .whiteInner { padding: 4px 24px; }

#header ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,0.5);
}
#header ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.5);
}
#header :-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.5);
}
#header :-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,0.5);
}

.headerWrapper {   width: 100%; }

.footercontainer .ce_form {
	margin-top: 0;
}

.flexible img { width: 100%; }