@charset "UTF-8";
a.button, button, .a-button-primary, .a-button-secondary { min-width: 100px; padding: 10px 40px; border-radius: 4px; text-align: center; border: 0; }
a.button:hover, button:hover, .a-button-primary:hover, .a-button-secondary:hover { text-decoration: none; }

p.button { min-width: 100px; padding: 10px 30px; border-radius: 4px; text-align: center; border: 0; }
p.button:hover { text-decoration: none; }

header:after, .header:after, .subnav-wrapper .subnav:after, .right-content-top:after, form .radioselectavailable:after, form .radioselectunavailable:after, .row:after, section:after, section.w100 .sectionTXT:after { content: ' '; clear: both; display: block; }

a.has-arrow .icon, p.has-arrow .icon { right: 0; top: 2px; position: absolute; }
a.has-arrow .icon:after, p.has-arrow .icon:after { content: ''; padding-left: 20px; margin-right: 0; background-image: url(../Images/arrow-right.svg); background-repeat: no-repeat; background-position: center right; }

/* @RETRUN JUST CALCULATED VALUES! */
/* fira-sans-300 - latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local("Montserrat"), local("Montserrat"), url("../../Fonts/montserrat-v29-latin-regular.woff2") format("woff2"), url("../../Fonts/montserrat-v29-latin-regular.ttf") format("truetype"); }
/* fira-sans-regular - latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../../Fonts/montserrat-v29-latin-600.woff2") format("woff2"), url("../../Fonts/montserrat-v29-latin-600.ttf") format("truetype"), ´; }
/* fira-sans-500 - latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url("../../Fonts/montserrat-v29-latin-300.woff2") format("woff2"), url("../../Fonts/montserrat-v29-latin-300.ttf") format("truetype"); }
/* fira-sans-600 - latin */
  /* @font-face { font-family: 'ProximaNova'; font-style: normal; font-weight: 400; src: local('ProximaNova'), local('ProximaNova'), url('../../Fonts/ProximaNova-Black.woff2') format('woff2'), url('../../Fonts/ProximaNova-Black.ttf') format('truetype'), }
*/
/* fira-sans-700 - latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url("../../Fonts/fira-sans-v10-latin-800.eot");
  /* IE9 Compat Modes */
src: local("Montserrat ExtraBold"), local("FiraSans-ExtraBold"), url("../../Fonts/fira-sans-v10-latin-800.eot?#iefix") format("embedded-opentype"), url("../../Fonts/fira-sans-v10-latin-800.woff2") format("woff2"), url("../../Fonts/fira-sans-v10-latin-800.woff") format("woff"), url("../../Fonts/fira-sans-v10-latin-800.ttf") format("truetype"), url("../../Fonts/fira-sans-v10-latin-800.svg#FiraSans") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../../Fonts/fa-brands-400.eot"); src: url("../../Fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../Fonts/fa-brands-400.woff2") format("woff2"), url("../../Fonts/fa-brands-400.woff") format("woff"), url("../../Fonts/fa-brands-400.ttf") format("truetype"), url("../../Fonts/fa-brands-400.svg#fontawesome") format("svg"); }
body { background-color: #ffffff; color: #545454; font-family: "Montserrat", Helvetica, Arial sans-serif; margin: 0; padding: 0; margin: 0; font-size: 1rem; line-height: 1.2; }

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

::-moz-selection { color: #fff; background-color: #007ec5; }

::selection { color: #fff; background-color: #007ec5; }

h1, .heading-1 { text-transform: none; font-size: 30px; text-align: left; margin: 20px 0 0; color: #007ec5; font-style: italic; line-height: 1em; font-weight: 600; }
@media (min-width: 600px) { h1, .heading-1 { font-size: 45px; } }

#pospage h1 { color: #007ec5; }

h2 { font-family: "Montserrat", Helvetica, Arial sans-serif; margin-bottom: 60px; font-weight: normal; font-weight: 600; color: #545454; text-align: center; font-size: 28px; line-height: 28px; }
h2.white { color: #fff; }
@media (min-width: 600px) { h2 { font-size: 28px; line-height: 1.2em; } }
h2.ce-headline-center { color: #555555; font-weight: 200; text-align: center; margin-top: 60px; }

.stage h2, .heading-2 { text-transform: uppercase; color: #545454 !important; font-size: 24px; font-weight: 700; text-align: left; font-style: italic; text-transform: none; font-size: 22px; line-height: 1em; }
@media (min-width: 600px) { .stage h2, .heading-2 { font-size: 28px; } }
@media (min-width: 1024px) { .stage h2, .heading-2 { font-size: 34px; } }

.stage h1, .heading-1 { color: #fff; font-size: 30px; font-style: normal; line-height: 2.5rem; margin: 0 auto; text-align: center; max-width: 1200px; text-transform: uppercase; }
@media (min-width: 1024px) { .stage h1, .heading-1 { font-size: 2.5rem; line-height: 3.5rem; text-align: center; } }

h3 { font-family: "Montserrat", Helvetica, Arial sans-serif; margin: 20px 0 40px 0; font-weight: 400; font-size: 26px; line-height: 45px; font-weight: 600; color: #545454; }

#pospage h2, #pospage h3 { color: #007ec5; }

header, .header { width: 100%; height: auto; background-color: #fff; margin: 0 auto; -webkit-transition: all 0.2s; transition: all 0.2s; position: fixed; top: 0; z-index: 20; }
header .headerinner, .header .headerinner { /*
&-top-logo {
	background-image: url(../images/froot-logo-white.svg);
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 auto;
	transition: all 0.2s;
}
*/ }
header .headerinner-top-logo, .header .headerinner-top-logo { max-width: 200px; text-align: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 10px 0; }
@media (min-width: 1024px) { header .headerinner-top-logo, .header .headerinner-top-logo { max-width: 250px; } }
header .headerinner-top-logo img, .header .headerinner-top-logo img { height: auto; width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
header .headerinner-top-menu, .header .headerinner-top-menu { position: absolute; top: 0; right: 0; }

header section > div { max-width: 1200px; margin: 0 auto; }
header section .logo { width: 150px; height: auto; margin-bottom: -40px; }

#main { height: 100%; margin-top: 130px; }

.fontXXL { font-size: 3rem; line-height: 1; }

.fontXL { font-size: 2.5rem; line-height: 1; }

.fontL { font-size: 2rem; line-height: 1; }

.fontM { font-size: 1.7rem; line-height: 1; }
.fontM li { padding: 1rem 0; }

.fontS { font-size: 1.5rem; line-height: 1; }

.fontMS { font-size: 1.3rem; line-height: 1.3; }
.fontMS p { padding: 8px 0; margin: 0; }

.fontXS { font-size: 1.1rem; line-height: 1; }
.fontXS p { padding: 8px 0; margin: 0; }

.fontXXS { font-size: .7rem; line-height: 1; }
.fontXXS p { padding: 8px 0; margin: 0; }

.lineheightlarger { line-height: 1.4em; }

.round { padding: 20px; border-radius: 50%; }

.fontXXS { font-size: .8rem; line-height: 1; }
.fontXXS p { padding: 8px 0; margin: 0; }

.fontXXXS { font-size: .7rem; line-height: 1; }
.fontXXXS p { padding: 4px 0; margin: 0; }

.fontUltra { font-size: 3.5rem; line-height: 1; }

.fontmedium { font-weight: 500; }

.fontitalic { font-style: italic; }

.white { color: #fff; }

.borderbottom1 { border-bottom: 1px solid gray; }

.border1 { border: 1px solid gray; }

.borderleft1 { border-left: 1px solid gray; }

.bordertop1 { border-top: 1px solid gray; }

.borderright1 { border-right: 1px solid gray; }

.background-primary { background-color: #007ec5; }

hr.linear-gradient { height: 3px; border: 0px; background: #007EC5; background: -webkit-gradient(linear, left top, right top, from(#007ec5), color-stop(50%, #007ec5), to(white)); background: linear-gradient(90deg, #007ec5 0%, #007ec5 50%, white 100%); margin: 10px 0 0 0; }

.contentscroll { overflow-y: scroll; max-height: 78vh; }

.shadowlight { text-shadow: 0px 0px 8px white; }

.posBottom { bottom: 0; }

.padding10 { padding: 10px; }

.padding20 { padding: 20px; }

.padding25 { padding: 25px; }

.paddingright10 { padding-right: 10px; }

.paddingleft10 { padding-left: 10px; }

.paddingright20 { padding-right: 20px; }

.paddingleft20 { padding-left: 20px; }

.paddingtop20 { padding-top: 20px; }

.paddingbottom20 { padding-bottom: 20px; }

.paddingtop40 { padding-top: 40px; }

.paddingbottom40 { padding-bottom: 40px; }

.paddingtop30 { padding-top: 30px; }

.paddingbottom30 { padding-bottom: 30px; }

.paddingtop10 { padding-top: 10px; }

.paddingbottom10 { padding-bottom: 10px; }

.nomargin { margin: 0 !important; }

.margintop0 { margin-top: 0px; }

.margintop20 { margin-top: 20px; }

.margintop40 { margin-top: 40px; }

.marginbottom20 { margin-bottom: 20px; }

.link { display: block; }
.link:hover { text-decoration: none; }

.content { height: 100%; width: 100%; }
.content .freeposition { position: absolute; }
.content .freeposition.bottomright { bottom: -20px; right: 30px; }
.content .boxedcontent { max-width: 100%; width: 100%; margin: 0 auto; height: 100%; max-height: 100vh; overflow-y: scroll; overflow-x: hidden; position: absolute; }
.content .subnavigation { margin: 20px 0 0 0; }
.content .subnavigation li { font-weight: 800; font-size: 40px; }
.content .step { position: absolute; width: 100%; display: none; /*
&:not(#step0) {
	display: none
}
*/ }
.content .subnavwrapper { text-align: center; }
.content .referencewrapper .item { margin: 20px; line-height: 0; }
@media (min-width: 600px) { .content .referencewrapper .item { width: 40%; } }
.content .referencewrapper .item.mobile { width: 20%; }
.content .referencewrapper .item img { width: 100%; height: auto; }
.content .iframewrapper { position: relative; width: 100%; padding-top: 56.25%; }
.content .iframewrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.maincontent .evenlarger { font-weight: 800; }
.maincontent .brandslist .icon { display: inline-block; margin-bottom: 40px; padding: 0 10px; }
.maincontent .brandslist .icon span { padding: 0 10px; font-size: 3em; }
.maincontent .brandslist .icon p { margin: 5px 0 !important; color: #545454 !important; font-weight: 400 !important; }
.maincontent .hiddendesktop { display: block !important; }
@media (min-width: 1024px) { .maincontent .hiddendesktop { display: none !important; } }
.maincontent .samplewrapper { background-color: #f1fafb; padding-bottom: 100px; }
.maincontent .samplewrapper .sample { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.maincontent .samplewrapper .sample h2 { font-weight: 800; font-size: 40px; text-transform: uppercase; padding: 40px 0; }
.maincontent .initialhidden { display: none !important; }
.maincontent .selectionlist { margin: 0 auto; list-style-type: none; padding: 0; display: table; table-layout: fixed; width: 750px; border-collapse: separate; border-spacing: 10px; }
.maincontent .selectionlist.vr { width: 250px; }
.maincontent .selectionlist.oc { width: 300px; }
.maincontent .selectionlist.shoplinks li { border: 4px solid transparent; padding: 0; }
.maincontent .selectionlist.shoplinks li a { color: #007ec5 !important; }
.maincontent .selectionlist.shoplinks li .far { font-size: 50px; cursor: pointer; }
.maincontent .selectionlist.shoplinks li .shoppingselect { display: none; width: 100%; padding: 10px; border-radius: 0; border: 3px solid #007ec5; background-color: #fff; margin-top: 20px; font-family: "Montserrat", Helvetica, Arial sans-serif; color: #007ec5; font-size: 16px; font-weight: 500; }
.maincontent .selectionlist li { display: table-cell; text-align: center; font-weight: 600; line-height: 1.2; color: #007ec5; border: 4px solid #007ec5; padding: 20px 20px 100px 20px; position: relative; }
.maincontent .selectionlist li .preis { color: white; -webkit-transform: rotate(-6.5deg); transform: rotate(-6.5deg); background-image: url(../images/preis_stoerer.png); background-size: cover; background-repeat: no-repeat; width: 90%; padding: 17px 0 15px; position: absolute; left: 5%; bottom: 20px; }
.maincontent .selectionlist li .checkmark { background-image: url(../images/icons/list-check-landing-v2.png); background-repeat: no-repeat; background-size: 18px 18px; background-position: left top; text-align: left; padding-left: 26px; margin-bottom: 10px; }
.maincontent .selectionlist li h3 { font-size: 30px; line-height: 1; }
.maincontent .selectionlist li h4 { font-weight: 400; text-transform: uppercase; color: #007ec5; font-size: 24px; line-height: 1; margin: 5px 0 20px; }
.maincontent .selectionlist li.active { background-color: #007ec5; color: #fff; }
.maincontent .selectionlist li.active .checkmark { background-image: url(../images/icons/list-check-landing-v2-white.png); }
.maincontent .selectionlist li.active h3, .maincontent .selectionlist li.active h4 { color: #fff; }
.maincontent .selectionlist li.comingsoon { border-color: #ff740150; color: #ff740150; cursor: default; position: relative; }
.maincontent .selectionlist li.comingsoon h4, .maincontent .selectionlist li.comingsoon h3 { color: #ff740150; }
.maincontent .selectionlist li.comingsoon .comingsoon-badge { color: #fff; background-color: #007ec5; padding: 5px 10px; text-transform: uppercase; position: absolute; top: -25px; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
.maincontent .selectionlist li.comingsoon .preis { opacity: 0.5; }
.maincontent .selectionlist li.comingsoon .checkmark { background-image: url(../images/icons/list-check-landing-v2-50.png); }
.maincontent .selectionwrapper { padding: 60px 0 170px 0; }
.maincontent .selectionwrapper .selectionitems { text-align: center; }
.maincontent .selectionwrapper .selectionitems .selectionitemslist { cursor: pointer; }
.maincontent .selectionwrapper .badgewrapper { position: relative; }
.maincontent .selectionwrapper .badgewrapper .badgewrapperinner { position: absolute; margin-top: 60px; left: calc(50% - 336px); }
.maincontent .selectionwrapper .badgewrapper .badgewrapperinner.garantiert { left: calc(50% - 224px); }
.maincontent .selectionwrapper .badgewrapper .badgewrapperinner.shop { left: calc(50% - 340px); }
.maincontent .selectionwrapper .badgewrapper .badgewrapperinner.vr { left: calc(50% - 355px); }
.maincontent .selectionwrapper .badgewrapper .badgewrapperinner.seo { left: calc(50% - 114px); }
.maincontent .selectiondetailswrapper { background-color: #f1fafb; padding: 160px 0 110px 0; }
.maincontent .selectiondetailswrapper .selectiondetailitems { text-align: center; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist { width: 750px; display: table; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist { border: 4px solid #007ec5; padding: 20px 20px 60px 20px; background-color: #fff; width: 100%; display: table-cell; position: relative; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist .less { display: none; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist button { position: absolute; bottom: 20px; display: block; left: 24%; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist.active .catchphrase { display: none; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist .productdetails { display: none; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist .productdetails ol { border-collapse: collapse; border-spacing: 0; padding: 0; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist .productdetails ol li { display: block; border: 0; padding: 10px 0; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist .productdetails ol li .regular { color: #545454; }
.maincontent .selectiondetailswrapper .selectiondetailitems .selectiondetailitemslist .detailslist h2 { font-weight: 600; }
.maincontent .selectiondetailswrapper .selectiondetailitems h2 { color: #545454; text-transform: uppercase; font-weight: 800; font-size: 30px; }
.maincontent .selectiondetailswrapper .selectiondetailitems h3 { line-height: 1; font-weight: 200; font-size: 34px; margin-bottom: 40px; }
.maincontent .selectiondetailswrapper .selectiondetailitems p { font-weight: 600; line-height: 1.2; color: #007ec5; text-align: center; font-size: 1.1em; margin: 20px 0; }
.maincontent .selectiondetailswrapper button.button { padding: 10px 20px; cursor: pointer; }

.subnav-wrapper { position: relative; text-align: center; margin-bottom: 60px; }
.subnav-wrapper .subnav { margin: 0 auto; width: auto; display: none; position: relative; padding: 0; /*
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
*/ }
@media (min-width: 1024px) { .subnav-wrapper .subnav { display: inline-block !important; } }
.subnav-wrapper .subnav li { text-align: center; list-style-type: none; padding: 3px 10px 3px; line-height: 1.2rem; color: #545454; text-transform: uppercase; font-size: 20px; cursor: pointer; /*
&:not(:first-child) {
	border-left:1px solid $color-base;
}
*/ }
@media (min-width: 1024px) { .subnav-wrapper .subnav li { float: left; } }
.subnav-wrapper .subnav li.active { text-decoration: underline; color: #007ec5; }
.subnav-wrapper .subnavtoggle { font-size: 30px; color: #545454; cursor: pointer; }

.text-left { text-align: left; }

.right-content { margin: 30px 0; }

.right-content-detail-item { padding-top: 20px; }

.itemlist { margin-top: 40px; }

.itemrowheadline { margin: 40px 0; text-transform: uppercase; font-weight: 600; }
.itemrow .itemlabel { padding: 10px 0; border-bottom: 1px solid gray; cursor: pointer; position: relative; padding-left: 20px; }
.itemrow .itemlabel .opener:before { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: 8px; height: 8px; display: inline-block; content: ' '; border-right: 2px solid gray; border-top: 2px solid gray; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); position: absolute; top: 17px; left: 0; }
.itemrow .itemlabel .opener.open:before { content: ' '; -webkit-transform: rotateZ(135deg); transform: rotateZ(135deg); top: 14px; }
.itemrow .delete, .itemrow .edit { padding: 10px 10px 10px 20px; position: relative; z-index: 10; }
.itemrow .itemdetail { padding: 10px 0  30px; display: none; }
.itemrow .itemdetail .itemdetailrow { padding: 4px 20px; }
.itemrow .itemdetail .itemdetailrow a { display: block; width: 90%; }
.itemrow .itemdetail .itemdetailrow:nth-child(even) { background: #FFFFFF; }
.itemrow .itemdetail .itemdetailrow:nth-child(odd) { background: #ddd; }
.itemrow .itemdetail .delete, .itemrow .itemdetail .edit { padding: 0; }
.itemrow .right { float: right; }

.subhead { font-size: 20px; font-style: italic; margin-bottom: 30px; }

.userinfo { font-size: 12px; padding: 0 10px; color: #808286; }

.easy-item-container { padding: 0; }
.easy-item-container .easy-item { padding: 0; -webkit-box-shadow: 3px 1px 7px 1px rgba(0, 0, 0, 0.47); box-shadow: 3px 1px 7px 1px rgba(0, 0, 0, 0.47); background-color: #fff; margin: 0 0 20px 0; list-style: none; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: 90%; }
.easy-item-container .easy-item:hover { scale: 1.05; }
.easy-item-container .easy-item .list-item { font-style: italic; background-repeat: no-repeat; background-position: 5px center; background-size: 50px; line-height: 1; }
@media (min-width: 600px) { .easy-item-container .easy-item .list-item { background-position: 10px; background-size: 50px; } }
.easy-item-container .easy-item .list-item p { color: #007ec5; font-size: 18px; font-weight: 600; padding: 0; margin: 0; }
@media (min-width: 600px) { .easy-item-container .easy-item .list-item p { font-size: 21px; } }
.easy-item-container .easy-item .list-item span { font-weight: 600; font-size: 18px; }
.easy-item-container .easy-item a { display: block; padding: 10px 0 10px 70px; line-height: 1em; }
@media (min-width: 600px) { .easy-item-container .easy-item a { padding: 10px 0 10px 70px; } }
.easy-item-container .easy-item a:hover { text-decoration: none; }
.easy-item-container .easy-item .list-item-1 { background-image: url(../images/icons/01.png); }
.easy-item-container .easy-item .list-item-2 { background-image: url(../images/icons/02.png); }
.easy-item-container .easy-item .list-item-3 { background-image: url(../images/icons/03.png); }
.easy-item-container .easy-item .list-item-4 { background-image: url(../images/icons/04.png); }
.easy-item-container .easy-item .list-item-5 { background-image: url(../images/icons/05.png); }
.easy-item-container .easy-item .list-item-6 { background-image: url(../images/icons/06.png); }
.easy-item-container .easy-item .list-item-7 { background-image: url(../images/icons/07.png); }

.swiper-container { text-align: center; }

.swiper-button-next, .swiper-button-prev { color: #007ec5 !important; }

.swiper-slide img { width: 100%; height: auto; max-width: 800px; }

.badgeimage { height: 225px; }

div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_directory-grid { max-width: none !important; }

div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_directory-logo-image { width: 64px !important; height: 64px !important; }

.pulsewrapper { position: relative; }

.pulse { position: relative; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; margin: 0 !important; padding: 0 !important; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.pulse2 { position: relative; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation: pulse2 2s infinite; animation: pulse2 2s infinite; margin: 0 !important; padding: 0 !important; }

@-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes pulse2 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.calculated { color: #007ec5; font-size: 40px; font-weight: 600; position: absolute; }

.calculatedouter { position: relative; height: 60px; }

body.output .nextstep { margin-top: 40px; }
body.output .nextstep.disabled { opacity: .5; cursor: default; }
body.output .nextstep.disabled:hover { -webkit-transform: scale(1); transform: scale(1); cursor: default; }
body.output .fontstylenormal { font-style: normal; }
body.output .textcenter { text-align: center; }
body.output .notransform { text-transform: none; }
body.output .font-normal { font-weight: 400; }
body.output .logowrapper { text-align: center; margin-bottom: 40px; }
@media (min-width: 600px) { body.output .logowrapper { margin-bottom: 80px; } }
body.output .logowrapper .logo { max-width: 400px; width: 100%; height: auto; }
body.output .larger { font-size: 1.5em; }
body.output .hidden { display: none; }
body.output .ratingstars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0; }
body.output .ratingstars .star { padding: 0 5px; cursor: pointer; }
body.output .ratingstars .star .svgstar { width: 60px; height: 60px; }
@media (min-width: 600px) { body.output .ratingstars .star .svgstar { width: 90px; height: 90px; } }
body.output .ratingstars .star .svgstar .st0 { fill: white; stroke: gray; stroke-miterlimit: 10; stroke-width: 4; }
body.output .ratingstars .star p { text-align: center; }
body.output .ratingstars[data-stars='1'] .star:nth-child(1) .svgstar .st0 { fill: #ffd739; stroke: gray; }
body.output .ratingstars[data-stars='2'] .star:nth-child(1) .svgstar .st0, body.output .ratingstars[data-stars='2'] .star:nth-child(2) .svgstar .st0 { fill: #ffd739; stroke: gray; }
body.output .ratingstars[data-stars='3'] .star:nth-child(1) .svgstar .st0, body.output .ratingstars[data-stars='3'] .star:nth-child(2) .svgstar .st0, body.output .ratingstars[data-stars='3'] .star:nth-child(3) .svgstar .st0 { fill: #ffd739; stroke: gray; }
body.output .ratingstars[data-stars='4'] .star:nth-child(1) .svgstar .st0, body.output .ratingstars[data-stars='4'] .star:nth-child(2) .svgstar .st0, body.output .ratingstars[data-stars='4'] .star:nth-child(3) .svgstar .st0, body.output .ratingstars[data-stars='4'] .star:nth-child(4) .svgstar .st0 { fill: #ffd739; stroke: gray; }
body.output .ratingstars[data-stars='5'] .star:nth-child(1) .svgstar .st0, body.output .ratingstars[data-stars='5'] .star:nth-child(2) .svgstar .st0, body.output .ratingstars[data-stars='5'] .star:nth-child(3) .svgstar .st0, body.output .ratingstars[data-stars='5'] .star:nth-child(4) .svgstar .st0, body.output .ratingstars[data-stars='5'] .star:nth-child(5) .svgstar .st0 { fill: #ffd739; stroke: gray; }
body.output textarea { width: 100%; height: 100px; }
body.output .error { background-color: red; color: #fff; }

.errorMessage { background-color: #e8dbb4; text-align: center; position: fixed; top: calc(50vh - 50px); width: 100vw; display: none; }
.errorMessage .errorMessageInner { padding: 40px; }

.vertcenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pbotlarger p { margin-bottom: 30px; }

.bglight { background-color: #f1fafb; }

.box-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.box-wrapper .box-item-outer { padding: 15px; -webkit-box-flex: 1; -ms-flex: 1 1 33.333333333333%; flex: 1 1 33.333333333333%; text-align: center; }
.box-wrapper .box-item { background-color: #fff; padding: 20px; height: 100%; }
.box-wrapper .box-item .box-item-inner-wrapper .box-item-text { padding-top: 10px; }

picture, picture source { line-height: 0; }

.footer { background-color: #3d3d3d; color: #fff; line-height: 1.3em; }
.footer .inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 80px 20px; }

/* CTM */
.ctm { width: 100%; margin: 40px 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ctm .media { display: block; width: 100%; padding: 10px 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.ctm .media img { min-width: 100%; width: 100%; height: auto; }
.ctm .content { display: block; width: 100%; padding: 10px 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.ctm .content h2 { margin-top: 0; font-family: "Montserrat", Helvetica, Arial sans-serif; text-transform: uppercase; font-weight: normal; }
@media (min-width: 600px) { .ctm .content { -ms-flex-item-align: center; align-self: center; height: auto; max-width: 1000px; width: 50%; display: block; float: left; padding: 0; }
  .ctm .media { width: 50%; display: block; float: left; padding: 0; margin: 0; padding: 0; }
  .ctm[data-media-float="right"] .content { padding-right: 30px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .ctm[data-media-float="right"] .media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .ctm[data-media-float="left"] .content { padding-left: 30px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .ctm[data-media-float="left"] .media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

a { font-family: "Montserrat", Helvetica, Arial sans-serif; color: #545454; text-decoration: none; position: relative; }
a:hover { text-decoration: underline; }
a.has-arrow { position: relative; padding-right: 20px; display: inline-block; }
a.has-arrow .icon { color: #545454; }
a.button { font-family: "Montserrat", Helvetica, Arial sans-serif; font-size: 1rem; color: #fff; background-color: #007ec5; font-style: normal; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a.button:hover { text-decoration: none; color: #007ec5; background-color: #ffffff !important; -webkit-transform: scale(1.05); transform: scale(1.05); }
a.button.button-primary { background-color: transparent; border: 3px solid #fff; color: #fff; }
a.button.button-primary:hover { text-decoration: none; color: #fff; background-color: rgba(255, 255, 255, 0.3) !important; -webkit-transform: scale(1.05); transform: scale(1.05); }
a.button.button-primary.larger { font-size: 24px; }
a.button.button-secondary { color: #007ec5; background-color: #fff; border: 1px solid #007ec5; }
a.button.button-orange { background-color: #f57700; font-weight: 500; text-transform: none; font-size: 1rem; }

p.has-arrow { position: relative; padding-right: 20px; display: inline-block; }
p.has-arrow .icon { color: #545454; }
p.button { font-family: "Montserrat", Helvetica, Arial sans-serif; font-size: 1rem; color: #fff; background-color: #007ec5; font-style: normal; font-size: 14px; margin-top: 20px; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
p.button:hover { text-decoration: none; color: #007ec5; background-color: #ffffff !important; -webkit-transform: scale(1.05); transform: scale(1.05); }
p.button.button-primary { background-color: #007ec5; border: 1px solid #007ec5; color: #fff; }
p.button.button-primary:hover { text-decoration: none; color: #fff; background-color: #007ec5 !important; -webkit-transform: scale(1.05); transform: scale(1.05); }
p.button.button-secondary { color: #007ec5; background-color: #fff; border: 1px solid #007ec5; }
p.button.button-secondary:hover { text-decoration: none; color: #fff; background-color: #007ec5 !important; -webkit-transform: scale(1.05); transform: scale(1.05); }
p.button.button-orange { background-color: #f57700; font-weight: 500; text-transform: none; font-size: 1rem; }

li.active p.button.button-secondary { background-color: #007ec5; border: 1px solid #007ec5; color: #fff; }
li.active p.button.button-secondary:hover { text-decoration: none; color: #fff; background-color: #007ec5 !important; -webkit-transform: scale(1.05); transform: scale(1.05); }
li.active p.button.button-orange { background-color: #f57700; font-weight: 500; text-transform: none; font-size: 1rem; }

form { /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ /* The radiocontainer */ /* Hide the browser's default radio button */ /* Create a custom radio button */ /* On mouse-over, add a grey background color */ /* When the radio button is checked, add a blue background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ }
form input[type='text'], form input[type='password'], form input[type='email'] { padding: 10px; width: 100%; font-size: 18px; border: 1px solid #8d8d8d; border-radius: 4px; }
form input[type='submit'] { background-color: #007ec5; border-radius: 4px; border: 0; padding: 10px 40px; font-size: 18px; color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
form input[type='submit'][disabled] { background-color: #d1dfea; }
form .checkboxcontainer { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
form .checkboxcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
form .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; }
form .checkboxcontainer:hover input ~ .checkmark { background-color: #ccc; }
form .checkboxcontainer input:checked ~ .checkmark { background-color: #2196F3; }
form .checkmark:after { content: ""; position: absolute; display: none; }
form .checkboxcontainer input:checked ~ .checkmark:after { display: block; }
form .checkboxcontainer .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
form .radioselectavailable, form .radioselectunavailable { width: 100%; margin-bottom: 0; position: relative; }
form .radioselectavailable .check { padding-left: 30px; }
form .radiolistheadline { font-size: 1.3em; margin-bottom: 8px; }
form .radioselectavailable:before { content: '\2713'; position: absolute; font-size: 24px; color: green; }
form .radiocontainer { display: block; position: relative; padding-left: 0; margin-bottom: 12px; margin-right: 5px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; width: 28px; text-align: center; padding-bottom: 30px; font-size: 1rem; }
form .radiocontainer .radiomark { top: 30px; bottom: 0; top: unset; }
form .radiocontainer input { position: absolute; opacity: 0; cursor: pointer; }
form .radiomark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; }
form .radiocontainer:hover input ~ .radiomark { background-color: #ccc; }
form .radiocontainer input:checked ~ .radiomark { background-color: #2196F3; }
form .radiomark:after { content: ""; position: absolute; display: none; }
form .radiocontainer input:checked ~ .radiomark:after { display: block; }
form .radiocontainer .radiomark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; }
form .actions { text-align: center; }
form label.singleline { width: 120px; display: inline-block; }
form .singlelineinputfields { margin: 10px 0; }
form .singlelineinputfields .inputshort { width: 15%; display: inline-block; }
form .singlelineinputfields .inputmedium { width: 34%; display: inline-block; }
form .iconelements .row { padding: 10px 0; border-bottom: 1px solid #ddd; }
form .iconelements .row .col25 { width: 25%; display: table; background-color: transparent; border: none; }
form .iconelements .row .col25 .icons { display: table-row; }
form .iconelements .row .col25 .icons[data-checked='1'] .icon-1 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-checked='2'] .icon-1 img, form .iconelements .row .col25 .icons[data-checked='2'] .icon-2 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-checked='3'] .icon-1 img, form .iconelements .row .col25 .icons[data-checked='3'] .icon-2 img, form .iconelements .row .col25 .icons[data-checked='3'] .icon-3 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-checked='4'] .icon-1 img, form .iconelements .row .col25 .icons[data-checked='4'] .icon-2 img, form .iconelements .row .col25 .icons[data-checked='4'] .icon-3 img, form .iconelements .row .col25 .icons[data-checked='4'] .icon-4 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-checked='5'] .icon-1 img, form .iconelements .row .col25 .icons[data-checked='5'] .icon-2 img, form .iconelements .row .col25 .icons[data-checked='5'] .icon-3 img, form .iconelements .row .col25 .icons[data-checked='5'] .icon-4 img, form .iconelements .row .col25 .icons[data-checked='5'] .icon-5 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-hover='1'] .icon-1 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-hover='1'] .icon-2 img, form .iconelements .row .col25 .icons[data-hover='1'] .icon-3 img, form .iconelements .row .col25 .icons[data-hover='1'] .icon-4 img, form .iconelements .row .col25 .icons[data-hover='1'] .icon-5 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
form .iconelements .row .col25 .icons[data-hover='2'] .icon-1 img, form .iconelements .row .col25 .icons[data-hover='2'] .icon-2 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-hover='2'] .icon-3 img, form .iconelements .row .col25 .icons[data-hover='2'] .icon-4 img, form .iconelements .row .col25 .icons[data-hover='2'] .icon-5 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
form .iconelements .row .col25 .icons[data-hover='3'] .icon-1 img, form .iconelements .row .col25 .icons[data-hover='3'] .icon-2 img, form .iconelements .row .col25 .icons[data-hover='3'] .icon-3 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-hover='3'] .icon-4 img, form .iconelements .row .col25 .icons[data-hover='3'] .icon-5 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
form .iconelements .row .col25 .icons[data-hover='4'] .icon-1 img, form .iconelements .row .col25 .icons[data-hover='4'] .icon-2 img, form .iconelements .row .col25 .icons[data-hover='4'] .icon-3 img, form .iconelements .row .col25 .icons[data-hover='4'] .icon-4 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons[data-hover='4'] .icon-5 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
form .iconelements .row .col25 .icons[data-hover='5'] .icon-1 img, form .iconelements .row .col25 .icons[data-hover='5'] .icon-2 img, form .iconelements .row .col25 .icons[data-hover='5'] .icon-3 img, form .iconelements .row .col25 .icons[data-hover='5'] .icon-4 img, form .iconelements .row .col25 .icons[data-hover='5'] .icon-5 img { -webkit-filter: grayscale(0); filter: grayscale(0); }
form .iconelements .row .col25 .icons .icon { width: 20%; display: table-cell; text-align: center; cursor: pointer; }
form .iconelements .row .col25 .icons .icon img { -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 30px; }
form .iconelements .row .col75 { width: 75%; padding: 10px; }

#myInput { width: 100%; padding: 10px; font-size: 14px; }

#pospage form input[type='submit'] { background-color: #007ec5; }

form.styledinput input[type='text'] { border-radius: 0; border: 3px solid #007ec5; background-color: #fff; font-family: "Montserrat", Helvetica, Arial sans-serif; color: #007ec5; font-size: 16px; font-weight: 500; }

.edit-save { margin-right: 30px; }

.namesave, .nameclose { display: inline-block; }

.nameform, .nameactions { display: none; }

.nameedit, .nameclose, .namesave { cursor: pointer; }

.ordermessage { width: 100%; position: fixed; padding: 20px; text-align: center; z-index: 20; top: 40%; left: 0; color: #fff; display: none; }
.ordermessage.success { background-color: green; }
.ordermessage.error { background-color: red; }

.smaller { font-size: .9em; }

.textcenter { text-align: center; }

.col50 { width: 100%; display: block; vertical-align: top; }
@media (min-width: 1024px) { .col50 { width: 50%; display: table-cell; } }
@media (min-width: 1024px) { .col50.first { padding-right: 10px; }
  .col50.last { padding-left: 10px; } }

.row .row:first-child { padding-top: 0; }
.row .row .col50 { width: 50%; }

.row img { max-width: 100%; height: auto; margin: 0 auto; }

.text-right, .text-right p { text-align: right; }

.text-center, .text-center p { text-align: center; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.pos_CC .row .col50 { display: table-cell; vertical-align: middle; float: none; }
.pos_CC p { text-align: center; }

.col33 { width: 100%; display: block; padding: 10px 10px; }
@media (min-width: 1024px) { .col33 { width: 33%; display: table-cell; padding: 0 10px; } }
.col33.first { padding-left: 0; }
.col33.last { padding-right: 0; }

.col25 { width: 50%; display: table-cell; vertical-align: top; }
@media (min-width: 600px) { .col25 { width: 25%; } }
.col25.first { padding-left: 0; }
.col25.last { padding-right: 0; }
.col25.tworows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.col25.tworows input { margin-top: auto; }

.col2313 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
@media (min-width: 600px) { .col2313 { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; display: table-cell; width: 70%; }
  .col2313.first { padding-right: 30px; }
  .col2313.last { padding-left: 30px; } }

.col1323 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; }
@media (min-width: 600px) { .col1323 { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; display: table-cell; width: 30%; }
  .col1323.first { padding-right: 30px; }
  .col1323.last { padding-left: 30px; } }

.row header { margin: 0 !important; }

.col100 { width: 100%; max-width: 1200px; margin: 0 auto; }

.frame-type-menu_subpages { text-align: center; }

ul.subnavigation { padding: 0; display: inline-block; }
ul.subnavigation li { display: inline-block; list-style-type: none; text-transform: uppercase; }
@media (min-width: 600px) { ul.subnavigation li { display: inline-block; } }
ul.subnavigation li:not(:last-child):after { content: '|'; position: relative; }
ul.subnavigation li a { padding: 10px 15px; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
ul.subnavigation li a:hover { color: #007ec5; }
ul.subnavigation li.active a, ul.subnavigation li.active a:visited { color: #007ec5; }
ul.subnavigation li.disabled a { cursor: default; }
ul.subnavigation li.disabled a:hover { color: #545454; }
ul.subnavigation li a, ul.subnavigation li:hover { text-decoration: none; }

#pospage ul.subnavigation li a:hover { color: #007ec5; }
#pospage ul.subnavigation li.active a, #pospage ul.subnavigation li.active a:visited { color: #007ec5; }

.navigation .burger { width: 20px; height: 20px; background-image: url(../Images/burger-close.svg); }
.navigation .burger.open { background-image: url(../Images/burger-open.svg); }

.colorgraydark { color: #3d3d3d; }

.color-primary { color: #007ec5; }

.fontwrapper p { padding: 0; }

.ultra { font-size: 45px; }

.ultraultra { font-size: 60px; }
.ultraultra p { padding: 0 !important; }

.italic { font-style: italic; }

.textleft { text-align: left; }

.medium { font-size: 40px; }
.medium.light { font-weight: 300; }
.medium p { padding: 0 !important; }

.fontbold { font-weight: 700; }

.fontlight { font-weight: 300; }

.uppercase { text-transform: uppercase; }

.showVP1 { display: block; }
@media (min-width: 600px) { .showVP1 { display: none; } }

.frame-indent { margin: 0 5%; }
@media (min-width: 600px) { .frame-indent { margin: 30px 10%; } }

p { text-align: left; margin: 15px 0; }

.section .dce.ref { -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.37); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.37); width: 33%; position: relative; margin: 10px; }
@media (min-width: 600px) { .section .dce.ref { width: 15%; } }
.section .dce.ref .refPic { position: relative; width: 100%; height: auto; cursor: pointer; }
.section .dce.ref .refPic img { width: 100%; height: auto; }
.section .dce.ref .refText { -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; left: 50%; z-index: 10; display: none; background-color: gray; width: 100%; color: #fff; font-size: 12px; line-height: 16px; padding: 14px; }
.section .dce.ref a.button { padding: 4px 20px; display: block; }

.servicewidget { display: none; font-size: 14px; text-align: center; border: 2px solid #007ec5; padding: 10px 40px; background-color: #fff; border-radius: 10px; position: absolute; right: 30px; top: 20px; z-index: 200; }
@media (min-width: 1024px) { .servicewidget { display: block; } }
.servicewidget .widget { position: relative; }
.servicewidget p { padding: 0; display: block; font-weight: 500; font-size: 16px; text-align: center; }
.servicewidget p.phone { font-size: 14px; background-image: url("../../../../../../fileadmin/user_upload/ico-phone.png"); background-repeat: no-repeat; line-height: 24px; padding-left: 28px; text-align: left; }
.servicewidget p.mail { font-weight: 200; }

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* CHART */
.mkc_circle { -webkit-animation: mck_progress 1000ms ease-in-out; animation: mck_progress 1000ms ease-in-out; }

@-webkit-keyframes mck_progress { 0% { stroke-dasharray: 0, 100; } }

@keyframes mck_progress { 0% { stroke-dasharray: 0, 100; } }
/* Layout styles only, not needed for functionality */
.grid { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: repeat(1, 1fr); }

@media (min-width: 31em) { .grid { grid-template-columns: repeat(4, 1fr); } }
.nobgcolor { background-color: unset; }

.color1 { color: #42BACA; }

.color2 { color: #dc3062; }

.color3 { color: #79bd7c; }

.color4 { color: #833ca3; }

.bgcolor4 { background-color: #833ca3; }

.borbottom { padding-bottom: 30px; margin-bottom: 40px; }
.borbottom:after { content: ' '; height: 1px; background-color: #42BACA; -webkit-transform: translateX(10px); transform: translateX(10px); display: block; width: 200px; position: relative; left: calc(50% - 100px); top: 20px; }

.w90 { width: 90%; margin: 0 auto; }

.w80 { width: 80%; margin: 0 auto; }

.w70 { width: 70%; margin: 0 auto; }

strong { font-weight: 600; }

.pager { text-align: center; }
.pagerWrapper .button-pager { font-family: "HelveticaNeueBold"; cursor: pointer; display: inline-block; background-color: #fff; border-radius: 20px; min-width: 40px; line-height: 38px; padding-top: 2px; margin: 5px; }
.pagerWrapper .button-pager:not(.disabled):hover { color: #fff; background-color: #ffffff; }
.pagerWrapper .button-pager-first, .pagerWrapper .button-pager-last { cursor: pointer; display: inline-block; border-radius: 20px; min-width: 40px; line-height: 40px; margin: 5px; }
.pagerWrapper .button-pager-first:not(.disabled):hover, .pagerWrapper .button-pager-last:not(.disabled):hover { background-color: #fff; color: #545454; }
.pagerWrapper .button-pager-first:not(.disabled):hover .icon, .pagerWrapper .button-pager-last:not(.disabled):hover .icon { color: #545454 !important; }
.pagerWrapper .button-pager-first:not(.disabled):hover .icon:before, .pagerWrapper .button-pager-last:not(.disabled):hover .icon:before { color: #545454 !important; }
.pagerWrapper .button-pager-first.disabled, .pagerWrapper .button-pager-last.disabled { opacity: 0.5; cursor: default; }
.pagerWrapper .button-pager.current { background-color: #007ec5; color: #fff; }

.pager .icon { color: white !important; }
.pager .icon-arrow-right { vertical-align: unset !important; top: unset !important; }
.pager .icon-arrow-right:before { font-size: 17px !important; color: #fff; }

table tr td { vertical-align: top; }
table.list-main.basket { border-collapse: collapse; }
table.list-main.basket td, table.list-main.basket th { padding: 10px; }
table.list-main.basket td.actions, table.list-main.basket th.actions { text-align: center; }
table.list-main.basket thead tr { background-color: #007ec5; color: #fff; }
table.list-main.basket thead tr th { font-weight: 400; text-align: left; }
table.list-main.basket tbody tr:nth-child(even) { background-color: #f0f0f0; }
table.list-main.basket tbody tr:nth-child(odd) { background-color: #dfdfdf; }

.stage { text-align: center; color: #fff; background-image: url(../images/stage-kurse.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.stage > div { height: 400px; }
@media (min-width: 600px) { .stage > div { height: 600px; } }
@media (min-width: 1024px) { .stage > div { height: 800px; } }
.stage .stagetext { padding: 40px 60px; border: 4px solid #fff; border-radius: 9px; background-color: rgba(255, 255, 255, 0.4); display: inline-block; margin: 170px 10px 10px 10px; }
@media (min-width: 600px) { .stage .stagetext { margin: 350px 10px 10px 10px; } }
@media (min-width: 1024px) { .stage .stagetext { margin: 500px 10px 10px 10px; } }

button, .a-button-primary { font-family: "Montserrat", Helvetica, Arial sans-serif; font-size: 1rem; color: #fff; background-color: #007ec5; }

.a-button-secondary { font-family: "Montserrat", Helvetica, Arial sans-serif; font-size: 1rem; color: #8d8d8d; background-color: #fff; border: 1px solid #8d8d8d; }

#pospage button, #pospage .a-button-primary { background-color: #007ec5; }

section { /*
position: relative;
display: inline-block;
*/ width: 100%; }
section .vertical-center { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
section .sectioncontentwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; height: 100%; }
section .sectioncontentwrapper .sectionheader .logo { width: 100%; max-width: 150px; margin: 0; }
section .sectioncontentwrapper .sectionheader .img-segel { width: 100%; max-width: 120px; }
section .sectioncontentwrapper .sectioncontent { margin: 2% 2%; height: 100%; }
section .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
section .vcenter { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
section .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; }
section .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
section .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; }
section .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; }
section .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; }
section .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; }
section .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; }
section .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; }
section .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; }
section .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; }
section .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; }
section .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; }
section .w100 { width: 100vw; }
section.w100 { width: 100vw; }
section.w100 .sectionBG { position: relative; width: auto; }
section.w100 .sectionTXT { position: relative; display: block; z-index: 20; font-size: 1rem; color: #666666; line-height: 1.2em; font-weight: 400; font-style: italic; }
@media (min-width: 1024px) { section.w100 .sectionTXT { font-size: 28px; } }
section.w100 .sectionTXT > div { background-color: rgba(255, 255, 255, 0.85); -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1); min-width: 35%; padding: 20px 30px; }
section.w100 .sectionTXT h2 { text-align: left; font-size: 30px !important; font-style: italic; font-weight: bold; color: #666666; margin: 0 0 10px 0; }
@media (min-width: 1024px) { section.w100 .sectionTXT h2 { font-size: 40px !important; } }
section.w100 .sectionTXT header { margin: 0; }
section.hasBG { background-repeat: no-repeat; background-size: cover; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.37); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.37); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
@media (max-width: 599px) { section.hasBG { background: none !important; } }
section.hasBG .sectionTXT { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; }
@media (min-width: 600px) { section.hasBG .sectionTXT { text-align: unset; width: 60%; margin: 40px 40px 0 40px; }
  section.hasBG .sectionTXT > div { margin-bottom: 40px; } }
section.hasBG .sectionBG { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
section.hasBG .sectionBG img { width: 100%; height: auto; }
@media (min-width: 1024px) { section.hasBG { min-height: 500px; } }
section.pos_CT { -webkit-box-pack: top; -ms-flex-pack: top; justify-content: top; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
section.pos_CB { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
section.pos_CC { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (min-width: 600px) { section.pos_CC .sectionTXT { /*
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%);
*/ } }
section.pos_LC { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (min-width: 600px) { section.pos_LC .sectionTXT { float: left; } }
section.pos_LT { -webkit-box-pack: top; -ms-flex-pack: top; justify-content: top; }
@media (min-width: 600px) { section.pos_LT .sectionTXT { float: left; } }
section.pos_LB { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }
@media (min-width: 600px) { section.pos_LB .sectionTXT { float: left; } }
section.pos_RT { -webkit-box-align: end; -ms-flex-align: end; align-items: end; }
@media (min-width: 600px) { section.pos_RT .sectionTXT { float: right; } }
section.pos_RC { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
@media (min-width: 600px) { section.pos_RC .sectionTXT { float: right; } }
section.pos_RB { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
@media (min-width: 600px) { section.pos_RB .sectionTXT { float: right; } }

section.w100.regular { padding: 40px 0; }
section.w100.regular.pos_CC { text-align: center; }
section.w100.regular.pos_CC .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
section.w100.regular.pos_RC { text-align: right; }
section.w100.regular.pos_RC .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
section.w100.regular.pos_LC { text-align: left; }
section.w100.regular.pos_LC .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (min-width: 1024px) { section.w100.regular { padding: 40px; } }
section.w100.regular P { padding: 0; }
section.w100.regular.pos_CC { text-align: center; }
section.w100.regular.pos_RC { text-align: right; }
section.w100.regular .section { display: flex-root; }
section.w100.regular .section .row { display: flex-row; }
section.w100 .sectionBG figure.image { width: 100vw; }
section .section { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 1024px) { section .section { padding: 0; } }

.close-modal-btn, .uc-dropdown-toggle { width: 40px !important; min-width: auto; }

.uc-powered-by-footer { display: none !important; }