/*
Theme Name: TechnUm
Theme URI: http://demo.artureanec.com/themes/technum/
Author: Artureanec
Author URI: https://demo.artureanec.com/
Description: Meet WordPress Theme by Artureanec - really amazing, powerful, clean and ultramodern product, that created with love and attention to details. We know it's difficult to represent yourself on the web in the right way, that's why we spent a lot of time trying to make our Theme more effective. It's flexible, easy customizable, high-quality and really easy to use! So everyone can make awesome website with it. Hope you'll like it. Enjoy!
Version: 1.0.6
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: technum
*/
section#custom-footer-section {
    margin: 0 !important;
}

.header-button-container {
    display: none !important;
}
/*.call-button a:hover:before {
  content:"+49 211 2470060";
}*/
.call-button a:hover {
    padding: 7px 0 0px 0;
    position: fixed;
    color: #fff !important;
    width: 233px !important;
    height: 39px !important;
    bottom: 365px !important;
    right: 0px !important;
    background-color: #65ac38 !important;
    color: #FFF;
    border-radius: 10px 0 0 0!important;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}
.call-button a {
    position: fixed;
    width: 55px !important;
    height: 55px !important;
    bottom: 350px !important;
    right: 0px !important;
    background-color: #65ac38 !important;
    color: #FFF;
    border-radius: 10px 0 0 0!important;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}
.call-button i {
    color: #fff;
    padding-top: 15px !important;
    font-size: 30px;
}
/*.float:hover:before {
  content:"info@lucom.com ";
}*/
.float:hover {
    padding: 7px 0 0 0;
    position: fixed;
    width: 210px !important;
    height: 39px !important;
    bottom: 295px;
    right: 0px !important;
    background-color: #65ac38 !important;
    color: #FFF !important;
    border-radius: 10px 0 0 0!important;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.float {
    position: fixed;
    width: 55px;
    height: 59px;
    bottom: 300px;
    right: 0px;
    background-color: #65ac38;
    color: #FFF;
    border-radius: 11px 0px 0px 10px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}
.my-float {
    margin-top: 16px;
}




.sprechen_sie_modul .twoCol img {
    /* width: 50%; */
    /* width: 1px; */
    margin-bottom: 0px;
    box-shadow: 0 0 0 0 transparent;
}

.twoCol img {
    -webkit-box-shadow: 0 5px 6px -6px grey;
    -moz-box-shadow: 0 5px 6px -6px grey;
    box-shadow: 0 5px 6px -6px grey;
    position: relative;
    width: 100%;
}
.imageWrap img {
    float: left;
    height: auto;
    /* height: 450px; */
    width: 100%;
}
.twoCol.left {
	margin: 2em 0 0 0;
    box-shadow: 0 0 0 0 transparent;
    width: 481px;
    float: left;
    position: relative;
    height: 450px;
}
.sprechen_sie_modul .twoColWrap .twoCol .bild {
	margin: 2em 0 0 0;
    float: left;
    position: relative;
    height: 450px;
    width: 480px;
}
.sprechen_sie_modul .twoColWrap .twoCol .bild .imageWrap {
    position: absolute;
    bottom: 0;
    float: left;
    height: 450px;
    width: 480px;
    z-index: -1;
}
h2.appear-animation {
    color: #222222;
    font-family: 'Open Sans', sans-serif;
    line-height: 1em;
    text-shadow: 0px 4px 8px rgb(1 1 1 / 35%);
    margin: 0 0 0.5em 0;
    padding-bottom: 10px;
    text-shadow: 0 4px 8px rgb(1 1 1 / 35%);
    float: left;
    font-size: 4em;
    width: 700px;
}
.twoColWrap .twoCol .textWrap h3, .oneColWrap .twoCol .textWrap h3 {
    font-style: italic;
    font-weight: 400;
    /* font-size: 4em; */
    font-size: 26px;
    /* width: 7em; */
    width: 8em;
}
.centerWrap h3 {
	padding-top: 140px;
    padding-bottom: 71px;
    float: left;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    /* font-size: 2em; */
    font-size: 3.4em;
    padding: 0 0 1em 0;
    margin: 0;
}
.textWrap h3 {
    float: left;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 2em;
    padding: 50% 0 1.5em 0;
    margin: 0;
}
.twoColWrap .twoCol .textWrap h3 strong, .oneColWrap .twoCol .textWrap h3 strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    float: left;
    /* font-size: 13px; */
    font-size: 15px;
    font-style: normal;
    margin-top: -8px;
}
.green-button {
    padding: 0px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-shadow: 0px -1px 0px rgb(57 145 0 / 0%);
    background: #69b537;
    background: -moz-linear-gradient(top, #69b537 0%, #54a321 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #69b537), color-stop(100%, #54a321));
    background: -webkit-linear-gradient(top, #69b537 0%, #54a321 100%);
    background: -o-linear-gradient(top, #69b537 0%, #54a321 100%);
    background: -ms-linear-gradient(top, #69b537 0%, #54a321 100%);
    background: linear-gradient(to bottom, #69b537 0%, #54a321 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#69b537', endColorstr='#54a321',GradientType=0 )";
    -webkit-box-shadow: 0px 1px 5px 0px rgb(50 50 50 / 25%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 1px 5px 0px rgb(50 50 50 / 25%);
    border: none;
    text-align: center;
    color: #fff;
height: 2.2em;
    width: 8.882em;
    font-size: 1.3em;
    cursor: pointer;
    clear: both;
    float: left;
    margin-bottom: 20px;
}
.mail {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    background: #fefffe;
    background: -moz-linear-gradient(top, #fefffe 0%, #f5f6f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefffe), color-stop(100%, #f5f6f5));
    background: -webkit-linear-gradient(top, #fefffe 0%, #f5f6f5 100%);
    background: -o-linear-gradient(top, #fefffe 0%, #f5f6f5 100%);
    background: -ms-linear-gradient(top, #fefffe 0%, #f5f6f5 100%);
    background: linear-gradient(to bottom, #fefffe 0%, #f5f6f5 100%) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefffe', endColorstr='#f5f6f5',GradientType=0 )";
    -webkit-box-shadow: inset 0px 1px 3px 0px rgb(1 1 1 / 35%);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(1, 1, 1, 0.35);
    box-shadow: inset 0px 1px 3px 0px rgb(1 1 1 / 35%) !important;
    text-align: center;
    color: #59a726;
    border: 1px solid #c8c8c8;
    /* height: 2.08em; */
    width: 9.6em;
    padding: 7px 0 7px 0;
    /* font-size: 1.3em; */
    font-size: 1.2em;
    cursor: pointer;
    clear: both;
    float: left;
    margin-bottom: 20px;
}
#footer {
    float: left;
    height: 100px;
    width: 100%;
    opacity: 1;
    background: #59a726;
    bottom: 0px;
    transition: 0.25s ease-in;
}
.footerWrap, .whiteRibbonContent {
    /* width: 96em; */
    width: 962px;
    margin: 0 auto;
    height: auto;
    position: relative;
    /* margin-top: -10px; */
    margin-top: 0px;
}
#footer .left, #footer .right {
    /* font-size: 1.3em; */
    font-size: 1.7em;
    color: #fff;
}
#footer ul li {
    float: left;
    margin: 3em 0 0 0;
}
#footer .left a, #footer .right a {
    color: #fff;
}
#footer ul li a:before {
    content: "|";
    padding: 0 0.5em;
}
#footer div.right {
    width: auto;
    margin: 3em 0 0 0;
}
#footer div.right p {
    float: left;
    margin: 0;
}
#footer div.right a {
    float: left;
    margin: -0.7em 0 0 1em;
}
.right {
    width: auto;
    margin: 1em 0 0 0;
}
#footer .left, #footer .right {
    /* font-size: 1.3em; */
    font-size: 1.7em;
    color: #fff;
}

.right {
    float: right;
}
.right p {
    float: left;
    margin: 0;
}
.right a {
    float: left;
}