html {background: #d1d2d7}
body {
max-width: 1600px;
margin: 0 auto;
background: #fff;
} a:focus {
outline: 0; 
}
a:active,
a:hover {
outline: 0;
}  body {
font: 1em/1.5 'open-sans', sans-serif; color: #222;
background-color: #fff;
}
@media (min-width: 1200px) {
body {
font-size: 1.125em;
}
}
p, dl, menu, ul, ol, pre {
margin: 0 0 1em 0;	
}
h1, h2, h3, h4, h5 {
margin: 0 0 1em 0;
font-family: 'open-sans-condensed', sans-serif;
}
h1 {
font-size: 2em;
line-height: 1.2em; 
margin-bottom: 1em;
}
.hero h1 {
color: #fff;
}
h2 {
font-size: 1.7em;
line-height: 1.25em; 
margin-bottom: .5em;
}
h3 [class^='icon'] {
position: relative;
top: 1rem;
margin-right: .5rem;
}
.sidebar h3 {
margin-bottom: .5rem;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2em;
}
}
@media (min-width: 1200px) {
}
.hero .headline {
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: .1em;
}
.headline {
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: .1em;
}
h3 {
font-size: 1.6em;
line-height: 1.33em; 
font-weight: 700;
}
a {
text-decoration: none;
border-bottom-width: 1px;   
border-bottom-style: dotted;   
}
a:hover, a:hover {
text-decoration: none;
border-bottom-style: solid;   
}
.subline {
}
.text-center {
text-align: center;  
}
.text-left {
text-align: left;  
}
.text-large {
font-size: 1.25em; 
}
.initialism {
text-transform: uppercase;
font-size: 85%;  
}
.kicker {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 85%;
margin-bottom: .5em;
} @media (min-width: 768px) {
.header-group {
margin-bottom: 2em;
position: relative;
}
.header-group [class^='icon'] {
position: absolute;
top: -5px;
}
.header-group-text {
margin-left: 110px;
border-left: 1px solid #999;
padding-left: 20px;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
} dd {
margin: 0 0 0 20px;
}
menu,
ol,
ul {
padding: 0 0 0 20px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
} figure {
margin: 0;
}
figcaption {
margin: .5em 0 0 .2em;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%; -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
} .clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before, 
.navbar-collapse:after,
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.no-mt {
margin-top: 0 !important;   
}
.no-mb {
margin-bottom: 0 !important;   
}
.no-p {
padding: 0 !important;   
}
.no-pt {
padding-top: 0 !important;   
}
.pt {padding-top: 1em;}
.pb {padding-bottom: 1em;}
.ir {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;   
}
.posrel {position: relative;}
.border-r {
border-right: 1px solid #ddd;
margin-right: -1px;
}
.border-l {
border-left: 1px solid #ddd;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.skip-link {
left: -9999em;
top: -9999em;
} .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
} .nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
border: none;
font-family: 'open-sans-condensed', sans-serif;
font-weight: normal;
color:#252A56;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 33px;
border: 1px solid transparent;
}
.navbar-header {
background: #fff;
}
@media (max-width: 767px) {
.navbar-header {
border-bottom: 1px solid #252A56;
}
.navitem-kranvermietung {
position: relative;
}
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
padding: 0 20px 0 15px;
}
}
@media (min-width: 992px) {
.navbar-header {
padding: 0 30px 0 25px;
}
}
@media (min-width: 1200px) {
.navbar-header {
padding: 0 45px 0 30px;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
float: left;
margin-left: 15px !important;  
}
.navbar-collapse.collapse {
display: block !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-brand {
float: left;
display: block;
border: none;
font-family: 'open-sans-condensed', sans-serif; 
color: #222C56;
position: relative;
top: -14px;
font-size: 22px;
left: 15px;
}
@media (min-width: 768px) {
.navbar-brand {
top: -23px;
left: 0;
}
}
@media (min-width: 992px) {
.navbar-brand {
font-size: 28px;
top: -40px;
}
}
@media (min-width: 1200px) {
.navbar-brand {
font-size: 32px;
top: -35px;
letter-spacing: 4px;
} 
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
border: none;
color: #222C56;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 5px 12px;
margin-top: 10px;
margin-bottom: 8px;color: #fff;
background-color: #252A56;
border: none;
font-family: 'open-sans-condensed', sans-serif; 
}
.navbar-toggle:focus {
outline: none;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 4.25px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.4;
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 18px 0 0 0;
} 
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding: 2px 9px;
border-right: 1px solid #252A56;
height: 50px;
vertical-align: middle;
display: table-cell;
font-size: 14px;
}
.navbar-nav > li.navitem-kranvermietung > a {
border-right:none;
}
.navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.utility-nav {
position: absolute;
right: 0;
bottom: 0;
}
.utility-nav ul {
float: right;
padding: 0;
}
.wrapper-utility-nav-inner {
position: relative;
height: 40px;
}
.utility-nav li {
float: left;
text-align: center;
position: relative;
}
.utility-nav li a {
color: #fff; 
line-height: 40px;
position: relative;
z-index: 10;
font-size: 14px;
border: none;
border-right: 1px solid rgba(53,58,104,1.00);
padding: 10px 20px;
}
.navitem-ausbildung {
position: relative;
background: #fff; 
display: block;
opacity: .9;
padding: 1rem 3rem 1rem 5rem;
font-family: 'open-sans-condensed', sans-serif; 
font-size: 20px;
border: none;
color: #252A56;
}
.navitem-ausbildung [class^='icon'] {
position: absolute;
top: 50%;
margin-top: -18px;
}
.navitem-ausbildung .icon-person-plus {
left: 1rem;
}
.navitem-ausbildung .icon-arr-r-blau {
right: 1.2rem;
-webkit-transition: right 300ms;
-moz-transition: right 300ms;
-o-transition: right 300ms;
transition: right 300ms;
}
.navitem-ausbildung:hover .icon-arr-r-blau {
right: .8rem;
}
.navitem-ausbildung:hover,
.navitem-ausbildung:active,
.navitem-ausbildung:focus {
border: none;
color: #252A56;
text-decoration: none;
}
}
@media (min-width: 992px) {
.navbar-nav {
margin-top: 20px;
} 
.navbar-nav > li > a {
height: 54px;
padding: 2px 20px;
font-size: 16px;
}
.navitem-ausbildung {
padding: 1.5rem 5rem 1.5rem 6rem;
font-size: 28px;
}
.navitem-ausbildung [class^='icon'] {
margin-top: -25px;
}
.navitem-ausbildung .icon-person-plus {
left: 2rem;
}
.navitem-ausbildung .icon-arr-r-blau {
right: 1.2rem;
}
.navitem-ausbildung:hover .icon-arr-r-blau {
right: .8rem;
}
}
@media (min-width: 1200px) {
.navbar-nav {
margin-top: 24px;
} 
.navbar-nav > li > a {
padding: 2px 25px;
}
} .stellenangebote-xs {
padding: 15px;
background: rgb(37,42,86);
color: #fff;
margin-bottom: 15px;
text-align: center;
}
.stellenangebote-xs a {
color: #fff;
border: none;
}  .container-cookies {
background: #e30613;
color: #fff;
padding: .5em 2em 0;
position: relative;
font-size: .9em;
}
.container-cookies p {
margin-bottom: .5em;
}
.container-cookies a {
color: #fff;
font-size: .9em;
}
.container-cookies .btn {
margin-left: 1em;
border: none;
color: #e30613;
background: #fff;
padding: .25em 2em;
font-size: .9em;
border-bottom: 1px solid transparent;
}
.container-cookies .btn:hover {
border-bottom-color: #e30613;
}
@media (min-width: 768px) {
#pageheader {
position: absolute;
z-index: 9;
}
}
#pageheader .container-fluid, 
#pageheader .navbar-header {
height: 100%;
}
@media (min-width: 768px) {
#pageheader {
height: 90px;
} 
#pageheader .navbar-collapse {
height: 100%;
}
}
@media (min-width: 992px) {
#pageheader {
height: 100px;
}
}
@media (min-width: 1200px) {
#pageheader {
height: 110px;
}
}
#modalAusbildung {font-size: 85%;} [class^='icon'] {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/assets/icon-sprite.svg);   
display: inline-block;
width: 50px;
height: 50px;
background-size: 400px 400px;
position: relative;
}
.ico-md {
width: 75px;
height: 75px; 
background-size: 600px 600px;
}
.ico-lg {
width: 100px;
height: 100px; 
background-size: 800px 800px;
}
.icon-logo { 
top: 18px;
width: 50px;
height: 50px;
background-size: 400px 400px;
background-position: -300px -50px;
}
.ico-float-l {
float: left;
margin-right: 1em;
}
.icon-person-plus {
background-position: -186px 0px;
background-size: 300px 300px;
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.icon-person-plus {
background-position: -250px 0px;
background-size: 400px 400px;
width: 50px;
height: 50px;
}
}
.icon-arr-r-blau {
background-position: -262px -36px;
background-size: 300px 300px;
width: 36px;
height: 36px;
}
@media (min-width: 992px) {
.icon-arr-r-blau {
background-position: -350px -50px;
background-size: 400px 400px;
width: 50px;
height: 50px;
}
}
.icon-arr-r-weiss {
background-position: -25px -50px;
}
.icon-arr-r {
background-position: -125px -25px;
}
.icon-referenzen {
background-position: -25px -25px;
}
.icon-brief {
background-position: 0 -25px;
}
.icon-brief-weiss {
background-position: -100px -100px;
}
.icon-bild {
background-position: -75px -0px;
}
.icon-referenzen-weiss {
background-position: 0px -50px;
}
.icon-cad {
background-position: -600px 0px;
}
.icon-formen {
background-position: -400px 0px;
}
.icon-schraubenschluessel {
background-position: -300px -200px;
}
.icon-recycling {
background-position: -100px -50px;
}
.icon-rund-um-die-uhr {
background-position: -350px 0px;
}
.icon-gabelstapler {
background-position: -200px -50px;
}
.icon-haendeschuetteln {
background-position: -150px -50px;
}
.icon-zertifikat {
background-position: -50px 0px;
}
.icon-gebrochener-arm {
background-position: -200px 0;
}
.icon-neu {
width: 23px;
height: 23px;
background-position: -129px -66px;
background-size: 250px 250px;
margin-bottom: -5px;
}
@media (min-width: 992px) {
.icon-arr-r-weiss {
background-position: -50px -100px;
}
.icon-arr-r {
background-position: -250px -50px;
}
.icon-referenzen {
background-position: -50px -50px;
}
.icon-referenzen-weiss {
background-position: 0px -100px;
}
.icon-brief {
background-position: 0 -50px;
}
.icon-bild {
background-position: -150px -0px;
}
}
@media (min-width: 768px) {
.icon-logo { 
top: 30px;
width: 75px;
height: 75px;
background-size: 600px 600px;
background-position: -450px -75px;
}
.icon-neu {
position: absolute;
width: 32px;
height: 32px;
background-position: -208px -109px;
background-size: 400px 400px;
top: -12px;
left: -8px;
}
}
@media (min-width: 992px) {
.icon-logo { 
top: 39px;
width: 100px;
height: 100px;
background-size: 800px 800px;
background-position: -600px -100px;
}
.icon-neu {
top: -6px;
left: -13px;
}
} .btn {
border: 1px solid #333;  
border-radius: 0; 
position: relative;
display: inline-block;
padding: .5rem 3rem .5rem 3rem;
font-family: 'open-sans-condensed', sans-serif;
font-size: 24px;
color: #333;
margin: 5px 2px;
}
.btn.btn-sm {
font-size: 16px; 
padding: .5em 2em;
}
.btn [class^='icon'] {
background-size: 200px 200px;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
margin-top: -13px;
}
.btn-hover {
-webkit-transition: background 300ms, color 300ms;
-moz-transition: background 300ms, color 300ms;
-o-transition: background 300ms, color 300ms;
transition: background 300ms, color 300ms;
}
.btn-hover:hover, 
.btn.selected {
background:#252A56;
color: #fff !important;
}
.btn.selected {
position: relative;
background: #252A56;
}
.btn.selected:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(37, 42, 86, 0);
border-top-color: #252A56;
border-width: 10px;
margin-left: -10px;
}
.btn:hover,
.btn:active,
.btn:focus {
color: #333;
text-decoration: none;
}
@media (min-width: 992px) {
.btn {
padding: 1rem 5rem 1rem 5rem;
font-size: 28px;
}
.btn.btn-sm {
font-size: 18px; 
}
.btn [class^='icon'] {
background-size: 400px 400px;
width: 50px;
height: 50px;
margin-top: -25px;
}
}
.btn-invers, .btn-invers:hover, .btn-invers:active, .btn-invers:focus {
border-color: #fff;
color: #fff;
text-decoration: none;
}
.btn .icon-arr-r,
.btn .icon-arr-r-weiss {
right: 1.2rem;
-webkit-transition: right 300ms;
-moz-transition: right 300ms;
-o-transition: right 300ms;
transition: right 300ms;
}
.btn:hover .icon-arr-r,
.btn:hover .icon-arr-r-weiss {
right: .9rem;
}
.btn .icon-referenzen,
.btn .icon-referenzen-weiss, 
.btn .icon-brief,
.btn .icon-brief-weiss,
.btn .icon-bild {
left: 1rem;
}
.btn:focus, .btn:active {
outline: none;
}
.btn:active {
top: 1px;
outline: none;
} .slider .slide { 
height: 350px;
width: 100%;
background-size: cover; 
background-position: center;
position: relative;
}
.slider .slide-unterseite {
height: 250px;
background-position: center;
}
.home .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/slider/Treppe-innen-1600x800.jpg); 
}
.home .slide2 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/slider/MasterCutEco-1600x800.jpg); 
}
.home .slide3 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/slider/Cowelder-1600x800.jpg); 
}
.home .slide4 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/slider/Weihnachtsgruss-2020-1600x800.jpg); 
}
.page-template-Treppen-Laufstege-und-Gelaender .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-treppen-1600x550.jpg); 
}
.page-template-Terrassenueberdachung .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-ueberdachungen-1600x550.jpg); 
}
.page-template-Tueren-und-Tore .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-tueren-1600x550.jpg); 
}
.page-template-Balkone .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-balkone-1600x550.jpg); 
}
.page-template-Stahlbau .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-stahlbau-1600x550.jpg); 
}
#Danke .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-danke-1600x550.jpg); 
}
.page-template-Impressum .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-impressum-2-1600x550.jpg); 
}
.page-template-Datenschutz .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-datenschutz-1600x550.jpg); 
}
.page-template-Referenzen .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-referenzen-1600x350.jpg); 
}
.page-template-MasterCut-Eco-Plus .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-mastercut-1600x550.jpg); 
}
.page-template-MasterCut-Eco-Plus .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-mastercut-1600x550.jpg); 
}
.page-template-CoWelder-Schweissroboter .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-cowelder-1600x550.jpg); 
}
.page-template-Kranvermietung .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-kran-1600x550.jpg); 
}
.page-template-aktuelles .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-aktuelles-1600x550.jpg); 
}
.archive .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-archiv-1600x550.jpg); 
}
.single .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-single-1600x550.jpg); 
}
.error404 .slide1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Heroes-Unterseiten/hero-error404-1600x550.jpg); 
}
.overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.5)
}
.overlay-white {
background: rgba(255,255,255,.9);  
}
.overlay-blue {
background: rgba(37,42,86,.9);
}
.text-container {
width: 80%;
height: auto;
position: absolute;
bottom: 20%;
left: 10%;
color: #fff;
}
#Referenzen .text-container {
bottom: 9%;
}
@media (min-width: 768px) {
.text-container h1 {
font-size: 3em;
}
.slide-unterseite .text-container h1 {
font-size: 2em;
}
}
@media (min-width: 992px) {
.text-container h1 {
font-size: 4em;
}
.slide-unterseite .text-container h1 {
font-size: 3em;
}
}
@media (min-width: 1200px) {
.text-container h1 {
font-size: 5em;
}
.slide-unterseite .text-container h1 {
font-size: 4em;
}
}
@media (min-width: 768px) {
.slider .slide { 
height: 500px;
}
.slider .slide-unterseite {
height: 350px;
}
}
@media (min-width: 992px) {
.slider .slide { 
height: 650px;
}
.slider .slide-unterseite {
height: 450px;
}
.page-template-Referenzen .slide-unterseite {
height: 300px;
}
}
@media (min-width: 1200px) {
.slider .slide { 
height: 800px;
}
.slider .slide-unterseite {
height: 550px;
}
.page-template-Referenzen .slide-unterseite {
height: 350px;
}
} .col-absolute-l, .col-absolute-r {
display: none;   
} 
@media (max-width: 559px) {
.page-template-Kranvermietung .container-fluid {
padding: 0;
}
.page-template-Kranvermietung .col-absolute-l, .page-template-Kranvermietung  .col-absolute-r {
display: block;  
} 
.page-template-Kranvermietung .col-absolute-l .tile, .page-template-Kranvermietung  .col-absolute-r .tile {
background-size: cover;
background-position: center;
height: 300px;
} 
}
@media (min-width: 560px) and (max-width: 767px ) {
.page-template-Kranvermietung .container-fluid {
padding: 0;
}
.page-template-Kranvermietung .col-absolute-l, .page-template-Kranvermietung  .col-absolute-r {
display: block;  
} 
.page-template-Kranvermietung .col-absolute-l .tile, .page-template-Kranvermietung  .col-absolute-r .tile {
background-size: cover;
background-position: center;
height: 375px;
} 
}
.kran-oeffnung {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Oeffnung-600x375.jpg)
}
.kran-527 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Kran527-im-Einsatz-600x375.jpg)
}
.kran-1275 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Kran1275-im-Einsatz-600x375.jpg)
}
.kran-aussen {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Kran1275-aussen-600x375.jpg)
}
@media (min-width: 768px) {
.row {
position: relative;
}
.col-absolute-l, .col-absolute-r {
position: absolute;
display: block;
height: 100%;
top: 0;
bottom: 0;
}
.col-absolute-r {
right: 0;
}
.col-absolute-l {
left: 0;
}
.col-sm-6.col-next-to-absolute-r {
margin-left: 50%;
}
.col-sm-6.col-next-to-absolute-l {
margin-right: 50%;
}
.col-sm-8.col-next-to-absolute-r {
margin-left: 33.333333%;
}
.col-sm-8.col-next-to-absolute-l {
margin-right: 33.333333%; 
}
.tile-img-absolute {
height: 100%;
background-size: cover;
background-position: center;
padding: 0 !important;
}
.gelaender-aussengalerie {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Startseite/gelaender-aussengalerie-800x534.jpg) 
} 
.cad-mitarbeiter {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Startseite/cad-mitarbeiter-533x621.jpg) 
}
.montage-outdoor {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Startseite/montage-outdoor-800x534.jpg) 
}
.treppenaufgang {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Treppen/treppenaufgang-800x400.jpg)
}
.innentreppe-stahl {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Treppen/innentreppe-stahl-800x400.jpg)
}
.aussentreppe-stahl {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Treppen/aussentreppe-stahl-800x400.jpg)
}
.laufsteg-aussen {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Treppen/Laufsteg-aussen-800x600.jpg)
}
.vordach-glas {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Ueberdachungen/vordach-glas-800x500.jpg)
}
.vordach-eingang {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Ueberdachungen/vordach-eingang-800x400.jpg)
}
.aluminiumtuer {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Tueren/aluminiumtuer-800x400.jpg)
}
.rolltor {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Tueren/rolltor-800x400.jpg)
}
.balkon-aussen {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Balkone/balkon-aussen-800x400.jpg)
}
.gelaender-balkon {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Balkone/gelaender-balkon-800x400.jpg)
}
.mitarbeiter-stahlbau-1 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Stahlbau/mitarbeiter-stahlbau-800x300.jpg)
}
.mitarbeiter-stahlbau-2 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Stahlbau/mitarbeiter-stahlbau-800x400.jpg)
}
.konstruktion-stahlbau {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Stahlbau/konstruktion-stahlbau-800x300.jpg)
}
.mastercut-in-aktion {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/MasterCut/MasterCut-in-Aktion-800x400.jpg)
}
.mastercut-bildschirm {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/MasterCut/MasterCut-Bildschirm-600x400.jpg)
}
.mastercut-detail {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/MasterCut/MasterCut-Detail-800x300.jpg)
}
.cowelder-funken {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/CoWelder/CoWelder-800x400.jpg)
}
.cowelder-detail {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/CoWelder/CoWelder-detail-800x400.jpg)
}
.cowelder-ansicht {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/CoWelder/CoWelder-800x600.jpg)
}
.kran-oeffnung {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Oeffnung.jpg)
}
.kran-527 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Kran527-im-Einsatz.jpg)
}
.kran-1275 {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Kran1275-im-Einsatz.jpg)
}
.kran-aussen {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Kran/Kran1275-aussen.jpg)
}
} .partnerlogos a {
text-decoration: none;
border: none;
}
.partnerlogos img {
margin: 20px;
}
.tile, .tile-sm {
padding: 1.5em 2em;
}
.tile-no-padding-mobile {
padding: 0;
}
.tile-pale {background: #f5f5f6;}
.tile-dark {background:#BCBCC3;}
.tile-blue {background: #238bff;color: #fff;}
.tile-darkblue {background: #005ec8;color: #fff;} .tile-no-p-top {
padding-top: 0 !important;
}
.tile-no-p-bottom {
padding-bottom: 1em !important;
}
@media (min-width: 768px) {
.tile, .tile-no-padding-mobile {
padding: 2em 3em;
margin: 0 -15px;
}
.tile-sm {
padding: 1.5em 2em;
}
.tile-img {
margin: 0 -15px; 
}
}
@media (min-width: 992px) {
.tile {
padding: 2.5em 4em;
}
.tile-sm {
padding: 1.5em 2em;
}
}
@media (min-width: 1200px) {
.tile {
padding: 3em 5em;
}
.tile-sm {
padding: 2em 3em;
}
.tile-blue.gelaender-detail {
background-image: url(//tca-metallbau.de/wp-content/themes/tca/img/Treppen/gelaender-212x212.jpg);
background-repeat: no-repeat;
background-position: right center;
padding: 1.5em 240px .5em 3em;
}
} .infobox {
color: #252A56;
font-size: 110%;
padding: 1rem 2rem;
border: 1px solid #252A56;
margin: 0 -1rem;
}
#pagefooter {
background: #1c245d;
color: #fff; 
padding: 2rem 0 1rem 0;
font-size: .8em; 
} 
#pagefooter a {
color: #fff; 
} 
@media (min-width: 992px) {
#pagefooter {
padding: 3rem 0 2rem 0;
}    
}
@media (min-width: 1200px) {
#pagefooter {
padding: 4rem 0 2rem 0;
} 
}
.copyright {
font-size: 70%;
opacity: .5;
margin-top: 3rem;
margin-bottom: 0;
}
.gm {
width: 100%;
height: 300px;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
.gm {
height: 400px;
}
}
@media (min-width: 1200px) {
} figure img {width: 100%;}
figcaption {
font-size: .9em;
padding: 1em;
border-bottom: 1px solid #ddd;
margin: 0;
} .formular {
margin-bottom: 1.5em;
font-size: .9em;
}
.formular br {
display: none;
}
.formular label, 
.formular .textfeld,
.formular .textbereich {
display: block;
}
.formular .textfeld,
.formular .textbereich {
width: 100%;
margin-bottom: 1em;
}
.formular .textbereich {
height: 140px;
}
.formular .btn {
border-color: #252A56;
background: #252A56;
color: #fff;
padding: .5rem 2rem;
font-size: 1rem;
}
.formular .btn:hover,
.formular .btn:active {
background: #111538;}
span.wpcf7-list-item {
margin: 0;
}
.checkbox-label {
font-size: 85%;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: .8em;
font-weight: normal;
display: block;
margin-top: -1rem;
margin-bottom: .6rem;
} .ref-item {
width: 100%;
overflow: hidden;
background: #fff;
margin: 5px;
position: relative;
}
.ref-item img {
width: 100%;
}
.ref-item-datum {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
background:#252A56;
color:#fff;
padding: 3px 10px;
}
.ref-item-type {
font-size: 12px;
font-weight: bold;
padding: 3px 10px;
border-bottom: 1px solid #ddd;
color: #999;
}
.ref-item-head h3 {
font-size: 15px;
padding: 6px 10px 6px 10px;
margin-bottom: 6px;
background: #e1e1e1;
}
.ref-item-body {
font-size: 13px; 
line-height: 1.33;
padding: 0 10px 10px 10px;
}
@media (min-width: 520px) {
.wrapper-ref-items {
margin: 0 -.5%;
}
.ref-item {
width: 48.5%;
height: auto;
margin: .5%; 
}
}
@media (min-width: 768px) {
.ref-item-textarea, .ref-item-img {
width: 50%;
float: right;
}
.ref-item-datum {
position: absolute;
left: 0;
z-index: 9;
}
}
@media (min-width: 1200px) {
.ref-item {
width: 32%;
height: auto;
margin: .5%; 
}
}
@media (min-width: 1400px) {
.ref-item-head h3 {
font-size: 17px;
}
.ref-item-body {
font-size: 14px; 
}
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} table {
width: 100%;
border-collapse: collapse;
font-size: 1rem;
text-align: center;
margin-bottom: .5rem;
}
table th {
background: #469cfb;
border: 1px solid #59a5f9;
padding: 10px 5px;
}
table td {
border: 1px solid #59a5f9;
padding: 5px;
}
.preisliste td {
width: 50%;
}
.additional-info {
font-size: 1rem;
font-style: italic;
margin-bottom: 1.125rem;
}
.additional-info p {
margin-bottom: .25rem;
}
@media (min-width: 768px) { .flex {
display: -ms-flexbox;
display: flex;
}
} .post img {
width: 100%;
margin-bottom: 1rem;
height: auto;
}
@media (min-width: 768px) {
.sidebar {
padding-left: 2rem;
font-size: 90%;
}
}