/* === Style Blueline-Industrieservice Design by Homepagelab.de ===*/
body{margin:0 auto; padding:0;line-height: 1.8rem; font-size: 16px; background-color: rgb(254, 254, 254);}

section{padding: 50px 0;}

/* ===Lato Schriftart ===*/
    
    @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Regulart'), url('../fonts/Lato/Lato-Regular.woff') format('woff'),
		 url('../fonts/Lato/Lato-Regular.eot');
    }
 @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: local('Robotot'), url('../fonts/Roboto/Roboto-Bold.woff') format('woff');
    }

/* === Schriften Formatieren ===*/
/* Ueberschriften */

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.h6,blockquote{
	font-family: 'Roboto', sans-serif;text-transform: uppercase;
	color: rgb(0, 124, 191); 
}
h1,.h1{font-size: 2.1rem;}
h2,.h2{font-size: 2rem;}
h3,.h3{font-size: 1.5rem;}
h4,.h4{font-size: 1.2rem;}
h5,.h5{font-size: 1.1rem;}
h6,.h6{font-size: 1.2rem;}

/* Normaler Text */
a, p, p, a, li a, nav ul li a, li a,.control-label{font-family: 'lato', sans-serif;
color: #2d2d2d; font-size: 1em;}

/* navigation */
nav ul li a{color:#2b2b2b;  text-transform: uppercase;font-weight: 400;}
.navbar{box-shadow: 0px 5px 20px -10px rgba(0,0,0,1);background-color: rgb(254, 254, 254);margin-bottom: 5px;}
li.nav-item a.nav-link {background-color: rgb(254,254,254)!important;transition: 0.3s ease-in-out}
li.nav-item.active a, li.nav-item:hover a {color:rgb(0, 124, 191)!important; border-bottom:1px solid rgb(0, 124, 191)!important;margin-top: 3px;}
/* Buttons */
.btn-self{
	background-color: rgb(147, 142, 148); color:rgb(254,254,254); padding: 10px; border-radius: 0.3em; font-weight: 800;transition: 0.3s cubic-bezier(.42, 0, .45, .99);
}
.btn-self:hover{
	text-decoration: none; color: #fefefe;
-webkit-box-shadow: -1px 15px 29px -11px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 15px 29px -11px rgba(0,0,0,0.75);
 box-shadow: -1px 10px 20px -11px rgba(0,0,0,0.75);
}
.btn-danger {
      background: #ff6400;
      color: #FFFFFF;
      border-color: transparent;
      transition: 0.3s ease;
    }

.btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active {
      background: #00656a;
      color: #FFFFFF;
      border-color: transparent;
    }

.btn-success {
      background: #00656a;
      color: #FFFFFF;
      border-color: transparent;
      transition: 0.3s ease;
    }

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active {
      background: #ff6400;
      color: #FFFFFF;
      border-color: transparent;
    }

/* === Logo ===*/
.logo-top{max-width:15em;}


/* Links - Verlinkungen */
a {transition: 0.3s ease;}


/* Farben & Hintergründe */
.weiss{color:rgb(254, 254, 254);}
.bg-weiss{color:rgb(254, 254, 254);}
.blau{color:rgb(0, 124, 191);}
.bg-blau{background-color: rgb(0, 124, 191);}
.rot{color:rgb(253, 247, 241);}
.bg-rot{background-color:rgb(253, 247, 241);}
.grau{color:rgb(43, 43, 43);}
.bg-grau{background-color:rgb(43, 43, 43);}
.bg-hellgrau{background-color: rgb(93, 92, 97);}
.border-bottom-blau{border-bottom: solid 4rem; color:rgb(0, 124, 191); }
.bg-rot{background-color: rgb(178, 0, 84);}
.rot{color: rgb(178, 0, 84);}
  
/* === ICONS Grafiken ===*/


/* === TRENNER===*/
.trenner-grau{width: 100%; background-color:#5d5c61;color: #fefefe;}

/* === Header ===*/
.tuev-logo{margin-top: -100px;}
.tuev-logo img{width: 170px}
/* === Startseite ===*/





/* Ende Startseite */

/* === Leistungen ===*/
div.leistungen-bild-over{transition: 0.2s ease-in-out;}
div.leistungen-bild-over:hover{
-webkit-box-shadow: 0px 0px 50px -10px rgba(5,15,20,1);
-moz-box-shadow: 0px 0px 50px -10px rgba(5,15,20,1);
box-shadow: 0px 0px 50px -10px rgba(5,15,20,1);
	-webkit-filter: hue-rotate(12deg);
    filter: hue-rotate(12deg);
}
a.backlink{text-decoration:none;color:#fefefe;transition: all 0.3s ease-in-out;}
a.backlink:hover{letter-spacing: 1.5px;}

#maschinenumzug .maschinenumzug{
	background-image: url(../img/maschinenumzug.jpg);background-repeat: no-repeat; background-position: center; background-size: cover; height: auto; max-width: 50%;min-height:500px; position: absolute; top: 0; right: 0; bottom:0; border-bottom: 4rem solid rgb(0, 124, 191);
}

ul.demontagen{padding:0;margin:0}
ul.demontagen li{list-style-type:none; ;border-bottom: 1px solid rgb(0, 124, 191);}
ul.demontagen li p{padding:0; margin:10px;}

#elektriker .elektriker{
	background-image: url(../img/elektrik.jpg);background-repeat: no-repeat; background-position: center; background-size: cover; height: auto; max-width: 50%; min-height:500px; position: absolute; top: 0; right: 0; bottom:0; }



ul.elektrik{}
ul.elektrik li{list-style-type: none;}
ul.elektrik li p{display: inline-block;border-bottom: 1px solid rgba(0,0,0, 0.1)}

ul.elektrik li p i.listpunkt-elektrik{transform:rotate(-45deg); color:rgb(0, 124, 191);margin-right: 15px; display:inline-block;   }

section#umzug{padding-bottom: 0}


/* Ende Leistungen */

/* === Expertex & ich ===*/
/* Ende Expertex & ich */

/* === Kontakt ===*/

/* Formular */

.internal { display: none; }
.form-group {
    margin-bottom: 1rem !important;
}
        .captcha {
            width: 15%;
            min-width: 120px;
            display: inline;
        }

        .form-control {
            margin-bottom: 5px;
            font-size: 12pt !important;
        }

        .textend {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .checkbox {
            margin-top: 0px;
        }

        .radio {
            margin-top: 0px;
        }

        .zwtext {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .input-file {
            border-width: 0px;
            height: 100%;
            background-color: transparent;
        }

        
        
/* Ende Formular */


/* Ende Kontakt */

/* === Footer ===*/

ul.footer{margin:0; padding:0}
ul.footer li{list-style-type: none; display: block;border-bottom: 1px solid rgba(254, 254, 254, 0.2)}
ul.footer li a,.footertext{color: rgb(254, 254, 254); display: block;font-size: 1rem;}
ul.footer li a:hover{text-decoration:none; padding-left: 10px;}
h6.social-ueberschrift{text-transform: uppercase;letter-spacing: 0.2rem}
.plus{font-size:80px; line-height: 60px;font-family: roboto;}
footer a.copy{font-size: 14px;text-decoration: none;}
footer a.copy:hover{font-size: 14px;text-decoration: none; color:#fefefe;}

/* === Beginn Anpassung Mobile ===*/
@media (max-width: 858px) { 
 
}
@media (max-width:700px) { 
  
}

/* Breakpoint XS */
@media (max-width: 380px) {
	h2{font-size: 1.5em !important;}	
	
}


@media (max-width: 576px) {
	
		
}

/* Breakpoint MD */

@media (max-width: 768px) {
#maschinenumzug .maschinenumzug, #elektriker .elektriker{max-width: 100%; margin:20px;}
	.text-right{text-align: center !important;}
	.line-umzug{ padding:30px 20px !important;}
	.line-umzug p .line-abstand{padding-top:0;}
}


/* Breakpoint LG */

@media (max-width: 992px) {
	
}




/* === Ende Anpassung Mobile ===*/



/* === Ende Stylesheed ===*/