body {
  padding-top: 0px;
  background: #EFEFEF url('../img/bg-unterseite_01.png') 0px -488px repeat-x;
  font-family: Droid Sans, Arial, sans-serif;
  color: #777;
}

body#startseite {
    background: #EFEFEF url('../img/bg.jpg') repeat-x;
}

/* �berschriften-Formate */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, .p {font-family: Droid Sans, Arial, sans-serif; color: #777; }
h1, .h1 {font-size: 26px; color: #24879C; text-transform: uppercase; font-weight: bold;}
h2, .h2 {font-size: 18px; color: #24879C; text-transform: uppercase; font-weight: bold;}
h3, .h3 {font-size: 16px; color: #24879C; text-transform: uppercase; font-weight: bold;}
h4, .h4 {}
h5, .h5 {}
h6, .h6 {font-size: 12px; color: #CCC;}

.carousel-caption h1,.carousel-caption h2,.carousel-caption h3,.carousel-caption h4,.carousel-caption h5 {
  color: #FFF;
}

/* Header */
.masthead {
   -moz-box-shadow: 0px 0px 2px #ddd !important;
   -webkit-box-shadow: 0px 0px 2px #ddd !important;
  box-shadow: 0px 0px 2px #ddd !important;
  margin-bottom: 20px;
  background: #FFF;
}

body#startseite .masthead {
   -moz-box-shadow: 0px 0px 2px #666 !important;
   -webkit-box-shadow: 0px 0px 2px #666 !important;
  box-shadow: 0px 0px 2px #666 !important;
  margin-bottom: 20px;
  background: #FFF;
}

img {width: 100%; border: 0 none;}
img.logo { padding-left: 15px; padding-top: 6px; margin-bottom: 22px; }

a {
color: #24879C;
text-decoration: none;
}

a:hover {
color: #1D7081;
}

a.list-group-item {
color: #24879C;
}

.list-group > a.list-group-item > p {font-size: 12px; color: #CCC; line-height: 14px; margin-left: 40px;}
.list-group > a.list-group-item > h5 {color: #24879C; margin-left: 40px;}

p.head {font-size: 12px; color: #777; margin-bottom: 0; margin-top: 7px; margin-left: 7px;}
p.telefon {font-size: 20px; color: #268FA4; font-weight: bold; margin-left: 7px;}

.btn-primary {
background-color: #24879C;
border-color:  #24879C;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #1D7081;
border-color: #285e8e;
}

.col-md-4 > .pull-right > .btn-primary {font-weight: normal; margin-top: -25px; margin-left: 56px; text-transform: none;}
.col-md-4 > .pull-right > .btn-primary > img {width: auto; padding-right: 8px;}

.footer {margin-top: 20px;}
.footer > .panel > .panel-body > .row > .col-md-2 > h2 {font-size: 16px; font-weight: bold; color: #999; text-transform: none;}
.footer > .panel > .panel-body > .row > .col-md-2 > p {font-size: 12px; color: #999;}
.footer > .panel > .panel-body > .row > .col-md-2 > a {font-size: 12px !important;}
.footer > .panel > .panel-body > .row > .col-md-2 > ul > li {list-style: none; margin-left: -39px;}
.footer > .panel > .panel-body > .row > .col-md-2 > ul > li > a {font-size: 12px !important;}

.panel-heading {
height: 60px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
font-weight: normal;
}

.hidden-sm a.glyphicon {
font-size: 25px !important;
  margin-left: 0px;
}

.breadcrumb {
padding: 8px 0px;
background-color: transparent;
margin-bottom: 10px;
list-style: none;
border-radius: 4px;
}

.footer p {
font-size: 12px;
}

.footer div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 0px;
}

a.glyphicon {
  font-size: 12px;
  text-decoration: none;
}

a.glyphicon b {
  font-family: Droid Sans, Arial, sans-serif;
  font-weight: normal;
  margin-left: 3px;
}

/* Main marketing message and sign up button */
.jumbotron {
  /* text-align: center; */
  background: #FFF;
  -moz-box-shadow: 0px 0px 2px #ddd;
  -webkit-box-shadow: 0px 0px 2px #ddd;
  box-shadow: 0px 0px 2px #ddd;
  border-radius: 0px !important;
  margin-bottom: 20px;
  padding: 20px !important;
}

.panel {
border-radius: 0px; margin-bottom: 20px; background-color: #ffffff; padding: 20px;
-moz-box-shadow: 0px !important;
-webkit-box-shadow: 0px !important;
box-shadow: 0px !important;
}
.panel-default .panel-heading {margin-bottom: 15px; color: #FFF; background-color: #24879C; border: none; border-radius: 0px; text-transform: uppercase; font-weight: bold; /* ScNi font-size: 20px;*/}
.panel > .panel-body {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
.panel > .panel-body > img {width: auto; float: left; padding-right: 20px; margin: 0px auto;}
.panel > .panel-body > h1 {font-size: 26px; font-weight: bold; color: #24879C; text-transform: uppercase; margin-top: -4px;}
.row > .col-md-3 > .panel > .panel-heading {font-size: 13px; font-weight: bold;}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  background-color: #24879C; /* Old browsers */
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #FFF;
  color: #3A93A6;
  background-image: none;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: #1D7081;
}
.nav-justified > li:first-child > a {

}
.nav-justified > li:last-child > a {
  border-bottom: 0;
}

@media (min-width: 768px) {
.nav-justified {max-height: 50px;}
.nav-justified > li > a {border-left: 1px solid #1B6575; border-right: 1px solid #3A93A6;}
.nav-justified > li:first-child > a {border-left: 0;}
.nav-justified > li:last-child > a {border-right: 0;


}



}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
/* Remove the padding we set earlier */
.masthead, .marketing, .footer {padding-left: 0; padding-right: 0;}
}

.sidebar-nav-fixed {
    position:fixed;
    top: 200px;
    right:0;
}

.sidebar-nav-fixed ul{
padding: 0px;
margin: 0px;
}

.sidebar-nav-fixed li{
list-style: none;
width: 40px;
height: 40px;
-webkit-box-shadow: 0px 0px 2px #ddd;
box-shadow: 0px 0px 2px #ddd;
padding: 4px 8px;
margin-bottom: 15px;
background: #FFF;
}

.panel {
-webkit-box-shadow: 0px 0px 0px #ddd;
box-shadow: 0px 0px 0px #ddd;
border: none;
}

ul.dropdown-menu .panel {
text-align: center;
}

.nav-justified .panel {
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.08);
}

.nav-stacked > li + li {
margin-top: 0px;
}

  .mobi {
  display: none;
  }

/* Textbox in Slider f�r Desktop bis zum Tablet */
.item active > .visible-lg, .visible-md {background: #24879C; right: 5%; left: 70%; bottom: 10%; opacity: 0.95; filter: alpha(opacity=95); padding-left: 30px; text-align: left;}
.item active > .visible-lg, .visible-md > h3, .h3 {font-size: 40px; font-weight: bold; text-transform: uppercase;}
.item active > .visible-lg, .visible-md > h4, .h4 {font-size: 14px; text-transform: uppercase;}
/* Textbox in Slider f�r Tablets und Smartphones */
.item active > .visible-sm, .visible-xs {background: #24879C; position: static; text-align: left;}
.item active > .visible-sm, .visible-xs > h3, .h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; padding-left: 20px; margin-bottom: -10px;}
.item active > .visible-sm, .visible-xs > h4, .h4 {font-size: 12px; text-transform: uppercase; padding-left: 20px; margin-bottom: -12px; margin-top: 0px;}

.carousel-control.left, .carousel-control.right {
 border-radius: 20px;
 background: #FFF;
 height: 40px;
 width: 40px;
 opacity: 1;
 filter: alpha(opacity=100);
}

.schutz {
padding: 0 40px 0 50px;
font-size: 9px;
}

.schutz .glyphicon {
color: #24879C;
font-size: 15px;
}

.schutz h6 {
font-size: 9px;
color: #24879C;
}

.carousel-control.left {
left: -32px;
}

.carousel-caption a.btn-primary {
  font-size: 16px;
  /* padding: 14px 24px; */
  background-color: #820008;
  border-color: #820008;
}

.carousel-caption a.btn-primary:hover {
  background-color: #6F0005;
  border-color: #6F0005;
}

.carousel-control.right {
right: -32px;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
top: 0%;
}

.carousel-caption.pfeil {
right: 20%;
left: -47%;
padding-bottom: 30px;
}

.fernwartung {
top: -15px;
right: 28px;
position: absolute;
margin: 0px;
}

.pull-right a.navbar-link {
margin: 10px 5px;
}

a.menu_active {
text-decoration: underline !important;
}

.navbar-text {
float: left;
margin-top: 20px;
margin-bottom: 15px;
}

.masthead .col-xs-4 {
margin-top: 12px;
}

#rabatt {
background: #24879C;
color: #FFF;
padding: 6px;
font-size: 7px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 40px;
height: 40px;
display: block;
overflow: hidden;
position: absolute;
top: -10px;
right: 1px;
font-weight: normal;
line-height: 13px;
-moz-transform:rotate(5deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(5deg); /* Safari */
-o-transform:rotate(5deg); /* Opera */
-ms-transform:rotate(5deg); /* IE9 */
transform:rotate(5deg); /* W3C */
text-transform: uppercase;
}

.rabatt_zahl {
font-size: 13px;
font-weight: bold;
}

.nav-justified li a {
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
}

label {
color: #24879C;
}

.form_anfr {
background: #F3F3F3;
display: block;
padding: 10px 0;
margin-bottom: 10px;
}

.form_anfr .bodytext {
padding: 0px;
font-size: 12px;
}

.form_anfr .form-group {
margin-bottom: 10px;
}

.form_anfr h3 {
padding: 8px 0px;
color: #666;
font-weight: normal;
}

.form_anfr .form-control {
border: none;
}

.form_anfr .form-horizontal .form-group {
padding: 0 15px 0 35px;
}

.form_anfr:after, .form_anfr:before {
  left: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.form_anfr:before {
  width: 0;
  height: 0;
  border-left: 17px solid #FFF;
  border-right: 17px solid transparent;
  border-bottom: 60px solid transparent;
  border-top: 60px solid transparent;
}

.col-md-3 div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
overflow: hidden;
padding: 0 12px 0 0px;
font-size: 12px;
}

.col-md-7 h1 {
margin-bottom: 20px;
}

.col-md-7 h2 {
font-size: 16px;
color: #666;
font-weight: bold;
text-transform: none;
margin-top: 20px;
}

.col-md-7 .col-md-5, .col-md-7 .col-md-2 {
padding-top: 20px
}

.breadcrumb .active, .breadcrumb a, .breadcrumb li {
font-size: 12px;
color: #bbb !important;
}

.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
color: #ffffff;
background-color: #3A93A6;
border-radius: 0px;
}

.nav li a:hover, .nav li a:focus {
background-color: #1D7081;
color: #ffffff;
border-radius: 0px;
line-height: 16px;
}


.nav li a {
line-height: 16px;
/* text-transform: uppercase; */
}

.btn-green {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #24879C;
  *background-color: #24879C;
  background-image: -moz-linear-gradient(top, #24879C, #24879C);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#24879C), to(#24879C));
  background-image: -webkit-linear-gradient(top, #24879C, #24879C);
  background-image: -o-linear-gradient(top, #24879C, #24879C);
  background-image: linear-gradient(to bottom, #24879C, #24879C);
  background-repeat: repeat-x;
  border-color: #24879C;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24879C', endColorstr='#24879C', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #FFFFFF;
  background-color: #24879C;
  *background-color: #003bb3;
}

@media (max-width: 768px) {
  p.head {
  display:none !important;
  }
  p.telefon {
  font-size: 20px;
  }
  .sidebar-nav-fixed {
  display: none;
  }
  .container {
  padding: 0px;
  }
  .nav > li {
  border-top: 1px solid #FFF;
  }
  .nav-justified > li > a {
  background: #3A93A6 url('../img/pfeil.png') no-repeat;
  background-position: right;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  }

  .nomobi {
  display: none;
  }
  .mobi {
  display: block;
  }
  ul.icons {
  list-style: none;
  padding: none;
  margin:none;
  }
  ul.icons li {
  float: right;
  position: relative;
  margin: 14px 8px 14px 0;
  }
  img.logo {
  margin: 8px 0 15px 0;
  }
  .glyphicon {
  font-size: 22px !important;
  }
  .carousel-control, .carousel-control:hover {
  display: none;
  }
  .jumbotron {
  padding: 0px !important;
  }
  .row {
  margin-right: 0px;
  }
  .panel-body .row {
    margin-right: -15px;
  }
  .marken, #rabatt {
  display:none;
  }
  .nav li.active a, .nav li.active a:hover  {
  border-top: 1px solid #1D7081;
  background: #FFF url('../img/active_pfeil.png') no-repeat;
  background-position: right;
  }
  .carousel-caption.pfeil {
  right: 20%;
  left: -47%;
  bottom: -70px;
  }

body#service .nav-justified,   
body#schnaeppchen .nav-justified, 
body#schule .nav-justified,  
body#buero .nav-justified {
max-height: 50px;
position: relative;
top: 131px !important;
}

body#service .container .jumbotron,   
body#schnaeppchen .container .jumbotron,
body#schule .container .jumbotron,
body#buero .container .jumbotron {
border-radius: 6px;
top: -289px !important;
position: relative;
}

.flexslider {
    height: 131px !important;
}

}

.panel-body img {
  width: auto !important;
  max-width: 100%;
  height: auto;
}

.dropdown-menu .panel-body img {
width: auto !important;
height: 100px;
}

.panel-default .panel-heading a {
color: #FFF;
font-size: 13px !important;
text-decoration: none;
background-color: transparent !important;
}


.dropdown-menu{
  top: 42px;
  left: 0px;
  width: 1140px;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.175);
  padding-top: 18px;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #FFF;
color: #3A93A6;
}

.nav .caret {
display: none;
}


/*------------------Imageslider------------------*/

.tx-imagecycle-pi1-images .imagecycle-caption {
position: absolute;
left: 72%;
bottom: 16%;
width: 24%;
height: 70%;
padding: 5px;
color: #fff;
background: #24879C;
opacity: 0.8;
white-space: nowrap;
padding: 1%;
}

.tx-imagecycle-pi1-images h1, .tx-imagecycle-pi1-images h2, .tx-imagecycle-pi1-images h3, .tx-imagecycle-pi1-images h4, .tx-imagecycle-pi1-images h5, .tx-imagecycle-pi1-images h6, .tx-imagecycle-pi1-images .h1, .tx-imagecycle-pi1-images .h2, .tx-imagecycle-pi1-images .h3, .tx-imagecycle-pi1-images .h4, .tx-imagecycle-pi1-images .h5, .tx-imagecycle-pi1-images .h6, .tx-imagecycle-pi1-images p, .tx-imagecycle-pi1-images .p {
font-family: Droid Sans, Arial, sans-serif;
color: #FFF;
}

.tx-imagecycle-pi1-images h3 {
font-size: 40px;
display: block;
}

.tx-imagecycle-pi1-images h4 {
font-size: 14px;
display: block;
}

.tx-imagecycle-pi1-images .btn-primary, .tx-imagecycle-pi1-images .btn-primary:hover {
background-color: #830008;
border-color: #830008;
color: #FFF !important;
border-radius: 3px;
}


.imagecycle-controller{
  display:block !important;
  background:transparent;
  overflow:visible;
}

.imagecycle-controller a{
  top:0px;
}

.imagecycle-controller .first, .imagecycle-controller .pause, .imagecycle-controller .last{
  display:none;
}
.imagecycle-controller li.next a{
  background: none repeat scroll 0 0 #FFFFFF;
  background-image: url(../img/slider_pfeil_left.png);
  background-repeat: no-repeat;
  background-position:8px 50%;
    border-radius: 20px 20px 20px 20px;
    height: 40px;
    opacity: 1;
    width: 40px;
  margin-right:-220%;
    position:absolute;
  left:277%;
}
.imagecycle-controller li.prev a{
  background: none repeat scroll 0 0 #FFFFFF;
  background-image: url(../img/slider_pfeil_right.png);
  background-repeat: no-repeat;
  background-position:8px 50%;
    border-radius: 20px 20px 20px 20px;
    height: 40px;
    opacity: 1;
    width: 40px;
  margin-left:-220%;
}
.anythingSlider .anythingWindow {
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 25px;
    width: 100%;
}
.anythingSlider-default .anythingWindow {
    border-bottom: none;
    border-top: none;
}

.anythingSlider-default {
    margin: 0 auto;
    padding-left:0px;
}

/* Form Produktanfrage */

.powermail_label {
display: block;
width: 200px;
float: left;
clear: left;
font-weight: normal;
color: #24879C;
text-transform: uppercase;
}

.panel-body .powermail_submit {
float: right;
border: 0;
margin: 0px;
color: #FFF !important;
font-weight: bold;
cursor: pointer;
background: #830008;
padding: 5px;
text-transform: uppercase;
}

.powermail_fieldset {
clear: left;
border: 0;
padding: 15px 15px 29px 15px;
margin-bottom: 0px;
background: #FFF;
border: 0px;
border: 1px solid #DDDDDD;
}

.powermail_legend {
font-weight: bold;
color: #24879C;
float: right;
border-bottom: 1px solid #DDDDDD !important;
margin: 0 0 30px 0px;
padding: 10px 0 26px;
text-transform: uppercase;
font-size: 16px;
white-space: normal;
}

.powermail_field {
font-family: Calibri, Arial, sans-serif;
font-size: 14px;
width: 100%;
padding: 3px;
border: 1px solid #DDDDDD !important;
color: #444;
}

div.tx-powermail {
font-family: Calibri, Arial, sans-serif;
font-size: 14px;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

.form_anfr .powermail_fieldset {
clear: left;
border: 0;
padding: 10px;
margin-bottom: 20px;
background: none;
border: none;
margin-left: 14px;
}

.form_anfr .powermail_label {
display: block;
width: 100% !important;
display: block;
font-weight: bold;
color: #1E5799;
}

.form_anfr .tx-powermail {
width: 100%;
}

.form_anfr .powermail_field {
width: 95%;
border: none;
color: #bbb;
}

.form_anfr .powermail_label {
display: none;
}

.form_anfr .powermail_legend {
font-weight: bold;
color: #24879C;
float: right;
font-size: 18px;
white-space: normal;
text-transform: uppercase; 
border-bottom: 0px solid #DDDDDD !important;
margin: 0px;      
padding: 0px 0 9px 30px;
}

.form_anfr legend {
border-bottom: 0px;
background: url('../img/form_anfrage.png') 2px 0 no-repeat;
line-height: 30px;
}

.form_anfr .powermail_fieldwrap_16 {
font-size: 10px;
line-height: 11px;
color: #555;
padding-left: 20px;
background: url('../img/sicherheit.png') no-repeat;
background-position: 0px 50px;  
}

.form_anfr .powermail_fieldwrap_16 h6 {
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #24879C;
margin-bottom: 0px;
}

.form_anfr .powermail_fieldwrap_89 {
font-size: 10px;
line-height: 11px;
color: #555;
padding-left: 20px;
background: url('../img/sicherheit.png') no-repeat;
background-position: 0px 50px;
}

form.powermail_form.powermail_form_9 h3 {
    display: none;
}

.form_anfr .powermail_fieldwrap_89 h6 {
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #24879C;
margin-bottom: 0px;
}

.powermail_fieldset_8 .powermail_legend {
padding: 0px 0 9px 29px;
}


.form_anfr input, .form_anfr textarea  {
  padding: 5px 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  color: #bbb;
}

.form_anfr h5 {
color: #24879C;
font-size: 12px;
font-weight: bold;
}

.form_anfr input.powermail_field {
background-color: #FFF;
border: 0px solid white;
outline: none;
color: #bbb;
}


.form_anfr .powermail_submit, .form_anfr input.powermail_submit.powermail_field {
margin: 10px 0px 10px 0px !important;
float: left;
border: 0;
padding: 5px 20px;
color: #fff;
font-weight: normal;
cursor: pointer;
background: #830008 url("/fileadmin/template/img/submit-bbt.png");   
background-position: center; 
background-repeat: no-repeat;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
overflow: hidden;
text-indent: -10000000000000px;
border-radius: 0px;
}


/* FrIr, 23.07.2014 */
.formError {display: none;}


/* Logo-Slider */
.anythingSlider-default {
padding: 0px;
}

.anythingSlider-default .panel {
box-shadow: none;
border: none;
}

/* News */

.news-list-view .article .teaser-text {
margin: 0 0 10px 0;
float: left;
width: 84%;
}

.news-list-view .article .news-img-wrap {
float: left;
margin: 3px 12px 5px 0;
background: #fff;
width: 14%;
}

.share, .twitter {
display: none;
}

.news .footer {
clear: both;
padding: 10px 0 0 0;
border-top:  1px solid #eee;
border-bottom: 1px solid #eee;
margin-top: 15px;
}

.news .footer span {
font-size: 12px;
}

/* Produkt-Details */

.csc-textpic-intext-left-nowrap-170 .csc-textpic-text {
margin-left: 190px;
}

h1, h2, h3 {
margin-top: 0px;
}

.nav li {
position: static;
}

.nav-justified {
max-height: 50px;
position: relative;
}
html {overflow-y: scroll;}

.dropdown-menu{
  margin-top:0px;
}

.news .news-list-view .newsitem {
padding: 10px;
border: 1px solid #DDDDDD;
margin-bottom: -1px;
display: block;
height: 77px;
position: relative;
padding-left: 55px;
}

.more_news a {
margin-top: 10px;
text-transform: uppercase;
display: block;
}

.newsitem:hover{
  background-color:#F5F5F5;
}
.newsitem a:hover{
  text-decoration:none;
}

.newsitem a{
  color: #24879C;
  font-size:13px !important;
  font-family: Droid Sans,Arial,sans-serif;
  font-weight: normal;
}
.newsitem span{
  color: #CCCCCC;
    font-size: 12px;
    line-height: 14px;
}
.newsitem .newsicon{
  color:#24879C;
  position:absolute;
    left: 8px;
  top: 15px;
  font-size: 35px;
  padding: 4px;
}

.header_blue{
  background-color:#24879C;
  color:white;
  border:20px solid white;
  padding-bottom:0px;
  margin-bottom:0px;
  border-bottom: 0;
}

.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {
background: none;
width: 0;
}

.addthis_button_compact {
margin: 0px;
font-family: Droid Sans, Arial, sans-serif !important;
font-weight: normal !important;
margin-left: 3px !important;
font-size: 12px;
}

.jumbotron figure {
margin-bottom: 0px !important;
}

@media print {
 .masthead, .col-md-2, .col-md-7 .col-md-5, .col-md-7 .col-md-2, iframe.fb_ltr, fieldset {
 display: none;
 }
.form_anfr .csc-header, .form_anfr p.bodytext {
padding: 0px !important;
}  
}



/*********** R E S P O N S I V E **************/


@media (min-width: 768px) {
.dropdown-menu {
max-width: 720px;
}
}

@media (max-width: 768px) {
.subcr {
padding: 0 0 0 0em;
}
.panel {
margin-top: -26px;
}
.container .jumbotron {
border-radius: 6px;
top: 26px;
position: relative;
}

.news-list-view .article .teaser-text {
width: auto;
}
body#startseite .jumbotron {
margin-bottom: 114px;
top: -200px;
position: relative;
}
body#startseite .masthead {
margin-bottom: 0px;
}
ul.dropdown-menu img {
display: none !important;
}
ul.dropdown-menu .panel {
border-radius: 0px;
margin-bottom: 0px;
background-color: #ffffff;
padding: 0px;
}
ul.dropdown-menu .col-md-3 {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
ul.dropdown-menu .panel-default .panel-heading {
margin-bottom: 1px
}
ul.dropdown-menu {
padding-top: 1px;
}
ul.nav-justified li  {
position: static;

}
.nav-pills {
margin-top: 10px;
background: #24879C;
}
.nav-pills a {
color: #FFF;
}
.nav-pills li.active a {
color: #24879C;
}
.col-md-7 .col-md-5, .col-md-7 .col-md-2, #rabatt {
display: none;
}
.csc-textpic-intext-left-nowrap-170 .csc-textpic-text {
margin-left: 0;
float: left;
}
.anythingSlider {
width: 100% !important;
}
div.csc-textpic-right .csc-textpic-imagewrap {
float: left;
}
#c113 {
height: 100px;
overflow: hidden;
display: none;
}
.flexslider {
height: 150px;
}
.flexslider .captionwrapper.wsflexslider-alignright {
display: none;
}
.c33l, .c33r {
width: 100% !important;
}
.csc-textpic-intext-left-nowrap-230 .csc-textpic-text {
margin-left: 0px !important;
}
body#startseite .nav-justified {
max-height: 50px;
position: relative;
margin-top: 154px;
}
ul.dropdown-menu {
display: none!important;
}
.masthead {
margin-bottom: 240px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
padding-right: 15px;
padding-left: 15px;
}
.footer .panel {
background: #eee;
}
.form_anfr:before {
width: 0;
height: 0;
border-left: none;
border-right: none;
border-bottom: none;
border-top: none;
}
}

@media (min-width: 769px) {
.anythingSlider {
width: 680px !important;
}
.col-md-7 .col-md-5, .col-md-7 .col-md-2, #rabatt {
display: none;
}
.jumbotron h1 {
font-size: 18px !important;
}
.flexslider .captionwrapper.wsflexslider-alignright {
left: auto;
margin: -290px 0;
width: 24%;
right: 40px;
position: absolute;
}
.flexslider .captiontext p {
font-size: 12px !important;
}
.flexslider .captiontext a {
font-size: 12px;
}
.flexslider .captiontext a {
font-size: 9px !important;
}
.flexslider {
margin-bottom: 0px;
height: 315px !important;
overflow: hidden;
}

}

@media (min-width: 992px) {
.dropdown-menu {
max-width: 940px;
}
.col-md-7 .col-md-5, .col-md-7 .col-md-2, #rabatt {
display: block;
}
.anythingSlider {
width: 900px !important;
}
.jumbotron h1 {
font-size: 28px!important;
}
.flexslider .captiontext a {
font-size: 14px !important;
}
.flexslider .captionwrapper.wsflexslider-alignright {
left: auto;
margin: 20px 0!impotant;
}
.flexslider .captionwrapper.wsflexslider-alignright {
left: auto;
margin: 40px 0;
width: 24%;
right: 40px;
}
.flexslider {
height: 390px !important;
}
.form_anfr .powermail_legend {
font-size: 16px;
}
.form_anfr .powermail_field {
font-size: 12px !important;
}
.form_anfr .powermail_submit, .form_anfr input.powermail_submit.powermail_field:focus {
padding: 5px 5px;
}
.col-md-7 .powermail_legend {
display: none;
}
.col-md-7 .powermail_field {
  width: 67%;
}

}


@media (min-width: 1200px) {
.dropdown-menu {
max-width: 1170px;
}
.col-md-7 .powermail_legend {
display: none;
}
.powermail_field {
font-size: 14px !important;
}
div.powermail_fieldwrap {
width: 100%;
}
.form_anfr .powermail_legend {
font-size: 18px;
}
.jumbotron div.csc-textpic, .jumbotron div.csc-textpic div.csc-textpic-imagerow, .jumbotron ul.csc-uploads li {
overflow: hidden;
height: 288px;
}
.flexslider .captionwrapper.wsflexslider-alignright {
left: auto;
margin: 40px 0;
width: 24%;
right: 40px;
}
.col-md-7 .col-md-5, .col-md-7 .col-md-2, #rabatt {
display: block;
}
.anythingSlider {
width: 1100px !important;
}
.jumbotron h1 {
font-size: 40px!important;
}
.flexslider .captiontext a {
font-size: 18px !important;
}
.flexslider  {
height: 475px !important;
}
.form_anfr .powermail_submit, .form_anfr input.powermail_submit.powermail_field:focus {
padding: 5px 20px;
}
.col-md-7 .powermail_field {
  width: 67%;
}

}

.slider img{
  height:100%;
  width:100%;
}

.jumbotron img{
  height: 100%;
  width:100%;
}

.nav-justified > li a:hover {
  background-color:white;
  color:#3A93A6;
}

.nav-justified > li:hover {
  background-color:white;
  color:#3A93A6;
}


.panel-heading a{
  color:white !important;
  background-color:green !important;
}

.nav-stacked > li {
float: none;
}

.powermail_field {
font-family: Calibri, Arial, sans-serif;
font-size: 14px;
width: 100%;
padding: 3px;
border: 1px solid #ccc;
color: #444;
}

.col-md-7 .powermail_fieldset {
clear: left;
border: 0;
padding: 10px;
margin-bottom: 20px;
background: #eee;
border: none;
}

.col-md-7 .powermail_legend {
font-weight: normal;
color: #000;
float: right;
margin: 3px 0px 10px 0;
font-size: 30px;
white-space: normal;
}

.col-md-7 .powermail_label {
display: block;
width: 200px;
float: left;
clear: left;
font-weight: bold;
color: #24879C;
}

.col-md-7 .powermail_submit {
float: right;
border: 0;
padding: 5px 20px;
color: white;
font-weight: bold;
cursor: pointer;
background: #24879C;
}




.col-md-7 button, .col-md-7 html input[type="button"], .col-md-7 input[type="reset"], .col-md-7 input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
left: 0px !important;
position: relative;
}

.col-md-10 {
min-height: 300px;
}

.news .no-news-found {
color: #DB0202;
font-style: italic;
margin-bottom: 20px;
}

/**************************** LOGOs *******************************/

#c113 {
height: 100px;
overflow: hidden;
}

#c113 li{
list-style: none;
}

/***************************** SLIDER ***********************/

.flexslider {
margin-bottom: 0px;
height: 475px;
overflow: hidden;
}

.flexslider .captiontext {
padding: 55px 20px 20px 20px;
background: #24879C url('../img/aktionsangebote_01.png') 0px -2px no-repeat;
color: #FFF;
opacity: 0.9;
filter:Alpha(Opacity=90);
}

.flexslider .captiontext p {
font-size: 16px;
margin: 0;
color: #FFF;
line-height: 1.3em;
}

.flexslider .captiontext a {
color: #FFF;
text-decoration: underline;
}

.flex-control-nav {
display: none;
}


.flex-direction-nav a {
color: #24879C !important;
border-radius: 20px;
height: 36px;
width: 36px;
opacity: 1;
top: auto;
bottom: 50%;
filter: alpha(opacity=100);
}

.flexslider .captiontext a {
margin: 15px 0px 10px 0px !important;
border: 0;
padding: 10px 20px;
color: white;
font-weight: normal;
cursor: pointer;
background: #830008;
display: block;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-size: 18px;
}

.jumbotron h1 {
font-size: 40px;
}

.flexslider .slides img {
height: auto !important;
}

.flexslider .slidercontent {
position: relative;
overflow: hidden;
height: 475px;
}
.flexslider .slidercontent .caption,
.flexslider .slidercontent .captionlink,
.flexslider .slidercontent .captionlink > a {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  background: none;
}
.flexslider .slidercontent .captionlink {
  right: inherit;
}
.flexslider .slidercontent .captionlink > a {
    color: transparent;
}

h4, .h4 {
font-size: 17px;
}

.form_anfr .csc-header {
padding: 0px 10px 0px 30px;
}

.form_anfr  p.bodytext{
padding: 0px 10px 0px 30px;
}

.news .article :last-child {
padding-bottom: 0;
margin-bottom: 0;
margin-bottom: 12px;
}

.powermail_create {
border: 0;
padding: 30px;
margin-bottom: 20px;
background: #F3F3F3;
}

/* input.powermail_field {
background-color: #24879C;
color: #FFF;
} */

.powermail_message {
background: #F3F3F3 url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png");
background-position: 98% 10px;
background-repeat: no-repeat;
}

.powermail_message li {
padding: 10px 50px 10px 0;
font-weight: bold;
color: #f9950b;
font-size: 14px;
font-family: Droid Sans, Arial, sans-serif;
}

.powermail_confirmation {
clear: left;
border: 0;
padding: 10px;
padding-left: 30px;
margin-bottom: 20px;
background: #F3F3F3;
}

.col-md-7 .powermail_submit {
float: right;
border: 0;
padding: 5px 20px;
color: white;
font-weight: bold;
cursor: pointer;
background: #24879C url("/fileadmin/template/img/submit-bbt-senden.png");
text-indent: -10000000000000px;
background-position: center; 
background-repeat: no-repeat;
}

input.powermail_confirmation_submit,
input.powermail_confirmation_form {
float: left;
margin-top: 20px;
padding: 5px 20px;
color: white;
font-weight: bold;
cursor: pointer;
border: none;
background: #24879C;
}