/** Standard CSS DESKTOP **/
#ap img {
  max-width:130px;
  height:auto;
}

#mobilenav,
#mobilenav_open {
  display:none;
}
.mobile {
  display:none;
}
section {
  overflow:hidden;
}
nav *,
section *,
footer *,
header * {
  transition:all 200ms ease;
}
.slider {
  margin-top:0px!important;
}
* {
  margin:0;
}
img {
  border:none;
}
body {
  font-family: arial,helvetica,sans-serif;
  margin:0;
  padding:0;
  background-color:#e5ebf8;
}

/* facebook */
#fb {
  position:absolute;
  margin-top: 8px;
}
#fb img {
  border:4px solid #fff;
  width:25px;
  height:auto;
}
#fb img:focus,
#fb img:hover {
  border:4px solid #90c2dc;
}
/* /facebook */



/* header */
header {
  height:auto;
  background-color:#fff!important;
  float:left!important;
}
.search {
  float:left;
  width:714px;
}
.logo {
  margin:0;
  padding:2% 0 2% 30px;
  float:left;
  width:calc(50% - 30px);
}
.logo img {
  height:auto;
  width:100%;
  max-width:450px;
}
.tel {
  padding:5.6% 0 0 0%;
  width:calc(50% - 0px);
  float:left;
  text-align:right;
}
.tel img {
  width:calc(98% - 22px);
  max-width:424px;
  height:auto;
  margin:0 16px 1.5% 2%;
}
.tel > div:last-child {
  margin-top:0.4%;
}

/* topnav */
#topnav {
  font-weight:bold;
}
#topnav,#footernav {
  margin:0 auto;
  height:47px;
  background-color:#0069b3;
}
#footernav {
  background-color:#fff;
}
#topnav > ul {
  display:contents;
  margin:0px 0 0 0;
}
#topnav ul {
  margin:0px 0 0 0;
}
#topnav .hassub {
  padding-top:13px;
  cursor:pointer;
}
#footernav ul {
  display:inline-block;
  margin:13px 0 0 0;
}

#topnav ul li, #footernav ul li {
  list-style-type:none;
  float:left;
  color:#fff;
  padding:0 12px;
}
#topnav ul li {
  padding:11px 7px;
}


#topnav a:link,
#topnav a:active,
#topnav a:visited {
  color:#fff;
  text-decoration:none;
  padding:2px 5px;
  display:block;
}

#footernav a:link,
#footernav a:active,
#footernav a:visited {
  color:#90c2dc;
  text-decoration:none;
}
#footernav a:focus,
#footernav a:hover {
  color:#0069b4!important;
}
#topnav a:focus, 
#topnav a:hover {
  background-color:#90c2dc;
  color:#0069b4!important;
}
.level2 {
  display:none;
  position:absolute!important;
  padding:10px;
  border-style:none;
  border-top:4px solid #0069b3;
  margin:10px 0 0 0px;
  z-index:100!important;
  background-color:#bbcceb;
}
.level2 li {
  clear:both;
  float:none;
  padding:5px 10px!important;
  border-left:none!important;
  width:calc(100% - 20px);
}
.level2 .last {
  border:none!important;
}
.active .level2 {
  border-top:2px solid #0069b3!important;
}

#topnav .active a:link,
#topnav .active a:active,
#topnav .active a:visited {
  background-color:#90c2dc;
  color:#0069b3!important;
}
/*
#topnav ul li:hover .level2 {
  display:block!important;
  z-index:9999;
  text-transform:none;
}
*/

#topnav .level2 a:link,
#topnav .level2 a:active,
#topnav .level2 a:visited {
  color:#fff!important;
  background-color:transparent;
}
#topnav .level2 a:focus,
#topnav .level2 a:hover {
  color:#0069b4!important;
  background-color:transparent!important;
}

#topnav .middle,
#topnav .last,
#footernav .middle,
/*#footernav .last*/ {
  border-left:2px solid #fff;
}
#footernav a:hover {
  color:#303030;
}

/* BX Slider */
#content .bx-wrapper {
  border-bottom:10px solid #0069b4;  
  width:100%;
  max-width:1002px!important;
  overflow:hidden!important;
  margin:0 auto;
}
#content .inner .bx-wrapper{
  margin: 0px;
}
#content .inner .bx-wrapper .bx-viewport{
  box-shadow: none;
  border: none;
  max-width:1002px!important;
  overflow:hidden!important;
}
.bx-has-pager {
  display:none;
}


/* footer */
footer {
  background-color:#fff!important;
  border-bottom:2px solid #0069b3;
}
footer .inner {
  width:100%;
  max-width:1024px;
  color:#0069b3;
  min-height:47px;
}
footer .left {
  float:left;
  width:600px;
  padding-top:13px;
  padding-left:33px;
  font-size:14px;
}
footer .right {
  float:right;
}
#footernav {
  border:none;
  text-align:right;
  text-transform:none;
}
/* subfooter */
#subfooter {
  float:left;
  color:#fff;
  padding:30px 0 30px 0;
}
#subfooter a:link,
#subfooter a:active,
#subfooter a:visited {
  color:#fff;
  text-decoration:none;
}
#subfooter a:hover {
  text-decoration:underline;
}

#subfooter .csc-frame {
  float:left;
  width:33%;
}
#subfooter .csc-header {
  background:none!important;
}
#subfooter h1 {
  font-weight:normal;
  font-size:18px;
  padding:20px 0 0 37px;
  background:transparent;
  width:auto!important;
}
#subfooter h2 {
  font-size:20px;
  padding:10px 0 0 37px;
  font-weight:normal;
}
#subfooter p {
  padding:0 0 10px 0px;
}

/** kontaktform **/
#kontaktform .control-label,
#kontaktform .help-block {
  display:none;
}
#kontaktform .form-group {
  padding:1.5% 0;
}
#kontaktform input[type=text],
#kontaktform textarea {
  padding: 2%;
  width:96%;
}
#kontaktform ol .csc-form-element-submit{
  float:right;
  text-align:right;
  width:46%;
  
}
#kontaktform ol .csc-form-element-reset {
  float:left;
  width:46%;
}
#kontaktform .submit .btn {
  background-color: #fff;
  border: 0px;
  color: #000;
  padding:5px;
  width:100%;
  cursor:pointer!important;
  margin:0 auto;
}
#kontaktform .submit .btn:hover,
#kontaktform .submit .btn:focus {
  background-color:#90c2dc;
}



/* allgemeines */
.inner {
  margin:0 auto;
  width:100%;
  max-width:1024px;
}
nav,section,header,footer {
  margin:0 auto;
  width:100%;
  clear:both;
  float:none;
}
nav, #subfooter {
  background-color:#0069b3;
}
.bodytext {
  line-height:1.4em;
}

/* typo3 klassen */
.csc-frame-frame1 {
  width:300px;
  float:left;
  margin-left:32px;
  margin-bottom:30px;
  background-color:#fff;
  font-size:14px;
  border:1px solid #ccc;
}
.csc-textpic {
  background-color:#fff;
}
.csc-frame-frame1 .csc-textpic-text h1 {
  font-size:16px;
  padding:0 33px 10px 33px;
  font-weight:normal;
}
.csc-frame-frame1 .csc-textpic-text p {
  padding:0 33px 20px 33px;
}
.csc-textpic-image {
  background-color:#fff;
}
.csc-textpic-image img {
  max-width:300px!important;
  height:auto;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right:310px!important;
}

/* Überschrift mit Linie */
.csc-frame .csc-header {
  display:inline-block;
  width:calc(100% - 20px);
  background:url(/fileadmin/images/bg_headline.png) repeat-x;
  color:#878786;
  font-size:16px;
  font-weight:bold;
  /*text-transform:uppercase;*/
  margin:20px 0 10px 0;
  background-position: 0 10px;
}
.csc-frame .csc-header h1 {
  background-color:#e5ebf8;
  display:table-cell;
  float:left;
  width:auto!important;
  padding-left:8px;
  padding-right:15px;
  font-weight:normal;
  margin-top: -5px;
}

/* unterseiten */
/* leftcontent */
.leftcontent {
  width:60%;
  float:left;
  margin:0 50px 30px 30px;
  
}
.leftcontent_inner {
  width:88%;
  float:left;
  padding:35px;
  background-color:#fff!important;  
  margin-bottom:30px;
}
.leftcontent_inner .csc-frame {
  width:100%;
}
.leftcontent_inner .csc-header {
  width:auto;
  background:transparent;
  
}
.leftcontent_inner h1,
.leftcontent_inner h2 {
  background:transparent!important;
  background-color:transparent!important;
  border:none!important;
  font-size:20px!important;
  font-weight:normal;
  margin-bottom:10px;
  line-height:1.2em;
  color:#000;
  padding:0!important;
  text-transform:normal!important;
}
.leftcontent_inner h2,
.leftcontent_inner h3 {
  margin-top:15px;
}
.leftcontent table td {
  vertical-align:top!important;
}
.leftcontent_inner a:link,
.leftcontent_inner a:active,
.leftcontent_inner a:visited {
  font-size:15px;
  color:#fff;
  text-decoration:none!important;
  display:block;
  width:200px;
  padding:4px 25px 4px 8px;
  background:url(/fileadmin/images/icon_arrow.png) no-repeat;
  background-position:98% 50%;
  background-color:#00955D;
}
.leftcontent_inner a:hover {
  text-decoration:underline!important;
}
.csc-textpic-image a {
  background:none!important;
}
.csc-uploads-fileName {
  text-decoration:none!important;
}


/** tt_news **/
.news-list-view {
  float:left;
  width:100%;
}
.news-list-view .footer {
  display:none;
}
.news .article:last-child {
  padding-bottom: 15px;
  margin-bottom: 15px;  
}
.article {
  float:left!important;
  background-color:#fff;
  width:232px;
  margin:20px 0;
  overflow:hidden;
  cursor:pointer;
}

.article:nth-of-type(2),
.article:nth-of-type(3),
.article:nth-of-type(4) {
  margin-left:25px;
}

.article:hover h3 {
  color:#0069b4!important;
}

.news .article .news-img-wrap a {
  padding:0!important;
  margin:0!important;
  border-style:none!important;
}
.article .news-img-wrap {
  clear:both;
  float:left;
  height:152px;
  overflow:hidden;
  padding:0 !important;
  margin:0 !important;
  border-style:none !important;
  
}
.news .article .news-img-wrap img {
  max-width:232px;
  height:auto;
}
.teaser-text {
  clear:both;
}
.news-list-view .header {
  clear:both;
  float:none;
}
.header h3 {
  background-color:#bdbcbc;
  color:#fff!important;
  height:43px;
  padding:10%;
  font-size:17px;
}
.header a:link,
.header a:active,
.header a:visited {
  color:#fff;
  text-decoration:none;
}
.teaser-text p {
  padding:10%;
  font-size:15px;
  height:52px;
}
.news-list-date {
  display:none;
}
.news-list-morelink {
  display:block;
  clear:both;
  float:none;
  width:100px;
  background-color:#e5ebf8;
  color:#000;
  margin:0 auto 15px auto;
  padding:2%;
  text-align:center;
  font-size:15px;
}
.news-list-morelink a:link,
.news-list-morelink a:active,
.news-list-morelink a:visited {
  color:#000;
  text-decoration:none;
}
.news-list-morelink a:focus,
.news-list-morelink a:hover {
  
}



/* NEWS Detailseite */
.news-single-item {
  width:924px;
  margin:30px auto;
  padding:30px;
  background-color:#fff;
}
.news-single-item h1 {
  color:#00955D;
  text-transform:uppercase;
  font-weight:normal;
  font-size:24px;
}
.news-single-item h2 {
  color:#000;
  font-weight:normal;
  font-size:20px;
  padding:10px 0 20px 0;
}
.news-single-item a:link,
.news-single-item a:active,
.news-single-item a:visited {
  color:#000;
}
.news-single-item a:visited {
  color:#000;
}

.news-single-backlink {
  width:50px;
  text-align:center;
}
.news-single-backlink a {
  background-color:#00955D!important;
  color:#fff!important;
  padding:10px!important;
  margin:20px 0 0 -10px!important;
  text-decoration:none!important;
  background-image:none!important;
  text-align:center!important;
  width:auto!important;
}
.news-single-backlink a:hover {
  color:#303030!important;
}
.news-list-container IMG{
  width:100%;
}
.morebutton{
  width:112px !important;
}


/* formualar im content */
.leftcontent .csc-form-element  {
  padding:3px 0 3px 0;
}

#c9 img {
  max-width:100%;
}

/* Standard Links Impressum */
#c98 a:link,
#c98 a:active,
#c98 a:visited {
  padding:0!important;
  margin:0!important;
  background-color:#transparent!important;
  background:none!important;
  font-size:12px;
  color:#000;
  float:none!important;
  text-decoration:underline!important;
  width:auto!important;
  display:inline;
}
#c98 a:hover {
  
}
.tx-indexedsearch a:link,
.tx-indexedsearch a:active,
.tx-indexedsearch a:visited {
  color:#000;
}
.tx-indexedsearch a:hover {
  color:#00955D;
}
.no-style {
  background-color:#transparent!important;
  background:none!important;
  color:#000!important;
  float:left;
  text-decoration:underline!important;
  width:auto!important;
  padding:0px 10px 0 0!important;
  margin:0px!important;
  font-size:12px!important;
  line-height:1.2em;
}

#c118 a:link,
#c118 a:active,
#c118 a:visited {
  background-color:transparent!important;
  background:none;
  width:auto!important;
  color:#000!important;
  float:none;
  display:inline;
  padding:0!important;
  margin:0!important;
  text-decoration:underline;
}
div#c44 {
    background-color: white;
}
/** latest news **/
.news-latest-container {
  background-color:#fff;
  float:left;
}
.news-latest-item {
  clear:both;
  float:left;
  border-bottom:1px solid #ccc;
  background-color:#fff;
  padding-bottom:20px;
  padding-top:20px;
}
.news-latest-image {
  float:left;
  width:170px;
}
.news-latest-text {
  float:left;
  width:340px;
}
.news-latest-text a:link,
.news-latest-text a:active,
.news-latest-text a:visited {
  font-size:14px!important;
}
.news-latest-text a:hover {
  
}

.news-latest-gotoarchive {
  clear:both;
  float:none;
  background-color:#fff;
}
/* news header list */
.news-header-list-container * {
  font-size:14px!important;
}
.news-header-list-date {
  width:100px;
  float:left;
}
.news-header-list-title {
  width:400px;
  float:left;
}

input,textarea {
  border-style:none;
}
.vnwi {
  float:right;
  margin:2% 1.4% 0 0;
  text-align:center;
  background-color:#fff;
  padding:1% 0;
}
.vnwi img {
  width:100%;
  max-width:80%;
  height:auto;
}
.align-center {
  text-align:center;
}

iframe {
  margin:0 2% 2%;
  width:94%;
  max-width:1004px!important;
}

@media screen and (min-width:1002px) {

.level2 {
  display:none;
}
}

@media screen and (max-width:1002px) {

.pagetitle {
  padding:2%!important;
}
.desktop {
  display:none;
}
.mobile {
  display:block;
}
#mobilenav {
  display:block;
}
/* hamburger */
.spinner-master3 * {
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  box-sizing:border-box;
}
.spinner-master3 {
  position:relative;
  margin:0 0 0 calc(100% - 45px);
  height:50px;
  width:30px;
}
.spinner-master3 input[type=checkbox] {display:none;}
.spinner-master3 label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:10px;left:0;}

.spinner-master3 .spinner3 {position:absolute;height:5px;width:100%;background-color:#fff;}

.spinner-master3 .diagonal.part-1 {position:relative;float:left;}
.spinner-master3 .horizontal {position:relative;float:left;margin-top:6px;}
.spinner-master3 .diagonal.part-2 {position:relative;float:left;margin-top:6px;}

.spinner-master3 input[type=checkbox]:checked ~ .spinner-spin3 > .horizontal {transform:scale(2,1);-webkit-transform:scale(2,1); opacity: 0;}
.spinner-master3 input[type=checkbox]:checked ~ .spinner-spin3 > .diagonal.part-1 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:10px;}
.spinner-master3 input[type=checkbox]:checked ~ .spinner-spin3 > .diagonal.part-2 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-16px;}
/* /hamburger */

/* nav mobile */
.level01 {
  padding:0 0 42px 0 !important;
}
.level01 li {
  list-style-type:none;
  font-size:16px;
  text-align:center;
}
.level01 li a:link,
.level01 li a:active,
.level01 li a:visited {
  display:block;
  padding:2%;
  color:#fff;
  text-decoration:none;
  
}
.level01 li a:focus,
.level01 li a:hover {
  background-color:#90c2dc;
  color:#0069b3 !important;
}
.level01 .hassub {
  color:#fff;
  padding:2%;
}
/*
.level01 .hassub:hover ul {
  display:block;
}
*/

.level2 {
  margin: 0 0 0 -13px !important;
  width: calc(100% - 13px);
}

.article {
  margin-left:12px;
  margin-right:12px;
}
.csc-frame .csc-header h1 {
  padding-left:5%!important;
}

}

@media screen and (max-width:800px) {
#fb img {
  width:14px;
}
.logo {
  padding:2%;
}
.csc-textpic-imagewrap {
  float:left!important;
  margin:0!important;
  float:none;
}
.csc-textpic-text {
  width:100%;
  clear:both;
  margin:0;
}
#content p.bodytext {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}
#subfooter .csc-frame {
  clear:both;
  width:92%;
  padding:4%;
}
.vnwi {
  margin:0 5% !important;
}
.tr {
  clear:both;
  float:none;
}
.td {
  float:left;
  padding:2%;
}

.break {
  clear:both;
  float:none;
}

.download {
  font-size:12px;
  line-height:13px;
}
.dl2 img {
  width:15px;
  height:auto;
}
}


@media screen and (max-width:600px) {
.tel {
  margin-top:0.15%;
}
.tel > div:last-child {
  margin-top:-1.4%;
}
}



@media screen and (max-width:510px) {
.tel > div:last-child {
  margin-top:-2%;
}
.article {
  margin:25px auto!important;
  float:none!important;
}
#ap h3,
#ap .td {
  padding:0;
}
#ap .td {
  padding:0 3%;
}

.break {
  height:44px;
}
}



@media screen and (max-width:400px) {
.tel {
  margin-top:-0.1%;
}
.tel > div:last-child {
  margin-top:-3%;
}
}