/* Table of Contents
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
		- Screen Reader Text
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Jetpack
	- Skip Links
	- Site Header
		- Title Area
	- Site Navigation
		- Accessible Menu
		- Site Header Navigation
		- Primary Navigation
		- Footer Navigation
	- Content Area
		- Entries
		- Entry Meta
		- Pagination
		- Comments
	- Team Page
	- Sidebar
	- Offscreen Content
	- Footer Widgets
	- Site Footer
	- Fadein Effect
	- Media Queries
		- Max-width: 1340px
		- Max-width: 1200px
		- Max-width: 1023px
		- Max-width: 860px
	- Print Styles
*/


/* HTML5 Reset
---------------------------------------------------------------------------- */

/* Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-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}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* Box Sizing
--------------------------------------------- */

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



*,
*:before,
*:after {
	box-sizing: inherit;
}


/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
	scroll-behavior: smooth;
}

/* Chrome fix */
body > div {
	font-size: 1.7rem;
}

body {
	background-color: #fff;
	color: #000;
	font-family: 'Cormorant Garamond', serif;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.75;
	margin: 0;
	overflow-x: hidden;
}


html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.front-page .overlay,
.gallery img,
.site-header {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

a {
	color: #b9324a;
	text-decoration: none;
}

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

p {
	margin: 0 0 30px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

/* Nur Standard-Bullets entfernen, wo gewünscht */
.widget li,
.textwidget li,
.entry-content li {
  list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid currentColor;
	clear: both;
	color: #eee;
	margin: 1.65em auto;
}

b,
strong {
	font-weight: 700;
}

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

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

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}


/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 48px;
	font-size: 4.8rem;
}

h2 {
	font-size: 42px;
	font-size: 4.2rem;
}

h3 {
	font-size: 36px;
	font-size: 3.6rem;
}

.comment-respond h3,
.entry-comments h3,
.entry-pings h3 {
	margin-bottom: 10px;
}

h4 {
	font-size: 27px;
	font-size: 3.7rem;
}

.entry-content h4 {
	margin-top: 40px;
}

.landing-page .entry-content h4,
.lead-capture-page .entry-content h4 {
	margin-bottom: 40px;
	margin-top: 60px;
	text-align: center;
}

h5 {
	font-size: 24px;
	font-size: 2.4rem;
}

h6 {
	font-size: 20px;
	font-size: 2rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

img.vertical {
	vertical-align: top;
}

figure {
	margin: 0;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 30px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery img {
	border: 1px solid #eee;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #f5f5f5;
	border: 1px solid #eee;
	border-radius: 0;
	color: #000;
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	font-size: 2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.5;
	padding: 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: #eee;
	outline: none;
}

input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
input[type="url"],
textarea {
	-webkit-appearance: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-ms-input-placeholder {
	color: #000;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #000;
	opacity: 1;
}

::placeholder {
	color: #000;
	opacity: 1;
}

button,
input[type="button"],
input[type="reset"],
input[type="select"],
input[type="submit"],
.button {
	background-color: #b9324a;
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1;
	padding: 12px 20px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	width: auto;
}

.button.large {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 20px 30px;
}

.landing-page .button.large,
.lead-capture-page .button.large {
	margin-top: 40px;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
	background-color: #888;
	color: #fff;
}

.entry-content .button:hover,
.entry-content .button:focus {
	color: #fff;
}

.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #f5f5f5;
	border-width: 0;
	color: #666;
	cursor: not-allowed;
}

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

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	line-height: 2;
	text-align: left;
	vertical-align: top;
}

td {
	padding: 0.5em;
}

tr {
	border-top: 1px solid #eee;
}

th {
	font-weight: 700;
	padding: 0.5em;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
	clip: auto !important;
	display: block;
	font-weight: bold;
	height: auto;
	padding: 20px 20px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}


/* Structure and Layout
---------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-inner {
	clear: both;
	margin: 73px auto 0;
	max-width: 1280px;
	word-wrap: break-word;
}

.landing-page .site-inner,
.lead-capture-page .site-inner {
	margin-top: 0;
	max-width: 840px;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: right;
	padding: 80px 60px;
	width: 65%;
}

.content-sidebar .content {
	border-right: 1px solid #eee;
	float: left;
}

.sidebar-content .content {
	border-left: 1px solid #eee;
}

.full-width-content .content {
	border-right: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 840px;
	width: 100%;
}

.full.full-width-content .content,
.full.landing-page .site-inner,
.full.lead-capture-page .site-inner {
	max-width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 35%;
}

.sidebar-content .sidebar-primary {
	float: left;
}

/* Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* Common Classes
---------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* Genesis
--------------------------------------------- */

.after-entry,
.archive-description,
.breadcrumb {
	text-align: center;
}

.after-entry {
	padding-bottom: 60px;
}

.author-box {
	line-height: 1.5;
	padding-bottom: 20px;
}

.breadcrumb {
	font-size: 18px;
	font-size: 1.8rem;
	padding-bottom: 10px;
}

.after-entry,
.archive-description,
.author-box,
.breadcrumb {
	border-bottom: 1px solid #eee;
	margin-bottom: 60px;
}


/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
	position: relative;
}

.search-form:before {
	color: #999;
	content: "\f4a5";
	font-family: "ionicons";
	font-size: 20px;
	left: 15px;
	position: absolute;
	top: 6px;
}

.entry-content .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.search-form input[type="search"] {
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-top: 12px;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 10px;
}

.entry-title {
	font-size: 48px;
	font-size: 4.8rem;
}

.entry-title a,
.sidebar .widget-title a {
	color: #000;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #b9324a;
}

.widget-title {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

/* WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

figcaption,
.gallery-caption,
.wp-caption-text {
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 40px;
	margin-left: 0;
	margin-top: 10px;
	text-align: center;
}

.entry-content p.gallery-caption,
.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 30px;
}


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

.widget {
	word-wrap: break-word;
}

.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Featured Content
--------------------------------------------- */

.featured-content .widget-title {
	margin-bottom: 30px;
}

.footer-widgets .featured-content .entry,
.sidebar .featured-content .entry {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.footer-widgets .featured-content .entry-header,
.sidebar .featured-content .entry-header {
	text-align: left;
}

.footer-widgets .featured-content .entry-header::after,
.sidebar .featured-content .entry-header::after {
	display: none;
}

.footer-widgets .featured-content .entry-title,
.sidebar .featured-content .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.25;
	margin-bottom: 10px;
	margin-top: 10px;
}

.footer-widgets .featured-content .entry-meta,
.sidebar .featured-content .entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.footer-widgets .featured-content .entry-meta a,
.sidebar .featured-content .entry-meta a {
	color: #000;
	text-decoration: none;
}

.footer-widgets .featured-content .entry-meta a:hover,
.footer-widgets .featured-content .entry-meta a:focus,
.sidebar .featured-content .entry-meta a:hover,
.sidebar .featured-content .entry-meta a:focus {
	color: #b9324a;
}

.footer-widgets .featured-content .entry-image,
.sidebar .featured-content .entry-image {
	vertical-align: top;
}

.featured-content a.alignleft,
.featured-content a.alignright,
.featured-content .entry:last-of-type {
	margin-bottom: 0;
}

.featured-content a.aligncenter,
.featured-content a.alignleft,
.featured-content a.alignnone,
.featured-content a.alignright {
	border-bottom-width: 0;
}

.featured-content .entry:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.featured-content .more-posts-title {
	display: block;
	padding-top: 30px;
}


/* Plugins
---------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget,
.enews-widget input {
	text-align: center;
}

.after-entry .enews-widget,
.landing-page .enews-widget,
.lead-capture-page .enews-widget {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.landing-page .enews-widget,
.lead-capture-page .enews-widget,
.offscreen-content .enews-widget {
	background-color: #f5f5f5;
	padding: 60px;
}

.enews-widget form {
	margin-left: 20px;
	margin-right: 20px;
}

.offscreen-content .enews-widget form {
	margin-left: 60px;
	margin-right: 60px;
}

.enews-widget p {
	margin-bottom: 20px;
}

.enews-widget form + p {
	margin-top: 20px;
}

.enews-widget input {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.landing-page .enews-widget input,
.lead-capture-page .enews-widget input,
.offscreen-content .enews-widget input {
	background-color: #fff;
}

.enews-widget input[type="submit"] {
	background-color: #000;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	margin: 0;
	width: auto !important;
}

.enews-widget input:hover[type="submit"] {
	background-color: #b9324a;
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* Skip Links
---------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

.genesis-skip-link a {
	background: #fff;
}

/* Display outline on focus */
:focus {
	color: #000;
	outline: #ccc solid 1px;
}


/* Site Header
---------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	padding-left: 30px;
	padding-right: 30px;
	position: fixed;
	width: 100%;
	z-index: 9990;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding-bottom: 27px;
	padding-top: 27px;
	width: 20%;
}

.header-image .title-area {
	margin-bottom: 4px;
	margin-top: 3px;
	min-height: 65px;
	padding:0;
	width: 200px;
}

.site-title {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: #000;
	text-decoration: none;
}

.header-image .site-title > a {
	background-size: contain !important;
	float: left;
	min-height: 65px;
	width: 200px;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-title,
.site-description {
	display: block;
	height: 0;
	text-indent: -9999px;
}


/* Site Navigation
---------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: block;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

footer .genesis-nav-menu .menu-item {
	display: inline-block;
}

.genesis-nav-menu a {
	color: #000;
	display: block;
	/* font-family: 'Raleway', sans-serif; */
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 30px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus {
	color: #b9324a;
	text-decoration: none;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #eee;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 0;
	padding: 20px;
	position: relative;
	width: 200px;
	word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -52px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

/* Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	float: left;
	margin-top: 2px;
	text-align: center;
	width: 60%;
}

/* Footer Navigation
--------------------------------------------- */

.site-footer .genesis-nav-menu {
	padding-bottom: 30px;
}

.site-footer .genesis-nav-menu a {
	padding: 0 20px;
}


/* Content Area
---------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry,
.page.page-template-page_blog .content .entry {
	border-bottom: 1px solid #eee;
	margin-bottom: 60px;
	padding-bottom: 30px;
}

.page .content .entry {
	border-bottom: none;
}

.lead-capture-page .entry {
	margin-bottom: 0;
}

.page .content .entry,
.single .content .entry {
	padding-bottom: 0;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 30px;
	padding-left: 40px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content ol ul > li,
.entry-content ul ul > li {
	list-style-type: circle;
}

.entry-content code {
	background-color: #000;
	color: #eee;
}

.center {
	text-align: center;
}

.intro {
	font-size: 24px;
	font-size: 2.4rem;
	font-style: italic;
	margin-bottom: 40px;
	text-align: center;
}

/* Entry Meta
--------------------------------------------- */

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

.entry-header::after {
	border-bottom: 1px solid #000;
	content: "";
	display: block;
	margin: 0 auto 40px;
	padding-bottom: 10px;
	width: 2.5%;
}

p.entry-meta {
	font-size: 20px;
	font-size: 2rem;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination a {
	color: #000;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
}

.archive-pagination a:hover,
.archive-pagination a:focus {
	color: #b9324a;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #f5f5f5;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 8px 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.archive-pagination li a:hover,
.archive-pagination li a:focus,
.archive-pagination li.active a {
	background-color: #000;
	color: #fff;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 40px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-header {
	line-height: 1.5;
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}


/* Team Page
---------------------------------------------------------------------------- */

.team-page .content {
	max-width: 100%;
}

.team-page .content .entry {
	margin-bottom: 40px;
}

.team-page h2.entry-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 0;
	margin-top: 20px;
}

.team-page .one-fourth .entry {
	margin-bottom: 40px;
}

.team-page .one-fourth .entry-header::after {
	display: none;
}

.team-page .entry-content p:last-child,
.team-page .one-fourth .team-title {
	margin-bottom: 0;
}


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

.sidebar {
	font-size: 20px;
	font-size: 2rem;
}

.sidebar .widget {
	border-bottom: 1px solid #eee;
	padding: 50px 60px 60px;
}


/* Offscreen Content
---------------------------------------------------------------------------- */

.no-scroll {
	overflow: hidden;
}

.offscreen-content {
	background-color: rgb(243, 243, 243);
	display: none;
	height: 100%;
	left: 85%;
	overflow-y: scroll;
	padding: 20px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9998;
}

.offscreen-content .wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
}

.offscreen-container {
	display: table;
	height: 100vh;
	overflow: hidden;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

.offscreen-container .widget-area {
	display: table-cell;
	padding-bottom: 20px;
	vertical-align: middle;
	width: 100%;
}

/* Offscreen Content Icon
--------------------------------------------- */

.ion-ios-close-empty,
.ion-ios-more {
	font-size: 36px;
	font-size: 3.6rem;
}

.ion-ios-close-empty {
	margin-right: 10px;
}

.offscreen-content-icon,
.offscreen-content-toggle {
	position: fixed;
	right: 20px;
	top: 18px;
	z-index: 9998;
}

.admin-bar .offscreen-content-icon,
.admin-bar .offscreen-content-toggle {
	top: 52px;
}

.offscreen-content button,
.offscreen-content-icon button {
	background-color: #fff;
	color: #000;
	font-size: 20px;
	font-size: 2rem;
	padding: 2px 10px 2px 12px;
}

.offscreen-content button:hover,
.offscreen-content-icon button:hover {
	color: #b9324a;
}


/* Footer Widgets
---------------------------------------------------------------------------- */

.footer-widgets {
	border-top: 1px solid #eee;
	font-size: 20px;
	font-size: 2rem;
	clear: both;
}

.footer-widgets .wrap {
	margin: 0 auto;
	max-width: 1280px;
	padding-left: 60px;
	padding-right: 60px;
}

.footer-widgets .widget-area {
	float: left;
	padding-bottom: 60px;
	padding-top: 60px;
}

.footer-widgets .widget {
	margin-bottom: 40px;
}

.footer-widgets-1,
.footer-widgets-3 {
	width: 30%;
}

.footer-widgets-2 {
	padding-left: 4%;
	padding-right: 4%;
	width: 40%;
}

.footer-widgets p {
	margin-bottom: 20px;
}

.footer-widgets .button {
	background-color: #000;
	color: #fff;
	margin-top: 10px;
}

.footer-widgets .button:hover {
	background-color: #b9324a;
}

/* Site Footer
---------------------------------------------------------------------------- */

.site-footer {
	border-top: 1px solid #eee;
	line-height: 1;
	padding: 30px 0;
	text-align: center;
}

.site-footer .wrap {
	margin: 0 auto;
	max-width: 1280px;
	padding-left: 60px;
	padding-right: 60px;
}

.site-footer p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0;
}

.site-footer a {
	color: #000;
}

.site-footer a:hover,
.site-footer a:focus {
	color: #b9324a;
}


/* Fadein Effect
---------------------------------------------------------------------------- */

.site-container {
	-webkit-animation: fadein 1s;
	-moz-animation:    fadein 1s;
	-ms-animation:     fadein 1s;
	-o-animation:      fadein 1s;
	animation:         fadein 1s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}


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

@media only screen and (max-width: 1023px) {

	.genesis-nav-menu a {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media only screen and (max-width: 800px) {

	.content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.header-image .title-area,
	.js .genesis-nav-menu .sub-menu,
	.js .genesis-nav-menu .sub-menu a,
	.sidebar-primary,
	.site-header .nav-primary,
	.title-area {
		width: 100%;
	}

	.site-header {
		position: static;
	}

	.title-area {
		padding-bottom: 15px;
	}

	.header-image .site-title > a {
		background-position: center !important;
		display: block;
		float: none;
		margin: 0 auto;
	}

	.genesis-nav-menu li,
	.header-image .title-area {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-title {
		text-align: center;
	}

	/* Genesis Responsive Menus */
	.js .site-header nav .wrap {
		padding: 0;
	}

	nav.genesis-responsive-menu {
		display: none;
		position: relative;
	}

	.genesis-skip-link .skip-link-hidden {
		display: none;
		visibility: hidden;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border-width: 0;
		background-color: #fff;
		color: #333;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}

	.menu-toggle:focus,
	.menu-toggle:hover,
	.sub-menu-toggle:focus,
	.sub-menu-toggle:hover {
		background: transparent;
		color: #b9324a;
		border-width: 0;
	}

	.menu-toggle:focus,
	.sub-menu-toggle:focus {
		outline: thin solid #ccc;
		outline-offset: -1px;
	}

	.menu-toggle {
		line-height: 20px;
		position: relative;
		z-index: 1000;
		width: 100%;
	}

	.menu-toggle::before {
		font-size: 2em;
		margin-right: 10px;
		text-rendering: auto;
		vertical-align: middle;
	}

	.sub-menu-toggle {
		float: right;
		padding: 10px;
		position: absolute;
		right: 1px;
		top: 1px;
		z-index: 100;
	}

	.sub-menu-toggle::before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: rotate( 0 );
		-ms-transform:     rotate( 0 );
		transform:         rotate( 0 );
		-webkit-transition: transform .25s ease-in-out;
		-ms-transition:     transform .25s ease-in-out;
		transition:         transform .25s ease-in-out;
	}

	.sub-menu-toggle.activated::before {
		-webkit-transform: rotate( 180deg );
		-ms-transform:     rotate( 180deg );
		transform:         rotate( 180deg );
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		position: relative;
		text-align: left;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
	.genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-responsive-menu .genesis-nav-menu a:focus,
	.genesis-responsive-menu .genesis-nav-menu a:hover {
		color: #b9324a;
	}

	.genesis-responsive-menu .genesis-nav-menu a:focus {
		color: #b9324a;
		outline: thin solid #ccc;
		outline-offset: -1px;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item a {
		border: none;
		margin-bottom: 1px;
		padding: 12px 20px;
		width: 100%;
	}

	.genesis-responsive-menu .site-header .genesis-nav-menu .menu-item a {
		padding: 10px 0;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		border: none;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
	.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
		left: 0;
		margin-left: 0;
	}

	.genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
		content: none;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		width: 100%;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.site-inner {
		margin-top: 0;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 60px;
	}

	.content,
	.content-sidebar .content,
	.sidebar-content .content {
		float: none;
		padding: 0;
	}

	.content-sidebar .content {
		border-right: none;
	}

	.sidebar-content .content {
		border-left: none;
	}

	.sidebar .widget {
		padding: 5%;
	}

	.sidebar .widget:last-child {
		border-bottom: none;
	}

	.footer-widgets-2 {
		padding-left: 0;
		padding-right: 0;
	}

	.site-footer {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.site-footer .genesis-nav-menu a {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media only screen and (max-width: 600px) {

	.after-entry .enews-widget,
	.landing-page .enews-widget,
	.lead-capture-page .enews-widget {
		padding: 20px;
		width: 100%;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.footer-widgets .wrap,
	.site-footer .wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.offscreen-content .enews-widget {
		padding: 20px;
	}

	.offscreen-content p {
		line-height: 1.5;
	}

}

/* Print Styles
---------------------------------------------------------------------------- */

@media print {

	* {
		opacity: 1 !important;
	}

}







.main-navigation {
    float: right;
    margin-top: 35px;
}

.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.nav-menu li {
    display: inline-block;
}

.nav-menu a {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #000;
    text-decoration: none;
    padding: 10px;
}

.nav-menu a:hover {
    color: #b9324a;
}


#rotating-title, #rotating-text {
    transition: opacity 1s ease-in-out;
}
#rotating-text p {
    white-space: nowrap;
}
.fade-text {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}


.fade-text.hidden {
    opacity: 0;
}

/* Grund-Layout */
.text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px; /* kannst du anpassen */
  background-color: transparent;
  color: white;
  text-align: center;
}

.headline-text {
  font-size: 3rem;
  font-weight: 600;
  margin: 0 40px;
}

/* Vertikale Linien optional */
.vertical-devider-left,
.vertical-devider-right {
  width: 2px;
  height: 80%;
  background-color: white;
}

.vertical-devider-left {
  margin-right: 20px;
}

.vertical-devider-right {
  margin-left: 20px;
}

/* Animationen */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-left {
  animation: slideInLeft 1s ease-out forwards;
}

.animate-right {
  animation: slideInRight 1s ease-out forwards;
}





.adlexis-container {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-bottom: 80px;
}

.adlexis-side-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.adlexis-side-block .adlexis-content {
  display: flex;
  align-items: stretch; /* wichtig: sorgt dafür, dass die Linie die volle Höhe hat */
  gap: 20px; /* etwas weniger Abstand als vorher */
}

.adlexis-image {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.adlexis-image.left,
.adlexis-image.right {
  flex-shrink: 0;
  width: 380px; /* vorher evtl. 280px – jetzt etwas größer */
  max-width: 100%;
  margin: 0;
}

.adlexis-side-block {
  gap: 40px; /* Falls nötig etwas vergrößern */
}

.adlexis-line {
  width: 2px;
  background-color: white;
  align-self: stretch;
  margin: 0;
  box-sizing: content-box;
  transform: translateZ(0); 
}

/* Flex-Setup für Text+Linie */
.adlexis-side-block .adlexis-content {
  display: flex;
  align-items: stretch; /* Linie wird an Höhe des Texts angepasst */
  gap: 20px; /* engerer Abstand */
}

/* Überschriften exakt am Text ausgerichtet */
.adlexis-text {
  color: white;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.adlexis-text.align-left {
  text-align: left;
}

.adlexis-text.align-right {
  text-align: right;
}

.headline-text {
  font-size: 3.8rem;
  font-weight: 500;
  margin: 0 0 20px 0;
  line-height: 1.2;
  width: 100%;
}

.headline-text.align-left {
  text-align: left;
}

.headline-text.align-right {
  text-align: right;
}

.subtext {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 0;
}

.definition {
  display: block;
  font-style: italic;
  margin-top: 10px;
}


/* Grid-Layout */
.flip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  margin: 40px 0;
}

/* Flip-Struktur */
.flip-container {
  perspective: 1000px;
  width: 100%;
  height: 350px;
  position: relative;
  display: block;
}

.flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1.0s;
  transform-style: preserve-3d;
}

.flip-container:hover .flipper {
  transform: rotateY(180deg);
}

.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: white;
  z-index: 1;
}

/* Rückseite dreht sich */
.back {
  transform: rotateY(180deg);
}

/* Bild-Hintergrund per ::before */

.back.portfolio-box {
  transform: rotateY(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;          
  z-index: 2;
  display: flex;
  justify-content: center;     /* vertikal zentriert */
  align-items: center;     
  flex-direction: column;      /* wichtig für Listendarstellung */
  padding: 30px 30px;
  overflow: hidden;
}


.front.portfolio-box::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
/*  filter: brightness(60%); */
  z-index: 0;
  
}
/*.back.portfolio-box::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(50%);
  z-index: 0;
  transform: scaleX(-1);
} */

.back.portfolio-box {
  background-image: linear-gradient(to right bottom, #846868, #836e74, #80757c, #7f7b80, #818181); ^
   padding: 30px 20px; /* oben etwas mehr Abstand */
}

/* Text liegt oben */
.front.portfolio-box > *,
.back.portfolio-box > * {
  position: relative;
  z-index: 1;
}

/* Beispielbild-Zuweisung – pro Kategorie */
.box-medical.front.portfolio-box::before,
.box-medical.back.portfolio-box::before {
  background-image: url('../img/AdobeStock_1320431068.jpg');
}

.box-strategie.front.portfolio-box::before,
.box-strategie.back.portfolio-box::before {
  background-image: url('../img/AdobeStock_336027741.jpg');
}

.box-pr.front.portfolio-box::before,
.box-pr.back.portfolio-box::before {
  background-image: url('../img/AdobeStock_699301918.jpg');
}

.box-mediaplan.front.portfolio-box::before,
.box-mediaplan.back.portfolio-box::before {
  background-image: url('../img/AdobeStock_1215527954.jpg');
}

.box-kampagnen.front.portfolio-box::before,
.box-kampagnen.back.portfolio-box::before {
  background-image: url('../img/AdobeStock_142836101.jpg');
}

.box-digital.front.portfolio-box::before,
.box-digital.back.portfolio-box::before {
  background-image: url('../img/AdobeStock_301630592.jpg');
}



.back.portfolio-box li {
  margin-bottom: 10px;
  list-style-type: disc;       /* Sicherheitshalber explizit */
}










.ticker-wrapper {
  width: 100%;
  overflow: hidden;
  background: white; /* Weißer Hintergrund */
  padding: 10px 0;
  position: relative;
}

.ticker-track {
  display: flex;
  gap: 40px;
  white-space: nowrap;
  will-change: transform;
}

.ticker-track a {
  display: inline-block;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.ticker-track a:hover {
  transform: scale(1.2);
  
}

.ticker-track img {
  height: 70px;       
  width: auto;        
  display: block;     
  object-fit: contain; 
  max-width: 150px;
}

.ticker-track img.logo-large {
  height: auto !important;
  max-height: 40px !important;
  max-width: none !important;
}


.widget,
.widget-title {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

.custom-bullet p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}

.trenner {
  display: block;
  width: 80px;
  height: 2px;
  background-color: #b9324a;
  margin: 16px auto;
  border-radius: 1px;
  font-size: 0;
  line-height: 1;
  transform: scaleY(0.5);
  transform-origin: center;
}

.bullet-block {
  margin-bottom: 24px;
  text-align: center;
}

.custom-bullet .trenner {
  display: block;
  height: 2px;
  width: 80px;
  background-color: #b9324a;
  margin: 12px auto;
  border-radius: 1px;
  font-size: 0;
  line-height: 1;
}

.custom-bullet .bullet-block {
  margin-bottom: 30px;
}





.back.portfolio-box,
.back.portfolio-box * {
  color: white !important;
  font-family: 'Lato', sans-serif;
  font-weight: 400 !important;
  font-size: 1.7rem !important; /* oder z. B. 18px */
  line-height: 1.5;
}

.textwidget.left-align p,
.textwidget.left-align p.thirty {
  text-align: left !important;
}

a.button {
  background-color: #b9324a; /* Standardfarbe (Pink) */
  color: #fff;
  border: none;
  transition: background-color 0.3s ease;
}

a.button:hover {
  background-color: #888 !important; /* Hover: grau */
  color: #fff !important;
}

a.button:focus,
a.button:active {
  background-color: #b9324a !important; /* Nach Klick: zurück zu Pink */
  color: #fff !important;
  outline: none;
}


.adlexis-center-block {
  text-align: center;
  margin: 80px auto;
  color: white;
}

.logo-line-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-bottom: 20px;
}

.logo-line-wrapper .line {
  flex-grow: 1;
  height: 2px;
  background-color: white;
  max-width: 300px;
}

.center-logo {
  width: 250px;
  height: auto;
  display: block;
}

.center-subtext {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.5;
  max-width: 700px;
  margin: 0 auto;
}


.adlexis-fullrow {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 40px;
  padding: 60px 0;
}

.section-container {
  max-width: 1000px;       /* statt 1200px */
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.adlexis-fullrow .adlexis-img-left {
  width: 360px;
  max-width: 100%;
  flex-shrink: 0;
}



.adlexis-fullrow .adlexis-text-block {
  width: 100%;
  text-align: left;
}

.adlexis-text-block {

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.adlexis-fullrow .headline-text {
  font-size: 3.2rem;

  margin-bottom: 20px;
  line-height: 1.2;
  color: #000;
}

.image-line-wrapper .adlexis-img-left {
  width: 360px;
  display: block;
}


.image-line-wrapper .horizontal-line-out {
  width: 100px;
  height: 2px;
  background-color: black;
  margin-inline: -30px; /* gleiche Überlappung links und rechts */
  flex-shrink: 0;
}


.adlexis-fullrow .definition {
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 10px;
}

.adlexis-fullrow .subtext {
  font-size: 1.2rem; /* 24px, wie im dunklen Bereich */
  font-weight: 300 !important;
  line-height: 1.6;
}

.white-section .subtext,
.white-section .definition {
  font-size: 2rem;
  line-height: 1.6;
}


.reverse {
  flex-direction: row-reverse;
}


/* Gemeinsame Bildumgebung */
.image-line-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.adlexis-img-left {
  display: block;
  width: 360px;
  height: auto;
  position: relative;
  z-index: 1;
}

.horizontal-line-left,
.horizontal-line-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: black;
  width: 100px;
  z-index: 2;
}

.horizontal-line-left {
  left: 100%;
  margin-left: 40px;
}

.horizontal-line-right {
  right: 100%;
  margin-right: 40px;
}


.adlexis-fullrow.align-left .adlexis-text-block {
  text-align: left;
}

.adlexis-fullrow.align-right .adlexis-text-block {
  text-align: right;
  margin-right: 25px;
}

.headline-text.align-left, .adlexis-text.align-left {
  text-align: left;
}

.headline-text.align-right, .adlexis-text.align-right {
  text-align: right;
}

.adlexis-fullrow.align-right {
  grid-template-columns: 1fr auto;
}

  .horizontal-line {
  height: 2px;
  background-color: black;
  width: 100%;
}

.adlexis-fullrow.align-right {
  grid-template-columns: 1fr auto;
}

.image-container {
  position: relative;
  display: inline-block;
}

.adlexis-img {
  width: 360px;
  height: auto;
  display: block;
}

/* Die Linie über dem Bild, mittig */
.horizontal-line-overlay {
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  width: 100px;         /* Linie beliebig anpassen */
  background-color: black;
  transform: translateY(-50%);
}

.kontakt-layout {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 40px;
}

.kontakt-bild {
  flex: 0 0 380px;
}

.kontakt-bild img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.kontakt-text {
  flex: 1;
  min-width: 280px;
}



.burger-toggle {
  display: none;
  
}




@media (max-width: 1199px) {
  .site-header .wrap {
    position: relative;
  }

  .burger-toggle {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 2rem;
    background: none;
    border: none;
    color: #b9324a;
    z-index: 1001;
    cursor: pointer;
  }

  .burger-toggle:hover {
  background-color: #b9324a;
  color: #fff;
}

.burger-toggle:focus,
.burger-toggle:active {
  outline: none;
  background-color: transparent !important;
}

  .main-navigation {
    display: none;
    width: 100%;
  }

  .main-navigation.menu-open {
    display: block;
  }

  .nav-menu {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .nav-menu li {
    text-align: center;
    border-bottom: 1px solid #ccc;
  }

  .nav-menu a {
    display: block;
    padding: 15px;
  }
}

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

.back.portfolio-box ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
}

.back.portfolio-box ul li {
  padding-left: 0;
  margin-bottom: 10px;
  list-style: none;
}

.back.portfolio-box ul li::before {
  content: none;
}

.front.portfolio-box {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  overflow: hidden;
}

.front.portfolio-box .profil-overlay {
  background: rgba(120,120,120,0.7); /* grauer, leicht transparenter Hintergrund */
  color: white;
  width: 100%;
  height: 100px;           /* Einheitliche Höhe */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 2;
}

.front.portfolio-box .profil-overlay h4 {
  font-family: 'Lato', sans-serif;
  margin: 0;
  font-size: 2.0rem;
  font-weight: 500;
}


/* Mobile Geräte */

@media (max-width: 1000px) {
  .fade-text {
    max-height: none;
    overflow: visible;
  }

  .fade-text::after {
    display: none;
  }
}

@media (max-width: 768px) {
  .fade-text p,
  .textwidget p,
  #rotating-text p {
    font-size: 2.0rem;
    line-height: 1.6;
    padding: 0 10px;
    white-space: normal !important; /* das ist entscheidend */
    word-break: break-word;         /* optional, für lange Wörter */
  }

  .headline-text {
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 0 10px 20px 10px;
  }
}

@media (max-width: 768px) {
  .widget-title.fadeup-effect {
    font-size: 4rem; 
    line-height: 1.4;
    text-align: center; /* optional */
    padding: 0 10px;    /* etwas Rand links/rechts */
  }
}


@media (max-width: 768px) {
  /* Effekives Storytelling */
  h4.widget-title.fadeup-effect,
  
  /* Portfolio */
  #portfolio .widget-title,
  
  /* Referenzen */
  #referenzen .widget-title {
    font-size: 3rem;
    line-height: 1.4;
    text-align: center;
    padding: 0 10px;
  }
}

@media (max-width: 768px) {
  .widget-title,
  .content-box-1-header,
  .content-box-2-header {
    font-size: 2.0rem;
    line-height: 1.3;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  .widget-title,
  .content-box-1-header,
  .content-box-2-header {
    font-size: 1.7rem;
  }
}

@media (max-width: 768px) {
  #rotating-title {
    font-size: 4.2rem;
    line-height: 1.3;
    padding: 0 10px;
    text-align: center;
    word-break: break-word;
  }
}

@media (max-width: 768px) {
  .subtext {
    font-size: 2.6rem !important;
    line-height: 1.6 !important;
    padding: 0 10px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .subtext {
    font-size: 2.0rem !important;
  }
}

@media (max-width: 768px) {
  .center-logo {
    width: 180px;
  }
}

@media (max-width: 480px) {
  .center-logo {
    width: 140px;
  }
}

@media (max-width: 768px) {
  .adlexis-fullrow.align-left,
  .adlexis-fullrow.align-right {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    text-align: center;
  }

  .adlexis-fullrow.align-right .adlexis-text-block,
  .adlexis-fullrow.align-left .adlexis-text-block {
    margin: 20px 0 0 0;
  }

  .adlexis-img {
    width: 100%;
    max-width: 360px;
    height: auto;
  }


  .subtext {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .adlexis-text-block {
    text-align: center !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
  }

  .adlexis-text-block .headline-text {
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 15px;
  }

  .adlexis-text-block .subtext {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    word-break: break-word;
  }
}

@media (max-width: 480px) {
  .adlexis-text-block .headline-text {
    font-size: 2rem;
  }

  .adlexis-text-block .subtext {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .headline-text {
    font-size: 2.6rem;  /* statt 2.2 oder 2.4 */
    line-height: 1.3;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .headline-text {
    font-size: 2.6rem !important;
  }
}

@media (max-width: 768px) {
  .adlexis-fullrow.align-right {
    display: flex;
    flex-direction: column !important; /* vertikal statt horizontal */
    align-items: center;
    text-align: center;
  }

  .adlexis-fullrow.align-right .adlexis-img {
    order: -1; /* Bild kommt vor dem Text */
    width: 100%;
    max-width: 360px;
    height: auto;
    margin-bottom: 20px;
  }

  .adlexis-fullrow.align-right .adlexis-text-block {
    margin: 0;
    padding: 0 10px;
  }
}

@media (max-width: 768px) {
  .widget-title {
    font-size: 3.2rem !important;
    line-height: 1.4;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  .widget-title {
    font-size: 1.7rem;
  }
}

@media (max-width: 768px) {
  .widgettitle.style {
    font-size: 2.8rem !important;
    line-height: 1.5;
    text-align: center;
    padding: 0 10px;
  }
}

@media (max-width: 480px) {
  .widgettitle.style {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  img[src*="arthrose.svg"] {
    max-width: 70%;
    height: auto;
  }
}

@media (max-width: 480px) {
  img[src*="arthrose.svg"] {
    max-width: 60%;
  }
}

@media (max-width: 768px) {
  .front-page-2 .widget-title {
    margin-top: 0;
    padding-top: 0;
  }

  .front-page-2 .widget-wrap {
    padding-top: 10px !important; /* nur bei Bedarf */
  }
}

@media (max-width: 768px) {
  .desktop-only-space {
    display: none;
  }

  .front-page-2 .widget-title {
    margin-top: 0;
    padding-top: 0;
  }

  .front-page-2 .widget-wrap {
    padding-top: 10px; /* feinjustierbar */
  }
}

@media (max-width: 768px) {
  br.desktop-space {
    display: none !important;
  }

  .front-page-2 .widget-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .front-page-2 .widget-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .kontakt-text {
    text-align: center;
    padding: 0 10px;
  }

  .kontakt-text p {
    font-size: 1.6rem;
    line-height: 1.6;
    word-break: break-word;
    margin-bottom: 1.4em;
  }

  .kontakt-text h4 {
    font-size: 2.5rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 1em;
  }
}

@media (max-width: 480px) {
  .kontakt-text p {
    font-size: 2.0rem;
  }

  .kontakt-text h4 {
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  .kontakt-layout {
    flex-direction: column;
    align-items: center;
  }

  .kontakt-bild {
    max-width: 360px;
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Standard-Desktop: linksbündig */
.kontakt-headline {
  text-align: left;
  margin-bottom: 20px;
  font-size: 2.4rem;
  line-height: 1.3;
}

/* Mobile-Ansicht: zentriert */
@media (max-width: 768px) {
  .kontakt-headline {
    text-align: center;
    font-size: 2rem;
    padding: 0 10px;
  }
}

@media (max-width: 480px) {
  .kontakt-headline {
    font-size: 1.8rem;
  }
}

@media (max-width: 1199px) {
  .main-navigation.menu-open .nav-menu {
    padding-bottom: 50px;
  }
}

#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  background-color: #b9324a; /* Pink wie andere Buttons */
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 2.4rem;
  padding: 12px 18px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: opacity 0.3s ease-in-out;
}

#scrollTopBtn:hover {
  background-color: #888;
}

@media (min-width: 1200px) {
  #scrollTopBtn {
    display: none !important; /* Nur mobil sichtbar */
  }
}

@media (min-width: 1024px) {
  .karriere-seite .kontakt-layout {
    align-items: center !important;
    min-height: 400px;
  }

  .karriere-seite .kontakt-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .karriere-bild-fix {
    align-self: flex-start;
    margin-top: -10px; /* Feinjustierung – ggf. -15px oder -20px testen */
  }
}

.karriere-bullet p {
  text-align: left;
}

@media (max-width: 767px) {
  .karriere-bullet p {
    text-align: center;
  }
}

.karriere-bullet .bullet-block {
  text-align: left;
}

.karriere-bullet .trenner {
  margin-left: 0;
  margin-right: auto;
}

/* Ab 767px abwärts: Trenner wieder zentrieren */
@media (max-width: 767px) {
  .karriere-bullet .bullet-block {
    text-align: center;
  }

  .karriere-bullet .trenner {
    margin-left: auto;
    margin-right: auto;
  }
}

media (max-width: 950px) {
  .back.portfolio-box,
  .back.portfolio-box * {
    font-size: 1.4rem !important;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .back.portfolio-box,
  .back.portfolio-box * {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .back.portfolio-box,
  .back.portfolio-box {
    padding: 20px 15px;
    font-size: 1.9rem !important;  /* vorher 1.7rem */
    line-height: 1.6 !important;
  }
}

@media (max-width: 1000px) and (min-width: 801px) {
  .flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .back.portfolio-box,
  .back.portfolio-box * {
    font-size: 1.5rem !important;
    line-height: 1.4;
  }
}

.entry-header::after {
    display: none !important;
}

.arthrose-logo {
  display: block;
  margin: 50px auto 20px auto;
  max-width: 500px;
  height: auto;
}

/* Mobilansicht */
@media (max-width: 768px) {
  .arthrose-logo {
    max-width: 60%;
  }
}

@media (max-width: 480px) {
  .arthrose-logo {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .content-box-1-header {
    font-size: 2.8rem !important;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .content-box-1-header a {
    font-size: 2.8rem !important;
    font-weight: bold;
    display: block;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .content-box-2-header {
    text-align: right;
  }

  .content-box-2-header a {
    font-size: 2.8rem !important;
    font-weight: bold;
    display: block;
    text-align: right;
  }
}



@media (max-width: 768px) {
  .vertical-devider-left,
  .vertical-devider-right {
    display: none !important;
  }
}

.flip-container.flip .flipper {
  transform: rotateY(180deg);
}

.flip-container:hover .flipper,
.flip-container.flip .flipper {
  transform: rotateY(180deg);
}

@media (max-width: 1199px) {
  .burger-toggle {
    background-color: #b9324a;
    color: white;
    transition: background-color 0.3s ease;
  }

  .burger-toggle.active {
    background-color: #b9324a !important;
    color: white !important;
  }

  .burger-toggle:focus,
  .burger-toggle:active {
    outline: none;
    background-color: #b9324a !important;
    color: white !important;
    box-shadow: none !important;
  }
}

@media (max-width: 1199px) {
  .site-header .wrap {
    position: relative;
  }

  .burger-toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px; /* kleinerer Abstand für modernere Optik */
    transform: translateY(-50%);
    font-size: 2rem;
    background-color: #b9324a;
    border: none;
    color: white;
    z-index: 1001;
    cursor: pointer;
    padding: 0.5em 0.75em;
    border-radius: 4px;
  }

  .burger-toggle.active {
    background-color: #b9324a !important;
    color: white !important;
  }

  .burger-toggle:focus,
  .burger-toggle:active {
    outline: none;
    background-color: #b9324a !important;
    color: white !important;
  }
}

.site-header {
  position: relative;
  z-index: 1000;
}

.burger-toggle {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-color: #b9324a;
  color: white;
  padding: 0.5em 0.75em;
  border: none;
  border-radius: 4px;
  z-index: 1100; /* höher als Menü */
}

@media (max-width: 1199px) {
  .site-header {
    position: relative;
    z-index: 1000;
  }

  .main-navigation {
    position: absolute;
    top: 55px; /* anpassen je nach Headerhöhe */
    left: 0;
    right: 0;
    background: white;
    display: none;
    flex-direction: column;
    z-index: 999;
  }

  .main-navigation.menu-open {
    display: flex;
  }
}



/* Nur für Mobilgeräte: das „mobile“ H4 zeigen, das im Layout über dem Bild sitzt */
@media (max-width: 768px) {
  .karriere-heading-mobile {
    display: block !important;
  }

  .kontakt-text .kontakt-headline {
    display: none !important; /* das im Text ausblenden */
  }
}

/* Ab 769px: das Original-H4 im Text anzeigen, das mobile ausblenden */
@media (min-width: 769px) {
  .karriere-heading-mobile {
    display: none !important;
  }

  .kontakt-text .kontakt-headline {
    display: block !important;
  }
}


.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* optionaler Schatteneffekt */
}