/*
Theme Name: defloor
Description: Child theme for the DIVA
Version: 2.7
Author: hajo andreas
Author URI: http://defloor.de
Version: 1.5
Template: Divi
*/
@import url("../Divi/style.css");

::-moz-selection { /* Code for Firefox */
    color: white;
    background: red;
}

::selection {
    color: white; 
    background: red;
}

a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

a:hover{
	color:  white;
	background-color: red;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a:hover{
	color: black !important; background-color: #ee0000;
	
}
.nav ul li a:hover, .et_mobile_menu li a:hover { opacity: 1 !important; }

i.fa:hover {
color: red !important;
}

/*--------------------[ SLIDE IN MEnu TOGGLE ]----------------------*/

.mobile_menu_bar::before, .et_toggle_slide_menu::before, .mobile_menu_bar::after, .et_toggle_slide_menu::after {
	color:  red !important;
}


/*--------------------[ SEARCH ]----------------------*/
.et_slide_menu_top .et-search-form{
clear: both;
position: relative;
width: 100% !important;
max-width: 100% !important;
height: 35px;
margin: 15px 0 20px;
padding: 5px !important;
border-radius: 0px !important;
background: none !important;
color:  red !important;
/*border-bottom: 1px dotted #000;*/
	
}

.et_slide_menu_top button#searchsubmit_header:before{
	color: red;
	left: 12px;
	font-size: 18px;
}

.et_slide_menu_top input.et-search-field{
	left:  -5px;
	border-bottom: 1px dotted red;
}

input.et-search-field{
	padding-left: 0px;
	color: red !important;
	
}

/* search icon */
  .et_search_icon {
  color: red !important;
  font-weight: bold;
  }

.et_slide_menu_top, .et_slide_menu_top a, .et_slide_menu_top input{
	color: rgba(0, 0, 0, 0.9);
}
.et_slide_menu_top a:hover{
	color: rgb(234, 0, 0);
}

.et_slide_menu_top {
	
	padding-left: 60px !important;
	background: rgba(255, 255, 255, 1);
	margin-bottom: 30px;
	}

.et_slide_in_menu_container ul#mobile_menu_slide{
	padding: 28px 40px 28px 60px !important;
}

.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a:hover {
    color: #333 !important;
}

#top-menu-nav #top-menu a:hover { color: black !important; }



/******************** Abstand fontawesome icon / ET Icons ***********************/

i.fa {
margin-right: 8px;
}
#et-info-phone::before, #et-info-email::before{
	margin-right: 12px;
}



/*--------------------[2! LOGOs]----------------------*/
 
/* logo over top header and reduce logo container width */

    #top-header {z-index: 99997!important;}
    #logo {z-index: 99998!important; position: relative!important;}
    .et_header_style_left .logo_container { width: 180px;}
 
/* logo swaps */

    #logo {
    	display:block!important; opacity:0;
    	    	}
    	    	
    #logo {
            max-height: 480%!important;
            margin-top: -91px;
          
            overflow: visible;
            z-index: 9999;
            position: static;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;}
 
    .et-fixed-header #logo {  
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        margin-top:-500px;
        }
        
 .et_pb_svg_logo #logo{
 		height: 100% !important;
 		}
		
    #logo2 {
    	z-index: 99999;
   			width: 200px;
        	max-height: 153%;
        	margin-top: -70px;
        	margin-left:-1650px;
       -webkit-opacity: 0;
       -moz-opacity: 0;
       opacity: 0;
       -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
       -ms-transition: all 1s ease;
       -o-transition: all 1s ease;
       transition: all 1s ease;}
 
    .et-fixed-header #logo2 {
        margin-left: 0px !important;
        margin-top: 325px !important;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1 !important;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;}
  
       

/*---top slider alignment left! ---*/
/*---Left---*/
.ds-slider-left.et_pb_slider .et_pb_container {
    float: left !important; /*move the slider text container to the left*/
}
.ds-slider-left .et_pb_slide_description  {
	text-align: left !important; /*align the slider text to the left*/
	padding: 10% 8%; /*adjust the padding around the slider text container, this will help you to control the 
	height of your slides. You can remove this if you want the default height*/
}
.ds-slider-left.et_pb_slider .et_pb_button {
    float: left !important;  /*move the button to the left*/
}


/*--- HAMBURGER ---*/
.mobile_menu_bar:before, .et_toggle_slide_menu:before{
	font-size: 52px !important;
}
et_toggle_slide_menu:after{
	font-size: 52px !important;
}
.et_pb_slide_menu_active .et_toggle_slide_menu:after{
	font-size: 52px !important;
}

.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu{
	left: -30px;
	color: #ff0000 !important;
	
}
/*--- HAMBURGER / Slide IN ---*/
#et-info-phone, #et-info-email{
	line-height: 1.5em;
}

/*--- HAMBURGER / active Nav ---*/
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a{
	color: #fff !important;
}


.et_slide_menu_top div#et-info{
	text-align: left;
}

/*---3er blurbs ---*/

.et-pb-icon-circle-border{
	border: 2px dotted !important;
}
.et-pb-icon-circle{
	font-size: 34px;
}

/* #blubber .et_pb_main_blurb_image{
	text-align: left;
}
*/

.et_pb_blurb_position_left .et-pb-icon{
	font-size: 24px;
}

/*---accordeon ---*/

.et_pb_toggle_close{
	background-color: white;
	border-bottom: 1px solid red !important;
}

.et_pb_toggle{
	border: 0px solid #d9d9d9;
}

h5.et_pb_toggle_title{
	font-size: 1.2em;
	color: #dd0000 !important;
}
.et_pb_tab_active a{
	color:  #dd0000 !important;
}

/*---tabs ---*/

.et_pb_tabs{
	border: none;
}
.et_pb_tabs_controls li a{
	font-size: 1.1em;
}


.et_pb_tabs_controls li.et_pb_tab_active, .et_pb_tabs_controls li{
	padding: 4px 30px 4px 8px;
}

.et_pb_all_tabs{
	padding: 24px 30px 24px 8px;
}

.et_pb_all_tabs {
	font-size: 1.1em !important;
	line-height: 1.2em !important;
}


/*---Back to top button styling ---*/
/*This section adds the image*/
.et_pb_scroll_top:before { 
    content: url(/alotofcontenttoo/uploads/2016/03/star.svg) !important;
    width:  25px;
    height: 25px;  
}
/*This section changes the shape to a circle and moves the button in from the edge of the screen*/
.et_pb_scroll_top.et-pb-icon {
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 20px;
    width:  50px;
    height: 50px;  
    background-color: rgba(235,235,235, 0.6);
   
}

.entry-content ul{
	line-height: 1.2em !important;
}


/*--------------------[FOOTER]----------------------*/

#main-footer{
	background-color: #dd0000;
}
#footer-bottom{
	padding: 65px 0 85px !important;
}

.bottom-nav, .bottom-nav a{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 120px;
	padding-left: 3%;
}

.bottom-nav, .bottom-nav a:hover{
	color: black !important;
	opacity: 1 !important;
}

/*--------------------[2! LOGOs 4 f+cking IExploder!]----------------------*/

.bottom-nav li.current-menu-item > a{
	color: #dd0000;
}

/*--------------------[]----------------------*/
/*--------------------[SCREEN SIZES]----------------------*/
/*--------------------[]----------------------*/


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

/*--------------------[2! LOGOs 4 fucking IExploder!]----------------------*/

.et_pb_svg_logo #logo {
	height: 90% !important;
	
} 
}


/******************** FIXED BAR MOBILE STYLE ***********************/

#fixed-bar {
    bottom: 0;
    width: 100%;
    left: 0;
    position: fixed;
    vertical-align: middle;
    z-index: 999999;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width : 980px) {

/* Row custom for mobile */ 
	.row_bar_custom.et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 { 
		width: 25% !important; 

		}
	.row_bar_custom.et_pb_row { 
		max-width: 100% !important; width: 100% !important; 
	} 
	


/*--------------------[2! LOGOs]----------------------*/
       #logo2 {
       display:none;
       }
       
       #logo {
       max-width: 80%!important; 
       margin-top: -80px; 
       margin-left:10px;
       display: block !important;
       }
       
       .et_hide_mobile_logo #main-header .logo_container{
       	display: block !important;
       	opacity: 1 !important;
       	
       }
       .et_pb_svg_logo #logo{
       	height: 100% !important;
       }
       
.container.et_menu_container {
		width: 90% !important;	
}

.mobile_menu_bar:before{
	color: #ff0000 !important;
}

/*--------------------[Gripstars Logos HOME im Content Resize!]----------------------*/
.et_pb_image_3, .et_pb_image_4{
	width: 40%;
	height: 40%;;
}

/*--------------------[Mikroskop Bilder kleiner]----------------------*/
.et_pb_image_0,  .et_pb_image_1, .et_pb_image_2{
max-width: 40% !important;	
} 

/*--------------------[Fixed Close Button Menu]----------------------*/

header#main-header {
position: fixed !important;
}



}

/* Big smartphones (portrait) (ie: Galaxy 3 has 360)*/
@media only screen and (max-width : 768px) {

#et-info-phone, #et-info-email {
    line-height: 3em;
    }
    
.et_slide_menu_top {
	padding: 0px 0 10px 20px !important;
	margin: 10px 0 !important;
}
.et_slide_in_menu_container ul#mobile_menu_slide {
    padding: 10px 30px 28px !important;
        }
}


@media only screen and (max-width : 767px) {

.et_pb_slider .et_pb_container{
	width: 100% !important;
}
.et_pb_slide_description{
	width: 100% !important;
	padding: 1% !important;
	margin-top: 3%;
}
}
@media only screen and (max-width : 414px) {

.et_header_style_slide .et_slide_in_menu_container{
	font-size: 16px !important;
}

}
@media only screen and (max-width : 375px) {
.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a{
	font-size: 15px !important;
}
}