/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
body {
	overflow: unset;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
	letter-spacing: 1.5px !important;
}

h1.entry-title {
	font-style: normal;
	padding:    36px;
	color:      #fff;
}

@media only screen and (min-width: 768px) {
	h1.entry-title {
		padding: 0;
		width:   60%;
	}
}

.entry-wrap h1.entry-title {
	padding-left:  60px;
	padding-right: 60px;
}

.entry-header .entry-wrap {
	background-color: #c6d334;
	border-radius:    0;
}

h2.h4 {
	margin-top: 0;
}

h3, .h3, h3.h-custom-headline {
	font-size:  174%;
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	h3, .h3, h3.h-custom-headline {
		font-size:     228.5%;
		margin:        0;
		margin-bottom: 10px;
	}
}

a:hover, a:focus {
	text-decoration: none;
}

body .site, body .x-site {
	max-width: 960px;
}

body .x-container.width {
	width: 100%;
}


.direktdownload img {
	width: 30px;
}

@media only screen and (min-width: 768px) {
	body .x-container.width {
		padding-left:  60px;
		padding-right: 60px;
		clear:         both;
	}
}

.x-boxed-layout-active .has-post-thumbnail .entry-featured {
	border: 0;
}

@media only screen and (min-width: 768px) {
	.entry-title {
		width: 450px;
	}
}

.x-boxed-layout-active .entry-wrap {
	border: 0;
}

.entry-wrap {
	box-shadow:  none;
	padding-top: 0;
	/*display: inline-block;
	float: right;*/
	padding:     0;
}

@media only screen and (min-width: 768px) {
	.entry-wrap {
		padding: 36px 0;
	}
}

.entry-content {
	padding:    0 36px 36px;
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.entry-content {
		padding:    0;
		margin-top: 1.25em;
	}
}

.hentry {
	margin-top: 0;
}

/*** BUTTON ***/

body .x-btn, body .button, body [type="submit"] {
	text-shadow:      none;
	border-radius:    0;
	padding:          15px 30px;
	background-color: #c6d334;
	color:            #272727;
	box-shadow:       0 0 5px rgba(0, 0, 0, 0.125);
	box-shadow:       none;
	width:            100% !important;
}

body .x-btn:hover, body .button:hover, body [type="submit"]:hover {
	color:       #272727;
	text-shadow: none;
}

/*** HEADER ***/

body .x-brand {
	float:      none;
	text-align: center;
}

@media only screen and (min-width: 500px) {
	body .x-brand {
		float:         left;
		padding-right: 20px;
		text-align:    left;
		margin-top:    14px;
	}
}

@media only screen and (min-width: 980px) {
	body .x-brand {
		margin-top: 22px;
	}

}

.x-topbar {
	background-color: #00508e;
}

header .x-topbar-inner .p-info {
	color:            #fff;
	line-height:      2;
	background-color: #00508e;
	width:            100%;
}

@media only screen and (min-width: 768px) {
	header .x-topbar-inner .p-info {
	}
}

header .x-topbar .x-social-global {
	display: none;
}

header .x-topbar .p-info, header .x-topbar .p-info a {
	color:           #fff;
	border-bottom:   0;
	text-decoration: none;
}

header .x-topbar .p-info a {
	white-space:   nowrap;
	padding-right: 5px;
	padding-left:  5px;
	float:         right;
}

header .x-topbar .p-info a:first-child {
	padding-right: 0;
	padding-left:  8px;
}

header .x-topbar .p-info a:first-child .top-txt {
	padding-right: 0;
}

header .x-topbar .p-info a:hover, header .x-topbar .p-info a:focus {
	color:   #fff;
	opacity: 0.8;
}

@media only screen and (max-width: 767px) {
	.x-topbar .p-info {
		padding: 0.8em 0 1em;
	}
}

header .dashicons-phone {
	position:  absolute;
	font-size: 18px;
}

header .top-txt {
	margin-left:   25px;
	padding-right: 10px;
}

header .dashicons-location, header .dashicons-email-alt {
	position: absolute;
}

header .dashicons-location {
	top: auto;
}

header .x-container.width {
	padding-left:  25px;
	padding-right: 25px;
}

@media only screen and (min-width: 768px) {
	header .x-container.width {
		padding-left:  60px;
		padding-right: 60px;
		clear:         both;
	}
}

.x-topbar-inner.x-container.width {
	padding: 4px 10px 0 5px;
}

@media only screen and (min-width: 768px) {
	.x-topbar-inner.x-container.width {
		padding: 0 60px;
	}
}

/*** NAVIGATION ***/

body .x-navbar .desktop .x-nav > li > a:hover, body .x-navbar .desktop .x-nav > .x-active > a,
body .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none;
}

.x-navbar .desktop .x-nav > li:first-child a, .x-navbar .desktop .x-nav > li:first-child a:not(.x-btn-navbar-woocommerce) {
	padding-left: 0;
}

.x-navbar .desktop .x-nav li > a > span::after {
	/*content: "\f103";*/
	content:     "";
	/*margin-left: 0.35em;*/
	margin-left: 0;
}

.x-navbar.x-navbar-fixed-top.x-container.max.width {
	padding-left:  0;
	padding-right: 0;
}

body .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-right: 5px;
}

@media only screen and (min-width: 1099px) {
	body .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		padding-right: 5px;
	}

}

body .x-navbar-inner {
	text-align: center;
}

@media only screen and (min-width: 500px) {
	body .x-navbar-inner {
		text-align: left;
		min-height: 80px;
	}
}

@media only screen and (min-width: 980px) {
	body .x-navbar-inner {
		min-height: 90px;
	}
}

.x-navbar {
	box-shadow:    none;
	border-bottom: 0;
}

.masthead-inline .x-btn-navbar {
	display:          inline-block;
	float:            none;
	margin-bottom:    20px;
	background-color: #c6d334;
}

@media only screen and (min-width: 500px) {
	.masthead-inline .x-btn-navbar {
		display:       block;
		float:         right;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 980px) {
	.masthead-inline .x-btn-navbar {
		display: none;
	}
}

.masthead-inline .x-btn-navbar.collapsed {
	background-color: #c6d334;
	color:            #272727;
	text-shadow:      none;
	border-radius:    0;
}

.desktop .sub-menu {
	font-size:      12px;
	min-width:      150px;
	border-radius:  0;
	box-shadow:     0 3px 5px rgba(0, 0, 0, 0.15);
	font-family:    "Lato", sans-serif;
	font-style:     normal;
	font-weight:    700;
	letter-spacing: 0.182em;
	text-transform: uppercase;
	/*
	*/
}

/*** FOOTER ***/

.x-colophon.bottom .x-colophon-content {
	margin: 20px 0 10px;
}

footer.x-colophon.top {
	background-color: #00508e;
	padding:          30px 0 45px;
}

@media only screen and (min-width: 768px) {
	footer.x-colophon.top {
		padding: 4% 0;
	}
}

.x-colophon.top a {
	color: #fff;
}

#comments {
	display: none;
}

footer .x-container.width {
	width:         100%;
	padding-left:  25px;
	padding-right: 25px;
}

@media only screen and (min-width: 768px) {
	footer .x-container.width {
		padding-left:  60px;
		padding-right: 60px;
		clear:         both;
	}
}

/*** SINGLE ***/

.single .entry-title {
}

.single .entry-featured {
	margin-top: -137px;
	max-height: 600px;
	overflow:   hidden;
}

.entry-back {
	background-color: #c6d334;
}

.entry-back a {
	margin:  0 auto;
	display: block;
	padding: 15px 60px;
	color:   #272727;
}

.single .x-colophon.top {
	border-top: 0;
}

/*** WIDGET ***/

.h-widget {
	color: #fff;
}

.widget {
	text-shadow: none;
	color:       #fff;
}

.widget ul, .widget ol {
	border:        0;
	border-radius: 0;
	box-shadow:    none;
}

footer .widget ul li a, footer .widget ol li a, footer .x-comment-time {
	color: #fff;
}

footer .widget_nav_menu ul li a, footer .widget_meta ul li a, footer .widget_pages ul li a {
	box-shadow: none;
}

.textwidget {
	font-size: 14px;
}

.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

body .widget_nav_menu .current-menu-item > a {
	background-color: rgba(255, 255, 255, 0.35);
	color:            #fff;
}

/*** ACCORDION ***/

.x-accordion {
	border-top: 5px solid #00508e;
}

.x-accordion-group {
	border:        0;
	box-shadow:    none;
	border-bottom: 3px solid #00508e;
	margin-bottom: 0;
}

.x-accordion-heading, .x-accordion-heading .x-accordion-toggle, .x-accordion-heading .x-accordion-toggle.collapsed {
	background-color: transparent;
	text-transform:   uppercase;
	color:            #00508e;
	font-weight:      600;
	letter-spacing:   1.5px;
	padding-left:     0;
}

.x-accordion-heading .x-accordion-toggle:before, .x-accordion-heading .x-accordion-toggle.collapsed:before {
	color: rgb(178,26,26) !important;
}

.x-accordion-inner {
	border:       0;
	padding-top:  0;
	padding-left: 0;
}

.x-accordion-inner a {
	color: rgb(178,26,26);
}

.x-accordion-inner a:hover {
	color: rgb(178,26,26);
}

.x-accordion-inner p {
	margin-bottom: 0;
}

/*** CLEARFIXES ***/

.clearfix-2, .clearfix-3 {
	display: none;
}

@media only screen and (min-width: 768px) {
	.clearfix-2 {
		display: block;
		clear:   both;
	}
}

@media only screen and (min-width: 992px) {
	.clearfix-2 {
		display: none;
		clear:   none;
	}

	.clearfix-3 {
		display: block;
		clear:   both;
	}
}

/*** PAGES ***/

.page-sub-nav {
	padding: 20px 40px 0;
}

@media only screen and (min-width: 768px) {
	.page-sub-nav {
		padding: 20px 60px 0;
	}
}

.page-sub-nav ul {
	margin-left: 0;
}

.page-sub-nav ul li {
	list-style:  none;
	display:     inline-block;
	line-height: 3.5;
}

.page-sub-nav ul li.current_page_item a {
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

.page-sub-nav a {
	background-color: #00508e;
	padding:          10px 20px;
	margin-right:     10px;
	color:            #fff;
	box-shadow:       0 0 5px rgba(0, 0, 0, 0.125);
}

@media only screen and (min-width: 768px) {
	.page-sub-nav a {
		padding:          15px 30px;
		background-color: #c6d334;
		color:            #272727;
	}
}

.page-sub-nav a:hover, .page-sub-nav a:focus {
	opacity:         0.9;
	color:           #fff;
	text-decoration: none;
	box-shadow:      0 0 5px rgba(0, 0, 0, 1);
}

@media only screen and (min-width: 768px) {
	.page-sub-nav a:hover, .page-sub-nav a:focus {
		color: #272727;
	}
}

.fa-chevron-right {
	padding-right: 5px;
}

/*** HOME ***/

.front-box {
	background-color: transparent;
	color:            #fff;
	z-index:          9;
}

@media only screen and (min-width: 768px) {
	.front-box {
		position: absolute;
		right:    5px;
		top:      180px;
		width:    50%;
		padding:  15px 25px 0;
	}
}

.x-recent-posts a {
	border-radius: 0;
	border:        0;
	padding:       0;
	margin:        0;
	box-shadow:    none;
}

.home .x-recent-posts-img {
	border-top:              5px solid #00508e;
	border-top-left-radius:  0;
	border-top-right-radius: 0;
}

h3.h-recent-posts {
	color:       #00508e;
	font-weight: 600;
}

.home .entry-header {
	padding-top:      0;
	padding-bottom:   0;
	text-align:       left;
	background-color: #00508e;
}

.home .entry-wrap {
	float:       none;
	display:     block;
	padding-top: 60px;
	padding:     0;
}

.home .entry-header .entry-wrap {
	background-color: #00508e;
}

@media only screen and (min-width: 768px) {
	.entry-header .entry-wrap {
		padding: 36px 0;

	}

	.entry-header .entry-wrap .entry-title {
		line-height: 3rem;
	}
}

.home h1.entry-title {
	float:         none;
	width:         100%;
	color:         #fff;
	max-width:     960px;
	padding-left:  60px;
	padding-right: 60px;
}

.home .x-text {
	padding-top: 13px;
}

.home .el10 .x-text {
	border-top: 5px solid #00508e;
}

/*** BLOG ***/

.blog-entry {
	display:          block;
	padding:          36px;
	background-color: #fff;
	border-radius:    4px;
	padding-top:      0;
}

@media only screen and (min-width: 768px) {
	.blog-entry {
		padding: 0 0 40px;
	}
}

.a-box {
	margin-bottom:  50px;
	border-top:     5px solid #00508e;
	border-bottom:  3px solid #00508e;
	padding-bottom: 15px;
}

.a-box-persoenlich {
	border-bottom: 0;
}

.a-box h2, .a-box h3 {
	font-size:     20px;
	font-weight:   600;
	margin-bottom: 8px;
	margin-top:    10px;
	color:         #00508e;
}

@media only screen and (min-width: 768px) {
	.a-box .entry-featured {
		overflow: hidden;
	}
}

.a-box h2 a, .a-box h3 a {
	color: #00508e;
}

.page-id-97 .a-box .entry-featured {
	max-height: none;
}

.blog-box-content {
	padding: 15px 0 0;
}

.read-more-link {
	display:     block;
	font-size:   1em;
	font-style:  normal;
	font-weight: 400;
	line-height: 1;
	color:       #c6d334;
}

.read-more-link:hover, .read-more-link:focus {
	text-decoration: none;
	color:           #c6d334;
}

.more-link {
	display: none;
}

.blog-box-date {
	color:          #00508e;
	margin-bottom:  10px;
	font-size:      10px;
	text-transform: uppercase;
}

/*** NEWSLETTER ***/

.newsletter-archiv a {
	display: block;
}

.newsletter-archiv a i {
	padding-right: 10px;
}

.newsletter h2 {
	margin-top:  0;
	font-weight: 600;
	font-size:   171.4%;
}

.newsletter h2 .aktuell {
	color: #c6d334;
}

.newsletter h2 .archiv {
	color: #00508e;
}

.a-box-newsletter p {
	text-transform: uppercase;
	font-weight:    600;
}

/*** TEAM ***/

.page-template-template-layout-gubser-persoenlich h2.h3 {
	padding-top:    0;
	padding-bottom: 0;
	margin-bottom:  0;
	margin-top:     0;
}

@media only screen and (min-width: 768px) {
	.page-template-template-layout-gubser-persoenlich h2.h3 {
		padding-left: 60px;
	}
}

.page-template-template-layout-gubser-persoenlich .blog-entry {
	padding-top: 0;
}

.page-template-template-layout-gubser-persoenlich .a-box p, .page-template-template-layout-gubser-persoenlich .a-box a {
	font-size:     16px;
	margin-bottom: 0;
}

.page-template-template-layout-gubser-persoenlich .a-box h3 {
	color:       #00508e;
	font-weight: 600;
	margin-top:  0;
}

.page-template-template-layout-gubser-persoenlich .blog-box-content {
	padding: 15px 0;
}

/*** KOMPETENZEN ***/

.page-template-template-layout-gubser-kompetenzen h2 {
	font-size:   18px;
	font-weight: 600;
	padding-top: 15px;
}

.page-template-template-layout-gubser-kompetenzen.page-id-48 .el8 p {
	margin-bottom: 12.5px;
}

.page-template-template-layout-gubser-aktuell-php .a-box {
	border-bottom: none;
}

.page-template-template-layout-gubser-php .x-1-3 .x-text img {
	border-top: 5px solid #00508e;
}

.page-template-template-layout-gubser-php .el21 p,
.page-template-template-layout-gubser-php .el31 p {
	font-size:     16px;
	margin-bottom: 0;
}

.page-template-template-layout-gubser-php .x-text h3 {
	font-size:     20px;
	font-weight:   600;
	margin-bottom: 8px;
	color:         #00508e;
	margin-top:    0;
}

/**
Form
 */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
}

.x-btn:hover, .button:hover, [type="submit"]:hover {
	text-shadow: none;
}

.small-p p:not(:last-child) {
	margin-bottom: .35em !important;
}

/**
Page
 */
.site,
#top {
  border: none;
  box-shadow: none;
}