/****************** Basic Styles for VOLTA GmbH *********************
Version:    1.0
Author:     Linus Stubert
E-Mail:     ls@goetzinger-komplizen.de
Web:        http://www.goetzinger-komplizen.de
Copyright:  goetzinger + komplizen 2014
*********************************************************************/

/*** basic styles ***/

html {
  height:100%;
}

body {
  text-align:center;
  font-family:Verdana,Arial,sans-serif;
  font-size:13px;
  color:#58585a;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  background:#fff url(../img/body_bg.jpg) no-repeat 50% 50%;
  background-position:calc(50% - 480px) 50%;
  height:100%;
}

img {
  border:none;
  -ms-interpolation-mode: bicubic;
}

* {
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom:1em;
  line-height:1.3em;
  font-family:Verdana,Arial,sans-serif;
  color:#58585a;
}

h1 {
  font-size:17px;
  padding:10px 0;
  display:block;
  margin-bottom:0.8em;
}

h2 {
  font-size:15px;
}

h3 {
  text-transform:none;
  font-size:13px;
}

h4, h5, h6 {
}

p {
  margin-bottom:1em;
  line-height:1.5em;
}

table {
  border-collapse:collapse;
  margin-bottom:1.5em;
}

td, th {
  font-size:13px;
  vertical-align:top;
  padding-right:1em;
  line-height:1.5em;
}

tr {
  padding-bottom:0.5em;
}

ul, ol {
  margin-bottom:1.5em;
}

ol li.csc-form-element {
  list-style-type:none;
  padding:0 0 1em;
  float:left;
  clear:both;
}

.csc-form-confirmation ol li {
  list-style-type:none;
  padding:0 0 1em;
  overflow:hidden;
}

.csc-form-element label strong, .csc-form-element legend strong, .csc-form-element label em, .csc-form-element legend em {
  text-transform:none;
}

b {
  /*color:#adcb57;*/
}

a {
  color:#8b2131;
}

a.pdf {
  background:transparent url(../img/pdf_icon.gif) no-repeat 0 0;
  padding-left:25px;
  line-height:1.6em;
}

.indent {
  margin-left:40px;
}

sup {
  line-height:0;
  font-size:0.7em;
  position:relative;
}

.crossfade {
  position:relative;
}

.crossfade img {
  position:absolute;
  top:0;
  left:0;
}

.crossfade img.active {
  z-index:1;
}

.lightbox {
  position:relative;
  float:left;
}

.video_preview {
  position:relative;
}

.video_icon {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:transparent url(../img/video_button.png) no-repeat 48% 42%;
  opacity:0.9;
  -moz-transition:opacity 0.4s ease-out;
  -webkit-transition:opacity 0.4s ease-out;
  transition:opacity 0.4s ease-out;
}

.video_icon:hover {
  opacity:1;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
  overflow: auto;
  padding-left:0;
}

ul.csc-uploads, #main ul.csc-uploads, #main ul.ce-uploads {
  width:100%;
  overflow:hidden;
}

ul.csc-uploads li, #main ul.csc-uploads li,  #main ul.ce-uploads li.ce-uploads-element.ce-uploads-element-pdf {
  float:left;
  width:106px;
  margin-right:20px;
}

ul.csc-uploads li a, #main ul.csc-uploads li a, #main ul.ce-uploads li a  {
  text-decoration:none;
  text-align:center;
  display:block;
}

ul.csc-uploads li:hover a, #main ul.csc-uploads li:hover a, #main ul.ce-uploads li:hover a {
  text-decoration:underline;
}

.large {
  font-size:16px;
}

.small {
  font-size:12px;
}

.red {
  color:#8b2231;
}

.hausnummer {
  font-size:32px;
  font-weight:bold;
  color:#707173;
  position:relative;
  left:80px;
  top:0;
}

table.dotted_lines {
  width:100%;
  border-collapse:collapse;
  margin:0;
}

table.dotted_lines tr {
  background:transparent url(../img/dotted_line_h.png) no-repeat 0 0;
}

table.dotted_lines td {
  padding:2px;
  padding-top:5px;
  padding-bottom:5px;
}

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

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

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

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

.clear {
  clear:both;
}

.hide_on_desktop {
  display:none;
}

.dont_show {
  display:none;
}


/*** wrapper styles ***/

#wrapper {
  width:920px;
  clear:both;
  background:#e3e6ea;
  background:rgba(246,246,246,0.8);
  text-align:left;
  z-index:2;
  padding:20px 20px 60px;
  margin:0 auto;
  min-height:calc(100% - 327px);
  overflow:hidden;
}


/*** menu styles ***/

#menu_wrapper1 {
  width:100%;
  height:48px;
  background:#a80d2d;
  text-align:left;
  position:relative;
  z-index:1000;
}

#menu_wrapper2 {
  margin:0 auto;
  width:960px;
  height:48px;
  position:relative;
}

#menu {
  width:100%;
}

#menu ul {
  display:block;
  width:100%;
  margin:0;
}

#menu ul li {
  display:block;
  position:relative;
  z-index:100;
  font-size:12px;
  float:left;
}

#menu ul li a {
  text-decoration:none;
  height:16px;
  padding:16px 20px;
  display:block;
  color:#fff;
  float:left;
  font-weight:bold;
}

@media screen and (max-width: 1200px){
  #menu ul li a{
    padding: 16px 12px;
  }
}

#menu ul li.hassub a {
}

#menu ul li.last a {
  background:#a80d2d;
}

#menu ul li a:hover {
  text-decoration:underline;
}

#menu ul li.active a {
  background:#fff;
  color:#a80d2d;
  border-bottom:5px solid #a80d2d;
  border-radius:0 0 5px 5px;
}

#menu ul li.current a {
  background:#fff;
  color:#a80d2d;
  border-bottom:5px solid #a80d2d;
  border-radius:0 0 5px 5px;
}

#menu ul li ul {
  position:absolute;
  left:0;
  top:48px;
  padding:0 0 0 0;
  width:150px;
  display:none;
  background:#a80d2d;
}

#menu ul li:hover ul, #menu ul li.hover ul {
  display:block;
}

#menu ul li ul li {
  display:block;
  float:none;
  padding:0;
}

#menu ul li ul li a, #menu ul li.active ul li a, #menu ul li.current ul li a {
  font-weight:normal;
  background:#a80d2d;
  color:#fff;
  border:0;
  border-radius:0;
}

/*#menu ul li.active ul li.current a {
  font-weight:normal;
  font-style:italic;
}*/


/*** header styles ***/

#header {
  width:100%;
  height:151px;
  position:relative;
  background:#d1d7e0;
}

#header_images {
  width:960px;
  height:151px;
  margin:0 auto;
  position:relative;
}

#header_images img {
  position:absolute;
  left:0;
  top:0;
}

#logo {
  position:absolute;
  left:40px;
  top:50px;
  z-index:20;
}

#logo img {
}

#header_bar {
  width:954px;
  height:28px;
  margin:0 auto;
  text-align:left;
  font-family:Verdana,Arial,sans-serif;
  position:absolute;
  bottom:0;
  left:6px;
  z-index:10;
  color:#fff;
  background:#8b2131;
  background:rgba(139,33,49,0.9);
}

#rss_icon {
  position:absolute;
  right:24px;
  bottom:78px;
  z-index:20;
}

#header_nav {
  position:absolute;
  bottom:20px;
  right:20px;
}

.header_nav_item {
  border:1px solid #fff;
  width:10px;
  height:10px;
  border-radius:5px;
  float:left;
  margin-right:10px;
  cursor:pointer;
}

.header_nav_item.active {
  background:#fff;
  box-shadow:0 0 5px #fff;
}

#header_title {
  position:absolute;
  top:76px;
  right:50px;
  color:#fff;
  font-weight:bold;
  font-size:32px;
  width:400px;
  text-align:right;
}

#header_subtitle {
  position:absolute;
  top:200px;
  right:50px;
  color:#fff;
  font-weight:bold;
  font-size:18px;
  width:370px;
  text-align:right;
  padding-right:30px;
}


/*** main styles ***/

#main {
  width:100%;
  position:relative;
  background:transparent;
}

#main ul {
  padding-left:15px;
  margin:0 0 1em;
}

#main ul li {
  margin:0 0 0.5em;
  line-height:1.5em;
}

#main ul.nested_list, #main ul.nested_list ul {
  background:transparent url(../img/ul.png) repeat-y 0 0;
  padding-left:0;
}

#main ul.nested_list li {
  list-style-type:none;
  padding-left:30px;
  background:transparent url(../img/li.png) no-repeat 0 -4px;
}

#main ul.nested_list li:last-child {
  background:transparent url(../img/li_last.png) no-repeat 0 -4px;
}

#main ul li ul {
  margin-top:0.5em;
  list-style-type:disc;
}

#main ul li ul li ul {
  list-style-type:disc;
}

#watermark_unternehmen {
  position:absolute;
  width:210px;
  height:226px;
  top:80px;
  right:40px;
}

#p7 #watermark_unternehmen {
  right:160px;
  top:160px;
}

#watermark_unternehmen img {
  background:#f8f8f8;
}


/*** content styles ***/

#content {
  width:100%;
}

#column_wrapper {
  width:100%;
  overflow:hidden;
}

.column {
  float:left;
  width:48%;
  margin-right:2%;
}

#ajax_loader {
  position:absolute;
  top:100px;
  left:450px;
  z-index:10;
  display:none;
}


/*** breadcrumb styles ***/

#breadcrumb {
  margin:0 auto 24px;
  font-size:11px;
  overflow:hidden;
  height:14px;
  color:#8f8f8f;
}

#breadcrumb_label {
  float:left;
  padding-right:5px;
}

#breadcrumb ul {
  list-style-type:none;
  float:left;
}

#breadcrumb ul li {
  float:left;
  padding-left:0;
  margin-left:0;
  background:none;
}

#breadcrumb ul li a {
  float:left;
  color:#0071b9;
}


/*** footer styles ***/

#footer {
  width:100%;
  height:48px;
  background:#a80d2d;
  position:fixed;
  bottom:0;
  left:0;
  z-index:1000;
}

#footer ul {
  padding:16px;
  margin:0 auto;
  width:928px;
}

#footer ul li {
  float:left;
  list-style-type:none;
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid #fff;
}

#footer ul li:first-child {
  margin-left:0;
  padding-left:0;
  border-left:0;
}

#footer ul li a {
  color:#fff;
  float:left;
  font-weight:bold;
  text-decoration:none;
}

@media screen and (max-width: 800px){
  #footer ul li{
    margin-top: 5px;
  }
}

/*** lang menu styles ***/

#lang_menu {
  position:absolute;
  right:20px;
  top:16px;
  padding:10px;
  background:rgba(255,255,255,0.4);
}

#lang_menu ul {
  float:left;
  margin:0;
  list-style-type:none;
}

#lang_menu ul li {
  float:left;
  margin-left:10px;
  padding-left:11px;
  background:transparent url(../img/divider.png) no-repeat 0 50%;
}

#lang_menu ul li:first-child {
  margin-left:0;
  padding-left:0;
  background:transparent;
}

#lang_menu ul li a, #lang_menu ul li.active a {
  float:left;
  padding:5px;
  color:#a80d2d;
  text-decoration:none;
  background:transparent;
}

#lang_menu ul li a:hover {
  text-decoration:underline;
}


/*** form styles ***/

form {
  float:left;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}

legend {
  display:none;
}

.fieldrow, .tx-felogin-pi1 div {
  overflow:hidden;
  padding-bottom:0.5em;
  clear:both;
}

label {
  width:10em;
  float:left;
}

label.textarea_label, label.select_label {
  width:auto;
  float:none;
  display:block;
  margin-bottom:0.5em;
}

label.radio_label, label.checkbox_label {
  width:auto;
  margin:0 30px 0 5px;
}

@media screen and (max-width:960px), screen and (max-width:1024px) and (max-device-width:768px) {
  label.radio_label, label.checkbox_label {
    max-width:80%;
  }
}

input[type=text], textarea, select {
  background:#fff;
  border:1px solid #ccc;
  padding:3px;
  width:160px;
  font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-size:1em;
  color:#707070;
  float:left;
}

input.error, select.error, textarea.error {
  border:1px solid #314e5f;
  background:#ffeeee;
}

input.radio, input.checkbox {
  float:left;
}

textarea {
  width:290px;
  resize:none;
}

select {
  width:168px;
}

.submit {
  float:left;
  font-size:1em;
  font-family:Verdana,Arial,sans-serif;
  margin:1em 0 0 0;
  padding:3px 8px;
}

.required_fields {
  float:left;
  padding:1.5em 0 0 0;
  margin-left:11em;
}

.dont_show {
  display:none;
}


/*** news styles ***/

.news-latest {
  clear:both;
  margin-bottom:1em;
  overflow:hidden;
}

.news-latest h3 {
  color:#fff;
  text-align:right;
  display:block;
  width:187px;
  text-transform:uppercase;
  padding:5px 0;
  margin-bottom:1px;
  background:#acca57;
  padding:10px 15px;
  margin:0;
  font-weight:normal;
}

.news-latest .news-item {
  padding:0 10px 40px 10px;
  width:227px;
  margin-bottom:0;
  float:left;
  border-right:1px solid #8b2131;
  position:relative;
}

.news-latest .news-item.last {
  border-right:0;
  padding-left:20px;
}

.news-latest .news-item a, .news-list .news-item a {
  text-decoration:none;
}

.news-item .news-link a {
  position:absolute;
  bottom:10px;
  right:20px;
  padding-right:24px;
  background:transparent url(../img/arrow.png) no-repeat 100% 0;
}

.news-list .news-item {
  overflow:hidden;
  border:1px solid #8b2131;
  margin-bottom:1em;
  overflow:hidden;
  padding-right:20px;
  background:transparent url(../img/box_bg.jpg) repeat-y 100% 0;
  position:relative;
  min-height:135px;
}

.news-latest .news-item h2, .news-list .news-item h2 {
  margin-bottom:0.5em;
  display:block;
  height:36px;
}

.news-list .news-item h2 {
  padding-top:20px;
}

.news-image {
  width:218px;
  height:160px;
  float:left;
  margin-right:40px;
}

.news-item-single .news-image {
  padding:0 0 10px 5px;
  /*border:1px solid #ccc;
  -webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 5px;
  -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 5px;
  box-shadow:rgba(0,0,0,0.3) 5px 5px 5px;*/
}

.news-image img {
  display:block;
}

.news-item-single .news-image:empty {
  display:none;
}

.news-date {
  font-size:0.8em;
}

.news-category {
  font-size:0.8em;
}

.news-latest h4 {
  font-weight:bold;
  margin-bottom:0;
  padding-top:10px;
  text-transform:uppercase;
}

.news-latest h4 a {
  color:#58585a;
}

.news-latest a {
  text-decoration:none;
}

.news-latest b {
  font-weight:normal;
  display:block;
}

.news-item {
  margin-bottom:1.3em;
  line-height:1.3em;
}

.news-subheader {
  text-align:left;
}

.browseLinksWrap span, .browseLinksWrap a {
  margin-right:10px;
}


/*** csc sitemap ***/

#content .csc-menu-1 ul {
  padding-top:0.5em;
  list-style-type:disc;
}

#content .csc-menu-1 ul li {
  background:none;
  padding-left:0;
}

#content .csc-menu-1 ul li ul li {
  background:transparent url(../img/bullet.gif) no-repeat 5px 9px;
}

#content .csc-menu-1 ul li a {
  text-decoration:none;
}

#content .csc-menu-1 ul li a:hover {
  text-decoration:underline;
}

#content .csc-menu-1 ul li ul {
  padding-top:0.5em;
}

#content .csc-menu-1 ul li ul li {
  margin-bottom:0;
}

#content .csc-menu-1 ul li ul li a {
  font-weight:normal;
}


/*** bubble diagrams ***/

.bubble_diagram {
  width:100%;
  height:600px;
  position:relative;
}

.bubble_diagram_inner {
  width:100%;
  height:600px;
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -ms-transform-origin:0 0;
  position:relative;
}

.volta_diagram {
  position:absolute;
  left:450px;
  top:0;
}

.bubble, .bubble_shadow {
  width:120px;
  height:120px;
  border-radius:50%;
  /*background:#c7b7a9;*/
  background:#ccc;
  text-align:center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  display:block;
  display:table;
  color:#67121b;
  font-size:11px;
  float:left;
  margin-right:30px;
  margin-bottom:30px;
  z-index:10;
  position:absolute;
  transition:0.4s all cubic-bezier(0.420, 0.000, 0.580, 1.000);
  -moz-transition:0.4s all cubic-bezier(0.420, 0.000, 0.580, 1.000);
  -webkit-transition:0.4s all cubic-bezier(0.420, 0.000, 0.580, 1.000);
  -ms-transition:0.4s all cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

.bubble h1, .bubble h2, .bubble h3 {
  display:inline;
  color:#67121b;
  font-weight:normal;
  font-size:11px;
  margin:0;
  padding:0;
}

.bubble:hover {
  background-color:#fff;
  /*color:#fff;*/
}

.msie6 .bubble, .msie7 .bubble, .msie8 .bubble {
  background:transparent url(../img/bubble120.png) no-repeat 0 0;
}

.msie6 .bubble:hover, .msie7 .bubble:hover, .msie8 .bubble:hover {
  background-color:transparent;
}

.msie6 .bubble_shadow, .msie7 .bubble_shadow, .msie8 .bubble_shadow {
  display:none;
}

.bubble:hover, .bubble_shadow.hover {
  transform:scale(1.2);
  transform-origin:50% 50%;
  -webkit-transform:scale(1.2);
  -webkit-transform-origin:50% 50%;
  -moz-transform:scale(1.2);
  -moz-transform-origin:50% 50%;
  -ms-transform:scale(1.2);
  -ms-transform-origin:50% 50%;
}

.bubble.large {
  width:160px;
  height:160px;
}

.msie6 .bubble.large, .msie7 .bubble.large, .msie8 .bubble.large {
  background:transparent url(../img/bubble160.png) no-repeat 0 0;
}

.bubble.small {
  width:80px;
  height:80px;
}

.msie6 .bubble.small, .msie7 .bubble.small, .msie8 .bubble.small {
  background:transparent url(../img/bubble80.png) no-repeat 0 0;
}

.bubble_shadow {
  background:#f0ece8;
  z-index:5;
  display:block;
}

.bubble_shadow.large {
  /*background:#dbcec5;*/
  background:#edd;
  z-index:6;
}

.bubble_shadow.hover {
  /*background:#dbcec5;*/
  background:#a80d2d;
  z-index:8;
}

.bubble_shadow.large.hover {
  /*background:#dbcec5;*/
}

.bubble_inner {
  width:80%;
  padding:35% 10%;
  height:30%;
  border-radius:50%;
  display:block;
  display:table-cell;
  vertical-align:middle;
  transition:0.4s all;
  -moz-transition:0.4s all;
  -webkit-transition:0.4s all;
  -ms-transition:0.4s all;
}

.bubble.large .bubble_inner {
  width:140px;
  padding:50px 10px;
  height:60px;
}

.connection {
  height:5px;
  width:100px;
  background:#67121b;
  z-index:8;
  position:absolute;
  top:0;
  left:0;
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -ms-transform-origin:0 0;
}

.msie6 .connection, .msie7 .connection, .msie8 .connection {
  display:none;
}

.connection.dashed {
  background:linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,#000 50%,#000 100%);
  background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,#000 50%,#000 100%);
  background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,#000 50%,#000 100%);
  background:-ms-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,#000 50%,#000 100%);
  background-size:8% 100%;
}

#werte_volta {
  top:0px;
  left:429px;
}

#werte1 {
  top:168px;
  left:371px;
}

#werte2 {
  top:58px;
  left:273px;
}

#werte3 {
  top:176px;
  left:200px;
}

#werte4 {
  top:53px;
  left:574px;
}

#werte5 {
  top:176px;
  left:595px;
}

#werte6 {
  top:332px;
  left:557px;
}

#werte7 {
  top:393px;
  left:366px;
}

#werte8 {
  top:307px;
  left:245px;
}

#werte9 {
  top:456px;
  left:191px;
}

#werte10 {
  top:269px;
  left:70px;
}

#werte11 {
  top:415px;
  left:34px;
}

#grundlagen_volta {
  top:0px;
  left:418px;
}

#grundlagen1 {
  top:135px;
  left:401px;
}

#grundlagen2 {
  top:245px;
  left:262px;
}

#grundlagen3 {
  top:187px;
  left:630px;
}

#grundlagen4 {
  top:116px;
  left:169px;
}

#grundlagen5 {
  top:299px;
  left:102px;
}

#grundlagen6 {
  top:352px;
  left:356px;
}

#grundlagen7 {
  top:454px;
  left:450px;
}

#grundlagen8 {
  top:430px;
  left:0px;
}

#grundlagen9 {
  top:183px;
  left:0px;
}

#grundlagen10 {
  top:4px;
  left:88px;
}

#grundlagen11 {
  top:306px;
  left:551px;
}

#grundlagen12 {
  top:305px;
  left:711px;
}

#grundlagen13 {
  top:183px;
  left:779px;
}

#grundlagen14 {
  top:62px;
  left:712px;
}

#grundlagen15 {
  top:55px;
  left:572px;
}

#grundlagen16 {
  top:439px;
  left:210px;
}

#standort_volta {
  top:0px;
  left:450px;
}


#standort1 {
  top:176px;
  left:387px;
}

#standort2 {
  top:178px;
  left:246px;
}

#standort3 {
  top:34px;
  left:289px;
}

#standort4 {
  top:137px;
  left:103px;
}

#standort5 {
  top:329px;
  left:180px;
}

#standort6 {
  top:405px;
  left:28px;
}

#standort7 {
  top:488px;
  left:105px;
}

#standort8 {
  top:342px;
  left:348px;
}

#standort9 {
  top:467px;
  left:280px;
}

#standort10 {
  top:464px;
  left:419px;
}

#standort11 {
  top:81px;
  left:573px;
}

#standort12 {
  top:3px;
  left:771px;
}

#standort13 {
  top:149px;
  left:776px;
}

#standort14 {
  top:130px;
  left:0px;
}

#standort15 {
  top:34px;
  left:58px;
}

#standort16 {
  top:26px;
  left:165px;
}

#standort17 {
  top:251px;
  left:24px;
}

#standort18 {
  top:344px;
  left:649px;
}

#standort19 {
  top:234px;
  left:670px;
}

#standort20 {
  top:463px;
  left:770px;
}

#standort21 {
  top:467px;
  left:575px;
}

#leistungen_volta {
  top:0px;
  left:450px;
}

#leistungen1 {
  top:191px;
  left:375px;
}

#leistungen2 {
  top:112px;
  left:245px;
}

#leistungen3 {
  top:11px;
  left:146px;
}

#leistungen4 {
  top:115px;
  left:57px;
}

#leistungen5 {
  top:218px;
  left:146px;
}

#leistungen6 {
  top:325px;
  left:258px;
}

#leistungen7 {
  top:404px;
  left:149px;
}

#leistungen8 {
  top:438px;
  left:15px;
}

#leistungen9 {
  top:297px;
  left:533px;
}

#leistungen10 {
  top:363px;
  left:663px;
}

#leistungen11 {
  top:450px;
  left:551px;
}

#leistungen12 {
  top:441px;
  left:783px;
}

#leistungen13 {
  top:110px;
  left:578px;
}

#leistungen14 {
  top:3px;
  left:682px;
}

#leistungen15 {
  top:109px;
  left:771px;
}

#leistungen16 {
  top:209px;
  left:686px;
}

.slider_wrapper {
  background:#fff;
  width:100%;
  position:relative;
  overflow:hidden;
  height:100px;
}

.slider {
  width:90%;
  height:100px;
  overflow:hidden;
  position:absolute;
  margin-left:5%;
  top:0;
  left:0;
  transition:left 0.4s;
  overflow:visible;
}

.slide_left, .slide_right {
  width:50px;
  height:100px;
  background-color:#fff;
  background-image:url(../img/arrow_left.png);
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:absolute;
  left:0;
  top:0;
  cursor:pointer;
}

.slide_right {
  background-image:url(../img/arrow_right.png);
  left:auto;
  right:0;
}

.slide_element {
  width:25%;
  float:left;
}

.slide_element_inner {
  padding:10px 20px;
  float:left;
}

@media screen and (max-width:960px), screen and (max-width:1024px) and (max-device-width:768px) {
  body {
    background:#a80d2d;
  }

  #margin_top {
    height:0;
  }

  #wrapper {
    padding:0 0 20px;
    width:100%;
    min-height:400px;
    background:#fff;
  }

  #main {
    width:92%;
    padding:4%;
  }

  #header {
    width:100%;
    height:0;
    padding-bottom:15%;
    padding-bottom:15.5%;
    position:relative;
  }

  #header_images {
    width:100%;
    left:0;
    top:0;
    height:0;
    padding-bottom:41%;
  }

  #header_images img {
    width:100%;
    height:auto;
  }

  #header_bar {
    left:0;
    width:100%;
    height:20px;
  }

  #logo {
    position:absolute;
    left:6%;
    top:13%;
    width:16%;
  }

  #logo a {
    display:block;
    left:auto;
  }

  #logo img {
    width:100%;
    height:auto;
  }

  #content {
    height:auto !important;
    width:100%;
  }

  .column {
    width:46%;
    margin-right:4%;
  }

  .column img {
    width:100%;
    height:auto;
  }

  #menu_wrapper1 {
    height:53px;
    background:#fff;
    float:left;
  }

  #menu_wrapper2 {
    width:100%;
    background:#a80d2d;
  }

  #menu {
    width:100%;
    /*float:left;*/
  }

  #menu ul {
    float:left;
    width:100%;
  }

  #menu ul li {
    float:left;
    position:static;
  }

  #menu ul li ul {
    background:#ededee;
    position:absolute;
    width:100%;
    top:100%;
    left:0;
  }

  #menu ul li ul li {
    float:left;
  }

  #footer {
    width:100%;
    margin-left:0;
    position:static;
    padding:0 0;
  }

  #footer ul {
    width:auto;
    overflow:hidden;
    margin-left:18px;
  }

  #watermark_unternehmen {
    display:none;
  }

  #menu ul li:hover ul, #menu ul li.hover ul {
    display:none;
  }
}

@media screen and (max-width:800px) {
  .slider_wrapper {
    height:auto;
    position:static;
  }

  .slider {
    width:auto;
    height:auto;
    margin:0;
    position:static;
  }

  .slide_element {
    position:static !important;
    clear:both;
    width:auto;
    float:none;
    margin-left:20px;
  }

  .slide_element_inner {
    list-style-type:disc;
    display:list-item;
    padding:0;
    margin-bottom:0.5em;
    line-height:1.5em;
  }

  .slide_left, .slide_right {
    display:none;
  }

  #menu_wrapper1 {
    height: auto;
    border-bottom: 3px solid #a80d2d;
}

#menu_wrapper2{
  height: auto;
}

  #menu ul {
    float: none;
}

  #menu ul li {
    clear: both;
    float: none;
    display: block;
  }

  #menu ul li a{
    width: 100%;
  }
}

@media screen and (max-width:740px) {
  #menu ul li a {
    padding:16px 16px;
  }
}

@media screen and (max-width:680px) {
  #menu ul li a {
    padding:16px 12px;
  }
}

@media screen and (max-width:640px) {
  .hide_on_mobile {
    display:none;
  }

  .hide_on_desktop {
    display:block;
  }

  #main {
    width:96%;
    padding:2%;
  }

  #logo {
    position:absolute;
    left:2%;
    top:13%;
    width:20%;
  }

  #logo a {
    display:block;
    left:auto;
  }

  #logo img {
    width:100%;
    height:auto;
  }
}

@media screen and (max-width:620px) {
  #menu_wrapper1 {
    /*height:45px;
  }

  #menu_wrapper2 {
    height:40px;*/
  }

  #menu ul li a {
    padding:12px 8px;
  }
}

@media screen and (max-width:580px) {
  #header {
    padding-bottom:10%;
  }

  #logo {
    top:7%;
  }

  #menu_wrapper1 {
    height:auto;
    border-bottom:3px solid #a80d2d;
  }

  #menu_wrapper2 {
    height:auto;
  }

  #menu {
    float:none;
  }

  #menu ul {
    float:none;
  }

  #menu ul li {
    clear:both;
    float:none;
    display:block;
  }

  #menu ul li a {
    clear:both;
    padding:1.5% 2%;
    float:none;
    display:block;
  }

  #menu ul li.current a {
    border-bottom:0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
  }

  #header_images>img {
    display:none;
  }

  h1 {
    padding-top:0;
  }

  .column {
    width:100%;
    margin-right:0%;
  }

  .spacer {
    height:0 !important;
  }
}

/*** cookie hint styles ***/
body .cc_container{
  height: 50px;
  max-width: 960px;
  width: 90%;
  margin:12px auto 0;
  border:none !important;
  padding: 10px 20px 10px !important;
  right: 50px !important;
  height: 140px;
  left: inherit !important;
  width: 90%;
  max-width: 320px;
  bottom: 60px !important;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
}

body .cc_container .cc_btn{
  position: absolute;
  bottom: 10px;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
}

body .cc_container .cc_message{
  font-size: 1em !important;
  line-height: 1em;
}

.cc_container a, .cc_container a:hover, .cc_container a:visited{
  color: #a80d2d !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:hover, .cc_container .cc_btn:visited{
  background: #a80d2d !important;
  color: #fff;
}

.cc_container a.cc_btn , .cc_container a.cc_btn:hover , .cc_container a.cc_btn:visited {
  color: #fff !important;
}

/*update*/

.csc-textpic-imagewrap {
    margin-bottom: 4rem;
}

.csc-textpic-caption {
   
    caption-side: bottom;
    text-align: center !important;
    position: relative;
    margin-top: 5px;
    color: #a80d2d;
}

.csc-textpic-imagecolumn {
	margin-right:40px;
}

.ce-image {
	
	margin-bottom:4rem;
}