/*
Theme Name:     wisa-trainings-theme
Description:    
Author:         Sabine
Template:       twentytwelve

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.grecaptcha-badge {
    display: none!important;
}
.elementor-editor-active #masthead {
	position: static!important;
}
.elementor-text-editor a {
    word-break: break-all;
}
.home #main {
	margin-bottom: -4em;
}
body {
	font-size: 1.57em;
}
body.elementor-editor-active {
	padding-top: 0!important;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body * {
      -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  }
img {
	max-width: 100%;
	height: auto;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius:0;
	-webkit-border-radius:0;
}
mark {
    color: #ec6708!important;
    background-color: transparent!important;
}
a, input, img, textarea, button {
	-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
p {
	font-size: 1em;
    line-height: 2em;
	margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", Sans-serif;
    font-weight: 600;
	margin-bottom: 0.7em;
	color: inherit;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
ul {
    padding-left: 1em;
}
li {
    list-style-type: disc;
    margin-bottom: 1em;
}
small {
	font-size: 0.8em;
}
#page {
    background-color: #f8f8f8;
}
.elementor a {
    color: #ec6708;
}
.elementor-template-full-width #page {
    max-width: 100%;
}
#masthead {
	padding: 20px 20px;
    position: fixed;
	background-color: #fff;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    right: 0;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#header-cont {
	 max-width: 1140px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#logo {
	width: 180px;
}
#masthead.nav-down {
    position: fixed;
}
.main-navigation {
    margin: 0;
	width: calc(100% - 180px);
	padding-left: 20px;
}
.main-navigation ul {
	text-align: right!important;
	border:0!important;
	padding-left: 0;
}
.main-navigation li {
	list-style-type: none;
}
.main-navigation li:last-child {
	margin: 0;
}
.main-navigation li a {
    color: #323E48;
    font-family: "Lora", Sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 22px;
}
.main-navigation li a:hover {
	color: #ec6708;
}
.main-navigation .current-menu-item > a {
	color: #ec6708;
	font-weight: 400;
}
.elementor-widget-button .elementor-button {
    border: 1px solid #ed6706;
    border-radius: 0!important;
    text-transform: capitalize;
	color:#fff;
}
.elementor-widget-button .elementor-button:hover {
    background-color: transparent;
    color: #323e48;
}
#competenzen-icon img, #competenzen-icon svg {
    max-width: 350px;
	width: 100%;
}
.elementor-row {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
#zitate {
    padding: 0 80px;
}
#zitate:before, #zitate:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3em;
    position: absolute;
	color:#131313;
}
#zitate:before {
    content: '\f10d';
    left: 0;
    top: -20px;
}
#zitate:after {
    content: '\f10e';
    right: 0;
    bottom: -20px;
}
#zitate .slick-list {
    padding: 0 20px;
}
.zitat p {
	text-align: center;
}
#kundenstimmen {
    display: flex;
    flex-direction: column;
}
.kundenstimme {
    margin-bottom: 80px;
	width: 70%;
}
.kundenstimme:nth-child(even) {
    margin-left: auto;
}
.kundenstimme-container {
	 color: #fff;
    background-color: #55525D;
    padding: 30px;
    border: 1px solid #ed6706;
}
.kundenstimme-container:after {
    content: '';
    display: block;
    clear: both;
}
.kundenstimme:after {
    display: block;
    content: '';
    height: 80px;
    width: 80px;
	background:url(../../../wp-content/uploads/bubble-left.png) center center no-repeat;
	background-size: cover;
	position: relative;
	top: -1px;
	left: 10%;
}
.kundenstimme:nth-child(even):after {
	background:url(../../../wp-content/uploads/bubble-right.png) center center no-repeat;
	background-size: cover;
	left: 70%;
}
.kundenstimme .title {
    text-align: right;
    font-weight: bold;
    display: inline-block;
    float: right;
	line-height: 1.2em;
}
.kundenstimme .title:after {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    background: url(../../../wp-content/uploads/brush-stroke-new.png) right bottom no-repeat;
    background-size: 100% 100%;
    clear: both;
}
.kontakt-back {
    background-position: 100% 0!important;
}
.underline .elementor-heading-title {
	display: inline-block;
}
.underline .elementor-heading-title:after {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    background: url(../../../wp-content/uploads/brush-stroke.svg) left bottom no-repeat;
    background-size: contain;
}
.top-title span {
	color:#ec6708;
}
.top-title h1 {
	text-shadow: 1px 1px 10px #fff;
}
.top-title.no-shadow h1 {
	text-shadow: none;
}
.pp_content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pp_content_container .pp_details {
    position: absolute!important;
    top: -28px;
    float: none;
    right: -24px;
}
div.pp_default a.pp_close {
    background: url() #ec6708;
    text-indent: 0;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	text-decoration: none!important;
}
div.pp_default a.pp_close:before {
    content: 'X';
    font-size: 20px;
    color: #FFF;
    font-family: sans-serif;
}

input, textarea {
	display: block;
	width: 100%;
	color: #222;
    border-radius: 0;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    border-color: #d8d8d8;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #ec6708!important;
    text-align: center!important;
}
.wpcf7 br {
	display: none;
}
textarea {
	height: 160px;
}
::-webkit-input-placeholder {
  color: #444;
	font-size: 14px;
}
::-moz-placeholder { 
  color: #444;
	font-size: 14px;
}
:-ms-input-placeholder {
  color: #444;
	font-size: 14px;
}
:-moz-placeholder { 
  color: #444;
	font-size: 14px;
}
input[type="submit"] {
	display: inline-block;
    padding: 15px;
    border: none;
    border-radius: 3px;
    color: #ffffff!important;
    background: none #ec6708;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    width: auto;
    outline: none;
    line-height: 1.2em;
	-webkit-appearance: none;
    -moz-appearance: none;
	font-weight:400;
}
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
    background: none #55525d;
}
input[type="checkbox"] {
    display: inline-block!important;
    width: auto!important;
	margin-left: 0;
	margin-bottom: 0;
}
.wpcf7-acceptance span.wpcf7-list-item {
	margin: 0 0 20px 0;
    line-height: 1.5em;
}
.wpcf7-list-item input[type=checkbox], input[type=radio] {
        display: none!important;
}
.wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
          content: '\f00c';
          color: #ffffff;
          font-size: 12px;
          font-family: FontAwesome!important;
          font-style: normal;
          font-weight: bold;
          line-height: 14px;
          text-decoration: inherit;
          text-align: center;
          font-weight: bold;
}
  
.wpcf7-list-item .wpcf7-list-item-label {
      display: inline-block;
      font-family: inherit;
      font-size: 14px;
      font-weight: normal;
      left: 15px;
      line-height: 20px;
      margin: 0 0 15px;
	padding-left: 8px;
      position: relative;
}
.wpcf7-list-item .wpcf7-list-item-label:before {
        background: #55525d;
        border: 1px solid #fff;
        border-radius: 3px;
        content: "";
        height: 15px;
        left: -16px;
        position: absolute;
        width: 15px;
        top: 1px;
}
.wpcf7-form:after {
    content: '';
    display: block;
    clear: both;
}
.wpcf7-form {
    margin: 0 auto;
	padding: 0 20px;
}


.shape-above-footer {
	position: relative!important;
	margin-top: 2em;
}
.shape-above-footer svg {
	height: 30px;
}
ul.ctl_road_map_wrp:before {
    top: 4px!important;
    height: 23px!important;
	border-radius: 5px;
}

.ctl-story-year .rm_year {
    font-family: Lora!important;
        font-size: 1.4em!important;
    font-weight: 400!important;
}
.ctl_road_map_wrp li .ctl-story-title p {
    font-size: 0;
}
.ctl_road_map_wrp .ctl-story-title p {
    color: #212121!important;
}
#timeline .ctl_road_map_wrp .clt_h_nav_btn i {
    color: #151515;
/* animation: crescendo 1.5s alternate infinite ease-in; */
    background: #fff;
    border-radius: 50%;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
		-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

  
@keyframes crescendo {
  0%   {transform: scale(.8); -ms-transform: scale(.8); -webkit-transform:scale(.8); color: #151515;}
  100% {transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); color: #fff; box-shadow: 0 0 10px 0px #fff;}
}
#timeline:hover .clt_h_nav_btn i {
	animation: none!important;
}
#timeline .ctl_road_map_wrp .clt_h_nav_btn i:hover {
    transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	box-shadow: 0 0 2px 0px #fff;
}
#timeline ul.ctl_road_map_wrp {
	overflow: hidden;
}
.clt_h_nav_btn.ctl-slick-prev, .clt_h_nav_btn.ctl-slick-next {
	z-index: 3;
	position: relative;
	top: 1px;
}
.ctl-popup-content h2 {
    color: #333!important;
	text-transform: inherit!important;
}
.ctl-popup-content .story-posted-date {
	display: none;
}
ul.ctl_road_map_wrp:after {
    content: '';
	background: url(../../../wp-content/uploads/grad-loader.png) no-repeat center center;
	background-size: auto 100%;
    width: 50px;
    height: 23px;
    top: 4px;
    position: absolute;
    z-index: 2;
	-webkit-animation: loader 3s ease-in-out infinite;
	animation: loader 3s ease-in-out infinite;
	opacity: 0.5;
}
@-webkit-keyframes loader {
	0% { left: 0%; }
	100% { left: 100%; }
}
@keyframes loader {
	0% { left: 0%; }
	100% { left: 100%; }
}
#timeline li:last-child .rm_year {
    font-size: 0!important;
}
#timeline li:last-child .rm_year:before {
    content: 'Heute';
    font-size: 22px;
    display: block;
}
.slick-dots {
	left: 0;
}
footer#colophon {
    max-width: inherit;
    border: 0;
    background: #55525d;
    color: #fff;
	text-align: center;
	font-size: 1em;
    font-family: "Lora", Sans-serif;
    font-weight: 400;
	margin-top: 0;
	position: relative;
}
footer#colophon .site-info {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
}
ul#menu-footer-menu {
    padding-left: 0;
}
ul#menu-footer-menu li {
    display: inline-block;
    list-style-type: none;
    padding: 0 10px;
    font-size: 1em;
}
ul#menu-footer-menu li a:link, ul#menu-footer-menu li a:visited {
    color: #fff;
    text-decoration: none;
}
ul#menu-footer-menu li a:hover {
	color: #ED6706
}
.bottom-info {
	font-family: "Raleway", Sans-serif;
	margin-bottom: 0;
	font-size: 0.7em;
}

#button-totop {
	border: 1px solid #f8f8f8;
  background-color: #55525d;
  width: 50px;
  height: 50px;
  text-align: center;
  margin: 30px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
	display: none;
	text-decoration: none;
}
#button-totop:hover {
  cursor: pointer;
  background-color: #ec6708;
}

#button-totop:after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 50px;
  color: #fff;
}
.expand-right-col .elementor-row > .elementor-element:first-child > div, .expand-left-col .elementor-row > .elementor-element:last-child > div{
	border: 1px solid #ec6607;
}
.max-width-1400 .elementor-row {
    max-width: 1400px;
    padding: 0 30px;
}
.framed-img img {
    border: 42px solid #ffb740!important;
    padding: 0px;
    border-image: url(../../../wp-content/uploads/framenewnew.png) 45 round!important;
}
.margin-bottom-42 img {
	margin-bottom: 42px;
}
@media all and (min-width:768px)  {
.expand-right-col .elementor-row > .elementor-element:first-child > div {
    padding-right: 140px;
}
.expand-right-col .elementor-row > .elementor-element:last-child {
    width: calc(34% + 100px);
    margin-left: -100px;
}
.expand-left-col .elementor-row > .elementor-element:last-child > div {
    padding-left: 140px;
}
.expand-left-col .elementor-row > .elementor-element:first-child {
    width: calc(34% + 100px);
    margin-right: -100px;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
	.expand-right-col .elementor-row > .elementor-element:last-child {
    width: calc(50% + 100px);
    margin-left: -100px;
}
	.expand-left-col .elementor-row > .elementor-element:first-child {
    width: 50%;
    margin-right: 0;
}
	.expand-right-col .elementor-row > .elementor-element:last-child {
    width: 50%;
    margin-left: 0;
}
	.expand-left-col .elementor-row > .elementor-element:last-child > div {
    padding-left: 50px;
}
	.expand-right-col .elementor-row > .elementor-element:first-child > div {
    padding-right: 50px;
}
	p {
		font-size: 18px;
	}
	.three-cols .elementor-col-100 {
    width: 33.33%!important;
}
	.elementor-widget-heading .elementor-heading-title.elementor-size-large {
		font-size: 22px!important;
	}
}
@media all and (max-width:1200px)  {
	.main-navigation li a {
		font-size: 18px;
	}
	.kontakt-back {
    background-position: 100% 0!important;
    background-size: cover!important;
}
}
@media all and (max-width:959px)  {
	#page {
		padding: 0;
	}
.elementor-container > .elementor-row {
    padding: 0 20px;
}
	.no-padding .elementor-container > .elementor-row {
		padding: 0;
	}
	#masthead {
    padding: 20px 20px;
	}
#header-cont {
    flex-direction: column;
    justify-content: center;
}
	.main-navigation {
    margin: 0;
    width: auto;
    padding-left: 0;
}
}
@media all and (max-width:767px)  {	
#zitate {
    padding: 0 40px;
}
	#zitate:before, #zitate:after {
		font-size: 1.5em;
	}
p {
		font-size: 16px;
	}
	.ctl_road_map_wrp .ctl-story-title p {
		font-size: 12px;
	}
	.ppt {
    display: none!important;
}
div.pp_pic_holder, .pp_content, .pp_hoverContainer, div.pp_default .pp_content_container .pp_details {
	width: 100%!important;
}
.pp_content_container .pp_details {
    right: 0!important;
}
	.kundenstimme {
	width: 100%;
}
}

@media all and (max-width:599px)  {
	.elementor-widget-heading .elementor-heading-title.elementor-size-large {
		font-size: 24px!important;
	}
}