/* Spamschutz E-Mail-Adresse */

span#displaymail::before {
	content: "kontak";
}

span#unsichtbar {
	display: none;
}

span#displaymail::after {
	content: "t\40 ergotherapie-ebert.de";
}

/* Schrift fett */

b, strong {
	font-weight: 600;
}

/* Kontaktbutton unter Profilbild */

.padbutton {
	padding-top: 50px;
}

/* Hintergrundfarbe Therapeutische Angebote */

.bg-grey {
	background-color: #f1f1f1;
}

/* Schriftfarbe Schriftlogo */

#mainNav .navbar-brand {
	font-weight: 600;
	text-transform: inherit;
	color: #212529;
	font-family: 'frutiger','Helvetica Neue',Arial,sans-serif;
	font-size: 1.8rem;
}

/* Schrift Navigation */

#mainNav {
	font-family: 'frutiger','Helvetica Neue',Arial,sans-serif;
}

/* ??? */

@media (min-width:992px) {

	#mainNav {
		border-bottom: 1px solid rgba(33,37,41,.1);
		background-color: rgba(255,255,255,.8);
	}

	#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
		color: #ef842e;
	}
	
	#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
		color: #ef842e;
	}

	#mainNav.navbar-shrink .navbar-brand {
		color: #ef842e;
	}

}

/* Schriftfarbe Navigation */

#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
	color: rgba(0,0,0,.8);
	font-size: 1rem;
	font-weight: 600;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
	color: #ef842e !important;
}

/* Schriftgöße Body */

body {
	font-family: 'frutiger', 'Helvetica Neue', Arial, sans-serif;
}

body p, body p span.title-bg-white {
	font-size: 1.188rem;
}

body {
	font-size: 1.15rem;
	line-height: 1.6;
	font-weight: 300;
	color: #212529;
}

/* 
body p {
	letter-spacing: 0.4px;
}
*/

/* Silbentrennung */

body {
	hyphens: auto;
}

/* Schriftgöße Datenschutz */

section#ds, section#ip {
	font-size: 1.07rem;
	line-height: 1.6;
	font-weight: 300;
	color: #212529;
}

section#ds p, section#ip p {
	font-size: 1.07rem;
	letter-spacing: 0;
}

/* Link Farbe Section */

section#angebote a, section#kontakt a {
	color: #ef842e;
	text-decoration: underline;
}

section#angebote a:hover, section#kontakt a:hover {
	color: #fff;
	background-color: #ef842e;
	text-decoration: none;
	/*padding: 0 5px;*/
}

/* Überschriften Font Family */

h1, h2, h3, h4, h5, h6 {
	font-family: 'frutiger','Helvetica Neue',Arial,sans-serif;
}

/* Header Image Background Overlay */

@media (max-width:991px) {
	.masthead::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgb(255,255,255);
		opacity: .85;
		min-height: 723px;
		max-height: 773px;
		/* border: 1px solid; */
		/* height: calc(10rem - 73px); */
	}
}


/* Header Background Image */

header.masthead {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 73px;
	height: calc(100vh - 73px);
	max-height: 700px;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width:767px) {
	header.masthead {
		background-image: url(../img/header-mobile.jpg);
		background-position: center center;
		padding-top: 0; /* 3rem */
		padding-bottom: 50px;
		min-height: 650px;
	}

	header.masthead h1 {
	font-size: 2.4rem;
	}

	a.btn {
	margin: auto;
	display: block;
	max-width: 250px;
	}

	section {
	padding: 6rem 0;
	}

}

@media (min-width:768px) {
	header.masthead {
		background-position: right top;
		min-height: 650px;
	}
}

@media (min-width:1500px) {
	header.masthead {
		max-height: 800px;
	}
}

@media (min-width:1700px) {
	header.masthead {
		max-height: 900px;
	}
}

@media (min-width:1900px) {
	header.masthead {
		max-height: 1000px;
	}
}

/* Header h1 Farbe */

header.masthead h1 {
	color: #ef842e;
}

@media (min-width:768px) and (max-width:1599px) {
	header.masthead h1 {
		font-size: 3.3rem;
	}
}

/* Titel und Untertitel weißer Hintergrund */
/* 
@media (min-width:992px) {
.title-bg-white {
		background-color: rgba(255,255,255,1);
		padding: 0px 9px 3px 0px; /* 6px 12px 8px 0px; */
/*		margin: 0 -9px 0 0;
	}
}
*/

/* Hover Image-Caption */
.portfolio-box .portfolio-box-caption {
	background: rgba(0,0,0,.2);
}


/* hr Ausrichtung links und Farbe */

header.masthead hr {
	margin-left: 0;
	border-color: #ef842e;
}

hr {
	border-color: #ef842e;
}

/* Hervorgehobener Text Farbe */

.text-primary {
	color: #ef842e !important;
}

/* Button Farbe */

.btn {
	font-weight: normal;
	font-size: 1.15rem;
	text-transform: none;
	font-family: 'frutiger','Helvetica Neue',Arial,sans-serif;
	letter-spacing: 0.4px;
}

/* Hervorgehobener Button Farbe */

.btn-primary {
	background-color: #ef842e;
	border: 1px solid #ef842e;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {

	background-color: #fff !important;
	border: 1px solid #ef842e;
	color: #ef842e;
}

/* Hervorgehobener Hintergrund Farbe */
.bg-primary {
	background-color: #ef842e !important;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-family: 'frutiger','Helvetica Neue',Arial,sans-serif;
}

/* Font lokal einbinden */

/* Frutiger55 Roman */
@font-face {
    font-family: 'frutiger';
    font-display: auto;
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/frutiger-roman-webfont.eot'); /* IE9 Compat Modes */
    src: url('../webfonts/frutiger-roman-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfonts/frutiger-roman-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../webfonts/frutiger-roman-webfont.woff') format('woff'), /* Modern Browsers */
         url('../webfonts/frutiger-roman-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../webfonts/frutiger-roman-webfont.svg#frutiger55_roman') format('svg'); /* Legacy iOS */
}


/* Google fonts lokal einbinden */

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

/* merriweather-300italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-display: auto;
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'),
       url('../fonts/merriweather-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-300italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}

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

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

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

/* merriweather-700italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/merriweather-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'),
       url('../fonts/merriweather-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-700italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}

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

/* merriweather-900italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-display: auto;
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/merriweather-v19-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Black Italic'), local('Merriweather-BlackItalic'),
       url('../fonts/merriweather-v19-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-900italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}