/* ---------------------------------------------- Modified Styles by TOM - NETLINE MEDIEN --------------------------------------------- */

body {
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
    background-color: #ffffff;
    letter-spacing: 1px;
    line-height: 30px;
}

/* ---------------------------- BACK TO TOP--- ---------------------------- */
#button {display: inline-block; background-color: #333333; width: 50px; height: 50px; text-align: center; border-radius: 100%; position: fixed; bottom: 30px; right: 48%; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;border:2px solid #fff;}
#button::after {content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: normal; line-height: 45px; color: #fff;}
#button:hover {cursor: pointer; background-color:rgba(255,204,0,1.0); text-decoration:none!important;}
#button:active {background-color: #555;}
#button.show {opacity: 1; visibility: visible;}

div.mod-languages img {
    border: 1px solid rgba(255,255,255,0.5)!important;
}

div.mod-languages ul li.lang-active {
    background-color: transparent!important;
}

div.container.t3-sl.t3-sl-1.karte {width:100%;padding:0px;margin:0px;}
a.pm-plg-bs-modal-button {display:none!important;}
div.container.t3-sl.t3-sl-1.breadcrumbs {padding-top:10px;padding-bottom:0px;background:transparent;}
.breadcrumb {background:transparent;}
div#bread a.pathway {color:rgba(255,204,0,1.0);}
div.pg-category-box-video {padding: 0.5em; width: 15em; display: flex; flex-direction: column; align-items: center; position: relative; border: 1px solid #f0f0f0; margin: 0.5em;}
div.pg-category-box-image-video { border-radius: 3px;
    box-shadow: rgb(50 50 93 / 40%) 0px 6px 12px -2px, rgb(0 0 0 / 70%) 0px 3px 7px -3px;vertical-align:middle;}
div.pg-category-box-title-video {font-weight: normal;margin-top: 0.6em;position: relative!important; bottom: 0em; left: 0em; padding: 0.5em; color: #fff; font-weight: normal; background: rgba(0,0,0,.5); width: 100%; border-radius: 0 0 3px 3px; font-size: 115%;}

/* ---------------------------------------------- HEADER ----------------------------------------------------------------------------- */

div#topmod {
    width: 100%;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0%;
    z-index: 999;
    background: rgba(14,22,31,1.0);
    color: rgba(255,255,255,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
}


div#topmod a {
    color:rgba(255,255,255,0.4);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

div#topmod a:hover, a:focus {
    color:rgba(255,255,255,0.6);
}

i.fa.fa-phone-square {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
    color:rgba(255,255,255,0.15);
}

span.topphone {
    line-height:20px;
    color: rgba(255,255,255,0.4)!important;   
}

i.fa.fa-envelope {
    font-size: 19px;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    color:rgba(255,255,255,0.15);
}

i.fa.fa-picture-o {
    margin-left:10px;
}

i.fa.fa-cubes {
    margin-left: 10px;
}

i.fa.fa-modx {
    margin-left: 10px;    
}

h3.module-title-mod {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;        
}

img.adminvadim {
    width:250px!important;
    height:auto;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin: 0px 20px 20px 0px;
    vertical-align: top!important;
    float: left;
}

img.callback {
    margin-right:5px;
}

div#Mod111.t3-module.module {
    text-align:right;
    margin-bottom:0px;
    padding-right:10px;
}

div#Mod188.t3-module.module {
    margin-bottom:0px;
    color: rgba(255,255,255,0.4)!important;
}

a.topcontact {
    text-decoration: none;
    color: #fff;
}

a.topcontact span.topphone:hover {
    color: #fff!important;
}



div#Mod187.t3-module.module, div#Mod183.t3-module.module {
    margin-bottom:0px;
    text-align:right;
}

div#Mod138.t3-module.module {
    margin-bottom:0px;
}

div#Mod147.t3-module.module {
    margin-bottom: 0px;
    text-align: right;
    padding-right: 5%;
}

i.fa.fa-volume-control-phone {
    font-size:24px;
    position:relative;
    top:3px;
    margin-right:5px;
}

span.callback {
    position: relative;
    top: 4px;
}

span.glyphicon.glyphicon-user {
    font-size: 18px;
    margin-right: 5px;
    color: rgba(255,255,255,0.15); 
    line-height:20px; 
}



div#Mod138.t3-module.module {
    text-align:right;
}


div#Mod176.t3-module.module {
    margin-bottom:0px;
} 

input#mod-search-searchword176.inputbox.search-query.input-medium {
    background:rgba(255,255,255,0.1);
    border-color:rgba(255,255,255,0.2);
    box-shadow:none;
    border:none;
    height:30px;
    color:rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;    
}

#topmod input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: rgba(255,255,255,0.3)!important;
}
 
#topmod input:-moz-placeholder { /* Firefox 18- */
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: rgba(255,255,255,0.3)!important;  
}
 
#topmod input::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: rgba(255,255,255,0.3)!important; 
}
 
#topmod input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;  
    color: rgba(255,255,255,0.3)!important;  
}

#topmod input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgba(255,204,0,1.0) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

#topmod input.button {
    position: relative!important;
    top: 8px!important;
    left: 5px;
    width: 20px;    
}

/* ---------------------------------------------- KOMPONENTE SUCHEN ---------------------------------------------------------------------------- */

#t3-content input::-webkit-input-placeholder {
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
}

#t3-content input:-moz-placeholder { /* Firefox 18- */
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
}

#t3-content input::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
}

#t3-content input:-ms-input-placeholder {
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
}

button.btn.hasTooltip {
    font-family: 'comppro';
    font-size: 16px;
    font-weight: 100;
    letter-spacing:1px;
    padding: 5px 20px;    
}



p.treffer {
    margin-top:20px;
    margin-bottom:20px;
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 28px;
    font-weight: 100;
}

span.badge.badge-info {
    font-family: 'DIN Pro Condensed Light';
    display: inline;
    min-width: 20px;
    padding: 4px 10px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    vertical-align: inherit;
    white-space: nowrap;
    text-align: center;
    background-color: #eee;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
} 

dt.result-title:before {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 0px;
    top: -22px;  
}   

dt.result-title {
    border-top:1px solid #eee;
    padding-top:20px;
}

dt.result-title:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: right;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    right: 0;
    margin-right: 0px;
    top: -25px;   
}

/* ---------------------------------------------- CALLBACK ---------------------------------------------------------------------------- */

div#callback {

}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.cb1 {
    background: rgba(238,238,238,0.6);
    padding: 40px 0px 20px 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.cb2 {
    padding-right:50px;
}

h1.ueberschrift1 {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 38px;
    font-weight: 100;
    margin-top: 0px;
    border-bottom: solid 1px #dfdfdf;
    padding-bottom:20px;
    margin-bottom:20px;
}

h1.ueberschrift1:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 22px; 
}

#callback .bfQuickMode .controls .control-label {
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
    letter-spacing: 1px;
    line-height: 30px;
    width: 35%;
    min-width: 110px;
    vertical-align: middle;
}

button#ff_elem67_calendarButton.bfCalendar.btn.btn-primary.button {
    background: #006aaa url(../images/calendar.png)!important;
    background-repeat:no-repeat!important;
    background-position:4px 3px!important;
    height:34px;
    width:34px;
}

#callback .bfQuickMode fieldset legend {
    padding: 5px;
    border-bottom: 0px;
    margin-top: 15px;
    width: auto;
    margin-left: 15px;
    font-family: 'DIN Pro Condensed Light';
    font-size: 28px;
    font-weight: 100;
    color: rgba(0,106,179,1.0)
}

fieldset#rrs_ihre_daten {
    padding: 0px 20px 20px 20px;
    border: 1px solid #ddd;
    margin: 0px 45px 20px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    border-color: #dfdfdf;
}

fieldset#rrs_anruftermin {
    padding: 0px 20px 20px 20px;
    border: 1px solid #ddd;
    margin: 0px 45px 20px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
    border-color: #dfdfdf;
}

fieldset#rrs_spamcheck {
    padding: 0px 20px 20px 20px;
    border: 1px solid #ddd;
    margin: 0px 45px 20px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #dfdfdf;   
}

input#ff_elem120.ff_elem.inputbox {
    color:#333;
}

#callback div.form-actions:before {
    font-family: 'comppro';
    font-size: 16px;
    font-weight: 100;
    color: #666;
    letter-spacing: 1px;
    content: "*Pflichtfelder"!important;
    color: #666!important;
    position: relative;
    top:30px;
    left:5px;
}

#callback div.form-actions {
    background: transparent!important;
    width: 92%;
    border-top: none;
    margin: 0px;
    padding: 0px;
      
}

input#ff_elem197.ff_elem.inputbox, input#ff_elem26.ff_elem.inputbox, input#ff_elem115.ff_elem.inputbox, 
input#ff_elem120.ff_elem.inputbox, input#ff_elem67.ff_elem, input#ff_elem31.ff_elem.inputbox, input#ff_elem36.ff_elem.inputbox,
input#ff_elem72.ff_elem.inputbox {
    font-size:18px;
    letter-spacing:1px;
}

button#bfSubmitButton.bfSubmitButton.btn.btn-primary.pull-right.button {
    font-size:18px;
    letter-spacing:1px;
}

div#bfElemWrap72.bfElemWrap.control-group.span6:after {
    font-family: 'comppro';
    font-size: 20px;
    font-weight: 100;
    color: #666;
    letter-spacing: 1px;
    content: "Uhr";
    color: #666!important;
    position: relative;
    float: right;
    top: -30px;
    left: -60px;
}

div.pwm-field-icon {
    display: none!important;
}

span.ucirc {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;    
}

/* ---------------------------------------------- HEADER NAVIGATION ------------------------------------------------------------------- */

/************************************************ Abschnitt im Slider programmiert ****************************************************** 
div#mainhead.affix-top {
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    top:10%;
    z-index: 999;
    width: 100%;
    background: transparent;
    position:absolute;
}

div#mainhead {
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    top: 0%;
    z-index: 999;
    width: 100%;
    background: #101923;
    padding: 20px 0px 20px 0px;
}

div#mainhead.affix {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    -webkit-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}

div#mainhead.affix img.logo-img {
    max-width:100%;
    height:auto;
    float:left;
}

div#mainhead.affix .col-xs-12.col-sm-9.navi {
    padding-top: 60px;
}


*************************************************************************************************************************************/



/* ---------------------------------------------- HEADER NAVIGATION ADMINMODUS  ------------------------------------------------------------------- */

div#mainheadadmin {
    background: #101923;
    position: relative;
    margin-top: 52px;
    margin-bottom: 50px;
    width: 100%;
    float: left;    
}

div#mainheadadmin img.logo-img {
    width:70%;    
}

div#mainheadadmin .col-xs-12.col-sm-9.navi {
    display: none;
}

/* ---------------------------------------------- EDITOR  ------------------------------------------------------------------- */

div.chzn-container {
    display: table!important;
}

div.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop {
    width:30%!important;
}

label#jform_tags-lbl.hasPopover, label#jform_note-lbl.hasPopover, label#jform_version_note-lbl.hasPopover, label#jform_created_by_alias-lbl.hasPopover {
    display: none!important;
}

div.chzn-container.chzn-container-multi {
    display: none!important;
}

input#jform_note.inputbox, input#jform_version_note.inputbox, input#jform_created_by_alias.inputbox {
    display: none!important;
}


/* ---------------------------------------------- HEADER NAVIGATION ADMINMODUS ------------------------------------------------------------------- */

div.col-xs-12.col-sm-9.navi {
    padding-top: 10px;    
}


img.logo-img {
    margin-left:-30px;
}


div.container.headnavi {
    width:auto;
    padding-right:0px;
    padding-left: 0px;
}

.navbar-default {
    float:right;
    border:none;
    background-color:transparent!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: transparent!important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent!important;
  color: rgba(255,204,0,1.0);
  border-bottom:2px solid rgba(255,204,0,1.0);;
}

.navbar-default .navbar-nav > li > a {
    color: rgba(255,255,255,1.0);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: rgba(255,204,0,1.0);
    background-color: transparent!important;
    border-bottom:2px solid rgba(255,204,0,1.0);
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: rgba(255,255,255,1.0);
    border-bottom-color: rgba(255,255,255,1.0);
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: rgba(255,204,0,1.0);
    border-bottom-color: rgba(255,204,0,1.0);
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: rgba(255,204,0,1.0);
  border-bottom-color: rgba(255,204,0,1.0);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: rgba(255,204,0,1.0);
    background-color: transparent;
    border-bottom:2px solid rgba(255,204,0,1.0);
}

.navbar-nav > li {
    float: left;
    padding: 0px 2px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:14px;
    text-transform:uppercase;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.dropdown-menu {
    position: absolute;
    top: 95%;
    left: 2px;
    z-index: 999;
    display: none;
    float: left;
    min-width: 160px;
    margin: 4px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: rgba(255,204,0,1.0);
    border: 0px solid #cccccc;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    border-top: 2px solid #ffcc00;
}

.dropdown-menu a {
    color: #000!important;
}

.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    text-decoration: none;
    background-color: rgba(255,255,255,0.6)!important;
}

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
    white-space: normal;
    display: block;
    padding: 5px;
    background: none!important;
    font-size: 14px;
    text-transform: none;
}

li.active.dropdown.mega a.dropdown-toggle em.caret {
    border-top-color: rgba(255,204,0,1.0);
    border-bottom-color: rgba(255,204,0,1.0);
}

/* ---------------------------------------------- GENERAL --------------------------------------------------------------------------- */

div.container.t3-sl.t3-sl-1.conttemp {
    padding-bottom: 20px;    
}

img.resp {
    max-width:100%;
    height:auto;
    float:left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

i.fa.fa-facebook-square {
    margin-right:10px;
    font-size:22px;
    color: rgba(255,255,255,0.2);
}

i.fa.fa-xing-square {
    margin-right:10px;
    font-size:22px;
    color: rgba(255,255,255,0.2);
}

i.fa.fa-youtube-square {
    font-size: 22px;
    color: rgba(255,255,255,0.2);
}

i.fa.fa-user {
    font-size: 35px;
    padding-left: 20px;
    color:rgba(255,255,255,0.8);
}

i.fa.fa-cogs {
    margin-left: 10px;
}

div#Mod241.t3-module.module-prod1 {
    margin-bottom: 0px;    
}

div#Mod242.t3-module.module-prod2 {
    margin-bottom: 0px;
}

div.inhcont {
    margin-top: -50px;
    font-weight: bold;
}

h3.module-title.prod1 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;    
}

h3.module-title.prod1 span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
}

h3.module-title.prod2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

h3.module-title.prod2 span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
}

div.partnerid {
    border:1px solid #ddd;
    padding:20px;
    display:table;
    width:100%;
}

img.partnerlogo-1 {
    max-width:100%;
    height:auto;
    padding-bottom:10px;
}

img.partnerlogo-2 {
    max-width:100%;
    height:auto;
    padding-bottom:10px;
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.partner {
    margin-bottom: 30px;
}

span.padress {
    padding-left:20px;
}

p.info {
    width:100%;
    float:left;
    border-top:1px solid #ddd;
    padding-top: 10px;
    padding-left:10px;
}

i.fa.fa-globe {
    margin-right:10px;
    position: relative;
    font-size: 20px;
    top:2px;
}

i.fa.fa-line-chart {
    font-size: 35px;
    padding-left: 20px;
    color:rgba(255,255,255,0.8);    
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko1:before {
    content: "\f022";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(33,33,33,0.4);
    font-size: 22px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: 5px;
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko1 {
    margin-bottom:25px; 
    padding-left: 40px;
    position:relative;   
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko2:before {
    content: "\f022";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(33,33,33,0.4);
    font-size: 22px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: 5px;
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko2 {
    margin-bottom: 25px;
    padding-left: 40px;
    position:relative; 
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko3:before {
    content: "\f022";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(33,33,33,0.4);
    font-size: 22px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: 5px;
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko3 {
    margin-top: 25px;
    padding-left: 40px;
    position:relative;     
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko4:before {
    content: "\f022";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(33,33,33,0.4);
    font-size: 22px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: 5px;
}

div.col-lg-6.col-md-6.col-sm-12.col-xs-12.ko4 {
    margin-top: 25px;
    padding-left: 40px;
    position:relative;     
}

h3.qualipoint {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    padding: 5px;
    background: #eee;
}

h3.logistikpoint {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase; 
    border-bottom: 1px solid #ddd;  
    padding-bottom: 5px; 
}

h3.stahlguss {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    width:35%;    
}

div.container.t3-sl.t3-sl-1.anfrage {
    padding-bottom: 0px;
    padding-top: 40px;
}

div#kontakt .form-horizontal .control-group {
    margin-bottom: 10px;
}

div#kontakt button.button-big {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #3071a9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow:none!important;
    border:none!important;    
}

div#kontakt button.button-big:hover {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #3071a9; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    box-shadow:none!important;  
    border:none!important;
}

div#kontakt .contact-form #jform_contact_message {
    width: 100%;
    height: 150px;
}

div#kontakt {
    border-left: 1px solid #ddd;
    padding-left: 40px;
}

div.pg-cats-box-float.video {
    width: 100%;
}

div.pg-legend.video {
    color:rgba(0,106,179,1.0)!important;
}

div.videoimage {
    width: 100px;
    height: 100px;
    padding-top: 10px;
}

/* ---------------------------------------------- KP - EDIT ---------------------------------------------------------------------- */

div#specialform {

}

div#Mod16.t3-module.module {
    border: 1px solid rgba(0,106,179,0.6);   
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
}

div#Mod16.t3-module.module h3.module-title {
    border-bottom: 1px solid rgba(0,106,179,0.6);
    padding-bottom: 10px;    
}

div#Mod16.t3-module.module h3.module-title span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
}

div#Mod246.t3-module.module {
    border: 1px solid rgba(0,106,179,0.6);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#Mod246.t3-module.module h3.module-title {
    border-bottom: 1px solid rgba(0,106,179,0.6);
    padding-bottom: 10px;
}

div#Mod246.t3-module.module h3.module-title span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
}

div#Mod248.t3-module.module {
    border: 1px solid rgba(0,106,179,0.6);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#Mod248.t3-module.module h3.module-title {
    border-bottom: 1px solid rgba(0,106,179,0.6);
    padding-bottom: 10px;
}

div#Mod248.t3-module.module h3.module-title span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
}

div#Mod249.t3-module.module {
    border: 1px solid rgba(0,106,179,0.6);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#Mod249.t3-module.module h3.module-title {
    border-bottom: 1px solid rgba(0,106,179,0.6);
    padding-bottom: 10px;
}

div#Mod249.t3-module.module h3.module-title span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-transform: uppercase;
}

div.table-striped.table-bordered.table-hover tbody tr {
    padding:5px 0px!important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
    padding: 5px;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background:#eee;
    padding: 5px;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #101923;
    color:#FFF;
}

td.list-title a:hover {
    color:#FFF;
}

td.list-edit a:hover {
    color:#FFF;
}

div.custom-kplinkpage a {
    color:rgba(255,255,255,0.4)!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
}

div.custom-kplinkpage a:hover {
    color:rgba(255,255,255,0.6)!important;
    text-decoration: none;
}

dd.createdby.hasTooltip {
    display:none!important;
}

div.t3-sidebar.t3-sidebar-right.col-xs-12.col-sm-4.col-md-3 {
    min-height: 300px;
}

/* ---------------------------------------------- OFF - CANVAS ---------------------------------------------------------------------- */

.off-canvas-effect-4.t3-off-canvas {
    z-index: 1000;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.t3-off-canvas .t3-off-canvas-body {
    padding: 24px 12px;
    background: rgba(255,204,0,1.0);
}

div#t3-off-canvas .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: rgba(255,255,255,0.3);
    color:#333;
}

/* ---------------------------------------------- SLOGAN --------------------------------------------------------------------------- */

.row.equal {
    display: flex;
    flex-wrap: wrap;
  }

div#slogan {
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    top: 40%;
    z-index: 999;
    width: 100%;
    background: transparent;
    position: absolute;
}


div#slogen .container.slogan {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

div.col-lg-12.col-md-12.col-sm-12.col-xs-12.sl1 {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
    margin-left:-10px;  
    color:rgba(255,255,255,1.0); 
}

h1.sl1:before {
    top: -12px;
    left: 0px;
    width: 6%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-right: 20px;
}


h1.sl1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:52px;
}

h1.sl1:after {
    top: -12px;
    left: 0px;
    width: 30%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

h1.sl2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
    font-size:24px;
    letter-spacing:1px; 
    color:rgba(255,255,255,0.4);   
}

h1.sl3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:100;
    font-size:32px;
    letter-spacing:1px;    
}

span.sl3a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
    font-size:32px;  
    letter-spacing:1px;

    color:rgba(0,106,179,1.0);  
}

span.sl3b {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:22px;
    letter-spacing:1px;
    margin-left:1%;
}

div.infobutton {
    border:1px solid rgba(255,255,255,0.4);
    padding: 15px 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255,255,255,0.4);
    display: table;
    margin-top: 3%;
    margin-left:68%;
    letter-spacing: 1px;
}

div.infobutton:hover {
    background-color:rgba(255,204,0,1.0);
    color:rgba(0,0,0,1.0);
    cursor:pointer;
    transition: background-color 0.9s ease 0.1s;
}

a.infobutton, a:visited.infobutton, a:focus.infobutton {
    color: rgba(255,255,255,0.4);    
}

a:hover.infobutton {
    text-decoration: none;
    color: rgba(0,0,0,1.0);
}

/* ---------------------------------------------- SIDEBAR - NEWS --------------------------------------------------------------------- */

div#sideblock {

}

div#sideblock.side ul li.intern a, a:visited, a:focus {
    color:rgba(255,255,255,0.4);
    position:relative;
    z-index:1000;
}

div#sideblock.side ul li.intern a:hover {
    color:rgba(255,255,255,0.8);
    position:relative;
    z-index:1000;    
}

div#sideblock.side ul li.kontakte a, a:visited, a:focus {
    color:rgba(0,106,179,0.4);
    position:relative;
    z-index:1000;    
}

div#sideblock.side ul li.kontakte a:hover {
    color:rgba(0,106,179,0.8);
    position:relative;
    z-index:1000;    
}

div#sideblock.side ul li.sidenews a, a:visited, a:focus {
    color: rgba(255,204,0,0.4);
    position:relative;
    z-index:1000;    
}

div#sideblock.side ul li.sidenews a:hover {
    color: rgba(255,204,0,0.8);
    position:relative;
    z-index:1000;    
}

.side {
  position: absolute;
  top: 44%;
  right: -470px;
  z-index: 1000;
}

.side ul {
  padding: 0px;
  -webkit-transform: translate(-230px, 0);
  -moz-transform: translate(-230px, 0);
  -ms-transform: translate(-230px, 0);
  -o-transform: translate(-230px, 0);
  transform: translate(-230px, 0);
  position:relative;
  z-index:1000;  
}

.side ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 300px;
  text-align: left;
  padding: 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position:relative;
  z-index:1000;   
}

.side ul li.sidenews {
    border-left:8px solid rgba(255,204,0,0.4);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color:rgba(255,204,0,0.4);
    position:relative;
    z-index:1000;     
}

.side ul li.kontakte {
    border-left:8px solid rgba(0,106,179,0.4);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-leftright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color:rgba(0,106,179,0.4);
    position:relative;
    z-index:1000;     
}

.side ul li.intern {
    border-left:8px solid rgba(255,255,255,0.4);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;    
    position:relative;
    z-index:1000; 
}

.side ul li:hover {
  -webkit-transform: translate(-100px, 0);
  -moz-transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  -o-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
  background: rgba(0, 0, 0, 0.3);
  position:relative;
  z-index:1000; 
}

.side ul li:hover a {
    position:relative;
    z-index:1000; 
}

i.fa.fa-newspaper-o {
    color:rgba(255,255,255,0.4);
    font-size:20px;
    margin-left:5px;
    margin-right:20px;
    margin-top:2px;
}


i.fa.fa-lock {
    color:rgba(255,255,255,0.4);
    font-size:24px;
    margin-left:10px;
    margin-right:20px;
    margin-top:2px;
}

span.glyphicon.glyphicon-user {
    color:rgba(255,255,255,0.4);
    font-size:20px;
    margin-left:5px;
    margin-right:20px;
    margin-top:2px;
} 

div#sideblock.side ul li i.fa.fa-newspaper-o {
/*     -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); */
}

div#sideblock.side ul li:hover i.fa.fa-newspaper-o {
/*     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; */
    color:rgba(255,204,0,0.4);          
} 

div#sideblock.side ul li span.glyphicon.glyphicon-user {
/*     -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); */
}

div#sideblock.side ul li:hover span.glyphicon.glyphicon-user {
/*     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; */
    color:rgba(0,106,179,0.4);
}                         

div#sideblock.side ul li i.fa.fa-lock {
/*     -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); */
}

div#sideblock.side ul li:hover i.fa.fa-lock {
/*     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; */
    color:rgba(255,255,255,0.4);
}

/* ---------------------------------------------- BLOG NEWS - AKTUELLES ----------------------------------------------------------- */

div#blog .article-info dd {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
    position: relative;
    float: right;
    top: -55px;
    right: -18%;
    font-size: 16px;
}

div#t3-content .article-info dd {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
    position: relative;
    float: right;
    top: -55px;
    right: -18%;
    font-size: 16px;
}

ul.pager.pagenav {
    margin: 20px 0px 0px 0px!important;
    width: 100%;
    float: left;        
}

div#blog .pagenav {
    margin: 20px 0px 0px 0px!important;
}

div#blog img {
    width:250px!important;
    height:auto;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    margin: 0px 20px 20px 0px;
    vertical-align: top!important;
    float: none;
}

div#blog p.counter.pull-right {
    margin-left:20px;
    color:#101923;
}

div#blog li.active a {
    color:#ffffff;
}

div#blog .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #101923;
    border-color: #101923;
    cursor: default;
}

div#blog li.disabled a {
    color: #101923;
}

div#blog li a {
    color: #101923;
}


div.blog-aktuelles div.leading-0,  div.leading-2 {
    border:1px solid #ddd;
    padding:20px;
    margin:15px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#eee;
}

div.blog-aktuelles div.leading-1, div.leading-3 {
    border:1px solid #ddd;
    padding:20px;
    margin:15px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}

div#blog div.blog-aktuelles div.page-header {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;    
}

div#blog div.blog-aktuelles .page-header h2:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 12px;
}

div#blog div.page-header h2 {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 28px;
    font-weight: 100;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div#t3-content div.page-header {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
}

div#t3-content .page-header h2:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 12px;
}

div#t3-content div.page-header h2 {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 28px;
    font-weight: 100;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* ---------------------------------------------- BLOG KARRIERE-JOBS ----------------------------------------------------------- */

div.blog-jobs div.leading-0, div.leading-2 {
    border:1px solid #ddd;
    padding:20px;
    margin:15px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#eee;
}

div.blog-jobs div.leading-1, div.leading-3 {
    border:1px solid #ddd;
    padding:20px;
    margin:15px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#blog div.blog-jobs div.page-header {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
}

div#blog div.blog-jobs .page-header h2:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 12px;
}

div#blog div.blog-jobs div.page-header h2 {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 28px;
    font-weight: 100;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* ---------------------------------------------- ZERTIFIZIERUNGEN --------------------------------------------------------------- */

div#firmenheader {
    background: rgba(255,204,0,1.0);    
}

div.container.firmenheader {
    padding:20px;
}

h1.firmenzert {
    color: rgba(255,255,255,0.6);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 33px;
    text-transform:uppercase;
}

div#firmenheader a.jcepopup.noicon.jcemediabox-image {
    position:relative;
    top: -6px;
}

/* ---------------------------------------------- EINSATZGEBIETE ----------------------------------------------------------------- */

div.titleegb {
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0,0,0,0.8);
    color: rgba(255,255,255,0.3);
    width: 100%;
    text-align:center;
    padding: 4px 0px;
}

.ih-item.square.effect13 {
  overflow: hidden;
}
.ih-item.square.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
    text-transform: uppercase;
    color: rgba(255, 204, 0, 1);
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111111;
    margin: 0px 0 0 0;
}
.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square.effect13 a:hover img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect13 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect13.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect13.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}


div#einsatzgebiete {
    background: rgba(231,231,231,1.0);    
}

div.container.t3-sl.t3-sl-2.einsatz {
    padding-top:20px;
    padding-bottom:20px;
}

div#Mod111.t3-module.moduleeinsatz {
    margin-bottom:0px;
}

.sprocket-mosaic-item {
    border: none!important;
    border-radius: 4px;
}

div#einsatzgebiete .t3-module {margin-bottom:0px;}
div.container.t3-sl.t3-sl-2.einsatzgebiete {padding-top:20px; padding-bottom:0px;}
div.container.t3-sl.t3-sl-1.einsatztop {padding-top:10px; padding-bottom:0px;} 
div.container.t3-sl.t3-sl-1.einsatzbottom {padding-top:25px; padding-bottom:60px;}

div#mod-custom195.mod-custom.custom h3.module-title {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #cfd0cf;    
}

div#mod-custom195.mod-custom.custom h3.module-title:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 12px;
}

div#mod-custom195.mod-custom.custom h3.module-title span {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 38px;
    font-weight: 100;
    margin-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

div#mod-custom207.mod-custom.custom h3.module-title {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #cfd0cf;
}

div#mod-custom207.mod-custom.custom h3.module-title:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 12px;
}

div#mod-custom207.mod-custom.custom h3.module-title span {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 38px;
    font-weight: 100;
    margin-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}






/* ---------------------------------------------- SLIDER STATISTIK ---------------------------------------------------------------- */

div#statistik {
    width:100%;
    padding:40px 0px;
}

div.parallax-stat {
    background-image: url(../images/zahlen_1.jpg)!important;
    background-position: 100% 100%;
    width: 100%;
    max-width:100%;
    height:auto;
    background-attachment: fixed !important;
    background-size: cover !important;
}


div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 110%;
}



/* ---------------------------------------------- GOOGLE MAPS --------------------------------------------------------------------- */

div#karte {
    width:100%;
    border-top:0px solid rgba(33,33,33,0.5);
    border-bottom:0px solid rgba(33,33,33,0.5);
}

div.wrap.t3-navhelper.karte {
    width:100%!important;
    margin:0px;
    padding:0px;
}

a.mapprint {
    display:none!important;
}

/* ---------------------------------------------- LOGIN ------------------------------------------------------------------------- */

#maincontent a, a:visited, a:focus {
    color: rgba(0,106,179,1.0);
}

#maincontent span.fa.fa-user.tip {
    color: rgba(0,106,179,1.0);    
}

#maincontent span.fa.fa-lock.tip {
    color: rgba(0,106,179,1.0);
}

#maincontent .form-group {
    width: 40%;
}

#maincontent #login-form ul.unstyled {
    margin-top: 20px;
    padding-left: 0px;
    list-style-type: none;
}

i.fa.fa-user.login {
    font-size: 20px;
    position: relative;
    top: 3px;
    padding: 0px 5px;
    color:#666;
} 

i.fa.fa-lock.login {
    font-size:20px;
    color:#666;
    margin:0px;
    position:relative;
    top:3px;
    padding:0px 7px;
}

button.btn.btn-primary.login-button.login {
    font-size: 18px;
    letter-spacing:1px;
}

h3.log {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 38px;
    font-weight: 100;
    margin-top: 0px;
    border-bottom: solid 1px #dfdfdf;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

h3.log:after {
    background: rgba(255,204,0,1.0);
    content: "";
    display: block;
    float: none;
    height: 3px;
    width: 65px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    top: 12px;    
}

ul.require-words {
    list-style-type:none!important;
    padding-left:5px;
}

/* ---------------------------------------------- FOOTER ------------------------------------------------------------------------ */

a.bottom, a:visited.bottom {
    color:rgba(255,255,255,0.5);
}

a:hover.bottom, a:focus.bottom {
    color:rgba(255,255,255,0.8); 
    text-decoration:none;   
}

#t3-footer a, a:focus, a:visited {
    
}

#t3-footer a:hover {

}

.t3-footer {
    border-top: none;
    background: #101923;
    color: #555555;
}

.t3-copyright {
    border-top: 1px solid rgba(255,255,255,0.1);
    background: rgba(0,0,0,0.1);
    padding:20px 0px 0px 0px;
}

div#Mod118.t3-module.module {
    text-align:right;
    margin-bottom:0px;
    font-size:18px;
}

div#Mod117.t3-module.module {
    margin-bottom:0px;
    font-size:18px;
}

div#Mod154.t3-module.module {
    margin-bottom:0px;
    font-size:18px;
    text-align:right;
}

div#Mod153.t3-module.module {
    margin-bottom:0px;
    font-size:18px;
}

div#Mod175.t3-module.module-footer1, #Mod176.t3-module.module-footer1, #Mod177.t3-module.module-footer1, #Mod178.t3-module.module-footer1 {
    background:transparent;
    color:rgba(255,255,255,0.5);
}

div#Mod176.t3-module.module-footer2, #Mod119.t3-module.module-footer2, #Mod120.t3-module.module-footer2, #Mod121.t3-module.module-footer2 {
    background:transparent;
    color:rgba(255,255,255,0.5);
}

div#Mod177.t3-module.module-footer3, #Mod123.t3-module.module-footer3, #Mod124.t3-module.module-footer3, #Mod125.t3-module.module-footer3 {
    background:transparent;
    color:rgba(255,255,255,0.5);    
}

div#Mod178.t3-module.module-footer4, #Mod127.t3-module.module-footer4, #Mod128.t3-module.module-footer4, #Mod129.t3-module.module-footer4 {
    background:transparent;
    color:rgba(255,255,255,0.5);    
}

div#Mod139.t3-module.module-footer1 {
    background:transparent;
    color:rgba(255,255,255,0.5);
}

div#Mod139.t3-module.module-footer1 a, a:visited, a:focus {color:rgba(255,255,255,0.5);}
div#Mod139.t3-module.module-footer1 a:hover {color:rgba(255,255,255,1.0); text-decoration:none;} 

div#Mod140.t3-module.module-footer2 {
    background:transparent;
    color:rgba(255,255,255,0.5);
}

div#Mod141.t3-module.module-footer3 {
    background:transparent;
    color:rgba(255,255,255,0.5);
}

div#Mod142.t3-module.module-footer4 {
    background:transparent;
    color:rgba(255,255,255,0.5);
}

h3.module-title.footer1, h3.module-title.footer2, h3.module-title.footer3, h3.module-title.footer4 {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 15px;
    margin-bottom: 15px; 
}

h3.module-title.footer1 span {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

h3.module-title.footer2 span {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

h3.module-title.footer3 span {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

h3.module-title.footer4 span {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

a.recht, a:visited.recht, a:focus.recht {
    color:rgba(85,85,85,1.0);    
}

a:hover.recht {
    color:rgba(255,255,255,0.8);    
}

div#back-to-top.affix {
    position: fixed;
    bottom: 6%;
    left: 49%;
}


/***---------------------------------------- MEDIA QUERIES -------------------------------------------------***/

@media only screen and (min-width: 0px) and (max-width: 320px) {
a#button.show {right:41%!important;}
div#Mod187.t3-module.module, div#Mod183.t3-module.module {margin-bottom: 0px;text-align: left;}
div#Mod111.t3-module.module {text-align: left;margin-bottom: 0px;padding-right: 10px;}
div.col-lg-3.se.col-md-3.se.col-sm-12.se.col-xs-12.se {padding-left: 5px!important;}
div#Mod154.t3-module.module {text-align:left!important;}
div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 500%;
}

div#mainhead.affix .col-xs-12.col-sm-3.logo {
    width:70%;
    float: left;
}

h1.sl1:after {
    top: -6px;
    left: 0px;
    width: 3%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 10px;
}

h1.sl1engb {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;font-size: 20px!important;}

h1.sl1engb:after {
    top: -6px;
    left: 0px;
    width: 3%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 10px;    
}

h1.firmenzert {font-size: 23px;line-height:30px;}

div#Mod195.t3-module.module h3.module-title span {
    font-size: 28px;
}

i.fa.fa-user {
    padding-left: 0px;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

.form-horizontal .control-group .controls {
    margin-left: 0px;
}

.t3-copyright small {
    margin-bottom: 5px;
    float: left;
    text-align: left;
}

div#phocagallery .pg-cats-box-float {
    position: relative;
    float: left;
    width:100%!important;
}

div.videobox {
    width:33%!important;
    position: relative;
    float: left;
}

div#phocagallery .pg-cats-box-float.video {
    position: relative;
    float: left;
    width:100%!important;
}


}

@media only screen and (min-width: 321px) and (max-width: 375px) {
a#button.show {right:41%!important;}
div#Mod187.t3-module.module, div#Mod183.t3-module.module {margin-bottom: 0px;text-align: left;}
div#Mod111.t3-module.module {text-align: left;margin-bottom: 0px;padding-right: 10px;}
div.col-lg-3.se.col-md-3.se.col-sm-12.se.col-xs-12.se {padding-left: 5px!important;}
h1.sl1 {font-size: 20px!important;}
h1.sl1engb {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;font-size: 20px!important;}
div#Mod154.t3-module.module {text-align:left!important;}
div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 500%;
}

div#mainhead.affix .col-xs-12.col-sm-3.logo {
    width:70%;
    float: left;
}

h1.sl1:after {
    top: -6px;
    left: 0px;
    width: 11%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

h1.sl1engb:after {
    top: -6px;
    left: 0px;
    width: 5%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 10px;
}

h1.firmenzert {
    font-size: 26px;
}

div#Mod195.t3-module.module h3.module-title span {
    font-size: 28px;
}

i.fa.fa-user {
    padding-left: 10px;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

.form-horizontal .control-group .controls {
    margin-left: 0px;
}

.t3-copyright small {
    margin-bottom: 5px;
    float: left;
    text-align: left;
}

}


@media only screen and (min-width: 376px) and (max-width: 425px) {
a#button.show {right:44%!important;}
div#Mod187.t3-module.module, div#Mod183.t3-module.module {margin-bottom: 0px;text-align: left;}
div#Mod111.t3-module.module {text-align: left;margin-bottom: 0px;padding-right: 10px;}
div.col-lg-3.se.col-md-3.se.col-sm-12.se.col-xs-12.se {padding-left: 5px!important;}
h1.sl1 {font-size: 20px!important;}
h1.sl1engb {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;font-size: 20px!important;}
div#Mod154.t3-module.module {text-align:left!important;}
div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 500%;
}

div#mainhead.affix .col-xs-12.col-sm-3.logo {
    width:70%;
    float: left;
    text-align:left;
}

h1.sl1:after {
    top: -6px;
    left: 0px;
    width: 20%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

h1.sl1engb:after {
    top: -6px;
    left: 0px;
    width: 15%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 10px;
}

h1.firmenzert {
    font-size: 26px;
}

div#Mod195.t3-module.module h3.module-title span {
    font-size: 28px;
}

.t3-copyright small {
    margin-bottom: 5px;
    float: left;
    text-align: left;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

.form-horizontal .control-group .controls {
    margin-left: 0px;
}

div#phocagallery .pg-cats-box-float {
    position: relative;
    float: left;
    width:50%!important;
}

div.videobox {
    width:100%!important;
    position: relative;
    float: left;
}

div#phocagallery .pg-cats-box-float.video {
    position: relative;
    float: left;
    width:50%!important;
}

}


@media only screen and (min-width: 426px) and (max-width: 479px) {
a#button.show {right:44%!important;}
div#Mod187.t3-module.module, div#Mod183.t3-module.module {margin-bottom: 0px;text-align: left;}
div#Mod111.t3-module.module {text-align: left;margin-bottom: 0px;padding-right: 10px;}
div.col-lg-3.se.col-md-3.se.col-sm-12.se.col-xs-12.se {padding-left: 5px!important;}
h1.sl1 {font-size: 20px!important;}
h1.sl1engb {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;font-size: 20px!important;}
div#Mod154.t3-module.module {text-align:left!important;}
div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 500%;
}

div#mainhead.affix .col-xs-12.col-sm-3.logo {
    width:70%;
    float: left;
    text-align:left;    
}

h1.sl1:after {
    top: -6px;
    left: 0px;
    width: 33%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

h1.sl1engb:after {
    top: -6px;
    left: 0px;
    width: 28%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 10px;
}

h1.firmenzert {
    font-size: 28px;
}

div#Mod195.t3-module.module h3.module-title span {
    font-size: 28px;
}

.t3-copyright small {
    margin-bottom: 5px;
    float: left;
    text-align: left;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

.form-horizontal .control-group .controls {
    margin-left: 0px;
}

div#phocagallery .pg-cats-box-float {
    position: relative;
    float: left;
    width:50%!important;
}

div.videobox {
    width:100%!important;
    position: relative;
    float: left;
}

div#phocagallery .pg-cats-box-float.video {
    position: relative;
    float: left;
    width:50%!important;
}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {
a#button.show {right:45%!important;}
div#Mod187.t3-module.module, div#Mod183.t3-module.module {margin-bottom: 0px;text-align: left;}
div#Mod111.t3-module.module {text-align: left;margin-bottom: 0px;padding-right: 10px;}
div.col-lg-3.se.col-md-3.se.col-sm-12.se.col-xs-12.se {padding-left: 5px!important;}
h1.sl1 {font-size: 20px!important;}
h1.sl1engb {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;font-size: 20px!important;}
div#Mod154.t3-module.module {text-align:left!important;}
div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 300%;
}

div#mainhead.affix .col-xs-12.col-sm-3.logo {
    width:70%;
    float: left;
    text-align:left;    
}

h1.sl1:after {
    top: -6px;
    left: 0px;
    width: 39%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

h1.sl1engb:after {
    top: -6px;
    left: 0px;
    width: 39%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 10px;
}

h1.firmenzert {
    font-size: 30px;
}

div#Mod195.t3-module.module h3.module-title span {
    font-size: 30px;
}

.t3-copyright small {
    margin-bottom: 5px;
    float: left;
    text-align: left;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

.form-horizontal .control-group .controls {
    margin-left: 0px;
}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
div#Mod154.t3-module.module {text-align:left!important;}
div#statistik .n2-ss-layer.n2-ow.zahleninfo p {
    color: rgba(255,204,0,0.8);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 250%;
}

div.col-lg-3.p.col-md-3.p.col-sm-12.p.col-xs-12.p {
    width:33%!important;
    float: left;
}

div.col-lg-3.m.col-md-3.m.col-sm-12.m.col-xs-12.m {
    width:33%!important;
    float: left;
}

div.col-lg-3.s.col-md-3.s.col-sm-12.s.col-xs-12.s {
    display: none!important;
}

div.col-lg-3.se.col-md-3.se.col-sm-12.se.col-xs-12.se {
    width:33%!important;
    float: left;
    position: relative;
    z-index: 999;    
}

h1.sl1:after {
    top: -6px;
    left: 0px;
    width: 39%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
} 

h1.sl1engb:after {
    top: -6px;
    left: 0px;
    width: 46%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

div#Mod195.t3-module.module h3.module-title span {
    color: rgba(0,106,179,1.0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 30px;
    font-weight: 100;
    margin-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
} 

.t3-copyright small {
    margin-bottom: 5px;
    float: left;
    text-align: left;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

.form-horizontal .control-group .controls {
    margin-left: 0px;
    padding-right: 10px;
} 

.form-horizontal .control-group .control-label {
    padding-right: 10px;
}

.contact-form #jform_contact_emailmsg {
    width: 50%;
}

div#kontakt .contact-form #jform_contact_message {
    width: 70%;
    height: 150px;
}

div.videobox {
    width:33%!important;
    position: relative;
    float: left;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

div#mainhead.affix .col-xs-12.col-sm-3.logo {
    width:30%;
    float: left;
    text-align:left;
}

div#mainhead.affix .col-xs-12.col-sm-9.navi {
    width:70%;
    float: left;
}

div#mainhead.affix .container.headnavi {
    padding-left:0px!important;
}

h3.stahlguss {
    width: 100%;
}

div#kontakt {
    border-left: none;
    padding-left: 0px;
}

div.videobox {
    width:33%!important;
    position: relative;
    float: left;
}

h1.sl1engb:after {
    top: -8px;
    left: 0px;
    width: 30%;
    height: 2px;
    content: "";
    position: relative;
    display: inline-block;
    background: rgba(255,204,0,1.0);
    font-family: FontAwesome;
    right: 20px;
    margin-left: 20px;
}

}

@media only screen and (min-width: 1200px) {

div.videobox {
    width:33%!important;
    position: relative;
    float: left;
}

}