/* Custom Style Definitions */


/* Author: groener.media - Agentur für digitale Kommunikation */


/* ==================    LAYOUT    ==================== */

body {
    /*background:url('/images/template/ueber-uns/poehlmann_f_91103983_m.jpg');
	background-size: cover;
	background-repeat: no-repeat;*/
    position: relative;
}

body>.container-fluid {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

body>.container-fluid>header div.icons {
    /* ToDo - Nach Freischaltung wieder deaktivieren */
    display: none;
}

header {
    max-height: 500px;
    overflow: hidden;
    position: relative;
}

.carousel-inner .item>img {
    display: block;
    width: 100%;
    height: auto;
}

header #rp-logo-xl {
    position: absolute;
    top: 4.6rem;
    right: 35%;
}

nav {
    background: #4A68A1;
    /*height: 80px;*/
}

.navbar-default {
    background: #4A68A1;
    border: none;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.scrollspy {
    margin-bottom: 0px;
}

.navbar-header {
    float: none;
}

.navbar-brand {
    padding: 3px 15px;
}


/**  ToDo - Teste Header   **/


/*header {
    background: #f5b335;
    height: 600px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

*/


/** END **/

main {
    background: url('/images/template/ueber-uns/poehlmann_f_91103983_m.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*padding-top:80px!important;*/
    position: relative;
}

main>.contentwrap>.container,
main>.contentwrap>.custom>.container {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

main>#kontakt.contentwrap>#formwrap.container {
    padding-top: 0;
    padding-bottom: 0;
}

main>#kontakt.contentwrap>#formwrap.container>.bfClearfix {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.scrollspy {
    margin-bottom: 0px;
}

.affix~main>.contentwrap {
    position: relative;
    top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}
/*
.contentwrap {
    position: relative;
    top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}*/

.affix~main>.contentwrap .container,
.affix~main>.contentwrap>.custom>.container {
    position: relative;
    margin-top: 20px;
    /*padding-top: 40px; */
}

#leistungen {
    background: #ffffff;
}


/*#leistungen .row-fluid, 
#leistungen .row {
	overflow: hidden;
	margin-top:15px;
	margin-bottom: 15px;
}*/

.media {
    margin: 0;
    margin-bottom: 3rem;
}

.media-left {
    float: left;
    margin-right: 20px;
}

.media-object {
    background: #16287D;
    border-radius: 20px 0px 20px 0px;
    width: 73px;
}

#ueber-uns {
    background: transparent;
}

#ueber-uns .thumbnail {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 30px 0px 30px 0px;
}

#referenzen {
    /*background:#94b3d1;*/
    /*opacity: 0.3;*/
    background: #DFE9F2;
}

#karriere {
    background: url('/images/template/Karriere/poehlmann_f_60441719_m.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

#kontakt,
#kontakt-karte {
    background: #4A68A1;
    color: #fff;
}

#kontakt-karte {
    background: #445359;
    border: none!important;
    margin: 0!important;
    padding: 0!important;
}

body#imprint #ueber-uns,
body#imprint #referenzen,
body#imprint #karriere,
body#imprint #kontakt,
body#imprint #kontakt-karte {
    display: none;
}

footer {
    background: #445359;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: 80px;
}

#footer-1,
#footer-2 {
    color: #fff;
}

#footer-2 {
    text-align: center;
}


/*  ======================    Elemente    ======================  */


/****************  Navigation  **************************
*********************************************************/

.nav {
    margin-top: 2rem;
}

.nav>li>a:hover {
    background: transparent;
}

nav>.container>.navbar-collapse>.nav-pills>li>a {
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

nav>.container>.collapse>.nav-pills>li.active>a {
    background: transparent;
    color: #1b1464;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

nav>.container>.collapse>.nav-pills>li:hover>a,
nav>.container>.collapse>.nav-pills>li:active>a,
nav>.container>.collapse>.nav-pills>li:focus>a {
    color: #94B3D1;
}

#footer-1 {
    text-align: center;
}

#footer-1>.nav-pills>li>a {
    color: #fff;
}

#footer-1>.nav-pills>li.active>a {
    background: transparent;
    color: #f7931e;
}


/**** Navi 2nd Level ****/

.nav-child {
    display: none;
}

body#imprint .nav-child {
    display: block;
    list-style: none;
    border-top: 1px solid #fff;
}

body#imprint .nav-child li {
    float: left;
    margin-top: 10px;
}

body#imprint .nav-child li a {
    color: #fff;
    padding: 10px 15px;
    position: relative;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
}


/**** Footer Navi ****/

#footer-1>.fomenu {
    border-top: 1px solid #fff;
    margin-top: 0;
}

#footer-1>.meta>li {
    text-align: center;
    /*width: 100%;*/
}


/*#footer-1 > .meta > li  > a {
	
}*/


/****** Kontaktformular ******/


/*#formwrap {
	
}*/

.bfFormDiv {
    color: #94b3d1;
    margin: 0 auto;
    max-width: 794px;
}

#formwrap label {
    display: none;
}

.bfQuickMode section.bfElemWrap {
    border-radius: 0!important;
}

.bfQuickMode section input[type="text"] {
    background: transparent;
    border: none;
    line-height: 3rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    width: 100%!important;
}

#formwrap .bfQuickMode section texarea {
    width: 100%!important;
}

#formwrap.bfQuickMode texarea {
    background: transparent!important;
    border: none!important;
}

#ff_elem15 {
    background: transparent!important;
    border: none!important;
    width: 100%!important;
}

#formwrap>div>div:nth-child(5)>span {
    display: none;
}

.bfQuickMode button,
.bfQuickMode button span {
    background: #4A68A1!important;
}

#bfSubmitButton {
    background: #4A68A1!important;
    color: #fff;
    border-radius: 0;
    width: 100%;
}

section#kontakt.contentwrap .custom h3 a {
    color: #fff;
    /*text-transform:*/
}

/* Anpassungen für Captcha */
#bfElemWrap62 {
    background: transparent;
    padding-left: 0;
}


/** GDPR (DSGVO) - Anpassungen für Checkbox Datenschutzerklärung in Formularen **/

#formwrap .control-label.gdpr {
    margin-top: 1.5rem;
}

#formwrap .control-label.gdpr label {
    display: inherit;
}


/** GDPR - Label für Checkbox soll angezeigt werden **/

#formwrap .control-label.gdpr a {
    color: #ffffff;
    padding-left: 10px;
    text-decoration: underline;
}


/******  Allgemeine Styles   ********/

body {
    color: #445359;
    font-family: 'open-sans', sans-serif;
    font-size: 140%;
    font-weight: normal;
    line-height: 1.5;
}

h1 {
    color: #16287d;
    font-size: 3.3rem;
    font-weight: 300;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    width: 90%;
    text-align: center;
}

.headline.white>h1 {
    color: #fff!important;
}

h3 {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.6;
    text-transform: uppercase;
}

div.row>h3,
div.row>hr {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

hr {
    border-top: 1px solid #445359;
}


/****  Buttons  ****/

.btn.btn-primary {
    background: #16287D;
    border-color: #16287D;
    color: #fff;
    text-transform: uppercase;
}

.underline-title {
    background: #4A68A1;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 121px;
}

.icon-bar {
    background-color: #fff!important;
}


/**** Colors ****/

.white {
    color: #fff!important;
}

.whitebg {
    background-color: #fff!important;
}


/**** Links ****/

h3 a#cookies {
    color: #445359;
    text-decoration: none;
}


/***** Animation mit transform *****/


/*body, div, dl, dt, dd, ul, ol, li, nav, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
    background-repeat: no-repeat;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
    transform-origin: left top 0;
}
.transition {
    transition-property: background-image, background-position, background-color, border-color, border-radius, color, font-size, font-style, font-weight, letter-spacing, line-height, text-align, box-shadow, text-shadow, opacity;
}
.transition * {
    transition: inherit;
}

.media {
	position:relative;
	padding-left:0;
	padding-right:0;
	width: 397px;
	z-index:77;
}*/

body {
    transform-origin: left top 0;
}

.container.test {
    height: 1000px;
}

.box {
    width: 200px;
    height: 200px;
    float: left;
    transition: 2s ease-in-out;
    margin-top: 40px;
}

.redbox {
    background: red;
}

.greenbox {
    background: green;
}

.redbox.animate {
    -webkit-transform: translate(300px, 100px);
    -moz-transform: translate(300px, 100px);
    transform: translate(300px, 100px);
}

.greenbox.animate {
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
}

h1.test {
    transition: 2s ease-in-out;
}


/*h1.test.animate {font-size:100px;}
.media {
	width: 490px;
}*/

#lstg-box1,
#lstg-box2,
#lstg-box3,
#lstg-box4,
#lstg-box5,
#lstg-box6,
#history,
#qualitaet {
    position: relative;
    left: 0;
    top: 0;
    /*left:103px;
	top:1043px;*/
}


/*
#lstg-box6 {
	position:relative;
	/*left:520px;
	top:1043px;*/


/*left:0;
	top:0;
}*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    header #rp-logo-xl {
        display: none;
    }
}


/* Extra Small Devices, Phones */

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


/* Small Devices, Tablets */

@media only screen and (min-width: 600px) {
    header #rp-logo-xl {
        position: absolute;
        top: 0;
        right: 5%;
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    header #rp-logo-xl {
        position: absolute;
        top: 1.5rem;
        right: 15%;
    }
    .navbar-brand {
        padding: 15px 15px;
    }
    #ueber-uns .thumbnail {
        height: 427px;
    }
    .media-object {
        width: 82px;
    }
    #footer-2 {
        text-align: left;
    }
    #footer-2 a>img {
        float: left;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    header #rp-logo-xl {
        position: absolute;
        top: 3.5rem;
        right: 20%;
    }
    nav {
        background: #4A68A1;
        height: 80px;
    }
    .navbar-header {
        float: left;
    }
    .media-object {
        width: 109px;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    header #rp-logo-xl {
        position: absolute;
        top: 4.6rem;
        right: 34%;
    }
}