@font-face{
    font-family:'Red Hat Text';
    font-style:normal;
    font-weight:400;
    src:url(../fonts/red-hat-text-v3-latin-regular.eot);
    src:local('Red Hat Text'),local(RedHatText-Regular),url(../fonts/red-hat-text-v3-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/red-hat-text-v3-latin-regular.woff2) format("woff2"),url(../fonts/red-hat-text-v3-latin-regular.woff) format("woff"),url(../fonts/red-hat-text-v3-latin-regular.ttf) format("truetype"),url(../fonts/red-hat-text-v3-latin-regular.svg#RedHatText) format("svg")
}
@font-face{
    font-family:'Red Hat Text';
    font-style:normal;
    font-weight:700;
    src:url(../fonts/red-hat-text-v3-latin-700.eot);
    src:local('Red Hat Text Bold'),local(RedHatText-Bold),url(../fonts/red-hat-text-v3-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/red-hat-text-v3-latin-700.woff2) format("woff2"),url(../fonts/red-hat-text-v3-latin-700.woff) format("woff"),url(../fonts/red-hat-text-v3-latin-700.ttf) format("truetype"),url(../fonts/red-hat-text-v3-latin-700.svg#RedHatText) format("svg")
}
body{
    font-family:'Red Hat Text'
}
.fixed-container{
    margin:0;
    padding:0;
    text-align:center;
    width:75%;
    overflow:hidden
}   

.fix-button {
    background: #fff;
    opacity: .5;
    border-radius: 7px 7px 0 0;
    transition: all .2s;
    padding: .75em;
    position: fixed;
}

.fix-button.button0 {
    bottom: 0;
    right: 4em;
}

.fix-button.button0:hover {
    right: 4em;
    opacity: .75;
}

.fix-button.button1 {
    bottom: 0;
    right: 8em;
}

.fix-button.button1:hover {
    right: 8em;
    opacity: .75;
}



.small .svg-icon{
    width:1.25em;
    height:1.25em;
    margin-bottom:3px
}
.svg-icon{
    width:2em;
    height:2em
}
.svg-icon path,.svg-icon polygon,.svg-icon rect{
    fill:#111
}
.svg-icon circle{
    stroke:#111;
    stroke-width:1
}
@media ( min-width: 1280px ) {

    .fixed{
        position: fixed!important;
        top: 0;
        width: 100%;
        transition: top 1s linear
    }

    .hidden-desktop{
        display: none;
    }

    .bg-fit{
        background: url(../img/dfitko_fit.png) no-repeat right center;
        background-size: 90%
    }

    .animate{
        animation-duration:.3s;
        -webkit-animation-duration:.3s;
        animation-fill-mode:both;
        -webkit-animation-fill-mode:both
    }

}
.marketplace .card .card-text{
    min-height:150px
}
.referenzen .card{
    min-height:550px
}
.logo-oracle{
    width:100%;
    height:256px;
    background:url(../img/logos/oracle.svg) no-repeat center center;
    background-size:75%
}
.logo-mysql{
    width:100%;
    height:256px;
    background:url(../img/logos/mysql.svg) no-repeat center center;
    background-size:75%
}
.logo-mssql{
    width:100%;
    height:256px;
    background:url(../img/logos/microsoft-sql.svg) no-repeat center center;
    background-size:75%
}
.hidden{
    display:none
}
::selection{
    background:#A49F6C;
    color:#fff
}
::-moz-selection{
    background:#A49F6C;
    color:#fff
}
.btn{
    border:0;
    outline:none;
    box-shadow:none!important
}
.text-primary{
    color:#A49F6C!important
}
.btn-primary,.btn-primary:focus,.btn-primary:active,.btn-primary:visited{
    background:#52413d!important
}
.btn-primary:hover{
    background:#705c57!important
}
.list-group-none{
    list-style-type:none;
    padding:0;
    margin:0
}
.list-group-none li{
    padding:0 0 0 1em;
    line-height:2.5em
}
.row.full{
    width:100%
}
a{
    color:#52413d
}
.topbar{
    position:relative;
    z-index:5001;
    background:#f9f9f9;
    font-size:.9em
}
.topbar .divider{
    width:1px;
    height:.85rem;
    margin:.75rem .4em 0;
    background:#ddd
}
.navigation{
    position:relative;
    z-index:5001;
    width:100%;
    border-bottom:1px solid #ddd;
    background:#fff
}
.navbar-toggler-icon i{
    font-size:1.5em
}
.navigation .megamenu{
    position:static;
    z-index:6000
}
.navigation .dropdown-toggle::after{
    display:none
}
.navigation .megamenu .dropdown-menu{
    width:90%;
    z-index:6000;
    background:none;
    border-top:solid 4px #52413d
}
.navigation .megamenu .arrow{
    background:#fff;
    border:solid #52413d;
    border-width:0 3px 3px 0;
    display:inline-block;
    padding:5px;
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    position:absolute;
    top:-9px
}
.navigation .megamenu .arrow-1{
    left:50px
}
.navigation .megamenu .arrow-2{
    left:170px
}
.navigation .megamenu .arrow-3{
    left:810px
}
.divider{
    width:1px;
    margin:0 1em;
    background:#ddd
}
.breadcrumb{
    position:relative;
    z-index:5000;
    width:100%;
    border-bottom:1px solid #ddd;
    background:#fff;
    font-size:14px;
    transition:.4s all
}
.breadcrumb .nav-item{
    border-right:1px solid #ddd;
    border-radius:0 15px 15px 0;
    padding-right:10px
}
.breadcrumb .nav-item i{
    margin-right:7px;
    position:relative;
    top:-1px
}
.breadcrumb ul li:last-child{
    font-weight:700
}
.enginetext{
    background:#f1f1f1;
    color:#999;
    z-index:10000!important
}
.enginetext .cities{
    font-size:13px
}
.search{
    position: fixed;
    top: 0;
    left: 0;
    background: #c8c2c0;
    z-index: 10000!important
}
.search-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9999;
}
.suche highlight{
    text-transform:uppercase;
    padding:.25em;
    background:#52413d;
    color:#fff
}
.showcase{
    background:#52413d;
    min-height:30vh;
    z-index:5000
}
.showcase div, .showcase p {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.57);
}
.showcase .separator{
    background: #fff;
    width: 50%;
    max-width: 250px;
    height: 3px;
    margin: 3em auto
}
.showcase-main{
    background:#52413d url(../img/backgrounds/matthias_eger_softwareentwickler_webdesigner_weiden.jpg) no-repeat top center;
    background-size:cover
}
.showcase-1{
    background:#52413d url(../img/backgrounds/showcase1.jpg) no-repeat top center
}
.showcase-2{
    background:#52413d url(../img/backgrounds/showcase2.jpg) no-repeat top center;
    background-size:cover
}
.showcase-3{
    background:#52413d url(../img/backgrounds/showcase3.jpg) no-repeat top center
}
.showcase-4{
    background:#52413d url(../img/backgrounds/showcase4.jpg) no-repeat top center
}
.showcase-5{
    background:#52413d url(../img/backgrounds/showcase5.jpg) no-repeat top center
}
.showcase-6{
    background:#52413d url(../img/backgrounds/showcase6.jpg) no-repeat top center
}
.showcase-7{
    background:#52413d url(../img/backgrounds/showcase7.jpg) no-repeat top center
}
.showcase-8{
    background:#52413d url(../img/backgrounds/showcase8.jpg) no-repeat top center
}
.showcase-9{
    background:#52413d url(../img/backgrounds/showcase9.jpg) no-repeat top center
}
.showcase-10{
    background:#52413d url(../img/backgrounds/showcase10.jpg) no-repeat center center
}
.showcase-11{
    background:#52413d url(../img/backgrounds/showcase11.jpg) no-repeat center center
}
.showcase-12{
    background:#52413d url(../img/backgrounds/showcase12.jpg) no-repeat center center
}
.showcase-13{
    background:#52413d url(../img/backgrounds/showcase13.jpg) no-repeat top left
}
.showcase-14{
    background:#52413d url(../img/backgrounds/showcase14.jpg) no-repeat top left
}
.showcase-23{
    background:#52413d url(../img/backgrounds/showcase23.jpg) no-repeat center center
}
.showcase-24{
    background:#52413d url(../img/backgrounds/showcase24.jpg) no-repeat center -190px
}
.showcase-25{
    background:#52413d url(../img/backgrounds/showcase25.jpg) no-repeat top center
}
.showcase-26{
    background:#52413d url(../img/backgrounds/showcase26.jpg) no-repeat center center
}
.showcase-27{
    background:#52413d url(../img/backgrounds/showcase27.jpg) no-repeat center center
}
.showcase-28{
    background:#52413d url(../img/backgrounds/showcase28.jpg) no-repeat top center
}
.showcase-29{
    background:#52413d url(../img/backgrounds/showcase29.jpg) no-repeat top center
}
.showcase-30{
    background:#52413d url(../img/backgrounds/showcase30.jpg) no-repeat top center
}
.showcase-32{
    background:#52413d url(../img/backgrounds/showcase32.jpg) no-repeat center center
}
.showcase-33{
    background:#52413d url(../img/backgrounds/showcase33.jpg) no-repeat top center
}
.showcase-34{
    background:#52413d url(../img/backgrounds/showcase34.jpg) no-repeat top center
}
.showcase-35{
    background:#52413d url(../img/backgrounds/showcase35.jpg) no-repeat top center
}
.showcase-36{
    background:#52413d url(../img/backgrounds/showcase36.jpg) no-repeat top center
}
.showcase-37{
    background:#52413d url(../img/backgrounds/showcase37.jpg) no-repeat top center
}
.showcase-39{
    background:#52413d url(../img/backgrounds/showcase39.jpg) no-repeat top center
}
.showcase-40{
    background:#52413d url(../img/backgrounds/showcase40.jpg) no-repeat top center
}
.showcase-41{
    background:#52413d url(../img/backgrounds/showcase41.jpg) no-repeat top center
}
.showcase-42{
    background:#52413d url(../img/backgrounds/showcase42.jpg) no-repeat top center
}
.showcase-43{
    background:#52413d url(../img/backgrounds/showcase43.jpg) no-repeat top center
}
.showcase-44{
    background:#52413d url(../img/backgrounds/showcase44.jpg) no-repeat top center
}
.showcase-45{
    background:#52413d url(../img/backgrounds/showcase45.jpg) no-repeat top center
}
.showcase-46{
    background:#52413d url(../img/backgrounds/showcase46.jpg) no-repeat top center
}
.showcase-47{
    background:#52413d url(../img/backgrounds/showcase47.jpg) no-repeat top right
}
.showcase-25 h1, .showcase-25 p.lead,
.showcase-47 h1, .showcase-47 p.lead,
.showcase-49 h1, .showcase-49 p.lead {
	text-shadow: 2px 2px 5px #333;
}
.showcase-48{
    background:#52413d url(../img/backgrounds/showcase48.jpg) no-repeat top center
}
.showcase-49{
    background:#52413d url(../img/backgrounds/showcase49.jpg) no-repeat top center
}
.showcase-50{
    background:#52413d url(../img/blog/teaser-statusquo2020.jpg) no-repeat top center;
    background-size:cover
} 
.showcase-51 {
    background:#52413d url(../img/backgrounds/showcase51.jpg) no-repeat top left;
}
.showcase-52 {
    background:#52413d url(../img/backgrounds/showcase52.jpg) no-repeat center center;
}
.newsletter{
    background:#52413d url(../img/backgrounds/newsletter.jpg) no-repeat top center;
    border-top:solid 10px #55682c
}
.newsletter p{
    color:#c8c2c0!important
}
.newsletter-separator{
    background:url(../img/backgrounds/grass1.png) no-repeat bottom center;
    min-height:150px
}
.newsletter .leform-cr-label label{
    color:#c8c2c0!important;
    font-family:'Red Hat Text'!important;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left
}
.footer{
    background:#362724;
    color:#c8c2c0
}
.footer .separator{
    background: #52413d;
    width: 50%;
    max-width: 180px;
    height: 5px;
    margin: 3em auto
}
.footer a{
    color:#c8c2c0
}
.footer a:hover{
    color:#fff;
    transition:all .3s;
    text-decoration:none
}

@keyframes slideIn{
    0%{
        transform:translateY(1rem);
        opacity:0
    }
    100%{
        transform:translateY(0rem);
        opacity:1
    }
    0%{
        transform:translateY(1rem);
        opacity:0
    }
}
@-webkit-keyframes slideIn{
    0%{
        -webkit-transform:transform;
        -webkit-opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        -webkit-opacity:1
    }
    0%{
        -webkit-transform:translateY(1rem);
        -webkit-opacity:0
    }
}
.slideIn{
    -webkit-animation-name:slideIn;
    animation-name:slideIn
}

@media ( max-width: 1279px ) {
    .display-2{
        font-size:3.5rem
    }
    .logo{
        max-width: 300px;
        width: 100%;
        height: auto;
         margin:0 auto 0 auto !important;
    }
}


.trustbox {
    z-index: 100000;
    position: fixed;
    right: -370px;
    top: 19vh;
    width: 400px;
    max-height: 600px;
    background: #fff;
    opacity: 0.65;
    transition: all .5s;
    overflow-x: hidden;
    overflow-y: auto;
}

@media( max-width: 1279px ) {

    .trustbox {
        top: 0vh;
        max-height: 100%;
    }

}

.trustbox:hover {
    opacity: 1;
    right: 0px;
    transition: all .5s;
}

.truxtbox-header {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    transform: rotate(180deg);
}

.trustbox .btn-readmore {
    cursor: pointer;
}

.bg-brown {
    background: #52413d;
}
    
.trustbox h5 {
    font-size: 150%;
}

.leform-form-4:first-child {
	display: block !important;
}

.blur   {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}