/*
 Theme Name:   Infratouch
 Theme URI:    http://www.elegantthemes.com
 Description:  Infratouch
 Author:       Sabrina Schulz
 Author URI:   https://infratouch.de
 Template:     Divi
 Version:      2.0
*/

:root {
	--digitaltree: #78B833;
	--bestand:#fecc00;
	--brand:#eb7e76;
	--web:#0ca5cc;
	--eos:#005387;
    --lightgrey:#CCCCCC;
    --grey: #363633;
	--infratouch:#F6A315;
	
}


/* Externer Link mit FontAwesome */
.entry-content a[href^="http://"]:not([href*="infratouch.de"]):after,
.entry-content a[href^="https://"]:not([href*="infratouch.de"]):after {
font-family: 'Font Awesome 6 Free';
  font-style: normal;
-webkit-font-smoothing: antialiased;
  font-weight: 900;
    font-size: 9px; 
    color: #334979; 
    content: "\f08e"; 
    padding-left: 7px; 
}


/* Fonts */
h1 {font-size: clamp(20px, calc(1.3em + 0.6vw), 32px)!important}
h2 {font-size: clamp(16px, calc(1.1em + 0.4vw), 24px)!important;font-weight:700;color: #000}

h3, h4 {font-size:clamp(16px, calc(12px + 0.4vw), 19px)!important;font-weight:700;color: #000}

h5 {font-size: 1.1em;}
h6 {font-size: 1.1em;}
h1, h2, h3, h4, h5, h6 {line-height: 1.4;}

body{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

.subline {font-size:16px; color: #aaa}

body {font-size:16px!important;line-height: 1.5em;font-weight:400;font-family: 'Segoe UI', Arial, Helvetica, sans-serif;color: #000}
.kundenmeinung .et_pb_slide_description .et_pb_slide_title, .zitat {font-family: 'Shadows Into Light';font-size: clamp(16px, calc(18px + 0.6vw), 20px)!important;line-height: 1.4;color:#000!important}

.et_pb_slide:first-child .et_pb_slide_image img {opacity: 1!important;}

@media only screen and (max-width : 980px) {div.et_pb_slide_image{display:block!important}.et_pb_section_0_tb_header.et_pb_section {
	padding-right: 0px!important}}

/* Menu 
#top-menu li a {padding: 5px 0!important;}
#top-menu a {font-size:clamp(16px, calc(12px + 0.4vw), 19px)}*/

@media only screen and (min-width : 980px) {
	.kontaktbtn a{padding: 10px 10px!important;top: 20px;left: 0px; position:absolute!important; border-radius:6px; -webkit-animation: button-pulse 1.5s infinite; animation: button-pulse 1.5s infinite}	
	.kontaktbtn a:hover {-webkit-animation: none;animation: none}	
	.btnicon {margin-right:5px}
	.buchen-btn a {  border: 2px solid var(--web);background-color: var(--web); color:#fff!important} 
	.brand-btn a {  border: 2px solid var(--brand);background-color:var(--brand);color:#fff!important}
	.bestand-btn a{  border: 2px solid var(--bestand);background-color:var(--bestand)}
}

@-webkit-keyframes button-pulse {0%,30%,60%,100% {-webkit-transform: scale(1);transform: scale(1)}15%,45% {-webkit-transform: scale(1.15);transform: scale(1.15)}}

@keyframes button-pulse {0%,30%,60%,100% {-webkit-transform: scale(1);transform: scale(1)}15%,45% {-webkit-transform: scale(1.15);transform: scale(1.15)}}

/* Footer */
#flexcontainer-nowrap, #flexcontainer-submenu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap!important;flex-wrap: nowrap!important;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}


/* Mobile*/  
@media only screen and (max-width: 405px) {.flexContainer  {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap!important;flex-wrap: wrap!important;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center}

	.flex-item{margin-bottom:0px!important; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;  margin: 10px;}
	.flexContainer .et_pb_blurb_position_left .et_pb_blurb_container {padding-left: 3px;}
	#tel .et-pb-icon, #mail .et-pb-icon {font-size: 21px}
	.slick-next {right: 0px!important}
	.slick-prev {left: 0px!important}
	.slick-prev, .slick-next {top: 80%!important}
	section.et_pb_wptools_blog_carousel ul.slick-dots {bottom: 0px!important}
	
 }

/* Startseite */

@media only screen and (max-width: 767px) {
	#main-content {padding-bottom: 50px!important;}
	.et_mobile_menu li a {padding: 5px 5%;font-size:16px}
	.et_mobile_menu {left: -10vw;width:100vw}	
	.mobilmenu {display:block!important}
	
	#text1, #text2, #text3 {text-align:left;}
	.flexContainer {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
	#tel,#mail {width:80%;padding:0!important}
	#et_mobile_nav_menu:before{right: 6vw!important}
	
	/* Icon-Menü */	
	.icons-mobil .et_pb_main_blurb_image {width: 40px!important;}
	.icons-mobil .et_pb_blurb_container {vertical-align: middle;padding-left:0!important}
	.icons-mobil .et_pb_image_wrap {margin-right: 8px;}
	.icons-mobil .et_pb_blurb_container{padding-left: 0.7rem!important;vertical-align: middle;}
	.icons-mobil .et_pb_row {margin-bottom:15vw;}		
}


@media only screen and (min-width: 768px) {
	/* Menüpunkte Rechtliches */
	.mobilmenu {display:none!important}}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	/* Menü und Logo*/	
	#et-top-navigation{padding-right: 5%!important}
	.et_header_style_left .logo_container {padding-left: 8%!important;}
	.container {width: 100% !important;}
 	.et_header_style_left .logo_container{padding-left: 25px;}
	 .et_header_style_centered #main-header .mobile_nav {background-color: transparent;}
	 .mobile_nav.closed .select_page {display: none;}
	 .et-fixed-header#main-header {background-color: transparent !important;}
	.icons_circle .et_pb_text {margin-left: -10vw!important;}
	.icons_circle .et_pb_row{ margin: auto;}
	.icons_circle .et_pb_row {margin-bottom: 60px!important;}
	.icons_circle .et_pb_column {margin-bottom: 0px;} 
}


@media all and (min-width: 981px) and (max-width: 1250px) {.icons_circle .et_pb_row {width: 100%!important; margin: auto;}.icons_circle .et_pb_text {margin-left: 0vw!important;}}

#et_mobile_nav_menu:before {content: 'MENU'; font-size: 14px;position: absolute !important;bottom: 29px;right: 10vw!important;color: var(--grey);}
.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';}


/* Zitat */
blockquote {border:none;padding:0;margin:0}
blockquote p {color: #4c4c4c;}
@media all and (min-width: 981px) {
blockquote:before {font-family: 'etModules';content: "\39";font-size: 60px;color: var(--lightgrey);position: absolute;top: 50px;left: -60px;}
blockquote:after {font-family: 'etModules';content: "\38";font-size: 60px;color: var(--lightgrey);position: absolute;top: 50px;right: -60px;}}

#brandschutzkon blockquote:before, #brandschutzkon blockquote:after {top: 25px;} 

#top-menu li li a {padding: 5px 0!important;}
#top-menu a {font-size: 16px}

#main-content {padding-bottom: 2%;}
.sticky {position: fixed;width: 100%;bottom: 0;z-index: 9;}

#cmplz-document {max-width: 100%!important;}

/* Custome-Table */
.custom-table table {width:100%;border:none!important;margin-bottom:50px}
.custom-table tr th {padding:0!important;vertical-align: top;}
.custom-table th {width:10%;}
.custom-table tr td {border:none;}

/* Bildergallery */
.et_pb_gallery .et_pb_gallery_pagination {border:none;}

/* Tab-Kasten Handy */
@media(max-width:767px){
.custom-tabs ul.et_pb_tabs_controls.clearfix {float: left;width: 100%;display: inherit;}
.custom-tabs .et_pb_all_tabs {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%!important;}
.custom-tabs .et_pb_tab.et_pb_tab.clearfix.et-pb-active-slide {border-left: 0px solid transparent;}
.custom-tabs .et_pb_tabs_controls li {margin-bottom: 5px; height:30px!important}
.custom-tabs .et_pb_tab {padding: 0!important;}
.flexContainer-tab {display: block!important;width: 100%;}
.Flex-Text {width: 100%}
.Flex-Bild {width: 100%;padding-top: 10%}}

/* Tab-Kasten - Container mit Text & Bild */
.flexContainer-tab {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
.Flex-Text {width:75%}
.Flex-Bild {width:25%;padding-left:1%}
.Flex-Bild img {width:100%;}
.chip img {width:70%;vertical-align:middle}

/* Tabs */
.custom-tabs .et_pb_tab_active a {color: #FFF!important;}
.custom-tabs {border:none!important}
.custom-tabs .et_pb_all_tabs {display:-webkit-box;display:-ms-flexbox;display:flex;width:73%;height:100%;padding:1%}
.custom-tabs .et_pb_tab {padding: 0 15px;}

.custom-tabs ul.et_pb_tabs_controls {float:left;width:26%;display:block;margin-right:1%;background-color:transparent}
.custom-tabs ul.et_pb_tabs_controls:after {content: none;}

.custom-tabs .et_pb_tabs_controls li {display:block; width:100%; margin-bottom:10px;border:none!important;line-height: 1.3em!important}
.custom-tabs .et_pb_tabs_controls li a {display: block;width: 100%;padding: 10px 5px;color: #4c4c4c;font-size:15px;vertical-align:middle;font-family: 'segoe ui',Helvetica,Arial,Lucida,sans-serif;}

/*Hover Tab */
.custom-tabs .et_pb_tabs_controls li a:hover {font-size: 16px;}

/* Tabs - Striche */
.custom-tabs .et_pb_tabs_controls li:before, 
.custom-tabs .et_pb_tabs_controls li:after {content:'';width:15%;height:3px;display:inline-block;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;position:absolute;}
.custom-tabs .et_pb_tabs_controls li:before {left:0%; top:-5px;}
.custom-tabs .et_pb_tabs_controls li:after {right:0%; bottom:-5px;}


#digitaltrees .et_pb_tabs_controls li {background-color:rgba(120,184,51,0.3)}
#digitaltrees .et_pb_tabs_controls li:before, 
#digitaltrees .et_pb_tabs_controls li:after {background:rgba(120,184,51,0.3)}
#digitaltrees .et_pb_all_tabs {border: 3px solid var(--digitaltree)!important;}

/*Aktiver Tab */
#digitaltrees .et_pb_tab_active {background-color:var(--digitaltree)!important}
#digitaltrees .et_pb_tab_active:before, 
#digitaltrees .et_pb_tab_active:after {background:var(--digitaltree)!important;}






/* Kontaktformular */
@media only screen and ( min-width: 48em ) {.wps-form-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.wps-form-column {padding: 0.5rem 1rem;}}
@media only screen and ( max-width: 48em ) {.wps-form-row {-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important;} }
.wps-form {width: 100%;margin: 0 auto;}
.wps-form-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%;}
.wps-form-row .wpcf7-form-control {width: 100%;}
.wps-form-column {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 1rem 1rem 1rem 0;width: 100%;}
span.wpcf7-list-item { display: block;margin:0 }
.wpcf7-text, .wpcf7-textarea, wpcf7-list-item, .wpcf7-captchar {
background-color: #ebebeb !important;
border: none !important;
width: 100% !important;
border-radius: 0 !important;
font-size: 14px;
color: #090000 !important;
padding: 8px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.wpcf7-submit {
border-color: #f6a316 !important;
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 16px;
font-weight: 500;
border-radius: 3px;
padding: 6px 60px;
line-height: 1.7em;
background: #f6a316;
border: 1px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.wpcf7-submit:hover {background-color: rgba(246,163,22,0.7);border-color:#f6a316;color: #000 !important;}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {
background-color: #ebebeb !important;
border: none !important;
color: #090000 !important;
padding: 8px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
margin: 0px !important;}

@media only screen and ( max-width: 767px ) {.wps-form-column {width:100%}}

.wpcf7-form-control-wrap select {background: #eee !important;}
span.kontakt.wpcf7-list-item {display: block;background: #eee !important;}

/* Icons auf der Startseite */
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.size {font-size: 10em;}
.container:after {clear: both;content:'';display:table;}
.wrapper {height: 1.2em;width: 1.2em;float: left;position: relative;}
.wrapper:nth-child(3n + 1) {clear: both;}
.wrapper .circle {height: 100%;width: 100%;left: 0;position: absolute;top: 0;}
.wrapper .circle .border {height: 100%;width: 100%;	 border: 0.03em solid;border-radius: 50%;clip: rect(0, 1.2em, 3em, 0.15em);left: 0;position: absolute;top: 0;}

.brand .wrapper .circle .border{border-color: var(--brand)}
.eos .wrapper .circle .border	{border-color: var(--eos)}
.bestand .wrapper .circle .border{border-color: var(--bestand)}
.digitaltrees .wrapper .circle .border{border-color: var(--digitaltree)}

.webdesign .wrapper .circle .border	{border-color: var(--web)}

.brand .wrapper .label {background: var(--brand)}
.eos .wrapper .label {background:  var(--eos)}
.bestand .wrapper .label {background: var(--bestand)}
.digitaltrees .wrapper .label {background: var(--digitaltree)}

.webdesign .wrapper .label {background: var(--web)}

.wrapper .label {border-radius: 50%;bottom: 0.4em;color: transparent;cursor: default;display: block;font-size: 0.25em;left: 0.4em;position: absolute;right: 0.4em;	 text-align: center;top: 0.4em;border: 0.15em solid white}
/*.wrapper .label img {width: 100; height:100%}*/

.wrapper .circle .border {-webkit-transform: rotate(-35deg);-ms-transform: rotate(-35deg);transform: rotate(-35deg);-webkit-transition: all ease 1.5s;-o-transition: all ease 1.5s;transition: all ease 1.5s}
.wrapper .circle .border:hover {-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all ease 1.5s;-o-transition: all ease 1.5s;transition: all ease 1.5s;}



.size .et_pb_code_inner{display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;}


/* ==========================================================================
 Webdesign
========================================================================== */
.flip_cards_3d  .row_flip_box.row_flip_box {width: 33%;padding: 0.5% 0} 

/* 3D-Flip-Cards */
/* section */
        .flip_cards_3d {
            display:-webkit-box!important;
            display:-ms-flexbox!important;
            display:flex!important;
            margin-bottom: 0px!important;
		    max-width: 1920px;
    		width: 80%;
            left: 40%;
            margin-right: -40%;
            -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                    transform: translate(-50%);}
     
    /* row */
        .flip_cards_3d .row_flip_box {
            background-color: transparent;
            width: 33%; /* adjust based on number of columns */
            padding-right:1%!important;
            height: 310px;
            -webkit-perspective: 1000px;
            perspective: 1000px;}
 
    /* column */
        .flip_cards_3d .column_flip_box {
            position: relative;
            width:100%;
            height: 100%;
            -webkit-transition: all 1.2s cubic-bezier(.5,1,.5,1);
            -webkit-transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
            -o-transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
            transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;}
 
        .flip_cards_3d .row_flip_box:hover .column_flip_box {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);}
 
    /* text modules */
        .flip_cards_3d .flip_front_text,
        .flip_cards_3d .flip_back_text {
            position: absolute!important;
            width:100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            border-radius: 0px;
            -webkit-box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
                    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
            color: white;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: unset;
            backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            -o-backface-visibility: hidden;}
 
    /* text module background image overlay */
        .flip_cards_3d .flip_front_text {
            background-blend-mode: overlay;
            background-color: rgba(12,165,204,1);}
        .flip_cards_3d .flip_back_text {
            background-blend-mode: overlay;
            background-color: #fff;}
 
    /* text positioning and styling */
        .flip_cards_3d .flip_front_text .et_pb_text_inner,
        .flip_cards_3d .flip_back_text .et_pb_text_inner {
            top: 0%!important;
            left: 0%!important;
            width: 80%!important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-transform: translateZ(50px)!important;
			transform: translateZ(50px)!important;}

        .flip_cards_3d .flip_front_text .et_pb_text_inner h3 {
            color: #fff!important;
            font-size: 20px!important;
            line-height: 26px!important;
            font-weight: 500!important;}    

        .flip_cards_3d .flip_front_text .et_pb_text_inner p {
            color: #fff!important;
            font-weight: 800!important;}  
     
        .flip_cards_3d .flip_back_text .et_pb_text_inner p {
            color: #000!important;
           font-size:14px!important;
            font-weight: 400!important;}    
     
.flip_cards_3d .flip_back_text .et_pb_text_inner h3 {color: #000!important;font-size: 20px!important;font-weight: 500!important;}    
.flip_cards_3d .flip_back_text  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.flex-container.leistungen {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;    
    -ms-flex-pack: distribute;    
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
} 
.flex-container.leistungen .flex-item {width:30%}
.referenz .et_pb_promo_description, .referenz .et_pb_button_wrapper{opacity:0}
.referenz:hover .et_pb_promo_description, .referenz:hover .et_pb_button_wrapper{opacity:1}

.referenz {color:#fff!important;line-height:1.2em; font-size:16px!important}
@media only screen and (min-width : 980px) {.referenz {min-height:300px}}
        
/* mobile */
@media only screen and (max-width : 980px) {
	.flip_cards_3d  {display: block!important;width: 100%!important;left: 50%;margin-right: -50%}
	.flip_cards_3d .row_flip_box {width: 100%!important; height: 225px}
	.referenz {background-size: cover!important}}
.et_blog_grid_equal_height article {overflow: hidden}
#datenschutz {margin-bottom:50px}
.footer-flex {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}


.category-blog-webentwicklung .et_pb_section, .single-post .container{padding-top:0!important}
.single .post {padding-bottom:0}


.et_pb_slider{display:-webkit-box;display:-ms-flexbox;display:flex}
.et-pb-controllers{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.et_pb_slides{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.et-pb-slider-arrows{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}


/* ==========================================================================
Floating Menü
========================================================================== */


.menu-flottant {
    width:40px; 
    float: left; 
    position:fixed; 
    z-index:9999; 
    top: 50%; 
    line-height: 2px; 
    left: 0px }

.menu-flottant ul {list-style: none; margin: 0; padding: 0;}

.menu-flottant ul li{
    display:block; 
	background-color: var(--infratouch);
    position: relative; 
    -webkit-transition: -webkit-transform 0.5s; 
	-webkit-transition: -webkit-transform .5s; 
	transition: -webkit-transform .5s; 
	-o-transition: transform .5s; 
	transition: transform .5s; 
	transition: transform .5s, -webkit-transform .5s;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
	        box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
	margin: 10px 0;
	 padding: 10px;height: 2.5em}

.menu-flottant .floating-icon {float: left; line-height: 0em; height:2em;padding-bottom: 1em;}  


.menu-flottant a,.menu-flottant .floating-icon {font-size: 16px;color:#fff!important;white-space: nowrap;font-weight:400; text-decoration: none;     color: #fff; 
 }


/*Tooltipp*/
.menu-flottant .hidden-tooltipp {display:none}
.menu-flottant ul li:hover .hidden-tooltipp{display:block}

.menu-flottant .hidden-tooltipp {
	 background-color: #000;
	position: absolute; 
    top:0; 
    bottom:0; 
	height: 2em;
	 left: 4em;
	 padding: 20px;
    -webkit-transition: -webkit-transform 0.5s; 
	-webkit-transition: -webkit-transform .5s; 
	transition: -webkit-transform .5s; 
	-o-transition: transform .5s; 
	transition: transform .5s; 
	transition: transform .5s, -webkit-transform .5s;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
	        box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
 
}
.menu-flottant .hidden-tooltipp:before{
	content:"";
	position:absolute;
  	width: 0px;
  	height: 0px;
  	border-top: .8em solid transparent; 
  	border-right:.8em solid #000; 
  	border-bottom: .8em solid transparent;
	border-left:0px solid transparent; 
	top:4px;
	left:-1.2em}



@media all and (max-width: 981px) {
	.menu-flottant ul li, .menu-flottant .hidden-tooltipp{height: 1.5em}
	.menu-flottant ul li{padding: 5px 7px}
	.menu-flottant .hidden-tooltipp{ padding: 12px 7px}
	.menu-flottant .hidden-tooltipp { left: 50px}
	.menu-flottant {width:30px}
	.menu-flottant a,.menu-flottant .floating-icon {font-size: 14px}
	.menu-flottant .hidden-tooltipp:before{top:0}
	
}