@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700');

/*
html {
    height: 100%;
    overflow: auto;
}

body {
    height: 100%;
    overflow: auto;
    background-color: transparent;
    -webkit-overflow-scrolling: touch;
}

html {
    height: 100%;
}
*/
img { max-width: 100%; height: auto; }

a { color: #1cc3ba; }

@font-face {
    font-family: Eina;
    src: url(/fonts/eina/eina-01-bold.woff2) format("woff2"), url(/fonts/eina/eina-01-bold.woff) format("woff"), url(/fonts/eina/eina-01-bold.ttf) format("ttf"), url(/fonts/eina/eina-01-bold.eot?#iefix) format("eot");
    font-weight: 700;
    unicode-range: U+000-5FF
}

@font-face {
    font-family: Eina;
    src: url(/fonts/eina/eina-01-semibold.woff2) format("woff2"), url(/fonts/eina/eina-01-semibold.woff) format("woff"), url(/fonts/eina/eina-01-semibold.ttf) format("ttf"), url(/fonts/eina/eina-01-semibold.eot?#iefix) format("eot");
    font-weight: 600;
    unicode-range: U+000-5FF
}

@font-face {
    font-family: Eina;
    src: url(/fonts/eina/eina-01-regular.woff2) format("woff2"), url(/fonts/eina/eina-01-regular.woff) format("woff"), url(/fonts/eina/eina-01-regular.ttf) format("ttf"), url(/fonts/eina/eina-01-regular.eot?#iefix) format("eot");
    font-weight: 400;
    unicode-range: U+000-5FF
}

.subpage_allgemeine-geschaeftsbedingungen .inhalt h3,
.subpage_datenschutz .inhalt h3,
h1 {
    color: #2e727f;
    font-family: "Merriweather", sans-serif;
    font-size: 32px;
}

h2 {
    color: #9cb4bc;
    font-family: Eina,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 1.35;
}

footer {
    min-height: 100px;
    padding-top: 50px;
    padding-bottom: 100px;
    bottom: 0;
    width: 100%;
    background-color: #063137;
    color: #d9d9d9;
    font-family: Eina,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
}

footer > .row {
    margin-left: 0;
    margin-right: 0;
}
footer .logo {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.impr {
    text-align: left;
}

.impr .zweck {
    color: #60aea0;
    font-weight: normal;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;

}

.impr .compname {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5em;
}

.fotocredits {
    font-size: 14px;
}

.footmnu {
    text-align: left;
    float: right;
    margin-right: 150px;
    margin-top: 50px;
    font-size: 29px;
    font-weight: bold;
    font-family: 'Merriweather Sans', sans-serif;
}

.footmnu a {
    color: #6ef2e6;
    text-transform: uppercase;
    font-size: 12pt;
    line-height: 25pt;
}

.blau {
    color: #5ebeb9;
}

hr {
    display: block; height: 11px; background: url("../images/gray-line.png") repeat-x; margin: 0 0 6px 0;
}

.head {
    background-color: #f4f4ee;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}
.logo {
    margin: 30px 30px 30px 0;
    float: left;
}

.slogantext {
    font-family: 'Eina', sans-serif;
    font-size: 30pt;
}

.logotext {
    font-family: 'Eina', sans-serif;
    color: #307683;
    font-size: 13px;
    letter-spacing: 2px;
}

.slogan {
    margin-top: 45px;
    float: left;
}

.siegel {
    margin-top: 20px;
    float: right;
    margin-right: 15px;
}

.siegel_img { float: right; padding: 40px 0 0 0; }

/* .siegel_img_2018 { position: relative; top: -25px; text-align: center; } */

.siegel_img_2018 { position: relative; margin-bottom: 20px; margin-top: 20px }

#fahnenGartnerBox h1 {
    font-size: 24px;
}

#fahnenGartnerBox span {
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
}

.actioncont {
    float: right;
    margin-right: 0;
    width: 87px;
    min-height: 100px;
    margin-left: 10px;
}

.imgaction {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1px solid #FFFFFF;

}

.separator {
    margin-top: 100px;
    margin-bottom: 80px;
}

.navbar{
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    border: none;
    -webkit-box-shadow: inset 0 8px 4px -4px #777;
    -moz-box-shadow: inset 0 8px 4px -4px #777;
    box-shadow: inset 0 8px 4px -4px #777;
}

.goforzero-nav {
    background-color: #307683;
    margin-bottom: 0;
}

.introtitel {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 20pt;
    line-height: 1.2em;
    top: 10px;
}

.introtitel .red {
    color: #e00f20;
}

.introtitel .green {
    color: #18a03a;
    font-family: "Robotto", sans-serif;
    line-height: 1;
    font-size: 22px;
    text-transform: uppercase;
}

.introtitel span {
    color: #37383d;
}

.otwRow .teaser {
    border-top: 1px solid #18a03a;
}

.otwRow .teaser .teasertitel {
    color: #18a03a;
}

.introfoot {
    bottom: 10px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 17px;
}

.goforzero-nav .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.goforzero-nav .navbar-nav>li>a:hover {
    color: #6ef2e6;
}

#page_live-home .nav.navbar-nav li:first-child > a,
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #62beb8;
}


div.circleBlue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #cce8e4;
    border: 4px Solid #94d2cd;
    color: #777777;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 25pt;
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
    padding: 2px;
    box-shadow: 0px 0px 0px 7px #fff, 0px 0px 1px 13px #62beb8;
    -webkit-box-shadow: 0px 0px 0px 7px #fff, 0px 0px 1px 13px #62beb8;
    -moz-box-shadow: 0px 0px 0px 7px #fff, 0px 0px 1px 13px #62beb8;
    margin: 5px;
}

div.circle:before{
    content:'';
    float: left;
    width: auto;
    padding-bottom: 100%;
}

div.circle:after{
    margin-top: 40px;
    content:'Bäume';
    width: 100%;
}

#beaume {
    margin-top: 10px;
    text-align: center;
    color: #62beb8;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12pt;
    letter-spacing: 2px;
}

.introcontainer {
    position: relative;
    height: 100%;
    min-height: 300px;
}

.introtitel, .introfoot {
    position: absolute;
}

.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
}
.row-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}


.teasers {
    padding-top: 10px;
    margin-bottom: 10px;
}

.teasers .rightTeaserWrap {
    flex-direction: row;
}

.teaser {
    background-color: #f6f6f6;
    border-top: 1px solid #e11020;
    margin-bottom: 15px;
    flex-direction: row;
    align-items: stretch;
}

.teaser > a {
    flex-shrink: 0;
}

.teaser .content {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 12pt;
    color: #37383d;
    margin-top: 10px;
    margin-left: 10px;
    flex: min-content;
    flex: 1;
}

.teaser .teasertitel {
    color: #e00f20;
    font-size: 22px;
}

.home-latest-news .teaser:last-child,
.teaser.last {
    margin-bottom: 0;
}


.rightTeaser {
    background-color: #e11021;
    height: 100%;
    position: relative;
    min-height: 300px;
}

.rightTeaser .titel {
    font-family: 'Merriweather', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.rightTeaser .content {
    position: absolute;
    bottom: 5px;
    color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 16px;
    margin-left: 10px;
}

.spacer {
    background: url(/images/pixel.gif);
    background-repeat: repeat-y;
    height: 100%;
    background-position-x: 50%;


}

.helden {
    background-color: #ebe9e0;
    padding-top: 19px;
    padding-bottom: 19px;
}

h1.heldenh {
    color: #2e727f;
    font-family: "Merriweather", sans-serif;
    font-weight: 700;
    font-size: 35pt;
}

p.heldenp {
    font-family: "Roboto", sans-serif;
    font-size: 20pt;
}

.melden {
    margin-top: 20px;
}
.btn-melden {
    background-color: #fee333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 12pt;
    min-width: 140px;
}


#newsletterBox {
    background-color: #3da9a3;
    padding: 20px;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
}

#newsletterBox h1, #newsletterBox p {
    color: #fff;
}


#newsletterBox .btn-nl {
    margin-top: 50px;
}

.btn-nl {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 12pt;
}

.rightCol {
    /* padding-right: 8%; */
}

.boxTeilnahme {
    background-color: #62beb8;
    padding: 20px;
}

.boxTeilnahme h1 {
    color: #fff;
    /*
    font-family: 'Eina', sans-serif;
    font-size: 30pt;
    */
    margin-bottom: 10px;
}

.ontheway {
    margin-top: 0px;
    margin-bottom: 10px;
}

.otwBanner {
    background-color: #43ae5e;
}

.privateBanner {
    background-color: #437eae;
}

.newsBanner {
    background-color: #e11021;
}

.otwBanner h1, .privateBanner h1, .newsBanner h1 {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 29px;
    color: #fff;
    margin-top: 10px;
}

.otwBanner h2, .privateBanner h2, .newsBanner h2 {
    font-family: "Robotto", sans-serif;
    color: #fff;
    line-height: 1;
    font-size: 22px;
    text-transform: uppercase;
}

.newsBox h1 {
    font-family: "Merriweather Sans", sans-serif;
    color: #37383d;
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: bold;
    font-size: 29px;
}

.inhalt {
    padding: 15px;
    margin-bottom: 40px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 17px;
}


#cookie-bar {background:#111111; height:auto; min-height:40px; line-height:30px; color:#eeeeee; text-align:center; padding:3px 0; z-index: 10000;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:5px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.cd-top {
    display: inline-block;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10;
    border: 1px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.8) url(/css/top.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

a.pure {
    text-decoration: none;
}
.home-main-info {
    border-top: 1px solid #e11020;
    background-color: #f6f6f6;
}

.home-otw-info {
    border-top: 1px solid #43ae5e;
    background-color: #f6f6f6;
}

.inhalt h3 { font-family: "Merriweather", sans-serif; font-weight: 500; font-size: 30px; }
.inhalt h3 strong { color: #62beb8; font-weight: 500; }
.inhalt .lead_text { font-family: "Merriweather", sans-serif; font-weight: 500; font-size: 20px; }
.inhalt img { max-width: 100%; height: auto !important; }
.inhalt p + p { margin-top: 1.45em; }
.inhalt pre + p { margin-top: 1.45em; }
.inhalt pre { margin-top: 1.45em; padding: 0; background: transparent; border-radius: 0; border: 0; font-family: "Merriweather Sans", sans-serif; font-size: 14px; line-height: 1.6em; word-break: normal; word-wrap: normal; white-space: pre-line; }

.news-detail { }
.news-detail h3 { font-family: "Merriweather", sans-serif; font-weight: 500; font-size: 30px; }
.news-detail .lead_text { font-family: "Merriweather", sans-serif; font-weight: 500; font-size: 20px; }
.news-detail .inhalt { font-family: "Merriweather Sans", sans-serif; font-size: 17px; }
.news-detail .inhalt a { color: #1cc3ba; text-decoration: underline; }

.home-main-info .nopadding img { transform: translateX(-50%); left: 50%; height: 100%; position: absolute; top: 0; width: auto; max-width: 2000px; }
.home-main-info .nopadding { position: relative; overflow: hidden; }

.references { font-size: 19px; }
.references .item { font-family: "Merriweather", sans-serif; margin-top: 10px; position: relative; }
.references .item .item_heading { background: #1b263d; padding: 10px 15px; text-align: center; }
.references .item.darker .item_heading { background: #1b2830; }
.references .item .item_heading h3 { font-size: 1.21em; color: #62beb8; font-weight: bold; margin: 0 auto 5px auto; }
.references .item .item_heading h3 a { color: #62beb8; }
.references .item .item_heading p { font-size: 1em; color: #ffffff; margin: 0 auto; font-family: "Merriweather Sans", sans-serif; }
.references .item ul { list-style: none; background: #f6f6f6; padding: 15px; margin: 0; }
.references .item ul li { padding: 0; margin: 0; font-size: 1em; color: #307683; font-weight: bold; }
.references .item ul li + li { margin-top: 10px; }
.references .item ul li a { color: #307683; }
.references .item ul li a em { color: #33abc1; font-style: normal; }
.references .item ul li a img { margin: 7px auto 7px auto; }
.references .item a.plus { display: inline-block; position: absolute; bottom: 15px; right: 10px; height: 20px; border-radius: 8px; background: #8fecd5; color: #000000; font-size: 0.76em; line-height: 20px; padding: 0 27px 0 10px; }
.references .item a.plus span { font-size: 0.84em; color: #3e675a; display: inline-block; line-height: 1em; position: absolute; top: 5px; right: 10px; }

.otwRow .references .item:first-child {
    margin-top: 0;
}


.references .item ul li span {
    color: #307683;
}

.references .item ul li span em { color: #33abc1; font-style: normal; }


.mn-item .news {
    border-top: 1px solid #e11020;
    background-color: #f6f6f6;
    padding-bottom: 10px;
    height: 100%;
}

.mn-item .news .teasertitel {
    padding: 30px 10px;
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #e00f20;
}



.mn-item .news .photo {
    width: 100%;
    margin-bottom: 10px;
}

.mn-item .news .photo img{
    width: 100%;
}

.moreNewsContainer {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.home-ontheway .photo,
.home-latest-news .photo,
.moreNewsContainer .photo {
    position: relative; 
    overflow: hidden;
    height: 100px;
}

.home-latest-news .photo { width: 166px; }
.home-ontheway .photo { width: 166px; }

.home-ontheway .photo img,
.home-latest-news .photo img,
.moreNewsContainer .photo img {
    height: 100px;
    transform: translateX(-50%); 
    left: 50%; 
    position: absolute; 
    top: 0; 
    width: auto; 
    max-width: 2000px; 
}
.header-info { position: relative; }

.panel-default > .panel-heading { color: #37383d; background-color: #abd8d5; border-color: #3da9a3; }
.panel-title { font-size: 20px; font-weight: 400; font-family: 'Merriweather', sans-serif; }
.panel-title>a { color: #37383d; font-weight: 700; font-size: 20px }
.panel-heading h4 a:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #37383d;         /* adjust as needed */
    font-weight: 300;
    font-size: 17px;
}
.panel-heading h4 a.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.btn-letsgo {
background-color: #307683;
}

h3.otwHeadline {
    color: #18a03a;
}

h3.newsh {
    color: #e00f20;
}


.moreOtw .mn-item .news {
    border-top: 1px solid #18a03a;
}

.moreOtw .mn-item .news .teasertitel {
    color: #18a03a;
}

.csubtitle {
    color: #37383d;
}
.news-detail.article4 .inhalt .photo { display: none; }
.news-detail.article2 .inhalt .photo { display: none; }