@charset "utf-8";
/* CSS Document */

/* tk, TODO, move general rules up here ... */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
    background: #dcb428;
    color: #222;
}

html{
	padding: 0;
	margin: 0;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
	padding: 0;
	margin: 0;
	font-size: 17px;
	line-height: 140%;
    font-family: 'GilroyRegular', sans-serif;
	overflow-x: hidden;
}

body {
    overflow-x: hidden !important;
}

a {
	text-decoration: none;
	color: #8e7412;
}

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

ul {
	list-style: none;
}

/* tk, cursor not set via elementor because no href in button */
.back-button a {
	cursor: pointer;
}

/* this could be set via elemetor element, but we dont change it for now */
span.elementor-button-text {
    text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif;
}

.elementor-widget-heading .elementor-heading-title {
    /* tk, TODO, use elementor to also allow lowercase Hx? */
	text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif !important;
}

/* tk, adjust lists in elementor text containers */
.elementor-widget-container .elementor-text-editor ul {
	font-size: inherit;
	padding-left: 0.666em;
}
.elementor-widget-container .elementor-text-editor ul li {
	line-height: 1.75em;
}
.elementor-widget-container .elementor-text-editor ul li:before {
	content: '\2022';
	padding-right: 0.666em;
	color: #dcb428;
}

/* tk, search results */
.search .news {
	padding-top: 30px; /* simulate elementor-spacer */
}

/* tk, TODO, not sure what this does */
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-setting:not(.elementor-editor-element-trigger) {
	display: block !important;
}

/* tk, mobile bg video, https://github.com/elementor/elementor/issues/7955 */
section.elementor-section.elementor-section-height-full {
	height: 100vh; /* Elementor front-end css only applies the full viewport height to 768px up */
}
.elementor .elementor-element .elementor-background-video-container.elementor-hidden-phone{
	display: unset; /* Elementor front-end css hides the background video markup to screens 768px down */
}
/* tk, hack for bg video height, default 640px */
/* v2, fully responsive */
.promo-section > .elementor-container {
	min-height: 0 !important;
	padding-bottom: 47.7%; /* 854:408 without top/bottom border */
}

.promo-section video{
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: -1;
}

/* tk, TODO, cf7 */
div.wpcf7-mail-sent-ok{
    border: 0px solid #CCC;
    text-align: center;
    font-family: 'GilroyRegular', sans-serif !important;
    font-size: 16px;
    color: #22A951;
}

span.wpcf7-form-control-wrap.Date .input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    padding-left: 77px !important;
    text-transform: uppercase;
}

span.wpcf7-not-valid-tip {
	color: #D95255;
    font-size: 14px !important;
    font-family: 'GilroyRegular', sans-serif;
    text-align: center;
	margin-bottom: -1.5em;
	margin-top: -0.5em;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    display: none !important;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    border: 0px;
    outline: 0;
    border-bottom: 2px solid #DDD;
    transition: 0.3s ease-all;
    
    -moz-transition: 0.3s ease-all;
	-ms-transition: 0.3s ease-all;
	-o-transition: 0.3s ease-all;
	-webkit-transition: 0.3s ease-all;
    
    text-align: center;
    font-family: 'GilroyRegular', sans-serif;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number:focus, input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date:focus {
    border-bottom: 2px solid #dcb428 !important;
    transition: 0.3s ease-all;
    
    -moz-transition: 0.3s ease-all;
	-ms-transition: 0.3s ease-all;
	-o-transition: 0.3s ease-all;
	-webkit-transition: 0.3s ease-all;
}

input.wpcf7-form-control.wpcf7-text {
    text-align: center;
    font-family: 'GilroyRegular', sans-serif;
}

/* tk, play button overlay */
#watch .elementor-custom-embed-play i {
	opacity: .9;
	font-size: 180px;
	font-weight: 800;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#watch .elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i {
	opacity: 1;
	transform: scale(.96);
	text-shadow: 1px 0 18px #dcb428;
}

/* top left logo, see also header.php */
a.custom-logo-link img {
    width: 200px;
	height: auto;
    padding-top: 2px;
	display: block;
}

/* tk, TODO Hx */
h1, h2, h3, h4, h5, h6, .hdq_results_inner h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
    /* tk, rm, inherit from body */
	/* font-family: 'GilroyRegular', sans-serif; */
}

.hdq_results_inner h1 {
	text-align: center;
	font-size: 24px !important;
}

h1 {
	font-size: 54px;
	color: #FFF;	
}

h2, .hdq_results_inner h1 {
	font-size: 32px;
	color: #1e1e1e;
    text-transform: uppercase;
	font-family: 'GilroyExtraBold', sans-serif;
}

/* tk, TODO, necessary/used anywhere? */
h2 {
    z-index: 2;
    position: relative;
}

h2:after, .hdq_results_inner h1:after {
    /* top: 50%; */
		bottom: 0;

    left: 50%;
    width: 60px;
    height: 5px;
    background: #dcb428;
    display: table;
    content: '';
    position: absolute;
    /* margin-top: 30px; */
		margin-bottom: -20px;

    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.hdq_results_inner h1:after {
	position: relative;
	left: 0;
	right: 0;
	margin: 30px auto;
	transform: none;
}

h3{
	color: #1e1e1e;
	font-size: 26px;
	margin-bottom: 10px;
}
h4{
	color: #1e1e1e;
	font-size: 20px;
}

/* tk, TODO, not used anywhere? */
img.width100 {
	display: block;
	width: 100%;
}

.width1, 
.width2, 
.width3, 
.width4, 
.width5, 
.width6, 
.width7, 
.width8, 
.width9, 
.width10, 
.width11, 
.width12 {
	float: left;
	padding: 15px;
}

.width1{  width:  8.33%; }
.width2{  width: 16.66%; }
.width3{  width: 25.00%; }
.width4{  width: 33.33%; }
.width5{  width: 41.66%; }
.width6{  width: 50.00%; }
.width7{  width: 58.33%; }
.width8{  width: 66.66%; }
.width9{  width: 75.00%; }
.width10{ width: 83.33%; }
.width11{ width: 91.66%; }
.width12{ width:   100%; }

/* used in theme files, limits e.g. header/footer width */
.content{
	max-width: 1200px;
	margin: auto auto;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

/* tok, TODO, why is this here? */
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}

/*HEADER*/
#masthead.site-header {
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 999;
    background: #222;
    padding: 10px;
}
#page {
	padding-top: 100px;
}

/* tk, TODO, menu */
.nav-menu a {
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif;
/*     letter-spacing: 2px; */
}

.nav-menu a:hover, .nav-menu .active a{
    border-bottom: 3px solid #dcb428;
    padding-bottom: 2px;
}

#masthead .width12 {
    padding: 0px;
    text-align: center;
}

#masthead #menu-mainmenu li{
	list-style: none;
}
#masthead #menu-mainmenu li a{
    font-size: 16px;
    padding: 5px 0px;
	display: block;
    font-family: 'GilroyRegular', sans-serif;
	color: #FFF;
	transition: ease-in 0.1s;
	
	-moz-transition: ease-in 0.1s;
	-ms-transition: ease-in 0.1s;
	-o-transition: ease-in 0.1s;
	-webkit-transition: ease-in 0.1s;
}

#masthead #primary-navigation a.active{
	background: transparent;
	color: #fff;
	transition: ease-in 0.2s;
	
	-moz-transition: ease-in 0.2s;
	-ms-transition: ease-in 0.2s;
	-o-transition: ease-in 0.2s;
	-webkit-transition: ease-in 0.2s;
}

ul#menu-mainmenu {
    margin: 0 auto;
}

#masthead.scroll #menu-mainmenu li{
	list-style: none;
	margin-left: 5px;
}


/*Clear*/
/* .gallery:after, */
.row:after,
#masthead:after,
#menu-mainmenu:after{
	content:"";
	display: block;
	clear: both;
}


/*FORMULAR*/
input, 
textarea,
select{
	padding: 20px;
    font-size: 17px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 0px;
    border: 0px solid #CCC;
    outline: px;
}

textarea{
	height: 100px;
}

/*EDIT*/

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

/* tk, used in 404 page */
.center{
	text-align: center;
}

/* tk, TODO, used anywhere? */
.table{
	display: table;
	width: 100%;
		border: 2px solid #f0f !important;
}
.tr{
	display: table-row;
		background-color: #f0f !important;
}

.td{
	display: table-cell;
		background-color: #f0f !important;
}
.td:first-child{
	width: 30px;
		background-color: #f0f !important;
}

/*Galerie*/
.gallery-item{
	padding: 0px;
	margin: 0px;
	float: left;
		border: 2px solid #f0f !important;
}
.gallery-item a{
	display: block;
		border: 2px solid #f0f !important;
}
.gallery-item img{
	width: 100%;
	float: left;
		border: 2px solid #f0f !important;
}

.gallery-columns-1 .gallery-item{ width: 100%;}
.gallery-columns-2 .gallery-item{ width: 50%; }
.gallery-columns-3 .gallery-item{ width: 33.33%; }
.gallery-columns-4 .gallery-item{ width: 25%; }
.gallery-columns-5 .gallery-item{ width: 20%; }
.gallery-columns-6 .gallery-item{ width: 16.66%; }


.icon{
	width: 20px;
	float: left;
	padding-right: 5px;
		border: 2px solid #f0f !important;
}
.white{
	color: #fff;
		color: #f0f !important;
}
.left{
	text-align: left;
		border: 2px solid #f0f !important;
}
.bordertop {
    border-top: 2px solid #2f4e80;
		border: 2px solid #f0f !important;
}

img.float{
	float: right; 
	margin-right: 20px;
	margin-bottom: 15px;
		border: 2px solid #f0f !important;
}

/* --- NEW --- */

.right {
    float: right;
    text-align: right;
		border: 2px solid #f0f !important;
}

a#logo svg {
    width: 195px;
		border: 2px solid #f0f !important;
}

.text h3 {
    margin-top: 15px;
		border: 2px solid #f0f !important;
}

.intro p {
    color: #2e2e2e; /* #757575; */ /* #777; */
		border: 2px solid #f0f !important;
}

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

#masthead #menu-mainmenu li {
    display: inline-block;
    padding: 5px 0px;
    margin: 0px 15px;
    position: relative;
    z-index: 99999;
}

#masthead #menu-mainmenu li a:hover{
	color: #64B8E1;
}

nav#primary-navigation.scrolled {
    z-index: 999999;
}

.mark.scrolled {
    top: 51px;
    transition: ease-in 0.3s;
    -moz-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
}

nav#primary-navigation.scrolled {
    top: 0px;
    position: fixed;
    z-index: 999999;
    width: 100%;
    text-align: center;
}

.scrolled li a {
    padding: 14px 36px;
		border: 2px solid #f0f !important;
}

.menu-law-container {
    text-align: center;
		border: 2px solid #f0f !important;
}

input[type="checkbox"] {
    float: left;
    width: 20px;
}

span.wpcf7-list-item {
    margin: 0px !important;
}

input[type="submit"], .mybtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0px;
  border: 3px solid white;
  color: white;
  text-transform: uppercase;
  padding: 1.5rem 3rem;
  font-size: 0.9rem;
/*   letter-spacing: 2px; */
  position: relative;
  overflow: hidden;
/*  font-weight: bold; */
  font-family: 'GilroyExtraBold', sans-serif;
  background: #757575; /* #818181; */
}

input[type="submit"], .mybtn {
  border: 1px solid;
  overflow: hidden;
  position: relative;

  span {
    z-index: 20;
  }
  
  &:after {
    background: #ccc;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    -moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }
}

input[type="submit"]:hover {

    background: #8e7412; /* #dcb428; */
    transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
	-ms-transition: 0.1s ease-in;
	-o-transition: 0.1s ease-in;
	-webkit-transition: 0.1s ease-in;
    cursor: pointer;
}



/* tk, rm
.button-space{
    margin: 60px 0px 20px 0px;
		border: 2px solid #f0f !important;
}
img.attachment-thumbnail.size-thumbnail {
    filter: grayscale(100%);
    transition: ease-in 0.1s;    
    -moz-transition: ease-in 0.1s;  
	-ms-transition: ease-in 0.1s;  
	-o-transition: ease-in 0.1s;  
	-webkit-transition: ease-in 0.1s;
		border: 2px solid #f0f !important;
}
img.attachment-thumbnail.size-thumbnail:hover{
    filter: grayscale(0%);
    transition: ease-in 0.1s;
    -moz-transition: ease-in 0.1s;  
	-ms-transition: ease-in 0.1s;  
	-o-transition: ease-in 0.1s;  
	-webkit-transition: ease-in 0.1s;  
}
.about p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0px;
		border: 2px solid #f0f !important;
}
#ird3-main {
    background: #FFF !important;
		border: 2px solid #f0f !important;
}
*/

.header-controls {
    display: none !important;
}

.controls.controls--hidden {
    display: none !important;
}

.controls {
    background-color: transparent !important;
    background-image: -webkit-linear-gradient(transparent 1%,rgba(0,0,0,0)) !important;
    background-image: linear-gradient(transparent 1%,rgba(0,0,0,0)) !important;
 }

/* tk, rm
aside#themegrill_social_icons-2 {
    text-align: center;
		border: 2px solid #f0f !important;
}

.openingtimes {
    margin: 140px auto;
    color: #555;
}

.openingtimes td {
    padding: 0px 20px;
    font-size: 17px;
}

.openingtimes td.bis {
    padding: 10px 2px !important;
}

.standort{
    background: #E83F40;
    padding: 10px;
    width: 115px;
    margin-left: 12px;
    color: #FFF;
}

.eisabout {
    width: 40%;
    padding-left: 30px;
    padding-bottom: 20px;
}
*/

textarea.wpcf7-form-control.wpcf7-textarea {
    font-family: 'GilroyRegular', sans-serif;
    height: 200px;
    max-width: 1120px !important;
}

.wpcf7-checkbox {
	color: #7a7a7a;
}

/* tk, rm, not used any more?
.social-icons-lists li.social-icons-list-item {
    margin: 0px 10px;
    float: none;
}
*/
/* tk, rm, not used any more?
.social-icons-lists.social-icons-greyscale .socicon {
    color: #222;
    background-color: #DCB428;
}
*/

#wpfront-scroll-top-container {
	bottom: 50px !important;
}

#wpfront-scroll-top-container img {
	max-width: 35px;
}

#kj-skew:before {
    width: 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: -34%;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    background-color: #DCB428;
}
@media (max-width: 360px) {
	#kj-skew .elementor-widget-icon .elementor-widget-container {
		margin: 0 5px !important; /* override 0 10px of elementor for really small mobiles */
	}
}

/*
Back - Title - Button
->
Back - Button
    Title
*/
@media (max-width: 767px) {
	#kj-magic-responsive-3-columns .elementor-column:nth-child(1) {
		order: 1;
		width: 35%;
	}
	#kj-magic-responsive-3-columns .elementor-column:nth-child(2) {
		order: 3;
		margin-top: 30px;
	}
	#kj-magic-responsive-3-columns .elementor-column:nth-child(3) {
		order: 2;
		width: 65%;
	}
}


.width3 {
		background-color: #f0f !important;
}
.width3:hover {
    background: rgba(255,255,255, 0.3);
    transition: ease-in 0.3s;
    -moz-transition: ease-in 0.3s;  
	-ms-transition: ease-in 0.3s;  
	-o-transition: ease-in 0.3s;  
	-webkit-transition: ease-in 0.3s;  
}

.next-article.wrapper .elementor-element {
	/* tk, rm, where is this used besides coaching?
	width: auto !important;
	margin-bottom: 5px;
	*/
/*	border: 1px solid red; */
}

/* tk, new */
span.wpcf7-form-control input[type="checkbox"] {
    float: left;
    width: 20px;
    border: 2px solid #CCC !important;
    height: 20px;
    font-size: 20px;
    background-color: #FFF !important;
    padding: 15px;
    position: relative;
    overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 10px;
}
/* https://stackoverflow.com/a/16352000 */
span.wpcf7-form-control input[type="checkbox"]::-ms-check {
	color: transparent;
}
span.wpcf7-form-control span.wpcf7-list-item-label {
	position: relative;
}

span.wpcf7-form-control.wpcf7-acceptance {
	text-align: left;
}

span.wpcf7-list-item-label {
    font-size: 16px;
    /* line-height: 18px; */
}

/* see also https://stackoverflow.com/q/31870414 */
span.wpcf7-form-control input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
    content: '\2714';
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: -35px;
    color: #dcb428;
    overflow: hidden;
	line-height: 20px;
}

/* Footer */
footer p {
    font-size: 16px;
    line-height: 1.2em;
    color: #FFF;
	margin: 0 0 0.3em 0; /* tk, was 0 */
}
footer a,
nav p a /* footer middle widget used in mobile menu */ {
	color: #AB8C1C; /* 8e7412, tk, changed for accessibility */
}
/* tk, was this used in footer? keep for later use? */
.widget_nav_menu li{
	display: inline-block;	
	padding: 5px 5px;
}

.widget_nav_menu a {
    color: #757575; /* #777; */
    font-size: 14px;
    padding: 0px 10px;
}

/* tk, icon color = border color, so we override the color here */
.elementor-widget-icon.elementor-view-framed.kj-icon-border-color-yellow .elementor-icon {
	border-color: #dcb428 !important;
}

footer {
    background: #222 !important;
    /* height: 90px; */ /* tk, removed */
	overflow: hidden; /* tk, added */
    display: block !important;
    z-index: 3;
    position: relative;
}
/* tk, added */
footer .social .footer-icon-wrapper {
	margin-bottom: 1.1em !important;
}
footer .social .elementor-icon {
	font-size: 24px;
	margin-right: 0.45em;
}
#primary-navigation .social .elementor-icon {
	font-size: 28px;
	margin-right: 0.25em;
}

/* used in landing pages */
.etd_dw_form {
    border: 0px dotted #999 !important;
    padding: 0px !important;
}
span.ed_error {
    max-height: 30px;
}
.ed_success {
    margin: 0 auto;
    text-align: center;
    color: #22a951;
    font-size: 16px;
}

/* Plugin: Cookie Notice 2.5.6+ */
#cookie-notice {
	border-top: 1px solid rgb(17, 17, 17);
}
#cookie-notice,
#cookie-notice .cn-button:not(.cn-button-custom) {
	font-family: inherit;
}
.cookie-notice-container {
	padding: 10px; /* 15px 30px */
}
#cookie-notice .cn-button:not(.cn-button-custom) {
	padding: 4px 10px;
}
.cn-text-container {
	margin-bottom: 0; /* 6px */
	font-size: 14px !important; /* override theme */
}
.cn-close-icon {
	display: none;
}
@media only screen and ( max-width: 960px) {
	.cn-text-container {
		margin-bottom: 6px;
	}
}

/* add space for banner */
.cookies-not-set .site-footer {
	padding-bottom: 35px;
}

/* see register_nav_menus() */
#masthead #menu-derpary li a {
    font-size: 18px;
    padding: 19px 0px;
    display: block;
    font-family: 'Old Standard TT', serif;
    color: #2f4e80;
    transition: ease-in 0.1s;
    -moz-transition: ease-in 0.1s;  
	-ms-transition: ease-in 0.1s;  
	-o-transition: ease-in 0.1s;  
	-webkit-transition: ease-in 0.1s;  
    text-transform: uppercase;
}

#masthead #menu-derpary li {
    display: inline-block;
    padding: 0px 16px;
    position: relative;
    z-index: 99999;
}

.text {
    text-align: center;
		border: 2px solid #f0f !important;
}

ul li ul li {
    background: #FFF;
    width: 250px;
}

ul.sub-menu {
    display: inline-block;
    float: left;
    width: 0px;
}

.toggle-subemenu {
    display: none;
}

.nav-menu li .sub-menu{
    display: none;
    transition: ease-all 0.3s;
    -moz-transition: ease-all 0.3s;
	-ms-transition: ease-all 0.3s;
	-o-transition: ease-all 0.3s;
	-webkit-transition: ease-all 0.3s;
}

ul#menu-mainmenu {
    position: relative;
    text-align: right;
}

ul.sub-menu {
    left: -64px;
    position: relative;
}

.nav-menu li:hover .sub-menu{
    display: inline-block;
    transition: ease-all 0.3s;
    -moz-transition: ease-all 0.3s;
	-ms-transition: ease-all 0.3s;
	-o-transition: ease-all 0.3s;
	-webkit-transition: ease-all 0.3s;
}


nav.post-navigation {
    display: none;
}

.entry-meta {
    display: none;
}

.single .entry-content,.single .entry-header,.single .entry-content p {
    text-align: center;
}

img.attachment-single-post-thumbnail.size-single-post-thumbnail.wp-post-image {
    display: none;
}


#masthead #menu-mainmenu li a:hover {
    color: #64B8E1;
    border-bottom: 2px solid #64B8E1;
    padding: 5px 0px;
}

#masthead .width4 {
    padding: 12px;
    margin: 0px;
}

ul#menu-main {
    float: right;
}

nav li {
    float: left;
    padding: 12px 20px;
}

/* tk, TODO, used? */
progress::-webkit-progress-bar {background-color: #FFF; width: 100%;}
progress::-webkit-progress-value {background-color: #ff2600 !important;}	/* red */

progress {background-color: #FFF;}
progress::-moz-progress-bar {background-color: #ff2600 !important;}

progress {background-color: #FFF;}
progress {color: #ff2600;}
progress {border: 1px solid #CCC;}

/* tk, TODO, used? */
.module {
  position: relative;
  float: left;
}


.etd_dw_form {
	font-family: 'GilroyRegular', sans-serif;
	line-height: inherit;
	width: 75%;
	margin: 0 auto !important; /* tk, added !important after Autoptimize */
}

.etd_dw_form input.ed_email,
.etd_dw_form input.ed_first_name, /* tk, added these */
.etd_dw_form input.ed_last_name {
	font-family: 'GilroyRegular', sans-serif;
	font-size: 16px;
	text-align: center;
}

/* tk, cursor not set via elementor because no href in button */
.download-trigger .elementor-button {
	cursor: pointer;
}
.download-form {
	max-height: 0;
	opacity: 0;
	transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
}
.elementor-editor-active .download-form,	/* tk, always "visible" in editor */
.download-form.visible {
	max-height: 300px;
	opacity: 1;
	transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
}
.data-note {
	color: #7a7a7a;
	font-size: 12px !important;
	text-align: center;
	width: 70%;
	margin: 10px auto;
	line-height: 1.5em;
}

.etd_dw_form p {
	color: #7a7a7a;
	font-weight: normal;
}

.etd_submit {
	background-color: #8e7412; /* #dcb428; */
	border-radius: 25px 25px 25px 25px;
	color: #fff;
	cursor: pointer;
	padding: 12px 24px;
	font-size: 14px;
	width: auto;
	text-transform: uppercase;
	font-family: 'GilroyExtraBold', sans-serif;
/*	font-weight: bold; */
	
	transition: all .5s;
    -moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;

	border: 4px solid #dcb428;
}

.etd_submit:hover {
	opacity: .9;

	background-color: #dcb428;
}

.ed_error {
	color: #D95255;
}

#ken img {
	max-width: 500px;
	width: 100%;
}

.showmobile{
    display: none;
}

input[type="checkbox"], input[type="text"], input[type="textarea"], textarea {
    border: 0px;
    outline:0;
    border-bottom: 2px solid #DDD;
    transition: 0.3s ease-all;
    -moz-transition: 0.3s ease-all;
	-ms-transition: 0.3s ease-all;
	-o-transition: 0.3s ease-all;
	-webkit-transition: 0.3s ease-all;
    
}

input[type="checkbox"]:focus, input[type="text"]:focus, input[type="textarea"]:focus, textarea:focus {
    border-bottom: 2px solid #dcb428 !important;
    transition: 0.3s ease-all;
    -moz-transition: 0.3s ease-all;
	-ms-transition: 0.3s ease-all;
	-o-transition: 0.3s ease-all;
	-webkit-transition: 0.3s ease-all;
}

input[type="checkbox"] {
	border-radius: 100%;
	margin-bottom: 0;
	margin-right: 10px;
}

input[type="checkbox"]:focus {
	border-bottom: 2px solid #ccc !important;
}

/* tk, TODO, is this used? */
.data-check label, .data-check label input {
	text-align: left;
	line-height: 1.5;
	cursor: pointer;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    border: 0px;
    outline:0;
    border-bottom: 2px solid #DDD !important;
    transition: 0.3s ease-all;
    -moz-transition: 0.3s ease-all;
	-ms-transition: 0.3s ease-all;
	-o-transition: 0.3s ease-all;
	-webkit-transition: 0.3s ease-all;
    outline:0;
}


input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:focus {
    border-bottom: 2px solid #dcb428 !important;
    transition: 0.3s ease-all;
    -moz-transition: 0.3s ease-all;
	-ms-transition: 0.3s ease-all;
	-o-transition: 0.3s ease-all;
	-webkit-transition: 0.3s ease-all;
    outline:0;
}

form .width4, form .width6, form .width12 {
    text-align: center;
}
form .width4 p, form .width6 p, form .width12 p {
	margin: 0;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    height: 62px;
}

input.wpcf7-form-control.wpcf7-submit.mybtn {
    width: auto;
/*     height: 20px; */
    margin: 0px auto;
    margin-top: 20px;
    border-radius: 35px;
    padding: 12px 24px;
}

/* tk */
input[type="text"], input[type="textarea"], textarea, input[type="email"] {
	background-color: #f6f6f6;
	border-radius: 30px;
}

/* tk, small fix on frontpage, iPhoneX 812x375 */
/* tk, rm
@media (max-width: 1023px) {
	#expertise-inner h3 {
		font-size: 17px;
	}
}
@media (max-width: 767px) { /x* breakpoint float->none *x/
	#expertise-inner h3 {
		font-size: 26px;
	}
}
*/

/* landing, tk */

.page-template-elementor_canvas #cookie-notice {
	/*
	display: none !important;
	visibility: hidden !important;
	*/
	font-size: 11px; /* 13px */
	line-height: 16px; /* 20px */
}
.page-template-elementor_canvas #cookie-notice span#cn-notice-text {
	font-size: 12px !important; /* 14px .. */
}
.page-template-elementor_canvas .cookie-notice-container {
	padding: 6px 6px 8px 6px; /* 10px */
}
@media (max-width: 479px) {
	.page-template-elementor_canvas.cookies-not-set .elementor {
		margin-bottom: 10vh;
	}
}
@media (max-width: 360px) {
	.page-template-elementor_canvas.cookies-not-set .elementor {
		margin-bottom: 15vh;
	}
}

/* "small print" below edt button */
.page-template-elementor_canvas .data-note {
	width: 100%; /* 70% */
}

#landing-mobile .etd_dw_form {
	width: 96%; /* 75%; */
}

.landing-reset-p p {
	margin-top: 0;
	margin-bottom: 0;
	/* font-size: unset !important; */
	/* border: 1px solid red; */
	line-height: 1.5;
}
.landing-reset-form form {
	margin-top: 0;
}
.landing-reset-form input {
	margin-bottom: 0;
}

.landing-widget-button-orange {
	background-color: #8e7412; /* #dcb428; */
}

/* image with link in turn-your-managers-into-coaches-book */
.landing-iefix-maxwidth .elementor-image a {
	max-width: 100%;
}
/* text editor links */
.landing-txt-white p a {
	color: #ffffff;
}

/* CF7 */
.landing-reset-cf7 form {
	margin-top: 0;
}
.landing-reset-cf7 .row > div {
	padding-top: 0;
	padding-bottom: 8px; /* distance to error message */
}
.landing-reset-cf7 .row .width6 input {
	padding-top: 12px; /* 20 */
	padding-bottom: 12px; /* 20 */
	margin-bottom: 8px; /* 15 */
}
.landing-reset-cf7 .row .width12 input {
	margin-bottom: 8px; /* 15 */
}
.landing-reset-cf7 .row .width12 input[type="submit"] {
	margin-top: 0;
	margin-bottom: 0;
	padding: 18px 40px;
	letter-spacing: 1px;
	font-size: 16px;

	white-space: normal; /* allow break into two lines */
	
	background-color: #8e7412; /* #dcb428; */
}

/* https://stackoverflow.com/a/27851231 */
.landing-reset-table table,
.landing-reset-table thead,
.landing-reset-table tbody,
.landing-reset-table tfoot,
.landing-reset-table tr,
.landing-reset-table th,
.landing-reset-table td {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
.landing-reset-table, .landing-reset-table td {
    display: inline;
}

/* footer */
.elementor .landing-legal p {
	color: #797979;
}
.elementor .landing-legal p a {
	color: #d7d7d7;
}

/* "nice" grey bg */
.landing-bg-gradient-grey {
	border: 1px solid #eee;
	border-bottom: 2px solid #DDD;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,29466b+100&0+0,0.1+100 */
background: -moz-linear-gradient(-45deg, rgba(125,185,232,0) 0%, rgba(41,70,107,0.1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(125,185,232,0) 0%,rgba(41,70,107,0.1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(125,185,232,0) 0%,rgba(41,70,107,0.1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1a29466b',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.landing-bg-gradient-grey.landing-bg-border-left-right-none {
	border-left: none;
	border-right: none;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* relentless */
.landing-btn-full-width .elementor-button {
	width: 100% !important;
}
@media (max-width: 1140px) {
	.landing-btn-full-width a.elementor-button-link.elementor-button {
		margin: inherit !important; /* 0px 15px !important; */
	}
}
/* reduce logo hover/clickarea from full width to img only */
.landing-img-inline-block .elementor-image {
	display: inline-block;
}
/* "nice" red bg */
.landing-bg-gradient-red .elementor-element-populated {
	background-color: unset !important; /* remove column bg color of elementor */
}
.landing-bg-gradient-red {
	background-color: #121212; /* re-add fallback bg color */
	transition: all .3s; /* buttons have .3s, logos have 0.2s */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a0709+0,121212+35,3a0709+100 */
background: linear-gradient(135deg,  rgba(58,7,9,1) 0%,rgba(18,18,18,1) 35%,rgba(58,7,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* not in mobile */
.landing-bg-gradient-red.landing-box-hover-red:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a0709+0,121212+35,3a0709+100 */
background: linear-gradient(135deg,  rgba(51,6,7,1) 0%,rgba(18,18,18,1) 45%,rgba(51,6,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* no hover border color in elementor, so we do it here, not in mobile */
.landing-bg-gradient-red.landing-box-hover-red:hover > div.elementor-column-wrap {
	border-color: #830e15 !important;
}
/* fallback for password page etc. */
.elementor-template-canvas.elementor-page-6254 {
	color: #fff;
}
.elementor-template-canvas.elementor-page-6254 #cn-notice-buttons button {
  background-color: #a4141d !important;
}
.elementor-template-canvas.elementor-page-6254 #wpfront-scroll-top-container img {
  content: url('data:image/png;base64,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');
}

/* cf7 */
.page-template-elementor_canvas div.wpcf7-response-output {
	border: none;
}

/* QUIZ NEU */

/* tk, TODO */
.page-id-1109 #start-quiz {
	display: none;
}

#start-quiz a {
	background-color: #8e7412; /* #dcb428; */
    border-radius: 25px 25px 25px 25px;
    /* color: #fff !important; */ /* tk, rm, inherit from elementor */
    cursor: pointer;
    padding: 14px 24px;
    /* font-size: 14px !important; */  /* tk, rm, inherit from elementor */
    width: auto;
    text-transform: uppercase;
    /* font-family: 'GilroyExtraBold', sans-serif !important;
    font-weight: bold; */  /* tk, rm, inherit from elementor */
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    display: block;
    text-align: center;
}

.hdq_quiz {
	display: none;
	max-width: 100% !important;
}

.hdq_quiz.active {
	display: block;
}

.hdq_question h3 {
    text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif !important;
    color: #1e1e1e !important;
    font-size: 18px !important;
}
.hdq_label_answer {
    font-size: 16px !important;
    color: #2e2e2e /* #757575 */ /* #777 */ !important;
    font-family: 'GilroyRegular', sans-serif;
    text-align: left !important;
    padding: 0 !important;
}

.hdq_question {
	background: transparent !important;
	border-bottom: 0 none !important;
}

.hdq-options-check label {
	color: #7a7a7a !important;
}

/* .hdq-options-check label:before */
.hdq-options-check .hdq_toggle::before {
	background: #7a7a7a !important;
	box-shadow: none !important
}

/* .hdq-options-check input[type=checkbox]:checked+label:before */
.hdq-options-check input[type="checkbox"]:checked + .hdq_toggle::before {
	background: #dcb428 !important;
	box-shadow: none !important
}

.hdq_row:hover {
	background: transparent !important;
	opacity: .75 !important;
}

.hdq_results_wrapper h2, .hdq_result {
	display: none !important
}

.hdq_results_wrapper {
	padding: 0 !important;
	background: #fff !important;
}

.hdq_result_pass, .hdq_result_fail {
	font-size: inherit !important; /* overide plugin 1.3em; */
}

.hdq_results_inner a, .hdq_next_button.hdq_button, .hdq_finsh_button.hdq_button {
	background-color: #8e7412; /* #dcb428; */
    border-radius: 25px 25px 25px 25px;
    /* color: #fff !important; */ /* tk, rm, inherit from elementor */
    cursor: pointer;
    padding: 10px 24px;
     /* font-size: 14px !important; */  /* tk, rm, inherit from elementor */
    width: auto;
    text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif !important;
    /* font-weight: bold;*/  /* tk, rm, inherit from elementor */
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    display: block;
    width: 100%;
    text-align: center;
}

.hdq_next_button.hdq_button {
	background-color: #7a7a7a !important;
}
.hdq_results_inner a {	/* tk, TODO, rework, only button */
	color: #ffffff !important;
}

/* QUIZ ALT */ 
/* ARI Stream Quiz – WordPress Quizzes Builder */

/* tk, TODO, where is this used? important overrides? */
.result-content p {
	padding: 0 !important:
}

.result-title {
	text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif !important;
    color: #1e1e1e !important;
	padding-left: 15px;
	font-size: 26px !important;
}

.result-content a {
	background-color: #8e7412; /* #dcb428; */
    border-radius: 25px 25px 25px 25px;
    color: #fff !important;
    cursor: pointer;
    padding: 10px 24px;
    font-size: 14px !important;
    width: auto;
    text-transform: uppercase;
    font-family: 'GilroyExtraBold', sans-serif !important;
    font-weight: bold;
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    display: block;
    width: 100%;
    text-align: center;
}

/* tk, 24.06.2023, clickable images from description entry */
.featured-slider .elementor-image-carousel-caption {
	display: none;
}


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

/* TODO, is this used anywhere? see also elsewhere "scrolled" */
.site-header.scrolled {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
}
.scrolled {
    background: rgba(255,255,255, 0.85) !important;
    position: fixed !important;
    z-index: 99999;
    transition: ease-in 0.3s;
    
    -moz-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
}
.scrolled path {
    fill: #e83f40 !important;
}
.scrolled .content {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
    z-index: 999999;
}

.scrolled #menu-mainmenu li a {
    color: #757575 /* #777 */ !important;
}

.scrolled .right {
    padding: 0px;
}

/* tk, TODO, used anywhere? */
#top img{
	margin-bottom: 20px;
		border: 2px solid #f0f !important;
}
#top .size-thumbnail{
	max-width: 425px;
	width: 100%;
	display: block;
	margin: auto auto;
}

.text.white{
	color: #fff;
		color: #f0f !important;
}

a.white{
	border-bottom: 1px dashed #fff;
		border: 1px solid #f0f !important;
}

hr{
	border: none;
		border: 2px solid #f0f !important;
}
hr.spacer{
	height: 90px;
	margin-top: 0px;
	margin-bottom: 0px;
}
hr.spacer:after{
	content:"";
	clear: both;
	display: block;
}

iframe {
    border-radius: 0px !important;
}
iframe{
	width: 100%;
	height: 500px;
	border: 5px solid #fff;
	border-radius: 5px;
	position: relative;
	/* z-index: 1; */ /* tk, removed, break elementor yt overlay lazyload */
}
iframe {
    border: 0px;
    margin-top: -46px;
    position: relative;
		border: 2px solid #f0f !important;
}

#subscribe {
    background: #EEE !important;
    padding: 20px 0px;
		background: #f0f !important;
}

.scrolltop{
	background: rgba(0,0,0,0.1);
    color: #FFF;
    padding: 20px 20px;
    position: fixed;
    bottom: 30px;
    font-size: 26px;
    right: 30px;
    cursor: pointer;
    z-index: 1000;
		background: #f0f !important;
}

.welcome-text {
    text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.55);
		border: 2px solid #f0f !important;
}

#booking p {
    margin: 12px 0px 4px 0px;
		border: 2px solid #f0f !important;
}

/*
essential styles:
these make the slideshow work
*/
/* tk, rm, unused
#slides{
    position: relative;
    height: 700px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
		border: 2px solid #f0f !important;
}

.slide{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
		border: 2px solid #f0f !important;
}
*/
/* tk, TODO, is this used? */
/* tk, rm
li.slide.showing:after {
    content: '';
    background: rgba(255, 214, 237, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
*/
.showing{
    opacity: 1;
    z-index: 2;
}

/*
non-essential styles:
just for appearance; change whatever you want
*/
/* tk, rm, unused
.slide{
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    background: #333;
    color: #fff;
		background-color: #f0f !important;
}

.slide:nth-of-type(1){
    background: url(../images/bg.jpg);
}
*/
/* tk, moved to elementor element */
/*
#books .elementor-col-10 {
    width: 20% !important;
    float:left;
    margin-bottom: 15px;
}

#books .elementor-row {
    display: block;
}
*/
section.elementor-element.elementor-element-6tck9dm.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
    position: absolute;
    top: 40%;
    width: 100%;
		border: 2px solid #f0f !important;
}

li#menu-item-2586 {
    width: 90px;
		border: 2px solid #f0f !important;
}

.toggle-close{
	display: none;
		display: block;
		border: 2px solid #f0f !important;
}

#jobs, #kurse, #kontakt, #kunden, #lawsite{
    position: relative;
		border: 2px solid #f0f !important;
}
#kontakt{
	background: #FFF;
    z-index: 99;
		background: #f0f !important;
}

#klassen, #kurse{
	background-color: #FFF;
    position: relative;
		background: #f0f !important;
}

#kontakt .text {
    margin: 20px 15px;
    text-align: center;
		border: 2px solid #f0f !important;
}

#kontakt {
    padding: 50px 0px;
}

.download {
    background: transparent;
    border: 3px solid #f4af98;
    padding: 10px 42px;
    font-family: 'GilroyRegular', sans-serif;
    color: #f4af98;
    margin: 0 auto;
    font-size: 22px;
    transition: ease-in 0.2s;
    
    -moz-transition: ease-in 0.2s;
	-ms-transition: ease-in 0.2s;
	-o-transition: ease-in 0.2s;
	-webkit-transition: ease-in 0.2s;
		background: #f0f !important;
}

a.download:hover {
    background: #f4af98;
    transition: ease-in 0.1s;
    
    -moz-transition: ease-in 0.1s;
	-ms-transition: ease-in 0.1s;
	-o-transition: ease-in 0.1s;
	-webkit-transition: ease-in 0.1s;
    
    color: #FFF;
		background: #f0f !important;
}

.more-button{
    background: transparent;
    border: 3px solid #757575; /* #777; */
    padding: 10px 42px;
    font-family: 'GilroyRegular', sans-serif;
    color: #757575; /* #777; */
    margin: 0 auto;
    font-size: 22px;
    width: 200px;
    transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
	-ms-transition: ease-in 0.2s;
	-o-transition: ease-in 0.2s;
	-webkit-transition: ease-in 0.2s;
    position: relative;
    left: 50%;
    margin-left: -100px;
		background: #f0f !important;
}

.more-button:hover {
    background: #f10;
    transition: ease-in 0.1s;
    -moz-transition: ease-in 0.1s;
	-ms-transition: ease-in 0.1s;
	-o-transition: ease-in 0.1s;
	-webkit-transition: ease-in 0.1s;
    color: #FFF;
    border: 3px solid #f10;
		background: #f0f !important;
}

.translate{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1baaa8+0,1aa3a2+49,189492+50,158886+100 */
	background: #1baaa8; /* Old browsers */
	background: -moz-linear-gradient(top,  #1baaa8 0%, #1aa3a2 49%, #189492 50%, #158886 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1baaa8 0%,#1aa3a2 49%,#189492 50%,#158886 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1baaa8 0%,#1aa3a2 49%,#189492 50%,#158886 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1baaa8', endColorstr='#158886',GradientType=0 ); /* IE6-9 */
	padding: 10px 0;
	font-family: 'GilroyRegular', sans-serif;
	color: #fff;
	border-radius: 4px;
	text-shadow: -1px -1px rgba(0,0,0,0.3);
	font-size: 22px;
	max-width: 250px;
	margin: auto auto;
	display: block;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
		background: #f0f !important;
}

/* tk, rm, unused
.english{
	display: none;
}
*/

#news strong{
	display: inline-block;
	background: #1baaa8; 
	padding: 5px 10px; 
	color: #fff;
		background: #f0f !important;
}

/* Responsive Lightbox & Gallery */
/* tk, rm
#swipebox-overlay {
    z-index: 999999 !important;
}

#swipebox-close {
    right: 20px;
}

#swipebox-overlay {
    background: rgba(0,0,0,0.8) !important;
		background: #f0f !important;
}

#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
    display: inline-block;
    max-height: 80% !important;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}
*/