.alignleft{float: left; padding-right: 20px;}
h1.entry-title{padding-top: 50px;}
#main-header {
  /*  background: #e11d5d none repeat scroll 0 0 !important; */
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}

.et_pb_blog_grid .et_pb_image_container img:hover {
    opacity: 0.7;
}
.et_pb_widget_area_left {
    border-right: 0 solid rgba(0, 0, 0, 0.1);
}
.em-booking-form-details {
    float: none; 
    display: block;
    width: 100%;
}

.em-booking-form-details label {
    display: block; 
    width: 100%;
}

.em-booking-form-details input.input,
.em-booking-form-details select,
.em-booking-form-details textarea {
    width: 100%;
}

div.em-booking-login {
    float: none;
    display: block;
    width: 100%;
    margin: 15px 0;
    border: 0 none;
    padding: 10px;
}

div.em-booking-login p label {
    display: block !important;
    width: 100% !important;
}
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
    padding: 10px !important;
    font-size: 15px !important;
}
body.single-event input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
/***Âàðèàíò 1***/
.cf-right1, .cf-left1{
width:50%;
float:left;
margin-bottom:20px;
}
.cf-right1 input, .cf-left1 input{
width:98%;
padding:10px; /*Âíóòðåííèå îòñòóïû*/
color:#000; /*Öâåò øðèôòà äëÿ ïîëåé ââîäà*/
background:#fff; /*Öâåò ôîíà äëÿ ïîëåé ââîäà*/
-moz-box-shadow: 0 0 6px #ccc; /*Òåíü âîêðóã ïîëåé ââîäà*/
-webkit-box-shadow: 0 0 6px #ccc;
box-shadow:0 0 6px #ccc;   
}
.cf-mes{
width:100%;
}
/*Ñòèëè äëÿ òåêñòîâîãî ïîëÿ*/
.cf-mes textarea{
width:99%;
padding:10px; 
color:#000!important;
background:#fff;
-moz-box-shadow: 0 0 6px #ccc;
-webkit-box-shadow: 0 0 6px #ccc;
box-shadow:0 0 6px #ccc; 
font-family:Verdana;    /*Íàçâàèå øðèôòà*/
}




body{padding: 0;margin: 0;font-family: 'Inter', sans-serif;}
.mainpage{max-width: 1150px; margin: auto; padding: 0 2% 0 2%; }
.mainpage iframe{width: 100%; height: 550px; margin-top: 115px;}
.greenalert{text-align: center; background: #006d00; color: #fff; padding: 30px; border-radius: 15px; max-width: 800px; margin: 50px auto  115px auto; font-size: 18px; line-height: 1.4em}
.mainservice{}
.mainservice_item{}
.mainprice_cost{font-size: 80px; text-align: center; padding-right: 20px; color: #000;}
.mainprice_cost span{font-size: 20px; margin-top: -1px;  position: absolute;}
ul.mainprice_desc{padding: 0; margin: 0; list-style: none;}
ul.mainprice_desc li{margin-bottom: 15px; margin: 0 30px 10px 30px; padding-left: 18px; font-size: 14px; background: url('images/li.png') no-repeat 0 4px;line-height: 1.4em;}
.mainservice_item_icon{}

a.kurstermine_bt{background: linear-gradient(90deg, #008F00 3.32%, #006D00 100%);border-radius: 15px; color: #fff; padding: 10px 10px; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 16px;display: block; text-align: center; max-width: 205px; transition: 1s;}
a.kurstermine_bt:hover{opacity: 0.8;transition: 1s;}

.bt_cover{display: block; margin: 0 auto;  }
a.bt_center{ margin: 10px auto 100px auto;  }
a.bt_center_table{ margin: 40px auto 100px auto;  max-width: 237px;}
a.bt_bottom{margin-top: 20px;}
ul.small li a {padding: 10px; transition: 1s;}
.topnav .small{margin-top: 5px;}
ul.footer_links a{color: #000; list-style: none; margin-left: 25px;}

#mobile-menu{font-size: 30px; margin-top: -4px;margin-left: -10px;}


video{position: absolute; z-index: -9; object-fit: fill; }
.maintext{background: #eaeef0; padding:  115px 0 115px 0; margin-top: 115px}
.mainprice{display: flex;}
.topline_h1{font-size: 48px; font-weight: bold; margin-bottom: 50px; line-height: initial;}
.topline_h1 span{color: #D0F084;}
.greenalert_h3{font-size: 38px; line-height: 1.4em; font-weight: bold; text-align: center; margin-bottom: 30px}
.topline_h2{font-size: 32px; font-weight: bold; margin-bottom: 28px; line-height: initial;}



.mainprice_a,.mainprice_b,.mainprice_c,.mainprice_d{background: #FFFFFF;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.14);  margin-top: -76px; position: relative; margin-left: 20px; display: flex; flex-direction: column; justify-content: space-between; padding: 0 0 20px 0;transition: 1s;}



.mainprice_a,.mainprice_c,.mainprice_d{border-radius: 15px;}
.mainprice_b{border-radius: 0 0 15px 15px;min-height: 475px; background: #ebffb9;}

.mainprice_a:first-child{margin-left: 0;}
.mainprice_title_select span{font-size: 14px; display: block}
.mainprice_title{background: linear-gradient(90deg, #898989 3.69%, #686868 92.25%); border-radius: 15px 15px 0px 0px; color: #fff; padding: 17px; text-align: center; font-size: 20px;}
.mainprice_title_select{background: linear-gradient(90deg, #008F00 3.32%, #006D00 100%); border-radius: 15px 15px 0px 0px;color: #fff; padding: 9px; text-align: center; font-size: 20px; margin-top: -59px;}


.mainservice{display: flex; justify-content: space-between; margin: 100px 0 100px 0}
.mainservice_item{ border-right: 1px solid #E5EBD8; width: 21%; padding: 0 2% 0 2%; font-size: 14px; line-height: 1.4em; display: flex; flex-direction: column; justify-content: space-between;}
.mainservice_item strong{display: block; text-align: center; margin:  25px 0 25px 0; font-size: 20px;}
.mainservice_item:first-child{border-left: 1px solid #E5EBD8;}
.mainservice_item_icon{ background: url('images/ico_bg.svg') no-repeat; background-size: contain; width: 150px; height: 150px; margin: 0 auto; position: relative; z-index:99999;display: flex; padding-left: 15px;}
.mainservice_item_icon img{border-radius: 50%; width: 80%; height: auto; align-self: center; }
.bottom_content{text-align: center; font-size: 12px; line-height: 1.4em;}
.maintext_h2{background: url('images/erstlife_bg.png') no-repeat; display: block; background-size: cover; border-radius: 15px; border: 1px solid #008570; font-size: 64px; font-weight: bold; padding: 10% 40% 10% 5%; }
.maintext_item_a, .maintext_item_b{display: flex; align-self: center; margin-top: 115px; font-size: 18px; line-height: 1.6em;}
.maintext_item_a img{ margin-right: 35px; }
.maintext_item_b img {margin-left: 35px;}
.maintext_item_b{text-align: right;}
.maintext_item_content{align-self: center;}


.mainpage_table{}
.mainpage_table_head{background: #006d00; padding: 20px;  color: #fff; border-radius: 15px; font-weight: bold; background: #006D00; box-shadow: 0px 10px 20px #d9d9d9; display: flex}
.mainpage_table_row{margin-top: 20px; padding: 20px;  background: #D8F78D; color: #000; border-radius: 15px; font-weight: bold; background: #D8F78D; box-shadow: 0px 10px 20px #d9d9d9; display: flex;transition: 1s; }
.mainpage_table_row:hover{ background: #FFFFA5; transition: 1s; }

.mainpage_table_cells{width: 15%; text-align: center; line-height: 1.7em}
.mainpage_table_cells span{ font-weight: normal; font-size: 13px; display: block; line-height: 1.4em; margin-top: 10px;}

.mainpage_table_cells:first-child{width: 30%; text-align: left}

.mainpage_table_row .mainpage_table_cells:nth-of-type(3){ align-self: center; font-weight: normal;}
.mainpage_table_row .mainpage_table_cells:nth-of-type(1), .mainpage_table_row .mainpage_table_cells:nth-of-type(2){ align-self: center;}

.mainpage_table_row .mainpage_table_cells:nth-of-type(4),.mainpage_table_row .mainpage_table_cells:nth-of-type(5){ align-self: center; font-weight: bold; font-size: 24px;}
.mainpage_table_row .mainpage_table_cells:nth-of-type(4) span{ line-height: 0.6em;}
.mainpage_table_row .mainpage_table_cells:nth-of-type(5) img{ margin-top: 10px;}

a.mainpage_table_submit_default, a.mainpage_table_submit_finish, a.mainpage_table_submit_waiting{line-height: 1.4em; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 12px; padding: 6px 15px; border-radius: 15px; display: inline-block; text-wrap: nowrap; }
a.mainpage_table_submit_default{background: #006d00;}
a.mainpage_table_submit_finish{background: #CAE48B;}
a.mainpage_table_submit_waiting{background: #E3CD00;}
.topnav{display: flex; justify-content: space-between;    color: #fff;    /* z-index: 9999; */    font-size: 20px;   }
.menu-hauptmenue-container li{display: flex;}
.mobile_video{display: none;}



footer{ background: #eaeef0; padding: 100px 10px 120px 10px;margin-top: 115px; }
.footer_a,.footer_b{display: flex;}
.f_content{display: flex; justify-content: space-between;}
.footer_logo{background: url('images/f_logo.webp') no-repeat; width: 144px; height: 72px; align-self: center; margin-top: 14px;}
.footer_b{align-self: center}
.footer_links{list-style: none;}
.footer_links li{ font-size: 12px; font-weight: bold;}
.footer_social_fb{background: url('images/fb.svg') no-repeat; width: 58px; height: 58px; margin-right: 20px;}
.footer_social_tw{background: url('images/tw.svg') no-repeat; width: 58px; height: 58px; margin-right: 20px;}
.footer_social_rss{background: url('images/rss.svg') no-repeat; width: 58px; height: 58px;}

video{width: 100%;position: relative; z-index: -99999; top: 80px; min-height: 550px; }
.topline{margin-top: 200px;  z-index:20; position: absolute; color:#fff; left: 5%; }


.test_p{background: #fff; width: 100%; padding-bottom: 50px; position: relative; z-index: 10; margin-top: 55px; }

.test_p::before{content: ''; background: #fff; position: absolute; display: block; -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); clip-path: polygon(-6% 100%, 100% 0%, 100% 100%); height: 52px; width: 100%; z-index: 0; margin-top: -51px;}
footer::before{content: ''; background: #eaeef0; position: absolute; display: block; -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); clip-path: polygon(0% 0%, 0% 100%, 100% 100%); height: 52px; width: 100%; z-index: 0; margin-top: -151px;margin-left: -20px;}

header{background: linear-gradient(90deg, #D0F084 18.6%, #ACD155 77.98%); height: 80px; display: block; position: fixed; width: 100%; z-index: 9999999999999999999; box-shadow: 0px 13px 34px rgba(0, 0, 0, 0.25);
}
.mainlogo{background: url('images/logo.webp') no-repeat; width: 201px; height: 87px; display: block; margin: 15px;}
.mainlogobg{/* background: linear-gradient(90deg, #CDEE81 0%, #C8E97A 100%); */width: 245px; height: 130px; position: absolute; z-index: -10; top: -15px; z-index: -99999999999; border-radius: 180px; }
#masthead{height: 300px;}

#header-sroll.small { height: 65px; transition: 1s;}
.mainlogobg.small{display: none; transition: 1s;}
a.mainlogo.small{width: 250px; height: 40px; display: block; background-size: contain;transition: 1s;}



@media only screen and (max-width: 740px)  {

body{overflow-x: hidden }
.pc_video{}
.test_p::before{display: none;}
a.bt_bottom { margin: 25px auto;}
.mainpage_table_cells:first-child{text-align: center; font-size: 20px}
.mainpage_table_row{flex-direction: column;}
.mainpage_table_cells, .mainpage_table_cells:first-child{width: auto; padding: 10px}
.mainpage_table_head{display: none;}
.mainpage_table_row{padding: 10px}
.mainpage_table_cells{line-height: 1.4em;}
.mainpage_table_row .mainpage_table_cells:nth-of-type(3){ width: 100%}
.mainpage_table_row .mainpage_table_cells:nth-of-type(4) img{ width: 10px height: auto}
video{min-height: 230px!important;}

.mainprice,.f_content,.footer_a,.maintext_item_a, .maintext_item_b,.mainservice{flex-direction: column;}
ul.footer_links{text-align: center; margin: 40px 0 60px 0; padding: 0}

.test_p{height: auto; margin-top: 0;}
.mainprice_a, .mainprice_b, .mainprice_c, .mainprice_d{margin-top: 30px;}
.mainprice_a:first-child{margin-left:0; }

.alignleft{float: none; width: 100%; height: auto; padding-bottom: 20px}

.mainlogo{width: 134px; background-size: contain; background: url('images/logo.webp') no-repeat;}
.mainlogobg{width: 176px;height: 126px;/* background: linear-gradient(90deg, #CDEE81 0%, #bcdf6a 100%);} */
.mainprice{margin: 50px 0 50px 0; padding-bottom: 100px; }
.mainprice_title_select{margin-top: 0;}
.mainprice_b{min-height: auto;}
.mainprice_b{border-radius: 15px;}
.mainprice_a, .mainprice_b, .mainprice_c, .mainprice_d{min-height: 450px; margin-left: 0}

.topline_h1{font-size: 22px!important; margin-bottom: 15px; line-height: 1.2em!important;
.greenalert_h3{font-size: 22px;}
.greenalert{font-size: 14px;margin: 50px auto 40px auto;}
a.bt_center{margin: 10px auto 100px auto}
.mainpage iframe{margin-top: 50px;}
.maintext_item_b{flex-direction: column-reverse; text-align: left;}
.maintext_item_a img{margin-right: auto; width: 100%; height: auto; margin-bottom: 30px; }
.maintext_item_b img{margin-left: auto;width: 100%; height: auto; margin-bottom: 30px; }
.maintext_item_a, .maintext_item_b{font-size: 14px; margin-top: 50px;}
.maintext_h2{background-size: contain; font-size: 4.7vw; } 
.mainservice_item, .mainservice_item:first-child{width: auto; border: none; text-align: center}

}


/* header navigation */
.topnav nav {display: none;z-index:-10;}
.top-menu { background: rgba(41, 41, 41, 0.98); position: absolute; z-index: -26; width: 100%; left: 0; top: 0; padding-left: 0; padding-right: 0; padding-top: 140px; padding-bottom: 140px;}
.top-menu li { padding: 0; display: block; }
.top-menu li a, .top-menu li span {
    display: block; padding: 15px 20px; color: #fff; line-height: 20px;
    font-weight: 500; text-decoration: none; position: relative; cursor: pointer;
}


.top-menu li .sub-menu > li > a:hover,
.top-menu li .sub-menu > li > span:hover  {
    background-color: rgba(255,255,255,0.2);
}

.top-menu .sub-menu { margin: 0; }



@media screen and (min-width: 1024px) {
    .top-menu .open-submenu:after, .top-menu .open-submenu { display: none; }
}

@media screen and (max-width: 1023px) {
.top-menu { margin-top: 1px; box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25); }
.top-menu .sub-menu li a { padding: 10px 0; }
.top-menu .sub-menu { margin: 0; font-size: 12px; }
.top-menu li.menu-item-has-children { position: relative; }
.top-menu li.menu-item-has-children > .open-submenu {
    width: 50px; height: 50px; position: absolute; top: 0; right: 0;
    background: rgba(255,255,255,0.3); box-sizing: border-box; font-size: 24px;
    line-height: 50px; padding: 0; text-align: center;
}
.top-menu a { border-bottom: 1px solid #ffffff1a; }
.top-menu .sub-menu li.menu-item-has-children > .open-submenu { height: 40px; line-height: 40px; }
.top-menu .sub-menu.closed { }
.top-menu .submenu-opened .sub-menu.closed {  }
.top-menu .open-submenu::before { content: '+'; position: absolute; width: 50px; height: 50px; top: 0; left: 0; }
.top-menu .submenu-opened > .open-submenu::before { content: '–'; }
}

/* ============================================================================ */

@media only screen and (max-width: 1024px) {.topnav{margin-top: 9px;}}

@media only screen and (min-width: 1024px) {

    #mobile-menu { display: none; font-size: 30px!important; }
    a.mainlogo.small{width: 130px; height: 80px; display: block; background-size: contain;transition: 1s;margin-top: 5px;}

    .topnav{z-index: 999999999999999999; font-size:16px; font-weight: bold; color: #000; }
    .topnav nav {display: block; padding: 0}
    .top-menu { position: static; text-align: left; padding-top: 0;  padding-bottom: 0; background: none; margin-top: 12px;}
    .top-menu li { display: inline-block; position: relative; }
    .top-menu li a { border-bottom: 0; font-weight: normal; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; color: #000; font-weight: bold}

    .top-menu .sub-menu, .top-menu .children {
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background: #1e1e1e;
        width: 250px;
        z-index: 1000;
        box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
        visibility: hidden;
        padding: 0;

        transform-origin: top center;

        transition: 280ms all 120ms ease-out;
    }


    .top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left;}
    .top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); }
    .top-menu li:hover > .sub-menu,
    .top-menu li:hover > .children,
    .top-menu li:focus > .sub-menu,
    .top-menu li:focus > .children,
    .top-menu li:focus-within > .sub-menu,
    .top-menu li:focus-within > .children {
        opacity: 1;
        transform: rotateX(0) translateX(0%);
        visibility: visible;
    }



    .top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left;}
    .top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); }

    .top-menu .sub-menu .sub-menu,
    .top-menu .children .children {top: 0; left: 100%; border-left: 2px solid #fff;}
    .top-menu .sub-menu li:hover > .sub-menu,
    .top-menu .children li:hover > .children { display: block; }
    .top-menu .menu-item-has-children > a:after, .top-menu .menu-item-has-children > span:after,
    .top-menu .page_item_has_children > a:after, .top-menu .page_item_has_children > span:after{
        content: '❯'; position: absolute; right: 20px; margin: 1px 0 0 15px; transform: rotate(90deg);font-size: 14px;
    }
    .top-menu .sub-menu > .menu-item-has-children > a:after, .top-menu .sub-menu > .menu-item-has-children > span:after,
    .top-menu .children > .page_item_has_children > a:after, .top-menu .children > .page_item_has_children > span:after {
        content: '❯'; margin: 0; transform: none;
    }
    .top-menu .menu-item-has-children> a, .top-menu .menu-item-has-children> span,
    .top-menu .page_item_has_children> a, .top-menu .page_item_has_children> span {
        padding-right: 40px;
        color: #000;
        font-weight: bold;
    }

}


/* ___ Desktop ( > 1200px ) ------------------------------------------------ */
@media only screen and (min-width: 1280px) {
    .topline_h1 { font-size: 3.5vw!important;}
    #navpages li { padding-left: 10px; }
    #navpages .sub-menu { margin-left: 10px; }
    #navpages .sub-menu .sub-menu { left: 190px; }
    #navpages li a { font-size: 16px; padding: 10px; }
    .comment-list ul.children {margin: 0 0 50px 30px;}
}

/* -------------------------------------------------------------------------- */
/*details[open] {

}*/

details summary {
	background-color: #eee;
	padding: 10px;
	cursor: pointer;
	list-style: none;
}

details div {
	border: 1px solid #eee;
	padding: 10px;
}

details summary::before {
	content: '\27A2';
	margin-right: 5px;
}

details[open] summary::before {
	content: '\261F';
}

details[open] div {
	animation: slide .5s;
}

@keyframes slide {
	0% {
		opacity: 0; transform: translate(0, -20px);
	}
	100% {
		opacity: 1; transform: translate(0, 0);
	}
}

details.desc summary::after {
	content: attr(data-close);
}

details.desc[open] summary::after {
	content: attr(data-open);
}