/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

/* --------------- Respo ---------------
xs		0000		0575
sm		0576		0767
md		0768		0991	
lg		0992		1199	
xl		1200		xxxx
--------------- Respo ---------------  */

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}


body,
.dropdown-menu {
	font-size: 16px;
	}

body,
#content p {
    line-height: 1.65;
}


/* --------------- Abstaende --------------- */

.bottommargin-md {
	margin-bottom: 60px !important;
}
.bottommargin-s {
	margin-bottom: 20px;
}
.bottommargin-xs {
	margin-bottom: 10px;
}


/* --------------- BG --------------- */

#wrapper {
	background-image: url("../images/hebamme-silke-thueroff/hebamme-silke-thueroff-bg.png");
	background-attachment: fixed;
	background-position: 75% 25%;
	background-repeat: no-repeat;
}


/* --------------- Button --------------- */

.button {
    letter-spacing: normal !important;
	font-weight: 400;
}
.button:hover {
	background-color: #999999;
}
.button.button-rounded {
    border-radius: 26px;
}


/* --------------- Farben --------------- */

::selection { background: #964f4c; }
::-moz-selection { background: #964f4c; }
::-webkit-selection { background: #964f4c; }

.side-header #header,
.promo {
    background-color: #efedea;
}

#content,
#footer {
    background-color: transparent;
}

.button,
.button.button-reveal i,
.kursfeature h3 i,
.kursfeature h3 i:hover {
    background-color: #964f4c;
}

.button:hover {
    background-color: #cc6666;
}

.feature-box .img-thumbnail {
    border-color: #efedea;
}

body {
    color: #555555;
}

h1, h2, h3, h4, h5, h6,
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2,
a,
.slider-caption:not(.dark) h2,
.heading-block h2,
.feature-box.fbox-plain .fbox-icon i,
.feature-box.media-box .overlay-wrap i,
.feature-box h3 {
	color: #964f4c;
}

a:hover,
.feature-box.media-box h3:hover {
	color: #cc6666;
}

#primary-menu ul li a,
#primary-menu ul ul li > a {
	color: #333333;
}

#primary-menu > ul > li:hover > a,
#primary-menu > ul > li.current > a,
#primary-menu ul li.current > a {
	color: #964f4c;
}

.side-header #primary-menu ul ul li:hover > a {
	color: #964f4c !important;
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge),
.feature-box p,
#template-contactform h3,
.promo > span, .promo > .container > span {
	color: #555555;
}

.akzent {
	color: #000000;
}
#footer p {
	color: #222222;
}


/* --------------- Feature Box --------------- */

.feature-box.media-box .fbox-media {
    padding: 0 40px;
}

@media (min-width: 576px) and (max-width: 767px) {
	
.feature-box.media-box .fbox-media {
    padding: 0 80px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {
	
.feature-box.media-box .fbox-media {
    padding: 0 20px;
}

}

.feature-box.media-box .img-thumbnail {
    padding: 5px;
}
.feature-box.media-box .overlay {
    padding: 5px;
}
.feature-box.media-box .overlay-wrap {
    border-radius: 50%;
	background-color: rgba(239,237,234,0.64);
}
.feature-box.media-box .overlay-wrap i {
    opacity: 1;
}

.feature-box.media-box h3 {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
}
.feature-box.media-box h3 i {
    margin-left: 10px;
}
.feature-box.media-box p {
    margin-top: 15px;
}

.kursfeature h3 {
    font-size: 20px;
	line-height: 52px;
	margin-bottom: 15px;
}
.kursfeature h3 i {
    margin-top: 0;
}
.kursfeature h3 i:hover {
	cursor: inherit;
}
.kursfeature p {
    margin-bottom: 0;
}

ul.iconlist {
    margin-bottom: 0;
}


/* --------------- Footer --------------- */

#footer {
    border-top: none;
}
#footer .footer-widgets-wrap {
    padding: 0 0 60px;
}
.footer-logo {
    display: inline-block;
	margin-bottom: 5px;
}
#footer .widget p {
	font-size: 15px;
}
#footer .inline-block {
	margin-right: 10px;
}


/* --------------- Formulare --------------- */

label {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
}
.sm-form-control {
    border: 1px solid #ccc8c4;
    border-radius: 5px !important;
}
.radio-style-2-label::before, .checkbox-style-2-label::before {
    border: 1px solid #ccc8c4;
	border-radius: 50%;
}
.radio-style:checked + .radio-style-2-label::before, .checkbox-style:checked + .checkbox-style-2-label::before {
    background: #cc6666;
}


/* --------------- Go to top --------------- */

#gotoTop {
    background-color: rgba(153,145,137,0.5);
    border-radius: 50%;
}
#gotoTop:hover {
    background-color: rgba(153,145,137,0.64);
}


/* --------------- Grid --------------- */

.content-wrap {
    padding: 50px 0 60px;
}

@media (min-width: 1200px) {
.side-header:not(.open-header) #wrapper .container {
	max-width: 1170px;
}
}


/* --------------- Header --------------- */

.side-header #header {
    border-bottom: none;

}
#primary-menu ul ul li > a {
    font-size: 15px !important;
	font-weight: 400 !important;
	text-transform: none !important;
}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    border: none;
}

@media (min-width: 992px) {

.side-header #header {
    border-right: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);

}
.side-header #primary-menu ul ul a {
    padding: 5px 0 !important;

}

}

@media (max-width: 991px) {

#header-wrap {
	padding: 10px 0;
}

}


/* --------------- Headings --------------- */

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
    margin-bottom: 0;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
}
.heading-block::after {
    width: 120px;
    border-top-color: #964f4c;
}
.heading-block ~ p:not(.lead) {
    font-size: 16px;
	color: #555555;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px 0;
}

h3 {
	font-size: 20px;
	margin: 0 0 15px 0;
}
h5 {
	font-size: 16px;
}

.titelfoto {
    margin-bottom: 20px;
}
.titelfoto img {
    max-width: 400px;
}

@media (max-width: 500px) {
.titelfoto img {
	max-width: 80%;
}
}


/* --------------- Icons --------------- */

a i.icon-envelope2  {
	margin-right: 5px;
	font-size: 18px;
}
i.icon-envelope2  {
	position: relative;
	top: 2px;
}
a i.icon-angle-right  {
	margin-left: 6px;
	vertical-align: -3%;
}


/* --------------- Anmeldung und Kontakt --------------- */

.sm-form-control::-moz-placeholder {
	color: #777777;
}
.sm-form-control:-ms-input-placeholder {
	color: #777777;
}
.sm-form-control::-webkit-input-placeholder {
	color: #777777;
}

.sm-form-control:focus::-webkit-input-placeholder {
	color: #cccccc;
}
.sm-form-control:focus::-moz-placeholder {
	color: #cccccc;
	opacity:1;
}
.sm-form-control:focus:-ms-input-placeholder {
	color: #cccccc;
}


/* --------------- Links --------------- */

a,
.feature-box h3 {
    -webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: 	all 0.3s ease-in-out !important;
	transition: 		all 0.3s ease-in-out !important;
}


/* --------------- Promo --------------- */

.promo.promo-border {
    border: none;
    border-radius: 10px;
}
.promo h3 {
    font-weight: 400;
	line-height: 2.0;
}
.promo h5 {
    margin-bottom: 0;
}
.promo > span, .promo > .container > span {
    font-weight: 400;
}
.promo a i.icon-envelope2  {
	margin-left: 8px;
}