/* Roboto */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url("../../psychotherapie-website/fonts/open-sans-v34-latin-600.eot"); /* IE9 Compat Modes */
	src: local(""),
		url("../../psychotherapie-website/fonts/roboto-v30-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-regular.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-regular.woff")
			format("woff"),
		/* Modern Browsers */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-regular.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-regular.svg#OpenSans")
			format("svg"); /* Legacy iOS */
}

@font-face {
	font-family: "Roboto";
	font-weight: 700;
	src: url("/psychotherapie-website/fonts/open-sans-v34-latin-300italic.eot"); /* IE9 Compat Modes */
	src: local(""),
		url("../../psychotherapie-website/fonts/roboto-v30-latin-700.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-700.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-700.woff")
			format("woff"),
		/* Modern Browsers */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-700.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../../psychotherapie-website/fonts/roboto-v30-latin-700.svg#OpenSans")
			format("svg"); /* Legacy iOS */
}

body {
	font-family: Roboto, "Myriad Pro", Arial, sans-serif !important;
	font-size: 95%;
	color: #777570 !important;
}

.logo-box img {
	width: 330px !important;
	max-width: 85%;
}

* {
	font-family: Roboto, "Myriad Pro", Arial, sans-serif !important;
}

.content-box .box.box-hint {
	color: #a72f47;
}

a {
	color: #a72f47;
}

.box-form .group .controls input.btn {
	background-color: #a72f47;
	border-color: #a72f47;
}

h1 {
	font-size: 2em;
}

p,
.content-box ul li,
.content-box ol li,
label {
	font-size: 1.1rem;
	line-height: 1.4em;
}

.content-box .box.box-info ul li {
	font-size: 1rem;
}

footer.content-box ul li {
	font-size: 1rem;
}

@media only screen and (min-width: 768px) {
	.header-box header .logo-box {
		padding-top: 20px;
	}
}

ul li::before {
	top: -1px;
}

.slider-bg
	.slider-container
	.box-slider
	.slide
	.box.box-info
	.txt-container
	h3 {
	font-size: 1.2em;
	padding-bottom: 35px;
	text-transform: uppercase;
}

.header-box header .logo-box h3 {
	background: transparent url("../images/border-logo-spiegel.png") no-repeat
		center top;
	padding-top: 15px;
}

.content-box .box.box-hint {
	font-style: normal;
}

footer {
	font-size: 0.91rem;
}

.wrapper nav ul li a {
	font-size: 1.3em;
}

small {
	font-size: 85% !important;
}

.box-form .hint {
	font-size: 0.91em;
}

.slider-bg
	.slider-container
	.box-slider
	.slide
	.box.box-info
	.txt-container
	h3 {
	background-image: none;
	position: responsive;
}

.slider-bg
	.slider-container
	.box-slider
	.slide
	.box.box-info
	.txt-container
	h3:before {
	background-color: #e1d9cc;
	position: absolute;
	left: 0px;
	top: 65px;
	display: block;
	height: 1px;
	width: 100%;
	content: "\0020";
}

.header-box header .logo-box h3 {
	font-family: Roboto, "Myriad Pro", Arial, sans-serif !important;
}

.header-box header .logo-box img {
	display: inline !important;
}

.content-box h2 {
	font-size: 1.5em;
}

.box-form .group .controls label {
	width: 100%;
	text-align: left;
}

input#dsgvo {
	width: auto;
	height: auto;
	margin-right: 5px;
}

@media (min-width: 768px) {
	.footer-box footer ul {
		float: right;
	}
}

@media (max-width: 580px) {
	.header-box header .logo-box h3 {
		line-height: 1.2em;
	}
	.header-box header .logo-box h3 span {
		font-size: 1.7em;
		line-height: 1.2em;
		padding-bottom: 25px;
	}
}

@media (max-width: 440px) {
	.header-box header .logo-box h3 span {
		font-size: 1.5em;
	}
}