/* common.css für handinhand-wf.de                                          */
/* author: emgee 2017                                                       */
/* ======================================================================== */

/* anpassung navbar */
.navbar-default { border: none; }

/* background-image landing-page */
#landing {
	background-image: url(../img/bg_1200x675.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
/* background-image aboutus-page */
#aboutus {
	background-image: url(../img/201020412031.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
#impressum {
	background-image: url(../img/street1200x800.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
#contact {
	background-image: url(../img/baum1200x900.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
#hm {
	background-image: url(../img/489200_1200x900.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
#winterdienst {
	background-image: url(../img/341498_1200X900.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
.medium  { font-size: 1.4em; }
/* Definition lists */
dl { width: 100%; margin: 2em 0; padding: 0; clear: both; overflow: auto; }
dt { width: 30%; float: left; margin: 0; padding: 5px 9.9% 5px 0;
border-top: 1px solid #DDDDB7; font-weight: bold; overflow: auto;
clear: left; }
dd { width: 60%; float: left; margin: 0; padding: 6px 0 5px 0; border-top:
1px solid #DDDDB7; overflow: auto; }
/* Navbar */
.navbar { background: rgba(224, 238, 238, 0.4) }
.navbar-brand { color: DarkGreen; font-weight: bolder;}
.navbar-brand:hover { color: white; }
ul.navbar-nav li a:hover { color: white; font-size: 1.3em; background-color: transparent; }
ul.navbar-nav li.active a { font-size: 1.3em; }
/* ul.navbar-nav li a:hover { color: #006400; background-color: white; border-radius: 15px !important } */

ul.dropdown-menu { background: rgba(224, 238, 238, 0.95) } 
ul.dropdown-menu li.active a { font-size: 1.3em; }
ul.dropdown-menu li a:hover { color: #006400;  }
ul.dropdown-toggle .active  a  { font-size: 1.3em; background: transparent; }

/* Menuelinks */
ul.navbar-nav li a { color: white; margin-left: 35px; font-size: 1.1em; }
#landing .dropdown-menu { background: rgba( 224, 238, 238, 0.75 )  }
#landing .dropdown-menu li a { color: DimGrey;  } 
#landing ul.navbar-nav li a:hover { color: DarkGreen; }

#aboutus ul.dropdown-menu li a { color: DimGrey;  }
#aboutus ul.dropdown-menu li a:hover { color: DarkGreen;  }
#contact  .navbar { background: rgba(224, 238, 238, 0.5) }
#contact ul.navbar-nav li a:hover { color: DarkGreen; font-size: 1.3em; background-color: transparent; }
#contact ul.navbar-nav li a { color: white; margin-left: 35px; font-size: 1.1em; }
#contact ul.navbar-nav li.active a { font-size: 1.3em; }
#impressum ul.navbar-nav li a { color: DarkGreen; margin-left: 35px; font-size: 1.1em; }
#impressum ul.navbar-nav li a:hover { color: white; font-size: 1.3em; background-color: transparent; }
#impressum ul.navbar-nav li.active a { font-size: 1.3em; }
#impressum  .navbar { background: rgba(224, 238, 238, 0.65) }
#hm  .navbar { background: rgba(224, 238, 238, 0.5) }
#hm ul.navbar-nav li a { color: DarkGreen; margin-left: 35px; font-size: 1.1em; }
#hm ul.navbar-nav li a:hover { color: white; font-size: 1.3em; background-color: transparent; }
.jumbotron {  
	margin-top: 100px;
    /* IE8 and below */
    background: rgb(224, 238, 238);
    /* all other browsers */
    background: rgba(224, 238, 238, 0.75);
}
/* Headings */
.jumbotron h1 { font-weight: bold; margin: 35px 0 14px; color: #006400; font-size: 2em; }
h1 { font-weight: bold; margin: 35px 0 14px; color: #006400; font-size: 2em; }
h2 { font-weight: bold; margin: 30px 0 12px; color: #006400; font-size: 1.3em; }
h3 { font-weight: bold; margin: 30px 0 12px; color: #006400; font-size: 1.2em; }
h4 { font-weight: normal; margin: 25px 0 12px; color: #006400; font-size: 1.0em; }
h5 { font-weight: bold; margin: 25px 0 12px; color: #006400; font-size: 0.9em; }
.front  p { font-weight: bold; color: #FFFFFF; font-size: 1.2em; }
.jumbotron a { color: #5C5C5C; text-decoration: none;}
.jumbotron a:hover { color: #006400; }
.jobheader { 
	position: absolute;
	text-align: center; 
	margin-top: 38px;
	margin-left: 220px;
}
.jobheader a {
	transform: rotate (5deg) ;
	text-decoration: none;
	color: #FFFF00;
	font-size: 23px;
}  
/* Forms */
label { display: block; float: left; clear: both; text-align: left;
	margin: 1.1em 5px 0 0; width: 20%; font-weight: normal; font-size: 0.9em; 
}
input, select, textarea { float: left; margin: 0.6em 0 0 0; width: 47%;}
input { border: 1px solid #666; }
input[type=radio], input[type=checkbox], input[type=submit],
input[type=reset], input[type=button], input[type=image] { width: auto; }

/* Modale */
.modal { margin-top: 100px; }
.modal-header { background: #548B54; }
.modal-header button { margin: 0 20px 0 0; }
.modal-body { background: #E0EEEE; padding-bottom: 0; padding-top: 25px; } 
.modal-body  h4 { color: #383838; }
.modal-body button { margin-top: 10px; margin-right: 5px; 
	margin-top: 11px;
}
.modal-title {
	color: #ffffff;
	margin-top: 10px;
	font-size: 1.0em;
}
.modal-title-right {
	color: #ffffff;
	margin-top: 13px;
	
	font-size: 1.0em;
}
.modal-head { font-weight: bolder; }
.list-group-item span { margin-left: -10px; }
.panel-heading { background: #E0EEEE; }
.panel-title { font-size: 1em; }
.mfooter { 
	background: #ffffff;
	text-decoration: none;
	margin-top: 10px;
	padding-bottom: 10px;
}
.mfooter a { color: #006400; }
.mfooter button { margin-top: 27px;}
.wdmedia { margin: 30px 0 50px 0 }
.media-heading { font-size: 1.3em; }
.panel-heading .phblack { color: white; background-color: black; } 
.fuss { margin-top: 15px;}
 /* impressum */
.impress { margin-left: 15px; }
/* Kontaktform */
.cform  { margin-top: 460px; }
.bigger { font-size: 2em; }
.cform p { font-weight: bolder;}
.cform h1, .cform h2, .cform p{ color: #ffffff; }
.cform a { background-color: rgba(0, 100, 0, 0.5); font-weight: bolder; font-size: 1.2em; color: #ffffff; padding: 3px; text-decoration: none;}
.rufnr { background: rgba(0, 100, 0, 0.5); padding: 3px;}
.cuCss_white  { background: rgba(0, 100, 0, 0.5); padding: 3px; color: #ffffff;}
.footerwd { position: absolute; bottom: 30px;  }