@charset "utf-8";
/* CSS Document GUG Gebäudereinigung Luck*/

html{font-size: 10px; margin: 0 auto; max-width: 1980px;}

/* ===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: 'Oswald';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald'), url('../fonts/Oswald/Oswald-Medium.woff') format('woff');
    }

body {
  padding-top: 80px;
  font-family: 'Lato', sans-serif;
  font-size: 1.8em;
  
	
  
}
h1{font-family: 'Oswald', sans-serif; font-size: 2.5em;}
h2{font-family: 'Oswald', sans-serif; font-size: 2.5em; font-weight: 600; padding: 50px 0 30px 0;}
.h1{font-family: 'Oswald', sans-serif; font-size: 2.8em; font-weight: 600; padding: 50px 0 30px 0;}
.h2{font-family: 'Oswald', sans-serif; font-size: 2.5em; font-weight: 600; padding: 50px 0 30px 0;}
.h3{font-family: 'Oswald', sans-serif; font-size: 2.0em; font-weight: 600; padding: 0px 0 0px 0;}
/* ------ Farben ------ */

.weiss {color:rgba(255,255,255,1.00);}
.bg-weiss{background-color: rgba(255,255,255,1.00);}
.blau {color:rgba(25,39,78,1.00);}
.bg-blau{background-color: rgba(25,39,78,1.00);}
.hellgrau{color: rgba(221,221,221,0.50);}
.bg-hellgrau{background-color: rgba(221,221,221,0.50);}
.gelb{color: rgba(204,141,6,1.00);}
.bg-gelb{background-color: rgba(204,141,6,1.00);}

/* Navigation */

.navbar{border-bottom:1px solid rgba(160,160,160,1.00); -webkit-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.75);}
.navbar-header{ height: 80px;}
.navbar-default{background-color: rgba(232,231,231,1.00);padding: 0;}
.navbar .navbar-nav>li> a {border-radius:5px; padding: 10px 15px; margin-top: 25px; text-transform: uppercase; margin-left: 3px; transition: 0.3s ease;font-size: 90%}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active */
background-color: rgba(25,39,78,1.00);
}

.navbar-nav .nav-item.nav-link {
	color: rgba(16,16,16,1.00);
	background-color:rgba(223,220,211,1.00);
	border-radius: 3px;
	margin-right: .50em;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 1em;
	transition: 0.3s ease-in-out;
}
 
/* ------ Fehlerseite ------ */

.fehlerseite h1{font-size: 4em; padding: 0;margin-top: 30px;font-weight: 700;}
.fehlerseite h2{font-size: 3em; padding: 0;margin-top: 20px;font-weight: 700;}
.fehlerseite p{margin-top: 40px;}
.fehlerseite a.btn-fehlerseite{ padding: 10px 10px; background-color: rgba(204,141,6,1.00);color: rgba(25,39,78,1.00); border-radius: 5px;transition: 0.3s ease;text-decoration: none; text-transform: uppercase}
.fehlerseite a:hover.btn-fehlerseite{background-color:rgba(25,39,78,1.00);color: rgba(204,141,6,1.00);}

/* ------ header ------ */

header{	position: relative;	width: 100%; margin:0; padding:0;} 
header .teaser{	width: 100%; position: absolute; top: 15%;}
.headerbild{width: 100%; height: auto; margin-top:0px; padding:0;}
.header{ padding: 0px; margin: 0;}
.start{ text-align: center;}
.logo{ padding-top: 0;max-width: 200px;}
.phone {font-size: 38px;}

.carousel-caption{background-color:rgba(255,255,255,0.80); color: rgba(19,19,19,0.70);  margin-bottom: 50px; border-radius: 5px; padding: 5px}
.carousel-indicators{top: 90%;}

/* ------ Startseite Leistungen ------ */

#leistungen{padding-bottom: 50px;}
.leistungsbanner-start{padding:20px 0; margin-top: 50px;}
.leistungen .h2{font-size: 2.5em; font-weight: 600; padding: 50px 0 30px 0; }
.icon-gebaeudereinigung, .icon-glasreinigung, .icon-grundreinigung, .icon-solar, .icon-hausmeister, .icon-bug{
	font-size: 2.4em; padding: 5px; border:2px solid rgba(25,39,78,1.00);border-radius: 8px 0 0px 8px; float:left; color:rgba(25,39,78,1.00);  }
.icon-gebaeudereinigung, .icon-glasreinigung, .icon-grundreinigung, .icon-solar, .icon-hausmeister, .icon-bug {background-color:rgba(25,39,78,1.00); color: rgba(214,135,21,1.00);text-decoration: none; -webkit-box-shadow: -1px 12px 18px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 12px 18px 0px rgba(0,0,0,0.75); box-shadow: -1px 12px 18px 0px rgba(0,0,0,0.75); cursor: pointer;}
.leistungspunkte{
	display: block; font-size: 1em; text-transform: uppercase; font-weight: 700; margin:30px 0 50px 70px;
	border:2px solid rgba(25,39,78,1.00);border-radius: 0 8px 8px 0;padding: 14px;transition: 0.3s ease;}
.leistungspunkte:hover{background-color:rgba(25,39,78,1.00); color: rgba(214,135,21,1.00);text-decoration: none; -webkit-box-shadow: -1px 12px 18px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 12px 18px 0px rgba(0,0,0,0.75); box-shadow: -1px 12px 18px 0px rgba(0,0,0,0.75); cursor: pointer;}
.desinfektion{padding: 1em 0 4em 0;}
.desinfektion p{padding-bottom: 1em;}
ul.corona-leistungen{ margin-left: 20px;}
ul.corona-leistungen li{padding: 8px 0;border-bottom: 1px solid rgb(0,0,0, 0.2); list-style-type: square;}

/* ------ Seite Über Uns ------ */

.ueber-uns{padding-bottom: 50px;}
.referenzen{padding-bottom: 50px;}
.inhaber{font-weight: 600;padding: 0 0 10px 0;}
.text-klein{font-size: 0.6em;font-weight: 600;} 
.text-mittel{font-size: 1em;font-weight: 600;} 
.text-gross{font-size: 1.5em;font-weight: 600;} 
.text-extragross{font-size: 2em;font-weight: 600;} 
.ueber-uns-image{margin: 20px;}


/* ------ Seite leistungen ------ */


img.check{width: 70px; height: auto;padding-right: 10px}
.leistungs-banner{padding: 20px 0;}
.photvoltaik{padding-top: 20px}
.solar-gruende{margin:20px 0}
.headline-gruende{text-transform: uppercase; font-weight: 600; padding-top: 20px;}
.nummer{font-size: 1.5em; font-weight: 600; padding:5px; border: 5px solid rgba(25,39,78,1.00); border-radius: 5px;}
.nummertext{margin-left: 70px;}
.schaedlinge{border-top: 8px solid rgba(25,39,78,1.00); padding: 10px 0;}

#solar, #reinigung, #schaedlingsbekaempfung{padding:50px 0;}

/* ------ kontakt ------ */

#kontakt.kontakt{
max-width: 100%; margin-top: 60px; 
background-image: url(../img/back-Kontakt.jpg); padding: 20px;}
.icon-phone, .icon-mail, .icon-mobile{padding-right: 8px;}
#kontakt.kontakt p a {text-decoration: none;color: white; transition: 0.3s ease;}	
#kontakt.kontakt p a:hover {color: rgba(204,141,6,1.00);text-decoration: none;}	


footer{margin-top: 60px; height: auto; padding: 0;}
footer p{padding:10px 5px 10px 0;font-size:70%; margin:0;}
footer p a{text-decoration: none;color: white; transition: 0.3s ease; }
footer p a:hover{color: rgba(204,141,6,1.00);text-decoration: none;}
footer p.impressum{text-align: right;display: block;}
.insta-btn{ width: 125px; height: 28px; border-radius: 3px; background-color: rgba(25,39,78,1.00);margin-left: 100px; margin-top: -10px;}
.insta-btn a{color: rgba(251,247,247,1.00);line-height: 28px;margin: 6px;display: block;text-decoration: none;text-transform: uppercase; font-size: 14px;font-weight: 600;transition: 0.3s ease;}
.insta-btn a:hover{color:rgba(204,141,6,1.00);}

/* ------ Seite Impressum ------ */

.logo-impressum{padding: 20px 0;}
.fett{font-size: 1.2em; font-weight: 600; color: rgba(25,39,78,1.00);}
a.link{padding:5px 10px; text-decoration: none; color:rgba(25,39,78,1.00);transition: 0.3s ease;border-radius: 3px;}
a.link:hover{background-color:rgba(204,141,6,1.00); }



/* Cookie Script!*/
.cc_container .cc_btn {
background-color: rgba(204,141,6,1.00) !important; /* Farbe des Buttons */
color: rgba(25,39,78,1.00) !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: rgba(25,39,78,1.00)!important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: rgba(213,94,45,1.00)!important; /* Textlink-Farbe "Mehr Infos" */
}

/* Pfeil nach oben!*/
.back-to-top { background-image: url(../img/peil-top.png);background-repeat: no-repeat; width: 70px; height: 58px; color: white; position: fixed; bottom:50px; right:80px; padding: 0; border-radius: 2px;}

/* ------ tablet ------ */
@media (max-width: 90em) { 
	
	#kontakt .kontakt {width: 95%; }
	.h1{font-size: 1.8em;padding: 0px; top: 30px;}
	h2, .h2{font-size: 2.2em;}
	p .phone {font-size: 24px; margin: 0; padding:0; top: 20px;}
	#carousel-example-generic{ margin:0 auto; width: 95%; height: auto;}
}


@media (max-width: 60em) { 
	#kontakt .kontakt {width: 95%; }
	.h1{font-size: 1.5em;padding: 0px; top: 30px;}
	h2, .h2{font-size: 2em;}
	p .phone {font-size: 24px; margin: 0; padding:0; top: 20px;}
	#carousel-example-generic{ margin:0 auto; width: 95%; height: auto;}
	.starttext{text-align: center;}
}

/* ------ mobile ------ */
@media (max-width: 45em) { 
	/* Startseite*/
	#kontakt .kontakt {width: 95%; }
	h1, .h1{font-size: 1.0em;padding: 0px; top: 0px;}
	h2, .h2{font-size: 1.4em;}
	h3, .h3{font-size: 1.2em;}
	p .phone {font-size: 18px; margin: 0; padding:0; top: 20px;}
	#carousel-example-generic{ margin:0 auto; width: 95%; height: auto;}
	.starttext, .impressum, .copyright{text-align: center;}
	
	}