/* ==========================================================================
   Header und Navigation
   Top-Bar, Hauptnavigation und allgemeine Menüausrichtung
   ========================================================================== */
@media (max-width: 768px) {
	.top-bar {
		display: none;
	}
}

.topbar-text {
	letter-spacing: 1px;
}

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .mobile-bar-items a {
	text-align: center;
}

.main-navigation a {
	letter-spacing: 2px;
}

.main-navigation ul {
	list-style: none;
	text-align: center;
}

/* ==========================================================================
   Überschriften und Hero
   H1 und große Startseiten-Headline
   ========================================================================== */
h1 {
	letter-spacing: 2px;
}

.hero-headline {
	font-size: 44px;
	letter-spacing: 3px;
}

@media (max-width: 768px) {
	.hero-headline {
		font-size: 32px;
		letter-spacing: 2px;
	}
}

/* ==========================================================================
   Buttons und Formulare
   Submit-Buttons, Top-Bar-Button, Ghost-Button, Formular-Buttons
   ========================================================================== */
input[type="submit"] {
	padding: 15px 25px;
	margin-top: 10px;
	border-radius: 0;
	transition: all 0.2s ease 0s;
}

.button.topbar,
.button.topbar:visited,
.button.topbar:focus {
	color: #fff;
	font-size: 13px;
	background: transparent;
	border: 2px solid #fff;
	padding: 3px 12px;
	margin: 6px 10px;
	border-radius: 0;
	transition: all 0.2s ease 0s;
}

.button.topbar:hover,
.button.topbar:active {
	color: #fff;
	background: transparent;
	border: 2px solid #08cec7;
}

.button.ghost,
.button.ghost:visited,
.button.ghost:focus {
	color: #fff;
	background: transparent;
	border: 3px solid #fff;
	padding: 10px 25px;
	border-radius: 0;
	margin-top: 5px;
	transition: all 0.2s ease 0s;
}

.button.ghost:hover,
.button.ghost:active {
	color: #fff;
	background: transparent;
	border: 3px solid #4498bf;
}

.field-wrap button,
.field-wrap input[type="button"],
.field-wrap input[type="submit"] {
	padding: 14px 24px;
	border-radius: 4px;
	transition: all 0.5s ease 0s;
	float: right;
}

/* ==========================================================================
   Footer
   Breiten und Ausrichtung der Footer-Widgets
   ========================================================================== */
@media (min-width: 1025px) {
	.footer-widgets .footer-widget-1 {
		width: 45%;
		padding-right: 20px;
	}

	.footer-widgets .footer-widget-2 {
		width: 30%;
		text-align: center;
	}

	.footer-widgets .footer-widget-3 {
		width: 25%;
		text-align: center;
	}
}

@media (max-width: 1024px) {
	.footer-widgets .footer-widget-1,
	.footer-widgets .footer-widget-2,
	.footer-widgets .footer-widget-3 {
		width: 100%;
		text-align: center;
	}
}

/* ==========================================================================
   Mobiler Header
   Logo und Toggle im mobilen Kopfbereich
   ========================================================================== */
#mobile-header .site-logo {
	width: 50%;
}

.mobile-header-navigation .mobile-header-logo img {
	width: 100%;
	height: auto;
}

.mobile-header-logo #mobile-header .menu-toggle {
	margin-left: auto;
}

/* ==========================================================================
   Blog, Archive und Widgets
   Kartenrahmen, Bildrundungen, Breadcrumbs und inhaltsspezifische Ausblendungen
   ========================================================================== */
body.tsc-archiv .entry-content {
	display: none;
}

body .post .inside-article,
.sidebar .widget {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 20px;
}

.blog .post,
.archive .post {
	margin: 0;
}

.post-image img,
.page-header-image-single img,
.wp-show-posts-image img,
.wp-block-image img,
.search .dynamic-content-template.post img,
.site img {
	border-radius: 5px;
}

.breadcrumbs {
	font-size: 1em;
	position: relative;
	padding-left: 25px;
	padding-top: 20px;
}

.wp-block-categories-list .cat-item-17,
.wp-block-categories-list .cat-item-20 {
	display: none;
}