/* TYPO */

/* lato-regular - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'),
		 url('../fonts/lato-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/lato-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

  /* lato-700 - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'),
		 url('../fonts/lato-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/lato-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body { font-family: 'Lato', sans-serif; color: #58585a; font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

h1 { font-size: 23px; color: #D1002D; text-transform: uppercase; }
h2,
h2.widgettitle { font-size: 17px; margin-bottom: 12px; }
h3 { font-size: 16px; }

a { color: #D1002D; text-decoration: underline; }

a:hover,
a:focus,
a:active { color: #D1002D; outline: none; }

ul { padding-left: 1.1em; }


/* LAYOUT  */

html, body { height: 100%; }
.wrapper { max-width: 1050px; margin: 0 auto; position: relative; }
[off-canvas] { background: #D1002D; }
[canvas=container] { background-color: #f1eadf; }



/* background image */
.bg-top {
	background-image: url(../img/bg-top.png);
	background-repeat: no-repeat;
	background-position: left 80px bottom 10px;
	background-size: 100% auto;
}

.bg-bottom {
	background-image: url(../img/bg-bottom.png);
	background-repeat: no-repeat;
	background-position: left top 50px;
	background-size: 100% auto;
}



/* header */

.top { overflow: hidden; }

.site-header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 46.5vw;
	position: relative;
	margin-bottom: 25px;
	overflow: hidden;
}
@media (min-width: 992px) {
	.site-header { height: 550px; }
}

.site-header > .wrapper { height: 100%; }

.logo { display: inline-block; width: 160px; margin: 14px; }
.logo img { width: 100%; height: auto; }
@media (min-width: 768px) {
	.logo { width: 250px; }
}
@media (min-width: 992px) {
	.logo { width: 315px; }
}

.site-header .circle {
	display: none;
	opacity: 0;
	position: absolute;
	border-radius: 50%;
	border: 2px solid #D1002D;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	animation-name: show-circle;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.site-header .circle.one {
	animation-delay: 1s;
}
.site-header .circle.two {
	animation-delay: 1.3s;
}

@media (min-width: 992px) {

	body.page-id-2 .circle.one { display: block; top: 20px; left: -50px; width: 430px; height: 430px; background-image: url(../img/circle/Startseite_1.jpg); }
	body.page-id-2 .circle.two { display: block; top: 215px; left: 210px; width: 300px; height: 300px; background-image: url(../img/circle/Startseite_2.jpg); }

	body.page-id-7 .circle.one { display: block; top: 65px; left: -50px; width: 340px; height: 340px; background-image: url(../img/circle/Therapien_1.jpg); }

	body.page-id-9 .circle.one { display: block; top: 35px; right: -50px; width: 460px; height: 460px; background-image: url(../img/circle/Praxis_1.jpg); }

	body.page-id-11 .circle.one { display: block; top: 81px; right: -130px; width: 440px; height: 440px; background-image: url(../img/circle/Ueber_mich_2.jpg); }
	body.page-id-11 .circle.two { display: block; top: 25px; right: 150px; width: 330px; height: 330px; background-image: url(../img/circle/Ueber_mich_1.jpg); }

	body.page-id-15 .circle.one { display: block; z-index: 999; top: 20px; left: -50px; width: 430px; height: 430px; background-image: url(../img/circle/Kontakt_2.jpg); }
	/*body.page-id-15 .circle.two { display: block; top: 225px; left: 300px; width: 300px; height: 300px; background-image: url(../img/circle/Kontakt_2.jpg); }*/

}


@keyframes show-circle {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



/* FOOTER */

.site-footer { padding-top: 50px !important; margin-top: 50px !important; padding-bottom: 50px !important; }
.site-footer .copyright { text-align: center; margin: 10px 0 0; }
.site-footer h1 { margin-top: 0; }
.site-footer hr { border-top: 2px solid #D1002D; }
.site-footer .logo-footer { display: none; position: absolute; top: -40px; left: -40px; width: 105px; }
@media (min-width: 1160px) {
	.site-footer .logo-footer { display: block; }
}


/* News Widget Footer */

.widget_recent_entries {  }
.widget_recent_entries h2 { display: none; }
.widget_recent_entries ul { list-style-type: none; padding-left: 0; }
.widget_recent_entries li { margin-bottom: .5em; }
.widget_recent_entries .post-date { display: block; font-size: 14px; }



/* Sidebar Widgets */

.widget_categories a,
.widget_archive a,
.sidebar_tags a { text-decoration: none; }

.widget_categories ul,
.widget_archive ul,
.sidebar_tags { padding-left: 0; }

.widget_categories li,
.widget_archive li,
.sidebar_tags li { list-style-type: none;  }


/* AKTUELLES */

article.type-post { padding-bottom: 30px; margin-bottom: 30px; }
article.type-post .entry-header {}
article.type-post .entry-header .entry-title {}
article.type-post .entry-header .entry-title a { text-decoration: none; }
article.type-post .entry-header .entry-tags { font-size: 12px; margin-bottom: 2px; }
article.type-post .entry-header .entry-date-and-category { font-size: 12px; }



/* NAVIGATIONS */

ul.nav-main { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; }
ul.nav-main li { display: inline-block; margin: 0; padding: 0; position: relative; left: -5px; }
ul.nav-main li a { text-decoration: none; font-size: 20px; display: inline-block; text-transform: uppercase; color: #D1002D; padding: 5px; margin-left: 5px; }
ul.nav-main li a:hover,
ul.nav-main li a:focus,
ul.nav-main li a:active { text-decoration: none; color: #dbbd99; }
ul.nav-main li span { display: inline-block; height: 15px; }

body.page-id-2 .page-id-2 a { color: #dbbd99; }
body.page-id-7 .page-id-7 a { color: #dbbd99; }
body.page-id-9 .page-id-9 a { color: #dbbd99; }
body.page-id-11 .page-id-11 a { color: #dbbd99; }
body.page-id-15 .page-id-15 a { color: #dbbd99; }


ul.nav-left { list-style: none; margin: 0; padding: 0; }
ul.nav-left li { margin: 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
ul.nav-left li a { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff; padding: 15px; }
ul.nav-left li a:hover,
ul.nav-left li a:focus,
ul.nav-left li a:active { text-decoration: none; }
ul.nav-left li span { display: none; }


ul.nav-footer { text-align: center; list-style: none; padding: 0; margin: 40px 0 10px; }
ul.nav-footer li { margin: 0; padding: 0 5px; display: inline-block; }
ul.nav-footer li a { text-decoration: none; text-transform: uppercase; color: #D1002D; font-weight: 700; font-size: 16px; }
ul.nav-footer li a:hover,
ul.nav-footer li a:focus,
ul.nav-footer li a:active { text-decoration: none; }
ul.nav-footer li a.print { font-size: 1.8em; cursor: pointer; margin-right: 10px;}


@media (min-width: 768px) {
	ul.nav-footer li { padding: 0 10px;}
}


/* BS Accordion */

/* reset */
.panel-default { border: none; background-color: transparent; box-shadow: none; }
.panel-group { margin-top: 20px; }
.panel-group .panel { border-radius: 0; }
.panel-default > .panel-heading { background-color: transparent; }
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body { border: none; }
.panel-group .panel+.panel { margin-top: 0; }

/* style */
.panel-default { border-top: 2px solid #D1002D; }
.panel-default > .panel-heading .panel-title a { font-size: 17px; text-decoration: none; color: #58585a; }
.panel-group .panel-heading + .panel-collapse > .panel-body { max-width: 710px; }

/* Einzug links */
.panel-default { padding-left: 30px; position: relative; }

/* icon */
.panel-default > .panel-heading .panel-title a:before { content: "\f01a"; font-family: FontAwesome; color: #D1002D; font-size: 22px; font-weight: 400; position: absolute; left: 10px; top: 7px; transition: 220ms ease-in-out; }
.panel-default > .panel-heading .panel-title a:not(.collapsed):before { transform: rotate(180deg); }


/* Contact Form 7 */
div.wpcf7-response-output { margin: 0; }
span.wpcf7-not-valid-tip { color: #D1002D; font-size: .8em; }
div.wpcf7-validation-errors { border: 2px solid #D1002D; }
.control-label:after { content: " *"; color: transparent; }
.control-label.required:after { color: #D1002D; }



/* hamburger */

.hamburger {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 35px;
	height: 40px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 8px;
	width: 100%;
	background: #D1002D;
	border-radius: 8px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) { top: 0px; }
.hamburger span:nth-child(2) { top: 14px; }
.hamburger span:nth-child(3) { top: 28px; }

.hamburger.open span:nth-child(1) {
	top: 14px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

.hamburger.open span:nth-child(3) {
	top: 14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/* button */

.btn {
	background-color: #D1002D;
	border: none;
	text-decoration: none;
}

.btn:hover,
.btn:active,
.btn:focus {
	background-color: #D1002D !important;
	text-decoration: none;
}



/* Bootstrap Shortcode fix */
[class^="col-"] + br { display: none; }