/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */

/* oswald-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/oswald/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/oswald/oswald-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/oswald/oswald-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald/oswald-v49-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald/oswald-v49-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald/oswald-v49-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald/oswald-v49-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}




body {margin:0; padding:0;font-family: "Lato", Sans-serif; font-weight: 400; font-size:20px;line-height:1.8; color:#242424;overflow-y: scroll;}

h1, h2, h3 {font-family: "Oswald", Sans-serif;}

h1 {font-size:40px}
h2 {font-size:34px}
h3 {font-size:22px}
h4 {font-size:18px}

b, strong {font-weight:800}

@media (max-width: 1024px) {
body {font-size:18px;}
h1 {font-size:34px}
h2 {font-size:30px}
h3 {font-size:20px}
}

@media (max-width: 767px) {
body {font-size:16px;}
h1 {font-size:24px}
h2 {font-size:22px}
h3 {font-size:16px}
}

a, a:visited, a:focus,a:active {color:#E02B20; text-decoration:none;}
a:hover {color:inherit}
a {outline:none}
 

.rechtliches p {margin-top:0}
.rechtliches h3 {font-weight:400; margin-bottom:5px}
.rechtliches h2 {font-weight:400; margin-bottom:5px}

.red {color:#E02B20}





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

.megamenu h3 a, .megamenu h3 {font-size:15px!important; font-weight:700!important; text-transform:uppercase; color:#fff!Important}
.megamenu h3:before {  content: "\f105";   font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; padding-right:5px; color:#FFF}
.megamenu p {font-size:16px!important; color:#fff!important}



@media (min-width: 1025px) and (max-width: 1200px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size:12.2px!important}
.start h1, .start h2 {font-size:27px!important}
.start .elementor-element-populated > .elementor-widget-wrap {padding: 50px 25px!important}
}

@media (min-width: 1201px) and (max-width: 1400px) {
.start .elementor-element-populated > .elementor-widget-wrap {padding: 75px 35px!important;}
}

@media (min-width: 1025px) and (max-width: 1500px) {
.start .wp-caption-text {font-size:12px!important; text-transform:normal!important}
}




@media (min-width: 1025px) and (max-width: 1600px) {
.footermenu {padding-right:70px}
}

@media (min-width: 1025px) {
.header .logo{width:130px!important}
.header .nav {width: calc(100% - 130px)!important}
.megamenu {margin-top:18px!important}
}

@media (max-width: 1024px) {
.megamenu {margin-top:1px!important}
.header .nav {display:none!important}
#responsive-menu-pro-container li.responsive-menu-pro-item { border-bottom: 1px solid #fff;}
#responsive-menu-pro-container li.responsive-menu-pro-item-current-parent.menu-item-has-children ul li { border-bottom: 1px solid #F6F6F6;}
#responsive-menu-pro-container li.responsive-menu-pro-item-current-parent.menu-item-has-children a, 
#responsive-menu-pro-container li.responsive-menu-pro-item-current-parent.menu-item-has-children a div {background:#242424!important; color:#fff!important}
#responsive-menu-pro-container li.responsive-menu-pro-item-current-parent.menu-item-has-children ul li a {background:#F6F6F6!important; color:#242424!important}
#responsive-menu-pro-container li.responsive-menu-pro-item-current-parent.menu-item-has-children ul li a:hover {background:#fff!important;}
#responsive-menu-pro-container li.responsive-menu-pro-item-current-parent.menu-item-has-children ul li.current_page_item a {color:#e02b20!important}
}

@media (min-width: 768px) and (max-width: 1024px) {
button#responsive-menu-pro-button { top: 90px!important;}
#responsive-menu-pro-container { margin-top: 81px!important}
#responsive-menu-pro-container {width: 70%!important}
}


@media (max-width: 767px) {
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link { text-transform: uppercase;}
#responsive-menu-pro-container { margin-top: 45px!important}
.top, .header .nav, .header .baskettop .elementor-icon-list-text {display:none!important}
.header .elementor-icon-list-item:nth-child(3) {padding-left:6px;}
.header .elementor-icon-list-item .fa-envelope:before { font-size:20px!important}
.footer a {color:#fff}

.header .logo {width:100%!important}
.header .logo .logo {width:80px!important}
.header .logo .ico {width:160px!important;}
.header .logo .baskettop {width: calc(100% - 240px)!important}

.gf-nds a {background:#ebebeb!important; color:#666!important}


}



/* Content
-------------------------------------------------------------- */
.rechtliches p {margin-top:0}
.rechtliches h3 {font-weight:400; margin-bottom:5px}
.rechtliches h2 {font-weight:400; margin-bottom:5px}


.start .elementor-column .elementor-widget-wrap, .start .elementor-column .elementor-widget-wrap h1,.start .elementor-column .elementor-widget-wrap h2,
.start .elementor-column .elementor-widget-wrap .elementor-text-editor {transition: all 0.5s!important}
.start .elementor-column .elementor-widget-wrap:hover {background:#E02B20}
.start .elementor-column .elementor-widget-wrap:hover h1, .start .elementor-column .elementor-widget-wrap:hover h2, .start .elementor-column .elementor-widget-wrap:hover .elementor-text-editor p {color:#fff}
.start .elementor-column .elementor-widget-wrap:hover .elementor-icon-list-item a span, .start .elementor-column .elementor-widget-wrap:hover .elementor-widget-text-editor,
.start .elementor-column .elementor-widget-wrap:hover .elementor-icon-list-icon i {color:#fff!important}
.start .elementor-column .elementor-widget-wrap .widget-image-caption { z-index: 1; position: relative; padding: 15px 0 0; height: 50px;}

.testi .elementor-icon-box-content h3 {display:none}
.testi .elementor-icon-box-content .elementor-icon-box-description b {padding-top:10px; display:block}



.team ul, .list ul {margin:0 0 30px 0; padding:0 0 0 20px}
.team .bezeichnung {color:#aaa; padding-bottom:15px; font-style: italic;}

.tiersuche a {color:#fff!important}

.contact p {margin-top:0; padding-top:0}

.knw .elementor-widget .elementor-icon-list-icon {top: 8px;position: relative;}
.knw .elementor-widget .elementor-icon-list-item, .knw .elementor-widget .elementor-icon-list-item a {-webkit-box-align: start !important; -ms-flex-align: start !important;  align-items: start !important;}

.wpcw-unit-completebox {width:1440px; max-width:100%; margin:auto; padding:0!important}
.wpcw_fe_progress_box {margin:0!important; padding:0!important; border:none!important; border-radius: 0;}
.wpcw_fe_progress_box_text { padding: 10px;}

.mep_waitlist_label {display:none!important}


@supports (-webkit-touch-callout: none) {
.ioshack {background-attachment: scroll!important}
}

@supports not (-webkit-touch-callout: none) {
 .ioshack {background-attachment: fixed;}
}



@media (min-width: 1025px) {
.trailphilosophie .elementor-container, .ausbildungskonzept .elementor-container {flex-wrap: wrap;}
.trailphilosophie .elementor-column.elementor-inner-column, .ausbildungskonzept .elementor-column.elementor-inner-column {width:33.3333%!important}
.ausbildungskonzept .elementor-column.elementor-inner-column:nth-child(4) {margin-left:16.5%}
}



@media (min-width: 768px) and (max-width: 1024px) {
.trailphilosophie .elementor-column.elementor-inner-column, .ausbildungskonzept .elementor-column.elementor-inner-column {width:50%}
.ausbildungskonzept .elementor-column.elementor-inner-column:nth-child(4) {margin-left:0%}
.team .elementor-container {flex-wrap: wrap;}
.team .elementor-column.elementor-inner-column {width:50%!important}

.iconstop .elementor-icon-list-item:first-child {display:none}
}


@media (max-width: 1200px) {
.elementor-section .elementor-container { padding: 0!important;}

}

/* Waitlist
-------------------------------------------------------------- */

.mep-default-feature-cart-sec .mep-wailist-form input {background:#fff; border:1px solid #ebebeb; height:25px; padding:10px; font-size:14px; display: block; width:500px}
.mep-default-feature-cart-sec {border: 1px solid #f5f5f5; padding: 0px!important;  border-radius: 0px!important}
.mep-default-feature-cart-sec .mep-wailist-form {background: #fff!important; border: 0px solid #ddd!important; padding: 0px!important; }

/* WP Courseware Und Lost Password
-------------------------------------------------------------- */
.club .elementor-shortcode {text-align:center}
.club .wpcw-button.wpcw-button-primary, .wpcourse button.button  { border: 1px solid #fff;  background-color: #E02B20;  color: #fff; transition: background-color 0.5s ease;text-transform:uppercase; 
font-size:14px; font-weight:normal; border-radius:0; padding:16px 30px}
.club .wpcw-button.wpcw-button-primary:hover { border: 1px solid #fff;  background-color: #242424;  color: #fff;}

.wpcourse input[type=text], .wpcourse input[type=email],.wpcourse input[type=password], .woocommerce-lost-password .woocommerce form input[type=text] 
{background:#fff; border:1px solid #ebebeb; height:40px; padding:10px; font-size:16px}

.woocommerce-lost-password .woocommerce form button[type=submit]  { border: 1px solid #fff;  background-color: #E02B20;  color: #fff; transition: background-color 0.5s ease;text-transform:uppercase; 
font-size:14px; font-weight:normal; border-radius:0; padding:16px 30px}
.woocommerce-lost-password .woocommerce form button[type=submit]:hover { border: 1px solid #fff;  background-color: #242424;  color: #fff;}

.wpcourse .wpcw-form .wpcw-form-row label {line-height: 2;}
.wpcourse h3 {font-size:28px; font-weight:normal}


.linktomember, .woocommerce-lost-password .woocommerce, .woocommerce-order-received .woocommerce {width:1540px; margin:auto; max-width: 100%;}
.linktomember .content, .woocommerce-lost-password .woocommerce form, .myc, .woocommerce-order-received .woocommerce .woocommerce-order   {padding: 125px 50px;}
.linktomember .content h1 {font-size:40px; font-weight:normal; text-align: center;}

.linktomember .club-login-form {width:100%; max-width:100%}
.linktomember .club-login-form .woocommerce-form.woocommerce-form-login {width:700px; max-width:100%}
.linktomember .club-login-form .form-row.form-row-first, .linktomember .club-login-form .form-row.form-row-last {width:50%; display:inline-block}

.linktomember .club-login-form input {background:#fff; border:1px solid #ebebeb; height:25px; padding:10px; font-size:16px; display: block;}
.linktomember .club-login-form .lost_password, .linktomember .club-login-form .woocommerce-form-login__rememberme {display:none}
.linktomember .club-login-form button[type=submit]  { border: 1px solid #fff;  background-color: #E02B20;  color: #fff; transition: background-color 0.5s ease;text-transform:uppercase; 
font-size:14px; font-weight:normal; border-radius:0; padding:16px 30px}


.mitglied-logged {border-top:1px solid #ddd; padding-top:15px}

@media (max-width: 767px) {
.linktomember .club-login-form .form-row.form-row-first, .linktomember .club-login-form .form-row.form-row-last {width:100%; display:block}
}



.single-post .pic img  {padding: 10px;  background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.25);}




@media (min-width: 768px) and (max-width: 1024px) {
.linktomember .content h1 {font-size:30px; }
.linktomember .content, .woocommerce-lost-password .woocommerce form, .myc, .woocommerce-order-received .woocommerce .woocommerce-order {padding: 75px 30px;}
}

@media (max-width: 767px) {
.linktomember .content h1 {font-size:22px;}
.linktomember .content, .woocommerce-lost-password .woocommerce form, .myc, .woocommerce-order-received .woocommerce .woocommerce-order {padding: 50px 20px;}
.wpcourse h3 {font-size:20px}
.myc .abschnitt .elementor-element-populated > .elementor-widget-wrap {padding-right:0 !important; padding-left:0 !important}
}





/* To Top
-------------------------------------------------------------- */

.js-to-top { display: inline-block; position: fixed; overflow: hidden;  white-space: nowrap; visibility: hidden; opacity: 0; bottom: 30px; right: 30px; line-height:30px}
.to-top--show {visibility: visible; opacity: 1;}

.to-top:before {font-family: "Font Awesome 5 Free";content: "\f106"; font-size: 30px; color: #fff;  background: #E02B20;  padding: 10px;transition: 0.5s ease;}
.to-top:hover:before {background: #000; color:#999 }


@media (max-width: 1024px) {
.to-top  {display:none!important}
}