/*
Theme Name: Stop Stottern 2018
Version: 1.0
Text Domain: stop-stottern-2018
Author: Ben
Theme URI: https://www.stop-stottern.de/
Author URI: https://www.stop-stottern.de/
*/

/* ########## FONTS ########## */

@font-face {
	font-family: "DIN 1451";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local("DIN 1451"), local("DIN 1451 Engschrift"), /* From Local Drive */
	url("fonts/din-1451-engschrift-webfont.woff2") format("woff2"),  /* Super Modern Browsers */
	url("fonts/din-1451-engschrift-webfont.woff") format("woff"),  /* Modern Browsers */
	url("fonts/din-1451-engschrift-webfont.ttf") format("truetype"),  /* Safari, Android, iOS */
	url("fonts/din-1451-engschrift-webfont.eot") format("embedded-opentype"),  /* IE6-IE8 */
	url("fonts/din-1451-engschrift-webfont.eot?#iefix") format("embedded-opentype"),  /* IE9 Compat Modes */
	url("fonts/din-1451-engschrift-webfont.svg#din_1451_engschriftregular") format("svg"); /* Legacy iOS */
	unicode-range: U+000-5FF; /* Latin Glyphs */
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local("Open Sans"), local("Open Sans Regular"), local("OpenSans-Regular"),
	url("fonts/open-sans-regular.woff2") format("woff2"),
	url("fonts/open-sans-regular.woff") format("woff"),
	url("fonts/open-sans-regular.ttf") format("truetype"),
	url("fonts/open-sans-regular.eot") format("embedded-opentype"),
	url("fonts/open-sans-regular.eot?#iefix") format("embedded-opentype"),
	url("fonts/open-sans-regular.svg#OpenSans") format("svg");
	unicode-range: U+000-5FF;
}

/* ########## GENERAL ########## */

body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #222222;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "DIN 1451", sans-serif;
	font-weight: normal;
	color: #df0024;
	text-transform: uppercase;
	display: block !important;
	margin: 20px 0;
}
h1, .h1 {
	font-size: 3rem !important;
	margin-bottom: 10px;
}
h2, .h2 {
	font-size: 2.5rem !important;
}
h3, .h3 {
	font-size: 2rem !important;
}
h4, .h4 {
	font-size: 1.75rem !important;
}
h5, .h5 {
	font-size: 1.5rem !important;
}
h6, .h6 {
	font-size: 1.25rem !important;
}

.stopfont {
	font-family: "DIN 1451";
}

.opensans {
	font-family: "Open Sans";
}

b, strong {
	font-weight: bold;
}

a {
	color: #df0024;
	text-decoration: underline;
}

a:hover, a:focus,
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6,
.wp-block-image figcaption a:hover {
	color: #930018;
	text-decoration: none;
}

.has-medium-font-size a {
	text-decoration: none;
}

.lead {
    font-size: 1.5rem;
}

p {
	font-size: 1.125rem;
	margin-bottom: 20px;
}

p,
main ul {
	line-height: 1.7;
}

address, dl, ol, p, pre, ul {
    margin-bottom: 2rem;
}

main ul li, main ol li {
	margin-bottom: 10px;
}

ul,
.accordion ul li {
	list-style-type: square;
	margin-left: 40px;
	padding: 0;
}

.accordion ul li,
.alert li {
	margin-left: 20px;
}

hr {
	margin: 30px auto 40px;
	border-color: #df0024;
	border-width: 1px;
	border-style: solid;
    width: 25%;
}

hr.wp-block-separator.is-style-wide {
	width: 75%;
	border-style: dashed;
}

hr.wp-block-separator.is-style-dots {
	line-height: 0;
}

hr.wp-block-separator.is-style-dots:before {
	color: #df0024;
	font-size: 2rem;
	letter-spacing: 1em;
	padding: 0;
}

/* Misc */

::selection {
	color: #ffffff;
	background: rgba(223, 0, 36, 1);;
} 

::-moz-selection {
	color: #ffffff;
	background: rgba(223, 0, 36, 1);;
}

img::selection {
	color: #ffffff;
	background: rgba(223, 0, 36, .25);
} 

img::-moz-selection {
	color: #ffffff;
	background: rgba(223, 0, 36, .25);
}
figure img {
    height: unset;
}

.highlight {
	padding: 4px 8px;
}

#scroll-progress {
	background: #df0024;
	position: fixed;
	top: 0;
	width: 0%;
	height: 4px;
	z-index: 2147483648;
  }

/* ########## STRUCTURE ########## */

.entry-content > div {
    margin-bottom: 20px;
}

/* ########## BUTTONS & BADGES ########## */

.btn, a.btn,
.wp-block-button .wp-block-button__link,
.woocommerce a.button, .woocommerce button, .woocommerce button.button {
	font-family: "DIN 1451", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.375rem;
	line-height: 1;
	padding: 1rem 1.5rem;
	border-style: none;
	text-decoration: none !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	border: 1px solid;
	text-shadow: none;
}

.btn, .btn:hover, .badge {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.btn.disabled, .btn:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.wp-block-button {
    margin-bottom: 10px;
}

.btn-sm {
    font-size: 1.25rem !important;
	padding: 1rem 0.75rem !important;
}

.btn-lg {
	font-size: 1.5em !important;
	padding: 1.5rem 1.6rem !important;
}

.btn-nav {
	font-size: 1.25rem !important;
    padding: 0.72rem 1rem !important;
}

.badge {
    font-weight: normal;
	font-size: 0.8em;
	padding: .3em .5em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.btn-group, .btn-group-vertical {
	display: block;
}

.btn-group .btn {
    margin-bottom: 5px;
}

#jump-marks {
    margin: 30px 0;
}

#jump-marks h4 {
    margin: 0 0 10px 0;
}

#jump-marks a {
	width: 100%;
}

#jump-marks .btn {
	text-decoration: none;
}


/* ########## COLORS ########## */

/* DEFAULT */

.has-default-color {
	color: #f4f4f4;
}

.has-default-background-color,
.bg-default, .btn-default, .badge-default,
.woocommerce .button {
	background-color: #f4f4f4 !important;
	color: #222222;
}

.wp-block-button .has-default-background-color, .btn-default,
.woocommerce .button {
	border-color: #dddddd !important;
}

.btn-default:hover, .btn-default.focus, .btn-default:focus,
.accordion .card.bg-default .card-header:hover,
.woocommerce .button:hover {
    background-color: #dddddd !important;
	border-color: #aaaaaa !important;
	color: #222222;
}

.highlight-default {
	background-color: rgba(51, 51, 51, .1);
}

/* PRIMARY */ 

.has-primary-color, .text-primary {
	color: #df0024 !important;
}

.has-primary-background-color,
.bg-primary, .btn-primary, .badge-primary,
.wc-bookings-date-picker .ui-datepicker td.fully_booked a,
.wc-bookings-date-picker .ui-datepicker td.fully_booked span {
	background-color: #df0024 !important;
	color: #ffffff !important;
}

.wc-bookings-date-picker .date-picker-legend .fully_booked {
	background-color: #f4a6b3;
	color: #fff;
}

.wp-block-button .has-primary-background-color, .btn-primary {
	border-color: #ac001c !important;
	text-shadow: 2px 2px 0px #ac001c;
}

.wp-block-button .has-primary-background-color:hover,
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus,
.accordion .card.bg-primary .card-header:hover {
    background-color: #ac001c !important;
	border-color: #6f0012 !important;
	color: #ffffff;
}

.wp-block-button.is-style-outline .has-primary-background-color {
	color: #df0024 !important;
	border-color: #df0024 !important;
}

.wp-block-button.is-style-outline .has-primary-background-color:hover {
	color: #ffffff !important;
	background-color: #df0024 !important;
}

.highlight-primary {
	background-color: rgba(223, 0, 36, .125);
}

/* PRIMARY LIGHT */ 

.has-primary-light-color, .text-primary-light {
	color: #feefee !important;
}

.has-primary-light-background-color,
.bg-primary-light, .btn-primary-light, .badge-primary-light {
	background-color: #feefee !important;
	color: #222222;
}

.wp-block-button .has-primary-light-background-color, .btn-primary-light {
	border-color: #ac001c !important;
	text-shadow: 2px 2px 0px #ac001c;
}

/* SUCCESS */

.has-success-color, .text-success {
	color: #39bd4b !important;
}

.has-success-background-color,
.btn-success, .badge-success,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .alert .button,
.wc-bookings-date-picker .ui-datepicker td.bookable a,
.wc-bookings-date-picker .date-picker-legend .bookable, .wc-bookings-date-picker .date-picker-legend .partial_booked {
	background-color: #39bd4b !important;
	color: #ffffff;
}

.has-success-light-background-color, .bg-success {
	background-color: #c1eaab !important; /* TODO: Heller machen und in HS/MC/WP updaten */
}

.wp-block-button .has-success-background-color, .btn-success,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .alert .button {
	border-color: #30a03f !important;
	text-shadow: 2px 2px 0px #30a03f;
}

.wp-block-button .has-success-background-color:hover,
.btn-success:hover, .btn-success.focus, .btn-success:focus,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .alert .button:hover {
    background-color: #30a03f !important;
	border-color: #1f6729 !important;
	color: #ffffff;
}

.wp-block-button.is-style-outline .has-success-background-color {
	color: #39bd4b !important;
	border-color: #39bd4b !important;
}

.wp-block-button.is-style-outline .has-success-background-color:hover {
	color: #ffffff !important;
	background-color: #39bd4b !important;
}

.highlight-success {
	background-color: rgba(57, 189, 75, .3);
}

/* WARNING */

.has-warning-color, .text-warning {
	color: #ffaa22 !important;
}

.has-warning-background-color,
.btn-warning, .badge-warning {
	background-color: #ffaa22 !important;
	color: #ffffff;
}

.has-warning-light-background-color, .bg-warning {
	background-color: #ffdeaa !important;
}

.wp-block-button .has-warning-background-color, .btn-warning {
	border-color: #e08e0b !important;
	text-shadow: 2px 2px 0px #e08e0b;
}

.wp-block-button .has-warning-background-color:hover,
.btn-warning:hover, .btn-warning.focus, .btn-warning:focus,
.btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    background-color: #ee9200 !important;
	border-color: #b16d00 !important;
	color: #ffffff;
}

.wp-block-button.is-style-outline .has-warning-background-color {
	color: #ffaa22 !important;
	border-color: #ffaa22 !important;
}

.wp-block-button.is-style-outline .has-warning-background-color:hover {
	color: #ffffff !important;
	background-color: #ffaa22 !important;
}

.highlight-warning {
	background-color: rgba(255, 170, 34, .3);
}

/* INFO */

.has-info-color, .text-info {
	color: #3498db !important;
}

.has-info-background-color,
.btn-info, .badge-info {
	background-color: #3498db !important;
}

.has-info-light-background-color, .bg-info {
    background-color: #d9edf7 !important;
}

.wp-block-button .has-info-background-color, .btn-info {
	color: #ffffff;
	border-color: #217dbb !important;
	text-shadow: 2px 2px 0px #217dbb;
}

.wp-block-button .has-info-background-color:hover,
.btn-info:hover, .btn-info.focus, .btn-info:focus {
    background-color: #217dbb !important;
	border-color: #185a87 !important;
	color: #ffffff;
}

.wp-block-button.is-style-outline .has-info-background-color {
	color: #3498db !important;
	border-color: #3498db !important;
}

.wp-block-button.is-style-outline .has-info-background-color:hover {
	color: #ffffff !important;
	background-color: #3498db !important;
}

.highlight-info {
	background-color: rgba(52, 152, 219, .1);
}

/* WHITE */

.has-white-color, .text-white {
	color: #ffffff !important;
}

.bg-white,
.has-white-background-color {
    background-color: #ffffff;
}

.btn-white {
	color: #222222;
	background-color: #f4f4f4;
	border-color: #f8f9fa;
}

.btn-white:hover,
.btn-white:focus, .btn-white.focus,
input:focus + label {
	color: #222222;
	background-color: #ffffff;
	border-color: #dae0e5;
}

.btn-white:focus, .btn-white.focus,
.btn-link:focus, .btn-link.focus,
input:focus + label {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
	color: #222222;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

/* DARK GRAY */

.has-dark-gray-color {
	color: #222222 !important;
}

.has-dark-gray-background-color {
	background-color: #222222;
	color: #ffffff;
}

.wp-block-button.is-style-outline .has-dark-gray-background-color {
	color: #222222 !important;
	border-color: #222222 !important;
}

.wp-block-button.is-style-outline .has-dark-gray-background-color:hover {
	color: #ffffff !important;
	background-color: #222222 !important;
}

/* TEXT MUTED */

.text-muted {
    color: #6c757d !important;
}


/* SOCIALS */

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-bottom-color: #14306B;
}

.btn-facebook:hover {
    color: #ffffff;
    background-color: #324c82;
}

.youtube {
	color: #ff0000;
}

.facebook {
	color: #3b5998;
}

.whatsapp {
	color: #4dc247;
}

.twitter {
	color: #1da1f2;
}

.linkedin {
	color: #0a66c2;
}


.instagram {
	color: #E1306C;
}


/* ########## FORMS ########## */

.form-group h4, .form-group .h4 {
    margin: 15px 0 !important;
}

.form-group button {
    margin-top: 15px !important;
}

/* WooCommerce */

.form-row {
	display: block;
}

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: none;
    width: auto;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border-radius: 0;
	margin: 20px 0 0 0;
}

.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
	width: 100% !important;
}


/* ########## HEADER ########## */

#header-main {
	padding: 20px 0;
}

#header a {
	text-decoration: none;
}

#header a.custom-logo-link {
	display: block;
}

#header .custom-logo {
    max-height: 43px;
    width: auto;
}

/* ########## NAVIGATION ########## */

.navbar {
	padding: 0;
	background: #df0024;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* FLEX SETTINGS */
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	align-content: center;
	flex-direction: row;
}

.navbar ul {
    margin: 0;
}

.navbar a {
	color: #ffffff;
}

.navbar-nav .nav-link {
	font-family: "DIN 1451", sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	border: none;
	padding: 5px 15px !important;
}
  
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
	color: #ffffff;
	background: #ac001c;
	border: none;
}

/* DROPDOWN */

.navbar .dropdown-menu {
	position: static !important;
	padding: 0;
	border: 1px solid #930018;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.navbar .dropdown-menu li {
	line-height: 0;
}

.navbar .dropdown-menu a {
	font-size: inherit;
	color: #333 !important;
	padding: 20px;
}

.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu .active a {
	background-color: #df0024;
	color: #fff !important;
}

.dropdown-toggle:after,
.dropup .dropdown-toggle:after {
    vertical-align: .2em;
}


/* ICON NAVIGATION */

.navbar-toggler,
.icon-nav a {
	display: block;
	padding: 5px;
	color: #222222;
	text-align: center;
}

.icon-nav a:hover span {
	border-bottom: 1px solid;
}

.icon-nav i,
.icon-nav svg {
	vertical-align: top;
}

.icon-nav svg {
	height: 25px;
}

.icon-nav i {
	font-size: 1.5625rem;
}

.mnav-text {
	font-size: 10px;
	display: block;
}

.icon-nav .cart-items {
	font-size: .6em;
    font-weight: bold;
    color: #fff;
    background-color: #df0024;
    position: relative;
    top: -12px;
    right: 12px;
    padding: 0 .5em;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
}


/* ANIMATED BURGER */

.animated-icon {
	width: 25px;
    height: 25px;
	top: 6px;
	margin: 0px;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	cursor: pointer;
  }
  
.animated-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
  }
  
.animated-icon span {
	background: #222222;
  }

.animated-icon span:nth-child(1) {
	top: 0px;
}

.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {
	top: 10px;
}
  
.animated-icon span:nth-child(4) {
	top: 20px;
}
  
.animated-icon.open span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
}
  
.animated-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.animated-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.animated-icon.open span:nth-child(4) {
	top: 11px;
	width: 0%;
	left: 50%;
}

/* ANIMATED CARET */
.dropdown-toggle:after {
    transition: .5s ease-in-out;
    transform: rotate(0deg);
}
.dropdown-toggle[aria-expanded="true"]:after,
.dropdown:hover .dropdown-toggle:after {
    border-top: 0;
    border-bottom: .3em solid;
    transition: .5s ease-in-out;
    transform: rotate(270deg);
}

/* SHOP HIGHLIGHT */
#menu-item-123456:after {
    content: "neu";
	font-size: 0.6em;
	font-weight: normal;
	color: #930018;
	background-color: #feefee;
    position: absolute;
    top: 30px;
	left: 45px;
	padding: 0em .5em;
    border-radius: 1rem;
	-webkit-border-radius: 1rem;
}

/* ########## FOOTER ########## */

#footer {
	text-align: center;
	margin-bottom: 30px;
}
#footer .row {
	padding: 20px 0;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
    margin-bottom: 2rem;
}
#footer .widget_nav_menu a {
	color: #222222;
	text-decoration: none;
	padding: 5px 0;
    display: block;
}
#footer .widget_nav_menu a:hover {
    text-decoration: underline;
}
#footer .h4 {
	margin: 0;
}
#footer .bg-default .h3:after,
#footer .bg-default .h4:after {
    content: "";
    border-bottom: 2px solid #df0024;
    display: block;
    /* width: 200px;
    margin: 10px auto 15px; */
}
#footer blockquote {
	text-align: center;
}

#footer #footer-first {
	padding: 30px 0 20px 0;
}

#footer #footer-first .testimonial_rotator_slide_title {
	font-family: sans-serif;
	font-size: 1.5rem;
	color: #df0024;
}

#footer #footer-benefits {
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

#footer #footer-benefits ol {
	padding: 0;
}

#footer #footer-benefits li {
	float: left;
	width: 30%;
	margin-right: 20px;
	list-style: none;
}

#footer #footer-benefits li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	color: #39bd4b;
	margin-right: 10px;
}

#footer #footer-bottom i {
	margin: 10px 10px 0;
}

#newsletter-footer {
	background-image: url(/wp-content/uploads/newsletter-footer.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/* ########## BACKGROUNDS ########## */

.bg {
	margin-bottom: 20px;
}
.has-background {
	background-repeat: repeat-x;
}

.wp-block-column .bg,
.wp-block-column > .has-background {
    padding: 20px 25px;
}

.bg > .container,
.has-background > .container,
.container > .has-background {
	padding: 20px;
}

.bg a, .has-background a {
	text-decoration: none;
}

.bg ul, .has-background ul {
	padding-left: 0;
	margin: 0 !important;
}

.bg .btn {
	margin-top: 20px;
}

.bg h2, .bg .h2,
.bg h3, .bg .h3,
.bg h4, .bg .h4 {
	margin-top: 0;
}

.bg-primary h2, .has-primary-background-color h2,
.bg-primary h3, .has-primary-background-color h3,
.bg-primary h4, .has-primary-background-color h4,
.bg-primary h5, .has-primary-background-color h5,
.bg-primary p, .has-primary-background-color p {
	color: #ffffff;
}

.bg-primary a, .has-primary-background-color a {
	color: #ffffff !important;
	border-bottom: 1px dashed #ffffff;
}

.bg-primary a:hover, .has-primary-background-color a:hover {
	border-bottom: 1px solid #ffffff;
}


/* ########## FLATBOX ########## */

.flatbox {
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.flatbox h3, .flatbox h4,
.flatbox .h3, .flatbox .h4 {
  margin: 20px 0;
}

.flatbox p {
  display: block;
  margin-bottom: 10px;
  color: #222222;
  text-align: center;
}

.flatbox .bg p {
  text-align: justify;
  font-size: 0.9em;
  color: #222222;
}


.flatbox-default, .card,
.testimonial_rotator.template-default .testimonial_rotator_slide,
.testimonial_rotator.template-default .testimonial_rotator_single {
  background: #ffffff;
  box-shadow: 0px 1px 0px 1px #cccccc;
  -moz-box-shadow: 0px 1px 0px 1px #cccccc;
  -webkit-box-shadow: 0px 1px 0px 1px #cccccc;
}

.flatbox-default i,
.flatbox-default h3 {
  color: #df0024;
}

.flatbox-primary {
  background: #df0024;
  box-shadow: 0px 1px 0px 1px #930018;
  -moz-box-shadow: 0px 1px 0px 1px #930018;
  -webkit-box-shadow: 0px 1px 0px 1px #930018;
}

.flatbox-primary i,
.flatbox-primary h3, .flatbox-primary .h3,
.flatbox-primary h4, .flatbox-primary .h4,
.flatbox-primary p,
.flatbox-primary small {
  color: #ffffff;
}

.flatbox-primary .bg-white h3, .flatbox-primary .bg-white .h3,
.flatbox-primary .bg-white h4, .flatbox-primary .bg-white .h4 {
  color: #df0024;
  margin-top: 0;
}

/* BACKGROUND */

.flatbox-background {
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

.flatbox.flatbox-primary.flatbox-background {
    background-color: #d74040;
}


/* ########## IMAGES ########## */

.wp-post-image {
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.card-columns .card, .card-columns .card:hover,
.yarpp-column .card, .yarpp-column .card:hover,
figure.is-resized a img, figure.is-resized:hover a img,
figure.wp-block-image a img, figure.wp-block-image:hover a img,
figure figcaption, figure:hover figcaption,
a.woocommerce-loop-product__link .card, a.woocommerce-loop-product__link .card:hover,
a.woocommerce-loop-product__link h2, a.woocommerce-loop-product__link h2:hover {
	-webkit-transition: .3s ease-in-out !important;
    transition: .3s ease-in-out !important;
}

.card-columns .card,
.yarpp-column .card,
figure.is-resized a img,
figure.wp-block-image a img,
a.woocommerce-loop-product__link .card {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.card-columns .card:hover,
.yarpp-column .card:hover,
figure.is-resized:hover a img,
figure.wp-block-image:hover a img,
a.woocommerce-loop-product__link .card:hover {
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.20) !important;
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.20) !important;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.20) !important;
}

figcaption {
	color: #6c757d !important;
	font-size: 16px;
}

figure figcaption,
a.woocommerce-loop-product__link h2 {
	transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
}

figure:hover figcaption,
a.woocommerce-loop-product__link:hover h2 {
	transform: translate(0, 3px);
	-webkit-transform: translate(0, 3px);
}

.wp-block-image figcaption a {
    font-family: "DIN 1451", sans-serif;
    font-size: 2rem;
    color: #df0024;
	text-align: center;
	text-decoration: none;
    margin: 0;
}

.rounded-circle, .rounded-circle img {
	border-radius: 50% !important;
}


/* ########## WOOCOMMERCE ########## */

/* Shop Loop */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding-top: 0;
}

.woocommerce ul.products li.product a img {
	margin: 0;
}

/* Product Page Images */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	float: none;
	width: 100%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
	clear: none;
}

.woocommerce div.product:after {
	clear: both;
	content: "";
	display: block;
}

.flex-viewport {
    height: auto !important;
}

.woocommerce .alert .button {
	margin-right: 10px;
}

.woocommerce a.remove {
	display: table-cell;
	height: 1.5em;
    width: 1.5em;
	font-weight: normal;
	color: #333 !important;
	text-align: center !important;
	vertical-align: middle;
}

.woocommerce a.remove:hover {
	color: #df0024 !important;
	background-color: #eee;
}

.woocommerce div.product div.images img {
	transform: scale(1);
	width: auto;
}

/* Bookings Calendar */
.wc-bookings-date-picker {
    padding: 0;
}

.wc-bookings-booking-form fieldset {
    margin: 0 0 1em;
    line-height: inherit;
}

.wc-bookings-date-picker .ui-datepicker td.partial_booked a:before,
.wc-bookings-date-picker .date-picker-legend .partial_booked:before {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	border-style: solid;
	border-width: 25px 25px 0 0;
    border-color: #fa2 transparent transparent transparent;
	width: 0;
	height: 0;
}

.wc-bookings-date-picker .date-picker-legend .partial_booked:before {
	border-width: 15px 15px 0 0;
}

.wc-bookings-date-picker .ui-datepicker td.fully_booked a,
.wc-bookings-date-picker .ui-datepicker td.fully_booked span {
	cursor: not-allowed;
}

/* Cart */
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
}

/* Checkout */
.woocommerce-checkout #payment label {
	display: inline;
}

/* Memberships */
/* Hide Memberships restricted content message */
.admin-bar .wc-memberships.admin-restricted-content-notice {
	display: none;
}

.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
	content: none;
}

/* Misc */
.woocommerce-privacy-policy-text p {
	font-size: .9375rem;
}


/* ########## ALERTS ########## */

.alert,
.woocommerce-noreviews, .woocommerce-info {
	margin-bottom: 1rem;
	padding: 0.75rem 1.25rem;
	border: 1px solid transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-info,
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-danger,
.woocommerce-error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}


/* ########## CARDS ########## */

.card-columns .card {
    margin-bottom: 20px;
}

.card-deck {
	margin-bottom: 20px;
}

.card, .card-img-top {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.card .wp-post-image {
	margin-bottom: 0;
}

.card {
	background: #ffffff;
	margin-bottom: 20px;
	border: none;
}

.card-header {
	border-top: 1px solid #e0e0e0;
    border-bottom: none;
}

.card h3, .card .h3 {
	margin-top: 0;
}

.card-columns .card a {
    text-decoration: none;
}

.card a {
    text-decoration: underline;
}

.card a:hover {
    text-decoration: none;
}

.card .card-body .card-text {
	color: #222222;
	font-size: 1rem;
	text-align: justify;
}

.has-background .card i {
	color: #df0024;
	margin-bottom: 20px;
}

/* ACCORDION */

.accordion .card {
	margin-bottom: 10px;
}

.accordion .card-header {
    padding: 0;
}

.accordion .card-header:first-child {
    border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.accordion .card-header:hover {
    background: #eee;
}

.accordion .card-header .h4 {
	margin: 0;
	color: inherit;
	padding: .75rem 2.25rem .75rem 1.25rem;
	text-decoration: none;
}

.accordion .card-header .h4:after {
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    font-size: 2rem;
    font-weight: 900;
    color: #df0024;
    position: absolute;
    top: 10px;
    right: 20px;
}
.accordion .card-header .h4.collapsed:after {
    content: "\f107"; 
}

.accordion .card-body {
	border-top: 1px solid #e0e0e0;
}

/* ACCORDION BG-PRIMARY */

.accordion .card.bg-primary .card-header a {
	border: none;
}

.accordion .card.bg-primary .card-header .h4:after {
	color: #ffffff;
}

.accordion .card.bg-primary [id*="body"] > .card-body {
	background-color: #ffffff;
}

.accordion .card.bg-primary .card-body p {
	color: #222222;
}



/* ########## TABS ########## */

.tabs .card {
	float: left;
}

.nav-tabs {
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.nav-tabs li {
    margin: 0 !important;
    padding: 0 !important;
}

.nav-tabs > li > a {
    border: none;
    border-bottom: 3px solid #ddd;
	border-top: 3px solid #ddd;
	padding: 10px 15px;
    margin-right: 2px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 3px solid #df0024;
    border-top: 3px solid #df0024;
    color: #df0024;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: #ffffff;
    border: none;
    border-bottom: 3px solid #df0024;
    border-top: 3px solid #df0024;
}

.tab-content > .tab-pane {
    padding: 28px 0 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	background-color: inherit; /* Contact Box Fix */
}


/* ########## PROGRESS BAR ########## */

.progress {
	height: 1.5rem;
	margin-bottom: 20px;
}


/* ########## TESTIMONIALS ########## */

blockquote {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5rem;
	border: none !important;
	margin: 0 !important;
}

blockquote p {
	margin-bottom: 0;
}

/* blockquote:before {
	font-size: 4rem;
	font-weight: bold;
	color: #ccc;
    content: "\201C";
	line-height: 0em;
    vertical-align: -0.35em;
	margin-right: -15px;
	margin-left: -20px;
}

blockquote:after {
	content: "";
	margin: 5px auto;
	display: block;
	width: 200px;
	border-bottom: 3px solid transparent;
	border-image: -moz-linear-gradient(left, rgba(223,0,37,1) 0%, rgba(255, 170, 34, 1) 100%);
	border-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(223,0,37,1)), color-stop(100%, rgba(255, 170, 34, 1)));
	border-image: -webkit-linear-gradient(left, rgba(223,0,37,1) 0%, rgba(255, 170, 34, 1) 100%);
	border-image: -o-linear-gradient(left, rgba(223,0,37,1) 0%, rgba(255, 170, 34, 1) 100%);
	border-image: -ms-linear-gradient(left, rgba(223,0,37,1) 0%, rgba(255, 170, 34, 1) 100%);
	border-image: linear-gradient(to right, rgba(223,0,37,1) 0%, rgba(255, 170, 34, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#df0025", endColorstr="#ffaa22", GradientType=1 );
	border-image-slice: 1;
} */

cite {
	font-style: normal;
}

.testimonial_rotator.format-list .slide {
	margin: 0 0 20px 0;
}

.testimonial_rotator_wrap {
	padding: 0 1px 20px !important;
	margin: 0;
}

/* Add space to rotating testimonials */
.testimonial_rotator.template-default .slide {
    width: fit-content;
    margin: 0 40px;
    height: auto;
}

/* Increase rotator controls */
.testimonial_rotator_prev, .testimonial_rotator_next {
    font-size: 2em;
}

.testimonial_rotator.template-default .testimonial_rotator_slide, .testimonial_rotator_single {
	padding: 20px;
}

.testimonial_rotator.template-default .has-image .img {
	width: 100%;
    float: none;
    margin-right: 0;
    padding: 0;
    text-align: center;
}

.testimonial_rotator.template-default .has-image .img img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.testimonial_rotator.template-default .has-image .text {
	width: 100%;
	float: none;
}

.testimonial_rotator.template-default .testimonial_rotator_quote:before,
.testimonial_rotator.template-default .testimonial_rotator_quote:after,
blockquote:before, blockquote:after {
	font-family: sans-serif;
	font-size: 2rem;
	font-weight: 900;
	color: #df0024;
	content: "\201C";
	line-height: 0em;
}

.testimonial_rotator.template-default .testimonial_rotator_quote:before,
blockquote:before {
	padding-right: 5px;
	vertical-align: -5px;
}

.testimonial_rotator.template-default .testimonial_rotator_quote:after,
blockquote:after {
	content: "\201D";
	margin-left: 10px;
	vertical-align: -0.65em;
}

.testimonial_rotator.template-default .testimonial_rotator_author_info,
blockquote cite {
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	color: #df0024;
    padding: 0;
    margin: 20px 0 0 0;
    border-left: none;
}

.testimonial_rotator.template-default .testimonial_rotator_author_info p,
blockquote cite, blockquote cite a {
	font-size: 18px;
	margin: 0;
}

.testimonial_rotator a {
    text-decoration: underline;
}


/* ########## BREADCRUMB ########## */

#breadcrumbs {
	font-size: 0.875rem;
	margin: 20px 0;
}

#breadcrumbs a {
    text-decoration: none;
}


/* ########## TABLES ########## */

table.table td, table.table th {
	font-size: 1em;
    padding: .75rem;
}

.table-sm td, .table-sm th {
	padding: .4rem !important;
}

.bg-primary .table {
	margin: 0;
}

.bg-primary .table td {
	border: none;
}


/* ########## TOC ########## */

#ez-toc-container {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-color: #df0024 !important;
}

#ez-toc-container .ez-toc-list li {
	line-height: 2em;
}

/* ########## AUTHORBOX ########## */

#authorbox {
	margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #df0024;
}

#authorbox .row {
	padding: 0;
}

#authorbox .h3:after {
    content: "";
    border-bottom: 2px solid #df0024;
    display: block;
    width: 200px;
    margin: 10px auto 15px;
}

#authorbox p {
	margin: 0;
	text-align: justify;
}

#authorbox a {
    text-decoration: none;
}


/* ########## CONTACTBOX ########## */

#kontakt {
	text-align: center;
	padding: 20px;
}

#kontakt a {
    border: none;
}

#kontakt .tab-content {
	font-family: "DIN 1451", sans-serif;
	font-size: 2em;
	margin-bottom: 20px;
}

#kontakt .tab-content small {
    font-size: .5275em;
}

#kontakt .tab-pane {
    padding: 0;
    line-height: normal;
}

#kontakt .nav-tabs {
    border-top: 1px solid #ffffff;
    padding-top: 15px;
}

#kontakt .nav-tabs li {
    display: block;
    float: left;
    width: 33%;
    border-right: 1px solid #ffffff;
}

#kontakt .nav-tabs li:last-child {
    border: none !important;
}


/* ########## stotter-typen-test ########## */

#stotter-typen-test {
	text-align: center;
	padding: 7%;
	background: #df0024;
	background: -moz-linear-gradient(-45deg, #df0024 0%, #ffaa22 100%);
	background: -webkit-linear-gradient(-45deg, #df0024 0%,#ffaa22 100%);
	background: linear-gradient(135deg, #df0024 0%,#ffaa22 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0024', endColorstr='#ffaa22',GradientType=1 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#stotter-typen-test .h1, #stotter-typen-test .h2, #stotter-typen-test .h3, #stotter-typen-test .h4 {
	color: #ffffff;
}

#stotter-typen-test .form-check {
    margin: 10px 0;
}

#stotter-typen-test input.form-control,
#stotter-typen-test label.form-check-label,
#stotter-typen-test .btn-white {
	font-size: 1em;
	text-align: center;
	padding: 0.75em 1em;
	margin: 0 auto;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#stotter-typen-test #word {
    margin: 40px auto;
}
/* Input Fields */
#stotter-typen-test input.form-control {
	width: 90%;
}
/* Radio Options */
#stotter-typen-test label.form-check-label {
    width: 100%;
}
/* Result Cards */
#stotter-typen-test .card.btn-white {
    width: 100%;
}

#stotter-typen-test .card .h1, #stotter-typen-test .card .h2, #stotter-typen-test .card .h3, #stotter-typen-test .card .h4 {
	color: #df0024;
	margin-top: 0;
}

#stotter-typen-test .card {
    margin-bottom: 20px;
}

#stotter-typen-test .btn-link {
    color: #ffffff;
}

#stotter-typen-test .btn-link:hover {
    color: #ffffff;
}

#stotter-typen-test input[type=radio], #stotter-typen-test input[type=checkbox] {
    position: fixed;
    opacity: 0;
}

#stotter-typen-test .fa-inverse {
	color: #df0024;
}


/* ########## UTILITIES ########## */

.checklist li {
	list-style-type: none;
	margin: 0px;
}

.checklist li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 2rem;
	position: relative;
	top: 5px;
	content: "\f00c";
	color: #39bd4b;
	margin-right: 10px;
}

.with-arrow:after,
#authorbox a:after,
h1 a:after,
h2 a:after,
h3 a:after,
h4 a:after,
h5 a:after,
h6 a:after,
.wp-block-image figcaption a:after {
	margin-left: 3px;
	content: " \203a";
	vertical-align: baseline;
	font-weight: bold;
}

.embed-responsive {
    margin-bottom: 20px;
}


/* ########## SCREEN READERS ########## */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	-webkit-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: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* ########## BOOTSTRAP ########## */

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	/* Overwrite WP Block Column Styles */
	padding: 0 15px !important;
	margin: 0 !important;
}

.form-group {
    margin-bottom: 15px !important;
}

.form-control {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
}


/* ########## META SLIDER ########## */

.metaslider.ms-theme-simply-dark .flexslider ul.slides .caption-wrap,
.metaslider.ms-theme-simply-dark .rslides .caption-wrap,
.metaslider.ms-theme-simply-dark div.nivoSlider .nivo-caption,
.metaslider.ms-theme-simply-dark .cs-title {
	font-family: "Open Sans", sans-serif;
	background: #df0024 !important;
	margin: 0 20px 20px !important;
}

/* ########## WORDPRESS BLOCKS ########## */

.wp-block-media-text .wp-block-media-text__content {
    padding: 0;
}

/* ########## KADENCE BLOCKS ########## */

/* Fixing Woo Product Shortcode Content in Tabs  */
.kt-tabs-wrap .wp-block-kadence-tab {
    display: block;
    visibility: hidden;
    height: 0;
    padding: 0;
}
.kt-tabs-wrap.kt-active-tab-1>.kt-tabs-content-wrap>.kt-inner-tab-1,
.kt-tabs-wrap.kt-active-tab-2>.kt-tabs-content-wrap>.kt-inner-tab-2,
.kt-tabs-wrap.kt-active-tab-3>.kt-tabs-content-wrap>.kt-inner-tab-3,
.kt-tabs-wrap.kt-active-tab-4>.kt-tabs-content-wrap>.kt-inner-tab-4,
.kt-tabs-wrap.kt-active-tab-5>.kt-tabs-content-wrap>.kt-inner-tab-5,
.kt-tabs-wrap.kt-active-tab-8>.kt-tabs-content-wrap>.kt-inner-tab-6 {
    visibility: visible;
    height: auto;
    padding: 20px;
}

.kt-svg-icon {
    margin-bottom: 20px;
}

/* Cookie */
#cookie-law-info-bar {
	z-index: 10000000;
}

#cookie-law-info-bar p {
	margin: 0;
}

.cli-plugin-main-link, .cli-plugin-main-link a, a#wt-cli-accept-all-btn {
	text-decoration: none;
}

/* ########## LOGIN ########## */

body.login {
	background-color: #f4f4f4;
}

.login h1 a {
	background-image: url(/wp-content/uploads/logo-website.png);
	width: 169px;
	height: 87px;
	background-size: 169px 87px;
	background-repeat: no-repeat;
}

.login form {
	border-top: 3px solid #df0024;
}

.login p#backtoblog {
	display: none;
}

.login a.privacy-policy-link {
	font-size: 80%;
}


/* ########## 404 ########## */

.error-404 {
	background-image: url(/wp-content/uploads/sprechtechnik-erwachsene-background-bw.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 600px;
}

.error-404 .wp-block-button {
	text-align: center;
	display: grid;
}


/* ########## MEDIA QUERIES DESKTOP FIRST ########## */

/* Small devices */
@media (max-width: 360px)
{
	.icon-cart {
		display: none !important;
	}
}


/* ########## MEDIA QUERIES MOBILE FIRST ########## */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{
	.container {
		max-width: 540px
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.container {
		max-width: 720px; /* B3: 750px, B4 720px */
	}

    p,
    #testimonials p {
        text-align: justify;
	}
	
	.bg .flatbox {
		margin-bottom: 0; 
	}

	.testimonial_rotator.template-default .testimonial_rotator_slide, .testimonial_rotator_single {
		padding: 30px;
	}

	.testimonial_rotator.template-default .has-image .img {
		width: 25%;
		margin-right: 20px;
		float: left;
		padding: 0;
	}
	
	.testimonial_rotator.template-default .has-image .text {
		width: 70%;
		float: left;
	}
	
	.testimonial_rotator_quote {
		text-align: justify;
	}

	/* Footer */
	#footer {
		text-align: left;
	}

	#footer .h4:after {
		margin: 10px 0;
	}

	#footer .h3:after, #footer .h4:after {
		margin: 10px 0 15px;
	}

	#newsletter-footer {
		background-position: 100% 0;
	}

	#footer #footer-landing span.h4,
	#footer #footer-landing li {
		float: left;
	}

	#footer #footer-landing .menu-rechtliches-container {
		float: right;
	}

	#footer #footer-landing .h3,
	#footer #footer-landing .h4 {
		margin-right: 50px;
	}

	#footer #footer-landing .h3:after,
	#footer #footer-landing .h4:after {
		content: none;
	}

	#footer #footer-landing li {
		margin-right: 20px;
	}

	/* 404 */
	.error-404 .wp-block-button {
		text-align: initial;
		display: inherit;
	}

	.error-404 .wp-block-button__link {
		width: 250px;
	}

	/* Cards */
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	/*  Wordpress Blocks  */
	.wp-block-media-text {
		margin-bottom: 20px;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 5%;
	}

	/* WooCommerce */
	.woocommerce ul.products[class*=columns-2] li.product,
	.woocommerce-page ul.products[class*=columns-2] li.product {
		width: 48.1% !important;
	}
	.woocommerce ul.products[class*=columns-3] li.product,
	.woocommerce-page ul.products[class*=columns-3] li.product {
		width: 30.4% !important;
		clear: none !important;
		margin: 0 20px 0 0 !important;
	}
	.woocommerce ul.products[class*=columns-3] li.product:nth-child(2n),
	.woocommerce-page ul.products[class*=columns-3] li.product:nth-child(2n) {
		float: left;
	}
	ul.products li.product.first {
		clear: none;
	}

	/* stotter-typen-test */
	#stotter-typen-test input.form-control {
		width: 50%;
	}
	#stotter-typen-test label.form-check-label {
		width: 90%;
	}
	#stotter-typen-test .card.btn-white {
		width: 100%;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	.container {
		max-width: 960px; /* B3 970px, B4 960px */
	}

	#header a.custom-logo-link {
		display: unset;
		text-align: left;
	}

	#header .custom-logo {
		max-height: 100%;
		width: auto;
	}

	.navbar-border {
		border-bottom: 2px solid #930018;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.navbar .dropdown-menu {
		position: absolute !important;
	}

	main {
		padding-top: 20px;
	}

	.wp-post-image {
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	.testimonial_rotator.template-default .has-image .img {
		width: 20%;
		margin-right: 20px;
		float: left;
		padding: 0;
	}
	
	.testimonial_rotator.template-default .has-image .text {
		width: 75%;
		float: left;
	}

	#authorbox {
		margin-bottom: 0;
	}

	/* Cards */
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	/* Jump Marks */
	.btn-group, .btn-group-vertical {
		display: inline-flex;
	}

	#jump-marks a {
        width: auto;
	}

	/* Wordpress Blocks */
	/* Fix WP Spalten Margin */
	.wp-block-column:last-child {
		margin-right: 0;
	}

	/* WooCommerce */
	/* .woocommerce ul.products[class*=columns-2] li.product,
	.woocommerce-page ul.products[class*=columns-2] li.product {
		width: 48.1% !important;
	}
	.woocommerce ul.products[class*=columns-3] li.product,
	.woocommerce-page ul.products[class*=columns-3] li.product {
		width: 30.4% !important;
		clear: none !important;
		margin: 0 20px 0 0 !important;
	}
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
	.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
		float: none;
	} */

	
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		float: left;
		width: 48%;
	}

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		float: right;
		width: 48%;
		clear: none;
	}

	.related.products {
		clear: both;
	}

	/* Footer */
	#footer {
		margin-bottom: 0;
	}

	/* stotter-typen-test */
	#stotter-typen-test input.form-control {
		width: 40%;
	}
	#stotter-typen-test label {
		width: 70%;
	}
	#stotter-typen-test .card.btn-white {
		width: 80%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	.container {
		max-width: 1170px; /* B3 1170px, B4 1140px */
	}

	.testimonial_rotator.template-default .has-image .img {
		width: 15%;
		margin-right: 20px;
		float: left;
		padding: 0;
	}
	
	.testimonial_rotator.template-default .has-image .text {
		width: 80%;
		float: left;
	}

	/* stotter-typen-test */
	#stotter-typen-test input.form-control {
		width: 30%;
	}
	#stotter-typen-test label.form-check-label {
		width: 55%;
	}
	#stotter-typen-test .card.btn-white {
		width: 75%;
	}
}

p a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}