.headerslider .item {
  position: relative;
}
.headerslider .caption {
  position: absolute;
  right: 5%;
  top: 300px;
  width: 35%;
  color: #fff;
  z-index: 8;
  overflow: hidden;
}
.headerslider .caption p, .caption h3 {
  padding: 5px;
  color: #FFF;
  margin: 0 !important;
}


/*------ Cookies ----------------*/
.cc-revoke { padding: 1em; bottom:13px !important; }
.cc-revoke.cc-bottom { border-radius:0px !important; text-decoration: none; }
.cc-revoke.cc-bottom { -webkit-transform: translateY(2.5em); transform: translateY(2.5em); }

.cc-window .dp--cookie-check { border:none; border-top:1px solid #FFF; border-radius:0; padding-top:0.5em; display:block; }
.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; color:#BBB !important; background-color:#FFF !important; }
.cc-window .cc-btn:hover { background-color: rgba(255,255,255,0.8) !important; text-decoration: none !important; }

.cc-compliance { padding:1.5rem; padding-top:0;  }
 
.dp--overlay-description a { color:#FFF !important; text-decoration: underline !important; }
.dp--overlay-description a:hover { color:#FFF !important; text-decoration: none !important; text-shadow:none !important; }

.dp--cookie-consent { overflow: hidden;}
.dp--cookie-consent #header,
.dp--cookie-consent #headerslider,
.dp--cookie-consent #container,
.dp--cookie-consent #footer { opacity:0.5; pointer-events: none; }


/*------ Cookie-Tabelle auf Datenschutzseite ----------------*/
.CookieTable { width:100%; }
.CookieTable td, .CookieTable th {  background:#EEE; padding:10px; text-align:left;  }
.CookieTable td.CookieSpace { background: none;}
.CookieTable td.CookieHead {  }



.service_right_inner { display:flex; }

/* Login*/ 
  #loginnav { position:relative; color:#FFF; text-align:right; }
  #loginnav button { font-size:0.8rem; font-weight:300; border:none; line-height:30px; background:#00408a; margin:0; padding:5px 15px; color:#FFF;
    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 */
  }
  #loginnav button:hover { cursor:pointer; }
  #loginnav button:focus { outline:0; }

  #loginbox { display:none; box-shadow: -5px 5px 10px rgba(0,0,0,0.5); padding:15px; position:absolute; background:#FFF; top:40px; right:0; z-index:3000; }
  #loginbox fieldset { padding:0px; margin:0; border:0; }
  #loginbox input { border-radius:0px; margin-bottom:5px; border:none; box-shadow:-1px -1px 7px #ccc; width:100%; line-height:30px; font-size:0.8rem; padding:0 3%; box-sizing:border-box; }
  #loginbox input:focus { line-height:40px; font-size:1.0rem; outline:0; }

  #loginbox > a { font-size:0.8rem; text-decoration:none; }
    .logoutbox > a { display:none; }
  #loginbox input[type="submit"] { opacity:0.5; color:#FFF; background:#00408a; border-radius:0px; text-transform:uppercase; margin-top:10px; cursor:pointer; box-shadow:none; text-align:center; font-size:1.0rem; line-height:40px; }
  #loginbox input[type="submit"]:hover { opacity:1; }
  #loginbox .resetinfo { font-size:0.8rem; }



/*------ Unternehmensgeschichte ----------------*/
.fsc-default.historie > div { display:flex; margin-bottom:20px; }
.fsc-default.historie header { width:15%; padding-right:20px; box-sizing:border-box; }
.fsc-default.historie > div > div { width:85%; }

/*------ Sitemap ----------------*/
.ce-menu { list-style-type:none; }
.ce-menu ul { list-style-type:none; }
.ce-menu > li { margin-bottom:20px; }
.ce-menu > li > a { text-transform:uppercase; font-weight:500; font-size:1.2rem; }
.ce-menu > li > ul > li > a{ text-transform:uppercase; font-weight:900; color:#009ee0; font-size:1.1rem; }
.ce-menu > li > ul > li > ul > li > a{ font-weight:500; }
.ce-menu a { padding:5px; }
.ce-menu a:hover { background:#eee; }


/*------ Download-Box ----------------*/
.frame-type-uploads { margin-top:50px; }
.frame-type-uploads h5 { background:#FFF; margin-bottom:-1px; display:inline-block; padding:10px 20px; border:1px solid #00408a; border-bottom:none; }
.frame-type-uploads .box { font-size:0.8rem; border-top:1px solid #00408a; }
.frame-type-uploads img { float:none; padding-right:0; display:block; box-shadow:2px 2px 8px rgba(0,0,0,0.5); width:100%; height:auto; }
.frame-type-uploads ul { display:flex; margin-top:20px !important; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.frame-type-uploads li { position:relative; display:block; padding-bottom:95px; overflow:visible; width:22%; margin:1em 0 2em; margin-right:3%; }
.frame-type-uploads .ce-uploads-description { text-align:center; padding:10px 0; line-height:140%; }
.frame-type-uploads .ce-uploads-description p { padding-bottom:0; }
.frame-type-uploads .ce-uploads-button a { position:absolute; left:0; bottom:0; width:100%; color:#000; background:url('../Images/icon_download.png') center top no-repeat; background-size:35%; display:block; text-align:center; opacity:0.2; padding-top:70px; }
.frame-type-uploads .ce-uploads-button a:hover { opacity:0.5; background-position:center 10px; }


.ce-intext.ce-left .ce-gallery { width:20%; margin-right:2%; }
.ce-intext.ce-left .ce-gallery .ce-column { width:100%; }
.ce-intext.ce-left .ce-gallery img { width:100%; height:auto; }
.ce-intext.ce-left .ce-bodytext { width:78%; }

.ce-column { margin-bottom:10px; }
.ce-left .ce-gallery img { width:100%; height:auto; }


/*------ Pageteaser ----------------*/
#pageteaser { overflow:hidden; }
#pageteaser .wrapper { background:#00408a; padding:30px 2% 0; }


/*------ News ----------------*/
#news { padding:0 0 30px; }
#news .content_left_inner { padding:72px 6% 0; }


/*------ Gridelements ----------------*/
.gridelement_2cols{ display:flex; }
.gridelement_2cols .col1 { width:60.5%; position:relative; margin-right:7%; }
.gridelement_2cols .col2 { width:32.8%; position:relative; }


.col2 .ce-gallery { margin-left:0px !important; }
.col2 .ce-gallery img { max-width:100%; height:auto; }

/*------ Javascript-Debugger ----------------*/
#output { /* display:none;*/ background:orange; position:fixed; top:100px; left:0; z-index:1000; width:200px; }
#output2 { /* display:none;*/ background:green; position:fixed; top:150px; left:0; z-index:1000; width:200px; }
#output3 { /* display:none;*/ background:lime; position:fixed; top:200px; left:0; z-index:1000; width:200px; }


/* --------- Allgemeines ---------------------------------------------------------------------*/
body { background:#FFF; }
  .wrapper { box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; }
  .hide { display:none; }

  .shadow_top { background:url('../Images/shadow_top.png') center bottom no-repeat; background-size:120% 10px; position:absolute; left:0; top:-15px; width:100%; height:15px; }
  .shadow_bottom { background:url('../Images/shadow_bottom.png') center top no-repeat; background-size:120% 10px; position:absolute; left:0; bottom:-15px; width:100%; height:15px; }

  .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 */
  }

  /* Contain floats: h5bp.com/q */ 
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }
  
  figcaption { text-align:center; font-size:0.8rem; line-height:140%; padding-top:3px; padding-bottom:5px; }

   .fsc-default > div { padding-right:3.7%; }
     .startseite .fsc-default > div { padding-right:0%; }
   .fsc-default > div.uploads { padding-right:0; }

   .fsc-default.abstand-oben { margin-top:40px; }

   .fsc-default.graue-box { padding:20px; background:#EEE; margin-right: 3.7%; margin-bottom:20px; }
   .fsc-default.graue-box > div { padding-right:0%; }
   .fsc-default.graue-box .ce-intext.ce-right .ce-gallery { margin-bottom:0px; }

   .fsc-default.schrift-kleiner { font-size:0.8rem; line-height:150%; }
   .fsc-default.schrift-kleiner p:first-child { font-size:1rem; }

/* --------- Header ---------------------------------------------------------------------*/
#header{ position:relative; padding:0; z-index:200; }
  .startseite #header{ min-height:242px; }
  #header .wrapper { position:relative; }

  #slider { position:relative; }
  .startseite #header-content { position:absolute; top:0; left:0; width:100%; z-index:500; }

  #header .language { padding:15px 2%; height:20px; display:flex; justify-content:flex-end; }
  #header .language-choose {  }
  #header .language a {  }
  #header .language img { box-shadow:0 0 10px #000; opacity:0.5; box-sizing:border-box; display:inline-block; border:1px solid #FFF; height:100%; width:30px; margin:0 5px; }
  #header .language img:hover { opacity:0.8; }
  #header .language .active img { opacity:1; }
  #header .language a:last-child img {  margin-right:0; }
  #header .language a:first-child img {  margin-left:0; }

  #header .service { position:relative; background:#d2e0ef; padding:0 2%; display:flex; justify-content:space-between; box-sizing:border-box; }
  #header .service_right { position:relative; }


  /* Logo */ 
  #header #logo { width:30%; padding:20px 0; }
  #header #logo img { display:block; width:100%; height:auto; }
  #header #logo a { border:none; }

  #header .breadcrumb { position:relative; background:#d2e0ef; padding:0 2%; box-sizing:border-box; }
  #header .breadcrumb a{ text-decoration:none; }


  /* BREADCRUMBZEILE */ 
  #breadcrumb { clear:both; height:30px; line-height:30px; padding-left:0; font-size:0.8rem; list-style-type:none; margin:0; }
  #breadcrumb li { float:left; display:block; }
  #breadcrumb li span { }
  
  
/* --------- Main Content -------------*/ 
#main { position:relative; overflow:hidden; }
#main .wrapper { padding:30px 0 50px; background:#FFF; display:flex; }


/*------ GoogleMaps ----------------*/
#map-canvas { height:600px; width:100%; display:block; }
  #map-canvas .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
  #map-canvas .map-content { font-family: 'Rajdhani', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
  #map-canvas img { max-width:none; }

/*------ Content ----------------*/
.content { padding:0 2.5%; box-sizing:border-box; }
  .content_inner { border-right:1px solid #00408a; height:100%; box-sizing:border-box; }
  .startseite .content_inner { border-right:none; }

  .content p, .content ul {  margin:0; padding-bottom:15px; list-style-type:square; }
  .content ul ul {  margin:0; padding-bottom:0px; }

  .content_right { position:relative; padding-bottom:350px; box-sizing:border-box; }

  .werkstoff { margin-bottom:30px; background:#333 url('../Images/werkstoff-atome.png') right 10px no-repeat; background-size:23%; box-sizing:border-box; }
  .werkstoff p { margin:0; padding:20px 50px 20px 20px; text-transform:uppercase; color:#FFF; font-size:1.1rem; }
  .werkstoff a { position:relative; display:block; padding:10px 20px; line-height:30px; border-top:1px solid #FFF; text-transform:uppercase; color:#FFF !important; font-size:1.1rem; }
  .werkstoff a:hover { background:rgba(255,255,255,0.2); }
  .werkstoff .pfeil-box { border-left:1px solid #FFF; width:20%; }
  .werkstoff .pfeil-box .pfeil { border-left:10px solid #FFF; top:15px; }
  .werkstoff a:hover .pfeil-box .pfeil { border-left:10px solid #FFF; }

  .metallpreise { background:#4099FF; box-sizing:border-box; }
  .metallpreise { position:relative; display:block; padding:10px 20px; line-height:30px; text-transform:uppercase; color:#FFF !important; font-size:1.1rem; }
  .metallpreise .twitter-box { display:block; border-left:1px solid #FFF; position:absolute; top:0; right:0; width:50px; height:100%; background:url('../Images/twitter-icon.png') center no-repeat; background-size:50%; }
  .metallpreise-tweets { font-size:0.9rem; position:relative; border:1px solid #4099FF; padding:5px 20px; }
  .preisinfo { position:relative; border:1px solid #4099FF; border-top:none; font-size:0.7rem; background:#FFF; padding:5px 20px; line-height:130%; }
  .preisinfo-inner {  }

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


  .ansprechpartner { position:absolute; left:0; bottom:0; width:100%; background:#00408a; box-sizing:border-box; }
    .startseite .ansprechpartner { margin-bottom:15px; }
  .ansprechpartner h3 { margin:0; padding:20px 50px 20px 20px; text-transform:uppercase; color:#FFF; font-size:1.1rem; }
  .ansprechpartner p { margin:0; padding:10px 20px 0; color:#FFF; }
  .ansprechpartner a { text-decoration:none; position:relative; display:block; margin-top:50px; padding:10px 20px; line-height:30px; border-top:1px solid #FFF; text-transform:uppercase; color:#FFF !important; font-size:1.1rem; }
  .ansprechpartner a:hover { background:rgba(255,255,255,0.2); }
  .ansprechpartner a .mail-box { display:block; border-left:1px solid #FFF; position:absolute; top:0; right:0; width:50px; height:100%; background:url('../Images/mail-icon.png') center no-repeat; background-size:50%; }

/*------ Kontaktformular ----------------*/
.tx-powermail legend { display:none; }
.tx-powermail .powermail_fieldwrap {  }
.tx-powermail label { padding:0; font-size:1rem; width:25%; display:inline-block; vertical-align:top; line-height:40px; }
.tx-powermail .powermail_field { display:flex; overflow: hidden; position: relative; }
.tx-powermail input { box-sizing:border-box; background:rgba(0,0,0,0.1); outline:none; width:100%; border:none; margin-bottom:10px; height:40px; padding:0 2%; }
.tx-powermail input:focus, .tx-powermail textarea:focus, .tx-powermail select:focus { background:rgba(0,0,0,0.3) !important; }
.tx-powermail select { -webkit-appearance: none; border-radius:0; background:rgba(0,0,0,0.1); outline:none; width:100%; border:none; margin-bottom:10px; height:40px; padding:0 2%; }
.tx-powermail textarea { box-sizing:border-box; background:rgba(0,0,0,0.1); outline:none; width:100%; border:none; margin-bottom:10px; height:140px; padding:5px 2%; }
.tx-powermail input[type="submit"] { cursor:pointer; width:auto; float:right; background:#00408a; color:#FFF; opacity:0.5; text-decoration:none; font-size:1.25rem; text-align:left; line-height:50px; height:50px; padding:0 9.09090909%; margin-bottom:0px; 
  transition: all 0.2s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.2s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.2s ease-in 0s; /* firefox */
  -o-transition: all 0.2s ease-in 0s; /* opera */
}
.tx-powermail input[type="submit"]:hover { opacity:1; }
.tx-powermail .powermail_fieldwrap_type_submit { margin-top:30px; }
.tx-powermail .powermail_fieldwrap_type_submit .powermail_field { justify-content: flex-end; }



.tx-powermail .powermail_fieldwrap_textinfo { font-weight:700; padding-bottom:20px; }


.tx-powermail .powermail_fieldwrap_type_file input { padding:5px; }

.tx-powermail .powermail_fieldwrap_type_textarea { margin-top:50px; }

.tx-powermail .powermail_fieldwrap_marker { margin-bottom:30px; font-weight:700; }
.tx-powermail .powermail_fieldwrap_email { margin-bottom:30px; }
.tx-powermail .powermail_fieldwrap_bestellung { margin-top:30px; }

.powermail_fieldwrap_dateien2 label { text-indent:-9000px; }
.powermail_fieldwrap_dateien3 label { text-indent:-9000px; }

.tx-powermail .powermail_fieldwrap_datenschutz .powermail_checkwrap { display:flex; overflow: hidden; width: 100%; }
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_checkwrap label { width:90%; }
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_checkwrap input { width:auto; margin-right:20px; }

.tx-powermail .powermail_fieldwrap_artikel2 {  }
.tx-powermail .powermail_fieldwrap_plus {
    margin-left: 25%;
    font-weight: 500;
}
.tx-powermail .powermail_fieldwrap_plus button {
    text-align: center;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    color: #fff !important;
    background:rgba(0,0,0,0.1);
    display: block;
    line-height: 35px;
  height:40px;
    width:40px;
  font-size:1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
}
.tx-powermail .powermail_fieldwrap_plus button:hover { background:#00408a; }


.powermail-errors-list {
    margin: 0 !important;
    background: rgba(238,127,0,0.7);
    position: absolute;
    top: 5px; right:10px; 
  list-style-type:none !important; padding:0 !important; color:#FFF; line-height:30px
}
.powermail-errors-list li {
    padding:0px 20px;
}

.t3ddy-item .tx-powermail { padding-top:50px; }


/* Bestelldaten */ 
.powermail_fieldset_3 { /*display:flex; flex-wrap:wrap;*/ }
.powermail_fieldset_3 > div { display:block !important; }
.powermail_fieldset_3 > div:nth-of-type(5n+1) { width:25%; float:left; }
.powermail_fieldset_3 > div:nth-of-type(5n+2) { width:21%; float:left; }
.powermail_fieldset_3 > div:nth-of-type(5n+3) { width:18%; float:left; }
.powermail_fieldset_3 > div:nth-of-type(5n+4) { width:18%; float:left; }
.powermail_fieldset_3 > div:nth-of-type(5n+5) { width:18%; float:left; }
.powermail_fieldset_3 label { display:none !important; }
.powermail_fieldset_3 > div:nth-of-type(1) label, 
.powermail_fieldset_3 > div:nth-of-type(2) label,
.powermail_fieldset_3 > div:nth-of-type(3) label,
.powermail_fieldset_3 > div:nth-of-type(4) label,
.powermail_fieldset_3 > div:nth-of-type(5) label { font-size:0.8rem; display:block !important; width:100%; }
.powermail_fieldset_3 .powermail_fieldwrap_type_text { visibility:hidden; }
.powermail_fieldset_3 .powermail_fieldwrap_marker01 { visibility:inherit; }
.powermail_fieldset_3 .powermail_field { width:100% !important; background: rgba(0,0,0,0.1); margin:5px 0; }
.powermail_fieldset_3 .powermail_field input { margin:0; background: rgba(0,0,0,0.0); padding:0 5%; }
.powermail_fieldset_3 > div:nth-of-type(5n+1) .powermail_field { background:none; }

/* --------- Footer -------------*/
#footer { color:#555555; position:relative; width:100%; font-size:0.8rem; }
  #footer .wrapper { display:flex; justify-content:space-between; }
  #footer .wrapper_01 { padding:50px 2% 40px; background:#CCC; }
  #footer .wrapper_02 { padding:15px 2%; background:none; }

  /* Copyright */ 
  .copyright { color:#CCC; line-height:100%; }

  /* Footernavigation */ 
  .footernav { position:relative; }
  .footernav ul { list-style-type:none; margin:0; padding:0; }
  .footernav ul li { float:left; border-right:1px solid #CCC; line-height:100%; }
  .footernav ul li:last-child { border-right:none;}
  .footernav ul li a { text-decoration:none; color:#CCC; display:inline-block; padding:0 20px;
    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 */
  }
  .footernav ul li:last-child a { padding-right:0; }
  .footernav ul li:first-child a { padding-left:0; }
  .footernav ul li.active a { color:#CCC; }
  .footernav ul li a:hover { color:#CCC; }

  /* --------- Kontakt -------------*/
  .adresse { display:flex; }
  .adresse .adresse1,
  .adresse .adresse2,
  .adresse .adresse3 { width:30%; display:flex; flex-direction:column; justify-content:space-between; }
  .adresse .adresse1,
  .adresse .adresse2 { margin-right:5%; }
  .adresse h3 { font-size:0.8rem; text-transform:none; }
  .adresse .adresse_adresse { line-height:140%; }
  .adresse .adresse_adresse p { -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; }
  .adresse .adresse_map img { width:80%; display:block; margin-top:20px; }

  .socials { padding-left:5%; }
  .socials img { display:inline-block; width:15%; min-width:40px; margin-right:10px; }

  /* --------- Standorte -------------*/
  #main .adresse1, #main .adresse2, #main .adresse3 { display:flex; padding-right:3.7%; margin-bottom:40px; }
  #main .adresse_adresse { line-height:140%; width:50%; padding-right:30px; }
  #main .adresse_adresse h3 { font-size:1.2rem; text-transform:none; }
  #main .adresse_adresse p { -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; }
  #main .adresse_map { width:50%; display:block; }
  #main .adresse_map img { width:100%; display:block; }