/*
 Theme Name:   fitness child
 Theme URI:    https://multisports.de/wp-content/themes/fitness_child/
 Description:  Fitness Child Theme
 Author:       Gero Hüller
 Author URI:   https://gerohueller.de
 Template:     fitness
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  fitness_child
*/

@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Light.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Book.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Bold.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Home */
.aktion .cat-post-title {
    /* position: absolute; */
    /* left: 20px; */
    /* bottom: -100px; */
    margin-left: 10px;
    line-height: 40px;
    margin: 10px 10px 20px 15px;
    display: block;
    font-size: 26px;
}
.probetraining_text {
    color: white;
}
.probetraining_text h2{
    color: white;
    text-shadow: #111 1px 1px 5px;
    display: block !important;
}
.probetraining_text span{
  font-style: italic;
  font-weight: bold;
  color: #white;
  text-shadow: #111 1px 1px 5px;
  display: block !important;
}
.widgets_on_page ul {
    margin-bottom: 0px;
}
.widgettitle {
    font-size: 26px;
    margin-bottom: 15px;
}
.entry-thumb img {
    display: none;
}
.entry-content ul li:last-child, .entry-content ol li:last-child {
    position: relative;
}

.tp-caption.multisportsslogan, .multisportsslogan {
    display: none;
}
.hometeaser {
    font-family: "Oswald";
    color: #777;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 3px;
    margin-top: 0px;
}

/* Meta-Slider */
.home .home-title {
    margin-top: 55vh;
    margin-top: calc(55vh + 4vw);
}
.home .metaslider {
    position: absolute;
    left: 0;
    top: 110px;
    width: 100%;
    height: 55vh;
    overflow: hidden;
    padding: 0;
}

.partner {
    text-align: center;
    background-color: #fff;
    width: 100%;
    padding: 0 0 40px 0;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    display: inline-flex;
}
.partner img {
    margin: 2vw;
    max-height: initial;
    width: 8vw;
    min-width: 100px;
}

.partner .bezeichnung {
	background-color: #fff;
    height: 18px;
    overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
	height: 0px;
}

.partner h3 {
	text-transform: uppercase;
	display: inline-block;
    color: #EC008D;
    font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	background-color: #fff;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 7px;
	width: auto;
	padding-bottom: 0px;
	border-bottom: 0px solid #919191;
}

/* Jobs */
.wp-block-accordion h3.wp-block-accordion-heading {
    background: #ec008d;
    color: #fff;
    padding: .7vw 2vw;
	transition: background .2s ease;
}
.wp-block-accordion h3.wp-block-accordion-heading:hover {
    background: #ed6ab8;
	text-decoration: none;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.wp-block-accordion-panel {
    padding: 2vw;
}
.wp-block-accordion ul.wp-block-list {
    padding-left: 1.5em;
}

/* Training */
.wp-block-button.more {
    margin-top: 1.5em;
    margin-bottom: 1.2em;
}
.more a.wp-block-button__link.wp-element-button {
    padding: .5em 1.5em;
}

/* Kursplan */
.kurs {
    float: left;
    width: calc(100% - 110px);
}
.zeit {
    float: left;
    width: 7em;
}
.trainer{ width: 70px }
.info{font-size: 13px }

.entry-content ul {list-style: none;}
.wcs3-schedule-list-layout li {
    padding: 10px 10px 7px 10px !important;
    display: flex;
    background: #fff;
    margin-bottom: 5px;
}
.sd-random-classes{ display: none}
.entry-thumb img {
    max-width: 270px;
}
.kurse-cover .day {
    margin-bottom: 2%;
    cursor: pointer;
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    border: none;
    padding-bottom: 1px;
}
.kurse-cover .day:hover {
    background: rgba(255, 255, 255, 0.9);
	border: none;
}
.kurse-cover .day h3 {
    margin-left: 0;
	position: relative;
}
.kurse-cover .day h3:after {
    content: "+";
    float: right;
	transition: transform .3s;
	transform-origin: center;
}
.kurse-cover .day.active h3 {
    margin-bottom: .5em;
    margin-left: 0;
}
.kurse-cover .day.active h3:after {
    transform: rotate(45deg);
}
.kurse-cover .day ul {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    transition: all 0.5s ease-out;
    margin: 1.2em;
}
.kurse-cover .day.active ul {
    margin: 1.2em;
    overflow: visible;
}

.wcs3-schedule-normal-layout .info {
	display: none; 
}
.wcs3-schedule-normal-layout .zeit {
    float: initial;
    width: 90px;
}

.wcs3-schedule-list-layout .zeit {
    width: 7em;
    font-size: 1em;
}
.wcs3-schedule-list-layout .info {
    font-size: .85em;
}

 .kurse-cover h3 {
    color: #ec008d;
    margin: 0;
    padding: .5em .7em;
}

/* Kurse A-Z */
.classes-a-z {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 4em;
}
.classes-a-z article {
    flex-basis: calc(25% - 3.2em);
    background: rgba(216, 30, 121, .12);
    padding: 1em 1.2em;
    margin: 0;
}
.classes-a-z p {
    font-size: .9em;
}
.classes-a-z .entry-title {
    font-size: 1.5vw;
    line-height: 1.3;
    margin-bottom: .5em;
}

@media (min-width: 1200px) {
    .span8 {
        width: calc(92% - 380px);
    }
}
#left-col {
    width: 100%;
}
.sd-sidebar {
    padding: 40px 0 0 0;
    position: relative;
}

/* Kurse fancybox */
.class-image {
    float: right;
    margin-top: 60px;
    margin-right: 30px;
}


/* Content */
@font-face {
    font-family: 'Oswaldlight';
    src: url('/wp-content/themes/fitness/fonts/oswald-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/fitness/fonts/oswald-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('/wp-content/themes/fitness/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/fitness/fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswaldmedium';
    src: url('/wp-content/themes/fitness/fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/fitness/fonts/oswald-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswalddemibold';
    src: url('/wp-content/themes/fitness/fonts/oswald-demibold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/fitness/fonts/oswald-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #666;
    font-size: 15px;
	font-family: 'Jost', Tahoma, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: #ec008d;
    font-family: 'Oswaldmedium', sans-serif;
    font-weight: 500;
    font-family: 'Jost';
}
h3 {
   border-bottom: 0px solid #1c1c1c !important;
   margin-top: 10px;
}
a {
    color: #ec008d;
}
a:hover {
    color: #ed6ab8;
}
.opening-hours i, .entry-title a:hover, .entry-meta ul li a:hover, .sd-sidebar .popular-posts h4 a:hover, .sidebar-widget a:hover, .footer-sidebar-widget a:hover, .copyright a:hover, .sd-footer-menu .current-menu-item a, .sd-contact-trainer, .sd-colored-txt, .sd-list-style li:before, .comments-title i, .reply-title i, .comment-reply-link, .comment-text cite a:hover, .sd-twitter-icon, .sd-amenities ul li i, .sd-sidebar-widget .widget_shopping_cart_content .total .amount, .widget_product_categories li a:hover:after, .widget_product_categories li.current-cat>a:after, .widget_layered_nav li.chosen:after, .widget_layered_nav li:hover:after, .widget_products .product_list_widget a:hover .product-title, .widget_recently_viewed_products .product_list_widget a:hover .product-title, .widget_top_rated_products .product_list_widget a:hover .product-title, .widget_recent_reviews .product_list_widget a:hover, .sd-cart-totals .order-total .amount, .sd-order-review .order-total .amount, .sd-green {
    color: #ec008d;
}
.sd-footer-menu .current-menu-item a {
    background: none;
    border: none;
    color: #ec008d !important;
}
.full-width-page p {
    padding-top: 5px;
    padding-bottom: 5px;
}

.teaser {
    font-size: 17px;
	line-height: 24px;
}
.multi.is-layout-flex {
    gap: 2vw;
    width: 40em;
    margin: auto;
}
.multi h2.wp-block-heading {
    font-size: 2em;
    line-height: .85;
    margin-top: .25em;
    margin-bottom: 0;
    color: #ec008d;
}
.multi p {
    font-size: 1.15em;
    line-height: 1.2;
}
.kategorien {
	background-color: transparent;
	width: 100%;
}
.wp-block-group.kategorien {
    border-top: 3px dashed rgba(216, 30, 121, .2);
    border-bottom: 3px dashed rgba(216, 30, 121, .2);
    padding: 30px 0 20px 0;
}

.kategorie, .col2 {
	position: relative;
    background-color: #fff;
    width: 45%;
    min-width: 180px;
    padding: 2%;
    padding-bottom: 0.5%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
}
.col2 {
    width: 49%;
    background-color: transparent;
    padding: 0;
}
.box-white {
    background-color: #fff;	
    padding: 4%;
	margin-bottom: 2%;
}
@media only screen and (max-width:500px) {
	.kategorie, .col2 {
		width: 100%;
		min-width: 300px;
		margin-right: 0;
	}	
	.kategorie {
		width: 96%;
	}	
}

.entwurf1 .kategorie .bezeichnung{
	display: none;
}

.kategorie img{
	margin-bottom: 0%;
}

.kategorie a{
    color: #666;
}
.kategorie a:hover{
    color: #EC008D;
}

#last {
	margin-right: 0%;
}


.entwurf1 .catinfo{
	display: none;
}

.catinfo_text{
}


.aktion {
    background-color: #fff;
    width: 45%;
    min-width: 300px;
    padding: 2%;
    margin-right: 1%;
    margin-bottom: 4%;
    float: left;
}

.aktuell {
    color: #666;
    background-color: #fff;
    width: 45%;
    min-width: 300px;
    padding: 2%;
    margin-bottom: 1%;
    float: left;
}
.news li.wp-block-post {
    list-style: none;
}
.news li.wp-block-post li {
    list-style: none;
    padding-left: 0;
    font-size: 1.2em;
}
.news li.wp-block-post li:before {
    content: "\2713";
    color: #ec008d;
    padding-right: .8em;
    font-weight: bold;
}
.wp-block-column ul {
    margin-left: .2em;
}

.wp-block-media-text li {
    list-style: none;
    padding-left: 1.5em;
    font-size: 1.14em;
    position: relative;
    line-height: 1.2;
}
.wp-block-media-text li:before {
    content: "\2713";
    color: #ec008d;
    padding-right: .8em;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0.2em;
}

.probetraining {
    background-color: #fff;
    width: 45%;
    min-width: 300px;
    padding: 2%;
    margin-right: 1%;
    margin-bottom: 4%;
    float: left;
}

.sd-title-wrapper {
    margin-bottom: 0;
    width: 100%;
}
.sidebar-widget {
    color: #666;
    margin-bottom: 0px;
}

.sd-sidebar .sidebar-widget {
    color: #666;
    margin-bottom: 40px;
    outline: 1px solid #ddd;
    outline-offset: 15px;
}
.sidebar-widget h3 {
    color: #EC008D;
    font-size: 30px;
    line-height: 1.2;
    background-color: #fff;
    margin-left: 0px;
    margin-top: 0px;
    padding-right: 7px;
    padding-left: 0px;
    width: auto;
    padding-bottom: 0px;
    border-bottom: 0px solid #919191;
    font-family: 'Jost';
    font-weight: 500;
}
.sidebar-widget h3.sd-styled-title:before{
	border-bottom: 0px solid #919191;
}
.cat-post-title, .sidebar-widget a {
    color: #000;
    font-size: .9em;
    text-transform: initial;
    font-family: 'Jost';
    font-weight: 300;
}
#category-posts-3-internal .cat-post-current .cat-post-title {
    text-transform: initial!important;
	font-weight: 500!important;
}

.sd-blog-carousel-desc {
    background-color: #ec008d !important;
}
.sd-services-carousel-desc {
    background-color: #ec008d;
}

.sd-blog-carousel-desc .sd-styled-title::before {
    border-bottom-color: #fff;
}
.sd-trainers-carousel-desc .sd-styled-title::before {
    border-bottom-color: #fff;
}
.sd-services-carousel-desc .sd-styled-title::before {
    border-bottom-color: #fff;
}
.sd-services-carousel-desc p {
    color: #fff;
    font-size: 14px;
}
.sd-trainers-carousel-desc h3 {
    color: #fff;
}
.sd-trainers-carousel-desc p {
    color: #fff;
    text-transform: none;
}
.sd-blog-arrows .flex-next, .sd-blog-arrows .flex-prev {
    border: 2px solid #fff;
    background-color: #fff;
}
.sd-blog-arrows .flex-next:hover, .sd-blog-arrows .flex-prev:hover {
    border: 2px solid #000;
}
.sd-services-arrows .flex-next, .sd-services-arrows .flex-prev {
    border: 2px solid #fff;
    background-color: #fff;
    opacity: 0.8;
}
.sd-services-arrows .flex-next:hover, .sd-services-arrows .flex-prev:hover {
    border: 2px solid #000;
}
.sd-trainer-arrows .flex-next, .sd-trainer-arrows .flex-prev {
    border: 2px solid #fff;
    background-color: #fff;
    opacity: 0.8;
}
.sd-trainer-arrows .flex-next:hover, .sd-trainer-arrows .flex-prev:hover {
    border: 2px solid #000;
}
.sd-styled-title::before {
    border-bottom: 0px solid #ec008d;
}
.sd-services-item-desc h3 a {
    color: #ed008c;
}
.sd-trainers-arrows .flex-direction-nav {
    opacity: 0.8;
}
.sd-services-arrows .flex-direction-nav {
    opacity: 1;
}
.previous-article a, .next-article a {
    border: 2px solid #ec008d;
}
.entry-content .sd-styled-title {
    font-size: 34px;
    margin-bottom: 34px;
    line-height: 1.3;	
}
.classes h2.sd-styled-title {
    font-size: 34px;
    margin-bottom: 40px;
}
.entry-content table {
    width: 100%;
}
.entry-title::before {
    border-bottom: .1em solid #ec008d;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 65%;
}
.entry-title {
    display: inline-block;
    font-size: 3.5vw;
    font-family: 'Jost';
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: .5em;
    padding: 0 0 .3em;
    position: relative;
}
.entry-title a {
    color: #ec008d;
}
.classes .entry-title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 0;
}
.classes .entry-title:before {
    display: none;
}
.classes .blog-entry {
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.classes .page-content {
    margin-bottom: 40px;
}
.classes .entry-content p {
    padding-bottom: 5px;
}
.classes .entry-content a {
    padding-bottom: 15px;
    display: inline-block;
}
.previous-article a:hover, .next-article a:hover {
    border-color: #ec008d;
    background: #ec008d;
    color: #fff;
}

.wcs3-class-container {
    font-size: 13px;
    padding: 5px;
}
.wcs3-schedule-wrapper th, .wcs3-schedule-wrapper td {
    padding: 3px 0;
}
.span2 {
    width: 140px;
}
.sd-services-item-desc {
    padding: 20px 20px 0;
}
.sd-trainers-carousel {
    height: 150px;
}
.sd-trainers-carousel-desc {
    height: 130px;
}
.span2 .sd-services-carousel-desc {
    padding: 20px 20px 0;
}
.flex-viewport {
    max-height: 420px;
}
.preise {    
    border: 1px solid #ccc;
}
.preise td{    
	background-color: rgba(206, 50, 111, .09);
    border: 1px solid #ccc;
	padding: 3px;
}
.widgettitle {
    font-family: 'Oswaldlight';
    font-family: 'Jost';
	font-weight: normal;
    font-size: 26px;
    text-transform: uppercase;
	margin-bottom: 15px;
    padding-bottom: 0px;
}
#respond{
display: none
}
.entry-content ul {
    list-style: initial !important;
    margin-left: 0.2em;
    margin-top: 0.5em;
}
.widgets_on_page ul {
    list-style: none !important;
    margin-left: 0px;
}
.wcs3-schedule-list-layout ul {
    list-style: none !important;
    margin-left: 0px;
}
/* Formulare */
.wpcf7-list-item {
    margin: 0 10px 0 0;
}
span.wpcf7-not-valid-tip {
    width: 100% !important;
    color: #ff0000;
}
input.wpcf7-form-control.wpcf7-text {
    width: 100% !important;
}
input.wpcf7-form-control.wpcf7-captchar {
    width: 120px !important;
}
input.wpcf7-date_restrict {
    width: 300px !important;
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email], select {
    background-color: rgba(206, 50, 111, .09);
    border: none;
    height: 40px;
    line-height: 40px;
    margin: 5px 0 0;
    max-width: 100%;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
}
.wpcf7-form textarea {
    width: 100%;
    background-color: rgba(206, 50, 111, .09);
}

input[type="checkbox"] {
    margin-top: -3px;
}
.wpcf7-form input[type=submit], .wpcf7-form input[type=submit]:active, .wpcf7-form input[type=reset]:active, .wpcf7-form input[type=button]:active {
    height: auto;
}
@media (min-width: 1200px){
.span4 {
    width: 340px;
}
div#wpcf7-f30633-p30651-o1, .form {
    border: 1px solid #ddd;
    padding: 2vw 3vw;
    border-radius: 5px;
}
}
.cat-post-title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Oswaldlight';
    font-family: 'Jost';
	font-weight: 300;
}
input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset" i]:disabled, input[type="file" i]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, optgroup:disabled, option:disabled, select[disabled] > option {
    opacity: 0.5;
}
aside.entry-meta.clearfix {
    display: none;
}
.lyte-wrapper.fourthree {
    width: 98% !important;
    margin: 10px 0 0 0 !important;
}
.fourthree .lyMe, .fourthree .lyte {
    padding-bottom: 66% !important;
}
a.button {
    background: #EC008D;
    color: #fff;
    padding: 14px 20px 10px;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-family: 'Jost';
    font-size: 24px;
    border: 2px solid #EC008D;
    margin: 10px 0;
    border-radius: 2px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
a.button:hover {
    background: #fff;
    color: #EC008D;
    border: 2px solid #EC008D;
}
a.link-button, .buttons a  {
    color: #ec008d;
    border: 2px solid #ec008d;
    padding: 5px 10px;
    margin-bottom: 15px;
    display: inline-block;
	transition: background .3s, color .3s;
}
a.link-button:hover, .buttons a:hover {
    background: #ec008d;
    color: #fff!important;
}

ul.buttons {
    margin-left: 0;
    margin-top: 30px;
    float: left;
    margin-bottom: 60px;
}
ul.buttons li {
    list-style: none;
}
.buttons li {
    float: left;
    margin-right: 15px;
}
.clear {
	clear: both;
}
.textwidget.custom-html-widget label {
    width: 150px;
    display: inline-block;
}
.sd-social-icons-widget li a {
    background-color: #bbb;
    border-radius: 100%;
}

/* Template Full-Width */
@media (min-width: 768px){
	.span12 {
		width: 100%;
	}
	.span6 {
		width: calc(50% - 45px);
	}
}	
body {
    background: #fff;
    color: #333;
    font-size: 1.1vw;
    line-height: 1.4;
    overflow-x: hidden;
}
 h3 {
    font-size: 2vw;
    line-height: 1.2;
    padding-bottom: 1.5vw;
}
.wp-block-cover h3.wp-block-heading {
    font-size: 3.5vw;
    color: #ec008d;
    padding-bottom: 1vw;
}
 p + h3 {
    margin-top: 2vw!important;
}
 p {
    padding-top: .6vw;
    padding-bottom: .6vw;
}
.metaslider .slides img {
    /* width: auto !important; */
    justify-self: center !important;
    min-height: 50vh !important;
    /* min-width: 100% !important; */
    max-width: none !important;
    object-fit: cover;
}
 .entry-content p {
}
 .kategorie {
    position: relative;
    background-color: #fff;
    width: 100%;
    min-width: 180px;
    padding: 0;
}
.kategorie h3 {
    display: inline-block;
    color: #ec008d;
    font-size: 1.4vw;
    font-family: 'Jost';
	font-weight: 400;
    line-height: 1.3;
    background-color: #fff;
    margin-left: 0;
    margin-bottom: 0.5vw;
    margin-top: 0;
    padding-right: 7px;
    padding-left: 0;
    width: auto;
    padding-bottom: 0;
    border-bottom: 0 solid #919191;
}
 .entry-content .sd-styled-title,  h1.wp-block-heading {
    font-size: 3.5vw;
    margin-bottom: .3vw;
    line-height: 1.2;
    margin-top: .6vw;
}
.hometeaser, .teaser {
    font-family: 'Jost';
    color: #333;
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.4;
    margin: 1vw auto;
    width: 70%;
}
 .container {
    width: 84%;
    padding: 0 8%;
}
.page-id-922 .container {
    width: 100%;
    padding: 0;
}
 header > .container {
    width: 90%;
    padding: 0 5%;
}
 .container .full-width-page {
    padding: 0;
    margin-bottom: 0;
}
 .wp-block-group.slim {
    width: 70%;
    margin: auto;
}
.kontaktbox figure.wp-block-media-text__media {
    filter: opacity(0.7) contrast(1.2);
}

.sd-social-header {
    float: right;
    margin-top: 31px;
}
.sd-social-icons-header li, .sd-social-icons-widget li {
    border: 0;
}
.sd-social-icons-header li a {
    border: 0;
    filter: brightness(0.5);	
}
.sd-social-icons-header li a:hover {
    filter: brightness(1);
}

/* Newsbox */
.wp-block-group.fullwidth {
    width: 120%;
    margin-left: -10%;
    padding: 6vw 8vw;
}
.fullwidth.news .wp-block-columns {
    border-radius: 6vw;
    overflow: hidden;
}
.wp-block-group.fullwidth.news img {
    max-height: 80vh;
}
.wp-block-column.newsbox {
    padding: 4vw 3vw;
}
.newsbox h2.wp-block-heading {
    font-size: 3vw;
    line-height: 1.2;
    padding-bottom: 1.2vw;
}
.newsbox h3.wp-block-heading {
    font-size: 2.5vw;
    line-height: 1.2;
    padding-bottom: 1.2vw;
}
.newsbox h2.widgettitle {
    font-size: 3vw;
    font-family: 'Oswaldmedium';
    font-family: 'Jost';
    margin-bottom: 3vw;
    line-height: 1.1;
    font-weight: normal;
    text-transform: none;
}
.newsbox .cat-post-title {
    font-family: 'Oswald', sans-serif;
    font-family: 'Jost';
    font-size: 26px;
    text-transform: none;
}
#category-posts-2-internal .cat-post-item:before {
    content: "";
    clear: both;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 14px;
    border: 2px solid #ec008d;
	background: #ec008d;
}
.newsbox #category-posts-2-internal .cat-post-item {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 5px 0 5px 40px;
}
#category-posts-3-internal .cat-post-item {
    list-style: none;
    margin: 0!important;
    padding: 10px 0!important;
}
.sd-sidebar .widget_nav_menu li {
    padding: 10px 0 !important;
    margin: 0!important;
}
.sd-sidebar .widget_nav_menu li:before {
    display: none!important;
}


figure {
	overflow: hidden;
}
a img {
	transition: transform .3s ease-out;
}
a:hover img {
	transform: scale(1.1);
}
.wp-block-button__link, .wpcf7-form input[type=submit], .wpcf7-form input[type=submit]:active {
    color: #fff;
    background-color: #EC008D!important;
	border: 2px solid #EC008D;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    font-size: 1.125em;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
	transition: all .3s ease;
}
.wp-block-button__link:hover, .wpcf7-form input[type=submit]:hover, .wpcf7-form input[type=submit]:active:hover {
    color: #EC008D;
    background-color: #fff!important;
}

/* Unterseiten */
h2.sd-styled-title {
    display: block;
}
.color1 {
    background: rgba(216, 30, 121, .12);
}
.color2 {
	background: rgba(186, 40, 90, .05);
}
.color3 {
    background: rgba(206, 50, 111, .09);
}

/* Preise */
.wp-block-cover.fullwidth {
    width: 120%;
    margin-left: -10%;
    background-color: #f6f6f6;
    padding: 6vw 8vw;
}
.wp-block-cover.preisboxen-cover {
    padding: 10% 5%!important;
}
.preisbox {
    padding: 4%;
    background: rgba(255, 255, 255, .8) !important;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: .9em;
    gap: 1em;
}
.preisbox h2 {
    color: #ec008d;
    font-size: 2.5em;
    line-height: 1.2;
}
.preisbox ul.wp-block-list {
    margin-top: 40px;
    margin-bottom: 40px;
}
.preisbox li {
    margin-top: 3px;
}
.preisbox .has-x-large-font-size {
    line-height: 1.1;
    color: #ec008d;
}

@media (max-width: 1500px){
	body {
		background: #fff;
		color: #333;
		font-size: 1.3vw;
		line-height: 1.3;
		overflow-x: hidden;
	}
}
@media (max-width: 1300px){
	body {
		font-size: 1.6vw;
	}
	 .entry-content .sd-styled-title,  h1.wp-block-heading {
		font-size: 4.5vw
	}
	.hometeaser, .teaser {
		font-size: 2vw;
		width: 100%;
	}
    .wp-block-columns.kategorien {
        display: flex;
        flex-wrap: wrap !important;
        position: relative;
        gap: 4vw;
    }
    .wp-block-columns.kategorien .wp-block-column {
        flex-basis: calc(50% - 2vw) !important;
    }
}

@media (max-width: 1000px){
	body {
		font-size: 2vw;
	}
	
	/* Kurse A-Z */
	.classes-a-z article {
		flex-basis: calc(50% - 3.2em);
	}
	.classes-a-z .entry-title {
		font-size: 3vw;
	}
}	
@media (max-width: 767px){
	body {
        padding: 0;
		font-size: 4vw;
	}		
	 #header {
		margin-left: 0;
		margin-right: 0;
	}	
	 header>.container {
		width: 100%;
		padding: 0;
	}
	.sd-social-header {
		margin-top: 9px;
		margin-right: 20vw;
	}
	 .container {
		width: 90%;
		padding: 0 5%;
	}
	.home .metaslider {
		top: 80px;
	}	
	.home .metaslider {
		height: 40vh;
	}
	.metaslider .slides img {
		min-height: 40vh !important;
		max-height: 40vh !important;
	}
	.metaslider.ms-theme-cubic.ms-is-small {
		padding-bottom: 0!important;
	}
	.home .home-title {
		margin-top: 55vh;
		margin-top: calc(45vh + 4vw);
	}
	.entry-title {
		font-size: 8vw;
	}
     .entry-content .sd-styled-title,  h1.wp-block-heading {
        font-size: 9vw;
        margin-bottom: 8vw;
    }
	.entry-content ul {
		margin-left: 0;
	}
	.wp-block-cover.fullwidth {
		padding: 4vw 4vw;
	}
	.news li.wp-block-post li {
		font-size: 1em;
	}
    .wp-block-column.newsbox {
        padding: 6vw 5vw;
    }
	.newsbox h2.widgettitle {
		font-size: 7vw;
	}	
	.hometeaser, .teaser {
        font-size: 5vw;
    }
	.newsbox .cat-post-title {
		font-size: 6vw;
	}
	#category-posts-2-internal .cat-post-item:before {
		width: 4vw;
		height: 4vw;
		bottom: 3vw;
	}
	.kategorie h3 {
		font-size: 6.5vw;
		margin-bottom: 2vw;
		margin-top: 2vw;
		padding-right: 0;
	}
	
	 .page-top,  .sd-upper-section {
		margin-left: 0;
		margin-right: 0;
	}
     h3 {
        font-size: 6vw;
        line-height: 1.2;
        padding-bottom: 2vw;
        padding-top: 3vw;
    }
	.wp-block-cover h3.wp-block-heading {
		font-size: 8vw;
		padding-bottom: 4vw;
	}
	 p {
		padding-top: 2vw;
		padding-bottom: 2vw;
	}
	.wp-block-media-text>.wp-block-media-text__content {
		padding: 10% 5%!important;
	}
	.wp-block-group.fullwidth {
		width: 100vw;
		margin-left: -5vw;
		padding: 12vw 5vw;
	}	
    .wp-block-cover.preisboxen-cover {
        padding: 10% 5% !important;
        width: 100vw;
        margin-left: -5vw;
    }
	 .preisbox {
		padding-top: 8%;
	}	
	.sd-footer-box {
        width: 100% !important;
    }
	.sd-footer-box1-content {
		padding-bottom: 50px;
	}
	.sd-footer-menu {
        line-height: 1.5;
        padding-bottom: 50px;
    }
	.sd-footer-menu .current-menu-item a {
		color: #ed1094 !important;
	}
	
	.wp-block-group.slim {
		width: 100%;
	}
	
	/* Kurse A-Z */
	.classes-a-z article {
		flex-basis: 100%;
	}
	.classes-a-z .entry-title {
		font-size: 5vw;
	}
	.classes-a-z p {
		font-size: 1em;
	}
}


/* Beitrag mit hintergrund-bild */
@media (min-width: 768px){
	.postid-4096 #left-col {
		background: url(/wp-content/uploads/images/beitrag-hintergrund-770.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 800px;
	}
	.postid-4096 #left-col h3, .postid-4096 #left-col p, .postid-4096 #left-col li {
		margin-left: 20px;
		margin-right: 50px;
	}
	.postid-4096 #left-col p, .postid-4096 #left-col ul {
		color: #000;
	}
	.postid-4096 span.next-article {
		display: none;
	}
	.postid-4096 div.wpcf7 {
		position: absolute;
		left: -11px;
		top: 510px;
	}
}

@media (max-width: 1300px){	
	.full-width-page {
		padding: 0;
	}
	h1 {
		font-size: 24px;
		line-height: 1.4;
	}
	h2 {
		font-size: 22px;
		line-height: 1.4;
		margin-bottom. 20px;
	}
	h3 {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom. 20px;
	}
	img.alignleft, img.alignright {
		float: left;
		vertical-align: middle;
		margin: 0 0 15px 0;
	}
	.box-white {
		min-height: initial!important;
	}			
	.box-white .hometeaser {
		font-size: 17px;
		line-height: 1.4;
	}
	.lL {
		width: 100%!important;
		margin: 5px 0!important;
	}
	div#popmake-3830 {
		width: 90vw!important;
		left: 2%!important;
		height: auto!important;
		margin-top: 20px;
	}
	.partner a {
		width: 100%;
	}
	article#post-83 { /* Kursplan */
		padding: 20px;
	}
}

/* footer */
.sd-footer-box1-content, .sd-footer-box1-content .sd-box-icon {
    background-color: #ed1094;
}
.sd-footer-box2-content, .sd-footer-box2-content .sd-box-icon {
    background-color: #ed6ab8;
}
.sd-footer-box a {
    color: #fff;
}
.sd-footer-box a:hover {
    color: #000;
}
#footer, .copyright {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
#footer {
    background-color: rgba(216, 80, 121, .05);
    color: #fff;
    margin-top: 50px;
}
.copyright {
    background-color: rgba(216, 80, 121, .05);
    padding-top: 10px;
}
.copyright .copyright-content {
    border-top: 0px solid #fff;
    padding: 15px 0;
    font-size: 16px !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-left: 15px;
}
.copyright .shariff {
    margin-bottom: 1.5em;
    margin-top: .5em;
}

/* Slider */
.rev_slider > ul {
    background-position: 0 0;
    list-style: outside none none !important;
    margin: 0;
    padding: 0;
    position: absolute;
}
rs-layer-wrap.rs-parallax-wrap {
    left: 0!important;
}
.tp-bannershadow.tp-shadow2 {
    background: url("http://multisports.de/wp-content/uploads/2015/12/bannerschatten.gif") no-repeat scroll 0 0 / 100% 100%;
    bottom: -29px;
    height: 30px;
    width: 890px;
}

/* Header */
#header {
    height: 110px;
}
.sd-upper-section {
   display: none
}
[class*="span"] {
    min-height: 0px;
}
.sd-site-title {
    margin-left: 0;
    padding-left: 0;}
.site-title {
    z-index: 1000;
	 -webkit-box-shadow: 1px 0px 7px #333333;
	 -moz-box-shadow: 1px 0px 7px #333333;
	 box-shadow: 1px 0px 7px #333333;
    margin-top: 22px;
}
.main-menu {
    float: left;
    margin-top: 33px;
    margin-left: 5%;
}
.sf-menu li {
    margin-left: 2px;
    text-transform: uppercase;
}
.sf-menu li a {
    font-family: Jost;
    font-size: 17px;
    padding: 2px 1vw;
    line-height: 1.9;
    margin-bottom: 5px;
    text-transform: initial;
    color: #333;
}

.sf-menu li a:hover {
    border: 2px solid #EC008D!important;
    color: #EC008D;
}

.sf-menu li.sfHover a {
    border: 2px solid #EC008D!important;
}
.sf-menu li ul {
    background-color: #EC008D;
}
.sf-menu li li a {
    font-size: 17px;
    font-family: 'Jost', Tahoma, sans-serif;
    line-height: 1.3 !important;
    text-transform: none !important;
}
.sf-menu li li a:hover {
    border: 2px solid #EC008D!important;
}

.current-menu-item a {
    border: 2px solid #ec008d;
    color: #fff !important;
    background: #ec008d;
}
.sf-menu li ul a, .sf-menu li ul .current-menu-item a {
    padding: 5px 10px!important;
    border: 2px solid #EC008D!important;
}
.sf-menu li ul .current-menu-item a {
	background-color: #D4007F;
}

.page-top {
    padding: 23vh 0!important;
}
.page-top.clearfix {
    background: url(https://multisports.de/wp-content/uploads/2026/03/geraetetraining-banner.webp) no-repeat center;
    background-size: cover!important;
}
.single-wcs3_class .page-top.clearfix {
    background: url(https://multisports.de/wp-content/uploads/2026/03/kurse-banner.webp)no-repeat no-repeat center;
    background-size: cover!important;
}
.page-top .sd-colored-txt, .page-top .sd-styled-title {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #ec008d;
    opacity: .7;
    padding: 10px 20px;
    position: absolute;
    right: 7%;
    font-size: 26px;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 1600px){	
	 .sf-menu li a {
		padding: 1px .6vw;
	}
}
@media (max-width: 1240px){	

	/* Nav */
	#menu-nav {
        display: none;
    }
	.main-menu {
		float: right;
		margin-top: 33px;
		margin-left: 0;
    }
	nav#main-menu:before {
		content: "";
		float: right;
		width: 42px;
		height: 19px;
		position: absolute;
		right: 18px;
		top: 18px;
		border-top: 4px solid #EC008D;
		border-bottom: 4px solid #EC008D;
	}	
	nav#main-menu:after {
		content: "";
		float: right;
		width: 42px;
		height: 11px;
		position: absolute;
		right: 18px;
		top: 18px;
		border-bottom: 4px solid #EC008D;
	}	
	.main-menu {
		margin-top: 0;
		width: calc(100% - 120px);
		width: 100%;
		background: #fff;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999999;
		box-shadow: 0 0 20px rgb(0 0 0 / 50%);
	}
	.main-menu {
        float: none;
    }
	.mnav {
		display: none;
	}
	#menu-nav.active {
		display: block;
		width: 90%;
		margin: 70px 5% 10% 5%;
	}
	.sf-menu li {
		margin-left: 2px;
		text-transform: uppercase;
		width: 100%;
		text-align: center;
	}
	.sf-menu li a {
		font-size: 6vw;
		padding: 2px 8px;
		line-height: 1.5;
		margin-bottom: 2px;
	}
	.sf-menu li ul {
		margin: 11px 0 0;
		padding: 6px 0;
		width: 100%;
		position: relative;
		top: 0;
		display: inline-block;
	}
    .sf-menu li ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        background-color: #fff;
        position: relative;
        top: initial !important;
        left: initial !important;
        display: block;
        float: none;
        width: 100%;
        min-height: initial;
        display: block !important;
        visibility: visible !important;
        margin-top: 0;
        padding-top: 0;
    }
	.sf-menu li li {
		width: 100%!important;
		border: 0;
	}
    .sf-menu li li a, .sf-menu li li a:hover, .sf-menu li ul .current-menu-item a {
        font-size: 4.5vw;
        line-height: 2;
        width: 100%;
        text-align: center !important;
        color: #000 !important;
        border: 0 !important;
        background: #fff !important;
    }
	/* ENDE Nav */	
}

@media (max-width: 767px){	
	#header {
		margin-left: -10px;
		margin-right: -10px;
		padding: 0 20px;
		height: 80px;
	}	
	.sd-site-title {
		float: left;
		width: 25%;
	}
	.site-title {
		margin-top: 18px;
	}
	.sd-slider-wrapper {
		background-image: url(https://multisports.de/wp-content/uploads/2021/02/multisports-header-mobile.jpg);
		background-size: cover;
		height: 20vh;
		margin-left: -10px;
		margin-right: -10px;
		padding: 0 20px;
	}
	.page-top, .sd-upper-section {
		margin-left: -10px;
		margin-right: -10px;
	}
	.page-top .sd-colored-txt, .page-top .sd-styled-title {
		width: 0;
		overflow: hidden;
		padding: 0;
	}
	#left-col, .sd-sidebar {
        padding: 0px !important;
    }
	#right-col {
		width: 80vw;
		margin-right: 5vw;
	}
	.multi .wp-block-image .alignright {
		margin: 0;
	}	
	.multi.is-layout-flex {
		gap: 5vw;
		max-width: 90vw;
	}
	.multi h2.wp-block-heading {
        font-size: 2em;
        line-height: 1.1;
        margin-top: 0;
    }
	.multi p {
		font-size: 1em;
	}
	.newsbox h2.wp-block-heading {
		font-size: 8vw;
	}
	.newsbox h3.wp-block-heading {
		font-size: 6vw;
	}
	.copyright .copyright-content {
		margin-left: 0;
	}
}

/* Buchungskalender */
div#formheader_1 {
    margin-bottom: 30px;
}
.dfield input[type=text], .dfield input[type=email] {
    background-color: rgba(206, 50, 111, .09);
    border: none;
    height: 40px;
    line-height: 40px;
    margin: 5px 0 0;
    max-width: 100%;
    padding: 0 10px;
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pbSubmit {
    background: #f52;
    border: 0;
    color: #fff;
    font-weight: 700;
    height: auto;
    line-height: 30px;
    padding: 0 20px;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.pbSubmit:hover {
    background: #ed1094;
    border: 0;
    color: #fff;
    font-weight: 700;
    height: auto;
}
#fbuilder .slots div {
    border: 1px solid #ed1094;
    margin: 10px 10px 0 0;
}
#fbuilder label[for="fieldname1_1"] {
    display: none;
}
select.ahbfield_service {
    display: none;
}
.dfield.fapp {
    margin-bottom: 20px;
}
#fbuilder .ui-datepicker-multi-2 .ui-datepicker-group {
    background: #f1f1f1;
    width: 49%;
    margin-right: 1%;
}
.ui-datepicker td span, .ui-datepicker td a {
    color: #ed1094;
    text-shadow: 0!important;
    height: 34px;
}
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-default {
    border: 2px solid transparent;
}
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-default:hover {
    background: #ed1094;
    color: #fff;
    text-shadow: 0 0 black;
}
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-active {
    color: #ed1094;
    border: 2px solid #ed1094;
    background: #ededed;
}
.ahb_list {
    border: 2px solid #ed1094;
    padding: 10px 15px;
    margin: 5px 0;
    display: inline-block;
}
.ahb_list span {
    font-weight: bold;
    margin-right: 15px;
}
#fbuilder .slots .currentSelection {
    border: 2px solid #ed1094;
}
/*
#fbuilder .slots .currentSelection {
    display: none;
}
*/

/* TV NEWS */
.tv-news{
	background-image: linear-gradient(to top, #efefef 0%, white 70%);
    display: inline-block;
    width: 32%;
    overflow: hidden;
    margin: 0.5%;
	float: left;
}
.tv-news .headline {
	background: #EC008D;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    color: #fff;
    line-height: 55px;
    padding: 1% 1% 2% 1%;
}
.tv-news .newsbild {
    float: left;
    width: 30%;
    overflow: hidden;
    margin: 0px;
}
.tv-news .newsbild img{
    width: 100%;
    height: auto;
}
.tv-news .newstext {
    color: #333333;
    float: left;
    margin: 1% 2% 1% 2%;
    width: 66%;
    display: inline-block;
    font-size: 35px;
    line-height: 40px;
}
.tv-news .newstext h1 {
    font-size: 50px;
    line-height: 50px;
    margin-top: 2%;
    margin-bottom: 0%;
}
.tv-news .newstext p {
    margin-bottom: 2%;
}

/* TV Kurse */
.tv-kurs{
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.tv-kurs2  {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.tv-kurs .headline {
    background: #EC008D;
    font-family: 'Oswald', sans-serif;
    font-size: 110px;
    color: #fff;
    line-height: 120px;
    padding: 3%;
}
.tv-kurs2 .headline {
    background: #EC008D;
    font-family: 'Oswald', sans-serif;
    font-size: 85px;
    color: #fff;
    line-height: 90px;
    padding: 2%;
}
.tv-kurs .kursbild {
    float: left;
    width: 32%;
    overflow: hidden;
    margin: 3% 0 0 3%;
}
.tv-kurs2 .kursbild {
    float: left;
    width: 24%;
    overflow: hidden;
    margin: 2% 0 0 2%;
}
.tv-kurs .kursbild img{
    width: 100%;
    height: auto;
}
.tv-kurs2 .kursbild img{
    width: 100%;
    height: auto;
}
.tv-kurs .kurstext {
    color: #333333;
    float: left;
    margin: 3%;
    width: 58%;
    display: inline-block;
    font-size: 40px;
    line-height: 50px;
}
.tv-kurs2 .kurstext {
    color: #333333;
    float: left;
    margin: 2%;
    width: 70%;
	max-height: 340px;
	overflow: hidden;
    display: inline-block;
    font-size: 36px;
    line-height: 42px;
}
.tv-kurs .kurstext h1 {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 1%;
}
.tv-kurs2 .kurstext h1 {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 1%;
}
.tv-kurs .kurstext p {
    margin-bottom: 5%;
}
.tv-kurs2 .kurstext p {
    margin-bottom: 3%;
}




