@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/source-sans-pro-v21-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/source-sans-pro-v21-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html, body {
font-family: 'Source Sans Pro', sans-serif !important;
font-weight:normal;
font-size:1.0em;
line-height:1.6em;
color:#292929;
background:#fff;
}

h1, h2, h3, h4, h5, h6 {
margin:0;
margin-bottom:20px;
padding:0;
padding-top:5px;
font-family: 'Source Sans Pro', sans-serif !important;
/* color:#c81007; */
}

h1 {
text-transform: uppercase;
}

h2, h3, h4, h5, h6 {
color:#535353;
}

.control-label em {
float:left;
width:100%;
clear:both;
font-size:0.8em;
color:#ff0000;
}

small {
float:left;
width:100%;
clear:both;
margin-top:5px;
margin-bottom:25px;
}

a, a:link, a:hover, a:visited, a:active {
color:#e40000;
}

/* #maincontainer {
line-height:1.7em;
} */

.form-group {
width:33.33333333%;
float:left;
}

fieldset{
padding:15px;
}

#header {
width:100%;
position:fixed;
z-index:9999999;
background:#000;
color:#fff;
padding:6px;
padding-top:0;
}

#newnav{
width:100%
}

#normalnav, #smartnav {
text-transform: uppercase;
}

#smartnavigation {
background:url(/nav_back.png);
}

#maincontainer h3 {
margin-top:0;
font-size:1.2em;
line-height:1.4em;
color:#777777;
}

#maincontainer .header h3 {
text-transform: uppercase;
font-size:1.1em;
line-height:1.4em;
}

#maincontainer .header .newsheader {
font-size:1.9em;
margin:0;
margin-bottom:20px;
padding:0;
padding-top:5px;
font-family: 'Source Sans Pro', sans-serif !important;
text-transform: uppercase;
color:#000;
}

hr {
width:100%;
clear:both;
margin-top:25px;
margin-bottom:25px;
align:center;
height:1px;
color:#FFF;
border:0;
border-top: solid 1px #dddddd;
}

blockquote {
margin:0;
padding:0;
border:0;
text-transform: uppercase;
/* text-align:justify; */
}

.caption {
font-size:0.8em;
text-align:center;
}

.nofocus:focus {
outline: 0;
}

.container-fluid {
margin:0;
padding:0;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#fff;
}

#language_menu {
float:right;
width:120px;
background:#000;
padding:5px;
padding-top:25px;
border-bottom:3px solid #bea895;
}

#language_menu .active a, #language_menu .active a:link {
color:#d40300;
}

#language_menu a, #language_menu a:link {
color:#fff;
}

#language_menu_main {
color:#a9a9a9;
margin:0;
margin-top:20px;
margin-left:10px;
padding:0;
text-align:right;
float:right;
}

#language_menu_main .active a, #language_menu_main .active a:link {
color:#bea895;
}

#language_menu_main a, #language_menu_main a:link {
color:#d40300;
}

#language_select {
position:fixed;
top:0;
z-index:900;
margin-top:60px;
padding:8px;
padding-top:15px;
padding-bottom:4px;
width:100%;
float:left;
text-align:right;
display:none;
}

#nav_hover {
display:none;
position:fixed;
z-index:100;
width:100%;
height:400px;
background:#fff;
}

#nav_overlay {
display:none;
position:fixed;
z-index:90;
width:100%;
height:100%;
background:url(/nav_overlay_back.png);
}

#logo {
margin-top:-8px;
min-width:90px;
min-height:34px;
}

#maincontainer {
font-size:1.1em;
background:#fff;
padding-top:50px;
padding-bottom:50px;
}

#video_wrap {
position: fixed;
left: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
background-color:#000;
z-index: -200;
}

/*video { 
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
background:#000;
z-index: -200; 
}
*/
  
#metalprices{
position:absolute;
top:0;
width:100%;
max-width:120px;
/*float:right;*/
right:25%;
/*margin-right:15px;*/
margin-top:150px;
}

#TheEvolutionofCopper, #TheEvolutionofCopper_mobil{
position:absolute;
top:0;
width:95%;
max-width:1000px;
/*float:right;*/
left:20%;
/*margin-right:15px;*/
margin-top:450px;
}

#small_arrow{
position:relative;
width:45px;
margin-top:-300px;
/*float:right;*/
/*margin-right:15px;*/
/*	margin-top:1200px;
*/}

#bgvid { 
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
}

#bg-layer {
position:absolute;
width:100%;
height:100%;
z-index: -10;
-moz-opacity: 0.5;
opacity:.50;
filter: alpha(opacity=50);
background-color:#000;
}

.navbar-toggle {
margin-top:15px;
}

#maincontainer ul {
list-style-image: url(/li.png);
}

#maincontainer .nav-sidebar li {
list-style-image:none;
}

.csc-sitemap ul {
border-left:3px solid #d29056;
padding:0;
margin-bottom:25px;
}

.csc-sitemap ul li ul {
border:0;
padding:0;
margin-bottom:0;
}

.csc-sitemap ul li {
width:100%;
margin:0;
padding-left:0;
padding:5px;
list-style:none;
border-bottom:1px solid #e4e4e4;
}

.csc-sitemap ul li ul li {
width:100%;
margin:0;
padding:5px;
padding-left:8px;
list-style:none;
border-bottom:0;
}

.formularhistorie{
/* border-left:1px solid #dddddd;
border-top:1px solid #dddddd; */
margin-top:48px;
}

.CT{
position:absolute;
width:auto;
padding:15px;
top:63.6vh;
background:rgba(250,250,250,0.6);
/*color:#FFFFFF;
background-color:#d29056;*/

}
.arrowleft{
	height:70px;
}
.imgrotate{
	 behavior:url(-ms-transform.htc);
            /* Firefox */
            -moz-transform:rotate(90deg);
            /* Safari and Chrome */
            -webkit-transform:rotate(90deg);
            /* Opera */
            -o-transform:rotate(90deg);
            /* IE9 */
            -ms-transform:rotate(90deg);
            /* IE6,IE7 */
}

@media (min-width: 992px) { 
.carousel {
margin-top:40px;
}
#myCarousel {padding-right:33.3333%;}
#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
.carousel-caption p,
#myCarousel .list-group {display:none;} 
}

.navbar-default {
/*background:transparent; */
background:url(/nav_back.png);
border:0;
font-size:0.77em;
}
.navbar-default .navbar-brand {
color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #fff;
}
.navbar-default .navbar-text {
color: #fff;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #c81007;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #c81007;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #c81007;
}
.navbar-default .navbar-toggle {
border-color: #c81007;
background-color: #c81007;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #c81007;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #fff;
}
.navbar-default .navbar-link {
color: #fff;
}
.navbar-default .navbar-link:hover {
color: #fff;
}

.breadcrumb-section {
padding-top:0;
width:100%;
}

.breadcrumb {
margin-top:-3px;
padding:0;
padding-top:0;
padding-bottom:0;
width:100%;
float:left;
text-transform: uppercase;
margin-bottom:0;
}

.breadcrumb > li {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}

.bc-right {
margin:0;
padding:0;
padding-top:0;
padding-bottom:0;
}

.bc-right > li {
margin:0;
margin-top:0;
margin-bottom:0;
padding:0;
padding-top:0;
padding-bottom:0;
font-size:0.85em;
}

.news {
width:100%;
float:left;
}

.news-single > .article {
min-height: 300px;
background: #fff;
padding: 10px;
margin-bottom: 15px;
}

.news-single > .article > .teaser-text {
color:#000;
}

.news-single > .article > .header {
font-weight:700;
}

.facebook {
margin-top:25px;
width:100%;
float:left;
padding:3px;
background:#f9f9f9;
}

.facebook .like, .facebook .share, .facebook .twitter {
padding:3px;
float:left;
width:33%;
}

.copyright {
padding-top:8px;
padding-bottom:0;
text-align:center;
font-size:0.9em;
color:#bda896;
}

.language_menu .active {
color:#fff;
}

a.more {
padding-left:3px;
padding-right:3px;
color:#fff !important;
}

a.more:hover {
background-color:#000;
}

.well {
float:left;
}

.footer-section .well {
margin:15px;
float:left;
width:155px;
background:none;
font-size:0.8em;
line-height:1.0em;
border:0;
box-shadow:none;
text-transform: uppercase;
}

.footer-section .well h1 {
font-size:1.1em;
}

.footer-section .well ul {
margin:0;
padding:2px;
}

.footer-section .well ul li{
list-style:none;
margin-bottom:6px;
}

/*

SMARTMENU

You probably do not need to edit this at all.

Add some SmartMenus required styles not covered in Bootstrovered in Bootstraed in Bootstrovered in Bootstrap 3's default CSS.
These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
position: absolute;
right: 0;
margin-top: 6px;
margin-right: 15px;le:none;
margin-bottom:6px;
}

/*

SMARTMENU

You probably do not need to edit this at all.

Add some SmartMenus required styles not covered in Bootstrovered in Bootstraed in Bootstrovered in Bootstrap 3's default CSS.
These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
position: absolute;
right: 0;
margin-top: 6px;
margin-right: 15px;
border-top: 4px solid transparent;
bordeer-bottom: 4px solid transparent;
border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
position: absolute;
right: 0;
margin: -3px 15px 0 0;
padding: 0;
width: 32px;
height: 26px;
line-height: 24px;
text-align: center;
border-width: 1px;
border-style: solid;
font-size:1.1em;
background:none;
background-color:transparent;
}
.navbar-nav.sm-collapsible .caret:before {
content: '+';
font-family: monospace;
font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
position: static;
margin: 0 0 0 2px;
padding: 0;
width: 0;
height: 0;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-bottom: 0;
border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
height: 20px;
overflow: hidden;
text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-top: 7px dashed transparent;
border-right: 7px dashed transparent;
border-bottom: 7px solid;
border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
top: 6px;
border-top: 7px solid;
border-right: 7px dashed transparent;
border-bottom: 7px dashed transparent;
border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
left: 0;
right: auto;
}

/* .phpWrapper, .phpContent {
height:0px;
width:0px;
}
*/
.kontaktrow{
margin-top:20px;
}
.kontaktdiv{
border:1px solid #ebe1d4;
height:300px;
padding:10px;
margin:5px
}
.kontaktdivgr{
border:1px solid #ebe1d4;
height:370px;
padding:10px;
margin:5px
}
.kontaktdivgrgr{
border:1px solid #ebe1d4;
height:400px;
padding:10px;
margin:5px
}

.media-heading span{
display:none;
}
.media-heading{
font-family: 'Source Sans Pro', sans-serif !important;
font-weight:normal;
font-size:0.9em;
line-height:1.6em;
color:#292929;
}
.media-left img{
border:1px solid #9A9292;
background-color:#ffffff;
max-height:150px;
}
.pft-directory {
list-style-image: url(/directory_KME.png);
}

@media (min-width: @screen-lg-min) and (min-width: @screen-md-min) { 
.navbar-nav .dropdown-menu {
background:none;
border:0;
text-transform: uppercase;
font-size:1.02em;
-webkit-box-shadow: none;
box-shadow: none;
}

/* .navbar-nav .dropdown-menu ul {
padding-top:5px;
} */

.navbar-nav .dropdown-menu > li > a {
border-top:2px solid transparent;
padding:7px;
}

.navbar-nav .dropdown-menu > li > a:hover {
border-top:2px solid #d08f5a;
}

.navbar-nav .dropdown-menu .highlighted {
border-top:2px solid #d08f5a;
background:#e8e8e8;
}

.navbar-nav .dropdown-menu .highlighted:hover {
background:#c81007;
}

.navbar-nav ul .dropdown-menu {
padding-top:0;
background:none;
border:0;
border-top:2px solid #d08f5a;
border-bottom:0;
}

.navbar-nav .dropdown-menu > li, .navbar-nav ul .dropdown-menu > li {
background:#fff;
}

.navbar-nav ul .dropdown-menu > li > a {
padding-left:20px;
border-top:none;
}

.navbar-nav ul .dropdown-menu > li > a:hover {
padding-left:20px;
border-top:none;
}
}


/* GOOGLE-MAPS */

#Map, #MANUAFACTURINGCOMPANIES,  #SERVICECENTERS,  #SALESSUBSIDIARIES,  #SALESAGENTS, #COPPER, #SPECIAL, #BRASS, #ALL {
height:500px;
width:100%;
}
.gm-style-iw * {
display: block;
width: auto;
}
.gm-style-iw h4, .gm-style-iw p {
margin: 0;
padding: 0;
}
.gm-style-iw a {
color: #4272db;
}

#hb {
font-size:1.8em;
}


@media (max-width: 990px) {
#navigation {
background-color:#000;
}

.navbar-default {
background:#ececec;
border:0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #c81007;
}
}


@media (max-width: @screen-md-max){
#TheEvolutionofCopper, #TheEvolutionofCopper_mobil{
position:absolute;
top:0;
width:98%;
max-width:98%;
/*float:right;*/
left:5px;
/*margin-right:15px;*/
margin-top:450px;
}

.footer-section .well {
margin:15px;
float:left;
width:120px;
background:none;
font-size:0.8em;
line-height:1.0em;
border:0;
box-shadow:none;
text-transform: uppercase;
}

.news-backlink-wrap > a{
	color:#000;
}
.news-text-wrap > p > a{
	color:#000;
}

.CT {
position:absolute;
width:auto;
padding:15px;
top:45vh;
background:rgba(250,250,250,0.6);
/*color:#FFFFFF;
background-color:#d29056;*/

}
.carousel-big {
    .carousel-inner .item {
        height: 75vh;
        @media (min-width: @screen-md) {
          height: 75vh;
        }
    }
}


.news .article {
min-height:335px;
background:#c81007;
padding:10px;
margin-bottom:15px;
}

.news .article .teaser-text {
min-height:150px;
margin: 0 0 10px 0;
color:#fff;
/* text-align: justify; */
}

}


@media (max-width: @screen-sm-max){
#TheEvolutionofCopper, #TheEvolutionofCopper_mobil{
position:absolute;
top:0;
width:95%;
max-width:95%;
/*float:right;*/
left:5px;
/*margin-right:15px;*/
margin-top:290px;
}
.news-backlink-wrap > a{
	color:#000;
}
#logo {
margin-top:0;
min-width:90px;
min-height:34px;
}

.navbar-toggle {
margin-top:12px;
}

.kontaktdivgr{
float:left;
border:1px solid #ebe1d4;
height:auto;
padding:5px;
margin:3px
width:100%;
}
.kontaktdivgrgr{
float:left;
border:1px solid #ebe1d4;
height:auto;
padding:5px;
margin:3px
width:100%;
}

.CT{
position:absolute;
width:auto;
padding:15px;
top:57vh;
background:rgba(250,250,250,0.6);
/*color:#FFFFFF;
background-color:#d29056;*/

}
.pull-right{
	margin-right:35px;
}
.carousel-big {
    .carousel-inner .item {
        height: 85vh;
        @media (min-width: @screen-sm) {
          height: 85vh;
        }
    }
}

#language_menu {
float:left;
width:100%
background:#000;
padding:5px;
padding-top:5px;
border-bottom:0;
}

.metaltab a, .metaltab a:link{
font-size:0.6em;
}

.sidenav {
display:none;
}

.open_sidenav {
padding:3px;
padding-left:6px;
width:100%;
background:#d40300;
color:#fff;
margin-bottom:15px;
cursor:pointer;
}

#language_menu .active a, #language_menu .active a:link {
color:#d40300;
}

#language_menu a, #language_menu a:link {
color:#fff;
}

#language_menu_main {
font-size:1.3em;
color:#a9a9a9;
margin:0;
margin-top:0px;
margin-left:0px;
padding:0;
text-align:left;
float:left;
}

#language_menu_main .active a, #language_menu_main .active a:link {
color:#bea895;
}

#language_menu_main a, #language_menu_main a:link {
color:#d40300;
}
.kontaktrow{
	margin-top:0;
}

}


/* TECU SURFACES */

/* CARD */

.card {
position: relative;
float: left;
width: 29%;
height: 0;
margin: 2%;
padding-bottom: 20%;
}

.card__container {
position: fixed;
top: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
/* prevents flicker */

-webkit-overflow-scrolling: touch;
}

.card__container--closed {
position: absolute;
overflow: hidden;
}

.card__image {
position: relative;
left: 50%;
display: block;
height: 100%;
max-height: 500px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.card__container--closed .card__image {
cursor: pointer;
}

.card__content {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 30px 40px 22px;
color: #fff;
background: #000;
}

.card__container--closed .card__content {
margin-top: 0;
padding: 5px 16px;
pointer-events: none;
background: transparent;
}

.card__caption {
font-size: 2em;
max-width: 900px;
margin: 0 auto;
padding: 35px 30px 0px;
}

.card__container--closed .card__caption {
font-size: 1em;
max-width: none;
padding: 30px 10px;
-webkit-transform: translatttg: 35px 30px 0px;
}

.card__container--closed .card__caption {
font-size: 1em;
max-width: none;
padding: 30px 10px;
-webkit-transform: translattteY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}

.card__title {
font-size: 1.3em;
line-height: 1;
margin: 5px 0 0 0;
color: #fff;
}

.card__container--closed .card__title {
color: #fff;
}

.card__subtitle {
font-size: .95em;
line-height: 1;
m-transform: translateY(-100%);
transform: translateY(-100%);
}

.card__title {
font-size: 1.3em;
line-height: 1;
margin: 5px 0 0 0;
color: #fff;
}

.card__container--closed .card__title {
color: #fff;
}

.card__subtitle {
font-size: .95em;
line-height: 1;
m-height: 1;
margin: 5px 0 0;
color: #777778;
}

.card__container--closed .card__subtitlee {
color: #f5f5f5;
}

.card__copy {
max-width: 900px;
margin: 0 auto;
padding: 25px 30px 100px;
color: #fff;
}

.card__copy p:first-of-type {
padding: 0 0 1em 0;
}

.card__btn-close {
font-size: 18px;
position: absolute;
top: 0;
right: 0;
padding: 36px;
cursor: pointer;
}

.card__container--closed .card__btn-close {
display: none;
}

.meta {
font-size: .85em;
display: -webkit-flex;
display: flex;
padding: 0 0 35px 0;

-webkit-align-items: center;
align-items: center;
}

.card__container--closed .meta {
visibility: hidden;
}

.meta__avatar {
border-radius: 50%;
}

.meta__author {
font-weight: bold;
padding: 0 15px;
}

.meta__date {
margin: 0 0 0 auto;
}

@media only screen and (max-width: 980px) {
.card {
width: 46%;
padding-bottom: 32.2%;
}
.card__image {
max-height: 360px;
}
.card__content {
margin-bottom: 0;
padding-right: 20px;
padding-left: 20px;
}

}

@media only screen and (max-width: 580px) {
.card {
width: 96%;
padding-bottom: 67.2%;
}

}

@media only screen and (max-width: 400px) {
.card__caption {
font-size: 1.25em;
padding: 35px 0px 0px;
}
.meta {
padding: 0 0 25px 0;
}
.card__copy {
font-size: 90%;
padding: 25px 0px 100px;
}
.CT{
font-size:9px;
position:absolute;
width:auto;
padding:15px;
top:37vh;
background:rgba(250,250,250,0.6);
/*color:#FFFFFF;
background-color:#d29056;*/

}
.arrowleft{
	height:15px;
}

}


/* PATTERN */

.pattern {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pattern--hidden {
visibility: hidden;
opacity: 0;
}

.pattern--hidden .polygon {
transition-duration: 0ms;
}

.pattern svg {
width: 100%;
height: 100%;
}

.polygon {
transition: -webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
fill: transparent;
}

.polygon--hidden {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
/* disable scale on firefox */

.ff .polygon {
-webkit-transform: scale(1)!important;
transform: scale(1)!important;
}

*,
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
content: '';
display: table;
}

.clearfix:after {
clear: both;
}

body.body--hidden {
overflow: hidden;
}

body.body--hidden .codrops-header,
body.body--hidden .content--related {
opacity: 0;
}

.codrops-header,
.content--related {
-webkit-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}

.demo-2 a {
color: #7cc576;
}

.demo-3 {
background: #1b1b1b;
}

.demo-4 {
background: #acaad1;
}

.demo-4 a {
color: #6448a0;
}

.demo-4 .codrops-header h1 span {
color: #4f4c4c;
}

.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}
/* Header */

.codrops-header {
padding: 2em 1em;
text-align: center;
}

.codrops-header h1 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.2;
margin: .5em 0 0;
}

.codrops-header h1 span {
font-size: .45em;
display: block;
padding: .5em 0 1em;
color: #999;
}
/* Top Navigation Style */

.codrops-links {
position: relative;
display: inline-block;
text-align: center;
white-space: nowrap;
}

.codrops-links::after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background: #ddd;
-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
transform: rotate3d(0, 0, 1, 22.5deg);
}

.codrops-icon {
display: inline-block;
width: 1.5em;
margin: .5em;
padding: 0em 0;
text-decoration: none;
}

.codrops-icon span {
display: none;
}

.codrops-icon:before {
font-family: 'codropsicons';
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
margin: 0 5px;
text-transform: none;
-webkit-font-smoothing: antialiased;

speak: none;
}

.codrops-icon--drop:before {
content: '\e001';
}

.codrops-icon--prev:before {
content: '\e004';
}
/* Demo links */

.codrops-demos {
margin: 2em 0 0;
}

.codrops-demos a {
display: inline-block;
margin: 0 .5em;
}

.codrops-demos a.current-demo {
font-weight: bold;
color: #3b393d;
}
/* Content */

.content {
padding: 1em 0 4em;
}
/* Related demos */

.content--related {
font-weight: bold;
text-align: center;
}

.media-item {
display: inline-block;
padding: 1em;
vertical-align: top;
-webkit-transition: color .3s;
transition: color .3s;
}

.media-item__img {
max-width: 100%;
opacity: .3;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
opacity: 1;
}

.media-item__title {
font-size: 1em;
margin: 0;
padding: .5em;
}

/* cards wrapper and close btn */

.wrapper {
overflow: auto;
width: 100%;
max-width: 1366px;
margin: 0 auto;
}

@media screen and (max-width: 50em) {
.codrops-header {
padding: 3em 10% 4em;
}

}

@media screen and (max-width: 40em) {
.codrops-header h1 {
font-size: 2.4em;
line-height: 1.2;
}

}


.first-headline a, .first-headline a:link {
color:#000;
}

.tx-indexedsearch-rules {
display:none;
}

.tx-indexedsearch-info {
width:100%;
}

.tx-indexedsearch-searchbox-sword, .tx-indexedsearch-searchbox-button {
margin:5px;
}

.hb {
font-size:1.8em;
}

.language-menu li{
font-size:0.9em;
}

.mediaelement-image {
margin-bottom:15px;
}



.login{
background-color: #eeeeee;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: table;
position: absolute;
top: 0;
left: 0;
padding: 10px;
width: 100%;
min-height: 100%;
height: 100%;
}

.login-container{
display: table-cell;
vertical-align: middle;
}

.login-wrap{
max-width: 360px;
margin: 0 auto;
}

.panel-login{
border-color: #d5d5d5;
border-radius: 5px;
background:#000;
}

.panel{
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 18px;
background-color: #000;
border: 1px solid transparent;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-lg .panel-body{
padding: 35px;
}

.login-logo{
margin-bottom: 30px;
}

.login-logo > img{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

.infofeld{
position: fixed;
z-index: 2;
color: #ffffff;
padding: 50px;
background-color: rgba(0,0,0,0.60);
width: 30vw;
min-width:500px;
}

.infofeld-small {
float:left;
color: #ffffff;
padding: 50px;
background-color: rgba(0,0,0,0.60);
width:100%;
}

.infofeld a, .infofeld-small a{
color:#fff;
background-color:#92262D ;
}



input, label {display:block;}