/*
Theme Name: Kristallturm
Theme URI: http://www.teichert-design.de
Author: Michael Teichert
Author URI: http://www.teichert-design.de
Description: Diese Vorlage unterliegen dem deutschen Urheberrecht und Leistungsschutzrecht. Jede Art der Vervielfältigung, Bearbeitung, Verbreitung, Einspeicherung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedarf der vorherigen schriftlichen Zustimmung des jeweiligen Rechteinhabers (Michael Teichert). Das unerlaubte Kopieren/Speichern der bereitgestellten Informationen auf diesen Webseiten ist nicht gestattet und strafbar.
Version: 1.0.0
Text Domain: Kristallturm Theme
Tags:

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
	text-decoration: underline;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.site-description {display: none;}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #757b83;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	color: #2a2e35;
}

h2 {font-size: 16px;}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 12px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}




/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/* Headbar */
#languageBar {
	background: #1a1e23;
	position: relative;
	color: #a7b0b7;
	line-height: 34px;
}

.lang {
	color: #a7b0b7;
	text-decoration: none;
	padding-left: 20px;
}

.headbar, #lang_sel_list, .register, .blogname {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing: border-box;
}

#lang_sel_list, .register, .blogname {
	display: inline-block;
  	vertical-align: top;
  	text-align: right;
}

.register {
	float: right;
}

.register a {
	text-decoration: none;
	color: #a7b0b7;
}

.register a:hover {
	text-decoration: none;
	color: #686868;
}

#lang_sel_list {
	border: none;
	line-height: normal;
}
#lang_sel_list ul li a {
	display: inline-block;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin-top: 9px;
}

.site-branding {
	float: left;
	padding: 30px 0;
}
#business-card {
	float: right;
	padding: 30px 0;
}

#business-card a {
	color: #757b83;
	text-decoration: none;
}

/* Contact Footer, Company Infos */
#contact-footer {
	background: #2a2f36;
	color: #a7b0b7;
	padding: 30px 0;
	float: left;
	width: 100%;
}

.col1, .col2, .col3 {
	padding: 0 40px 0 0;
	font-size: 12px;
}

.col1 p, .col3 p {
	text-align: justify;
}

.col1 h3, .col2 h3, .col3 h3 {
	color: #fff;
	font-size: 20px;
}

/* Site Footer */
.site-footer {
	background: #1a1e23;
	color: #a7b0b7;
	padding: 70px 0;
	font-size: 12px;
	clear: both;
}

footer {position: relative;}

#footerLogos {
	position: absolute;
	top: 70px;
	right: 5%;
	list-style: none;
}

#footerLogos li {
	float: left;
	padding: 0 0 0 20px;
}

/* Search Form */

.search-form {
	float: right;
	margin: 8px 60px 0 0;
	position: relative;
}

#searchform input[type="text"] {
	width: auto;
}

.site-content {
	padding: 0px 0 40px 0;
}

#searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
}

#s {
	position: absolute;
	top: 0;
	right: 30px;
}

/* 2 Spaltig */

.col70 {
	float: left;
	width: 70%;
	padding-right: 30px;
}

.col30 {
	float: right;
	width: 30%;
}

/* Latest Posts */
.dateBox {
	border-bottom: 2px solid #00abe3;
	width: 40px;
	height: 50px;
	text-align: center;
	background: #f8f8f8;
	color: #2a2e35;
	float: left;
}

.month {
	text-transform: uppercase;
	font-size: 12px;
}

.day {
	font-size: 20px;
	line-height: normal;
}


/* Latest Posts Big */
.big {
	border-bottom: 4px solid #00abe3;
	width: 60px;
	height: 70px;
	float: left;
	margin-top: 30px;
}

.mbig {
	font-size: 20px;
}

.dbig {
	font-size: 40px;
	line-height: 25px;
}


.latestNews {
	float: left;
	margin-left: 20px;
	width: 75%
}

.latestNews a {color: #2a2e35; text-decoration: none;}
.latestNews p {margin: 0; padding: 0 0 30px 0;}

.dateElement {clear: both;}

.news-single {
	float: right;
}

.news-single p {
	padding-top: 0;
	margin-top: 0;
}

.news-single img {
	padding-top: 30px;
}

.news-list {
	clear: both;
}

.news-list .entry-title a {
	color: #2a2e35;
	text-decoration: none;
}

.news-list .entry-title a:hover {
	color: #00abe3;
}

#slider {
	text-align: center;
	clear: both;
	position: relative;
}

a.prev, a.next {
	top: 40%;
	font-size: 35px;
	color: transparent;
	display: none;
}

a.prev:hover, a.next:hover {
	top: 40%;
	font-size: 35px;
	color: #fff;
}

#aktuelles h1, #rezession_maps h1 {
	font-size: 24px;
}

.teaser {
	float: left;
	width: 23%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.teaser p {
	margin: 0;
	padding: 0;
}

.teaser h1 {
	font-size: 24px;
}

.teaser:nth-child(0n+4) {
	margin-right: 0px;
}

#news .blue {color: #00abe3;}
#news .latestNews p {padding-bottom: 0px;}
#news .latestNews img {width: 200px;}
#news .dateElement {
	float: left;
	width: 50%;
    clear: none;
}

.newsOverview article {
	float: left;
	width: 33%;
}

.newsOverview article .dateBox {
	float: left;
	margin-right: 10px;
}

.newsOverview article .news-single {
	float: left;
	width: 285px;
	margin-top: 20px;
}

.newsOverview article .news-single img {
	padding-top: 10px;
}

.newsOverview article .news-single p {
	margin: 0;
	padding: 0;
}

.newsOverview article .news-single h2 {
	margin: 5px 0;
	padding: 0;
}

.newsOverview:nth-child(3n+2) {clear: left}

.pagination {
	clear: both;
	text-align: center;
	padding-top: 40px;
}

.pagination a {
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #00abe3;
	text-decoration: none;
}

.pagination .current {
	padding: 10px 15px;
	border: 1px solid #00abe3;
	background: #00abe3;
	color: #fff;
}


.site-content ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

.site-content ul li {
	padding-left: 10px;
}

.site-content ul li:before {
	font-family: FontAwesome;
	content: "\f138";
	padding-right: 8px;
	color: #00abe3;
}

.sow-slider-base ul li:before {
	margin: 0;
	padding: 0;
	content: "";
	list-style: none;
}

/* SiteOrigin Overrides */

.sow-icon-fontawesome { color: #00abe3; }

.lsow-tabs.style4 .lsow-tab-nav .lsow-tab a {
	padding: 15px 20px;
}

.widget-title {
	font-size: 20px;
}

.lsow-tabs .lsow-tab-panes .lsow-tab-pane {padding: 15px 40px; }

.lsow-tab-panes {width: 65%;}
.lsow-tabs.style7 .lsow-tab-nav { width: 15%; }


/* Event On -> CSS im Plugin */

#evoPOSH_code {display: none !important; }
.eventon_events_list .eventon_list_event .desc_trig {margin-bottom: 30px !important; border-right: 1px solid #e5e5e5;}
#evcal_list {border-bottom: none !important; border-right: none !important; }
.event_description {margin-top: -30px !important; margin-bottom: 30px !important;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 94%;
}

/* Contact Form 7 Styles */

.sow-contact-form-success {
	border: 1px solid #00abe3;
	padding: 0px 10px;
}

.sow-contact-form-success p {
	margin-bottom: 10px;
}

.wpcf7-not-valid-tip{
  display: none !important;
}

form.invalid input.wpcf7-not-valid{
  border:1px solid #a12525;
  background:#f9eded;
}


div.wpcf7-response-output {
  border:1px solid #187200;
  background:#ecfce7;
  padding: 5px 15px;
  margin: 0;
  width: 94%;
  font-style: italic;
}

div.wpcf7-validation-errors {
  border:1px solid #a12525;
  background:#f9eded;
  padding: 5px 15px;
  margin: 0;
  width: 94%;
  font-style: italic;
}

span.wpcf7-list-item {
	margin: 0 !important;
}

input[type="submit"], input[type="submit"]:hover {
	background: #00abe3;
	color: #fff;
	border: none;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0px;
}

.wpcf7 p {
  display: block;
  min-height: 40px;
}
span.wpcf7-list-item {margin: 10px !important;}
.wpcf7-list-item { display: block !important;  }

#fragebogen input[type="text"],#fragebogen input[type="email"],#fragebogen input[type="tel"] {
  float: none;
}

#fragebogen input {
  width: 80%;
  padding: 10px;
}

#fragebogen input[type="radio"],#fragebogen input[type="checkbox"] {
  width: 20px;
  padding: 10px;
}

#fragebogen input[type="submit"], #fragebogen input[type="submit"]:hover {
  text-transform: uppercase;
  font-size: 20px;
}

#fragebogen h1 {
  color: #0090d6;
}

#fragebogen select {
  width: 200px;
}

#umfrageBilder img {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

#umfrageBilder {
  clear: both;
}

#umfrageBilder div {
	width: 210px;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 15px;
}

#fragebogen .wpcf7-not-valid {
  display: block;
  border: 1px solid #a12525;
  background: #f9eded;
  width: 80%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #00abe3;
}

a:visited {
	color: #00abe3;
}

a:hover,
a:focus,
a:active {
	color: #00abe3;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-hauptmenue-container, .menu-main-menu-container {
	margin-left: -1.4em;
}

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}



.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #3f3f3f;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #fff;
}

.main-navigation a i {
	padding: 0 10px 0 0;
	font-size: 20px;
}

.main-navigation ul ul {
	position: absolute;
	top: 3.2em;
	left: -999em;
	z-index: 99999;
	background: #1a1d23;
	border-top: 2px solid #00abe3;
	border-bottom: 2px solid #00abe3;
	width: 250px;
	margin: 0;
}

ul li:hover ul { display: block; }

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {

}

.main-navigation ul ul li {
	clear: both;
}

.main-navigation ul ul li a {
	padding: 10px 20px;
	color: white;
	width: 250px;
	font-size: 12px;
}

.main-navigation ul ul li a:hover {
	color: white;
	background: #00abe3;
	border-bottom: 1px solid #fff;
}

.main-navigation ul ul li:last-child a {border: none;}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #00abe3;
	border-bottom: 1px solid #00abe3;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #00abe3;
}

.main-navigation ul ul .current_page_item > a {
	background: #00abe3;
	color: white;
}



/* Footer Menu */
.second-navigation {
	clear: both;
	display: block;
	float: left;
	min-height: 55px;
	width: 100%;
}

.second-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.second-navigation li {
	float: left;
	position: relative;
}

.second-navigation li:first-child a {
	padding: 0 15px 0 0;
}
.second-navigation li:last-child a {
	border: none;
}

.second-navigation a {
	display: block;
	color: #a7b0b7;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #2e3236;
	padding: 0 15px;
}
.second-navigation a:hover {
	color: #686868;
}



/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}


.menu-toggle button {
	background: white;
	border: none;
	margin: 0 5%;
	padding: 5px 0;
	font-size: 25px;
	box-shadow: none;
	display: block;
	width: 90%;
	text-align: center;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	/* margin: 1.5em 0 0; */
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# 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%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.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%;
}

.gallery-caption {
	display: block;
}

.ngg-gallery-thumbnail img {
	border: 1px solid #fff !important;
}

.ngg-gallery-thumbnail img:hover {
	border: 1px solid #00abe3 !important;
	background: none !important;
}

/* THINKBOX STYLING */
#TB_closeWindow {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 0;
}

#TB_closeWindowButton {
	background: url(images/fancy_close.png);
	box-shadow: none;
}
.tb-close-icon::before {
	content: none;
}

#TB_next {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	cursor: pointer;
}

#TB_prev {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	cursor: pointer;
}

#TB_next a, #TB_prev a {display: none;}

#TB_caption {width: 100%; padding-top: 2px;}
#TB_secondLine {float: right;}

#TB_prev:hover {
	background: url(images/fancy_nav_left.png) center left no-repeat;
}

#TB_next:hover {
	background: url(images/fancy_nav_right.png) center right no-repeat;
}


#ip-overlay {
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(255,255,255,.8);
}

#ip-overlay .content {
	position: absolute;
	position: relative;
	top: 50%;
	left: 50%;
	width: 500px;
	margin-left: -250px;
	margin-top: -150px;
	height: 210px;
	background: white;
	padding: 15px;
	border: 1px solid #666;
}

#ip-overlay .content p {
	margin-bottom: 40px;
}

#ip-overlay .content .btn {
	width: 100px;
	padding: 20px 30px;
	background: #00abe3;
	color: white;
	text-decoration: none;
	margin-right: 15px;
	border: 1px solid #00abe3;
}

#ip-overlay .content .btn:hover {
	background: #fff;
	border: 1px solid #00abe3;
	color: #00abe3;
}


#ip-overlay .content .icon {
	position: absolute;
	top: 10px;
	color: #666;
	right: 15px;
	font-size: 30px;
}

#ip-overlay .content .icon:hover {
	color: #00abe3;
}

.lsow-button {
	padding: 16px 10px !important;
	width: 100%;
	line-height: 0 !important;
}

a.lsow-button {
	text-decoration: none;
}

a.lsow-button.lsow-with-icon img.lsow-thumbnail {
	min-height: 40px;
}


/* QUIZ Fix */

.mlw_qmn_quiz input[type="text"] {float: none !important;}
.qmn_quiz_radio {  width: initial !important;  display: inline !important;  }




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

.content, .site-header, .main-navigation ul, .site-content {
	width: 90%;
	margin: 0 5%;
}

.main-navigation {
	float: none !important;
}

.site-branding img {width: 150px;}

.col1, .col2, .col3 {width: 31%; float: left;}

.news-single {
	width: 90%; /* dynamisch */
}

.teasercontainer {
	width: 100%;
}

.teaser {

}

#aktuelles {
	clear: both;
	float: left;
	min-width: 100%;
}

#news {
	float: left;
	max-width: 50%;
	padding-right: 20px;
}

#termine {
	float: left;
	max-width: 50%;
	width: 50%;
}


.unslider li, .unslider ol, .unslider ul {
	max-height: 330px;
	overflow: hidden;
}

input[type="text"],input[type="email"] {
	float: left;
	margin: 0 10px 10px 0;
	width: 30%;
}


/* Kleine Monitore */
@media only screen and (max-width: 760px) {
	.teaser {clear: both; width: 100%;}
	#slider {display: none;}
	#news, #news .dateElement {clear: both; max-width: none; width: 100%;}
	.dateElement {padding-bottom: 20px;}
	#termine {float: none; max-width:none; width: 100%;}
	.col1, .col2, .col3 {float: none; width: 100%;}
	.search-form {display: none;}
	.main-navigation {margin-bottom: 20px; }
	.main-navigation li { float: none; }
	.main-navigation ul ul li a { width: 100%;}
	.main-navigation ul ul {position: static; left: 0; width: 100%;}
	#footerLogos {position: relative;}

	/*  Accordeon
	=====================*/
	#primary-menu {display: none;}
	#primary-menu-toggle li a i {width: 40px; text-align: center;}
	#primary-menu-toggle li a {border-bottom: 1px solid #ccc; padding-left: 30px;}
	#primary-menu-toggle li .sub-menu {display: none;}
	#primary-menu-toggle li .sub-menu li a {padding-left: 70px;}
	.main-navigation ul { margin: 0; width: 100%;}

	.newsOverview {
		clear: both;
	}

	.col30 {display: none;}
	.col70 {width: 100%; clear: both;}

	#ip-overlay .content {
		width: 90%;
		left: 0;
		margin-left: 5%;
		margin-top: -150px;
		height: 320px;
		padding-right: 20px;
	}
	#ip-overlay .content .btn {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

}

/* Tabletts */
@media only screen and (min-width: 760px) {
	.reframe { max-width: 760px }

}

/* Mittlere Monitore */
@media only screen and (min-width: 980px) {
	.reframe { max-width: 980px }
}

/* Große Monitore */
@media only screen and (min-width: 1280px) {
	.reframe { max-width: 1280px }

}