/*
Theme Name:   Athenion
Description:  Child-Theme von Twenty Thirteen
Author:       Ralf Haubert
Author URI:   https://www.athenion.de/
Template:     twentythirteen
Version:      1.0
*/


/* ANFANG - allgemeine Styles */
html {
	font-size: 108%;
	background-color: #555555;
}
body {
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
}
.site {
	background: none;
	max-width: 2200px;
	border: none;
}
.hdCt, .site-footer .widget-area, .hentry {
    max-width: 1080px;
}
address { font-style: normal; }
a, a:active { color: #942536; }
a:hover { color: #b05d6a; }
b, strong { font-weight: 600; }
.tbl { display: table; }
.tblRw { display: table-row; }
.tblCl { display: table-cell; }
/* ENDE - allgemeine Styles */


/* ANFANG - Kopfzeile */
.site-header {
	/* background: #942536 url("https://wp.athenion.de/wp-content/uploads/2020/04/seitenbreiter-hintergrund.png") no-repeat center top; */
	background: white;
}
.hdCt {
	margin: 0 auto;
}
.site-header .home-link {
	display: block;
	padding-top: 26px;
	padding-bottom: 26px;
}
.site-header .home-link .logo {
	max-width: 100%;
	height: auto;
}
.site-header .home-link, .navbar { max-width: none; }
.site-header .home-link { min-height: auto; }
.navbar {
	border-top: 5px solid #fcfcf2;
	background-color: #942536;
	color: #fcfcf2;
}
.nav-menu li a {
	color: #f2f2fc;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	background-color: #b05d6a;
	color: #f2f2fc;
	font-style: normal;
}
.nav-menu .sub-menu .current_page_item > a, .nav-menu .sub-menu .current_page_ancestor > a, .nav-menu .sub-menu .current-menu-item > a, .nav-menu .sub-menu .current-menu-ancestor > a { background-color: #942536; }

.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
	background-color: #b05d6a; 
}
.nav-menu .sub-menu, .nav-menu .children {
	background-color: #b05d6a;
	/* border: 2px solid #f7f5e7; */
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
	background-color: #33abd9;
	background-color: rgba(255,255,255,0.2);
}
.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover { background-color: #942536; }
.toggled-on .nav-menu .sub-menu .current_page_item > a, .toggled-on .nav-menu .sub-menu .current_page_ancestor > a, .toggled-on .nav-menu .sub-menu .current-menu-item > a, .toggled-on .nav-menu .sub-menu .current-menu-ancestor > a {
	background-color: #942536;
	color: #FFF;
}
.site-header .search-field {
	background-image: url("/wp-content/themes/athenion/images/search-icon.png");
}
.site-header .search-field:focus {
	background-image: url("/wp-content/themes/athenion/images/search-icon.png");
}
/* ENDE - Kopfzeile */


/* ANFANG - Inhalt */
.site-main {
	background-color: #FFF;
	/* border-top: 1px solid #fcfcf2; */
	background: #555555 url("/wp-content/themes/athenion/images/athenion-hintergrund.jpg") repeat;
	-webkit-box-shadow: 0px 10px 10px 0px #444;
	box-shadow: 0px 10px 10px 0px #444;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.25);
}
.overlay {
	/* border-top: 1px solid #e3e3e3; */
	border-bottom: 1px solid #8a8a8a;
	background: transparent url("/wp-content/themes/athenion/images/light-overlay.png") repeat-y top center;
	padding-bottom: 1em;
}
.site-content p, .site-content li { line-height: 1.6em; }
.breadcrumbs {
	max-width: 1080px;
	margin: 30px auto 0 auto;
	padding: 0 20px;
}
.breadcrumbs a, .breadcrumbs a.home { color: #942536; }
.hentry {
	margin: 0 auto;
	/* background-color: #fcfcf2; */
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.entry-content *:first-child { margin-top: 0; }
.entry-content a, .entry-content a, .comment-content a:active, .comment-content a:active {
	color: #942536;
	text-decoration: underline;
}
.entry-content a:hover, .comment-content a:hover {
	color: #b05d6a;
}
.entry-header { margin-bottom: 0; }
.entry-title {
	margin: 0.5em 0;
}
.entry-header, .entry-content, .entry-summary, .entry-meta { max-width: none; }
.entry-title, .entry-title a, h1, h2, h5, h6  {
	font-family: 'Open Sans', Times, Serif;
	font-weight: 300;
	font-style: regular;
	color: #FFFFFF;
}
.entry-title a:hover {
	color: #b05d6a;
}
h1, .entry-title {
	font-size: 2em;
	margin: 1em 0;
}
h2 {
	font-size: 1.5em;
	margin: 1em 0;
}
h3 {
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-weight: 600;
	color: #333;
	font-size: 1.2em;
	margin: 1em 0;
}
h4 {
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-weight: 600;
	color: #333;
	font-size: 1em;
	margin: 1em 0;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; }
.entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; }

/* Contact Form */
.wpcf7-textarea { width: 100%; }
span.datenschutz span.wpcf7-list-item { margin: 0; }
.wpcf7 button, .wpcf7 input, .wpcf7 textarea, .wpcf7 button:focus, .wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #942536; }
.wpcf7 input, .wpcf7 textarea, .wpcf7 button, .wpcf7 input[type="submit"], .wpcf7 input[type="button"], .wpcf7 input[type="reset"] { transition: moz-box-shadow, -webkit-box-shadow, box-shadow 125ms ease-in-out; }
.wpcf7 input:hover, .wpcf7 textarea:hover, .wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 button:hover, .wpcf7 button:focus, .wpcf7 input[type="submit"]:hover, .wpcf7 input[type="button"]:hover, .wpcf7 input[type="reset"]:hover, .wpcf7 input[type="submit"]:focus, .wpcf7 input[type="button"]:focus, .wpcf7 input[type="reset"]:focus {
	moz-box-shadow: 0px 0px 8px #BBBBBB;
	-webkit-box-shadow: 0px 0px 8px #BBBBBB;
	box-shadow: 0px 0px 8px #BBBBBB;
	border: 1px solid #b05d6a;
}
.wpcf7 button, .wpcf7 button, .wpcf7 input[type="submit"], .wpcf7 input[type="button"], .wpcf7 input[type="reset"], .wpcf7 input[type="submit"], .wpcf7 input[type="button"], .wpcf7 input[type="reset"] {
	background: #942536;
	color: #FFF;
}
.wpcf7 button:hover, .wpcf7 button:focus, .wpcf7 input[type="submit"]:hover, .wpcf7 input[type="button"]:hover, .wpcf7 input[type="reset"]:hover, .wpcf7 input[type="submit"]:focus, .wpcf7 input[type="button"]:focus, .wpcf7 input[type="reset"]:focus {
	background: #b05d6a;
	border: 1px solid #942536;
}
.mandatory { color: #942536; }

/* Youtube responsive */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.direktkontakt {
	background-color: #942536;
	color: #FFF;
	padding: 1em;
	margin: 0;
	list-style: none;
}
.direktkontakt li {
	display: inline;
	white-space: nowrap;
	padding-right: 1.4em;
}
.direktkontakt li:first-child {
	padding-left: 0.5em;
}
.direktkontakt li:last-child {
	padding-right: 0;
}
.direktkontakt li i {
	font-size: 1.8em;
	vertical-align: bottom;
}
.direktkontakt a, .direktkontakt a:active, .direktkontakt a:hover {
	color: #FFF;
	text-decoration: none;
}
.direktkontakt a:hover {
	text-decoration: underline;
}

.wp-block-button .wp-block-button__link {
	border-bottom: 3px solid green;
}
.post-navigation {
	background-color: #fcfcf2;
	font-style: normal;
}
.post-navigation.navigation a:hover {
    color: #b05d6a;
    text-decoration: underline;
}
/*
.archive-title, .archive-meta {
    font: 300 italic 30px 'Open Sans', Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%;
}
*/
.archive-title, .archive-meta {
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-weight: 600;
	color: #333;
	font-style: normal;
	font-size: 1.2em;
	margin: 0 auto;
	max-width: 1040px;
	padding: 15px 0;
	width: 100%;
	margin-top: 1em;
}
/* ENDE - Inhalt */


/* ANFANG - Fußzeile */
.site-footer .sidebar-container {
	background-color: #555555;
}
.site-footer .widget {
	margin-bottom: 0;
	padding-bottom: 0;
}
.site-footer .widget-area {
	padding-left: 0;
	padding-right: 0;
}
.site-footer .widget a { color: #FFF; }
/* ENDE - Fußzeile */



/* ANFANG - Responsive */
@media (max-width: 944px) {
	/* ANFANG - Kopfzeile */
	.nav-menu li a {
		font-size: 14px;
		padding: 15px 10px;
	}
	.site-header .home-link {
		padding-right: 10px;
		padding-left: 10px;
	}
	/* ENDE - Kopfzeile */
	
	/* ANFANG - Inhalt */
	.hentry {
		padding-right: 10px;
		padding-left: 10px;
	}
	/* ENDE - Inhalt */

	/* ANFANG - Fußzeile */
	.site-footer .widget {
		padding: 20px 10px 0 10px;
	}
	/* ENDE - Fußzeile */
}
@media (max-width: 750px) {
	/* ANFANG - Inhalt */
	.direktkontakt li {
		display: list-item;
		white-space: normal;
		padding-right: 0;
		padding: 0.5em 0;
	}
	.direktkontakt li:first-child {
		padding-left: 0;
	}
	/* ENDE - Inhalt */
}
@media (max-width: 700px) {
	/* ANFANG - Kopfzeile */
	.site-header .home-link {
		padding-right: 6px;
		padding-left: 6px;
	}
	.nav-menu li a {
		font-size: 14px;
		padding: 15px 6px;
	}
	/* ENDE - Kopfzeile */

	/* ANFANG - Inhalt */
	.hentry {
		padding-right: 6px;
		padding-left: 6px;
	}
	/* ENDE - Inhalt */

	/* ANFANG - Fußzeile */
	.site-footer .widget {
		padding: 20px 6px 0 6px;
	}
	/* ENDE - Fußzeile */
}


@media (max-width: 643px) {
	/* ANFANG - Kopfzeile */
	.site-header {
		background: #942536 url("https://wp.athenion.de/wp-content/uploads/2020/04/mobiler-hintergrund.png") no-repeat center -10px;
	}
	.site-header .home-link {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
		padding: 2px 20px 2px 12px;
		color: #FFF;
	}
	.nav-menu .sub-menu, .nav-menu .children { border: none; }
	.menu-toggle {
		font-size: 35px;
		color: #FFF;
	}
	/* ENDE - Kopfzeile */

	/* ANFANG - Inhalt */
	.entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title { font-size: 2em; font-weight: normal; }
	#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
		padding-left: 0px;
		padding-right: 0px;
	}
	/* ENDE - Inhalt */

	/* ANFANG - Fußzeile */
	.site-footer .textwidget { line-height: 2em; }
	/* ENDE - Fußzeile */
}
@media (max-width: 350px) {
	/* ANFANG - Kopfzeile */
	.site-header {
		background: #942536;
	}
	.site-header .home-link {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0;
	}
	/* ENDE - Kopfzeile */
}
/* ENDE - Responsive */