/*
Theme Name: tj-sys
Theme URI: http://www.tj-sys.net
Author: Walter Stoeber
Author URI: http://web-on-the-docks
Description: Business-Site TJ-Systems GmbH
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tjs
Tags: blue
*/

/*--------------------------------------------------------------
HTML5 display definitions
--------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
Base
--------------------------------------------------------------*/

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
	font-size: 95%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.6;
	font-family: 'Open Sans', 'Helvetica neue', 'Arial', sans-serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
Custom Selections
--------------------------------------------------------------*/
::-moz-selection {
	background: #5e889e;
	color: #fff;
	text-shadow: none;
}

::selection {
	color: #fff;
	text-shadow: none;
	background-color: #5e889e;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
	color: #5e889e;
	text-decoration: none;
}

a:visited {
	color: #5e889e;
}

a:hover,
a:focus {
	color: #5e889e;
	text-decoration: underline;
}

a:focus {
	outline: 0;
}

a:active {
	background-color: #5e889e;
	color: #f6f3e3;
	text-decoration: none;
}

/*--------------------------------------------------------------
Browsehappy
--------------------------------------------------------------*/
.browsehappy {
	color: #fff;
	position: absolute;
	right: 2%;
	top: 1.5em;
	width: 40%;
	background-color: red;
	padding: 1em;
}

.browsehappy a {
	color: #fff;
	text-decoration: underline;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #E9E5D0;
	color: #000;
	text-decoration: none;
}

mark {
	background: #E9E5D0;
	color: #000;
	font-style: italic;
	font-weight: 700;
}

/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/*--------------------------------------------------------------
Screen-Reader-Text
--------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/*--------------------------------------------------------------
Lists
--------------------------------------------------------------*/
ul,
ol {
	margin: 0 0 2em 0;
	padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
	padding-left: .4em;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
Embedded Content
--------------------------------------------------------------*/

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
	overflow: hidden;
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0; /* vertical-align: baseline; */
	*vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button,
input {
	line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
	cursor: default;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* Colors for form validity */
input:invalid,
textarea:invalid {
	background-color: #f0dddd;
}

/*--------------------------------------------------------------
Searchform
--------------------------------------------------------------*/
.search-form {
	margin: 1em 0;
}

.search-field {
	padding: .6em .8em;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #666;
}

.search-submit {
	display: none;
}

.error404 .search-field,
.no-results .search-field {
	width: 50%;
}

/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

/*--------------------------------------------------------------
Chrome Frame Prompt
--------------------------------------------------------------*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}

/*--------------------------------------------------------------
Primary Styles
Author: Walter Stoeber
Date: 23.02.12
Updates: 06.12.13, 06.05.15
--------------------------------------------------------------*/
body {
	background-color: #fff;
	margin: 0 1em;
	color: #666;
}

h1 {
	color: #5e889e;
	margin: 1.5em 0 .8em;
	font-size: 160%;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2 {
	color: #5e889e;
	margin: 1.2em 0 .8em 0;
	font-size: 140%;
	font-weight: 400;
	letter-spacing: 1px;
}

h3 {
	font-size: 120%;
	color: #5e889e;
	font-weight: 400;
	margin: .6em 0 .6em 0;
	position: relative;
}

h4,
h5,
h6 {
	font-size: 120%;
	color: #5e889e;
	font-weight: 400;
	margin-top: 1.5em;
	margin-bottom: .5em;
}

.search,
.search:visited {
	color: #5e889e;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

img {
	max-width: 100%;
	height: auto;
}

#container {
	margin: 70px auto 0 auto;
	text-align: center;
	max-width: 960px;
	background-color: #f6f3e3;
	position: relative;
}

.lt-ie8 body {
	margin-top: 70px;
}

.lt-ie9 #container,
.lt-ie9 .site-footer {
	width: 960px;
}

/* HEADER */
.site-header {
	width: 100%;
	background: #5e889e url(img/hbg.png) no-repeat 0 0;
	text-align: left;
	position: relative;
	z-index: 1;
}

.branding {
	display: block;
	position: relative;
	top: -2em;
	left: 2em;
	float: left;
	text-decoration: none;
}

.site-description {
	color: #ffffff;
	font-weight: normal;
	margin-top: 2px;
	letter-spacing: 1px;
	font-size: 1em;
	text-align: center;
	display: block;
}

.branding,
.branding:visited,
.branding:hover,
.branding:active,
.branding:focus {
	color: transparent;
	background-color: transparent;
}

/*--------------------------------------------------------------
Service-Navigation (position:absolute)
--------------------------------------------------------------*/
#servnav {
	position: absolute;
	top: -4em;
	right: 0;
	margin: 0;
	padding: 0;
}

#servnav li {
	display: inline;
	padding: 0 .35em 0 .5em;
	border-left: 1px solid #5e889e;
	font-size: .760em;
}

#servnav li:first-child {
	border-left: none;
}

/*--------------------------------------------------------------
Main-Navigation
--------------------------------------------------------------*/

/* 1. Ebene */

.sf-menu {
	position: relative;
	left: 0;
	margin-left: 2em;
	margin-top: 3em;
	top: 1.3em;
	clear: both;
	float: left;
}

.sf-menu li {
	float: left;
}

.sf-menu a,
.sf-menu a:visited {
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	display: block;
	min-width: 3em;
	padding-left: 10px;
	color: #FFF;
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	background-image: url(img/btl.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.sf-menu a:active {
	background-color: transparent;
}

.current-menu-item > a > span {
	color: #FFF86E;
}

.sf-menu a span {
	display: block;
	padding: 8px 20px 10px 7px;
	background-image: url(img/btr.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/* 2. Ebene */
.sf-menu .sub-menu {
	position: absolute;
	top: -999em;
	left: 0;
	display: none;
	z-index: 99;
	width: 100%;
}

.sf-menu li:hover .sub-menu,
.sf-menu li.sfHover .sub-menu {
	top: 100%;
	z-index: 99;
	background: #5e889e;
	display: block;
}

.sf-menu .sub-menu a,
.sf-menu .sub-menu a:hover,
.sf-menu .sub-menu a:visited {
	background-image: url(none);
	text-align: left;
	padding: .5em 1em;
	font-size: 80%;
	font-weight: normal;
	color: #fff;
	display: block;
}

.sf-menu .sub-menu a span {
	display: inline;
	padding: 0;
	background-image: url(none);
}

.sub-menu {
	-khtml-border-radius: 8px;
	border-radius: 4px;
}

#undernav,
.site-footer {
	position: relative;
	background-color: #fff;
	height: 60px;
	top: -20px;
	margin-bottom: -20px;
}

/*--------------------------------------------------------------
Hauptteil
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Standard-Template (2 Columns)
--------------------------------------------------------------*/

#content {
	float: right;
	text-align: left;
	width: 70%;
	position: relative;
}

#left {
	float: right;
	text-align: left;
	width: 30%;	/*position: relative;*/
}

#right {
	float: right;
	text-align: left;
	width: 25%;
	position: relative;
	display: none;
}

#left,
#right,
#content {
	margin-top: 40px;
	margin-bottom: 2em;
}

.inner {
	margin: 1em;
	padding: 1em;
	position: relative;
}

#index #left .inner {
	margin-left: 0;
	padding-bottom: 0;
}

#firmen {
	margin-left: 0;
	text-align: center;
	padding-top: 2em;
	margin: 0;
}

/*--------------------------------------------------------------
3 Columns
--------------------------------------------------------------*/
#service #left {
	float: left;
	width: 25%;
}

#service #content {
	float: left;
	width: 50%;
}

#service #right {
	display: block;
	float: left;
	width: 25%;
}

#service .bg {
	background-color: #DDDACD;
}

#service .bg a,
#service .bg h1 {
	color: #fff;
	border-color: #fff;
}

#service #left .inner,
#service #right .inner {
	padding-bottom: 0;
}

/*--------------------------------------------------------------
Full-Width
--------------------------------------------------------------*/
#team #left {
	display: none;
}

#team #content {
	width: 100%;
	float: none;
}

#service #content .inner {
	margin-left: 0;
	margin-right: 0;
}


.site-footer {
	margin: 0 auto 20px auto;
	max-width: 960px;
	background: #5e889e url(img/hbg.png) 20px 0  no-repeat;
	height: 60px;
	z-index: -1;
}

.site-footer p {
	margin: 0;
	padding: 0;
	padding-top: 32px;
	padding-left: 80px;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: .2em;
	font-size: .7em;
}

.curved {
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

.curvnav {
	-khtml-border-radius: 8px;
	border-radius: 4px;
}

p.info {
	display: none;
}

a.teamviewer {
	display: block;
	width: 165px;
	height: 50px;
	background: transparent url(img/tv-big.png) no-repeat left top;
	text-decoration: none;
	padding: 10px 0 0 70px;
}



/*--------------------------------------------------------------
Pages and Articles
--------------------------------------------------------------*/
.hentry {
	margin-bottom: 3em;
}

.entry-content {

	/*margin-bottom: 1em;*/
	overflow: hidden;
}

.entry-footer {
	overflow: hidden;
	clear: both;
}

.entry-title a {
	text-decoration: none;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.entry-title a:hover {
	background-color: #5e889e;
	color: #fff;
}

.entry-title,
.subtitle,
.page-title {
	color: #5e889e;
	margin: 0;
	padding-bottom: 15px;
	font-size: 140%;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.title-description,
.subtitle-description {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 2px;
	padding-bottom: 20px;
	display: block;
	color: #5e889e;
	margin: 0;
}

.taxonomy-description {
	font-size: 14px;
	letter-spacing: 1px;
	padding-bottom: 5px;
	display: block;
	margin: 0;
}

.search .entry-header {
	margin-left: 0;
	text-align: left;
}

.search-no-results .page-title,
.error404 .page-title {
	color: #5e889e;
}

.taxonomy-description p {
	margin-bottom: 0;
}

/* Blog */
.entry-header,
.subtitle-wrapper,
.cpt-page-header,
.page-header {
	text-align: left;
	position: relative;
	margin: 0 0 2.5em;
}

.subtitle-wrapper {
	margin: 2.5em 0;
}

.blog .page-header {
	margin-bottom: 0;	/* Fixing Paragraph */
}

.entry-header,
.entry-content,
.entry-footer {
	margin-left: 125px;
}

.entry-header:after,
.subtitle-wrapper:after,
.cpt-page-header:after,
.search .page .entry-header:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 50%;
	border-bottom: 1px solid #5e889e;
}

.search .page-title,
.blog .page-title,
.archive .page-title,
.taxonomy-description,
.error404 .page-title {
	color: #888888;
	padding-bottom: 0;
}

/* Single */
.single .entry-header,
.page .entry-header,
.subtitle-wrapper,
.cpt-page-header {
	text-align: center;
	margin-bottom: 2.5em;
}

.single .entry-header:after,
.page .entry-header:after,
.subtitle-wrapper:after,
.cpt-page-header:after {
	left: 20%;
	right: 20%;
}

.single .entry-header,
.single .entry-content,
.single .entry-footer,
.page .entry-header,
.page .entry-content,
.page .entry-footer,
.search-results .entry-footer {
	margin-left: 0;
}

.single .title-description,
.page .title-description,
.subtitle-description {
	padding-left: 4em;
	padding-right: 4em;
}



/*--------------------------------------------------------------
Cards
--------------------------------------------------------------*/

.kontakt {
	background-color: #BDCFC0;
	border-radius: 8px;
	color: white;
	float: left;
	clear: both;
	width: 48%;
	margin: 1%;
}
.kontakt:nth-child(even) {
	clear: none;
}

.kontakt a,
.kontakt a:hover,
.kontakt a:focus {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.card-header {
	border-bottom: 1px dotted #ffffff;
	position: relative;
	padding: .5em 1em;
}
.kontakt .card-title {
	font-size: 1.4em;
	color: white;
	margin: 0;
}
.arbeitsbereich {
	color: #fff;
	font-size: .875em;
	letter-spacing: 1px;
}

.page .kontakt img,
.single .kontakt img {
	background-color: white;
	margin: 0;
	border-radius: 8px;
}
.kontakt .card-content {
	margin-right: 170px;
	line-height: 1.4;
	font-size: 14px;
}
.kontakt .card-content p {
	margin-bottom: .5em;
}
.kontakt .card-content .job-function {
	margin-bottom: 2em;
}

.kontakt .card-content-wrap {
	padding: 1em;
}

.kontakt .card-img {
	float: right;
	padding-left: 20px;
}

.card-footer {
	background-color: silver;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.single-mitarbeiter .post-navigation {
	clear: both;
	padding-top: 2em;
}
.single-mitarbeiter .inner {
		padding-left: 20%;
		padding-right: 20%;
	}

.single-mitarbeiter	.kontakt {
		width: 100%;
		margin: 1% 0;
	}

/*--------------------------------------------------------------
Search-Results
--------------------------------------------------------------*/
.search-results .entry-title {
	text-align: left;
}

.search-results .entry-header {
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
Edit-Link
--------------------------------------------------------------*/
.edit-link a {
	display: block;
	float: left;
	width: 1em;
	padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: 1em;
	color: #fff;
	text-align: center;
	background-color: #C0C0C0;
	width: 7em;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.edit-link a:active,
.edit-link a:hover,
.edit-link a:focus {
	background-color: #5e889e;
	text-decoration: none;
}

.card-footer {
}
.card-footer .edit-link {
}
.card-footer .edit-link a {
	background-color: transparent;
	float: none;
	display: block;
	text-align: left;
	padding: .5em 1em;
	width: auto;
	text-decoration: underline;
	border-bottom: none;
	font-size: 12px;
	margin: 0;
}

/*--------------------------------------------------------------
Continuing Reading
--------------------------------------------------------------*/
.more-link {
	padding: .25em;
}

/*--------------------------------------------------------------
Pagination-Navigation
--------------------------------------------------------------*/
.pagination {
	margin-left: 125px;
	overflow: hidden;
}

.search .pagination {
	margin-left: 0;
}

.pagination .page-numbers {
	display: block;
	float: left;
	min-width: 1em;
	background-color: #C0C0C0;
	padding: 4px 10px;
	margin-right: 5px;
	color: white;
	text-align: center;
	text-decoration: none;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers:active,
.pagination .current {
	background-color: #5e889e;
}

/*--------------------------------------------------------------
Post-Navigation
--------------------------------------------------------------*/
.nav-links .meta-nav {
	display: block;
	position: relative;
	padding-bottom: .8em;
	margin-bottom: .5em;
}

.nav-links .meta-nav:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 30%;
	right: 30%;
	border-bottom: 1px solid #fff;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
	display: block;
	background-color: #C0C0C0;
	padding: 10px;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	text-align: center;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.nav-links .nav-previous {
	float: left;
	width: 48%;
}

.nav-links .nav-next {
	float: right;
	width: 48%;
}

.nav-links a:hover,
.nav-links a:focus,
.nav-links a:active {
	background-color: #5e889e;
}

@media only screen and (max-width:550px) {
	.nav-links .nav-previous,
	.nav-links .nav-next {
		float: none;
		width: 100%;
		margin-bottom: 1em;
	}

}

/*--------------------------------------------------------------
Post-Pagination // Page-Pagination
--------------------------------------------------------------*/
.page-links {
	overflow: hidden;
	float: left;
}

.page-item {
	display: block;
	float: left;
	width: 1em;
	background-color: #5e889e;
	padding: 5px 10px;
	margin-right: 5px;
	color: white;
	text-align: center;
}

a .page-item {
	background-color: #C0C0C0;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

a:hover .page-item,
a:focus .page-item,
a:active .page-item {
	background-color: #5e889e;
}

/*--------------------------------------------------------------
Sidebar / Widgets
--------------------------------------------------------------*/

/* Select Max-Width */

.widget select {
	width: 100%;
	display: block;
	margin: 1em 0;
}

.widget ul {
	padding-left: 0;
	margin: 0;
}

.widget ul li {
	color: #5e889e;
	list-style-type: none;
	line-height: 1.6;
}

.widget-title {
	margin-top: 0;
	padding-bottom: .5em;
	margin-bottom: .5em;
	font-weight: 400;
	border-bottom: 1px solid #5e889e;
}

.widget a {
	text-decoration: none;
}

.widget a:active strong {
	background-color: #5e889e;
	color: #f6f3e3;
}

/* Calendar */
.widget_calendar table {
	width: 100%;
	height: auto;
	color: #999;
}

.widget_calendar caption {
	text-align: left;
	padding: 1em 0;
	text-transform: uppercase;
	color: #5e889e;
}

.widget_calendar table td,
.widget_calendar table th {
	padding: 2%;
	text-align: center;
	border-bottom: 1px solid silver;
}

.widget_calendar #prev {
	text-align: left;
}

.widget_calendar #next {
	text-align: right;
}

.widget_calendar #prev a,
.widget_calendar #next a {
	color: #999;
	padding: .2em .3em;
}

.widget_calendar #prev a:active,
.widget_calendar #next a:active {
	background-color: #5e889e;
	color: #fff;
}

.widget_calendar table tbody td a {
	display: block;
	background-color: #5e889e;
	color: #fff;
}

.widget_tag_cloud .space {
	color: #C0C0C0;
}

.widget_nav_menu .menu-item a {
	display: block;
	background: #dedede url(img/anydesk-link.svg) 8px center no-repeat;
	background-size: 30px;
	padding: 12px 12px 12px 50px;
	max-width: 100%;
	margin: 12px 0;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.widget_nav_menu .menu-item a:hover,
.widget_nav_menu .menu-item a:active {
	background-color: #ccc;
	color: #fff;
}

.widget_nav_menu .menu-item a[title^='otrs'] {
	background-image: url(img/otrs.png);
}

.widget_nav_menu .menu-item a[title^='owncloud'] {
	background-image: url(img/owncloud.png);
}

.widget_nav_menu .menu-item a[title^='teamviewer'] {
	background-image: url(img/tv.png);
}

.lt-ie9 .widget_nav_menu .menu-item a {
	background-image: url(img/none.png);
}

/*--------------------------------------------------------------
Form (wpcf7)
--------------------------------------------------------------*/
.wpcf7 form {
	width: 100%;
}

.wpcf7-text,
.wpcf7-textarea {
	width: 80%;
	padding: .4em .5em;
}

.wpcf7-submit,
input[type="reset"] {
	padding: 8px;
}

.wpcf7-captchar {
	width: 5em;
	padding: .4em .5em;
	margin-right: 20px;
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft,
.default-post-image {
	float: left;
	margin: .5em 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: .5em 0 .8em 1.5em;
}

.single .default-post-image,
.page .default-post-image,
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone {
	margin: 1em 0;
}

.single .wp-post-image,
.page .wp-post-image {
	clear: both;
	display: block;
	margin: .5em auto 1.5em;
	float: none;
}

@media only screen and (max-width:768px) {
	.alignright,
	.alignleft {
		float: none;
		margin: 1em auto;
		display: block;
		clear: both;
	}

}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
Videos
--------------------------------------------------------------*/
embed,
iframe,
object,
video {
	max-width: 100%;
	border: 0;
}

/* Video-Container for responsive iframes (show functions.php) */
.video-container {
	position: relative;
	padding-bottom: 56.25%;

	height: 0 !important;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

.wp-video,
.video-container {
	margin-bottom: 1.5em;
	max-width: 100%; /* Angleichen an Video-Player Standardbreite */
}
.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}


/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	margin: .25em 0 0;
	font-size: .875em;
}

/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/
.gallery {
	margin: 2em -1em 2em 0;
}

.page-template-page-full-width .gallery-columns-2 {
	max-width: 70%;
	margin: 2em auto;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1em;
}

.gallery-icon {
	padding: 0 1em 0 0;
}

.gallery-caption {
	display: block;
	font-size: .875em;
	margin: .25em 1em 0 0;
	text-align: left;
	line-height: 1.6;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

@media only screen and (max-width:660px) {
	.gallery-columns-2 .gallery-item {
		max-width: 100%;
		text-align: center;
		display: block;
	}

	.gallery-caption {
		text-align: center;
	}

}

@media only screen and (max-width:550px) {
	.gallery-columns-3 .gallery-item {
		max-width: 100%;
		text-align: center;
		display: block;
	}

	.gallery-caption {
		text-align: center;
	}

}

/*--------------------------------------------------------------
Infoboxes
--------------------------------------------------------------*/
.infobox-container {
	margin: 2em 0;
	padding-left: 0;
	list-style-type: none;
}

.infobox {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 24px;
	float: left;
	clear: both;
	vertical-align: top;
	text-align: center;
	white-space: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.infobox:nth-child(even) {
	float: right;
	margin-left: 2%;
	margin-right: 0;
	clear: none;
}

.infobox .wp-caption {
	width: 100% !important;
	margin: 0;
}

.infobox .wp-caption-text {
	font-size: 120%;
	color: #5e889e;
	font-weight: normal;
	padding-bottom: 1em;
	margin: 1em 0 1em;
	position: relative;
}

.infobox .infobox-text {
	margin: 0;
}

.infobox .wp-caption-text:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 40%;
	border-bottom: 2px solid #5e889e;
}

.infobox-link {
	display: block;
	background-color: #dedede;
	position: relative;
	padding: 2em 1em;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.infobox-link:hover,
.infobox-link:active,
.infobox-link:focus {
	background-color: #ccc;
	text-decoration: none;
	color: #5e889e;
	text-decoration: none;
}

@media only screen and (max-width:768px) {
	.infobox,
	.infobox:nth-child(even) {
		float: none;
		clear: none;
		width: 100%;
		margin: 0 auto 24px;
		display: block;
	}

}

@media only screen and (max-width:600px) {
	.infobox,
	.infobox:nth-child(even) {
		width: 80%;
	}

}

@media only screen and (max-width:479px) {
	.infobox,
	.infobox:nth-child(even) {
		width: 100%;
		font-size: 14px;
	}

}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Width: 840px
--------------------------------------------------------------*/

@media only screen and (max-width:840px) {
	.card-archive-wrapper {
		padding-left: 15%;
		padding-right: 15%;
	}

	.kontakt {
		width: 100%;
		margin: 2% 0;

	}

	.kontakt p {
		padding-right: .5em;
		margin-bottom: .5em;
		/*font-size: 90%;*/
	}

	/*#team h1 {
		font-size: 140%;
	}
*/
	/*#team .kontakt h2 {
		font-size: 110%;
	}*/

	/*#team .kontakt img {
		margin: .5em;
		max-width: 50%;
	}*/

}


/*--------------------------------------------------------------
Width: 768px
--------------------------------------------------------------*/
@media only screen and (max-width:768px) {
	#content img {
		max-width: 100%;
	}

	#content {
		width: 65%;
	}

	#left {
		width: 35%;
	}

	#index h1 {
		font-size: 140%;
	}

	#service h1 {
		font-size: 130%;
	}

	.sf-menu {
		top: 1.1em;
	}

	.sf-menu a,
	.sf-menu a:visited {
		font-size: 80%;
	}

	.sf-menu a:hover {
		color: #ffffff;
	}

	.sf-menu a span {
		padding: 10px 20px 12px 7px;
	}

	.entry-header {
		text-align: center;
	}

	.entry-header:after {
		left: 20%;
		right: 20%;
	}

	.entry-header,
	.entry-content,
	.entry-footer,
	.pagination {
		margin-left: 0;
	}

	.wp-post-image {
		margin: .5em auto 1em;
		display: block;
		float: none;
	}

}

/*--------------------------------------------------------------
Width: 600px
--------------------------------------------------------------*/
@media only screen and (max-width:600px) {
	body {
		margin-left: .5em;
		margin-right: .5em;
	}

	#left,
	#right,
	#content,
	#service #left,
	#service #right,
	#service #content {
		float: none;
		width: 100%;
	}

	#index #content .inner {
		margin: 1em;
		padding: 1em;
		position: relative;
	}

	#index #left .inner {
		margin: 1em;
		padding: 1em;
		position: relative;
		overflow: hidden;
	}

	/* OTRS */
	iframe#ticket {
		display: none;
	}

	p.info {
		display: block;
	}

	/* Kontaktformular */
	.wpcf7-text,
	.wpcf7-textarea,
	.wpcf7-captchar {
		width: 92%;
		padding: .4em;
	}

	.wpcf7-captchar {
		width: 100px;
	}
	.single-mitarbeiter .inner,
	.card-archive-wrapper {
		padding-left: 10%;
		padding-right: 10%;
	}

}

/*--------------------------------------------------------------
Width 550px
--------------------------------------------------------------*/
@media only screen and (max-width:550px) {
	.branding {
		left: 0;
		float: none;
	}

	.branding .logo {
		max-width: 90%;
	}

	#container {
		margin-top: 60px;
	}

	.site-header {
		text-align: center;
		background-image: none;
		border-bottom: 1px solid transparent;
	}

	#undernav {
		display: none;
	}

	nav select {
		position: static;
		margin: auto;
		margin-bottom: 1.5em;
		width: 50%
	}

	.no-js .sf-menu {
		position: relative;
		left: 0;
		top: 0;
		width: 70%;
		height: auto;
		margin: 20px auto;
		float: none;
	}

	.no-js .sf-menu li {
		float: none;
	}

	.no-js .sf-menu a,
	.no-js .sf-menu a:visited {
		text-decoration: none;
		font-size: 100%;
		text-align: center;
		display: block;
		min-width: 5em;
		padding-left: 10px;
		color: #FFF86E;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		background-image: url(img/btl.png);
		background-repeat: no-repeat;
		background-position: left center;
	}

	.no-js .sf-menu a span {
		display: block;
		padding: 7px;
		padding-right: 20px;
		background-image: url(img/btr.png);
		background-repeat: no-repeat;
		background-position: right center;
	}

	.no-js .sf-menu .sub-menu li {
		float: none;
	}

	.no-js .sf-menu .sub-menu {
		position: static;
		display: none;
	}

	.no-js .sf-menu li:hover .sub-menu,
	.no-js .sf-menu li.sfHover .sub-menu {
		display: block;
		z-index: 99;
		padding-top: .5em;
		margin-left: .5em;
		width: 95%;
		background: #333;
	}

	.no-js .sf-menu .sub-menu a,
	.no-js .sf-menu .sub-menu a:hover,
	.no-js .sf-menu .sub-menu a:visited,
	.no-js .sf-menu .sub-menu span {
		background-image: url(none);
		text-align: center;
		padding: .5em 1em;
		font-size: 90%;
		font-weight: bold;
		color: #FFF86E;
		display: block;
	}

	#index #left .inner,
	#index #content .inner,
	#service .inner,
	#team .inner {
		margin: 0;
	}


	#service .bg {
		margin: .5em;
	}

	.curvnav {
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}
	.kontakt .card-title {
		font-size: 1em;
	}

	#content img {
		max-width: 100px;

	}
	.kontakt .card-img {
		padding-right: 0;


	}
	.kontakt .card-content {
		font-size: 14px;
		margin-left: 0;
		margin-right: 0;
	}
	.kontakt .card-content .job-function {
		margin-bottom: .5em;
	}
	.single .title-description,
	.page .title-description,
	.subtitle-description {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (max-width:360px) {
	.kontakt .card-img {
		display: none;

	}

	.card-archive-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.single-mitarbeiter .inner {
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* Alte Nav bleibt unsichtbar bei Select-Switch */
@media only screen and (max-width:549px) {
	.sf-menu,
	#servnav {
		visibility: hidden;
	}

}

/*--------------------------------------------------------------
 Non-semantic helper classes
 --------------------------------------------------------------*/

/* For image replacement */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

.ir br {
	display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*--------------------------------------------------------------
* Print styles
+ Inlined to avoid required HTTP connection: h5bp.com/r
--------------------------------------------------------------*/
@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		-webkit-filter: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	/* Black prints faster: h5bp.com/s */
	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	/* Don't show links for images, or javascript/internal links */
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	/* h5bp.com/t */
	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

}