@charset "utf-8";
/* CSS Document */

@import url("//hello.myfonts.net/count/2c0aa1");
@import url(font-awesome.css);

@font-face {font-family: 'Selina-Bold';
  src: url('fonts/selina/2C0AA1_0_0.eot');
  src: url('fonts/selina/2C0AA1_0_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/selina/2C0AA1_0_0.woff') format('woff'),
  url('fonts/selina/2C0AA1_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Selina-Regular';
  src: url('fonts/selina/2C0AA1_1_0.eot');
  src: url('fonts/selina/2C0AA1_1_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/selina/2C0AA1_1_0.woff') format('woff'),
  url('fonts/selina/2C0AA1_1_0.ttf') format('truetype');}

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=cffe3de3-9213-421e-942b-178d24ae363c&fontids=724827,724839");

@font-face{
  font-family:"FrutigerLTW02-55Roman";
  src:url("fonts/frutiger/724827/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix");
  src:url("fonts/frutiger/724827/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix") format("eot"),
    url("fonts/frutiger/724827/409b4bec-c67e-4764-a141-054db8df81d2.woff") format("woff"),
    url("fonts/frutiger/724827/efe9def0-77d1-4c28-8fd2-371236a3c8ed.ttf") format("truetype"),
    url("fonts/frutiger/724827/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#70b07d32-76f5-474e-83b0-7d5a3fefb15b") format("svg");
}
@font-face{
  font-family:"Frutiger LT W02 65 Bold";
  src:url("fonts/frutiger/724839/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix");
  src:url("fonts/frutiger/724839/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix") format("eot"),
  url("fonts/frutiger/724839/3c514636-142f-43f9-983f-76110a86b424.woff") format("woff"),
  url("fonts/frutiger/724839/f147a146-bb13-4102-a482-bbad38d9fcc0.ttf") format("truetype"),
  url("fonts/frutiger/724839/10c3886a-7856-45f7-951d-24230bc1491a.svg#10c3886a-7856-45f7-951d-24230bc1491a") format("svg");
}


body { 
  font-family:'FrutigerLTW02-55Roman';
  font-size: 15px;
  line-height: 20px;
  color:#4D4D4D;
  font-weight:normal;
  margin:0px;
  padding:0px;
  background-color:rgb(255,255,255);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5 {
  font-family: 'FrutigerLTW02-55Roman';
  font-weight:normal;
  color:#56A03B;/*rgb(114,159,69);*/
}

p { margin: 0 1.2em 1em 0; }
 
b, strong { font-weight:normal !important; font-family: 'Frutiger LT W02 65 Bold'; }
h1 { font-size:26px; line-height:1.1em; margin: 0 1.2em 15px 0; }
h2 { font-size:22px; line-height:1.1em; margin: 0 1.2em 10px 0;}
h3 { font-size:18px; line-height:1.1em; margin: 0 1.2em 6px 0;}

hr {
    height: 1px;
    color: #aaa;
    background: #aaa;
    font-size: 0;
    border: 0;
    margin-bottom:35px;
}

a { text-decoration:none; color:#56A03B; }
a:hover { text-decoration:underline; }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#wrapper {
  display:block;
  /*background-color:rgb(255,255,255);*/  
  width:100%;
  /*min-width:1200px;*/
  height:auto;
  margin:0 auto 0 auto;
  padding:0;
  
  position:absolute;
  top:0;
}

#header { 
  width:calc(100% - 60px);
  padding:0 30px 10px 30px;
  margin:0;
  
  position:fixed;
  z-index:100;
  background:rgb(255,255,255);
  
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

#page-masthead { margin:0; padding: 0 0 5px 0; }

.masthead-top {
  float:right;
  width:840px;
  height:105px;
}
.masthead-bottom {
  float:left;
  width:100%;  
}

.masthead-left { 
  position:relative;
  z-index:100;
}
  .claim { 
  float:left;          
  margin:25px 25px 0 0;
  }


.masthead-right { 
  position:fixed;
  top:-4px;
  right:50px;
  z-index:1000;
}
  .logo-cs {
  position:fixed;
    top:-5px;
    right:50px;
    z-index:1000;  
  }
        
#nav-social { float:left; margin:-1px 0 0 12px; } 
span.social-fb a {
  display:inline-block;
  height:30px;
  width:30px;
  cursor:pointer;
  margin-right:5px;
  background-image:url(../images/masthead/fb.png); background-repeat:no-repeat;
}
span.social-fb a:hover {
  background-image:url(../images/masthead/fb-hover.png); background-repeat:no-repeat; 
  text-decoration:none;
}

span.social-twitter a {
  display:inline-block;
  height:30px;
  width:30px;
  cursor:pointer;
  margin-right:5px;
  background-image:url(../images/masthead/twitter.png); background-repeat:no-repeat;
}
span.social-twitter a:hover {
  background-image:url(../images/masthead/twitter-hover.png); background-repeat:no-repeat;
  text-decoration:none;
}

span.social-gplus a {
  display:inline-block;
  height:30px;
  width:30px;
  cursor:pointer;
  margin-right:5px;
  background-image:url(../images/masthead/gplus.png); background-repeat:no-repeat;
}
span.social-gplus a:hover {
  background-image:url(../images/masthead/gplus-hover.png); background-repeat:no-repeat;
  text-decoration:none;
}


span.social-yt a {
  display:inline-block;
  height:30px;
  width:30px;
  cursor:pointer;
  margin-right:5px;
  background-image:url(../images/masthead/yt.png); background-repeat:no-repeat;
}
span.social-yt a:hover {
  background-image:url(../images/masthead/yt-hover.png); background-repeat:no-repeat;
  text-decoration:none;
}
    
nav#nav-main { float:left; margin:0px 0 0 50px; }
#nav-main ul { list-style:none; padding:0; margin:0; }  
#nav-main > ul  li { 
  float:left; margin-left:0px;margin-right:6px;
  font-size:18px; 
  /*  */
}
#nav-main > ul li a { 
  text-decoration:none;
  float:left; margin-left:0px; margin-right:0px; padding:3px 8px;
  margin-top:-1px;
  font-size:18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color:rgb(150,150,150);
}
#nav-main > ul li:hover a, #nav-main > ul li a.active { 
  float:left; margin-left:0px; margin-right:0px; padding:3px 8px;
  margin-top:-1px;
  font-size:18px;
  background-color:#56A03B;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color:#fff
}

#nav-main > ul  li.green { 
  float:left; margin-left:0px; margin-right:26px; padding:3px 8px;
  margin-top:4px;
  font-size:18px; 
  background-color:#56A03B;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*background-image:url(../images/masthead/menu_bg.gif); background-position:top left; background-repeat:repeat-x;  */
}
#nav-main > ul li.green a { 
  text-decoration:none;
  color:rgb(255,255,255);
}

#nav-main ul li ul {
  display: none;
  z-index:999;
  position:absolute;
  border: 1px solid #721181;
  border-radius: 0.8em 0.8em 0.8em 0.8em;
  padding: 5px 12px;
  margin-left:-15px;
  margin-top:10px;
  background:rgb(255,255,255);
}

#nav-main ul li ul li{
  
  float:none;
  background:none;
  margin: 0 0 5px 0 !important;
  border-top:1px solid #721181;
  padding: 5px 0 0 0 !important;
}

#nav-main ul li ul li:first-child {
  border-top:none;
}

#nav-main ul li ul li a{
  color:#969696 !important;
}

#nav-main ul li ul li a:hover, #nav-main ul li ul li a.active {
  color:#000000 !important;
}



#nav-main ul li:hover ul {
  display: block; 
}
  
.clear-both { clear:both; }
.clear-left { clear:left; }



.page-content { /*margin:155px 0 0 0;*/ position:relative;  top:155px; margin-bottom:155px;  }
.boxContent { width:900px; margin:0 auto; position:relative; padding:25px; background:rgb(255,255,255);  }
div.boxContent:before {
  box-shadow: -5px 0 5px -5px #999 inset;
  content: " ";
  height: 100%;
  left: -5px;
  position: absolute;
  top: 0;
  width: 5px;
}
div.boxContent:after {
  box-shadow: 5px 0 5px -5px #666 inset;
  content: " ";
  height: 100%;
  left: 955px;
  position: absolute;
  top: 0;
  width: 5px;
}

.boxImage { margin:0 auto; overflow:hidden; }
.boxImage .csc-default { margin-bottom:0; }
.boxFooter { margin:0 auto; overflow:hidden; width:100%; }
.boxFooter .csc-default { margin-bottom:0; }

#arrowDown1 { margin:0 auto; width:100%; position:absolute; bottom:20px; text-align:center; z-index:1000; }
#arrowDown1 a, #arrowDown1 a:hover {
  margin:0 auto;
  display:block;
  color:rgb(255,255,255);
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);  
  text-decoration:none;
  text-align:center;
  height:70px;
  width:120px;
  background-image:url(../images/arrowdown.png);
  background-repeat:no-repeat;
  background-position: center 22px;
  transition: all 0.3s ease-in-out 0s;     
}

#arrowDown1 a:hover {
  
  transition: all 0.3s ease-in-out 0s;
  background-position: center 30px;  
}

footer {
 margin:155px 0 0 0;
}

footer div, footer aside, footer nav { margin: 0 0; }
footer aside { font-size:0.75em; color:rgb(0,0,0); }

footer .top-frame {
  margin:0;
  padding:0;
  background:rgb(250,250,250); 
}
/*
footer .top:before {
  box-shadow: -5px 0 5px -5px #999 inset;
  content: " ";
  height: 100%;
  left: -450px;
  position: absolute;
  top: 0;
  width: 5px;
}

footer .top:after {
  box-shadow: 5px 0 5px -5px #666 inset;
  content: " ";
  height: 100%;
  left: 955px;
  position: absolute;
  top: 0;
  width: 5px;
}
*/
footer .top {  
  height:30px; 
  width:900px;
  margin:0 auto;
  background:rgb(250,250,250);
  padding: 5px 25px;
}

footer .top a {
  float:right;
  display:block;
  text-decoration:none;
  height:0px;
  line-height:30px;
  font-size:0.9em;
}

footer .top a i { font-size:1.3rem; position:relative; top:2px; }

footer .body-frame {
  margin:0 0;
  background:rgb(250,250,250);
}

footer .body {
  background:rgb(250,250,250);
  margin:0 auto;
  width:860px;
  padding:10px 20px;
}


footer nav { padding:0; margin:0; }
footer nav ul { padding:0; margin:0; }

.footer-to-top { float:right; }

/*
footer nav#nav-footer { display:block; padding-bottom:30px; }
#nav-footer ul { list-style:none; clear:both; padding:0; margin:0; }
  #nav-footer > ul li { 
    float:left; margin-left:0px; margin-right:6px; padding-top:8px; padding-right:20px;
  }
  #nav-footer > ul li a { 
    font-family: 'Selina-Regular';
    text-decoration:none;
    font-size:14px;
    color:rgb(116,116,116);
  }
*/

@media screen and (max-width: 1199px) {
/*.flexslider{
    display: none !important;
  }*/
}



.flexslider ul li img { margin:0 auto; }
.flex-caption { display:none; }
.flexslider .slides img { max-width:100%; height:auto; }

.page-content figure img { width: 100%; height:auto; }   

.csc-textpic-bordershadow img {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);  
  border:none !important;
}
div.csc-textpic {
    overflow: visible;
}

.csc-textpic-image {
    margin-bottom: 0px !important;
}

blockquote {
  float:right;
  width:220px;
  height:260px;
  /*text-align:center;*/
  font-size:120%;
  padding: 30px 20px 25px 30px;
  
  background-image:url(../images/sprechblase.png);
  background-repeat:no-repeat;
  color:#fff;
  
  display:inline-block; vertical-align:middle
}
#c5017 blockquote {
  background-image:none !important;
}
blockquote h4 { color:#fff; }

.csc-mailform label em {
  display: inline-block;
  margin-left:5px;
}



.csc-default { margin-bottom: 30px; }

/*
input[type=button] {
  background: #7da747;
  background-image: -webkit-linear-gradient(top, #7da747, #d0db81);
  background-image: -moz-linear-gradient(top, #7da747, #d0db81);
  background-image: -ms-linear-gradient(top, #7da747, #d0db81);
  background-image: -o-linear-gradient(top, #7da747, #d0db81);
  background-image: linear-gradient(to bottom, #7da747, #d0db81);
  -webkit-border-radius: 21;
  -moz-border-radius: 21;
  border-radius: 21px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  border: solid #7da747 2px;
  text-decoration: none;
}

input[type=button]:hover {
  background: #7da747;
  background-image: -webkit-linear-gradient(top, 7da747, #4d6133);
  background-image: -moz-linear-gradient(top, 7da747, #4d6133);
  background-image: -ms-linear-gradient(top, 7da747, #4d6133);
  background-image: -o-linear-gradient(top, 7da747, #4d6133);
  background-image: linear-gradient(to bottom, 7da747, #4d6133);
  text-decoration: none;
}
*/

/*
     -- FORMS --
*/
form[id^="tx_indexedsearch"] input[type=text],
form input[type=text],form input[type=password],
form textarea {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  padding: 4px;
  margin:5px;
  border: solid #56A03B 1px;
  text-decoration: none;
}

form[id^="tx_indexedsearch"] input.tx-indexedsearch-searchbox-sword { width:400px !important; }

form[id^="tx_indexedsearch"] select,
form select {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  padding: 4px;
  margin:5px;
  border: solid #56A03B 1px;
  text-decoration: none;
}

form[id^="tx_indexedsearch"] input[type=submit],
form input[type=submit], form input[type=button], form button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  margin:5px;
  border: solid #56A03B 1px;
  background:#56A03B;
  color:rgb(255,255,255);
  text-decoration: none;
}

form input[type=submit] {
  padding: 6px;
  margin:5px;
  border: solid #56A03B 1px;
  background:#56A03B;
  color:rgb(255,255,255);
  text-decoration: none;
}


form[id^="tx_indexedsearch"] input[type=submit]:before,
form input[type=submit]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
}

.tx-indexedsearch-secHead { background-color:#56A03B; padding: 3px 6px; -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px; margin-bottom:15px !important; }
.tx-indexedsearch-secHead a {color:rgb(255,255,255); text-decoration:none; }
.tx-indexedsearch-secHead table * { background:none transparent !important; }
.tx-indexedsearch-result-count { color:rgb(255,255,255); }
.tx-indexedsearch-info { padding:4px; font-size:0.8rem; display:none; } 
.tx-indexedsearch-result-number { display:none; }
.tx-indexedsearch-icon img { padding-right:10px; margin-top:3px; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
    font-style: normal !important;
}
.tx-indexedsearch-list { display:none; height:0; }

form[id^="tx_indexedsearch"] table[summary="Search form"] tbody tr:not(:first-child):not(:last-child) { display:none;  }

form li label {
    width: 125px;
  margin-top:8px;
}
div.csc-mailform form.fmsearch li label, div.Tx-Formhandler li label {
    width: 175px;
}
div.csc-mailform form.fmsearch input[type="submit"]{
    margin-left:195px;
}
form .csc-form-element-fieldset,
.csc-form-confirmation fieldset { width:530px; }
div.csc-mailform fieldset { margin-bottom:25px; }

.csc-form-element-select ol { margin:0 !important; padding:0 !important; }
.csc-form-element-textline label { margin-top:0px !important; }


.form-mitglied { width:550px; }
.form-mitglied .csc-form-element-radio { /*float:left; margin-right:25px;*/ }
.csc-form-element-radiogroup legend { width:auto !important; }
.csc-form-element-radiogroup fieldset.fieldset-subgroup ol {
    position: relative;
    top: 5px;
    margin: 0px 0px 0px 0;
    padding: 0px;
}
.csc-form-element-radiogroup fieldset.fieldset-subgroup ol {
  margin-left:145px;
  margin-top:-26px;
}
.csc-form-element-radiogroup fieldset.fieldset-subgroup ol li  {
  padding:0px;
}
.csc-form-element-radiogroup fieldset.fieldset-subgroup ol li label {
  width:auto !important; 
  margin-top:0px;
}

.form-mitglied .csc-form-element-submit input { padding:8px; margin-left:0px; }+
.form-mitglied ol li label {
  position:relative;
  top:3px;
}

.form-mitglied input[name="tx_form[email]"],
.form-mitglied input[name="tx_form[anschrift]"],
.form-mitglied input[name="tx_form[ort]"],
.form-mitglied input[name="tx_form[iban]"],
.form-mitglied input[name="tx_form[bic]"] { width:250px; }

.form-mitglied input[name="tx_form[geburtsdatum]"] { width:100px; }


div.Tx-Formhandler legend {
    margin-left: 1em;
    color: #000;
    font-weight: bold;
    padding: 0 5px;
}

div.Tx-Formhandler ol{
    list-style:none;
    padding:0;
    margin:0;
}

div.Tx-Formhandler ol li{
    margin:5px 0 5px 0;
}

div.Tx-Formhandler ol li label{
    display:inline-block;
    width:175px;
}

div.Tx-Formhandler ol li label em{
    display:inline;
    margin-left:5px;
}

div.Tx-Formhandler ol li fieldset{
    margin:0 0 20px 0;
}

div.Tx-Formhandler ol li ol li fieldset{
    margin:0 0 10px 30px;
}

div.Tx-Formhandler p.formInfo {
    margin-left:185px;
  font-size:80%;
}

div.Tx-Formhandler p.formInfo {
    margin-left:185px;
  font-size:80%;
}

div.Tx-Formhandler p.formInfo em {
  color: #060;
font-size: 115%;
font-style: normal;
text-transform: uppercase;
}

div.Tx-Formhandler div[class^="formstep3-container"] {
  width:900px;
  height:30px;
  margin-bottom:25px;
}


div.Tx-Formhandler .formstep3-container1 {
  background: url("/fileadmin/user_upload/images/formulare/zeitleiste_1.jpg") no-repeat #FFF;
}
div.Tx-Formhandler .formstep3-container2 {
  background: url("/fileadmin/user_upload/images/formulare/zeitleiste_2.jpg") no-repeat #FFF;
}
div.Tx-Formhandler .formstep3-container3 {
  background: url("/fileadmin/user_upload/images/formulare/zeitleiste_3.jpg") no-repeat #FFF;
}

div.Tx-Formhandler div[class^="formstep3-container"] div[class^="formstep3-item"] {
  float:left;
  line-height:32px;
  font-size:110%;
  color:#fff;
}
div.Tx-Formhandler div[class^="formstep3-container"] .formstep3-item1 {
  margin-left:5px;
  width:308px;
}
div.Tx-Formhandler div[class^="formstep3-container"] .formstep3-item2 {
  width:315px;
}
div.Tx-Formhandler div[class^="formstep3-container"] .formstep3-item3 {
  width:272px;
}

div.Tx-Formhandler div.datacheck {
  margin-bottom:25px;
}

div.Tx-Formhandler div.datacheck p {
  margin:0 0 5px 0;
}
div.Tx-Formhandler div.datacheck p em {
  display:inline-block;
  width:150px;
}

form.newsletter-anmeldung img { width:125px; position:relative; top:10px; }
.nl-cpatcha { width:120px; }

.long {
  width:250px; 
  number-format: "###-###", "price";
}
.ta-regular {
  width:250px; 
  height:100px;
}

.formfield_error { border-color:#fc0000 !important; }
.global_error { color:#fc0000; -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 10px ;
  margin:0 19px 15px 0;
  border: solid #fc0000 1px; font-weight:bold; }

/*
     -- FILELIST--
*/


ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: none;
}

.csc-uploads {
    padding: 5px;
    border: 0px solid rgb(200,200,200);
  background:rgb(250,250,250);
    height: 240px;
    width:60%;
    overflow-y: auto;
}

.csc-uploads li {
    font-size: 1em;
    padding: .25em 1em;
    line-height: 1em;
}

.csc-uploads li span a {
    text-decoration:none !important;
}

.csc-uploads li:hover {
    background: none;
}

/*
     -- AWESOME --
*/
.green-reg { color:#56A03B; font-size:0.9rem; }


/*
     -- FLEXSLIDER--
*/

.flexslider ul { list-style:none; padding:0; margin:0; }
.flexslider ul li { padding:0; margin:0; }



/*
     -- MULTI CONTENT --
*/
.tx-jfmulticontent-pi1 { width:60%; margin-top:-10px; }
.csc-frame .tx-jfmulticontent-pi1 { width:100%; }

.tx-jfmulticontent-pi1 .csc-uploads { width:100%; }

.tx-jfmulticontent-pi1 .ui-widget-content { 
  background:none;
}

.tx-jfmulticontent-pi1 .ui-widget-header {
  background:none;
}

.tx-jfmulticontent-pi1 ul { padding-left:10px; }

.tx-jfmulticontent-pi1 .ui-widget-header { font-weight: normal; padding-left:20px; }
.ui-state-default a, .ui-state-default a:link { color:#999; }
.ui-state-active a, .ui-state-active a:link { color:#56A03B; }
.ui-widget-header {
  border:none;
  border-radius:none;
  border-bottom: 1px solid #56A03B; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFF;
    font-weight: normal;
    color: #999;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #56A03B;
    background: url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFF;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-accordion-content { height:auto !important; }

.csc-textpic-intext-left .csc-textpic-imagewrap { padding-right:30px; margin:3px 0 15px 0; }

.mobile { display: none; }


/* PLAYER */
.player {
  display: block;
  height: 30px;
  width: 380px;
  position: relative;
  /*top: 349px;*/
  left: -1px;
  /*-webkit-box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  -moz-box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  -o-box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);*/
  border: 1px solid rgb(210,210,210);
  background: rgb(230,230,230);
  /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(125,167,71, .9)), to(rgba(60,95,50 .9)), color-stop(.5, rgba(60,95,50, .9)),color-stop(.501, rgba(125,167,71, .9)));
  background: -moz-linear-gradient(top, rgba(125,167,71, .9), rgba(60,95,50, .9) 50%, rgba(60,95,50, .9) 50.1%, rgba(125,167,71, .9));
  background: linear-gradient(top, rgba(125,167,71, .9), rgba(60,95,50, .9) 50%, rgba(60,95,50, .9) 50.1%, rgba(125,167,71, .9));*/
  cursor: default;
}

.playtoggle {
  position: absolute;
  top: 0px;
  left: 5px;
  width: 30px;
  height: 30px;
  background: url(../images/player.png) no-repeat -30px 0;
  cursor: pointer;
}

.playtoggle .playing {
  background-position: 0 0;
}
.playtoggle:active {
  top: 10px;
}

.timeleft {
  line-height: 48px;
  position: absolute;
  top: -9px;
  right: 0;
  width: 50px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 1px 0 #ddd;
}

#wrapper .timeleft {
  right: 40px;
}
.gutter {
  position: absolute;
  top: 10px;
  left: 50px;
  right: 50px;
  height: 6px;
  padding: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #546374;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242f3b), to(#516070));
  background: -moz-linear-gradient(top, #242f3b, #516070);
  background: linear-gradient(top, #242f3b, #516070);
  -webkit-box-shadow: 0 1px 4px rgba(20, 30, 40, .75) inset, 0 1px 0 rgba(176, 187, 198, .5);
  -moz-box-shadow: 0 1px 4px rgba(20, 30, 40, .75) inset, 0 1px 0 rgba(176, 187, 198, .5);
  -o-box-shadow: 0 1px 4px rgba(20, 30, 40, .75) inset, 0 1px 0 rgba(176, 187, 198, .5);
  box-shadow: 0 1px 4px rgba(20, 30, 40, .75) inset, 0 1px 0 rgba(176, 187, 198, .5);
}

#wrapper .gutter {
  right: 90px;
}

.loading {
  background: #fff;
  background: #939eaa;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeef1), to(#c7cfd8));
  background: -moz-linear-gradient(top, #eaeef1, #c7cfd8);
  background: linear-gradient(top, #eaeef1, #c7cfd8);
  -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0 #141e28;
  -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0 #141e28;
  -o-box-shadow: 0 1px 0 #fff inset, 0 1px 0 #141e28;
  box-shadow: 0 1px 0 #fff inset, 0 1px 0 #141e28;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: left;
  min-width: 6px;
  height: 6px;
}

.handle {
  position: absolute;
  top: -5px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: url(../images/player.png) no-repeat -65px -5px;
  cursor: pointer;
}

.player a.popup {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 32px;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  background: url(../images/player.png) no-repeat -90px 0;
}

.player a.popup:active {
  background-position: -90px 1px;
}

/* UPLOADS */
ul.csc-uploads img { border:1px solid #ccc; }
ul.csc-uploads img:hover { border:1px solid #56A03B; }

.tx-locator-pi1 .ajaxSearchWithMapList {
    width: 100% !important;
}

#fmframe { margin-bottom:15px; }

nav#fm1, nav#fm2 { display:block; margin-bottom:5px; }
nav#fm1 ul, 
nav#fm2 ul { list-style:none; padding:0; margin:0; font-size:13px; display:block; }

nav#fm1 ul li,
nav#fm2 ul li { float:left; margin: 0 30px 0 0; width:170px; }
nav#fm1 ul li:first-child,
nav#fm2 ul li:first-child { width:115px; }
nav#fm1 { margin-right:70px; }

.csc-frame-frame1 { float:right; width:300px; clear:both;
  /*border-radius: 5px;*/
  padding: 0 50px;
  margin: 10px 5px 25px 5px;
  /*border: 1px solid #7DA747;
  background: none repeat scroll 0% 0% #7DA747;
  color: #FFF;*/
  text-decoration: none;
  font-size:100%;
}

.csc-frame-frame1 ul { padding:0; margin:0 0 0 30px; }

/* APO SUCHE */
#tx_locatorSearchImg {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
  margin:0 3px;
  border: solid #56A03B 1px;
  background:#56A03B;
  color:rgb(255,255,255);
  text-decoration: none;
  cursor:pointer;
  
  position:relative;
  top:9px;
}


/* MEMBER LOGIN */
.tx-felogin-pi1 fieldset { border:0; padding:0; margin: 0 0 25px 0; }
.tx-felogin-pi1 fieldset legend { display:none; }
.tx-felogin-pi1 form { margin-top:30px; }
.tx-felogin-pi1 form label { margin:0 0 -3px 5px; font-size:90%; }
.tx-felogin-pi1 form input[type="submit"] { margin-top:20px; }

div.vjs-big-play-button { display:none !important; }

.c-hamburger { display:none; }

/* Medium Devices, Desktops */
@media only screen and (max-width : 560px),
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {

 #buttons { margin-left:0; }


 

 #wrapper {
  max-width:480px;
  min-width:none;
 }
 
 #wrapper-inner {
  max-width:100%;
 }
 


 .recaptcha_image {
  overflow-x:scroll;
 }

/* HINZUGEFÜGT */
.boxContent { width:100%; }
div.boxContent:before {
  box-shadow: none;
  left: -5px;
}
div.boxContent:after {
  box-shadow: none;
}

/*.flexslider{
display: none;
}
*/
footer .top {  
  width:100%;
}

footer .body {
   width:100%;
  padding:10px 20px;
}

nav#fm1 ul li, nav#fm2 ul li {
    float: none;
}
/* ENDE HINZUGEFÜGT */


}


/* Mobile devices (Smart) */
@media only screen and (max-width : 768px) {

  body {  font-size: 105% !important; }


  #wrapper { position:unset; }
  #header { position:absolute; top:0; }
  #nav-main { position: absolute; top:-260px; !important }
  #topbox { display:none; }
  
  #logo-cs, #logo-cs a img {
     display:none;
  }

  #masthead-top {
    background-image:url(../images/logo_mobile.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-size:contain;
    background-position: 50% 0;
  }



  #wrapper {
    max-width:768px;
  }

 
  #content { width:100%; }
  
  #social-bar {
    display:none;
  }

  .hide-u-768 {
   display:none;
  }
  .hide-u-992 {
   display:none;
  }

 

  #layout1 .news-img-wrap { display:none; }
  .wrapper-floater { width:100%; }
  .wrapper-floater .col_third {
    width: 32%;
    max-width:100%;
    min-width:300px;
    margin:0 auto;
  }

  #footer-mid div[class*="footer-col"] { display:block; width:100%; margin-bottom:15px; }
  #footer-top .footer-colA,
  #footer-top .footer-colB { width:50%; margin-bottom:15px; }
  #footer-top .footer-colC { display:table-row; width:100%; margin-bottom:15px; }

  .article-content > .csc-default > img,
  .mediaelement a img  {
    width: 100% !important;
    height: auto;
  }

  /* HINZUGEFÜGT */
  .boxContent { width:100%; }
  div.boxContent:before {
    box-shadow: none;
    left: -5px;
  }
  div.boxContent:after {
    box-shadow: none;
  }

/* .flexslider{
    display: none;
  }
*/
  footer .top {  
    width:100%;
  }

  .csc-textpic-image .csc-textpic-last{
    max-width:100%;
    width:auto;
  }

.mitgliedschaft-verschenken {
width: 100%;
height: auto;
}

.kasten-verschenken{
display:none;
}

div.Tx-Formhandler .formstep3-container1 {
display:none;  
}
.video-js{
 display:none;
}

/* ENDE HINZUGEFÜGT */
 
}

@media only screen and (min-width : 769px) and (max-width : 960px) {
  
  #wrapper {
   max-width:960px;
  }

  .logo-cs { display:none; }

  #content { width:100%; }
  .article-content { padding:1% 5%;}

  /* HINZUGEFÜGT */
  .boxContent { width:100%; }
    div.boxContent:before {
    box-shadow: none;
    left: -5px;
  }
  div.boxContent:after {
    box-shadow: none;
  }

  footer .top {  
    width:100%;
  }

  footer .body {
    width:100%;
    padding:10px 20px;
  }

  .csc-textpic-image .csc-textpic-last{
    max-width:100%;
    width:auto;
  }
/* ENDE HINZUGEFÜGT */

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 931px) and (max-width : 1000px) {
   #wrapper {
    max-width:100%;
   /*max992px*/
}
  
.logo-cs { display:none; }

  #wrapper-page {
    width:100%;
    margin-top:160px;
  }



  
  #header {
    width:100%;
    height:100px;  
  }
  
  #page-masthead {
    position:relative;
    margin:0;
    width:100%:
  }
  
  #masthead-top {
    height:15px;
    overflow:visible !important;
  }
    #claim { display:none; }

    #topbox {
    float:right;
    margin:20px 250px 0 0;
    }
  
    #logo-cs {
      right:-60px;    
    }

    #logo-cs a img {  }
  
 

  
  #social-bar {
    display:none;
  }

  .hide-u-992 {
   display:none;
  }


  /* HINZUGEFÜGT */
  .boxContent { width:100%; }
  div.boxContent:before {
    box-shadow: none;
    left: -5px;
  }
  div.boxContent:after {
    box-shadow: none;
  }

  footer .top {  
    width:100%;
  }

  footer .body {
    width:100%;
    padding:10px 20px;
  }

  .csc-textpic-image .csc-textpic-last{
    max-width:100%;
    width:auto;
  }
  /* ENDE HINZUGEFÜGT */
  
  
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1001px) and (max-width : 1384px) {
  
  #wrapper {
    width:100%;
  }
  
  #wrapper-page {
    width:100%;
    margin-top:160px;
  }
 
  
  #header {
    width:100%;
    height:160px;

  
  }  
  
  #page-masthead {
    position:relative;
    margin:0;
    width:100%:
  }
  
  #masthead-top {
    height:75px;
    overflow:visible !important;
  }
    #topbox {
    float:right;
    margin:20px 250px 0 0;
    }
  
    .logo-cs {
      position:absolute;
      z-index:100;
      top:0;
      right:25px;
    }
  
  
  


}

@media only screen and (max-width : 1000px)  {
  .logo-cs { width:75%; }
}
@media only screen and (max-width : 900px)  {
  .claim { display:none; }
  .logo-cs { display:none; }
}
@media only screen and (max-width : 768px) {
   .masthead-top { display:none; }
   nav#nav-main { width:100%; padding-bottom: 30px; margin-top:10px !important; }
   nav#nav-main { background-color: #56A03B; padding:0 3px 0px 0; position:relative; z-index:99; top:0px; left:0; margin-left:0px;  }
   nav#nav-main ul { list-style:none; margin:0; padding:0; font-family: 'Frutiger LT W02 65 Bold'; color:#6f6f6f; }
   nav#nav-main ul li { padding:10px 16px; border-bottom:1px solid #fff; border-left:3px solid #56A03B; width:100%; }
   nav#nav-main ul li a { color:#fff; text-decoration:none; display:block; font-size:110%; margin:2px 0; letter-spacing:0.03em; }
   nav#nav-main ul li:hover { border-left:3px solid #fff; }
   nav#nav-main ul li:hover a { /*font-size:110%;*/ }
   nav#nav-main { display:none; }

   .boxContent {
     box-sizing:border-box;
     width:100%;
   }

   #header {
     width: 100%;
     padding: 0;
     position: relative;
   }

   .page-content {
     top:0;
   }

   #nav-social {
    margin: 10px 0 0 12px;
   }

   .csc-frame .tx-jfmulticontent-pi1 {
    width: 94%;
   }

   ul li { width:100%; }
   p { width:100%; }
   img { float:none !important; display:block; }
   .csc-frame-frame1 { width:100%; float:none; }

   .mobile { display: block; }

   /* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block !important;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 68px;
  height: 68px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 33px;
  left: 13px;
  right: 13px;
  height: 6px;
  background: #56A03B;
  color:#56A03B;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #56A03B;
  content: "";
}

.c-hamburger span::before {
  top: -18px;
}

.c-hamburger span::after {
  bottom: -18px;
}

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
.c-hamburger--rot {
  background-color: #28aadc;
}

.c-hamburger--rot span {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

/* active state, i.e. menu open */
.c-hamburger--rot.is-active {
  background-color: #166888;
}

.c-hamburger--rot.is-active span {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  
}

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  
  background-color: #fff;
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  color:#fff;
  background-color: #56A03B;
}

.c-hamburger--htx.is-active span {
  background: none;
  
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
  background-color: #fff;
}

/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.c-hamburger--htla {
  
  background-color: #fff;
}

.c-hamburger--htla span {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.c-hamburger--htla span::before {
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
          transition: transform 0.3s, width 0.3s, top 0.3s;
}

.c-hamburger--htla span::after {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
          transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.c-hamburger--htla.is-active {
  background-color: #fff;
}

.c-hamburger--htla.is-active span {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-hamburger--htla.is-active span::before,
.c-hamburger--htla.is-active span::after {
  width: 49%;
  background-color: #56A03B;
}

.c-hamburger--htla.is-active span::before {
  top: 0;
  -webkit-transform: translateX(30px) translateY(3px) rotate(45deg);
      -ms-transform: translateX(30px) translateY(3px) rotate(45deg);
          transform: translateX(30px) translateY(3px) rotate(45deg);
}

.c-hamburger--htla.is-active span::after {
  bottom: 0;
  -webkit-transform: translateX(30px) translateY(-3px) rotate(-45deg);
      -ms-transform: translateX(30px) translateY(-3px) rotate(-45deg);
          transform: translateX(30px) translateY(-3px) rotate(-45deg);
}

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from
 * right that will be close on re-click of the icon.
 */
.c-hamburger--htra {
  background-color: #ff9650;
}

.c-hamburger--htra span {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.c-hamburger--htra span::before {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
          transition: transform 0.3s, width 0.3s, top 0.3s;
}

.c-hamburger--htra span::after {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
          transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.c-hamburger--htra.is-active {
  background-color: #e95d00;
}

.c-hamburger--htra.is-active span {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-hamburger--htra.is-active span::before,
.c-hamburger--htra.is-active span::after {
  width: 50%;
}

.c-hamburger--htra.is-active span::before {
  top: 0;
  -webkit-transform: translateX(-8px) translateY(4px) rotate(-45deg);
      -ms-transform: translateX(-8px) translateY(4px) rotate(-45deg);
          transform: translateX(-8px) translateY(4px) rotate(-45deg);
}

.c-hamburger--htra.is-active span::after {
  bottom: 0;
  -webkit-transform: translateX(-8px) translateY(-4px) rotate(45deg);
      -ms-transform: translateX(-8px) translateY(-4px) rotate(45deg);
          transform: translateX(-8px) translateY(-4px) rotate(45deg);
}

}
.mobilenav { display:none; position:absolute; }


.align-center {
      text-align: center; 
}


/* Footer 2-spaltig */

.container-footer-1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  text-align: center;
  color:#ffffff;
}

.container-footer-testament {
  text-align: center;
  color:#56a03b;
}

.container-footer-1 img {
  width: 110px;
  margin-bottom: 30px;
  display: inline;

}

.container-footer-1 .button {
    background-color: #ffffff; /* Green */
    border: none;
    color: #56a03b;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin-top: 20px;
    border-radius:30px;
}

.container-footer-1 .button:hover {
    opacity: 0.8;
}

.container-footer-1 h2 {
   font-size:35px;
  color:#ffffff;
  margin:0 0 20px 0;
}

.container-footer-1 p {
   font-size:18px;
  line-height:1.4em;
}

.container-footer-2 {
   padding:90px 10%;
   background: #56a03b;
}

.container-footer-3 {
   padding:90px 10%;
   background: #4d9134;
}

.container-footer-4 {
   padding:90px 10%;
   background: #3d7728;
}

.container-footer-5 {
   padding:90px 10%;
   background: #ffffff;
}