.fancyboxContainer { width: 100%; padding:10px !important; box-sizing: border-box; }
.fancybox .tx-cf-cookiemanager { display:none; }
.fancybox { background-color:transparent; }

/*------ Cookies ----------------*/
.cc-revoke { padding: 1em 2em; }
.cc-revoke.cc-bottom { border-radius:5px !important; text-decoration: none; }
.cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2.5em); transform: translateY(2.5em); }
.cc-revoke, .cc-window { font-family: inherit; font-size: 0.9rem; }
.cc-window { box-shadow: 0 0 20px rgba(0,0,0,0.5); }
/*.cc-revoke.cc-left { left: 80px !important; text-transform: uppercase; }*/


.cc-window {  }
.cc-window .dp--cookie-check { border:none; }
.cc-window .dp--cookie-check label:first-child { padding-left:0px; padding-right:0px; }
.cc-window .dp--cookie-check label:last-child { padding-right:0px; padding-left:0px;}
.cc-window .cc-deny { display:none !important; }
.cc-window .cc-btn { width: 48% !important; background:#FFF !important; color:#4270A3 !important; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */}
.cc-window .cc-btn:hover { opacity: 0.8; }


.cc-compliance { padding:0 1.5rem 1.5rem; }
.cc-compliance .cc-btn { width: 48%; }



@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
  }
}



/*------ Cookie-Tabelle auf Datenschutzseite ----------------*/
.CookieTable { width:100%; }
.CookieTable td, .CookieTable th {  padding:10px !important; text-align:left; border-bottom:1px solid #000; }
.CookieTable td.CookieSpace { background: none;}
.CookieTable td.CookieHead {  }




/* Bewerbungsformular */
#bewerbungsformular-281 h1 { color:#ef7d00; }

#bewerbungsformular-281 .form-group { display:flex; justify-content: space-between; margin-bottom:15px; }
#bewerbungsformular-281 .form-group label { width:25%; line-height:30px; }
#bewerbungsformular-281 .form-group > div { width:70%; }
#bewerbungsformular-281 .form-group > div input { background:rgb(232, 232, 232); box-sizing: border-box; width:100%; padding:5px 10px; line-height:20px; font-size:0.8rem; }
#bewerbungsformular-281 .form-group > div textarea { height:150px; background:rgb(232, 232, 232); box-sizing: border-box; width:100%; padding:5px 10px; line-height:20px; font-size:0.8rem; }


#bewerbungsformular-281 .btn-group { display:flex; justify-content: flex-end; }
#bewerbungsformular-281 .btn-group button { text-transform: uppercase; background:#4270a3; color:#FFF; position:relative; padding:10px 20px; padding-right:40px; line-height:20px; }
#bewerbungsformular-281 .btn-group button:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    right: 9px;
    top: 10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 9px solid #FFF;
}

#bewerbungsformular-281 .row { display:flex; justify-content: space-between; margin-left:30%; }
#bewerbungsformular-281 .row .form-group { display:block; justify-content:inherit; }
#bewerbungsformular-281 .row .col-lg-9 { width:50px; }
#bewerbungsformular-281 .row .col-lg-3 { width:100%; line-height:20px; padding:5px 0; }
#bewerbungsformular-281 .row .col-lg-3 p { margin-bottom:0 !important; }

#bewerbungsformular-281 .form-group input[type="checkbox"] { display: none; }
#bewerbungsformular-281 .form-group input[type="checkbox"] + span span { display: none; }
#bewerbungsformular-281 .form-group input[type="checkbox"] + span { overflow:hidden; display:block; text-indent:-9999px; }
#bewerbungsformular-281 .form-group input[type="checkbox"] + span::before { width: 30px; height: 30px; background:rgb(232, 232, 232); display: block; content: ""; float: left; margin-right: 5px; }
#bewerbungsformular-281 .form-group input[type="checkbox"]:checked + span::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #4270a3; }




/* Lightbox*/
#lightbox { background:#FFF; height:100%; font-size:0.9rem; }
#lightbox h2 { padding-bottom:0px; }
#lightbox p { padding-bottom:10px; }


/* Wir über uns - Tabelle */
.frame-layout-2 table {
  background: rgba(66,112,166,0.75);
  background: -moz-linear-gradient(top, rgba(66,112,166,0.75) 0%, rgba(66,112,166,0.3) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,112,166,0.75)), color-stop(100%, rgba(66,112,166,0.3)));
  background: -webkit-linear-gradient(top, rgba(66,112,166,0.75) 0%, rgba(66,112,166,0.3) 100%);
  background: -o-linear-gradient(top, rgba(66,112,166,0.75) 0%, rgba(66,112,166,0.3) 100%);
  background: -ms-linear-gradient(top, rgba(66,112,166,0.75) 0%, rgba(66,112,166,0.3) 100%);
  background: linear-gradient(to bottom, rgba(66,112,166,0.75) 0%, rgba(66,112,166,0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4677af', endColorstr='#e94435', GradientType=0 );
}
.frame-layout-2 td { padding:5px; border:1px solid #FFF; font-size:0.9em; }
.frame-layout-2 td:first-child { vertical-align:middle; text-align:center; font-weight:bold; background:#666; color:#FFF; }
.frame-layout-2 tr:last-child { background:#4270A3; text-align:center; font-weight:bold; color:#FFF; }



/* SYSTEC-Gruppe Rondell */
#systec-gruppe { position:relative; width:460px; height:460px; margin:auto; }
#systec-gruppe .inner_circle img { padding:75px 0; }
#systec-gruppe .outer_circle img { padding:35px 0; max-width:85% !important;}
.systecgruppe { position:absolute; text-align:center; background:#FFF !important; box-shadow:0px 0px 150px #666; border-radius:100px; width:200px; height:200px; left:130px; top:130px; }
.outer_circle { position:absolute; text-align:center; background:#FFF; box-shadow:1px 1px 5px #666; border-radius:60px; width:120px; height:120px; }
.outer_circle:hover { box-shadow:1px 1px 10px #4270A3; }
.fer { right:170px; top:0px; }
.apv { right:45px; top:45px; }
.itg { right:0px; top:170px; }
.fct { right:45px; bottom:45px; }
.cmw { left:170px; bottom:0px; }
.ade { left:45px; bottom:45px; }
.sys { left:0px; top:170px; }
.svs { left:45px; top:45px; }
.apv img { padding:30px 0 !important; }
.svs img { padding:20px 0 !important; }
.ade img { padding:25px 0 !important; }
.cmw img { padding:45px 0 !important; }
.sys img { padding:30px 0 !important; }



.frame-abstand .ce-gallery { margin-right:10px; }
.frame-abstand_lupe .ce-gallery { margin-right:10px; }
.frame-abstand_lupe div.clickenlarge-1 img { padding-bottom: 25px; background:url('../Images/lupe.png') right bottom no-repeat; cursor: pointer; }
.lupe div.clickenlarge-1 img { padding-bottom: 25px; background:url('../Images/lupe.png') right bottom no-repeat; cursor: pointer; }
.frame-schatten .ce-column { box-shadow:2px 2px 5px rgba(0,0,0,0.5); margin-bottom: 20px; }
.frame-schatten .ce-image { overflow:initial !important; }
.frame-schatten .ce-row { overflow:initial !important; }
.frame-schatten .ce-gallery { overflow:initial !important; }

/* Allgemeines */   
.hide { display: none; }
.clearer { border:none; clear:both; padding:0; margin:0; }

.transition {  
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}


/* typography */

DIV.csc-textpic-intext-left DIV.ce-gallery img { float:left; margin-right:10px; }
DIV.csc-textpic-intext-right DIV.ce-gallery  img{ float:right; margin-left:10px; }

.frame-default { margin-bottom:20px; }
.frame-space-after-medium { margin-bottom: 3em; }


/* structure */   
#shadow_back { position:absolute; top:0px; height:700px; width:100%; overflow:hidden; }
#shadow_back_inner { max-width:960px; margin:auto; height:700px; position:relative; }
#shadow_back_left { position:absolute; top:0px; left:-300px; height:700px; width:300px; background:url('../Images/shadow_back_left.png') top center no-repeat; }
#shadow_back_right { position:absolute; top:0px; right:-300px; height:700px; width:300px; background:url('../Images/shadow_back_right.png') top center no-repeat; }


/* structure */   
#container { overflow:hidden; /*responsive einschalten max-width:960px;*/ width:960px !important; margin:auto; background-color:#FFFFFF; min-height:100%; padding-bottom:0px; position:relative; z-index:20; }

/* Grid-Spalten */
#content_typo3 { padding:0; line-height:20px; }
#spalte_rechts { border-left:1px solid #CCC; width:91.111111111%; padding:0 0 80px 8.88888889%; line-height:20px; float:right; }

/* STARTBOXEN */
.startbox { overflow:hidden; padding:1.5625%; z-index:1000; background:#FFF; box-shadow:0px 0px 5px #444; margin-top:-70px; position:relative; height:245px; width:18.75%; float:left; margin-right:1.5625%; }
.startbox_en { height:245px; }
.startbox:last-child { margin-right:0; }
.startbox .startbox_header a { height: 38px; font-size:1.5em; line-height:100%; display:block; padding:0 0 10px; text-transform:uppercase; }
.startbox img { position:absolute; bottom:40px; left:0; width:100%; height:auto; }
.startbox p { margin:5px 0 0 !important; padding:0 !important; }
.startbox ul { list-style-type:none; }
.startbox li { position:relative; }
.startbox a:hover { color:#666; }
.startbox .kreis { background:#CCC; display:block; position:absolute; top:3px; left:-19px; border-radius:4px; width:8px; height:8px; }
.startbox .more { padding:0 7.14285714%; width:85.7142857%; display:block; position:absolute; bottom:5px; left:0px; line-height:26px;}
.startbox .more .kreispfeil { background:#4270A3; border-radius:13px; display:block; position:absolute; bottom:0px; right:4.14285714%; width:26px; height:26px; }
.startbox .more .kreispfeil .pfeil { display:block; position:absolute; width:0px; height:0px; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FFF; margin:auto; top:5px; left:10px; }

/* PRODUKTBOXEN */
.produktbox { overflow:hidden; border-top:1px dotted #666; padding:15px 0 0; margin-bottom:15px; position:relative; }
.produktbox:first-child { border-top:none; padding:0; }
.produktbox .content { float:left; width:260px; }
.produktbox .produktbox_header a { font-size:1.5em; display:block; padding:0 0 10px; text-transform:uppercase; }
.produktbox img { float:left; width:150px !important; margin-right:15px; }
.produktbox a:hover { color:#666; }
.produktbox .more { text-indent:-9000px; display:block; position:absolute; bottom:0px; right:0px; line-height:26px;}
.produktbox .more .kreispfeil { background:#4270A3; border-radius:13px; display:block; position:absolute; bottom:0px; right:0; width:26px; height:26px; }
.produktbox .more .kreispfeil .pfeil { display:block; position:absolute; width:0px; height:0px; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FFF; margin:auto; top:5px; left:10px; }


/*------ Produktaufzählungen ----------------*/
.frame-layout-1 { border-top:1px dotted #666; padding:10px 0; }
.frame-layout-1 .kreispfeil { border-radius:13px; display:block; position:absolute; bottom:0px; right:4.14285714%; width:26px; height:26px; }
.frame-layout-1 .kreispfeil .pfeil { display:block; position:absolute; width:0px; height:0px; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FFF; margin:auto; top:5px; left:10px; }




#content_typo3 h1, #spalte_rechts h1 { }


/* HEADER */ 
#header{ margin:0; position:relative; height:268px; background:#FFF url("../Images/back_header.jpg") center no-repeat; background-size: contain; display:flex; flex-wrap: wrap; }
#header, #header nav, #main, #banner{  width:100%;  }

  #sprache { margin-left:330px; }
  #sprache img { width:30px; height:24px; margin-right:10px; margin-top: 8px; }
  #sprache a img { }

  #logo{ height:80px; width:95.8333333%; padding:20px 2.08333333% 20px; text-align:right; }


  #mainnav { background:#FFF; position:relative; z-index:200; padding:5px 0 4px; width:100%; }
  #mainnav_inner { border-color:#4270A3; width:98.9583333%; padding:0px 0.52083333%; border-bottom:4px solid; }
  #mainnav_inner li { display:block; float:left; padding-right:3px; font-size:1.1em; }
  #mainnav_inner li a { display:block; line-height:45px; height:45px; text-transform:uppercase; padding:0 10px; }
  #mainnav_inner li a:hover { color:#FFF; background:#4270A3;
-webkit-transition: background .5s linear, color .5s linear;
transition: background .5s linear, color .5s linear;
}
  #mainnav_inner li.active a { background:#4270A3; color:#FFF;}

  #mainnav_back { background:#FFF; position:absolute; top:210px; padding:5px 0 4px; width:100%; }
  #mainnav_back_inner { border-color:#4270A3; width:100%; height:45px; padding:0px; border-bottom:4px solid; }

/* KREISBILD */ 
#kreis { background:#4270A3; text-align:center; overflow:hidden; z-index:100; position:absolute; padding:0 0 0 0; left:-95px; top:-60px; height:420px; width:420px; border-radius:240px; border: 15px solid #FFF; }

/* SUCHE */ 
#suche { position:relative; height:24px; padding:8px 0; }
  .tx-indexedsearch-form { float:left; }
  .tx-indexedsearch-searchbox { border:none; float:right; border-radius:2px; background:#FFF; width:200px; height:24px; padding:0 10px; box-shadow:0 0 5px #666;}
  .tx-indexedsearch-searchbox .eingabe { float:left; }
  .tx-indexedsearch-searchbox label { display:none; }
  .tx-indexedsearch-searchbox input { font-size:0.8em; line-height:24px; float:right; margin:0px 8.88888889% 0 0; background:#FFF; border:none; width:87.3170732%; }
  .tx-indexedsearch-searchbox input:focus { outline:none; }
  .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit{ float:right; width:24px; margin:0;  }
  .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button { margin:0; width:100%; float:right; text-indent: -1000px; cursor: pointer; position: relative; background:#FFF url("../Images/search_lupe.png") center no-repeat; }
  
  .tx-indexedsearch-info { display:none; }
  .tx-indexedsearch-searchbox legend { display:none; }
  .tx-indexedsearch-browsebox { margin-top:30px; }
  .major-content .tx-indexedsearch-searchbox { display:none; }

/* SERVICENAVIGATION */ 
#servicenav { position:relative; width:330px; overflow:hidden; height:90px; }
#servicenav a { transform: rotate(-4deg); text-transform: uppercase; font-size:1.3rem; position: absolute; right:-5px; top:20px; display:block; color:#FFF; text-decoration:none; padding:0 20px; height:44px; line-height:44px; font-weight:bold; 
  background: rgba(237,126,0,1);/* Old Browsers */
  background: -moz-linear-gradient(top, rgba(237,126,0,1) 0%, rgba(246,168,0,1) 51%, rgba(237,126,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,126,0,1)), color-stop(51%, rgba(246,168,0,1)), color-stop(100%, rgba(237,126,0,1)));/* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(237,126,0,1) 0%, rgba(246,168,0,1) 51%, rgba(237,126,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(237,126,0,1) 0%, rgba(246,168,0,1) 51%, rgba(237,126,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(237,126,0,1) 0%, rgba(246,168,0,1) 51%, rgba(237,126,0,1) 100%); /* IE 10+ */
  background: linear-gradient(to bottom, rgba(237,126,0,1) 0%, rgba(246,168,0,1) 51%, rgba(237,126,0,1) 100%);/* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7e00', endColorstr='#ed7e00', GradientType=0 );/* IE6-9 */
}
#servicenav div.active a { box-shadow:0 0 10px rgba(0,0,0,0.5); }
#servicenav div a:hover { box-shadow:0 0 10px rgba(0,0,0,0.5); }

/* HEADERBALKEN */ 
.headerbild { background:#eee; width:960px; height:230px; }
  .startseite .headerbild { height:300px; }





/* SUBNAVI */ 
#subnavi { position:relative; padding-bottom:450px;}
#subnavi_header { background:url('../Images/shadow_subnavi.png') bottom right no-repeat; overflow:hidden; position:relative; padding:0 0 0 7.69230769%; line-height:56px; height:61px; text-transform:uppercase; font-size:1.5em; }
#subnavi_header .kreis { background:#4270A3; display:block; position:absolute; top:13px; left:-13px; border-radius:13px; width:26px; height:26px; }

#subnavi a { color:#4270A3; border-color:#4270A3; }
#subnavi ul { list-style-type:none; margin:0; }
#subnavi ul li { margin:0 0 0 7.69230769%; }
#subnavi ul li a { border-bottom:1px solid; display:block; text-decoration:none; padding:5px 8.333333333% 5px 8.8888889%; font-size:1.2em; }
#subnavi ul li:last-child a { border-bottom:none; }
#subnavi ul ul li a { border:none; display:block; text-decoration:none; padding:3px 8.8888889%; font-size:1em; }
#subnavi ul ul ul li a { display:block; text-decoration:none; padding:1px 8.8888889% 1px 17.7777778%; font-size:0.9em; }
#subnavi_back { background:rgba(66,112,163,0.6); display:none; position:absolute; left:0; top:0; width:27.0833333%; min-height:100%; }

#subnavi ul li a:hover { border-color:#4270A3; color:#FFF; 
  background: rgba(66,112,166,0.6);
  background: -moz-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,112,166,0.6)), color-stop(100%, rgba(66,112,166,0)));
  background: -webkit-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: -o-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: -ms-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: linear-gradient(to right, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4677af', endColorstr='#e94435', GradientType=1 );
}
#subnavi ul li a.active { border-color:#4270A3; color:#FFF; 
  background: rgba(66,112,166,0.6);
  background: -moz-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,112,166,0.6)), color-stop(100%, rgba(66,112,166,0)));
  background: -webkit-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: -o-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: -ms-linear-gradient(left, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  background: linear-gradient(to right, rgba(66,112,166,0.6) 0%, rgba(66,112,166,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4677af', endColorstr='#e94435', GradientType=1 );
}

/* SUBNAVI */ 
.button-bewerben { position:absolute; top:110px; left:0; display:inline-block; box-sizing: border-box; padding:10px 20px; background:#4270a3; color:#FFF !important; font-size: 2rem; font-weight: bold; line-height: 110%; width: 200px; }
.button-bewerben:hover { box-shadow:5px 5px 10px rgba(0,0,0,0.5); top:105px; }


/* EFREBOX */ 
#efre_box { width:22.9166667%; z-index:100; font-size:0.8em; position:absolute; bottom:530px; left:0; padding:0px 2.08333333%;}
#efre_box .efre_shadow_top { position:absolute; top:0 left:0; height:10px; width:84.6153846%; background:url('../Images/quality_shadow_top.png') bottom center no-repeat; }
#efre_box .efre_shadow_bottom { position:absolute; right:0 left:0; width:84.6153846%; height:10px; background:url('../Images/quality_shadow_bottom.png') top center no-repeat; }
#efre_logo { background:#FFF; padding:15px 10px; margin:10px 0 5px; }
#efre_logo img { padding-right:15px; }
#efre_box .kreispfeil { opacity:0.7; background: #4270a3; border-radius:13px; display:block; position:absolute; bottom:30px; right:7%; width:26px; height:26px; }
#efre_box .kreispfeil .pfeil { display:block; position:absolute; width:0px; height:0px; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FFF; margin:auto; top:5px; left:10px; }


/* QUALITYBOX */ 
#quality_box { width:22.9166667%; z-index:100; font-size:0.8em; position:absolute; bottom:250px; left:0; padding:0px 2.08333333%;}
#quality_box .quality_shadow_top { position:absolute; top:0 left:0; height:10px; width:84.6153846%; background:url('../Images/quality_shadow_top.png') bottom center no-repeat; }
#quality_box .quality_shadow_bottom { position:absolute; right:0 left:0; width:84.6153846%; height:10px; background:url('../Images/quality_shadow_bottom.png') top center no-repeat; }
#quality_logos { background:#FFF; padding:15px 10px; margin:10px 0 5px; }
#quality_logos img { padding-right:15px; }
#quality_logos img:last-child { padding-right:0px; }
#quality_content { overflow:hidden; padding:15px; margin:0; background:#FFF url('../Images/quality_logo.png') bottom right no-repeat; }
#quality_content p { color:rgba(66,112,163,0.3); padding:0 0 5px; }
#quality_content a { color:rgba(66,112,163,0.3); position:relative; line-height:16px; font-weight:bold; display:block; height:16px; margin:5px 0 0; }
#quality_content a .kreis { background:rgba(66,112,163,0.6); display:block; position:absolute; top:0px; left:-23px; border-radius:8px; width:16px; height:16px; }






#main { position: relative; background:url('../Images/shadow_main.png') top right no-repeat; font-size:0.8em; line-height:1.3em; padding-bottom:210px; }
#main p{ margin-bottom:15px; }
#spalte_rechts p { margin-right: 5px; }

.major-content { padding-top:30px; }
.major-content ul, .major-content ol { margin: 1em 0; padding: 0 0 0 15px; }
.major-content dd { margin: 0 0 0 40px; }
.major-content h1{  margin-top:0px; }

#content_typo3 img, #spalte_rechts img, embed, object, video {
  width:100%;
  height: auto;
}


footer{ background:url('../Images/shadow_footer.png') top center no-repeat; overflow:hidden; position:absolute; bottom:0; width:100%; padding:30px 0 0; font-size:0.7em; line-height:1em; }
footer #footer_inner { box-shadow:0px 0px 10px rgba(66,112,163,0.4); background:#FFF; position:relative; margin:auto; width:100%; padding:20px 0 0; display:flex; flex-wrap: wrap; }
footer #sitemap { width:100%; padding:0px 2.08333333% 20px; }

#sitemap:after { clear:both; content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
#sitemap .main_list { float:left; padding:0 30px 0 0; }
#sitemap .service_list { float:left; }
#sitemap a { display:block; text-decoration:none; }
#sitemap a:hover { }
#sitemap .header{ font-weight:bold; font-size:1.2em; padding-bottom:10px; display:block; }
#sitemap ul { margin:auto; padding:0; list-style-type:disc; }
#sitemap ul li { margin:0 0 0 13px; padding:3px 0; line-height:12px; }
#sitemap ul li a { margin:0 0 0 -5px; }

footer #systec { font-weight:bold; font-size:1.2em; padding:5px 2.08333333% 10px; }
footer #systec .red { color:#FF0000; }
footer #address { font-size:1.2em; margin-top:10px; width:75%; padding:5px 0 20px 2.08333333%; box-sizing: border-box; }
footer a { color:#444 !important; }
footer a:hover { color:#4270A3 !important; }
footer a.active { color:#4270A3 !important; }

footer .footermenu { list-style-type:none; font-size:1.2em; margin-top:10px; width:25%; padding:5px 2.08333333% 20px 0; box-sizing: border-box; display:flex; justify-content: flex-end;}
footer .footermenu li { padding-left:20px; }
footer .footermenu li:first-child { padding-left:0; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
#content_typo3 img, #spalte_rechts img, embed, object, video {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

@media \0screen {
#content_typo3 img, #spalte_rechts img, embed, object, video { 
  width: 100%\9; /* for ie 8 */
  max-width: 182px\9;
  }
}

aside { 
  float:left;
  margin:0 0 40px 0;
  }
.flexslider {width:100%;}

#banner {
  text-align:left;
}


/*------ Unterseiten-Teaserboxen ----------------*/
.subteaser_begin { margin:0 0 5px -4.25531915%; width:104.25531915%; padding:0; border-top:15px solid; }
.subteaser { margin:0 0 20px -4.25531915%; width:104.25531915%; padding:0; border-top:5px solid; border-bottom:1px solid; }
.subteaser h3 { padding:10px 0 3px 4.25531915%; font-size:1.3em; font-weight:bold; }
.subteaser p { margin:0 0 3px 4.25531915% !important; }
.subteaser a { text-transform:uppercase; font-size:1.2em; position:relative; padding:0 0 0 4.25531915%; line-height:30px; display:block;  }
.subteaser a .pfeil { background:url('../Images/pfeil.png') center no-repeat; position:absolute; width:4.25531915%; right:0; bottom:3px; display:block; height:30px; }


/*------ GoogleMaps ----------------*/
  #map-canvas { height:410px; width:100%; display:block; }
  #map-canvas .map-content h1 { color:#000; font-size:1rem; margin-bottom:1em; }
  #map-canvas .map-content { color:#000; font-size:0.9rem; }
  #map-canvas img { max-width:none; }


/*------ Kontaktformular ----------------*/
.tx-powermail { margin-left:-4.25531915%; width:95.7446809%; padding: 10px 4.25531915%; }
.tx-powermail h3 { display:none; }
.tx-powermail legend { display:none; }
.tx-powermail .powermail_fieldwrap { padding:5px 0; }
.tx-powermail .powermail_fieldwrap:after { clear:both; content: ""; display: table; }
.tx-powermail label { float:left; width:30%; }
.tx-powermail input { padding:3px 2%; float:right; width:66%; box-shadow:0px 0px 5px #444; }
.tx-powermail textarea { padding:3px 2%; float:right; width:66%; box-shadow:0px 0px 5px #444; }
.tx-powermail .powermail_submit { background: #4270a3; padding:5px 0; text-transform:uppercase; color:#FFF; float:right; width:30%; }


/*------ Aktuelles und Karriere ----------------*/
.news-list-item { border-bottom:1px dotted #444; position:relative; padding:0 4.25531915%; margin:0 0 15px; }
.news-list-item:last-child { border-bottom:none; }
.news-list-item:after { clear:both; content: ""; display: table; }

.news-latest-container { }
.news-latest-item { position:relative; padding:0; margin:0; border-bottom:1px dotted #CCC; }
.news-latest-item:after { clear:both; content: ""; display: table; }
.news-latest-item img { margin-bottom:5px; }
.news-latest-item p { margin-bottom:0 !important; display:inline; }
.news-latest-item h3 { text-transform:none; padding-bottom:5px; line-height:120%; fontt-size:0.8em; }

.news-single-item { position:relative; margin:0; }
.news-single-item:after { clear:both; content: ""; display: table; }
.news-single-item .news-single-content { float:left; width:64.7482014%; }
.news-single-item .news-single-right { float:right; width:32.3741007%; margin-top:25px; }
.news-single-item img { width:100%; }
.news-single-item .subheader { font-weight:bold; }

/*------ Karriere ----------------*/
.karriere h2 { padding-bottom:20px; }



/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


.sf-menu ul li {
  line-height:0.5;
}

DIV.csc-textpic DIV.csc-textpic-imagecolumn {
margin-bottom: 10px !important;
}