.sp-container {position:absolute;top:0;left:0;display:inline-block;*display: inline;*zoom: 1;z-index: 9999994;overflow: hidden;}.sp-container.sp-flat {position: relative;}.sp-container,.sp-container * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.sp-top {position:relative;width: 100%;display:inline-block;}.sp-top-inner {position:absolute;top:0;left:0;bottom:0;right:0;}.sp-color {position: absolute;top:0;left:0;bottom:0;right:20%;}.sp-hue {position: absolute;top:0;right:0;bottom:0;left:84%;height: 100%;}.sp-clear-enabled .sp-hue {top:33px;height: 77.5%;}.sp-fill {padding-top: 80%;}.sp-sat, .sp-val {position: absolute;top:0;left:0;right:0;bottom:0;}.sp-alpha-enabled .sp-top {margin-bottom: 18px;}.sp-alpha-enabled .sp-alpha {display: block;}.sp-alpha-handle {position:absolute;top:-4px;bottom: -4px;width: 6px;left: 50%;cursor: pointer;border: 1px solid black;background: white;opacity: .8;}.sp-alpha {display: none;position: absolute;bottom: -14px;right: 0;left: 0;height: 8px;}.sp-alpha-inner {border: solid 1px #333;}.sp-clear {display: none;}.sp-clear.sp-clear-display {background-position: center;}.sp-clear-enabled .sp-clear {display: block;position:absolute;top:0px;right:0;bottom:0;left:84%;height: 28px;}.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button{-webkit-user-select:none;-moz-user-select: -moz-none;-o-user-select:none;user-select: none;}.sp-container.sp-input-disabled .sp-input-container {display: none;}.sp-container.sp-buttons-disabled .sp-button-container {display: none;}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {display: none;}.sp-palette-only .sp-picker-container {display: none;}.sp-palette-disabled .sp-palette-container {display: none;}.sp-initial-disabled .sp-initial {display: none;}.sp-sat {background-image: -webkit-gradient(linear,0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');}.sp-val {background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');}.sp-hue {background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);}.sp-1 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');}.sp-2 {height:16%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');}.sp-3 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');}.sp-4 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');}.sp-5 {height:16%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');}.sp-6 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');}.sp-hidden {display: none !important;}.sp-cf:before, .sp-cf:after { content: ""; display: table; }.sp-cf:after { clear: both; }.sp-cf { *zoom: 1; }@media (max-device-width: 480px) {.sp-color { right: 40%; }.sp-hue { left: 63%; }.sp-fill { padding-top: 60%; }}.sp-dragger {border-radius: 5px;height: 5px;width: 5px;border: 1px solid #fff;background: #000;cursor: pointer;position:absolute;top:0;left: 0;}.sp-slider {position: absolute;top:0;cursor:pointer;height: 3px;left: -1px;right: -1px;border: 1px solid #000;background: white;opacity: .8;}.sp-container {border-radius: 0;background-color: #ECECEC;border: solid 1px #f0c49B;padding: 0;}.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}.sp-top {margin-bottom: 3px;}.sp-color, .sp-hue, .sp-clear {border: solid 1px #666;}.sp-input-container {float:right;width: 100px;margin-bottom: 4px;}.sp-initial-disabled.sp-input-container {width: 100%;}.sp-input {font-size: 12px !important;border: 1px inset;padding: 4px 5px;margin: 0;width: 100%;background:transparent;border-radius: 3px;color: #222;}.sp-input:focus{border: 1px solid orange;}.sp-input.sp-validation-error {border: 1px solid red;background: #fdd;}.sp-picker-container , .sp-palette-container {float:left;position: relative;padding: 10px;padding-bottom: 300px;margin-bottom: -290px;}.sp-picker-container {width: 172px;border-left: solid 1px #fff;}.sp-palette-container {border-right: solid 1px #ccc;}.sp-palette-only .sp-palette-container {border: 0;}.sp-palette .sp-thumb-el {display: block;position:relative;float:left;width: 24px;height: 15px;margin: 3px;cursor: pointer;border:solid 2px transparent;}.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {border-color: orange;}.sp-thumb-el {position:relative;}.sp-initial {float: left;border: solid 1px #333;}.sp-initial span {width: 30px;height: 25px;border:none;display:block;float:left;margin:0;}.sp-initial .sp-clear-display {background-position: center;}.sp-palette-button-container,.sp-button-container {float: right;}.sp-replacer {margin:0;overflow:hidden;cursor:pointer;padding: 4px;display:inline-block;*zoom: 1;*display: inline;border: solid 1px #91765d;background: #eee;color: #333;vertical-align: middle;}.sp-replacer:hover, .sp-replacer.sp-active {border-color: #F0C49B;color: #111;}.sp-replacer.sp-disabled {cursor:default;border-color: silver;color: silver;}.sp-dd {padding: 2px 0;height: 16px;line-height: 16px;float:left;font-size:10px;}.sp-preview {position:relative;width:25px;height: 20px;border: solid 1px #222;margin-right: 5px;float:left;z-index: 0;}.sp-palette {*width: 220px;max-width: 220px;}.sp-palette .sp-thumb-el {width:16px;height: 16px;margin:2px 1px;border: solid 1px #d0d0d0;}.sp-container {padding-bottom:0;}.sp-container button {background-color: #eeeeee;background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);background-image: -o-linear-gradient(top, #eeeeee, #cccccc);background-image: linear-gradient(to bottom, #eeeeee, #cccccc);border: 1px solid #ccc;border-bottom: 1px solid #bbb;border-radius: 3px;color: #333;font-size: 14px;line-height: 1;padding: 5px 4px;text-align: center;text-shadow: 0 1px 0 #eee;vertical-align: middle;}.sp-container button:hover {background-color: #dddddd;background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);border: 1px solid #bbb;border-bottom: 1px solid #999;cursor: pointer;text-shadow: 0 1px 0 #ddd;}.sp-container button:active {border: 1px solid #aaa;border-bottom: 1px solid #888;-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;}.sp-cancel {font-size: 11px;color: #d93f3f !important;margin:0;padding:2px;margin-right: 5px;vertical-align: middle;text-decoration:none;}.sp-cancel:hover {color: #d93f3f !important;text-decoration: underline;}.sp-palette span:hover, .sp-palette span.sp-thumb-active {border-color: #000;}.sp-preview, .sp-alpha, .sp-thumb-el {position:relative;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);}.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {display:block;position:absolute;top:0;left:0;bottom:0;right:0;}.sp-palette .sp-thumb-inner {background-position: 50% 50%;background-repeat: no-repeat;}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);}.sp-clear-display {background-repeat:no-repeat;background-position: center;background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);}.sp-container.theme-dark {--text-color: #fff;--color-def: #2d2d2d;--color-lighter: #444;}.sp-container.theme-light {--text-color: #333;--color-def: #e0e0e0;--color-lighter: #f0f0f0;}.sp-picker-container {width: 195px;border-left: solid 1px #fff;border-left-color: var(--text-color);}div.jscolorpicker {position: relative;width: auto !important;display: inline-block;}div.jscolorpicker > input {padding-left: 40px;}.jscolorpicker_preview {position: absolute;width: 30px;top: 3px;left: 3px;bottom: 3px;border-radius: 2px;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);}.sp-container {border-radius: 5px;border: 1px solid #222;border-color: var(--color-def);background: #2d2d2d;background-color: var(--color-def);}.sp-picker-container,.sp-palette-container {float: right;border-radius: 5px;border: 0;padding: 15px;padding-bottom: 305px;background: #2d2d2d;background-color: var(--color-def);}.sp-palette-container {max-width: 125px;border-left: 1px solid #444;border-left-color: var(--color-lighter);background: #444;background-color: var(--color-lighter);}.sp-palette-row > i {display: block;font-style: normal;color: #fff;font-weight: 100;font-size: 10px;}.sp-palette-row:not(:empty) ~ .sp-palette-row:before {content: '';display: block;height: 1px;background: #444;background: var(--color-def);margin: 10px 0;}.sp-color,.sp-hue,.sp-clear,.sp-alpha-inner {border: 0;}.sp-sat {top: 0;right: 0;bottom: 0;left: 0;}.sp-alpha-enabled .sp-top {margin-bottom: 28px;}.sp-alpha {bottom: -20px;height: 14px;}.sp-alpha-handle {margin-left: -4px;}.sp-initial{float: none;border: 0;}.sp-initial span {height: 15px;}.sp-initial .sp-thumb-el,.sp-initial .sp-clear-display {width: 50%;}div.sp-initial .sp-thumb-el > span {width: 100%;}.sp-clear-enabled .sp-clear {display: none;}.sp-clear-enabled .sp-hue {top: 0;height: 100%;}.sp-initial .sp-clear-display,.sp-clear-enabled .sp-clear {background : repeating-linear-gradient(-45deg, #fff, #fff 5px, #dadada 5px, #dadada 10px);}
#fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');}#fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}#fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}.fancybox-wrap-no-bg {padding: 0 !important;}#fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;}#fancybox-content {width: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;height: auto !important;}#fancybox-content > div {max-width: 100%;}#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;}#fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}#fancybox-frame {width: 100%;height: 100%;border: none;display: block;}#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/blank.gif');z-index: 1102;display: none;}#fancybox-left {left: 0px;}#fancybox-right {right: 0px;}#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}#fancybox-left-ico {background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');background-position: -40px -30px;}#fancybox-right-ico {background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');background-position: -40px -60px;}#fancybox-left:hover, #fancybox-right:hover {visibility: visible; }#fancybox-left:hover span {left: 20px;}#fancybox-right:hover span {left: auto;right: 20px;}.fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}#fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox-x.png');}#fancybox-bg-ne {top: -20px;right: -20px;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');background-position: -40px -162px;}#fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox-y.png');background-position: -20px 0px;}#fancybox-bg-se {bottom: -20px;right: -20px;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');background-position: -40px -182px; }#fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox-x.png');background-position: 0px -20px;}#fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');background-position: -40px -142px;}#fancybox-bg-w {top: 0;left: -20px;height: 100%;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox-y.png');}#fancybox-bg-nw {top: -20px;left: -20px;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png');background-position: -40px -122px;}#fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;}.fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}.fancybox-title-outside {padding-top: 10px;color: #fff;}.fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}#fancybox-title-over {padding: 10px;background-image: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancy_title_over.png');display: block;}.fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;}#fancybox-title-float-wrap {border: none;border-collapse: collapse;width: auto;}#fancybox-title-float-wrap td {border: none;white-space: nowrap;}#fancybox-title-float-left {padding: 0 0 0 15px;background: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png') -40px -90px no-repeat;}#fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox-x.png') 0px -40px;}#fancybox-title-float-right {padding: 0 0 0 15px;background: url('../../incms_core/5.2607.1/incms_scripts/fancybox/css/../gfx/fancybox.png') -55px -90px no-repeat;}.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_close.png', sizingMethod='scale'); }.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_nav_left.png', sizingMethod='scale'); }.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_nav_right.png', sizingMethod='scale'); }.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_left.png', sizingMethod='scale'); }.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_main.png', sizingMethod='scale'); }.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_right.png', sizingMethod='scale'); }.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height: expression(this.parentNode.clientHeight + "px");}#fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}#fancybox-loading.fancybox-ie6 div{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_loading.png', sizingMethod='scale'); }.fancybox-ie .fancybox-bg { background: transparent !important; }.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_n.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_ne.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_e.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_se.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_s.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_sw.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_w.png', sizingMethod='scale'); }.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_nw.png', sizingMethod='scale'); }
* { margin:0; padding:0; }option { padding-left:0.4em; } select { padding:1px; }* html body * { overflow:visible; }body {font-size:100%;background:#fff;color:#000;text-align:left; }div:target { outline:0 none; }article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}[hidden] {display: none;}input[type="search"] {-webkit-appearance: textfield;}input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset, img { border:0 solid; }ul, ol, dl { margin:0 0 1em 1em; } li {line-height:1.5em;margin-left:0.8em; }dt { font-weight:bold; }dd { margin:0 0 1em 0.8em; } blockquote { margin:0 0 1em 0.8em; } q { quotes: none; }blockquote:before, blockquote:after,q:before, q:after { content: ''; content:none }table {border-collapse: collapse;border-spacing: 0;}.ym-clearfix:before,.ym-clearfix:after{content: '';clear: both;display: table;}.align-left { text-align: left }.align-right { text-align: right }.align-center { text-align: center }.ym-contain-dt {width: 100%; overflow: visible; }.ym-contain-oh { overflow:hidden; width:100%; display:block; }.ym-contain-fl { float:left; width:100%; }.ym-skip,.ym-hideme,.ym-print {position:absolute;top:-32768px;left:-32768px; }.ym-skip:focus,.ym-skip:active {position:static;top:0;left:0;}.ym-skiplinks {position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none;}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active {left:32768px;outline:0 none;position:absolute;width:100%;}[data-consent] {display: none;}[data-no-consent] {display: none;text-align: center;padding: 10px;}@media screen, projection {.ym-column { display:table; width:100%; }.ym-col1 { float:left; width:20%; }.ym-col2 { float:right; width:20%; }.ym-col3 { width:auto; margin:0 20%; }.ym-cbox {padding: 0 10px}.ym-cbox-left {padding: 0 10px 0 0}.ym-cbox-right {padding: 0 0 0 10px}.ym-ie-clearing { display:none; }}.ym-grid {display:table;width:100%;table-layout:fixed;list-style-type: none;padding-left:0;padding-right:0;margin-left:0;margin-right:0;}.ym-gl { float: left; margin: 0; padding-right: 4%; display: inline; }.ym-gr { float: right; margin: 0 0 0 -4px; display: inline; }.ym-g20 { width:18%; }.ym-g80 { width:78%; }.ym-g10 { width:8%; }.ym-g90 { width:88%; }.ym-g40 { width:38%; }.ym-g60 { width:58%; }.ym-g30 { width:28%; }.ym-g70 { width:68%; }.ym-g33 { width:30.666%; }.ym-g50 { width:48%; }.ym-g25 { width:22%; }.ym-g75 { width:74%; }.ym-g56 { width:56%; }.ym-grid div.ym-g1 { display: none !important;}.ym-grid.linearize-level-2 .ym-g98,.ym-g98 {width: 100%; box-sizing: border-box; }.ym-g98.ym-gl,.ym-grid.linearize-level-2 .ym-g98.ym-gl { padding: 1.75% 2%; display: table; }.ym-gbox { min-height: 1px; }.ym-equalize { overflow:hidden; }.ym-equalize > [class*="ym-g"] {display:table-cell;float:none;margin:0;vertical-align:top;}.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {padding-bottom: 10000px;margin-bottom: -10000px}.ym-form,.ym-form fieldset { overflow:hidden; }.ym-form div { position:relative; }.ym-form label,.ym-form .ym-message {position:relative;display:block; }.ym-form .ym-fbox-check label {display:inline;}.ym-form input,.ym-form textarea { cursor:text; }.ym-form input[type="checkbox"],.ym-form input[type="radio"],.ym-form select,.ym-form label { cursor:pointer; }.ym-form textarea { overflow: auto; }.ym-form input[type=hidden] { display:none !important; }.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before {content:"";display:table;}.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}.ym-form select,.ym-form input,.ym-form textarea {display:block;position:relative;width:58.5%;}.ym-form .ym-fbox-check input {display: inline;width: auto;}.ym-form .ym-fbox-button input {display: inline;overflow:visible;width:auto;}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active {border:0 none;}.ym-full .ym-fbox-select select,.ym-full .ym-fbox-text input,.ym-full .ym-fbox-text textarea {width:94.2%;margin-right: -3px;}.ym-columnar .ym-fbox-text label,.ym-columnar .ym-fbox-select label {display:inline;float:left;width:30%; }.ym-columnar .ym-fbox-check {position:relative;}.ym-label { display:block; }.ym-columnar .ym-fbox-check .ym-label {position:absolute;top:0;}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-error .ym-message {margin-left:30%;}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button {padding-left:30%;}.ym-columnar .ym-fbox-select select,.ym-columnar .ym-fbox-text input,.ym-columnar .ym-fbox-text textarea {float:left;width:67.2%;margin-right: -3px;}.ym-fbox-select select { width:60%; }.ym-full .ym-fbox-select select { width:94.8%; }.ym-columnar .ym-fbox-select select { width:68.8%; }@media print {.ym-grid > .ym-gl,.ym-grid > .ym-gr {overflow:visible;display:table;}.ym-print {position:static;left:0;}.ym-noprint {display:none !important;}}
.ym-hlist {width:100%;overflow:hidden;position:relative;line-height:1em;}#nav {background: #eee;width: 100%;}.ym-hlist ul {margin:0;padding: 0.5em 1.5em;display:inline;float:left; list-style-type: none;}.ym-hlist ul li {display:block; float:left; font-size:1.0em;line-height:1em;margin: 0 .25em 0 0;padding:0;}.ym-hlist ul li a {background:transparent;color:#888;display:block;font-size:1em;line-height: 2em;padding: 0 0.5em;font-weight:normal;text-decoration:none;text-shadow: 0 1px 1px rgba(0,0,0,.2);width:auto;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}.ym-hlist ul li a:focus,.ym-hlist ul li a:hover,.ym-hlist ul li a:active{color: #ddd;background:#888;text-decoration:none;outline: 0 none;}.ym-hlist ul li.active {background:#888;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}.ym-hlist ul li.active a,.ym-hlist ul li.active a:focus,.ym-hlist ul li.active a:hover,.ym-hlist ul li.active a:active {background:transparent;color:#fff;text-decoration:none;}.ym-hlist ul li a.active:hover { background: #444; }.ym-searchform {float:right;display: inline;line-height: 2em;padding: 0.5em 1.5em;}.ym-searchform .ym-searchfield {background: #fff;line-height: 1em;padding: 0.25em;width: 12em;border: solid 1px #888;border: solid 1px rgba(255,255,255,.1);outline: none;-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);box-shadow: inset 0 1px 3px rgba(0,0,0,.2);}.ym-searchform .ym-searchbutton {color: #fff;cursor: pointer;display: inline-block;font-size: 1em;line-height: 1.3571em;padding: 0.25em;border: solid 1px transparent;text-shadow: 0 1px 1px rgba(0,0,0,.5);-webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: .2em;background: #5f5f5f;}.menumod .ym-hlist {max-width: 100%;}.menumod .ym-hlist ul li.last,.menumod .ym-hlist ul li.last:hover{margin-right: 0;}
.ym-vlist {margin:0;list-style-type:none;background: transparent;border: 0 none;}#submenu { margin: 0 0 15px; }.ym-vlist ul {list-style-type:none;margin:3px 0;padding:0;width:100%;overflow:hidden;border-top:1px #ddd solid;}.ym-vlist ul ul {margin: 0;}.ym-vlist ul ul {border: 0 none;}.ym-vlist li {float:left; width:100%;margin:0;padding:0;}.ym-vlist a {display:block;padding:3px 0px 3px 10%;text-decoration:none;border-bottom:1px #ddd solid;background-color:#efefef;}.ym-vlist a,.ym-vlist a:visited {color:#444;}.ym-vlist li a.active,.ym-vlist li a.active:hover {color:#fff;background-color:#444;}.ym-vlist li a,.ym-vlist li strong,.ym-vlist li span { width:90%; padding-left:10%; } .ym-vlist li a:focus,.ym-vlist li a:hover,.ym-vlist li a:active,.ym-vlist li a.active { background-color:#888; color:#fff; outline: 0 none; }.ym-vlist li ul li a { width:80%; padding-left:20%; } .ym-vlist li ul li a,.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }.ym-vlist li ul li a:focus,.ym-vlist li ul li a:hover,.ym-vlist li ul li a:active,.ym-vlist li ul li a.active { background-color:#888; color:#fff; }.ym-vlist li ul li ul li a { width:70%; padding-left:30%; } .ym-vlist li ul li ul li a,.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }.ym-vlist li ul li ul li a:focus,.ym-vlist li ul li ul li a:hover,.ym-vlist li ul li ul li a:active,.ym-vlist li ul li ul li a.active { background-color:#888; color:#fff; }.ym-vlist li ul li ul li ul li a { width:60%; padding-left:40%; } .ym-vlist li ul li ul li ul li a,.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }.ym-vlist li ul li ul li ul li a:focus,.ym-vlist li ul li ul li ul li a:hover,.ym-vlist li ul li ul li ul li a:active,.ym-vlist li ul li ul li ul li a.active { background-color:#888; color:#fff; }
html * { font-size:100%; }textarea,pre,code,kbd,samp,var,tt {font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%; color:#222;-webkit-text-size-adjust:100%;}h1,h2,h3 {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: bold;color: #555;margin: 0;line-height: 1.2em;}h1 {font-size:260%;line-height: 1.2em;margin: 0 0 0.2143em;}h2 {font-size:200%;line-height: 1.2em;margin: 0 0 0.3em;}h3 {font-size:150%;line-height: 1.5em;margin: 0 0 0.42855em;}ul,ol,dl {font-size:1em;line-height:1.5em;margin: 0 0 1.25em 1em;}ul {list-style-type:disc;}ol {list-style-type:decimal;}ul ul {list-style-type:circle;margin-top:0;}ol ol {list-style-type:lower-latin;margin-top:0;}ol ul {list-style-type:circle;margin-top:0;}li {font-size:1em;line-height:1.5em;margin-left:0.8em;}dt { font-weight:bold; }dd { margin:0 0 1.5em 0.8em; }p {font-size:1em;line-height:1.5em;margin: 0 0 0.75em;}blockquote, cite, q {font-family: Georgia, "Times New Roman", Times, serif;font-style:italic;}blockquote {margin:1.5em 0 0 1.5em;color:#666;}strong, b { font-weight:bold; }em, i { font-style:italic; }big {font-size:116.667%;}small {font-size:85.71%;}pre,code,kbd,tt,samp,var {font-size:100%;}pre {line-height:1.5em;margin: 1.5em 0 0 0;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}pre, code { color:#800; }kbd, samp, var, tt {color:#666;font-weight:bold;}var, dfn { font-style:italic; }acronym, abbr {border-bottom:1px #aaa dotted;font-variant:small-caps;letter-spacing:.07em;cursor:help;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup { top: -0.5em; }sub { bottom: -0.25em; }mark {background: #ff0;color: #000;}hr {color:#fff;background:transparent;margin:0 0 0.75em 0;padding:0 0 0.75em 0;border:0;border-bottom:1px #eee solid;}a {color:#5B74A8;background:transparent;text-decoration:none;}a:active { outline: none; }a:hover,a:focus {background-color: #5B74A8;color:#fff;text-decoration:none;}img,figure {margin: 0;}.flexible {margin-top: 1.5em;max-width: 100% !important;height: auto !important;width: auto !important;}* html .flexible {width: 98%;height: auto;}.bordered {margin-top: 1.5em;border: 2px #eee solid;border: 2px rgba(255,255,255,1) solid;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);box-shadow: 0 0 3px rgba(0,0,0,.25);max-width: 98%;height: auto;}.bordered,.flexible { margin-top: 0px; }.image { margin-top: 0px; margin-bottom: 1em; }.image.no-border { margin: 0 !important; }.image.bordered a,.image.bordered a:hover { background: #fff !important; color: #fff !important; }.image.no-border a,.image.no-border a:hover { background: transparent !important; color: transparent !important; }.highlight {color:#c30;}.dimmed {color:#888;}.box {border-radius: 0.3em;border-width: 1px;border-style: solid;border-color: #888;border-color: rgba(0,0,0,.3);-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;color: #444;color: rgba(0,0,0,.8);margin: 0;padding: 1.4286em 1.4286em 1em;box-sizing: border-box;}.box > *:first-child {margin-top: 0;}.label {font-family: Verdana, Geneva, sans-serif;padding: 1px 6px 2px;display: inline-block;vertical-align:middle;letter-spacing: normal;white-space:nowrap;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #06C;color: #fff;font-size: 10px;line-height: 12px;}.info {background:#f4f4f4;}.success {background:#8c8;}.warning {background:#cc8;}.error {background:#c88;}.float-left {float:left;display:inline;margin: 1.5em 1em 0 0;}.float-right {float:right;display:inline;margin: 1.5em 0 0 1em;}.center {display:block;text-align:center;margin: 1.5em auto 0 auto;}table.prettyTable {width:100%;border-collapse:collapse;margin: 1.3571em 0 0 0;color:#333;border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;}table.prettyTable.narrow {margin:1.4286em 0 0 0;}table.prettyTable.narrow th,table.prettyTable.narrow td {padding: 0 0.5em;line-height: 1.4286em;}table.prettyTable.bordertable {border:1px #ccc solid;}table.prettyTable caption {font-variant:small-caps;}.prettyTable th, .prettyTable td {line-height: 1.5em;vertical-align: top;padding: 0.7143em 0.5em;}.prettyTable th *:first-child,.prettyTable td *:first-child {margin-top: 0;}.prettyTable th.nowrap,.prettyTable td.nowrap {white-space: nowrap;}.prettyTable thead th {text-align: left;color:#000;border-bottom:2px #000 solid;}.prettyTable.bordertable thead th {background:#e0e0e0;border-right:1px #ccc solid;border-bottom:1px #ccc solid;}.prettyTable.bordertable tbody th[scope="row"] {background:#f0f0f0;}.prettyTable tbody th {text-align: left;border-top:1px solid #ccc;text-align:left;}.prettyTable.bordertable tbody th {border-right:1px solid #ccc;}.prettyTable tbody td {text-align: left;border-top:1px solid #ccc;}.prettyTable.bordertable tbody td {border-right:1px solid #ccc;}.prettyTable tbody tr:hover th,.prettyTable tbody tr:hover td {background:#f8f8f8;}ul.ib-item{margin: 0;}ul.ib-item li, li.ib-item{display: block;margin: 0;padding-left: 2em;}ul.ib-item li:before, li.ib-item:before{margin-left: -1.5em;float: left;}.ib-check-square li:before ,.ib-item li.ib-check-square:before {color: #008000;font-family: "FontAwesome";content: "\f046";}.ib-minus-square li:before ,.ib-item li.ib-minus-square:before {color: red;font-family: "FontAwesome";content: "\f146";}.ib-plus-square li:before ,.ib-item li.ib-plus-square:before {color: #008000;font-family: "FontAwesome";content: "\f0fe";}.ib-dot-circle li:before ,.ib-item li.ib-dot-circle:before {color: orangered;font-family: "FontAwesome";content: "\f192";}.ib-circle-o li:before ,.ib-item li.ib-circle-o:before {color: #808080;font-family: "FontAwesome";content: "\f10c";}.ib-check li:before,.ib-item li.ib-check:before {color: #82b440;font-family: "FontAwesome";content: "\f00c";}.ib-cross li:before,.ib-item li.ib-cross:before {color: red;font-family: "FontAwesome";content: "\f00d";}
@media screen {body {background: #f1f1f1;}.ym-wrapper {min-width: 760px;max-width: 1100px;margin: 10px auto;}.ym-wbox { padding: 0; border: 1px solid #ddd; }.header.stickyheader {position: fixed;z-index: 99;top: 0;}.header {color: #222;padding: 0;clear: both;float: left;width: 100%;}header .image.no-border img { width: 100%; margin: 0 !important; }header .image.border { text-align: center; padding: 5px 0; }header .image a { display: block; }#nav {clear: both;}#nav:after,#nav .ym-hlist:after{content: '';clear: both;display: table;}#main {padding: 20px 10px 1.5em;}.footer {margin: 0;background: #f7f7f7;color: #222;padding: 1.5em 1.5em 0.75em;}.footer .clear { clear: both; }#incmsicon { max-width: 20%; float: right; }#incmsicon a {background: transparent no-repeat left top;display: block;float: right;height: 20px;width: 51px;text-indent: -5000px;margin: 3px 0 0;}#incmsicon a:hover {background-position: left -20px;}.ym-wrapper.footerbottom { background: transparent; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }.ym-wrapper.footerbottom .footerbottom_content { padding: 0.5em 1.5em 1em; }}.ym-column {display:block;overflow:hidden;width:auto;}.ym-col1,.ym-col2,.ym-col3 { min-height: 1px; }.ym-col1 { width: 100%; }.ym-col2 .ym-cbox,.ym-col3 .ym-cbox { padding: 0 10px !important; }.twocols .ym-col1 { float:right;width: 75%;}.twocols .ym-col3 { position:relative;float:right;width: 25%;margin-right:0;margin-left:-25%;}.twocols.right .ym-col1 { float:left;}.twocols.right .ym-col3 { float:left;width: 25%;margin-left: 0;}.threecols .ym-col1 { width: 50%; float:left; margin-left: 25%; margin-right: 0; } .threecols .ym-col2 { width: 25%; float:left;margin-left: -75%; } .threecols .ym-col3 {float:right; width: 25%; margin-left: -5px; margin-right: 0%; } .threecols .ym-column { width: 100%; padding-right: 0; }.ym-skiplinks a.ym-skip:focus,.ym-skiplinks a.ym-skip:active {color:#fff;background:#333;border-bottom:1px #000 solid;padding:10px 0;text-align: center;text-decoration:none;}.background-image { display: none; }.global_banner_global_footer .specific_banner_wrap,.global_banner_global_footer .footer_specific_content,.global_banner_global_footer .footerbottom_specific_content,.global_banner_specific_footer .specific_banner_wrap,.global_banner_specific_footer .footer_content,.global_banner_specific_footer .footerbottom_content,.specific_banner_global_footer .global_banner_wrap,.specific_banner_global_footer .footer_specific_content,.specific_banner_global_footer .footerbottom_specific_content,.specific_banner_specific_footer .global_banner_wrap,.specific_banner_specific_footer .footer_content,.specific_banner_specific_footer .footerbottom_content{display: none;}@media screen and ( max-width: 1098px ) {body { max-width: 100%; overflow-x: hidden; }.wide .ym-wrapper { margin: 0 auto; }.wide .ym-wrapper {-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}.wide .ym-wbox,.wide .ym-wrapper,.wide .footer,.wide .header,.wide .header_wrap,.wide .header .no-border,.wide .header .no-border a,.wide .header .slideshow img { border-radius: 0 !important; }.wide .header { min-height: 0; }}@media screen and ( max-width: 727px ) {.narrow .ym-wbox { border: 0; }.narrow .ym-wrapper { margin: 0 auto; }.narrow .ym-wrapper {-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}.narrow .ym-wbox,.narrow .ym-wrapper,.narrow .footer,.narrow .header,.narrow .header_wrap,.narrow .header .no-border,.narrow .header .no-border a,.narrow .header .slideshow img { border-radius: 0 !important; }.narrow .header { min-height: 0; }}@media screen and ( min-width: 0px ) {.ym-wrapper {min-width: 0px;}}@media screen and ( max-width: 768px ) {.wide .linearize-level-1,.wide .linearize-level-1 > [class*="ym-g"],.wide .linearize-level-1 > [class*="ym-col"] {display: block;float: none;padding: 0;margin: 0 !important;width: 100% !important;}.wide .header .ym-gbox,.wide .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],.wide .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {padding: 0 !important;margin: 0;}.wide nav .ym-hlist ul {padding-right: 10px;}.wide .ym-searchform {display:block;float: none;width: auto;padding-right: 10px;text-align: right;}.wide .ym-searchform input[type="search"] {width: 14%;}.wide img.bordered { max-width: 98%; }.wide .footer { margin-top: 0; }}@media screen and ( max-width: 705px ) {.narrow .linearize-level-1,.narrow .linearize-level-1 > [class*="ym-g"],.narrow .linearize-level-1 > [class*="ym-col"] {display: block;float: none;padding: 0;margin: 0 !important;width: 100% !important;}.narrow .header .ym-gbox,.narrow .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],.narrow .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {padding: 0 !important;margin: 0;}.narrow nav .ym-hlist ul {padding-right: 10px;}.narrow .ym-searchform {display:block;float: none;width: auto;padding-right: 10px;text-align: right;}.narrow .ym-searchform input[type="search"] {width: 14%;}.narrow img.bordered { max-width: 98%; }.narrow .footer { margin-top: 0; }}body{overflow-x: hidden;}.smart-box{width: 100%;position: relative;}.onecol .smart-box.fullwidth,.header_wrap .smart-box.fullwidth,.footerbottom .smart-box.fullwidth{width: 100vw;margin-left: calc(-50vw + 50%);}.view-normal .footerbottom .smart-box {margin-top: -0.5em;margin-bottom: -1em;}.fullwidth{border-radius: 0 !important;}.transparent-bg {background: transparent !important;}.onecol .smart-box.fullwidth > .smart-box-container,.header_wrap .smart-box.fullwidth .smart-box-container,.footerbottom .smart-box.fullwidth .smart-box-container{max-width: 1078px;}.narrow.onecol .smart-box.fullwidth > .smart-box-container {max-width: 707px;}.view-edit.onecol #main .smart-box.fullwidth > .smart-box-container,.view-edit .footerbottom .smart-box.fullwidth > .smart-box-container {max-width: 1034px;}.view-edit.narrow .header .smart-box.fullwidth .smart-box-container{max-width: 703px;}.narrow.onecol.view-edit #main .smart-box.fullwidth > .smart-box-container,.narrow.onecol.view-edit .footer .smart-box.fullwidth > .smart-box-container,.narrow.onecol.view-edit .footerbottom .smart-box.fullwidth > .smart-box-container{max-width: 663px;}.view-edit .smart-box .smart-box.fullwidth {width: 100%;margin: 0 auto;}.smart-box-container{margin: 0 auto;box-sizing: border-box;}.ym-column.linearize-level-1{overflow:visible;}.onecol #main .ym-col1 {float: none;}.linearize-level-2 .smart-box.fullwidth,.flexi-accordion .smart-box.fullwidth,.flexi-accordionitem .smart-box.fullwidth,.flexi-content-frame-content-frame .smart-box.fullwidth{width: 100% !important;margin-left: 0 !important;}.footer_wrap:before,.footer_wrap:after,.ym-column:before,.ym-column:after,.ym-cbox:before,.ym-cbox:after {content: "";clear: both;display: table;}@supports (-webkit-overflow-scrolling: touch) {.smart-main {background-attachment:scroll !important;}}.multipane_tabs .x-panel-bwrap > .x-panel-body,.multipane_tabs .x-plain-bwrap > .x-plain-body,.multipane_tabs .x-plain-bwrap > .x-plain-body .x-column-inner {width: 100% !important;height: auto !important;}.multipane_tabs .x-panel-bwrap > .x-panel-body > .x-column-inner,.multipane_tabs .x-panel-bwrap > .x-panel-body > .x-column-inner .x-column {width: 100% !important;}.multipane_tabs span.x-tab-strip-inner {width: auto !important;}.has-incms-chatbot,.has-incms-chatbot .view-normal .ym-wrapper,.has-incms-chatbot .view-normal .ym-wbox{height: 100%;}.has-incms-chatbot .view-normal{height: 100%;touch-action: pan-x pan-y;}.has-incms-chatbot .view-normal .ym-wbox{display: flex;flex-direction: column;box-sizing: border-box;}.has-incms-chatbot .view-normal #main{flex: 1;padding-left: 0;padding-right: 0;}.has-incms-chatbot .view-normal #main *{height: 100%;}
.embed-container {position: relative;padding-bottom: 56.25%; height: 0;overflow: hidden;display: table;width: 100%;background: grey; }.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}#mediaplayer { margin: 0 0 20px 0; }ul.sitemap { margin: 20px 0 0; list-style-type: none; text-align: left; }ul.sitemap li { margin: 0; list-style-type: none; }ul.sitemap li a { background: url(../../incms_core/5.2606.1/incms_web/base/styles/images/sitemap_single.png) no-repeat top left; padding: 0 0 0.5em 20px;color: #444; display: block; text-decoration: none; font-weight: normal; font-style: normal; }ul.sitemap li.sub a { background-image: url(../../incms_core/5.2606.1/incms_web/base/styles/images/sitemap_multiple.png); }ul.sitemap li a:hover { opacity: 0.75; filter: alpha(opacity=75); color: #444; text-decoration: none; font-weight: normal; }ul.sitemap ul { margin: 0 0 0 1.5em; }ul.sitemap li, ul.sitemap .sub ul{font-size: 100%}.breadcrumb > span:last-child a {color: inherit !important;pointer-events: none;}.breadcrumb > span:last-child {cursor: text;}iframe.promo {resize: none;border: 0;width: 100%;height: 320px;}form.yform label { display: block; margin: 0 0 5px; }form.yform .type-text input, form.yform .type-text textarea {width: 97%;}.eshoplight_art_container {width: 100%;margin: 10px 0 20px;}.eshoplight_art_container div { float: left; }.eshoplight_art_container a,.eshoplight_art_container input[type=image] { float: left; margin: 0 0 0 5px; }.eshoplight_art_container .artname { display: block; font-weight: bold; margin: 0 0 8px; }.type-text { margin: 0 0 10px; }input.basket_quantity,input.art_quantity { border: 1px solid #888; text-align: center; max-width: 30px; }.eshoplight_basket_container tr { line-height: 2em; }.eshoplight_basket_container th,.eshoplight_basket_container td { padding: 0 10px 0 0; }.yform #order_captcha { margin: 10px 0 5px; }.eshoplight_basket_container { margin-bottom: 25px; }.comment_error { color: #f00; font-style: italic; padding-top: 15px; clear: both; }.yform fieldset tbody.x-btn-small:hover { border-color: #000; }.clickme {background: #fce30d;border: 1px solid #fdac27;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;float: left;}.clickme .clickmebutton {-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;border: 0;background: 0;padding: 4px 10px 6px;color: #000269;border-top: 1px solid #fbf584;}.clickme .clickmebutton:hover,.clickme .clickmebutton:active,.clickme .clickmebutton:focus {cursor: pointer;background: #fdeb52;border-top: 1px solid #fcf8a8;}.eshoplight_art_container .gotocart,.eshoplight_art_container .gotocart:hover {background-repeat: no-repeat;background-position: top left;background-color: transparent;width: 20px;height: 15px;margin: 8px 0 0 10px;padding: 0 0 0 25px;color: #444;font-size: 85%;}#nav-trigger {display: none;padding: 15px 0;position: relative;text-transform: uppercase;text-align: center;outline: 0;}#nav-trigger span {display: flex;justify-content: center;}#menulangbottom { display: none; }#menulangtop ul {float: right;padding: 0 24px 0 0;}#menulangtop li.flag_text a {background-repeat: no-repeat;background-position: 12px center;padding-left: 33px;background-size: 16px;}#menulangtop li.flag a {background-repeat: no-repeat;background-position: center;padding-left: 1.2em;padding-right: 1.2em;background-size: 16px;}#menulangtop li.flag a:before {content: " ";display: inline-block;}.menumod #menulangtop ul {padding-right: 0;}ul.incms-social-buttons {margin: 0;list-style: none;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}ul.incms-social-buttons li {margin: 0;font-size: 100%;}ul.incms-social-buttons a {text-decoration: none;display: table;}ul.incms-social-buttons span,ul.incms-social-buttons i{display: table-cell;vertical-align: middle;}ul.incms-social-buttons i {text-align: center;}ul.incms-social-buttons.size-medium li {line-height: 24px;}ul.incms-social-buttons.size-medium a {height: 26px;}ul.incms-social-buttons.size-medium i {font-size: 16px;width: 30px;}ul.incms-social-buttons.size-medium span {padding: 0 9px 0 0;font-size: 14px;}ul.incms-social-buttons.size-small li {line-height: 22px;}ul.incms-social-buttons.size-small a {height: 22px;}ul.incms-social-buttons.size-small i {font-size: 14px;width: 24px;}ul.incms-social-buttons.size-small span {padding: 0 7px 0 0;font-size: 12px;}ul.incms-social-buttons.size-tall li {line-height: 28px;}ul.incms-social-buttons.size-tall a {height: 32px;}ul.incms-social-buttons.size-tall i {font-size: 20px;width: 36px;}ul.incms-social-buttons.size-tall span {padding: 0 12px 0 0;font-size: 16px;font-weight: bold;}ul.incms-social-buttons.orientation-horizontal li {float: left;margin-right: 5px;}ul.incms-social-buttons.size-small.orientation-horizontal li {margin-right: 3px;}ul.incms-social-buttons.orientation-vertical a{width: 100%;display: flex;align-items: center;justify-content: center;}ul.incms-social-buttons.orientation-vertical li + li {margin-top: 5px;}ul.incms-social-buttons.size-small.orientation-vertical li + li {margin-top: 3px;}li.incms-social-facebook a {background-color: #3B5998;}li.incms-social-facebook a,li.incms-social-facebook a:hover {color: #fff;text-decoration: none;}li.incms-social-facebook a:hover {background-color: #4c72c1;}li.incms-social-google a {background-color: #d34836;}li.incms-social-google a,li.incms-social-google a:hover {color: #fff;text-decoration: none;}li.incms-social-google a:hover {background-color: #e6503c;}li.incms-social-google i {}li.incms-social-twitter a {background-color: #55acee;}li.incms-social-twitter a,li.incms-social-twitter a:hover {color: #fff;text-decoration: none;}li.incms-social-twitter a:hover {background-color: #5ebaff;}.incms-dpbanner {--incms-dpbanner-version: 10;--dp-primary: var(--incms-primary, #2563eb);--dp-primary-text: var(--incms-primary-text, #fff);--dp-radius-panel: var(--incms-radius-lg, 16px);--dp-radius-control: var(--incms-radius-md, 12px);position: fixed;z-index: 9999;box-sizing: border-box;top: 0;left: 0;right: 0;color: #fff;margin: 0 auto;height: 100%;overflow-x: hidden;overflow-y: auto;font-family: inherit;}.incms-dpbanner .fa {font-family: FontAwesome, serif;}.incms-dpbanner p a {color: inherit;text-decoration: underline;text-underline-offset: 2px;}body.show-dpbanner {overflow: hidden;}.show-dpbanner .incms-dpbanner:before {content: '';position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;overflow: hidden;}.incms-dpbanner[data-mask]:before {background-color: rgba(17, 24, 39, 0.46);backdrop-filter: blur(2px);}.incms-dpbanner-wrapper {max-width: 760px;margin: 0 auto;min-height: 100%;display: flex;overflow: hidden;box-sizing: border-box;padding: 24px 16px;}.incms-dpbanner .incms-dpbanner-inner {font-size: 16px;opacity: 0;transform: translateY(-24px);transition: opacity 0.24s ease, transform 0.24s ease;padding: 24px;border-radius: var(--dp-radius-panel);position: relative;z-index: 99999;width: 100%;height: auto;background-color: #20242c;border: 1px solid rgba(255, 255, 255, 0.12);box-shadow: 0 34px 90px rgba(0, 0, 0, 0.36);pointer-events: auto;margin-left: auto;margin-right: auto;line-height: 1.5;}.incms-dpbanner[data-position=bottom] .incms-dpbanner-inner {transform: translateY(24px);}.show-dpbanner .incms-dpbanner .incms-dpbanner-inner {opacity: 1;transform: translateY(0);}.incms-dpbanner[data-fullwidth] .incms-dpbanner-wrapper {max-width: none;}.incms-dpbanner[data-fullwidth] .incms-dpbanner-inner {border-radius: 0;border-left: 0;border-right: 0;}.incms-dpbanner[data-position=center] .incms-dpbanner-wrapper {align-items: center;}.incms-dpbanner[data-position=top] .incms-dpbanner-wrapper {align-items: flex-start;}.incms-dpbanner[data-position=bottom] .incms-dpbanner-wrapper {align-items: flex-end;}.incms-dpbanner[data-pagemargin="50"] .incms-dpbanner-wrapper {padding-top: 50px;padding-bottom: 50px;}.incms-dpbanner[data-pagemargin="100"] .incms-dpbanner-wrapper {padding-top: 100px;padding-bottom: 100px;}.incms-dpbanner[data-theme=light] .incms-dpbanner-inner {color: #1f2937;background-color: #fff;border-color: rgba(15, 23, 42, 0.1);box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);}.incms-dpbanner-consents {max-height: 0;overflow: auto;transition: max-height 0.24s ease-in-out, margin-top 0.24s ease-in-out;font-size: 100%;margin-top: 0;border-radius: var(--dp-radius-control);}.more .incms-dpbanner-consents {max-height: 400px;margin-top: 16px;}.incms-dpbanner-consents .dp_consent_item {display: block;padding: 14px 16px;margin: 14px 0 0;font-weight: normal;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: var(--dp-radius-control);transition: background-color 0.18s ease, border-color 0.18s ease;}[data-theme=light] .incms-dpbanner-consents .dp_consent_item {background: #f8fafc;border-color: #e5e7eb;}.incms-dpbanner-consents .dp_consent_item.showdesc {background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.14);}[data-theme=light] .incms-dpbanner-consents .dp_consent_item.showdesc {background: #fff;border-color: #dbe3ee;}.incms-dpbanner[data-theme=dark] .dp-title,.incms-dpbanner[data-theme=dark] p,.incms-dpbanner[data-theme=dark] button.dp_learnmore {color: #fff;}.incms-dpbanner[data-theme=dark] button.dp_learnmore,.incms-dpbanner[data-theme=dark] button.dp_reject,.incms-dpbanner[data-theme=dark] .dp_accept_selected {background: rgba(255, 255, 255, 0.06);border-color: rgba(255, 255, 255, 0.28);color: #fff;}.incms-dpbanner-consents .dp_consent_head {display: grid;grid-template-columns: 46px minmax(0, 1fr) 20px;column-gap: 12px;align-items: center;width: 100%;cursor: pointer;line-height: 1.4;}.incms-dpbanner-consents .dp_consent_item label {display: block;position: relative;width: 46px;height: 26px;margin: 0;}.incms-dpbanner-consents .dp_consent_item input {position: absolute;inset: 0;width: 46px;height: 26px;margin: 0;opacity: 0;cursor: pointer;}.incms-dpbanner-consents .checkbox {position: relative;display: block;width: 46px;height: 26px;float: none;cursor: pointer;line-height: 26px;margin-top: 0;}.incms-dpbanner-consents .checkbox:before {content: '';display: block;width: 46px;height: 26px;line-height: 26px;margin-right: 0;background: var(--dp-primary);border: 1px solid var(--dp-primary);transition: background-color 0.2s ease, border-color 0.2s ease;border-radius: 999px;box-sizing: border-box;}.incms-dpbanner-consents .checkbox:after {content: '';position: absolute;top: 4px;left: 4px;width: 18px;height: 18px;background: #fff;border-radius: 50%;box-shadow: 0 1px 4px rgba(15, 23, 42, 0.28);transition: transform 0.2s ease, background-color 0.2s ease;}[data-theme=light] .incms-dpbanner-consents .checkbox:before {background: var(--dp-primary);border-color: var(--dp-primary);}.incms-dpbanner-consents .dp_consent_item input:checked + span:after {transform: translateX(20px);}.incms-dpbanner-consents .dp_consent_item input:not(:checked) + span:before {content: '';background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.42);}[data-theme=light] .incms-dpbanner-consents .dp_consent_item input:not(:checked) + span:before {background: #fff;border-color: #cbd5e1;}.incms-dpbanner-consents .dp_consent_item input[disabled] + span:before {background: rgba(148, 163, 184, 0.34);border-color: rgba(148, 163, 184, 0.34);}.incms-dpbanner-consents .dp_consent_item input[disabled] + span {opacity: 0.92;cursor: not-allowed;pointer-events: none;}.incms-dpbanner-consents .dp_consent_item input:focus + span:before {box-shadow: 0 0 0 3px color-mix(in srgb, var(--dp-primary) 24%, transparent);}.dp_consent_title {display: block;min-width: 0;line-height: 1.4;font-weight: 700;overflow-wrap: anywhere;}.dp_consent_showdesc {justify-self: end;margin: 0;padding-left: 0;font-weight: 100;position: relative;top: -1px;}.showdesc .dp_consent_showdesc:before {content: "\f077";}.incms-dpbanner-consents .desc {display: block;padding: 12px 0 0 58px;margin: 0;color: rgba(255, 255, 255, 0.82);font-weight: 400;line-height: 1.55;}.incms-dpbanner[data-theme=dark] .incms-dpbanner-consents .desc {color: rgba(255, 255, 255, 0.82);}[data-theme=light] .incms-dpbanner-consents .desc {color: #475569;}.incms-dpbanner button,button.showdataprotection {padding: 10px 16px;font-weight: 700;border: 1px solid rgba(255, 255, 255, 0.18);background: rgba(255, 255, 255, 0.08);border-radius: var(--dp-radius-control);margin: 16px 8px 0 0;text-align: center;min-width: 120px;cursor: pointer;outline: none;transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;font-size: inherit;line-height: 1.2;color: inherit;}.incms-dpbanner button.dp_learnmore,.incms-dpbanner button.dp_reject {position: relative;background: rgba(255, 255, 255, 0.06);border-color: rgba(255, 255, 255, 0.28);color: #fff;}button.dp_learnmore > span:last-child,.more button.dp_learnmore > span:last-child {display: block;}.more button.dp_learnmore > span:first-child,button.dp_learnmore > span:last-child {display: none;}.incms-dpbanner .dp_accept {background: var(--dp-primary);border-color: var(--dp-primary);color: var(--dp-primary-text);box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);box-shadow: 0 12px 28px color-mix(in srgb, var(--dp-primary) 30%, transparent);}.incms-dpbanner .dp_accept_selected {background: rgba(255, 255, 255, 0.06);border-color: rgba(255, 255, 255, 0.28);color: #fff;}.incms-dpbanner[data-theme=light] .dp_accept {color: var(--dp-primary-text);}.incms-dpbanner[data-theme=light] button {border-color: #d1d5db;background: #fff;color: #1f2937;}.incms-dpbanner[data-theme=light] button.dp_learnmore,.incms-dpbanner[data-theme=light] button.dp_reject {background: rgba(15, 23, 42, 0.035);border-color: #d1d5db;color: var(--dp-primary);}.incms-dpbanner[data-theme=light] .dp_accept_selected {background: rgba(15, 23, 42, 0.035);border-color: #d1d5db;color: var(--dp-primary);}.incms-dpbanner[data-theme=light] .dp_accept {background: var(--dp-primary);border-color: var(--dp-primary);}.incms-dpbanner[data-buttoncolors=neutral] .dp_accept,.incms-dpbanner[data-buttoncolors=neutral] button.showdataprotection,.incms-dpbanner[data-buttoncolors=neutral] button.dp_learnmore,.incms-dpbanner[data-buttoncolors=neutral] button.dp_reject,.incms-dpbanner[data-buttoncolors=neutral] .dp_accept_selected {background: rgba(255, 255, 255, 0.06);border-color: rgba(255, 255, 255, 0.28);color: #fff;box-shadow: none;}.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.showdataprotection,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_learnmore,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_reject,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept_selected {background: rgba(15, 23, 42, 0.035);border-color: #d1d5db;color: #1f2937;box-shadow: none;}button.showdataprotection{background: var(--dp-primary);border-color: var(--dp-primary);color: var(--dp-primary-text);}.incms-dpbanner button:hover,.incms-dpbanner button:active {opacity: 1;transform: translateY(-1px);box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);}.embed-container > [data-no-consent] {width: 100%;}.embed-container > [data-no-consent],.embed-container > [data-no-consent] > div:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;}.embed-container > [data-no-consent] > div {display: inline-block;max-width: 88%;padding: 18px;border-radius: var(--dp-radius-panel);background: rgba(15, 23, 42, 0.82);box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);}.embed-container > [data-no-consent] > div:before {content: "\f023";font-family: FontAwesome;display: block;position: static;top: auto;left: auto;transform: none;margin-bottom: 8px;font-size: 28px;color: rgba(255, 255, 255, 0.62);z-index: auto;}.embed-container [data-no-consent] p {color: #fff;margin: 0;}.incms-dpbanner .dp-title {font-size: 22px;font-weight: 700;line-height: 1.2;margin-bottom: 10px;}.incms-dpbanner p,.incms-dpbanner-consents .desc{font-size: 100%;text-align: left;}.compact .incms-dpbanner-wrapper {max-width: 540px;}.incms-dpbanner.compact .incms-dpbanner-inner{text-align: center;padding: 20px;}.incms-dpbanner.compact .dp-title {text-align: center;}.compact .incms-dpbanner-inner{font-size: 16px;}.incms-dpbanner-consents .desc{padding-top: 5px;}.incms-dpbanner.compact button {padding: 9px 14px;}.compact .dp_consent_title{line-height: 1.3;}.compact .incms-dpbanner-consents .dp_consent_item {text-align: left;padding: 12px 14px;margin-top: 12px;}.incms-dpbanner.compact .fa {font-size: 11px;}.compact .dp_consent_showdesc {margin: 0;}@media (max-width: 600px) {.incms-dpbanner-wrapper {padding: 12px;}.incms-dpbanner[data-position=center] .incms-dpbanner-wrapper,.incms-dpbanner[data-position=top] .incms-dpbanner-wrapper,.incms-dpbanner[data-position=bottom] .incms-dpbanner-wrapper {align-items: flex-end;}.incms-dpbanner .incms-dpbanner-inner {padding: 18px;border-radius: var(--dp-radius-panel);}.incms-dpbanner .dp-title {font-size: 20px;}.incms-dpbanner button,button.showdataprotection {width: 100%;margin-right: 0;}}
.incms-form-container {clear: both;position: relative;}.incms-form-container .ajax-progress{height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 1000;display: none;}.incms-form .hidden{display: none !important;}.incms-form .incms-form-text.captcha {max-width: 192px !important;}.incms-form {margin: 0;display: block;float: none;clear: none;text-align: left;}.incms-form .incms-form-item-label > span {font-weight: inherit;padding: 3px 3px 3px 1px;display: inline-block;}.incms-form textarea {overflow: auto;}.incms-form div,.incms-form div:focus,.incms-form button{-webkit-appearance: none !important;outline: none;}.incms-form button {cursor: pointer}.incms-form .incms-form-item {padding-bottom: 10px;}.incms-form input,.incms-form select,.incms-form textarea,.incms-form textarea.incms-form-textarea,.incms-form input:focus,.incms-form textarea:focus,.incms-form textarea.incms-form-textarea:focus {}.incms-form .incms-form-field {border: 1px solid #d0d0d0;margin: 0 0 5px;padding: 6px;border-radius: 0.25em;-webkit-border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-box-shadow: inset #e0e0e0 0 0 20px;-moz-box-shadow: inset #e0e0e0 0 0 20px;box-shadow: inset #e0e0e0 0 0 20px;background: #fdfdfd;-webkit-appearance: none;-moz-appearance: none;box-sizing: border-box;display: block;width: 100%;outline: none;line-height: 18px !important;}.incms-form .error .incms-form-field {background-color: #ffeeee !important;border-color: #ff7870 !important;}.incms-form .terms-field.has-error {background-color: transparent;border: none;color: #ff7870;}.incms-form .select-wrapper {position: relative;}.incms-form .select-wrapper:before {content: '';position: absolute;right: 10px;top: calc(50% - 4px);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #636363;z-index: 1;pointer-events: none;}.incms-form .radio {padding: 4px 0;}.incms-form .radio span,.incms-form .checkbox span {margin-left: 2px;flex: 1;}.incms-form .checkbox {margin-bottom: 15px;padding-top: 8px;padding-bottom: 8px;}.incms-form .checkbox.terms-field{margin: 0 0 5px;padding: 0;}.incms-form .checkbox.rememberme{margin: 0 0 5px;padding: 0 0 10px;}.incms-form .checkbox,.incms-form .checkbox label,.incms-form .radio label{display: flex;align-items: baseline;}.incms-form .checkbox.terms-field label{flex: 1;color: inherit;}.incms-form .checkbox.rememberme .incms-form-item-label,.incms-form .checkbox.terms-field .incms-form-item-label{line-height: normal !important;}.incms-form .checkbox.rememberme .incms-form-item-label > span,.incms-form .checkbox.terms-field .incms-form-item-label > span{padding: 0;}.incms-form .checkbox input,.incms-form .radio input {margin: 0 5px 0;}.incms-form .incms-form-field {font: normal 14px tahoma, arial, helvetica, sans-serif;}.incms-form .incms-form-field, .incms-form label span {color: inherit;}.incms-form-element.error {background: transparent;}.incms-form .errormessage,.incms-form .errormessageicon{font-size: 12px;color: #ff7870;padding: 0 2px;}.incms-form .errormessage .errormessageicon {padding-left: 0;padding-right: 4px;}.incms-form .errormessageicon{font-family: FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.incms-form .errormessageicon:before {content: "\f071";}.incms-form .errormessage:empty {display: none;}.incms-form .incms-form-element.from-file {position: relative;overflow: hidden;}.incms-form .from-file span {position: absolute;height: calc(100% - 15px);top: 0;right: 0;font-size: 12px;box-sizing: border-box;background: #fff;margin: 5px;border-radius: 0.25em;padding: 0 10px;border: 1px solid #d0d0d0;display: flex;align-items: center;justify-content: center;cursor: pointer;}.incms-form .incms-fake-input {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}.incms-form-header {display: table;width: 100%;margin-bottom: 10px;}.incms-form-header > * {display: table-cell;}.view-edit .g-recaptcha {display: none;}.g-recaptcha {margin-bottom: 15px;}.g-recaptcha:empty{display: none}.g-recaptcha > div {margin-bottom: 3px;}.tooltip {position: relative;display: none;color: #006080;}.incms-form .tooltip.active{display: inline-block;;}.incms-form .tooltip .tooltiptext {visibility: hidden;position: absolute;min-width: 80px;line-height: normal;background-color: #555;color: #fff;text-align: center;padding: 4px 10px;border-radius: 6px;z-index: 1;opacity: 0;transition: opacity .6s;white-space: nowrap;}.incms-form .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}.incms-form .tooltip-right {top: -4px;left: 135%;}.incms-form .tooltip-right:after {content: "";position: absolute;top: 50%;right: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent #555 transparent transparent;}.incms-form .tooltip-bottom {top: 135%;left: 50%;margin-left: -60px;}.incms-form .tooltip-bottom::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #555 transparent;}.incms-form .tooltip-top {bottom: 125%;left: 50%;margin-left: -60px;}.incms-form .tooltip-top:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}.incms-form .tooltip-left {top: -5px;bottom:auto;right: 128%;}.incms-form .tooltip-left:after {content: "";position: absolute;top: 50%;left: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #555;}.incms-form .alert {padding: 8px;margin-bottom: 15px;border: 1px solid;border-radius: 4px;}.incms-form .alert span {margin-right: 6px;}.incms-form .alert-danger {background-color: #FEE;border-color: #FF7870;}.incms-form .alert-success {background-color: #c9f7c9;border-color: #8fd091;}.incms-form .datefield:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f073";position: absolute;top: calc(50% - 9px);right: 10px;pointer-events: none;z-index: 1;}.incms-form .datefield {position: relative;}.ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;}.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.2em;height: 1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {top: 1px;}.ui-datepicker .ui-datepicker-prev {left: 6px;}.ui-datepicker .ui-datepicker-next {right: 6px;}.ui-datepicker .ui-datepicker-prev-hover {left: 1px;}.ui-datepicker .ui-datepicker-next-hover {right: 1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 45%;}.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}.ui-datepicker td {border: 0;padding: 1px;}.ui-datepicker td span,.ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}.ui-datepicker {padding: 0;border: 1px solid #dddddd;-webkit-border-radius: 0;-moz-border-radius: 0;font-size: 14px;width: 17em;border-radius: 4px;overflow: hidden;}.ui-datepicker * {padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}.ui-datepicker table {font-size: 13px;margin: 0;}.ui-datepicker .ui-datepicker-header {border: none;background: #555;color: #fff;font-weight: normal;border-radius: 0;}.ui-datepicker .ui-datepicker-header .ui-state-hover {background: #222;border-color: transparent;cursor: pointer;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 3px;}.ui-datepicker thead {background: #696969;color: #fff;}.ui-datepicker .ui-datepicker-title {margin-top: .4em;margin-bottom: .3em;color: #fff;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {height: 1.2em;top: .9em;border: none;}.ui-datepicker .ui-datepicker-prev-hover {left: 6px;}.ui-datepicker .ui-datepicker-next-hover {right: 6px;}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AABe4SURBVHja7V1diCXHdf56vbZmVl6nxwKFO2yyq1mM4qAwM7oDsR6C7iYIKesH3V1QHgyBu5YYJwHjrB9NQCuByIthHbAga6TZxeBgHMJKISZ+SDIb1oQgRtoVgtjGyD8PmSGQMIpfJmCLk4f+q6o+daq6+965P1VfM3Pv7VN16ud8Vd1dp6o6IUSEjBPTzkDEdBEJEDgiAXT0QOhNOxPHiUgAFT3sA9gPiQLjJsD0208Pbe9rM/OvwkaBQvP0yzhG6ASQO0AqDwmu9mOPT3nqPWsYV9qFEduVIDP/QU4BSfMC9REqAcbRAa520FDELdphc3SJCyRIcADgAAkSQXOXMs4ckrIxFEUs2oENBNSqR0WmJ2kVv2hltvRdaVPHvPtqdpVxjlD1AHIH6AupDbovH1nqkgllLd3apnQJUjV362dmDEnjOya5FUltsEqqbdtxa5Dbppx3uQ+sNLv6mblCcwLIoKlXTQ/7rQkmX4IKzdMv4xgxbgLMO3rYXyTzuhEJEDjiSGDgiAQIHJEAgSMSIHBEAgSOSIDAEQkQOOJ8ADPutPN/zGgyH8BvRoDLGdMT5wPIKbjN02U+gNsdnuV9oUjSbD6AnwdMrkK7gVYt3311u8zv0r5vfNq1L8xsgPp8gAz20fAilORvs8tdsX3mA0i5k1N3x5dBue7icyGgzwfgvus48OoF+DDu9ukzH0Bqf355s9OHnLMNmqQ0F2jjDJIcrrM+H0Ail6v/KUoe3cECpl85XecDTDv/x4zoDg4ccSAocEQCBI5IgMARCRA4IgECRyRA4IgECBwnp52BmQNNcZS/+1hp4/yf7BZ9IpUwzRyQMwftXUHumFMouX4JIED09fvsD0AtJE3RNg1X/jPTJ6IWNznaxvYrgU+oBnFPaAFcxU88CmCPn3hUkE8RSHD2+OQvEWT6Z7M0Com7BuQSygQiR2zA1Yi1/KuXAN/i22bruCspGUMHT6In0nUV7ZIDKmMnrFRNnUulaF72PJAgl3VXpZObgZrLBGh6E0gerccVyoed7dq4n3ETD+2SgXz0tq0BqQn66HbXQU3e5DGw6uJ8QvEyuQt0M1jW4epi/bpoVwtype5zE9kWboq75VoOTHdw6E8B851+i8fIOB8gcMSRwMARCRA4IgECRyRA4IgECByRAIEjEiBw6ItDi81Spwf3fuCThE8N+HhE28VzrY32TaURKgIUC6N8tntvVwHjQztdrpz71YC01Wzljes1jp35KYvDXoZe6xogI5cA+MWh8hJOH492jzk3PgrYdPltDWHPv18N2NLoGctre41iVyVw9UDdlqbXFujqQ8E+26m7lmDbFoj6zaRx58Cmx72FuzvnfhvS8z63umkTQ+5aWF4Zh1ufSJpm2WFsc1gn9TBNCeBfAUmDuH45kKvQJ3332n57+q7YLgK460A2oJsAMoEsBGj2FFBVQBuPVaLo4LWT9iml3wZVvtveQ0ipr+bS4grO7yAgpV/E5O8BXJqrvRuk9c1mLhvOB5AqQL+BkYovZ04qoqRDLZp72hdnAjcBpRIcGBtIHDTW4AfJvAfla2/8commlwA/XzU5t4iQr4JdYvtVL18Ov2tw9yltkp72L7Vx3wOwiPMBVPScb0xaOEQCBI44FBw4IgECRyRA4IgECByRAIEjEmDcmLPHKnM+gAuSv8qn6L2O/u5Jo3vuEsdg94yVvT4fQILkMfcZJSw8dqseC0zt6Lq4Sl4enjiXv7oNbIsvaZ8SqoEgNVvu3X7rg43q0sh2b//2HWgGJI+dK3ZiDaeetXk7pcWj5CX1L+mxgL8HsE06kP1V1aWhzaSFrOW4p03Z9zAg+Pr6kgZnuXS59N0rm2cS5vsCqips+gZu8xKSNIhbSP2WQLsXb7ffQkIyo6uH8Ncs7RFwzKh6ANVR2CZrrjcJuJ2tXa+OidKD8D2E/smFGE8r5lLQe48ZMb9+CTgoM8V14FkHn0334nEgzgfw8fa7t4eQUc0F4KdUyFVfXYTsu4sUIZOGUjVE2wk1EwHvDSRrB+7jLLXdBI7D2eo3a7HtjabPTSQAB0Fnxrg+iO5gHTPTNR8XIgECRxwKDhyRAIEjEiBwRAIEjkiAwDF7BEhny1u26DAJ4OfLllw25CW1hUhxeCxP4tPeB2Fm0Gy7eJ/tpBOsdMjPIQqSpGK4tlvWV1igN4B3gU4AeZRaHu0uWnWKQ5YCVA6U8mv3sq5/pQxxaIlffGu3qbra+/i9an7BURFA3+69jsofbtsyPUGSm/8DNi25a8+6/g+wIqydLVLn09dnFJha/LaPCA7FULDf6nYJxVwbm/nNuThmL+L6LZ2tS8xw5vYR0lvOg4I6JSxB3Uwm7FMZ/CZE2CeVmQSyTcngc+jaPkEn+IK9Ar4LqhdGqFVm32DE/dYL39dK2OQZBah2H1E4gvld+fX8+Lw2IgIAtz+A38r1ul/evUONJM1uHuUQurbE61wB9w5CgcL/hRH6rNjq+7hhv4voBv/tI4LCrM0HmJT5IyyYNQJEHDNmzxcQcayIBAgckQCBIxIgcCwSAfqlJ6A/Ef0nsZQfzd63OtPICDDMK24Xw9aaXnZ4+l0g3NBmCzQ1Yh975fc9Nna/Ez1O4ld4FEc4wqP4FUuBvjP3a7l0zZKGXe6KCTxnHHIKxtwOoqs0oAENSUUVtjo/JFgOKj+3tbhqCF57doyor8lHmrRPJvqN5HoOudytGfHXDPkSrRPREi0R0TotCTXAp1GHVEP+EjXEtncZyxAFk+8BAO5YJnPcxpdxD0CK2+W5O7hgZeMXLCOKy+W3o5rsJr4htL89ZBtLZNgHYU9LYQ9bSg8AbBlyN95Xcpfl0Ix/H8t4EEAf942wej6BLUbim5suL5+XsYb3y++lpoIA9/NPdRqGmuV7AH6EI3G2z1L+ecMa4qNC7Ct4D9uC/JLmSr6kUDHD2woFtvC2ISWoizP5FYYfxS/K759g8/AgPoEEp4RcXhRkpkeSl/MvoE4YLc0IXpj/D/DP6unqWnboUPAjHNXC6FnICLAiaLO1G8DVAwBvlRQgXMJbTIiCAnXzZ0iNz3rufl3M6Qb+G38I4B+xwcZ/GygpxOdgK++p9N7qOFCY/4+wrFPA936WM3+9AgG5o8razk9ZmasHKCgAi/mRpw7rTd5549PEEn6efzvLSB/Eu9jAfQAbeBcP4f8MuTkLqe0yU3dH7wrxOfxN7Vxm/i/gQQD/AADFBdz/MbBufrOAp3AKp7CMU9ZO8gE8gAcAcC3spsP8QA9v4RIu4S3LdM4+DjDEEAct7/OX8Vv5sVzLXw9nQPgFNrCBEyCcEaeUblmMf075s2EJLrhCfIs5l5H+Bj6G7wAALuBOJmj/RFsv4rIzzg+FkK4eoIcDIG/7B0z19zU5R4HfMD7NKspayQayOyK9n3gY9wH8pPx9HxvCjKIuHfxRxxD8hNmf5OXL7s9K86N8DEwdj1HuR5iXNfnL1scV+2PMjQk+BhYPSdWnLRd95hGQe4hzPeg1fQwGjayl9wmhlpDXXzwEDtSzs+MO7gP4HeX3e5YbqcmCAJxXWvr4tWeYztSUNbyvtX7E+QDBY5F8AREtEAkQOCIBAkckQOCIBFgsvIJXmkXQCZCC4FqYbQeVjoyujxZ9cB71LeXxte5vGxqPvUNDvm3IuUEn1Vu+NgE5APylo34GGLSut9P4Cr6C045QI4wwKn8pdZISUZ/6RJTWBhF2aSkfRrhG6zRkh0Fu5AMR23TDkMuebPPos+G3FE82EdEWOxBSHPX47oGcLMw6rdP6hORFmGxQx5QMqBiQS83hmtw6RNuEvHQpo/suERHdFWu3GEwa0TkCQU+gn4+h1dUT9RqNg3FyENGf5X9XrRXUp2wCSt+iH5YUXAYmAv07ge4R6N+InzJBtJ5L1gU5RPlpWqLTFnlR/SMaNa7BAtusfLsWe5tNf0hEI0qrkUTVHVw4Kfew1WqjFnWuAO85fAL7+DF+gJ/jPYtPsI89XMIbVpduF/wTfhffwwa+hyfwL9ZQ2Vj6hijXxyx1/LLmJ6wwwk0AyP/X6+9Q+8WDn21x1uMMAHwJwEp+eUzxAcoe4IYxmt6nG417ALWDs/UAV4noL4joFbaF9InY1j+uHuBvCfRdAn2Llpj0H3X0AIUcotzeA4y03JmXgIGS6wyDRuX7qib7KlOD5+hcPXUziX5OhHr1j4MAn6HfpM/R+fyvifn1WXE2AqRElFKaXy9N+XeI6Nv539/V5EX5bNfwSv64Q87Hr6692XG+IQFMd10q1JDsatLOmwrUT122RENCyaEBE0ImQN1f18T8ZvFkAvDys/Rdeph26WH6e/q0IV+t5W5trPLK/LAeuolTUW6T3s1vBE35iIpr/25bAsBxUJ6N1DM8b+C+Vb5lVDD3FJCWRecJYidghsccuesih8P8Pi73ggIpI3uKPsxv/LbpQ3qKIcBVGtXj+ibvNqh+H8rfg0qTlmXzmxTYqkld07plORFRz2GcLvKR0/yux8CKAqkl9nPl9+dqsa09kK87eB3v+gWM6IgBoHvsx4QRAOCWeTrOBwgc0RcQOCIBAkckQOCIBAgc4REgcxsPGMmgfDZ61EOPbTfFOburVgmwXlbAemt9NLUqSEHYyb/vwDar4Vq+qHS3RoHfxy4u4zI+hU/hh/h0LWZWO1fzX9mepeq+55v4LAhP4AkQPovNWnx5+4ph7cF+6JC7QgxraRgjQObZdSLapSEN6ZAqpwc34CENZpAzRPtjlOdrnR1UybBDoB1rLorhkHPsUNep8vgYOxa6Q8M8B5meAZO+fRyv8FKklmEw+UwVO7XoycYa+7k3B0z51BjrxXc1QDZKvENEh1YjTpMAxVgWn0Zh9uqzruGaONZ5gj5CCSX0ETrBGmRIIKJB6dPncicTQPWHmCuXMm9Iv6zjOgGgzaKoEyDTul2OyXIEOEOr+cEQYJhX4w4748dFAHJWgdu4cvx1Rcb1UDuKnDN/KuonSspjjUn9eh5rlx9SpWz3kOLgCWBPn8oZV7wGKn2cQwKdYwkAhQB8n7JOm7RZ+isZAuzkVcdP+XIxXA7RTMoTyOVTk1p/NeMpw8CQf5uI1vKD6DqjYVC6bLn0iU53IsBD+dmHyv9m7KL/GhLROUsPYK+/PhGdoTO0Smdok4iuZefV9wV8gBQ38fn8FknecR9OubSbuFvKpbBe7mOSrdE38U38cfn9+/g9TZYqM56AK/UxcazjS8qvl/EzIfWslszyrwD4EADwS2aDGcKKNs/KfMHFI9p5ws8MuT5f6Ca+bMzayrbwzybL7jHb+RMeB/BfAID/VGpX62APaUhD2qXZvAksWh+fxjfL1p/hrhG3n7f71Kp/s2w759jUd+gqUd4Odxh59vmQ5UbPnGhjtt/H6DHjv9x/NL8HGFKfNmmTNolos34JUK+xNvPP/lPAXSrmxnLVM3CksEPbtM1Op0IeO6MQRwESfpln12ohhrUOfGjEPFc7mt0DEA3Lw0IA31Y4LQLIR6q0+rtkes2z1uFTOlv+s57lkFIqbieTWtzP02eoJ9QSEZT7DF22lD8FZP/NbejqBDEpMhSlaum0MkZ3sIqH8BKAF/E/rHSEFdzM32aQ4n/xa9qbDVz3SIC+meUk5j23QCRA4AjPFxChIRIgcEQCBA6TAEPrfuEXcau8obwlbokaMU/QHhRuExHRbeYB5ou1h5AvTuVhLx5jPtQfz5TGfcYIdlF7eixwkVG4R0R71uR+6jkgA48Qx3/sKfTfm3puJkCA21T4nMw+4DWWAK8xCuWBoNowhNX8HEncy6tcIVxyor1yuGiPlfvlf46O6uszmoH1PsCGpgQAgV24WTd/vZ9Q19byBnSFGBHR07RET1s1+JVuQQmQXf8Lr7PeB+gFl6phm2zLwlTz7zKSQfnJXyZcxkFu+DQnAid/Ov/2tKBhT0hjgQkwIBOqAfwJwHfeuqZ7jEeuiGczvy8BUrL3MVSOsNf99RXsBOgT0R7t0R75+BXm5DArwPzelACuozBS3fyZ2W3mn4UeYIFvAqv2nyp+58oMX2cJ8HVGoasHsB1qD8THn/49gJuCc3hwRasX8ilW+hSj0FU5dqnU+nUDj1qH6PoUkIWZutHGT4A91sBqFTxfkz5vNeNASFCiR9ve43iPBSOAvzv4SQzx5/n3r+EN/Ou0xzCnhLbvAppRxPkAgSN6AwNHJEDgiAQIHJEAgSMSIHBEApgYgFpL5xAqAYjZNkEHYVyvhJgWbgjvNgeAAXZbS+cTxigd0a4wGqd6A0xJES+1ahjQbu4IGtCuoAGEfHmTLt/WNLVx1w4cg80Dj9hFDdi1zNXBV5/NhBIB1Hj1ah6UcQb5CntZg50Atvg+BJCksqOnLl2QIWFbIflpHS4CZCasfutSEErjuTTYCGCP7yZAUxPbpfwGDHN58DeBd3AB32hxPbmDC7iAbJ3cBWXMPFHOXhB3wi002OCKfzxYJG9AjeWLfA/gOgK8B1CdQYQ7eElsX5Szv/icL6hPLrbcZ/f57aRziegNNDHArmBiWTqHiAQIHHEkMHBEAgSOSIDAEQkQOCIBAodJAFJeLB4RACoCpPlWqWdx1rLXfjZ0dM0ijZhLFARIcVhuDvMIDlkjb+ACvoYXcejxQglzeGHbGIHcPmZ5hA15je0Q0V8RiOhFyvbFtY0ep+JewtWovOt3/1jl8bAchVGJ7hEI9CINCHSPbG+n3qFzlDllU6tSfqfapXw79dP5n7nT7WmSNlwv5CTKl8q/pdYOocCOkwCA8wDeBAC8BAB4Exs4X9vKdAObuIkreASXcIgruN6oq/mk0ukkqI9Afzz/S8Avvzqd/30S/ObyHwewkstXFmu8fpLIfAEpDnFfedHRPWxgRdsJt0CKQ9zBBezgClvJlO9UX9+t/re13/9h7JU7aXmEDXlXsEvVoukR8Zu4ZL7w7H0VtpfK2ObL6O8Wr883mrQ8Hpaj8AZm78O4jzfxLDbAv5Gjmg1wAWDcomrrX7A1tIuLyh28jmv5g+AbuBZfFh8K4nyAwBF9AYEjEiBwRAIEjkiAwFERwPU+gK7yJ3G9lF/Hk8cun3T5pi1vi1yn630AXeWubeYmLZ90+aYtb31kHxeJQ/U+gK5y10aTk5ZPunzTlnc4skvA5bJDSJQRvMvMNxWm/IU8boIXDPmzin4wZ5/l1FvkSYv4l9n4XPlc5Vfz3zz+20iUELb4klzNBW+VhsgGgqrRoKT2S5dzGSnkCYDnAbyunRmffp/4bv1qiKbxE/ALzKjBb1K01OV/AgD4a2v9FWc38Q7GskhNJYD+Lup6Blxy4AW8DuB5vCZWsK2C3PoTVpuvAdz6ZQJ0r5+kPN9O/jjeUcw/FgKc7K5CwYfK/+YgZ48gQ12O3kZDony2iU8ecV1usj8VZI/jnmb+sWDcl4ARgFtofwno3sXb81fX0K4Ll/T79SCuHsqW/uO4p5l/DD1AdhP4Kit7lfkmyZ8HcBM382+q/HUlFjFnX1ekLjlEOVi5nn+qnX1Vk7jkbeunKB+1lr+jmZ9PtSmCeAyb9mPopOWdxwEWfyBm2gNRk5Z3JgDoSbpeKr9OT9aCdpVfpFul/BYziDFp+aTLN215yyNOCAkc0RsYOCIBAkckQOCIBAgckQCBIxIgcKjOoLrTUcesyyNaQPcGLpffjtjQXeURM4f6JaCb6Y6cGrq13KSzhggNJgFcBjzCkShfxpHSD9ThMqA6JYoDtfT1R1hgEmAZEA24jGVRfoRlkSAEecJE7qGwIq47HjPql4DlFlr02LKGbu3XRaCIhtDfF6BJamFnXR7RAtEbGDjiQFDgiAQIHJEAgSMSIHBEAgSOSIDAMb8E6MUBoXFAJ0D3cTZCH4T+xPPdwz5WJ55KANAJsJr/TRuu1p2Z/2Da2VwE6ATYz/+mC1frjuYfI3x7AEKv9tcMzKokFpl57TQszB/vAcYCfUbQPhLss26WhPlrhi2vUIX5V0X5QbwHGBd0Akg9wGppmuKvWSe8VztTJ1FP0c9RTDd/vAiMAbPUA0TzTwG+PUB3uN/f0cz8PUu4iEbw7QGOA1Lvwpk/3gOMAfqEkB4O0JvJzpXyTt/8jOiIOCMocMyvLyBiLPh/gj9Qphd3t8gAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMDFUMDU6MzM6MTAtMDg6MDApYMCSAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTAxVDA1OjMzOjEwLTA4OjAwWD14LgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=');background-position: -33px 0;margin-top: 0;top: 0;font-weight: normal;}.ui-datepicker .ui-datepicker-prev span {background-position: -96px 0;}.ui-datepicker th {padding: 0.75em 0;color: #fff;font-weight: normal;border: none;border-top: 1px solid #555;}.ui-datepicker td {background: #ffffff;border: none;padding: 0;}.ui-datepicker td .ui-state-default {background: transparent;border: none;text-align: center;padding: .5em;margin: 0;font-weight: normal;color: #333;}.ui-datepicker td .ui-state-active,.ui-datepicker td .ui-state-hover {background: #696969;color: #fff;}.ui-datepicker td.ui-state-disabled,.ui-datepicker td.ui-state-disabled .ui-state-default {opacity: 1;color: #999;}.ui-datepicker-today a {box-shadow: inset 0 0 13px rgba(105, 105, 105, 0.5);}.incms-form .inputneeded {color: #f00;}.incms-form input[type="date"] {display: flex;}.myform .datefield input[type="date"]:before {content: attr(placeholder);white-space: nowrap;width: 0;opacity: 1;}.myform .datefield input[type="date"]:before,::placeholder {color: #a9a9a9;}.myform .datefield input[type="date"].focusin:before,.myform .datefield.error input[type="date"].focusin:before,.myform .datefield input[type="date"].focusout:before {opacity: 0;}.myform .datefield.error input[type="date"]:before {opacity: 1;}.incms-form input[type="date"]::-webkit-clear-button,.incms-form input[type="date"]::-webkit-inner-spin-button,.incms-form input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
@media print {body {font-size: 10pt;padding: 0 5px;}body *{color: #333 !important;}nav,.ym-searchform {display:none;}.footer,ul.pager,.socialicons,.button.archive,.button.rssfeed,#news_add_comment,.back { display: none; }.ym-col1,.ym-col2,.ym-col3 { margin-bottom: 0px !important; }.header { margin-bottom: 20px; }.ym-cbox { clear: both; }.image_description { text-align: left; }.clickme,.clickme input,.button,.button a { border: none !important; background: none !important; }.gallery img.empty { display: none; }.gallery img.origimg { display: inline !important; margin: 10px 10px 10px 0 !important; width: 100%}.gallery * { display: inline !important; margin: 0 !important; float: left; }.gallery div.bordered.flexible {display: none!important;}.embed-container {position: relative;padding-bottom: 0;padding-top: 0;height: 0;overflow: hidden;}.incms-button {display: inline-block;}iframe{display: none !important;}h1,h2,h3,h4,h5,h6 {page-break-after:avoid;}}
.image_description { text-align: center; margin: 4px 0 0; font-size: 90%; color: #666; line-height: 1.5em; }.image a:hover { background: transparent; }.image.no-border,.image.border { line-height: 0; }.image.no-border { overflow: hidden; }.image a { line-height: 0 !important; }
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../../incms_core/5.2607.1/incms_scripts/datepicker/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
@charset "UTF-8";@font-face {font-family: 'fontawesome';font-style: normal;font-weight: 400;src: local('fontawesome'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/FontAwesome.woff') format('woff'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/FontAwesome.ttf') format('truetype');}@font-face {font-family: 'inter-v20-_-100';font-style: normal;font-weight: 100;src: local('inter-v20-_-100'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-100.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-100.woff') format('woff');}@font-face {font-family: 'inter-v20-_-200';font-style: normal;font-weight: 400;src: local('inter-v20-_-200'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-200.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-200.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: normal;font-weight: 300;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-300.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-300.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: italic;font-weight: 300;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-300italic.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-300italic.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: normal;font-weight: 600;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-600.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-600.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: italic;font-weight: 600;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-600italic.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-600italic.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: normal;font-weight: 700;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-700.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-700.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: italic;font-weight: 700;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-700italic.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-700italic.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: normal;font-weight: 800;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-800.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-800.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: italic;font-weight: 800;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-800italic.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-800italic.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: italic;font-weight: 400;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-italic.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-italic.woff') format('woff');}@font-face {font-family: 'inter-v20';font-style: normal;font-weight: 400;src: local('inter-v20'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-regular.woff2') format('woff2'),url('https://www.hundewohnmobile.de/incms_files/filebrowser/inter-v20-latin_latin-ext-regular.woff') format('woff');}:root{--responsive-size: 768px}@media screen and ( max-width: 768px) {.ym-wbox {padding: 0;}footer,#main,.ym-searchform,nav .ym-hlist ul {padding-left: 10px;padding-right: 10px;}.linearize-level-2,.linearize-level-2 > [class*="ym-g"],.linearize-level-2 > [class*="ym-col"] {float: none;padding: 0;margin: 0;width: 100% !important;display:block;box-sizing: border-box; }.linearize-level-2 > [class*="ym-g"][style*="padding-right"]{padding-right:0!important;}.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {padding: 0;margin: 0;}.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"]:before,.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"]:after,.linearize-level-2 > [class*="ym-col"] > [class*="ym-gbox"]:before,.linearize-level-2 > [class*="ym-col"] > [class*="ym-gbox"]:after{content: '';display: table;clear: both;}.ym-searchform,nav .ym-hlist ul,nav .ym-hlist li {display:block;float: none;width: auto;text-align: left;}#nav {background: none !important;}.ym-hlist ul li {margin: 0 0 5px;text-align: center;}.ym-searchform input[type="search"] {width: 75%;}.ym-hlist #topmenu { width: auto !important; }#menulangtop { display: none; }#menulangbottom { display: block; }#menulangbottom ul {text-align: center;list-style-type: none;margin: 0;padding: 8px 0 6px 0;clear: both;}#menulangbottom ul li {list-style-type: none;margin: 0;padding: 0 8px;display: inline;border-right: 1px solid #555;}#menulangbottom ul li.last {padding: 0 0 0 8px;border-right: 0px;}#menulangbottom ul li.active {font-weight: bold;}#menulangbottom li.flag a {padding-left: 16px;background-repeat: no-repeat;}#menulangbottom li.flag_text a {padding-left: 20px;background-repeat: no-repeat;}}@media screen, projection{.border-menu {position: relative;display: inline;}.arrow-left {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-right:0.5em solid #081d27;}.arrow-right {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-left: 0.5em solid #081d27;}li a:hover .arrow-left {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-right:0.5em solid #039dd8;}li a:hover .arrow-right {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-left: 0.5em solid #039dd8;}li.active a .arrow-left {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-right:0.5em solid #039dd8;}li.active a .arrow-right {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-left: 0.5em solid #039dd8;}li.active a:hover .arrow-left {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-right:0.5em solid #EF9A01;}li.active a:hover .arrow-right {width: 0;height: 0;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-left: 0.5em solid #EF9A01;}li li .arrow-left,li.active li .arrow-left {border-right:0.5em solid #888888;}li li .arrow-right {border-left: 0.5em solid #888888;}li li a:hover .arrow-left {border-right:0.5em solid #DDDDDD;}li li a:hover .arrow-right {border-left: 0.5em solid #DDDDDD;}li li.active a .arrow-left {border-right:0.5em solid #FFFFFF;}li li.active a .arrow-right {border-left: 0.5em solid #FFFFFF;}li li.active a:hover .arrow-left {border-right:0.5em solid #FFFFFF;}li li.active a:hover .arrow-right {border-left: 0.5em solid #FFFFFF;}.border-menu:before {content: "";position: absolute;top: 0.125em;left: 0;width: 1em;height: 0.125em;background-color: #081d27;box-shadow: 0 0.25em #081d27, 0 0.5em #081d27;}body {background-color: rgba(255,255,255,0);background-position: center center;background-repeat: repeat;background-attachment: scroll;}.header {text-align: left;} #main {text-align: left;background-color: transparent;padding:0px 10px 0px;} .ym-wbox {border-width: 0px;border-color: #FFFFFF;}.footerbottom {text-align: left;}.wide .ym-wrapper {max-width: 1098px;}.narrow .ym-wrapper {max-width: 727px;}.ym-wbox {border-left: 0;border-right: 0;border-bottom: 0;}.ym-wrapper {min-width: 0px;max-width: 100% !important;margin: 0 auto;top: 0 !important; }.header_wrap {max-width: 1080px;margin: 0 auto;float: none;}.narrow .header_wrap {max-width: 727px;}.ym-hlist {max-width: 1120px;margin: 0 auto;}#main {padding-left: 10px;padding-right: 10px;}.ym-column {max-width: 1078px;margin: 0 auto;}.narrow .ym-column {max-width: 707px;}.footer {padding-left: 20px;padding-right: 20px;margin-left: 0;margin-right: 0;}.footer_wrap {max-width: 1058px;margin: 0 auto;}.narrow .footer_wrap {max-width: 687px;}.footerbottom {max-width: 1058px !important;margin: 0 auto;padding-left: 20px;padding-right: 20px;}.footerbottom > div:empty {display: none;}.narrow .footerbottom {max-width: 687px !important;}.ym-wrapper.footerbottom .footerbottom_content {padding-left: 0;padding-right: 0;}.header_wrap {max-width: 1098px;}#pane_0_BANNER,#pane_0_MAIN,#pane_0_FOOTER,#pane_0_FOOTERBOTTOM,#pane_0_BANNERLP {margin: 0 auto;}#pane_0_BANNER .headercontainer,#pane_0_MAIN .headercontainer,#pane_0_FOOTER .headercontainer,#pane_0_FOOTERBOTTOM .headercontainer,#pane_0_BANNERLP .headercontainer,#pane_0_BANNER .contentcontainer,#pane_0_MAIN .contentcontainer,#pane_0_FOOTER .contentcontainer,#pane_0_FOOTERBOTTOM .contentcontainer,#pane_0_BANNERLP .contentcontainer { padding: 0; margin: 0;}body:not(.twocols):not(.threecols) .ym-column{max-width: 100% !important;padding: 0;margin: 0;}body:not(.twocols):not(.threecols) #main {padding-left: 0;padding-right: 0;}body:not(.twocols):not(.threecols) .ym-cbox {padding: 0;}.header_wrap,.footer_wrap{max-width: 100% !important;}.footerbottom.ym-wrapper{max-width: 100% !important;padding: 0;margin: 0;}.headercontainer {max-width: 1098px;margin: 0 auto;padding: 0 20px;}body.narrow .headercontainer {max-width: 727px;}.contentcontainer {max-width: 1058px;margin: 0 auto;padding: 0 20px;}body.narrow .contentcontainer {max-width: 687px;} h1 {font-family: "inter-v20";font-size: 300%;line-height: 1.2em;margin-bottom: 0.3em;color: #081d27;text-decoration: none;font-weight: 600;font-style: normal;}h2 {font-family: "inter-v20";font-size: 200%;line-height: 1.2em;margin-bottom: 0.3em;color: #081d27;text-decoration: none;font-weight: 600;font-style: normal;}h3 {font-family: "inter-v20";font-size: 166%;line-height: 1.5em;margin-bottom: 0.3em;color: #081d27;text-decoration: none;font-weight: 600;font-style: normal;}h4 {font-family: "inter-v20";font-size: 136%;line-height: 1.5em;margin-bottom: 0.3em;color: #081d27;text-decoration: none;font-weight: 700;font-style: normal;}p,ul,ol {font-family: "inter-v20";margin-bottom: 0.75em;color: #555555;text-decoration: none;font-weight: initial;font-style: normal;}p {font-size: 100%;line-height: 1.5em;}:root{--h1-ff: inter-v20;--h2-ff: inter-v20;--h3-ff: inter-v20;--h4-ff: inter-v20;--h5-ff: Arial, sans-serif;--h6-ff: Arial, sans-serif;--text-ff: "inter-v20";--text-fs: 100%;--text-lh: 1.5em;--text-fw: normal;}@media screen and ( max-width: 768px ) {:root{--text-fs: %;}}.incms-dpbanner {font-family: "inter-v20";font-size: 100%;line-height: 1.5em;text-decoration: none;}.incms-dpbanner .dp-title,.incms-dpbanner p{margin-bottom: 0.75em;color: #555555;}.incms-dpbanner .incms-dpbanner-inner {width: 100%;height: auto;padding: 24px;border-radius: var(--incms-radius-lg, 16px);box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);font-size: 16px;line-height: 1.5;}.incms-dpbanner button,button.showdataprotection {padding: 10px 16px !important;border-radius: var(--incms-radius-md, 12px) !important;margin: 16px 8px 0 0 !important;font-weight: 700 !important;line-height: 1.2 !important;box-shadow: none;}.incms-dpbanner .dp_accept,button.showdataprotection {color: var(--incms-primary-text, #fff) !important;border-color: var(--incms-primary, #2563eb) !important;background: var(--incms-primary, #2563eb) !important;box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);box-shadow: 0 12px 28px color-mix(in srgb, var(--incms-primary, #2563eb) 30%, transparent);}.incms-dpbanner button.dp_learnmore,.incms-dpbanner button.dp_reject,.incms-dpbanner .dp_accept_selected {color: var(--incms-primary, #2563eb) !important;border: 1px solid #d1d5db !important;border-color: #d1d5db !important;background: rgba(15, 23, 42, 0.035) !important;}.incms-dpbanner[data-theme=dark] button.dp_learnmore,.incms-dpbanner[data-theme=dark] button.dp_reject,.incms-dpbanner[data-theme=dark] .dp_accept_selected {color: #fff !important;border-color: rgba(255, 255, 255, 0.28) !important;background: rgba(255, 255, 255, 0.06) !important;}.incms-dpbanner[data-theme=dark] .incms-dpbanner-consents .desc {color: rgba(255, 255, 255, 0.82) !important;}.incms-dpbanner[data-buttoncolors=neutral] .dp_accept,.incms-dpbanner[data-buttoncolors=neutral] button.showdataprotection,.incms-dpbanner[data-buttoncolors=neutral] button.dp_learnmore,.incms-dpbanner[data-buttoncolors=neutral] button.dp_reject,.incms-dpbanner[data-buttoncolors=neutral] .dp_accept_selected {color: #fff !important;border-color: rgba(255, 255, 255, 0.28) !important;background: rgba(255, 255, 255, 0.06) !important;box-shadow: none !important;}.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.showdataprotection,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_learnmore,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_reject,.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept_selected {color: #1f2937 !important;border-color: #d1d5db !important;background: rgba(15, 23, 42, 0.035) !important;box-shadow: none !important;}#agenda-year,#agenda-months,#agenda-legend,#agenda-days{font-size: 100%;font-family: "inter-v20";}ul.sitemap,ul li,ol li {font-size: 100%;line-height: 1.5em;}ul ul > li,ol ol > li,ul > li > p,ol > li > p {font-size:100%;}.incms-form .incms-form-item-label{font-family: "inter-v20";font-size: 100%;line-height: 1.5em;color: #555555;font-weight: initial;font-style: normal;}.tooltip {color: #0D8065;} a {color: #0D8065;background-color: transparent;font-weight: inherit;text-decoration: underline;font-style: normal;}a:visited {color: #0D8065;}a:hover,a:focus {color: #0D8065;background-color: transparent;text-decoration: none;font-style: normal;}.owl-nofullwidth.owl-carousel.incms-theme .owl-nav [class*='owl-'] i {color: #555555;}.owl-nofullwidth.owl-carousel.incms-theme .owl-dots .owl-dot span{background-color: #555555;}.owl-carousel.incms-theme .owl-dots .owl-dot.active span,.owl-carousel.incms-theme .owl-dots .owl-dot:hover span {background: #0D8065;}.owl-carousel.incms-theme .owl-nav [class*='owl-']:hover i {color: #0D8065;} .header_wrap {background-position: center center;background-repeat: repeat;background-attachment: scroll;}.header { background-color: rgba(255,255,255,0); } .footer .smart-box.fullwidth .smart-box-container{max-width: 1078px;}.view-edit .footer .smart-box.fullwidth .smart-box-container {max-width: 1034px;}.narrow.view-edit .footer .smart-box.fullwidth .smart-box-container {max-width: 663px;}.footer {background-color: #F7F7F7;}#incmsicon a {background-position: left 0px;display: none;}#incmsicon a:hover {background-position: left -20px;} .footerbottom { display: none; }#nav {background: transparent;}.ym-hlist {border-style: solid;border-top-width: 0px;border-top-color: #FFFFFF;border-right-width: 0px;border-right-color: #FFFFFF;border-bottom-width: 0px;border-bottom-color: #FFFFFF;border-left-width: 0px;border-left-color: #FFFFFF;}#topmenu {padding: 0 0px 0 0px;}#topmenu .dropdown, #topmenu .mobiledropdown dropdown_sub { display: none; }#topmenu .dropdown .dropdown_sub { display: none; font-size: 100%; }.ym-hlist ul li {margin-top: 0px;margin-right: 8px;margin-bottom: 0px;}#nav-trigger span{font-weight: initial;font-style: normal;font-family: "inter-v20";font-size: 100%;color: #081d27;background: transparent;text-decoration: none;}.ym-hlist ul li a,#nav-trigger span {font-weight: initial;font-style: normal;font-family: "inter-v20";font-size: 100%;color: #081d27;background: transparent;text-decoration: none;border-top-width: 0px;border-top-color: #FFFFFF;border-right-width: 0px;border-right-color: #FFFFFF;border-bottom-width: 0px;border-bottom-color: #FFFFFF;border-left-width: 0px;border-left-color: #FFFFFF;border-style: solid;line-height: 1em;border-radius: 0em 0em 0em 0em;-webkit-border-radius: 0em 0em 0em 0em;-moz-border-radius: 0em 0em 0em 0em;padding: 8px 8px 8px 8px;text-shadow: 0px 0px 0px rgba(255,255,255,0);;} .ym-hlist ul li:focus,.ym-hlist ul li:hover,.ym-hlist ul li:active {margin-top: 0px;margin-right: 8px;margin-bottom: 0px;}.ym-hlist ul li a:focus,.ym-hlist ul li a:hover,.ym-hlist ul li a:active {color: #039dd8;background: transparent;text-decoration: none;font-style: normal;border-top-width: 0px;border-top-color: #FFFFFF;border-right-width: 0px;border-right-color: #FFFFFF;border-bottom-width: 0px;border-bottom-color: #FFFFFF;border-left-width: 0px;border-left-color: #FFFFFF;border-style: solid;line-height: 1em;border-radius: 0em 0em 0em 0em;-webkit-border-radius: 0em 0em 0em 0em;-moz-border-radius: 0em 0em 0em 0em;padding: 8px 8px 8px 8px;text-shadow: 0px 0px 0px rgba(255,255,255,0);;} .ym-hlist ul li.active {background: transparent;margin-top: 0px;margin-right: 8px;margin-bottom: 0px;} .ym-hlist ul li.active a {background: transparent;color: #039dd8;text-decoration: none;font-style: normal;border-top-width: 0px;border-top-color: #FFFFFF;border-right-width: 0px;border-right-color: #FFFFFF;border-bottom-width: 0px;border-bottom-color: #FFFFFF;border-left-width: 0px;border-left-color: #FFFFFF;border-style: solid;line-height: 1em;border-radius: 0em 0em 0em 0em;-webkit-border-radius: 0em 0em 0em 0em;-moz-border-radius: 0em 0em 0em 0em;padding: 8px 8px 8px 8px;text-shadow: 0px 0px 0px rgba(255,255,255,0);;}.ym-hlist ul li.active:focus,.ym-hlist ul li.active:hover,.ym-hlist ul li.active:active {margin-top: 0px;margin-right: 8px;margin-bottom: 0px;background: transparent;}.ym-hlist ul li.active:focus a,.ym-hlist ul li.active:hover a,.ym-hlist ul li.active:active a,.ym-hlist ul li.active a:focus,.ym-hlist ul li.active a:hover,.ym-hlist ul li.active a:active {color: #EF9A01;background: transparent;text-decoration: none;font-style: normal;border-top-width: 0px;border-top-color: #FFFFFF;border-right-width: 0px;border-right-color: #FFFFFF;border-bottom-width: 0px;border-bottom-color: #FFFFFF;border-left-width: 0px;border-left-color: #FFFFFF;border-style: solid;line-height: 1em;border-radius: 0em 0em 0em 0em;-webkit-border-radius: 0em 0em 0em 0em;-moz-border-radius: 0em 0em 0em 0em;padding: 8px 8px 8px 8px;text-shadow: 0px 0px 0px rgba(255,255,255,0);;} #topmenu li:hover .dropdown {display: block;position: absolute;}#topmenu li .dropdown li:hover .dropdown_sub {display: block;position: absolute;float: none;left: 100%;margin: 0px;padding: 0px;top: 0px;}#topmenu .dropdown li .dropdown_sub a {background-color: #d4d4d4;color: #484848;width: auto;min-width: 70%;}#topmenu .dropdown li.first.hassub {}#topmenu .mobiledropdown .dropdown_sub {display: none;padding: 0px;}#topmenu li .dropdown li,#topmenu li:hover .dropdown li{list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);float:left;min-width:100%;}#topmenu li .dropdown li a,#topmenu .dropdown li .dropdown_sub a{display:inline-block;min-width:100%;box-sizing:border-box;}#topmenu .dropdown li .dropdown_sub a,#topmenu .mobiledropdown li .dropdown_sub a {font-family: "inter-v20";font-weight: initial;font-style: normal;;font-size: 100%;color: #888888;background: #EEEEEE;}.ym-hlist {overflow: visible;}#main {clear: both;}.ym-hlist ul li {position: relative;}#topmenu li a span {display: none;}.ie7 #main { position: static !important; } #topmenu .dropdown {z-index: 101;position: absolute;padding: 8px 0 0 0;}#topmenu .dropdown li {float: none;display: block;margin: 0;border-top: 0;border-bottom: 0;border-radius: 0 !important;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-right: 0px solid #EEEEEE;border-left: 0px solid #EEEEEE;background-color: #EEEEEE;}#topmenu .dropdown li.first,#topmenu .dropdown li.first.last {border-top: 0px solid #EEEEEE;}#topmenu .dropdown li.last {border-bottom: 0px solid #EEEEEE;}#topmenu .dropdown li.first,#topmenu .dropdown li.first a {border-radius: 0.2em 0.2em 0 0 !important;-webkit-border-radius: 0.2em 0.2em 0 0 !important;-moz-border-radius: 0.2em 0.2em 0 0 !important;}#topmenu .dropdown li.last,#topmenu .dropdown li.last a {border-radius: 0 0 0.2em 0.2em !important;-webkit-border-radius: 0 0 0.2em 0.2em !important;-moz-border-radius: 0 0 0.2em 0.2em !important;}#topmenu .dropdown li.first.last,#topmenu .dropdown li.first.last a {border-radius: 0.2em 0.2em 0.2em 0.2em !important;-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em !important;-moz-border-radius: 0.2em 0.2em 0.2em 0.2em !important;}#topmenu .dropdown li.first a,#topmenu .dropdown li.first.last a {border-top: 0;}#topmenu .dropdown li a,#topmenu .mobiledropdown li a {border-top: 1px solid #DDDDDD;border-left: 0;border-right: 0;border-bottom: 0;border-radius: 0;font-family: "inter-v20";font-weight: initial;font-style: normal;;font-size: 100%;color: #888888;background: #EEEEEE;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;width: 250px;text-decoration: none;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#topmenu .mobiledropdown li a {border-radius:0.2em 0.2em 0.2em 0.2em;-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;}#topmenu li .dropdown li:hover .dropdown_sub {width: 180px;}#topmenu .dropdown li a:hover,#topmenu .mobiledropdown li a:hover {color: #DDDDDD;background: #888888;font-style: normal;text-decoration: none;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#topmenu .dropdown li a.active,#topmenu .mobiledropdown li a:active {color: #FFFFFF;background: #888888;font-style: normal;text-decoration: none;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#topmenu .dropdown li a.active:hover,#topmenu .mobiledropdown li a.active:hover {color: #FFFFFF;background: #444444;font-style: normal;text-decoration: none;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}.ym-vlist{font-size: 100%;}.ym-vlist li{font-size:100%;}.ym-vlist ul {border-top: 1px solid #DDDDDD;}.ym-vlist{font-size: 100%;}.ym-vlist li{font-size: 100%}.ym-vlist a,.ym-vlist a:visited {font-weight: initial;font-style: normal;color: #444444;background: #EFEFEF;font-family: "inter-v20";text-decoration: none;border-bottom: 1px solid #DDDDDD;}.ym-vlist li a.active {color: #FFFFFF;background: #888888;text-decoration: none !important;font-style: normal !important;}.ym-vlist li a.active:hover {color: #FFFFFF;background: #444444;}.ym-vlist li a:focus,.ym-vlist li a:hover,.ym-vlist li a:active {color: #FFFFFF;background: #888888;text-decoration: none;font-style: normal;}.ym-vlist li ul li a,.ym-vlist li ul li a:visited {color: #333333;background: #F8F8F8;}.ym-vlist li ul li a:focus,.ym-vlist li ul li a:hover,.ym-vlist li ul li a:active {color: #FFFFFF;background: #888888;}.ym-vlist li ul li a.active {color: #FFFFFF;background: #888888;}.ym-vlist li ul li a.active:hover {color: #FFFFFF;background: #444444;}.ym-vlist li ul li ul li a,.ym-vlist li ul li ul li a:visited {color: #222222;background: #F0F0F0;}.ym-vlist li ul li ul li a:focus,.ym-vlist li ul li ul li a:hover,.ym-vlist li ul li ul li a:active {color: #FFFFFF;background: #888888;}.ym-vlist li ul li ul li a.active {color: #FFFFFF;background: #888888;}.ym-vlist li ul li ul li a.active:hover {color: #FFFFFF;background: #444444;}.ym-vlist li ul li ul li ul li a,.ym-vlist li ul li ul li ul li a:visited {color: #111111;background: #E8E8E8;}.ym-vlist li ul li ul li ul li a:focus,.ym-vlist li ul li ul li ul li a:hover,.ym-vlist li ul li ul li ul li a:active {color: #FFFFFF;background: #888888;}.ym-vlist li ul li ul li ul li a.active {color: #FFFFFF;background: #888888;}.ym-vlist li ul li ul li ul li a.active:hover {color: #FFFFFF;background: #444444;}.flexi .box {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}.flexi .box .icon { height: 24px; width: 24px; padding-right: 8px; float: left; }.flexi .box .title h1 { margin-top: 0; line-height: 1.8em; }.flexi .box .content { clear: both; }.flexi .box.gray { background: #EEEEEE !important; border-color: #CFCFCF !important; }.flexi .box.gray p,.flexi .box.gray h1,.flexi .box.gray h2,.flexi .box.gray h3 { color: #3B3B3B !important; }.flexi .box.blue { background: #D8ECF5 !important; border-color: #9AC9DF !important; }.flexi .box.blue p,.flexi .box.blue h1,.flexi .box.blue h2,.flexi .box.blue h3 { color: #114D6F !important; }.flexi .box.red { background: #F9E5E6 !important; border-color: #F7C7C9 !important; }.flexi .box.red p,.flexi .box.red h1,.flexi .box.red h2,.flexi .box.red h3 { color: #6D0113 !important; }.flexi .box.yellow { background: #FCf7D9 !important; border-color: #F5DC7D !important; }.flexi .box.yellow p,.flexi .box.yellow h1,.flexi .box.yellow h2,.flexi .box.yellow h3 { color: #695602 !important; }.incms-button,.btn-submit > div {max-width: 100%;text-align: center;width: 100%;display: inline-block;}.incms-button a,.incms-button button,.btn-submit a,.btn-submit button {display:block;width:100%;box-sizing:border-box;}.incms-button-button1 {margin-bottom: 0em;}.incms-button-button1 a,.incms-button-button1 button {font-family:"inter-v20";font-weight: 700;font-style: normal;font-size: 120%;color: #FFFFFF;text-decoration: none;text-shadow: 0px 0px 0px rgba(255,255,255,0);;padding: 12px 26px;background: #0D8065;background: -moz-linear-gradient(top,#0D8065 0%, #0D8065 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D8065), color-stop(100%,#0D8065)); background: -webkit-linear-gradient(top,#0D8065 0%,#0D8065 100%); background: -o-linear-gradient(top,#0D8065 0%,#0D8065 100%); background: -ms-linear-gradient(top,#0D8065 0%,#0D8065 100%); background: linear-gradient(to bottom,#0D8065 0%,#0D8065 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D8065', endColorstr='#0D8065' ); zoom: 1;border: 0px solid #FFFFFF;border-radius: 0.25em;-webkit-border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);;-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);;box-shadow: 0px 0px 0px rgba(0,0,0,0);;}.incms-button-button1:hover a,.incms-button-button1:hover button {color: #FFFFFF;text-decoration: none;font-style: normal;font-weight: bold;padding: 12px 26px;text-shadow: 0px 0px 0px rgba(0,0,0,0);;background: #0D8065;background: -moz-linear-gradient(top,#0D8065 0%, #0D8065 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D8065), color-stop(100%,#0D8065)); background: -webkit-linear-gradient(top,#0D8065 0%,#0D8065 100%); background: -o-linear-gradient(top,#0D8065 0%,#0D8065 100%); background: -ms-linear-gradient(top,#0D8065 0%,#0D8065 100%); background: linear-gradient(to bottom,#0D8065 0%,#0D8065 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D8065', endColorstr='#0D8065'); zoom: 1;border: 0px solid #0D8065;}.incms-button-button2 {margin-bottom: 0em;}.incms-button-button2 a,.incms-button-button2 button {font-family: "inter-v20";font-weight: 700;font-style: normal;font-size: 100%;color: #FFFFFF;text-decoration: none;text-shadow: 0px 0px 0px rgba(8,29,39,0);;padding: 12px 26px;background: #039DD8;background: -moz-linear-gradient(top,#039DD8 0%, #039DD8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#039DD8), color-stop(100%,#039DD8)); background: -webkit-linear-gradient(top,#039DD8 0%,#039DD8 100%); background: -o-linear-gradient(top,#039DD8 0%,#039DD8 100%); background: -ms-linear-gradient(top,#039DD8 0%,#039DD8 100%); background: linear-gradient(to bottom,#039DD8 0%,#039DD8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039DD8', endColorstr='#039DD8' ); zoom: 1;border: 2px solid #039DD8;border-radius: 10em;-webkit-border-radius: 10em;-moz-border-radius: 10em;-webkit-box-shadow: 0px 0px 0px rgba(8,29,39,0);;-moz-box-shadow: 0px 0px 0px rgba(8,29,39,0);;box-shadow: 0px 0px 0px rgba(8,29,39,0);;}.incms-button-button2:hover a,.incms-button-button2:hover button {color: #FFFFFF;text-decoration: none;font-style: normal;padding: 12px 26px;text-shadow: 0px 0px 0px rgba(8,29,39,0);;background: #081d27;background: -moz-linear-gradient(top,#081d27 0%, #081d27 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#081d27), color-stop(100%,#081d27)); background: -webkit-linear-gradient(top,#081d27 0%,#081d27 100%); background: -o-linear-gradient(top,#081d27 0%,#081d27 100%); background: -ms-linear-gradient(top,#081d27 0%,#081d27 100%); background: linear-gradient(to bottom,#081d27 0%,#081d27 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081d27', endColorstr='#081d27'); zoom: 1;border: 2px solid #081d27;}.incms-button-button3 {margin-bottom: 1em;}.incms-button-button3 a,.incms-button-button3 button{font-family: "inter-v20";font-weight: 700;font-style: italic;font-size: 140%;color: #0A1B57;text-decoration: none;text-shadow: 0px 1px 1px #FFFFFF;padding: 16px 10px;background: #FFF553;background: -moz-linear-gradient(top,#FFF553 0%, #FFB82E 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF553), color-stop(100%,#FFB82E)); background: -webkit-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -o-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -ms-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: linear-gradient(to bottom,#FFF553 0%,#FFB82E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF553', endColorstr='#FFB82E' ); zoom: 1;border: 1px solid #AAAAAA;border-radius: 0.3em;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em;-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;}.incms-button-button3:hover a,.incms-button-button3:hover button{color: #0A1B57;text-decoration: none;font-style: italic;font-weight: bold;padding: 13px 7px;text-shadow: 0px 1px 1px #FFFFFF;background: #FFF553;background: -moz-linear-gradient(top,#FFF553 0%, #FFB82E 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF553), color-stop(100%,#FFB82E)); background: -webkit-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -o-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -ms-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: linear-gradient(to bottom,#FFF553 0%,#FFB82E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF553', endColorstr='#FFB82E'); zoom: 1;border: 4px solid #F58B11;}.incms-form .incms-form-title{color: #555555}}@media screen and ( max-width: 1100px ) {.header,.header_wrap { background-image: none; }}@media screen and ( max-width: 768px) {.ym-hlist ul ul {padding-right: 0;padding-left: 0;}.ul.dropdown_sub {display: none;padding: 0px;}#topmenu .mobiledropdown li a {width: auto;}}@media screen and ( max-width: 768px ) {#topmenu {padding: 0.5em 10px;}#topmenu li a span {display: inline;}#topmenu li a .sub_next,#topmenu li a .span_after {float: right;}#topmenu li a .sub_prev,#topmenu li a .span_before {float: left;}#topmenu li a .span_before,#topmenu li a .span_after {visibility:hidden;padding: 8px 15px;margin-top: -8px;}#topmenu li a .sub_next,#topmenu li a .sub_prev {padding: 8px 15px;margin-top: -8px;}#topmenu li a .sub_next,#topmenu li a .span_after{margin-right: -8px;margin-left: -29px;}#topmenu li a .sub_prev,#topmenu li a .span_before{margin-left: -8px;margin-right: -25px;}#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {display: none;}.ym-hlist ul li a,.ym-hlist ul li .mobiledropdown a {border-radius: 0em;-webkit-border-radius: 0em;-moz-border-radius: 0em;}.ym-hlist ul li a:hover,.ym-hlist ul li .mobiledropdown a:hover {border-radius: 0em;-webkit-border-radius: 0em;-moz-border-radius: 0em;}.ym-hlist ul li.active a,.ym-hlist ul li .mobiledropdown li.active a {border-radius: 0em;-webkit-border-radius: 0em;-moz-border-radius: 0em;}.ym-hlist ul li.active a:hover,.ym-hlist ul li .mobiledropdown li.active a:hover {border-radius: 0em;-webkit-border-radius: 0em;-moz-border-radius: 0em;}.ym-hlist ul li,.ym-hlist ul li:focus,.ym-hlist ul li:hover,.ym-hlist ul li:active,.ym-hlist ul li.active,.ym-hlist ul li.active:focus,.ym-hlist ul li.active:hover,.ym-hlist ul li.active:active,.ym-hlist .mobiledropdown li,.ym-hlist .mobiledropdown li:focus,.ym-hlist .mobiledropdown li:hover,.ym-hlist .mobiledropdown li:active,.ym-hlist .mobiledropdown li.active,.ym-hlist .mobiledropdown li.active:focus,.ym-hlist .mobiledropdown li.active:hover,.ym-hlist .mobiledropdown li.active:active {margin: 4px 0;}.ym-hlist ul li a,.ym-hlist ul li a:focus,.ym-hlist ul li a:hover,.ym-hlist ul li a:active,.ym-hlist ul li a.active,.ym-hlist ul li a.active:focus,.ym-hlist ul li a.active:hover,.ym-hlist ul li a.active:active,.ym-hlist .mobiledropdown li a,.ym-hlist .mobiledropdown li a:focus,.ym-hlist .mobiledropdown li a:hover,.ym-hlist .mobiledropdown li a:active,.ym-hlist .mobiledropdown li a.active,.ym-hlist .mobiledropdown li a.active:focus,.ym-hlist .mobiledropdown li a.active:hover,.ym-hlist .mobiledropdown li a.active:active {margin: 0;padding: 8px;border: 0;}#nav {background: transparent;}.ym-hlist { border: 0px; }#topmenu .mobiledropdown {margin: 0;padding: 0;}#topmenu li.hassub:hover ul{position: static;}#topmenu li.hassub ul.dropdown li {padding-right: 15px;}#topmenu li.hassub ul.dropdown li a{width: 100%;}ul#topmenu li.active a.active+ul.dropdown {position: static;display: block;}#topmenu li.hassub ul.dropdown li.hassub ul.dropdown_sub{position: static;width: 80%;float: none;margin-top: 1px;margin-left: auto;margin-right: auto;}#topmenu li.hassub:hover ul.dropdown li.hassub ul.dropdown_sub,#topmenu li.hassub.active ul.dropdown li.hassub ul.dropdown_sub{position: static;width: 80%;float: none;margin-top: 1px;margin-left: auto;margin-right: auto;display: block;padding: 0px;}#topmenu li.hassub ul.mobiledropdown .dropdown_sub {display: none;}#topmenu li:focus .mobiledropdown a,#topmenu li:hover .mobiledropdown a,#topmenu li:active .mobiledropdown a,#topmenu li.active .mobiledropdown a,#topmenu li.active:focus .mobiledropdown a,#topmenu li.active:hover .mobiledropdown a,#topmenu li.active:active .mobiledropdown a {font-weight: initial;font-style: normal;font-family: "inter-v20";font-size: 100%;color: #888888;background: #EEEEEE;text-decoration: none;padding: 8px 8px 8px 8px;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#topmenu li .mobiledropdown a:focus,#topmenu li .mobiledropdown a:hover,#topmenu li .mobiledropdown a:active,#topmenu li.active .mobiledropdown a:focus,#topmenu li.active .mobiledropdown a:hover,#topmenu li.active .mobiledropdown a:active {color: #DDDDDD;background: #888888;text-decoration: none;font-style: normal;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#topmenu li .mobiledropdown a.active,#topmenu li.active .mobiledropdown a.active {font-weight: inherit;color: #FFFFFF;background: #888888;text-decoration: none;font-style: normal;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#topmenu li .mobiledropdown a.active:focus,#topmenu li.active .mobiledropdown a.active:focus,#topmenu li .mobiledropdown a.active:hover,#topmenu li.active .mobiledropdown a.active:hover,#topmenu li .mobiledropdown a.active:active,#topmenu li.active .mobiledropdown a.active:active {color: #FFFFFF;background: #444444;text-decoration: none;font-style: normal;text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;}#nav-trigger {padding: 0.5em 10px;}#topmenu { display: block !important; }#nav-trigger { display: none !important; }}@media screen and ( max-width: 768px ) {.view-normal .incms-mobile-hidden,.view-mobile .incms-mobile-hidden{display:none !important;}}@media screen and ( min-width: 769px ) {#topmenu .dropdown {text-align: left;}.view-normal .incms-desktop-hidden,.view-mobile .incms-desktop-hidden{display:none !important;}@supports (flex-wrap: wrap) {.ym-grid.equal-grid {display: table;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}.equal-grid > div {display: inline-block;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.equal-grid .ym-gbox, .equal-grid .ym-gbox .equal, .equal-grid .ym-gbox .equal .box, .equalbox {display: inline-block;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;flex-direction: column;}.ym-grid.equal-grid .ym-gr {margin: 0;}.equal-grid .ym-gbox > br {display: inherit;margin: 0 0 1em;}}}@media screen and ( max-width: 768px ) {.incms-button-button2 a { font-size: 100%;}}@media screen and ( max-width: 768px ) {.linearize-level-1,.linearize-level-1 > [class*="ym-g"],.linearize-level-1 > [class*="ym-col"] {display: block !important;}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.equal-grid{display:table!important}.equal-grid > div{display:inline!important}.equal-grid .ym-gbox{display:block!important}}
/* -------------------------------- 
inCMS Framework v1.15.0  - Start
TODO: Transparent bg (rgb(from var(--color) r g b / var(--opacity)))
-------------------------------- */
/* Legacy Reset */
.ym-cbox,.footer,#main,.footerbottom {padding: 0}
.onecol .ym-column,.header_wrap,.footer_wrap,.footerbottom {max-width: 100% !important}
*{box-sizing: border-box;float:none}
.twocols .ym-column, .threecols .ym-column{display:flex; gap: var(--legacy-grid-gap,20px)}
.ym-col2 .ym-cbox,
.ym-col3 .ym-cbox {padding: 0 !important;}
.threecols #main, .twocols #main {padding-top: 20px;}
.ym-col1,
.ym-col2,
.ym-col3 {float: none !important;margin: 0 !important;}
.twocols .ym-col3,
.threecols .ym-col2 {order: -1}
.twocols.right .ym-col3,
.threecols .ym-col3 {order: 2}
.header {float:none}
.ym-column:before,
.ym-column:after,
.ym-cbox:before,
.ym-cbox:after,
.ym-wbox > nav#nav,
#nav:after,
#nav .ym-hlist:after{display: none;}

/* HEADER */
.view-normal .header,
.view-normal .header:has(.header-normal) {
  position: relative;
  z-index: 3;
}
.view-normal header.header.header-sticky,
.view-normal .header:has(.header-sticky) {
  position: sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header.header-fixed,
.view-normal .header:has(.header-fixed) {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 99;
}


/* Legacy Navigation : New SVG Flags */
.lang-list ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 7px;
}
.lang-list ul li {margin: 0 !important}
.lang-list ul li.active {display: none}

#menulangtop li.flag a,
.lang-list ul li.flag a {
  background-repeat: no-repeat !important;
  background-position: center !important;
  aspect-ratio: 4/3;
  padding: 0.5em 0 !important;
  box-sizing: border-box;
  height:16px;
  background-size:auto;
  display:block;
}
#menulangtop li.flag_text a,
.lang-list ul li.flag_text a {
  background-repeat: no-repeat !important;
  background-position: left center !important;
  display: flex;
  gap: 5px;
  background-size: 0;
  align-items: center;
}
#menulangtop li.flag_text a:before,
.lang-list ul li.flag_text a:before {
  content: '';
  background: inherit;
  background-repeat: no-repeat !important;
  background-position: center !important;
  aspect-ratio: 4 / 3;
  padding: 0.5em 0 !important;
  box-sizing: border-box;
  height: 16px;
  display: block;
  background-size: auto;
}
#menulangbottom li.flag a {
  padding-left: 20px;
  background-position: center;
}
/* Legacy Grid Reset */
.ym-grid{
  column-gap: var(--legacy-grid-gap,20px);
  display: flex;
  flex-direction:column;
}
@media screen and (min-width: 769px){
  .ym-grid{
    flex-direction:row;
  }
}
.ym-grid > div {
  padding: 0;
  flex-grow: 1;
}
/* SmartElement List Fix */
.module-actions-top .toggle:hover > div {
  max-height: 440px;
  overflow-y: auto;
}
/* Subnavigation */
.ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {
  width: 100%;
  padding: calc(var(--container-space)/2) var(--container-space);
}

/* Legacy Space Corrections */
.view-normal #main:has(.ym-col3) {
  padding-top: calc(var(--incms-hero-correction, 0px) + var(--legacy-grid-gap,20px)) !important;
}
.view-normal #main:has(.ym-col3) > * {
  --incms-hero-correction: 0;
}
.view-normal .ym-cbox > .incms-chatbot-section:first-of-type,
.view-normal .ym-cbox > iframe:first-child {
  padding-top: calc(var(--incms-hero-correction, 0px)) !important;
}
/* Colors */
.bg-white {background: white !important;}
.view-edit,
.view-normal{
  --core-incms-text: var(--incms-text);
  --core-incms-background: var(--incms-background);
  --core-incms-primary: var(--incms-primary);
  --core-incms-primary-text: var(--incms-primary-text);
  --core-incms-accent: var(--incms-accent);
  --core-incms-accent-text: var(--incms-accent-text);
}
.view-edit,
.view-normal{
  --incms-secondary: var(--incms-text);
  --incms-secondary-text: var(--incms-background);
}
.view-normal ::selection {
  color: var(--incms-background);
  background: var(--incms-accent);
}
[data-colors="incms"][data-theme="primary"]{
  --incms-background: var(--incms-primary);
  --incms-text: var(--incms-primary-text);
}
[data-colors="incms"][data-theme="secondary"]{
  --incms-background: var(--incms-secondary);
  --incms-text: var(--incms-secondary-text);
}
[data-colors="incms"][data-theme="accent"]{
  --incms-background: var(--incms-accent);
  --incms-text: var(--incms-accent-text);
}

[data-colors="incms"] .ym-hlist ul > li > a {
  color: var(--incms-text);
}
[data-colors="incms"] .ym-hlist ul > li > a.active,
[data-colors="incms"] .ym-hlist ul > li > a:focus,
[data-colors="incms"] .ym-hlist ul > li > a:hover,
[data-colors="incms"] .ym-hlist ul > li > a:active,
[data-colors="incms"] .ym-hlist ul > li > a.active:hover{
  color: var(--incms-primary);
  background: inherit;
}
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a.active,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a:focus,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a:hover,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a:active,
[data-colors="incms"][data-theme="primary"] .ym-hlist ul > li > a.active:hover{
  color: var(--incms-accent);
  background: inherit;
}
/* Blend Mode */
[data-blend-mode="multiply"]{mix-blend-mode: multiply;}
[data-blend-mode="overlay"]{mix-blend-mode: overlay;}
/* Globals */
body {
  background: var(--incms-background);
  touch-action: pan-x pan-y;
  font-family: var(--text-ff, sans-serif);
}
.border-box {
  box-sizing: border-box
}
.h100 {
  height:100%
}
a[name] {
  top: calc(-1 * var(--incms-anchor-correction));
  position: relative;
  display: block
}
hr {
  margin: 0 0 1.618em 0;
  padding: 0 0 1.618em 0;
}
/* Typography */
a,p,h1,h2,h3{
  word-wrap:break-word;
}
p:has(span[style^="font-size"]) {
  line-height: normal;
}
strong, b{
  font-weight: 600;
}
p:last-child {
  margin-bottom: 0;
}
#tinymce * {
  color: inherit;
}
/* Breadcrumbs */
.breadcrumbs-list p{margin:0}

/* Links */
[data-colors="incms"] h1 a,
[data-colors="incms"] h2 a,
[data-colors="incms"] h3 a,
[data-colors="incms"] h4 a,
[data-colors="incms"] h5 a,
[data-colors="incms"] h6 a,
[data-colors="incms"] p a,
[data-colors="incms"] .incms-form p a,
[data-colors="incms"] .incms-form span a,
[data-colors="incms"] .tooltip{
  color: var(--incms-primary);
  background-color: transparent;
  position: relative;
  /*transition: color .3s ease;*/
}
[data-colors="incms"][data-theme="primary"] p a,
[data-colors="incms"][data-theme="primary"] .incms-form a,
[data-colors="incms"][data-theme="primary"] .tooltip{
  color: var(--incms-accent);
}
a:focus-visible,
button:focus-visible {
  outline: 1px dashed var(--incms-text,--text-color) !important;
  outline-offset: 2px;
}
[data-colors] p a {
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s var(--ease-in-out);
  text-decoration: none;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 93%, currentColor 93%);
}

[data-colors] p a:hover {
  background-size: 100% 100%;
}

/* Box Shadow */
.box-shadow-0{box-shadow: none}
.box-shadow-sm{box-shadow: 0 0 2px rgb(0 0 0 / 25%)}
.box-shadow-md{box-shadow: 0 0 5px rgb(0 0 0 / 25%)}
.box-shadow-lg{box-shadow: 0 0 10px rgb(0 0 0 / 35%)}

.box-shadow-sm--bottom{box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)}
.box-shadow-md--bottom{box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1)}
.box-shadow-lg--bottom{box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1)}


/* Image Shadow */
.img-shadow-none {box-shadow: none}
.img-shadow-sm {box-shadow: 0 0 10px rgb(0 0 0 / 15%)}
.img-shadow-md {box-shadow: 0 0 24px rgb(0 0 0 / 20%)}
.img-shadow-lg {box-shadow: 0 0 48px rgb(0 0 0 / 25%)}

/* Flex Alignment */
.jc-center{justify-content: center}
.jc-between{justify-content: space-between}
.jc-end{justify-content: end}
.ai-center{align-items:center}

/* Flexbox */
.flex-column{flex-direction:column}
.flex-column-reverse{flex-direction:column-reverse}
.flex-row{flex-direction:row}

@media screen and (min-width: 769px){
  .d-jc-between{justify-content: space-between}
  .flex-revert,.flex-reverse{flex-direction: row-reverse}
  .flex-column-reverse-desktop{flex-direction:column-reverse}
}

@media screen and (max-width: 768px){
  .flex-reverse-mobile{
    flex-direction: column-reverse;
  }
  .gap-xl{
    --gap: var(--space-lg)
  }
  .jc-center{
    justify-content: normal;
    align-items:center;
  }
  .ai-center{
    /* align-items:normal; */
    /* justify-content: center; */
  }
  .m-flex-column{
    flex-direction:column;
  }
}

/* Background */
.incms-parallax{
  isolation: isolate;
  background-position: -99999px -99999px;
  clip-path: inset(0 0 0 0);
}
.incms-parallax:before {
  content: '';
  background-image: inherit;
  position: fixed;
  inset: 0;
  /*top: 0;*/
  /*left: 0;*/
  /*height: 100vh;*/
  /*width: 100%;*/
  background-size: inherit;
  background-position: center calc(50% + var(--parallax-distance, 0px));
  z-index: -1;
}
.bg-cover {
  background-size: cover;
}

/* Border */


/* Border Radius */
:root{
  --incms-radius-sm: 5px;
  --incms-radius-md: 10px;
  --incms-radius-lg: 15px;
  --incms-radius-circle: 50em;
}
.border-circle{
  border-radius: var(--incms-radius-circle);
}
/* Pointer Events */
.pointer-none{pointer-events:none}
/* Cursor */
.cursor-pointer{cursor: pointer}
/* Display */
.flex{display:flex}
.block{display:block}
.is-hidden{display:none!important;}
/* Float */
/* Font Family */
/* Font Size */
/* Font Style */
/* Font Weight */
/* Gap */
/* Justify Content */
/* Letter Spacing */

/* Line Height */
/* Mix-Blend-Mode */
/* Object Fit */
.object-cover {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Opacity */
/* Order */
.order-0{order:0}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.order-4{order:4}

/* Overflow */
.of-hidden{overflow:hidden}

/* Position */
.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
.position-sticky{
  position: sticky;
}

/* Scroll Behavior */
/* SVG */
svg.svg-icon{
  transition: fill .2s,transform .2s,-webkit-transform .2s;
  fill: currentColor;
  width: 1em;
  pointer-events: none;
}
svg.svg-icon.icon-sm {
  width: 1.5em
}
svg.svg-icon.icon-md {
  width: 2em;
}
svg.svg-icon.icon-lg {
  width: 2.5em;
}
/* Text */
ul.sitemap, ul li, ol li {
  margin-bottom: 0.618em;
}
.rich-text {
  font-family: var(--text-ff);
  /* font-size: var(--text-fs); */
  color: var(--incms-text);
  line-height: var(--text-lh);
}
.rich-text p {
  /* font-size: 100%; */
}
.rich-text ul,
.rich-text ol {
  /* font-size: 100%; */
  color: var(--incms-text);
  margin-left: 0.75em;
}
.rich-text li {
  /* font-size: 100%; */
  position:relative;
  /*display: block;*/
}
.rich-text li:before {
  /*content: '';*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*position: absolute;*/
  /*background: var(--incms-primary);*/
  /*border-radius: 50%;*/
  /*top: 7px;*/
  /*left: -18px;*/
}
section header li::marker,
.rich-text ::marker{
  color: currentColor;
  font-size:120%;
  line-height:100%;
}
section header ol li::marker,
.rich-text ol ::marker{
  font-size: inherit;
}
.rich-text li ~ li{
  /*margin-top: .25em;*/
}
.rich-text .incms-form-element {color: #222}
/* Text Align */
.text-center{
  text-align: center;
}
@media screen and (max-width: 768px){
  .m-text-center{
    text-align:center;
  }
  .m-text-left{
    text-align:left;
  }
}
/* Text Decoration */
.text-gradient,
gr{
  background-image: linear-gradient(120deg, var(--incms-primary), var(--incms-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-colors="incms"][data-theme="accent"] text-gradient,
[data-colors="incms"][data-theme="accent"] gr {
  background-image: linear-gradient(120deg, var(--incms-primary), var(--incms-primary));
}
[data-colors="incms"][data-theme="primary"] text-gradient,
[data-colors="incms"][data-theme="primary"] gr {
  background-image: linear-gradient(120deg, var(--incms-accent), var(--incms-accent));
}
/* Text Shadow */
/* Text Transform */
.text-uppercase{
  text-transform: uppercase;
}
.text-balance{
  text-wrap: balance
}
/* Animations */
:root{
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.view-normal [data-animate="true"] .fade-in-up,
.view-normal [data-animate="true"] .fade-in-down{
  will-change: transform, opacity;
  opacity: 0;
  transition: all 1s var(--ease-out);
  transition-delay: 0.3s;
  filter: blur(10px);
}
.view-normal [data-animate="true"] .fade-in-up {transform: translateY(100px)}
.view-normal [data-animate="true"] .fade-in-down {transform: translateY(-30px)}

[data-animate="true"] .fade-in-down.animate,
[data-animate="true"] .fade-in-up.animate{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
/* Transform */
/* User Select */
/* Visibility */
/* White Space */
/* Width */
/* Z-Index */
/* Forms */
button[type="submit"] span.fa {
  letter-spacing: -.25em;
}
/* Spacing */
/* Helpers */
.reset{
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.text-info {
  display: block;
  background: var(--core-incms-background, var(--incms-background, rgba(0, 0, 0, 0.05)));
  color: var(--core-incms-text, var(--incms-text, #081d27));
  padding: 1.75em 2.25em;
  border-left: 4px solid var(--text-info-border, #000000);
  margin: 1.75em 0 !important;
}

[data-colors="incms"][data-theme="normal"] .text-info {
  border-left-color: var(--core-incms-primary, var(--incms-primary));
  background: rgba(0, 0, 0, 0.05);
  background: rgb(from var(--core-incms-text, var(--incms-text)) r g b / 0.05);
}

[data-colors="incms"][data-theme="classic"] .text-info {
  border-left-color: var(--core-incms-primary, var(--incms-primary));
  background: var(--core-incms-background, var(--incms-background));
}

[data-colors="incms"][data-theme="primary"] .text-info,
[data-colors="incms"][data-theme="secondary"] .text-info,
[data-colors="incms"][data-theme="accent"] .text-info {
  background: rgba(255, 255, 255, 0.85);
  background: rgb(from var(--incms-text) r g b / 0.85);
}

[data-colors="incms"][data-theme="primary"] .text-info {
  border-left-color: var(--core-incms-accent, var(--incms-accent));
}

[data-colors="incms"][data-theme="secondary"] .text-info,
[data-colors="incms"][data-theme="accent"] .text-info {
  border-left-color: var(--core-incms-primary, var(--incms-primary));
}
/* Footer Vertical Menu */
.text-footer-menu{}
ul:has(.text-footer-menu) {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

ul:has(.text-footer-menu) li {
  margin: 0 0 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--incms-text) 10%, transparent);
  padding-bottom: 8px;
}

.text-footer-menu a {
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s var(--ease-in-out);
  text-decoration: none;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 93%, currentColor 93%);
  color: #fff;
}

.text-footer-menu a:hover {
  background-size: 100% 100%;
}

/* Popup Module Fix */
#fancybox-overlay {
  background-color: var(--incms-text) !important;
}

#fancybox-wrap {
  box-sizing: content-box;
}
#fancybox-wrap:has([id*=popup]){
  position: fixed !important;
  max-width: var(--popup-module-width);
  width: calc(100% - 40px) !important;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  overflow-y: auto;
  max-height: calc(100% - 40px);
  transform: translate(-50%,-50%);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#fancybox-wrap:has([id*=popup])::-webkit-scrollbar {
  display: none;
}

#fancybox-wrap #fancybox-content[style*="border-width"]:has([id*=popup] > div:not(.embed-container)) {
  border-width: 25px !important;
}
#fancybox-content {
  width: 100% !important;
  border-radius: var(--incms-radius-sm);
}
.view-edit [data-module="popup"] {
  width: var(--popup-module-width);
  margin: 0 auto;
}
/* IFRAMES */
iframe{
  display:block;
  width:100%;
  border: none;
  box-sizing: content-box;
}
iframe[src*="google.com/maps"]{
  display:block;
  width:100%;
  border: none;
}
@media screen and (min-width: 769px) {
  /* Google Maps iframe fills the column height in an equal-height grid */
  .equal-grid .ym-gbox:has(iframe[src*="google.com/maps"]) {
    height: 100%;
  }
  /* plain embed: the consent wrapper sits in the height chain */
  .equal-grid .ym-gbox > [data-consent]:has(> iframe[src*="google.com/maps"]) {
    display: block;
    height: 100%;
  }
  /* embed inside a FlexBox */
  .equal-grid .ym-gbox > .incms-flexbox:has(> iframe[src*="google.com/maps"]) {
    height: 100%;
  }
  .equal-grid .ym-gbox iframe[src*="google.com/maps"] {
    height: 100%;
    min-height: var(--map-min-height, 320px);
  }
}
/* Layout
.view-normal.threecols #main .linearize-level-1 {display: flex}
.view-normal.threecols #main .linearize-level-1 > div {margin: 0}
.view-normal.threecols #main .linearize-level-1 .ym-col2{order: -1}
.embed-container {border-radius: 10px;}

.margin-bottom-lg{margin-bottom:35px} */

/* -------------------------------- 
_Grid
-------------------------------- */
:root{
  --website-width: 1200px;
  --grid-cols: 12;
  --container-space: 15px;
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 15px;
  --space-lg: 20px;
  --space-xl: 40px;
  --space-xl: 40px;
  --section-space-m: calc(var(--section-space) / 1.25);

  --section-space-top: var(--section-space);
  --section-space-bottom: var(--section-space);

  --section-space-xs: calc(var(--section-space) / 4);
  --section-space-sm: calc(var(--section-space) / 2);
  --section-space-md: var(--section-space);
  --section-space-lg: calc(var(--section-space) * 1.5);
  --section-space-xl: calc(var(--section-space) * 2);

}
.incms-container,
.twocols .ym-column,
.threecols .ym-column{
  max-width: var(--website-width);
  padding: 0 var(--container-space);
  /* padding-left: max(var(--container-space), min(4vw, 4rem)); */
  /* padding-right: max(var(--container-space), min(4vw, 4rem)); */
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.twocols #main section .incms-container,
.threecols #main section .incms-container{
  max-width: 100%;
  padding: 0;
}
.twocols .section,
.threecols .section{
  /*padding: 0;*/
  /*margin-bottom: var(--section-space);*/
}
.incms-container-fullwidth,
.incms-container.fullwidth,
.incms-container-fullwidth-content:has([data-animated="false"]) {
  max-width: 100%;
  padding: 0 var(--container-space);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px){
  .incms-container-fullwidth,
  .incms-container.fullwidth,
  .incms-container-fullwidth-content:has([data-animated="false"]) {
    padding: 0 calc(var(--container-space)*2);
  }
  .incms-container, .twocols .ym-column, .threecols .ym-column {
    padding-inline: calc(var(--container-space)*2);
  }
}

.incms-container :is(.incms-container){
  padding: 0;
}
.incms-grid{
  display: flex;
  flex-wrap: wrap;
  --gap: var(--space-md);
  gap: var(--gap);
}
.incms-grid > *{
  width: 100%;
  min-width: 0;
}
.gap-sm{
  --gap: var(--space-sm);
  gap: var(--gap);
}
.gap-md{
  --gap: var(--space-md);
  gap: var(--gap);
}
.gap-lg{
  --gap: var(--space-lg);
  gap: var(--gap);
}
.gap-xl{
  --gap: var(--space-xl);
  gap: var(--gap);
}


.col,
.col-1{--grid-col:1}
.col-2{--grid-col:2}
.col-3{--grid-col:3}
.col-4{--grid-col:4}
.col-5{--grid-col:5}
.col-6,.col-{--grid-col:6}
.col-7{--grid-col:7}
.col-8{--grid-col:8}
.col-9{--grid-col:9}
.col-10{--grid-col:10}
.col-11{--grid-col:11}
.col-12{--grid-col: 12}
@media screen and (min-width: 769px){
  .col,.col-,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    width: calc((100% - (var(--grid-cols) - 1) * var(--gap)) * var(--grid-col) / var(--grid-cols) + (var(--grid-col) - 1) * var(--gap));
    flex: initial;
  }
  .col-auto{flex: 1}
}
/* Padding */
.p-0{
  padding: 0 !important;
}
.pt-0{
  padding-top: 0 !important;
}
.p-sm{
  padding: var(--space-sm);
}
.p-md{
  padding: var(--space-md);
}
.p-lg{
  padding: var(--space-lg);
}
.pr-lg{
  padding-right: var(--space-lg);
}
.px-sm{
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
}
.px-md{
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
.px-lg{
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}
.py-sm{
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}
.py-md{
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.py-lg{
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}
/* Margin */
.mx-auto{
  margin-left:auto;
  margin-right:auto;
}
.mt-auto{
  margin-top:auto;
}
.mt-0{
  margin-top: 0 !important;
}
.m-0{
  margin: 0 !important;
}
.m-sm{
  margin: var(--space-sm);
}
.m-md{
  margin: var(--space-md);
}
.m-lg{
  margin: var(--space-lg);
}
.mb-sm{
  margin-bottom: var(--space-sm);
}
.mb-md{
  margin-bottom: var(--space-md);
}
.mb-lg{
  margin-bottom: var(--space-lg);
}
.mr-lg{
  margin-right: var(--space-lg);
}
.mx-sm{
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}
.mx-md{
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}
.mx-lg{
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
.my-sm{
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}
.my-md{
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.my-lg{
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}

/* -------------------------------- 
_Button Group
-------------------------------- */
.btn-group {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
header.text-center ~ .btn-group,
.text-center .btn-group{
  justify-content: center;
}
h2:empty + p:empty + .btn-group,
h1:empty + p:empty + .btn-group{
  margin-top:0;
}
.btn-group > div {
  margin: 0;
}
.btn-group > div a,
.btn-group > div button{
  display: block;
}
.btn-group:empty{
  display: none;
}
.incms-btn,
.incms-button-button1,
.incms-button-button2,
.incms-button-button3{
  transition: transform ease 0.2s, box-shadow ease 0.2s;
}
.incms-btn:hover,
.incms-button-button1:hover,
.incms-button-button2:hover,
.incms-button-button3:hover{
  transform: translate(0, -3px);
}
.incms-btn a,
.incms-btn button{
  padding: .75em 1.5em;
  border-radius: var(--incms-radius-sm);
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  border: 0;
}
.incms-btn.incms-btn-outline a,
.incms-btn.incms-btn-outline button{
  background: transparent;
  color: var(--incms-text);
}
.incms-primary-button a,
.incms-primary-button button{
  background-color: var(--incms-primary);
  color: var(--incms-primary-text);
}
.incms-secondary-button a,
.incms-secondary-button button{
  background-color: var(--incms-secondary);
  color: var(--incms-secondary-text);
}
.incms-accent-button a,
.incms-accent-button button{
  background-color: var(--incms-accent);
  color: var(--incms-accent-text);
}
.incms-primary-button.incms-btn-outline a,
.incms-primary-button.incms-btn-outline button{
  box-shadow: inset 0 0 0 2px var(--incms-primary);
}
.incms-secondary-button.incms-btn-outline a,
.incms-secondary-button.incms-btn-outline button{
  box-shadow: inset 0 0 0 2px var(--incms-secondary);
}
.incms-accent-button.incms-btn-outline a,
.incms-accent-button.incms-btn-outline button{
  box-shadow: inset 0 0 0 2px var(--incms-accent);
}
.incms-btn a .fa.fa-left {
  margin-right: 5px;
}
.incms-btn a .fa.fa-right {
  margin-left: 5px;
}

[data-colors="incms"][data-theme="primary"] .incms-primary-button a,
[data-colors="incms"][data-theme="primary"] .incms-primary-button button {
  color: var(--incms-primary);
  color: color-mix(in srgb, var(--incms-primary) 65%, #000000 35%);
  background-color: var(--incms-primary-text);
}
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button a,
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button button {
  color: var(--incms-secondary);
  color: color-mix(in srgb, var(--incms-secondary) 65%, #000000 35%);
  background-color: var(--incms-secondary-text);
}
[data-colors="incms"][data-theme="accent"] .incms-accent-button a,
[data-colors="incms"][data-theme="accent"] .incms-accent-button button {
  color: var(--incms-accent);
  color: color-mix(in srgb, var(--incms-accent) 65%, #000000 35%);
  background-color: var(--incms-accent-text);
}
[data-colors="incms"][data-theme="primary"] .incms-primary-button.incms-btn-outline a,
[data-colors="incms"][data-theme="primary"] .incms-primary-button.incms-btn-outline button {
  box-shadow: inset 0 0 0 2px var(--incms-primary-text);
  background: transparent;
  color: var(--incms-primary-text);
}
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button.incms-btn-outline a,
[data-colors="incms"][data-theme="secondary"] .incms-secondary-button.incms-btn-outline button {
  box-shadow: inset 0 0 0 2px var(--incms-secondary-text);
  background: transparent;
  color: var(--incms-secondary-text);
}
[data-colors="incms"][data-theme="accent"] .incms-accent-button.incms-btn-outline a,
[data-colors="incms"][data-theme="accent"] .incms-accent-button.incms-btn-outline button {
  box-shadow: inset 0 0 0 2px var(--incms-accent-text);
  background: transparent;
  color: var(--incms-accent-text);
}

@media screen and (max-width: 768px) {
  .m-text-center .btn-group{
    justify-content: center;
  }
  .btn-group > div {
    flex: auto;
  }
}
/* -------------------------------- 
_Author
-------------------------------- */
.incms-author {
  display: flex;
  align-items: center;
  gap: var(--legacy-grid-gap);
}
header.text-center + .incms-author {
  justify-content: center;
}
a.incms-author_avatar {
  background:transparent; 
}
.incms-author_avatar img {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}

.incms-author_content p{
  margin: 0;
}
.incms-author_name {
  font-size: 112%; 
  font-weight: 600;
}
.incms-author_label {
  font-size: 100%;
}
/* -------------------------------- 
_Img
-------------------------------- */
/* Aspect Ratio (_Img)*/
[data-ratio="1:1"] .media-wrapper,
.ar-1\:1{aspect-ratio: 1/1;}

[data-ratio="2:1"] .media-wrapper,
.ar-2\:1{aspect-ratio: 2/1;}

[data-ratio="25:10"] .media-wrapper,
.ar-25\:10{aspect-ratio: 25/10;}

[data-ratio="3:1"] .media-wrapper,
.ar-3\:1{aspect-ratio: 3/1;}

[data-ratio="4:3"] .media-wrapper,
.ar-4\:3{aspect-ratio: 4/3;}

[data-ratio="3:4"] .media-wrapper,
.ar-3\:4{aspect-ratio: 3/4;}

[data-ratio="3:2"] .media-wrapper,
.ar-3\:2{aspect-ratio: 3/2;}

[data-ratio="2:3"] .media-wrapper,
.ar-2\:3{aspect-ratio: 2/3;}

[data-ratio="16:9"] .media-wrapper,
.ar-16\:9{aspect-ratio: 16/9;}

[data-ratio="9:16"] .media-wrapper,
.ar-9\:16{aspect-ratio: 9/16;}

figure.media-wrapper img {
  position: relative;
  border-radius: var(--border-radius);
  z-index: 0;
}
[data-decoration-top],[data-decoration-bottom]{
  position: relative;
  overflow: visible;
  isolation: isolate;
  padding: 5.7%;
  padding: min(5.7%, 32px);
}
[data-decoration-top]:before,
[data-decoration-bottom]:after{
  content: '';
  position: absolute;
}
[data-decoration-top="dots"]:before{
  background-image: radial-gradient(var(--incms-accent) 25%, transparent 25%);
  background-size: 15px 15px;
  width: 30%;
  height: 30%;
  right: 0;
  top: 0;
  background-repeat: round;
}
[data-decoration-bottom="dots"]:after{
  background-image: radial-gradient(var(--incms-primary) 25%, transparent 25%);
  background-size: 15px 15px;
  width: 30%;
  height: 30%;
  left: 0;
  bottom: 0;
  background-position: bottom left;
  background-repeat: round;
}

[data-decoration-top="cross-dots"]:before{
  width: 30%;
  height: 30%;
  position: absolute;
  top: 0;
  right: 0;
  background: radial-gradient(var(--incms-accent) 3px, transparent 3px), radial-gradient(var(--incms-accent) 3px, transparent 3px), transparent;
  background-position: -4px 4px, 8px 16px;
  background-size: 24px 24px;
  background-repeat: round;
}
[data-decoration-bottom="cross-dots"]:after{
  width: 24%;
  height: 24%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: radial-gradient(var(--incms-primary) 3px, transparent 3px), radial-gradient(var(--incms-primary) 3px, transparent 3px), transparent;
  background-position: -4px 4px, 8px 16px;
  background-size: 24px 24px;
  background-repeat: round;
}

[data-decoration-top="diagonal-lines"]:before{
  width: 25%;
  height: 25%;
  position: absolute;
  right: 0;
  top: 0;
  background: repeating-linear-gradient(-45deg, var(--incms-accent) 0, var(--incms-accent) 3px, transparent 0, transparent 50%);
  background-size: 24px 24px;
}
[data-decoration-bottom="diagonal-lines"]:after{
  width: 30%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: repeating-linear-gradient(-45deg, var(--incms-primary) 0, var(--incms-primary) 3px, transparent 0, transparent 50%);
  background-size: 24px 24px;
}

[data-decoration-top="triangle"]:before {
  width: 29%;
  height: 29%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(225deg, var(--incms-accent) 20%, transparent 20%);
  background-size: 18px 18px;
  background-position: top right;
  background-repeat: round;
}
[data-decoration-bottom="triangle"]:after {
  width: 29%;
  height: 29%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(45deg, var(--incms-primary) 20%, transparent 20%);
  background-size: 20px 20px;
  background-position: bottom left;
  background-repeat: round;
}

[data-decoration-top="zigzag"]:before{
  width: 29%;
  height: 29%;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(135deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(225deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(315deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(45deg, var(--incms-accent) 25%, rgba(0, 0, 0, 0) 25.1%), transparent;
  background-size: 20px 20px;
  background-position: -10px -10px, -10px -10px, 0 10px, 0 10px;
}
[data-decoration-bottom="zigzag"]:after {
  width: 29%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(225deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(315deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), linear-gradient(45deg, var(--incms-primary) 25%, rgba(0, 0, 0, 0) 25.1%), transparent;
  background-size: 20px 20px;
  background-position: -10px -10px, -10px -10px, 0 10px, 0 10px;
}

[data-decoration-top="none"]:before,
[data-decoration-bottom="none"]:after{
  display:none;
}
[data-decoration-top="none"] {
  padding-top: 0;
  padding-right: 0;
}
[data-decoration-bottom="none"] {
  padding-bottom: 0;
  padding-left: 0;
}
[data-level="1"][data-decoration-top]:before {z-index: -1}
[data-level="1"][data-decoration-bottom]:after{z-index: -1}
[data-level="2"][data-decoration-top]:before {z-index: -1}
[data-level="2"][data-decoration-bottom]:after{z-index: 1}
[data-level="3"][data-decoration-top]:before {z-index: 1}
[data-level="3"][data-decoration-bottom]:after{z-index: -1}
[data-level="4"][data-decoration-top]:before {z-index: 1}
[data-level="4"][data-decoration-bottom]:after{z-index: 1}

[data-colors="incms"][data-theme="primary"] [data-decoration-bottom] {
  --incms-primary: var(--incms-text);
}
[data-colors="incms"][data-theme="accent"] [data-decoration-top] {
  --incms-accent: var(--incms-text);
}
img[src='']{
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 480' xml:space='preserve'%3E%3Cpath fill='%23F2F2F2' d='M0,0v480h800V0H0z M304.6,156.3c0-6.5,5.1-11.6,11.5-11.6h167.5c6.4,0,11.5,5.1,11.5,11.6V267 c-6.2-3.2-13.2-5.1-20.4-5.1c-1.3,0-2.7,0.3-4,0.3c-9.4-29.8-36.3-50.8-67.2-50.8c-24.2,0-46.5,12.9-59.4,34.1 c-1.6-0.3-3.2-0.3-4.8-0.3c-13.2,0-25.3,4.8-34.7,13.2V156.3z M495.4,323.7c0,6.5-5.4,11.6-11.5,11.6H316.1c-6.5,0-11.5-5.1-11-11.8 V285c5.9-14,19.1-23.9,34.7-23.9c2.7,0,5.1,0.3,7.5,0.8l5.9,1.3l2.7-5.4c9.4-18.8,27.7-30.4,47.8-30.4c25.8,0,48.1,19.3,53.2,45.7 l1.6,8.6l8.6-2.4c2.7-0.8,5.4-1.1,7.8-1.1c7.8,0,15,3.2,20.4,8.6V323.7z'/%3E%3C/svg%3E%0A");}
/* -------------------------------- 
_Section
-------------------------------- */

/* Section */
@media screen and (min-width: 769px){
  .section {
    padding-top: var(--section-space-top);
    padding-bottom: var(--section-space-bottom);
  }
  .incms-inner-container {
    padding: var(--section-space-top) var(--section-space) var(--section-space-bottom);
  }
}
@media screen and (max-width: 768px){
  .section {
    --section-space-top-m: calc(var(--section-space-top) / 1.25);
    --section-space-bottom-m: calc(var(--section-space-bottom) / 1.25);
    padding-top: var(--section-space-top-m);
    padding-bottom: var(--section-space-bottom-m);

  }
  .twocols .section,
  .threecols .section{
    margin-bottom: var(--section-space-m);
  }
  .incms-inner-container {
    padding: var(--section-space-top-m) var(--section-space-m) var(--section-space-bottom-m);
  }
}

.bg-transparent,
.bg-transparent:before{
  background-color:transparent !important;
  backdrop-filter:none !important;
}
[data-colors="incms"][data-theme="classic"].section,
[data-colors="incms"].section.bg-05 {
  --opacity: 0.05;
  background-color: rgb(from var(--incms-text) r g b / var(--opacity));
}
[class^="incms-header"][data-colors="incms"][data-theme="classic"]:before {
    opacity: 1;
    --opacity: 0.05;
    background-color: rgb(from var(--incms-text) r g b / var(--opacity));
}
[class^="incms-header"][data-colors="incms"][data-theme="classic"] {
    --opacity: 0.85;
    background-color: rgb(from var(--incms-background) r g b / var(--opacity));
}

[data-colors="incms"].section {
  background-color: var(--incms-background);
  position: relative;
  isolation: isolate;
  z-index: 1;
}
section header {
  margin: 0 auto;
}
section header.text-left {
  margin: 0 auto 0 0;
}
section header + * {
  margin-top: max(
    calc(var(--section-space-top) / 1.5),
    calc(var(--section-space-bottom) / 1.5),
    calc(var(--section-space) / 1.5)
  );
}
section header h1,
section header h2,
section header h3,
section header h4,
section header h5,
section header h6,
.incms-custom-heading :is(h1,h2,h3,h4,h5,h6){
  margin-bottom: 0.618em;
  font-size: var(--title-size);
  color: var(--title-color);
}
section header p,
section header li{
  color: var(--text-color);
  margin-bottom: 0.618em;
}
section[data-colors="incms"] header h1,
section[data-colors="incms"] header h2,
section[data-colors="incms"] header h3,
section[data-colors="incms"] header h4,
section[data-colors="incms"] header p,
section[data-colors="incms"] header li{
  color: var(--incms-text);
}
@media screen and (max-width: 768px) {
  section header h1,
  section header h2,
  section header h3,
  section header h4,
  section header h5,
  section header h6,
  .incms-custom-heading :is(h1,h2,h3,h4,h5,h6){
    --title-size: var(--title-mobile-size);
  }
}
@media screen and (min-width: 769px) {
  section header {
    width: calc(var(--section-header-width) * 1%);
  }
}
/* Section Label */
[data-slabel]:before {
  content: attr(data-slabel);
  color: var(--incms-text);
  margin-bottom: 20px;
  display: inline-block;
  font-size: 85%;
  border: 1px solid rgb(from var(--incms-text) r g b / 0.5);
  border-radius: 2em;
  padding: 4px 15px;
}
[data-colors="custom"] [data-slabel]:before {
  color: var(--text-color);
  border-color: rgb(from var(--text-color) r g b / 0.5);
}
[data-slabel=""]:before {
  display: none;
}
/* Section space */
.spy-xs{
  padding-top: var(--section-space-xs);
  padding-bottom: var(--section-space-xs);
}
.spy-sm{
  padding-top: var(--section-space-sm);
  padding-bottom: var(--section-space-sm);
}

/* -------------------------------- 
_Shapes
-------------------------------- */
:root,
[data-shape*="-"],
.section.section{
  --shape-correction: 120px;
  --hero-shape-size: min(18vw, calc(var(--section-space-bottom-m, var(--section-space-bottom)) * 2));
  --section-shape-size-top: min(18vw, var(--section-space-top-m, var(--section-space-top)));
  --section-shape-size-bottom: min(18vw, var(--section-space-bottom-m, var(--section-space-bottom)));
}
section[data-shape*="-"],
section.incms-custom-section[data-shape*="-"]:has( + section){
  position: relative;
  z-index: 3;
}
section[data-shape*="-"] + section,
section[data-shape*="-"] + section[data-shape*="-"] {
  z-index: 2;
}
section[data-shape*="-"] + section[data-shape*="-"] + section,
section[data-shape*="-"] + section[data-shape*="-"] + section[data-shape*="-"] {
  z-index: 1;
}
section[data-shape*="-"] + section[data-shape*="-"] + section[data-shape*="-"] + section,
section[data-shape*="-"] + section[data-shape*="-"] + section[data-shape*="-"] section[data-shape*="-"]{
  z-index: 0;
}

section[class*="hero"][data-shape*="-"]{
  --shape-size: var(--hero-shape-size);
}
section[class*="hero"][data-shape*="-"] + section,
section.incms-custom-section[data-shape*="-"]{
  --shape-size: calc(var(--section-shape-size-bottom) /2);
  --shape-size-top: calc(var(--section-shape-size-top) /2);
}
section.section[data-shape*="-"] + section{
  padding-top: calc(var(--section-space-top) + var(--shape-correction));
  margin-top: calc(-1 * var(--shape-correction));
}
section[data-shape*="top"],
section[data-shape*="top"] + section[data-shape*="bottom"] {
  padding-top: var(--section-space-top-m, var(--section-space-top)) !important;
  margin-top: 0 !important;
}
section:not([data-shape]):has( + section.section[data-shape*="top"]),
section[data-shape="none"]:has( + section.section[data-shape*="top"]){
  padding-bottom: calc(var(--section-space-bottom) + var(--shape-correction));
  margin-bottom: calc(-1 * var(--shape-correction));
  z-index: 0 !important;
}

/* ✅ Top Tilts */
[data-shape="tilt-tl-right"],
[data-shape="tilt-top-left-right"]{
  clip-path: polygon(0 var(--shape-size-top), 100% 0, 100% 100%, 0 100%);
}
[data-shape="tilt-tr-left"],
[data-shape="tilt-top-right-left"]{
  clip-path: polygon(0 0, 100% var(--shape-size-top), 100% 100%, 0 100%);
}

/* ✅ Bottom Tilts */
[data-shape="tilt-bl-right"],
[data-shape="tilt-bottom-left-right"]{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--shape-size)));
}
[data-shape="tilt-br-left"],
[data-shape="tilt-bottom-right-left"]{
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--shape-size)), 0 100%);
}

/* ✅ Top and Bottom: Diagonal Tilt */
[data-shape="tilt-diag-top-bottom-1"] {
  clip-path: polygon(0 var(--shape-size-top), 100% 0, 100% calc(100% - var(--shape-size)), 0 100%)
}
[data-shape="tilt-diag-top-bottom-2"] {
  clip-path: polygon(0 0, 100% var(--shape-size-top), 100% 100%, 0 calc(100% - var(--shape-size)));
}

/* ✅ Left Side Tilts */
[data-shape="tilt-bl-top"] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--shape-size) 100%);
}
[data-shape="tilt-tl-bottom"] {
  clip-path: polygon(var(--shape-size) 0, 100% 0, 100% 100%, 0 100%);
}
/* ✅ Right Side Tilts */
[data-shape="tilt-br-top"] {
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--shape-size)) 100%, 0 100%);
}
[data-shape="tilt-tr-bottom"] {
  clip-path: polygon(0 0, calc(100% - var(--shape-size)) 0, 100% 100%, 0 100%);
}
/* ✅ Left and Right: Diagonal Tilt */
[data-shape="tilt-diag-lr"] {
  clip-path: polygon(0 0, calc(100% - var(--shape-size)) 0, 100% 100%, var(--shape-size) 100%);
}
[data-shape="tilt-diag-rl"] {
  clip-path: polygon(var(--shape-size) 0, 100% 0, calc(100% - var(--shape-size)) 100%, 0 100%);
}
[data-shape="tilt-diag-lr"], [data-shape="tilt-diag-rl"]{
  padding-left: var(--shape-size);
  padding-right: var(--shape-size);
}


/* ✅ Top: Double Tilt */
[data-shape="tilt-top-double-in"] {
  clip-path: polygon(0 0, 50% var(--shape-size-top), 100% 0, 100% 100%, 50% 100%, 0 100%); /* In */
}
[data-shape="tilt-top-double-out"] {
  clip-path: polygon(0 var(--shape-size-top), 50% 0, 100% var(--shape-size-top), 100% 100%, 50% 100%, 0 100%); /* Out */
}
/* ✅ Bottom: Double Tilt */
[data-shape="tilt-bottom-double-in"] {
  clip-path: polygon(0 0, 50% 0%, 100% 0, 100% 100%, 50% calc(100% - var(--shape-size)), 0 100%); /* In */
}
[data-shape="tilt-bottom-double-out"] {
  clip-path: polygon(0 0, 50% 0, 100% 0, 100% calc(100% - var(--shape-size)), 50% 100%, 0 calc(100% - var(--shape-size))); /* Out */
}
/* ✅ Top and Bottom: Double Tilt */
[data-shape="tilt-top-bottom-in"] {
  clip-path: polygon(0 0, 50% var(--shape-size-top), 100% 0, 100% 100%, 50% calc(100% - var(--shape-size)), 0 100%); /* In */
}
[data-shape="tilt-top-bottom-out"] {
  clip-path: polygon(0 var(--shape-size-top), 50% 0, 100% var(--shape-size-top), 100% calc(100% - var(--shape-size)), 50% 100%, 0 calc(100% - var(--shape-size))); /* Out */
}

/* ✅ Fancy Top and Bottom Tilts */
[data-shape="tilt-fancy-top-bottom"] {
  clip-path: polygon(0 0, 23% var(--shape-size-top), 100% 0, 100% 100%, 77% calc(100% - var(--shape-size)), 0 100%);
}

/* ✅ Bottom: Curve */
[data-shape="curve-top"]{
  --curve-size: max(100%, var(--website-width));
  clip-path: ellipse(var(--curve-size) 100% at bottom);
  mask: linear-gradient(black, black);
}
[data-shape="curve-bottom"]{
  --curve-size: max(100%, var(--website-width));
  clip-path: ellipse(var(--curve-size) 100% at top);
  mask: linear-gradient(black, black);
}
.view-normal .fullheight[data-shape="curve-bottom"] {
  --curve-size: max(120%, var(--website-width));
}

/* ✅ Zig-Zag */
[data-shape="zig-zag-bottom"]{
  mask: conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/40px 100.3%
}
[data-shape="zig-zag-top"]{
  mask: conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/40px 100.3%
}
[data-shape="zig-zag-top-bottom"]{
  mask: repeating-conic-gradient(from 135deg at 50% 20px,#0000 0,#000 1deg 89deg,#0000 90deg 180deg) 50% -20px/40px
}

/* ✅ Wavy */
[data-shape="wavy-top"]{
  mask: 
    radial-gradient(15.5px at 50% 21.45px,#000 99%,#0000 101%) calc(50% - 26px) 0/52px 100%,
    radial-gradient(15.5px at 50% -8.45px,#0000 99%,#000 101%) 50% 13px/52px 100% repeat-x;
}
[data-shape="wavy-bottom"]{
  mask:
    radial-gradient(15.5px at 50% calc(100% - 21.45px),#000 99%,#0000 101%) calc(50% - 26px) 0/52px 100%,
    radial-gradient(15.5px at 50% calc(100% + 8.45px),#0000 99%,#000 101%) 50% calc(100% - 13px)/52px 100% repeat-x;
}
[data-shape="wavy-top-bottom"]{
  mask: 
    radial-gradient(15.5px at 50% 21.45px,#000 99%,#0000 101%) calc(50% - 26px) 0/52px 51% repeat-x,
    radial-gradient(15.5px at 50% -8.45px,#0000 99%,#000 101%) 50% 13px/52px calc(51% - 13px) repeat-x,
    radial-gradient(15.5px at 50% calc(100% - 21.45px),#000 99%,#0000 101%) calc(50% - 26px) 100%/52px 51% repeat-x,
    radial-gradient(15.5px at 50% calc(100% + 8.45px),#0000 99%,#000 101%) 50% calc(100% - 13px)/52px calc(51% - 13px) repeat-x;
}
/* -------------------------------- 
_Testimonial
-------------------------------- */
.testimonial-item {
  padding-top: calc(var(--section-space)/2.5);
  padding-bottom: calc(var(--section-space)/2.5);
}
.testimonial-item.incms-box-bg {
  padding: calc(var(--section-space)/2.5) calc(var(--section-space)/3);
}
.testimonial-item .testimonial-rating i {
  font-size:18px;
}
.testimonial-item figure img.avatar {
  width: 3em;
  height: 3em;
  border-radius: 50%;
}
.testimonial-item figure img.avatar[src=''] {
  outline: solid 1px var(--incms-primary);
  background: var(--incms-primary);
}
.testimonial-item .inner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.testimonial-item .testimonial-quote {
  position: relative;
  font-size: calc(var(--text-fs) * .9);
  isolation: isolate;
}
.testimonial-item svg.testimonial-icon {
  position: absolute;
  width: 60px;
  color: var(--incms-text);
  left: 0;
  top: -15px;
  z-index: -1;
  opacity: .2;
}
[data-colors="incms"] .testimonial-item {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate; 
}
[data-colors="incms"] .testimonial-item.incms-box-bg:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"] .testimonial-item.incms-box-bg:before {
  background-color: var(--incms-background);
  opacity: 1;
}
[data-colors="incms"] .testimonial-item .testimonial-quote,
[data-colors="incms"] .testimonial-item .name{
  color: var(--incms-text);
}
.yellow-stars .fa-star-o {
  color: #fbbd03 !important;
}
/* -------------------------------- 
_Click-To-Scroll Button
-------------------------------- */
.incms-scroll-to{
  --scroll-to-width: 25px;
  --scroll-to-height: calc(var(--scroll-to-width) * 1.5);
  -webkit-animation: incms-scroll-to-loaded 1.5s ease;
  animation: incms-scroll-to-loaded 1.5s ease;
  width: var(--scroll-to-width);
  display: block;
  margin: 0;
  background-color: transparent!important;
}
.incms-scroll-to-icon{
  width: var(--scroll-to-width);
  height: var(--scroll-to-height);
  box-shadow: inset 0 0 0 calc(var(--scroll-to-width)/10) var(--incms-scroll-to-color);
  border-radius: 50em;
  cursor: pointer;
  transition: all .25s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  text-align: center;
}
.incms-scroll-to-icon:after {
  content: '';
  width: calc(var(--scroll-to-width)/5);
  height: calc(var(--scroll-to-height)/4);
  background: var(--incms-scroll-to-color);
  margin-left: calc(var(--scroll-to-width)/-10);
  top: calc((var(--scroll-to-height)/4));
  border-radius: 50em;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: incms-scroll;
  animation-name: incms-scroll;
  position: absolute;
  transition: background .25s
}
@-webkit-keyframes incms-scroll-to-loaded {
  0%,80% {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@keyframes incms-scroll-to-loaded {
  0%,80% {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}
@-webkit-keyframes incms-scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
  }
}
@keyframes incms-scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
  }
}
/* -------------------------------- 
_Carousel
-------------------------------- */
.owl-carousel .owl-item.center {
  margin-top: 0;
  margin: 0;
  text-align: left;
}
.owl-carousel, .owl-carousel .owl-item {
  position: relative;
}
.owl-carousel .owl-dots {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -30px;
}
.owl-carousel button.owl-dot {
  width: 10px;
  height: 10px;
  display: block;
  background-color: var(--testimonial2-dots);
  margin: 0 5px;
  border-radius: 10px;
  opacity: .5;
  transition: all .15s ease;
}
.owl-carousel button.owl-dot.active {
  width: 30px;
  opacity: 1;
}
[data-colors="incms"] .owl-carousel button.owl-dot {
  background-color: var(--incms-text);
}
[data-colors="custom"] .owl-carousel button.owl-dot {
  background-color: var(--carousel-dots);
}

/* -- News Module Fix -- */
.news_item .ym-contain-dt {
  border-top: 1px solid rgb(150 150 150 / 20%);
}
.news-image {
  max-width: var(--blog-img-small);
  aspect-ratio: var(--blog-img-ratio);
  border-radius: var(--blog-img-radius);
  overflow: hidden;
}
.list-view.fullimage .news-image{
  max-width: var(--blog-img-large);
}
#news_items {
  margin: 0;
}
.news_item {
  padding: 0;
}
.news-image img {
  border: none;
  box-shadow: none;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.news_item.grid-view .ym-contain-dt {
  border-top: none;
}
.news-image a {
  width: 100%;
  height: 100%;
}
.list-view .ym-contain-dt {
  padding-right: 75px;
}
.list-view .news_detail_info {
  position: absolute;
  left: 0;
  top: 25px;
}
.ym-contain-dt {
  position: relative;
  padding-top: 20px !important;
}
.news_item h2 {
  font-size: var(--blog-title-size);
  margin: 0 0 calc(var(--blog-title-size)/1.618);
}
.list-view .ym-contain-dt:after {
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNy4xIDIzLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjEgMjMuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNC43LDExLjdIMSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjMsMS40bDEwLjMsMTAuMyIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjMsMjJsMTAuMy0xMC4zIi8+CjwvZz4KPC9zdmc+Cg==') no-repeat center center;
  width: 37px;
  height: 23px;
}
.news_item:not(:has(.news.button, .incms-button, .incms-btn)) .news-image a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.news_detail_info p strong {
  font-weight: normal !important;
}
#news_items:has(.grid-view) {
  display: flex;
  gap: var(--legacy-grid-gap, 20px);
  flex-direction: column;
  flex-wrap: wrap;  
}
.news_item.grid-view.ym-g50,
.news_item.grid-view.ym-g33,
.news_item.grid-view.ym-g25{
  width: 100%;
}
ul.pager {
  float: none;
  display: flex;
  justify-content: end;
}
[data-colors="incms"][data-theme="primary"] .news_item .ym-contain-dt h2 a {
  color: inherit!important;
}
@media screen and (max-width: 768px) {
  #news_items {
    display: flex;
    gap: var(--legacy-grid-gap, 20px);
    flex-wrap: wrap;  
  }
  .ym-contain-dt {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px !important;
  }
  .news_item .ym-contain-dt {
    padding: 0;
  }
  .list-view .ym-contain-dt:after {
    display: none;
  }
  .news-image, .list-view.fullimage .news-image {
    margin-right: 0;
    max-width:100%;
  }
  .list-view .news_detail_info {
    top: 10px;
  }
  .news_item .ym-contain-dt {
    border: none;
  }
  .list-view.news_item{
    width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
  }
}
@media screen and (max-width: 480px) {
  .list-view.news_item{
    width: 100%;
  }
}
@media screen and (min-width: 569px){
  #news_items:has(.grid-view){
    flex-direction:row;
  }
  .news_item.grid-view.ym-g50,
  .news_item.grid-view.ym-g33,
  .news_item.grid-view.ym-g25{
    width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
  }
}
@media screen and (min-width: 769px){
  .list-view .ym-contain-dt:has(.news_detail_info) {
    padding-left: 105px;
  }
  .news_item.grid-view.ym-g25{
    width: calc(25% - (var(--legacy-grid-gap, 20px)*3/4));
  }
  .news_item.grid-view.ym-g33{
    width: calc(33.33% - (var(--legacy-grid-gap, 20px)*2/3));
  }
  .news_item.grid-view.ym-g50{
    width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
  }
}

/* -- News Post -- */
.news_detail h1{
  font-size: var(--post-title-size);
  /*text-wrap: balance;*/
}
.news_detail h1,
.news_detail .news_detail_info{
  text-align: var(--post-title-alignment);
}

.news_detail.incms-container {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}
.news_detail.incms-container:before {
  content: "";
  display: block;
  padding-top: var(--incms-hero-correction);
}
.news_detail .float-left {
  margin-top: 0;
  display: block;
  width: 100%;
  max-width: calc(var(--post-img-width)*1px);
  aspect-ratio: var(--post-img-ratio);
}

.news_detail .ym-contain-dt:after,
.news_detail.incms-container:after{
  content: '';
  display: table;
  clear: both;
}

.news_detail .ym-contain-dt img.bordered {
  box-shadow: none;
  border: none;
  border-radius: var(--post-img-radius);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_detail .ym-contain-dt a + p:first-letter {
  float: left;
  line-height: 1;
  font-size: 4.4em;
  padding: 0 0.125em 0 0;
  text-transform: uppercase;
}
.news_detail h1,.news_detail p {
  color: var(--incms-text);
}
.news_detail .ym-contain-dt a {
  color: var(--incms-primary);
  background: transparent;
}
.news_detail .float-left{
  margin-right: calc(var(--legacy-grid-gap)*2);
}
#disqus_recommendations {
  margin: 0 -8px;
}
.news_detail ~ .incms-container #disqus_thread,
.news_detail ~ #news_add_comment.incms-container{
  padding-bottom: var(--section-space);
}
.news_detail ~ #news_add_comment.incms-container {
  margin: 0 auto;
}
@media screen and (max-width: 568px) {
  .news_detail .float-left {
    float: none;
    margin-right: 0;
  }
}

/* -- Form Fields -- */
.incms-form .incms-form-field {
  box-shadow: none;
  padding: 10px;
  border-radius: 5px;
}

/* -- Member Auth Login -- */
.incms-form-container:has(form.auth.auth-login.incms-form),
form.auth.auth-profile.incms-form,
form.auth.auth-password.incms-form,
.incms-form-container p:has(.auth-user){
  margin: 0 auto;
  padding: var(--container-space);
  background: rgb(from var(--incms-text) r g b / 0.05);
  border-radius: var(--incms-radius-md);
}
[data-colors="incms"][data-theme="classic"] .incms-form-container:has(form.auth.auth-login.incms-form),
[data-colors="incms"][data-theme="classic"] form.auth.auth-profile.incms-form,
[data-colors="incms"][data-theme="classic"] form.auth.auth-password.incms-form,
[data-colors="incms"][data-theme="classic"] .incms-form-container p:has(.auth-user){
  background: var(--incms-background);
}
[data-colors="custom"] .incms-form-container:has(form.auth.auth-login.incms-form),
[data-colors="custom"] form.auth.auth-profile.incms-form,
[data-colors="custom"] form.auth.auth-password.incms-form,
[data-colors="custom"] .incms-form-container p:has(.auth-user){
  background: rgb(from var(--text-color) r g b / 0.05);
}
.incms-form-container:has(form.auth.auth-login.incms-form) {
  max-width: 512px;
}
.incms-form-container p:has(.auth-user) {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--container-space);
}
.incms-form-container p .auth-user {
  width:100%;
  order: 1;
  margin:0 0 10px;
}
.incms-form-container p .auth-logout {
  order: 3;
  margin-left: auto;
  margin-right: 0;
}
.incms-form-container p .auth-profile {
  order: 2;
  margin:0;
}
.incms-form-container p:has(.auth-backlink,.auth-resetpw,.auth-backtologin) {
  margin-top: var(--container-space);
  margin-bottom: 0;
}
p:has(a.auth-resetpw[style="display: none;"]) {
  margin: 0;
}

/* -- Gallery Module Fix -- */
.ym-grid.gallery {
  gap: 0;
  flex-direction: column;
}
.ym-grid.gallery > .row {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--legacy-grid-gap, 20px);
}
.ym-grid.gallery > .row > * {
  padding: 0;
}
.ym-grid.gallery .ym-g33,
.ym-grid.gallery .ym-g25{
  width: calc(50% - (var(--legacy-grid-gap, 20px)/2));
}

.ym-grid .image {
  margin: 0;
}

.gallery .pager {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 569px){
  .ym-grid.gallery .ym-g25 {
    width: calc(33.33% - (var(--legacy-grid-gap, 20px)*2/3));
  }
}
@media screen and (min-width: 769px){
  .ym-grid.gallery .ym-g33 {
    width: calc(33.33% - (var(--legacy-grid-gap, 20px)*2/3));
  }
  .ym-grid.gallery .ym-g25 {
    width: calc(25% - (var(--legacy-grid-gap, 20px)*3/4));
  }
}

/* Font Awesome 5 Fix */
.fa.fa-phone:before {
  transform: rotate(90deg);
  display: block;
}
/* -------------------------------- 
inCMS Framework v1.15.0   - End
-------------------------------- */

.view-edit,.view-normal {
	/*incms-color: Sunset;*/     --incms-text: #0a2d42; --incms-background: #ffffff; --incms-primary: #d74118; --incms-primary-text: #ffffff; --incms-accent: #feb56f; --incms-accent-text: #ffffff;;
	/*custom-palette: */ --incms-text: #1c2e28; --incms-background: #ffffff; --incms-primary: #f2ece4; --incms-primary-text: #1c2e28; --incms-accent: #395F55; --incms-accent-text: #ffffff; ;
}

.incms-container, .twocols .ym-column, .threecols .ym-column {
	--website-width: 1280px;
}

.section,:root {
	--section-space: 60px;
}

.ym-grid,:root {
	--legacy-grid-gap: 20px;
}

.incms-popup-module,:root {
	--popup-module-width: 768px;
}

.news_container,:root {
	--blog-title-size: 24px;
	--blog-img-small: 290px;
	--blog-img-large: 400px;
	--blog-img-ratio: 16/9;
}

.news_detail.incms-container,:root {
	--post-title-size: 40px;
	--post-title-alignment: left;
	--post-img-width: 400;
	--post-img-ratio: 4:3;
	--post-img-radius: var(--incms-radius-sm);
}

/* ============================================
   infiniWEB Gallery 01 v1.0
   Smart Element for inCMS
   © infiniWEB GmbH
   ============================================ */

/* --- Section Base --- */
.infiniweb-gallery01 {
  padding-top: var(--section-space-top, var(--section-space-xl));
  padding-bottom: var(--section-space-bottom, var(--section-space-xl));
  box-sizing: border-box;
}

/* --- Bento Grid --- */
.infiniweb-gallery01__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--infiniweb-gallery01-gap, 20px);
}

/* Bild 1: spannt 2 Zeilen */
.infiniweb-gallery01__item--large {
  grid-row: 1 / 3;
}

/* --- Image Wrapper --- */
.infiniweb-gallery01__img-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--infiniweb-gallery01-radius, var(--incms-radius-lg));
}

.infiniweb-gallery01__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s var(--ease-in-out, ease);
}

/* Fallback: leeres src ausblenden */
.infiniweb-gallery01__img[src=""] {
  display: none;
}

/* Hover-Zoom */
.infiniweb-gallery01__item:hover .infiniweb-gallery01__img {
  transform: scale(1.05);
}

/* --- Link-Wrapper --- */
.infiniweb-gallery01__link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* Link deaktiviert: kein Pointer, kein Klick */
.infiniweb-gallery01__link--off {
  pointer-events: none;
  cursor: default;
}

/* Link aktiviert */
.infiniweb-gallery01__link--on {
  cursor: pointer;
}

/* --- Badge --- */
.infiniweb-gallery01__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 4px;
  line-height: 1.3;
  white-space: nowrap;
}

/* Badge ausgeblendet */
.infiniweb-gallery01__badge--off {
  display: none;
}

/* Badge eingeblendet */
.infiniweb-gallery01__badge--on {
  display: inline-block;
}

/* Badge Farbvarianten – Palette */
.infiniweb-gallery01__badge--primary {
  background: var(--incms-primary);
  color: var(--incms-primary-text);
}

.infiniweb-gallery01__badge--secondary {
  background: var(--incms-secondary);
  color: var(--incms-secondary-text);
}

.infiniweb-gallery01__badge--accent {
  background: var(--incms-accent);
  color: var(--incms-accent-text);
}

/* Badge Farbvariante – Custom (via CSS-Variable) */
.infiniweb-gallery01__badge--custom {
  background: var(--infiniweb-gallery01-badge1-bg, var(--incms-primary));
  color: var(--infiniweb-gallery01-badge1-txt, #ffffff);
}

/* Individuelle Badge-Farben pro Bild (Custom-Modus) */
.infiniweb-gallery01__item:nth-child(1) .infiniweb-gallery01__badge--custom {
  background: var(--infiniweb-gallery01-badge1-bg, var(--incms-primary));
  color: var(--infiniweb-gallery01-badge1-txt, #ffffff);
}

.infiniweb-gallery01__item:nth-child(2) .infiniweb-gallery01__badge--custom {
  background: var(--infiniweb-gallery01-badge2-bg, var(--incms-primary));
  color: var(--infiniweb-gallery01-badge2-txt, #ffffff);
}

.infiniweb-gallery01__item:nth-child(3) .infiniweb-gallery01__badge--custom {
  background: var(--infiniweb-gallery01-badge3-bg, var(--incms-primary));
  color: var(--infiniweb-gallery01-badge3-txt, #ffffff);
}

/* --- Animation --- */
.infiniweb-gallery01__anim {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s var(--ease-in-out, ease), transform 0.6s var(--ease-in-out, ease);
}

.infiniweb-gallery01__anim.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* --- Edit-Mode --- */
.view-edit .infiniweb-gallery01__anim {
  opacity: 1 !important;
  transform: none !important;
}

/* --- Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-gallery01__anim {
    opacity: 1 !important;
    transform: none !important;
  }
  .infiniweb-gallery01__img {
    transition: none !important;
  }
}

/* --- Responsive: Mobile --- */
@media screen and (max-width: 768px) {
  .infiniweb-gallery01__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .infiniweb-gallery01__item--large {
    grid-row: auto;
  }

  .infiniweb-gallery01__img-wrap {
    aspect-ratio: 4 / 3;
  }
}

/* --- Responsive: Desktop --- */
@media screen and (min-width: 769px) {
  .infiniweb-gallery01__item--large .infiniweb-gallery01__img-wrap {
    height: 100%;
  }

  .infiniweb-gallery01__item--small .infiniweb-gallery01__img-wrap {
    aspect-ratio: 4 / 3;
  }
}

.infiniweb-gallery01 {
	--section-space-top: var(--section-space-xl);
	--section-space-bottom: var(--section-space-xl);
	--infiniweb-gallery01-gap: 20px;
	--infiniweb-gallery01-radius: var(--incms-radius-lg);
}

.class2 {
	font-size: 16px;
}

.class3 {
	font-size: 100%;
}

.class4 {
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.class5 {
	text-align: left;
}

.nj-mp3{display:block}

.btn-group.incms-custom-btn {
  margin-top: 0;
  margin-top: auto;
}
.btn-stretch > .incms-btn{
  flex-grow:1;
}

.incms-custom-btn {
	justify-content: flex-start;
}

/* -------------------------------- 
CTA 01
-------------------------------- */
.incms-cta1{
  background-color: var(--incms-cta1-bg);
}

.incms-cta1 {
	--incms-cta1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-cta1-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
CTA 02
-------------------------------- */
.incms-cta2{
  background-color: var(--incms-cta2-bg);
}
.incms-cta2-inner{
  border-radius: var(--border-radius);
  overflow:hidden;
  isolation: isolate;
  background-size: cover;
  background-position: center;
}
.incms-cta2-inner .incms-section-overlay {
  z-index: -1;
}
.incms-cta2 .incms-btn.incms-btn-outline a {
  color: var(--text-color);
}

.incms-cta2 {
	--incms-cta2-bg: #FFFFFF;
	--title-color: #0a2d42;
	--text-color: #0a2d42;
}

.incms-cta2-inner {
	background-image: url(https://www.hundewohnmobile.de/incms_files/filebrowser/cache/abstract_placeholder_image_bw_4e01734da4f782ca5ed2edcf109037b7.jpg);
	background-color: #FFFFFF;
	--border-radius: var(--incms-radius-lg);
}

.incms-cta2-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
CopyCockpit Chatbot
-------------------------------- */
iframe{display: block;}
html:has(.view-normal .incms-chatbot-section),
.view-normal .ym-wrapper:has(.incms-chatbot-section),
.view-normal .ym-wbox:has(.incms-chatbot-section){
  height: 100%;
}
body.view-normal:has(.incms-chatbot-section) {
  height: 100%;
  touch-action: pan-x pan-y;
}
.view-normal .ym-wbox:has(.incms-chatbot-section) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.view-normal #main:has(.incms-chatbot-section) {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}
.view-normal #main:has(.incms-chatbot-section) * {
  height: 100%;
}

/* Firefox Fix */
.has-incms-chatbot,
.has-incms-chatbot .view-normal .ym-wrapper,
.has-incms-chatbot .view-normal .ym-wbox{
  height: 100%;
}
.has-incms-chatbot .view-normal{
  height: 100%;
  touch-action: pan-x pan-y;
}
.has-incms-chatbot .view-normal .ym-wbox{
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.has-incms-chatbot .view-normal #main{
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}
.has-incms-chatbot .view-normal #main *{
  height: 100%;
}

.info-copycockpit-chatbot {
	cls: copycockpit-chatbot;
	iconCls: fa fa-exclamation-triangle;
	style: background: #ffde92;;
}

.call-us-cta {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}
.call-us-cta span {
  font-size: 29px;
}
.call-us-cta a {
  background: #e91735;
  color: #fff;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px rgb(0 0 0 / 0.35);
}

.custom-hr {
	border-width: 0px;
}

/* -------------------------------- 
Custom Section
-------------------------------- */
.incms-custom-section {
  position:relative;
  isolation: isolate;
  background-color: var(--custom-section-bg-color);
  --section-space-m: calc(var(--section-space) / 1.25);
  background-size: cover;
}
.incms-custom-section table tr > * {
  padding: 4px 0;
}
.incms-custom-section *:last-child:not(hr),
.incms-custom-section :has(> :last-child:is(.incms-desktop-hidden, .incms-mobile-hidden)) > :nth-last-child(2){
  margin-bottom: 0;
}

.incms-custom-section .incms-container.custom-width{
  max-width: var(--custom-width);
}
.section-overlap{
  margin-top: calc(var(--section-overlap) * -1)
}
.incms-custom-section h1,
.incms-custom-section h2,
.incms-custom-section h3,
.incms-custom-section h4,
.incms-custom-section h5,
.incms-custom-section h6,
.incms-form .incms-form-title{
  color: var(--headings-color);
}

[data-colors="custom"].incms-custom-section .incms-form .checkbox.terms-field label,
[data-colors="custom"].incms-custom-section .incms-form .incms-form-item-label,
[data-colors="custom"].incms-custom-section p,
[data-colors="custom"].incms-custom-section li {
  color: var(--text-color);
}

[data-colors="custom"].incms-custom-section .news_item h2 a,
[data-colors="custom"].incms-custom-section p a,
[data-colors="custom"].incms-custom-section .incms-form p a,
[data-colors="custom"].incms-custom-section .incms-form span a,
[data-colors="custom"] .tooltip {
  color: var(--link-color);
}

[data-colors="incms"].incms-custom-section h1,
[data-colors="incms"].incms-custom-section h2,
[data-colors="incms"].incms-custom-section h3,
[data-colors="incms"].incms-custom-section h4,
[data-colors="incms"].incms-custom-section h5,
[data-colors="incms"].incms-custom-section h6,
[data-colors="incms"].incms-custom-section p,
[data-colors="incms"].incms-custom-section li,
[data-colors="incms"].incms-custom-section .incms-form .checkbox.terms-field label,
[data-colors="incms"].incms-custom-section .incms-form .incms-form-item-label {
  color: var(--incms-text);
}

@media screen and (min-width: 769px){
  .onecol #main .ym-cbox > .incms-custom-section:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .onecol #main .ym-cbox > .incms-custom-section:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}

.incms-custom-section.custom-height{
  display: flex;
  align-items: center;
  min-height: var(--custom-height);
}
.incms-custom-section.fullheight{
  display: flex;
  align-items: center;
}
.incms-custom-section.fullheight {
  min-height: 100svh;
}
.incms-section-overlay,
.incms-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.incms-custom-section[style*="--section-space-bottom: 0px;"] .incms-container .ym-grid:last-child .media-single-image:last-child figure > img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* Parallax Animation */
.incms-parallax.parallax-animation {
  background-size: cover;
  background-position: center calc(50% + var(--parallax-distance, 0px));
}
.incms-parallax.parallax-animation:before {
  display: none;
}
/* VIDEO */
video.incms-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Pager */
.incms-custom-section ul.pager {
  --pager-size:      2.25em;
  --pager-gap:       0.375em;
  --pager-radius:    var(--incms-radius-sm, 5px);
  --pager-ink:       var(--incms-text);
  --pager-accent:    var(--incms-primary);
  --pager-on-accent: var(--incms-primary-text);
  --pager-line:      rgba(0, 0, 0, 0.2);
  --pager-line:      rgb(from var(--pager-ink) r g b / 0.25);
  --pager-muted:     rgba(0, 0, 0, 0.5);
  --pager-muted:     rgb(from var(--pager-ink) r g b / 0.55);
  --pager-fill:      rgba(0, 0, 0, 0.06);
  --pager-fill:      rgb(from var(--pager-ink) r g b / 0.07);
}

[data-colors="custom"].incms-custom-section ul.pager {
  --pager-ink:       var(--text-color);
  --pager-accent:    var(--link-color);
  --pager-on-accent: var(--custom-section-bg-color, #fff);
}

/* themed sections remap --incms-text but not --incms-primary, so a primary
   chip would vanish into a Primary section's surface */
[data-colors="incms"][data-theme="primary"].incms-custom-section ul.pager,
[data-colors="incms"][data-theme="secondary"].incms-custom-section ul.pager,
[data-colors="incms"][data-theme="accent"].incms-custom-section ul.pager {
  --pager-accent:    var(--incms-text);
  --pager-on-accent: var(--incms-background);
}

.incms-custom-section ul.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--pager-gap);
  float: none;
  margin: 0;
  margin-left: 0;
  padding: 20px 0 0;
  list-style: none;
}

.incms-custom-section ul.pager li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.incms-custom-section ul.pager li.page.placeholder,
.incms-custom-section ul.pager li a,
.incms-custom-section ul.pager li.current {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  float: none;
  width: var(--pager-size);
  height: var(--pager-size);
  padding: 0;
  line-height: 1;
  text-decoration: none;
  border: 1px solid var(--pager-line);
  border-left-width: 1px;
  border-radius: var(--pager-radius);
  color: var(--pager-ink);
  background-color: transparent;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.incms-custom-section ul.pager li.page.placeholder {
    display: flex;
}

/* the core stylesheet pins a:hover/a:focus colour AND background-color,
   so both must be restated or the fill disappears on hover */
.incms-custom-section ul.pager li a:hover,
.incms-custom-section ul.pager li a:focus {
  color: var(--pager-on-accent);
  background-color: var(--pager-accent);
  border-color: var(--pager-accent);
  text-decoration: none;
}

.incms-custom-section ul.pager li.active a,
.incms-custom-section ul.pager li.active a:hover,
.incms-custom-section ul.pager li.active a:focus {
  color: var(--pager-on-accent);
  background-color: var(--pager-accent);
  border-color: var(--pager-accent);
  cursor: default;
}

.incms-custom-section ul.pager li.current {
  color: var(--pager-muted);
  background-color: var(--pager-fill);
  cursor: default;
}

.incms-custom-section ul.pager li.disabled a {
  color: var(--pager-muted);
  opacity: 0.6;
  pointer-events: none;
}
/* Temporary code start */
.incms-custom-section {
	--custom-height: 700px;
}
.incms-custom-section-bg-img {
	background-position-x: center;
	background-position-y: center;
}
/* Temporary code end */

.incms-custom-section {
	--custom-width: 0px;
	--custom-height: 0px;
}

/* -------------------------------- 
FAQ 01
-------------------------------- */
.incms-faq1{
  background-color: var(--accordion-bg-color);
}
.incms-accordion-item-header {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  color: inherit;
  line-height: inherit;
  appearance: none;
  padding: calc(var(--section-space)/3) 0;
}
.incms-accordion-item-header svg {
  --size: calc(var(--accordion-title-size) + var(--accordion-title-size)/4);
  height: var(--size);
  width: var(--size);
  display: inline-block;
  color: var(--text-color);
  fill: currentcolor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}
.incms-accordion-item.is-open > .incms-accordion-panel {
  display: block;
}
.incms-accordion-panel {
  display: none;
  will-change: height;
  transform: translateZ(0px);
  padding: 0 0 calc(var(--section-space)/3);
}
[data-colors="incms"] .incms-accordion-panel {
  opacity: .75;
}
button.incms-accordion-item-header:before {
  /* content: ""; */
  position: absolute;
  inset: 0px;
  z-index: -1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.incms-accordion-item-header h3 {
  margin: 0;
  font-size: var(--accordion-title-size);
  color:var(--title-color)
}
.incms-accordion-item {
  position: relative;
}
.incms-accordion-item + .incms-accordion-item:before {
  content: '';
  background: var(--text-color);
  height: 1px;
  position: absolute;
  width: 100%;
  opacity: .2;
  top: 0;
  left: 0;
}
.incms-accordion-item:after {
  bottom: 0;
  left: 0;
}
[data-colors="custom"] .incms-accordion-panel,
[data-colors="custom"] .incms-accordion-panel p{
  margin: 0;
  color:var(--text-color);
}
[data-colors="incms"] .incms-accordion-item svg {color: var(--incms-text);}
[data-colors="incms"] .incms-accordion-item h3,
[data-colors="incms"] .incms-accordion-item p {
  color: var(--incms-text);
}
[data-colors="incms"] .incms-accordion-item:before,
[data-colors="incms"] .incms-accordion-item:after {
  background: var(--incms-text);
}
/* animations */
.incms-accordion-item .icon__group{
  transition: -webkit-transform 0.3s var(--ease-out);
  transition: transform 0.3s var(--ease-out);
  transition: transform 0.3s var(--ease-out), -webkit-transform 0.3s var(--ease-out);
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.incms-accordion-item .icon__group > * {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 20;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition: stroke-dashoffset 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, stroke-dashoffset 0.3s;
  transition: transform 0.3s, stroke-dashoffset 0.3s, -webkit-transform 0.3s;
  transition-timing-function: var(--ease-out);
}
.incms-accordion-item .icon__group > *:first-child {
  stroke-dashoffset: 10.15;
}
.incms-accordion-item .icon__group > *:last-child {
  stroke-dashoffset: 10.15;
}
.incms-accordion-item.is-open .icon__group {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.incms-accordion-item.is-open .icon__group > *:first-child,.incms-accordion-item.is-open .icon__group *:last-child {
  stroke-dashoffset: 0;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.incms-accordion-item.is-open .incms-accordion-panel > * {
  -webkit-animation: incms-accordion-animation 0.4s var(--ease-out);
  animation: incms-accordion-animation 0.4s var(--ease-out);
}

@-webkit-keyframes incms-accordion-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes incms-accordion-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@media screen and (max-width: 768px) {
  .incms-accordion-item-header h3 {
    --accordion-title-size: var(--accordion-title-mobile-size);
  }
}

.incms-faq1 {
	--accordion-bg-color: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-faq1_title {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-faq1_items {
	--accordion-title-size: 20px;
	--accordion-title-mobile-size: 18px;
}

/* -------------------------------- 
Feature 01
TODO: Transparent bg rgb(from var(--color) r g b / var(--opacity))
-------------------------------- */
.incms-feature-box-icon .icon-wrapper{
  display:block;
  position: relative;
  isolation: isolate;
  padding: 1.75em 0;
}
.incms-feature-box-icon .icon-wrapper:has(.fa-hidden) {
  display: none;
}
.incms-feature-box-icon .smart-fa-size {
  position: relative;
  display: inline-block;
}
.incms-feature-box-icon .smart-fa-size:after {
  content: "";
  background: #fff;
  width: 1.75em;
  height: 1.75em;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.incms-feature-box-icon {
  text-align: var(--fbox3-alignment);
  background-color: var(--fbox3-bg-color);
}
.incms-feature-box-icon .smart-box-container{
  padding: var(--fbox3-padding-y) var(--fbox3-padding-x);
}
.incms-feature-box-icon .incms-grid {
  display: flex;
  --gap: var(--legacy-grid-gap, 20px);
}
@media screen and (max-width: 768px) {
  .incms-feature-box-icon .incms-grid {
    flex-direction: column;
  }
}
.incms-feature-box-icon .incms-grid > div {
  padding: calc(var(--section-space)/2) calc(var(--section-space)/2);
  border-radius: var(--fbox3-box-radius);
  background-color:  var(--fbox3-box-color);
  display: flex;
  flex-direction: column;
}
.incms-feature-box-icon .incms-grid > div > p{
  margin-bottom:auto;
}
.incms-feature-box-icon .smart-fa-size{
  font-size: var(--fbox3-icon-size);
  color: var(--fbox3-icon-color);
  margin-top: calc((1.75em - var(--fbox3-icon-size))* -1 / 2);
}
.incms-feature-box-icon h3{
  font-size: var(--fbox3-title-size);
}
.incms-feature-box-icon h3:has(+ .rich-text:empty) {
  margin-bottom: 0;
}
.incms-feature-box-icon .incms-grid > div p{
  color: var(--fbox3-text-color);
}
.incms-feature-box-icon h3{
  color: var(--fbox3-title-color, var(--fbox3-text-color));
}
.incms-feature-box-icon .btn-group {
  margin-top: calc(var(--section-space)/2.5);
}
.incms-feature-box-icon .btn-group .incms-btn a {
  padding: 0.625em 1.125em;
  font-size: var(--text-fs);
}
.incms-feature-box-icon .incms-grid{
  text-align: center;
}
.incms-feature-box-icon .incms-grid .btn-group {
  justify-content: center;
}
.incms-feature-box-icon .incms-grid.text-left{
  text-align: left;
}
.incms-feature-box-icon .incms-grid.text-left .btn-group {
  justify-content: start;
}
.incms-feature-box-icon .incms-grid.text-left .smart-fa-size{
  margin-left: calc((1.75em - var(--fbox3-icon-size)) / 2);
}

/**/
[data-colors="custom"].incms-feature-box-icon .incms-btn a{
  background-color: var(--fbox3-btn-color);
  color: var(--fbox3-btntext-color);
}
[data-colors="incms"].incms-feature-box-icon {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-feature-box-icon .incms-grid > div {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate; 
}
[data-colors="incms"].incms-feature-box-icon .incms-grid > div:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"].incms-feature-box-icon .smart-fa-size:after{
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"].incms-feature-box-icon .incms-grid > div:before {
  background-color: var(--incms-background);
  opacity: 1;
}
[data-colors="incms"].incms-feature-box-icon .smart-fa-size{
  color: var(--incms-accent);
}
[data-colors="incms"].incms-feature-box-icon h3{
  color: var(--incms-text);
}
[data-colors="incms"].incms-feature-box-icon .incms-grid > div p{
  color: var(--incms-text);
}

.incms-feature-box-icon {
	--fbox3-bg-color: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--fbox3-box-color: #FFFFFF;
	--fbox3-icon-color: #039dd8;
	--fbox3-text-color: #081d27;
}

.incms-feature-box-icon_title {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature-box-icon_icon {
	--grid-cols: 2;
	--fbox3-icon-size: 44px;
	--fbox3-title-size: 20px;
}

/* -------------------------------- 
Feature 02
-------------------------------- */
.feature-img-content{
  background-color: var(--feature-img-content-bg);
}
[data-colors="incms"].feature-img-content.bg-transparent + [data-colors="incms"].feature-img-content.bg-transparent,
[data-colors="custom"].feature-img-content.bg-transparent + [data-colors="custom"].feature-img-content.bg-transparent,
[data-colors="incms"].feature-img-content.bg-05 + [data-colors="incms"].feature-img-content.bg-05,
[data-colors="custom"].feature-img-content.bg-05 + [data-colors="custom"].feature-img-content.bg-05{
  padding-top: 0;
}

.media-wrapper img {
	border: var(--img-border-size, 0) solid var(--img-border-color, transparent);
}

.feature-img-content {
	--feature-img-content-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.feature-img-content-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature-img-content-media {
	--img-border-size: 0px;
}

/* -------------------------------- 
Feature 03
-------------------------------- */
.incms-feature3 {
  text-align: var(--feature3box-alignment);
  background-color: var(--feature3box-bg-color);
}
.incms-feature3 .incms-grid {
  display: flex;
  --gap: var(--legacy-grid-gap);
}
@media screen and (max-width: 768px) {
  .incms-feature3 .incms-grid {
    flex-direction: column;
  }
}
.incms-feature3 .incms-grid > div {
  background-color:  var(--feature3box-color);
  border-radius: var(--feature3box-radius);
  /*overflow: hidden;*/
}
.incms-feature3 .incms-feature3-media{
  max-width: calc(var(--feature3img-maxWidth) * 1%);
}
.incms-feature3 .text-center .incms-feature3-media{
  margin: 0 auto;
}
.incms-feature3 .incms-feature3-content{
  background: var(--feature3box-text-bg);
  padding: calc(var(--section-space)/3) 0;
  border-radius: inherit;
}
.incms-feature3 .incms-grid.text-center .incms-feature3-content {
  padding: calc(var(--section-space)/3);
}
.incms-feature3 .incms-feature3-content p:last-child{
  margin-bottom:0;
}

.incms-feature3 .incms-grid > div p{
  color: var(--feature3box-text-color);
}
.incms-feature3 h3{
  font-size: var(--feature3box-title-size);
  color: var(--feature3box-title-color, var(--feature3box-text-color));
}
.incms-feature3 h3:has(+p:empty) {
  margin-bottom: 0;
}
[data-colors="incms"].incms-feature3 {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-feature3 .incms-grid > div {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate; 
}
a[data-colors="incms"].incms-feature3 .incms-grid > div:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"].incms-feature3 .incms-feature3-content{
  background-color: transparent;
}
[data-colors="incms"][data-theme="classic"].incms-feature3 .smart-fa-size:after{
  background-color: var(--incms-text);
  opacity: 0.05;
}
[data-colors="incms"][data-theme="classic"].incms-feature3 .incms-grid > div:before {
  background-color: var(--incms-background);
  opacity: 1;
}
[data-colors="incms"].incms-feature3 .smart-fa-size{
  color: var(--incms-accent);
}
[data-colors="incms"].incms-feature3 h3{
  color: var(--incms-text);
}
[data-colors="incms"].incms-feature3 .incms-grid > div p{
  color: var(--incms-text);
}


.incms-feature3 {
	--feature3box-bg-color: #FFFFFF;
	--title-color: #000000;
	--text-color: #000000;
	--feature3box-color: rgba(0, 0, 0, 0);
	--feature3box-text-bg: rgba(0, 0, 0, 0);
	--feature3box-text-color: #000000;
}

.incms-feature3_header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature3_box {
	--grid-cols: 3;
	--feature3box-title-size: 20px;
	--feature3img-maxWidth: 100;
}

/* -------------------------------- 
Feature 04
-------------------------------- */
.incms-feature4 {
  background-color: var(--feature4-bg-color);
}
.incms-feature4-header{
  margin-bottom: calc(var(--section-space) / 1.5);
}
.incms-scroller{
  overflow: hidden;
}
.incms-scroller[data-animated="true"]{
  --animation-duration: calc(100s / var(--feature4-speed));
}
.incms-container-fullwidth-content .incms-scroller[data-animated="true"] {
  --animation-duration: calc(100s / var(--feature4-speed) * 2);
}
.view-normal .incms-scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--animation-duration, 10s) var(--animation-direction, forwards) linear infinite;
}
.incms-scroller[data-hover="true"][data-animated="true"]:hover .scroller__inner{
  animation-play-state: paused;
}
.incms-scroller[data-mask="true"][data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%,transparent);
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.incms-scroller[data-direction="right"] {
  --animation-direction: reverse;
}
.incms-scroller[data-direction="left"] {
  --animation-direction: forwards;
}
.scroller__inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--legacy-grid-gap);
  justify-content: center;
}
.scroller__inner img {
  height: var(--feature4-image-height);
  display: block;
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - var(--legacy-grid-gap)/2));
  }
}
.view-edit .scroller__inner{
  animation-play-state: paused !important;
}

.incms-feature4 {
	--feature4-bg-color: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.incms-feature4_header {
	hidden: 1;
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-feature4_animation {
	--feature4-speed: 5;
	--feature4-image-height: 42px;
	--legacy-grid-gap: 40px;
}

/* -------------------------------- 
infiniweb Feature 05 - Content Element
Based on Hero 07 layout, no hero correction
-------------------------------- */
.infiniweb-feature5{
  min-height: 400px;
  background-color: var(--infiniweb-feature5-bg);
  --imggap: calc(var(--legacy-grid-gap) - 4px);
}
/* Image grid layout */
.infiniweb-feature5-img-grid {
  display: flex;
  gap: var(--imggap);
  box-sizing: border-box;
  max-width: 700px;
  margin: 0 auto;
}
/* Shared image styles with scale-in animation */
.infiniweb-feature5-img-grid .infiniweb-feature5-img img {
  max-width: 100%;
  border: var(--border-width) solid var(--border-color);
  display: block;
  animation: .7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0s 1 infiniweb-feature5-imgScale;
  transform: scale(.5);
  opacity:0;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  width: 100%;
}
/* Left column: 3 images */
.infiniweb-feature5-group1 {
  width: 52%;
  gap: var(--imggap);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* Right column: 2 images, vertically centered */
.infiniweb-feature5-group2 {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--imggap);
}
/* Per-image max-width constraints */
.infiniweb-feature5-img-grid .infiniweb-feature5-img.infiniweb-feature5-img-1 {
  max-width: 58%;
}
.infiniweb-feature5-img-grid .infiniweb-feature5-img.infiniweb-feature5-img-3 {
  max-width: 46%;
}
.infiniweb-feature5-img-grid .infiniweb-feature5-img.infiniweb-feature5-img-4 {
  max-width: 100%;
}
.infiniweb-feature5-img-grid .infiniweb-feature5-img.infiniweb-feature5-img-5 {
  max-width: 73%;
}
/* Staggered animation delays */
.infiniweb-feature5-img.infiniweb-feature5-img-1 img {animation-delay: .1s;}
.infiniweb-feature5-img.infiniweb-feature5-img-2 img {animation-delay: .2s;}
.infiniweb-feature5-img.infiniweb-feature5-img-3 img {animation-delay: .3s;}
.infiniweb-feature5-img.infiniweb-feature5-img-4 img {animation-delay: .4s;}
.infiniweb-feature5-img.infiniweb-feature5-img-5 img {animation-delay: .5s;}
/* Scale-in keyframe */
@keyframes infiniweb-feature5-imgScale {
  0% {
    transform: scale(.5);
    opacity:0;
  }
  100% {
    transform: scale(1);
    opacity:1;
  }
}

.infiniweb-feature5 {
	--infiniweb-feature5-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.infiniweb-feature5-header {
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.infiniweb-feature5-media {
	--border-radius: var(--incms-radius-md);
	--border-width: 4px;
	--border-color: rgba(255,255,255,0.1);
}

/* -------------------------------- 
FlexBox
-------------------------------- */
.incms-flexbox{
  background-color: var(--custom-flexbox-bg-color); /* VAR */
  padding: var(--flexbox-p-top) var(--flexbox-p-right) var(--flexbox-p-bottom) var(--flexbox-p-left); /* VAR */
  border: var(--flexbox-border-size) var(--flexbox-border-style) var(--flexbox-border-color); /* VAR */
  border-radius: var(--flexbox-radius);
}
/* A radius clips the content to the rounded edge. The radius field is a plain CSS
   variable, so the state is detected from the inline style the CMS writes on this
   element: any real radius value contains "--incms-radius-", "none" does not.
   (Same technique as reading-indicator.json's [style*="scroll-indicator"].) */
.incms-flexbox[style*="--incms-radius-"] {
  overflow: hidden;
}

/* inCMS mode: the surface comes from the palette, not the custom colour field.
   The framework rebinds --incms-background/--incms-text on this element for the
   primary/secondary/accent themes, so this follows the chosen theme automatically. */
.incms-flexbox[data-colors="incms"] {
  background-color: var(--incms-background);
}
/* Normal theme is pinned to the CORE palette so a themed parent section cannot drag
   it. NOTE: no var(--core-x, var(--x)) fallback here on purpose - rebinding a custom
   property to itself is a cycle and would invalidate it. On a framework without the
   core block these become invalid and inherit, which is the old behaviour anyway. */
.incms-flexbox[data-colors="incms"][data-theme="normal"] {
  --incms-background: var(--core-incms-background);
  --incms-text: var(--core-incms-text);
}
.incms-flexbox[data-colors="incms"].incms-flexbox :is(h1,h2,h3,h4,h5,h6,p,li) {
  color: var(--incms-text);
}
.incms-flexbox[data-colors="custom"].incms-flexbox :is(h1,h2,h3,h4,h5,h6) {
  color: var(--headings-color);
}
.incms-flexbox[data-colors="custom"].incms-flexbox :is(p,li) {
  color: var(--text-color);
}
.incms-flexbox[data-colors="custom"].incms-flexbox a {
  color: var(--link-color);
}

.incms-flexbox {
	--custom-flexbox-bg-color: #081d27;
	--headings-color: #FFFFFF;
	--text-color: #FFFFFF;
	--link-color: #01afef;
	--flexbox-p-top: 20px;
	--flexbox-p-bottom: 20px;
	--flexbox-p-left: 20px;
	--flexbox-p-right: 20px;
	--flexbox-border-size: 1px;
	--flexbox-border-style: none;
	--flexbox-radius: none;
}

/* -------------------------------- 
Footer 01
-------------------------------- */
.incms-footer1 {
  background-color: var(--incms-footer1-bg);
  padding: calc(var(--section-space)/2) 0;
  position:relative;
  isolation: isolate;
}
.footer1-social:empty{display:none}
.incms-footer1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: var(--incms-text,--text-color);
  transition: opacity .2s;
  opacity: 0.1;
}
[data-colors="incms"][data-theme="classic"].incms-footer1:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.incms-copy p {
  margin: 0;
}
.incms-footer1 a {
  background-color: transparent;
}
.incms-copy a + a {
  margin-left: 8px;
}
.footer1-social{
  font-size: var(--icon-size, 20px);
  display:flex;
  align-items: center;
}
.footer1-social a * {
  display: block;
}
.footer1-social a + a {
  margin-left: 12px;
}
.incms-copy p{
  color: var(--text-color);
}
.incms-copy p a,
.footer1-social a{
  color: var(--link-color);
}
.incms-copy p a:hover,
.incms-copy p a:focus,
.footer1-social a:hover,
.footer1-social a:focus {
  color: var(--hover-color);
}
.footer1-social a:hover svg.svg-icon{
  fill: currentColor;
  transform: scale(1.2);
}
.incms-footer1 .incms-creator {
  display: flex;
  align-items: center;
  justify-content: center;
}
.incms-footer1 .incms-creator img{
  height: var(--icon-size);
  width: auto;
  display: block;
}
[data-colors="custom"].incms-footer1 p a:before{
  background: var(--hover-color);
}
[data-colors="incms"].incms-footer1 {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-footer1 .incms-copy p,
[data-colors="incms"].incms-footer1 .incms-copy a,
[data-colors="incms"].incms-footer1 .footer1-social a{
  color: var(--incms-text);
}
[data-colors="incms"].incms-footer1 .incms-copy a:hover,
[data-colors="incms"].incms-footer1 .incms-copy a:focus,
[data-colors="incms"].incms-footer1 .footer1-social a:hover,
[data-colors="incms"].incms-footer1 .footer1-social a:focus {
  color: var(--incms-text);
}

@media screen and (max-width: 768px){
  .incms-footer1 {
    padding: calc(var(--section-space)/3) 0;
  }
  .incms-copy{
    margin-bottom:1em;
  }
  .footer1-social{
    justify-content: space-evenly;
  }
}

.incms-footer1 {
	--incms-footer1-bg: #081d27;
	--text-color: #FFFFFF;
	--link-color: #FFFFFF;
	--hover-color: #FFFFFF;
	--icon-size: 20px;
}

/* --------------------------------
Header 01
-------------------------------- */
.incms-header1-logo, .incms-header1-lang {
  display: flex;
}
.incms-header1-lang {
  justify-content: end;
}
.view-normal .header {
  position: relative;
  z-index: 3;
}
.view-normal header.header.header-sticky {
  position: sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header.header-fixed {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 99;
}
.incms-header1{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header1-height);
  min-height: var(--header1-height);
  background-color: var(--header1-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header1 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header1 .incms-logo {
  background-color: transparent !important;
}
.incms-header1-logo {
  min-width: min-content;
}
.incms-header1 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  max-height: calc(var(--header1-height) - var(--container-space) * 2);
}
.incms-header1 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header1 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header1 .burger-menu-btn-icon::before,.incms-header1 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header1 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header1 .burger-menu-btn-icon::before, .incms-header1 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header1 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header1 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header1 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header1 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header1 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header1 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header1 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menu alignment */
.incms-header1[data-menu="left"] .ym-hlist,
.incms-header1[data-menu="right"] .ym-hlist {
  gap: var(--space-xl);
}

.incms-header1[data-menu="right"] .incms-header1-menu {
  margin-left: auto;
}

.incms-header1[data-menu="left"] .incms-header1-lang,
.incms-header1[data-menu=""] .incms-header1-logo,
.incms-header1[data-menu=""] .incms-header1-lang,
.incms-header1[data-menu="center"] .incms-header1-logo,
.incms-header1[data-menu="center"] .incms-header1-lang{
  flex-basis: 0;
  flex-grow: 1;
}

.incms-header1[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header1[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:active,
.incms-header1[data-colors="custom"] .ym-hlist ul li a.active:hover{
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 768px){
  .incms-header1-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header1 .mobile-menu.burger-active + .incms-header1-menu {
    display: block;
  }
  .incms-header1-menu #topmenu{
    flex-direction: column;
  }
  .incms-header1-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header1-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  /*.incms-header1-menu .ym-hlist > ul > li:hover > a,*/
  .incms-header1-menu .ym-hlist > ul > li > a {
    padding: 10px;
    display: block;
    color: var(--mobile-link-color);
  }
  .incms-header1-menu .ym-hlist > ul > li > a.active,
  .incms-header1-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header1-menu #topmenu {
    display: flex !important;
    padding: 0;
  }
  .incms-header1-lang,
  .incms-header1-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header1-lang .lang-list ul {padding: 0}
.incms-header1-lang .lang-list ul li {margin: 0 !important}

.incms-header1-menu:has(#menulangtop:empty) + .incms-header1-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header1-lang .lang-list ul li.active {display: none}
.incms-header1 .mobile-menu{height:100%;}
@media screen and (min-width: 769px){
  .incms-header1 .mobile-menu{display:none;}
}

/* Edit mode fix */
.view-edit .incms-header1 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header1 nav.ym-hlist {position: relative;}
.view-edit .incms-header1-menu:has(#menulangtop:empty) + .incms-header1-lang {display: none;}

/* Colors */
[data-colors="incms"].incms-header1{
  background-color: transparent;
}
[data-colors="incms"].incms-header1:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-menu="center"] {}
@media screen and (max-width: 768px){
  [data-colors="incms"] .incms-header1-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}
/* Smart header */
[data-smart="true"].incms-header1.header-fixed{
  height: calc(var(--header1-height) + var(--container-space));
}
[data-smart="true"].incms-header1.header-fixed.active-scroll {
  height: var(--header1-height);
}

.incms-header1-colors {
	--header1-bg: rgba(255, 255, 255, 0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #06aeef;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header1 {
	--header1-height: 65px;
}

/* -------------------------------- 
Header 02
-------------------------------- */
.incms-header2-logo, .incms-header2-lang {
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
}
.incms-header2-lang {
  justify-content: end;
}
.incms-header2{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header2-height);
  background-color: var(--header2-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header2 .incms-logo {
  background-color: transparent !important;
}

.incms-header2 .incms-logo img {
  height: 100%;
  display: block;
}
.incms-header2 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.incms-header2 .incms-btn{
  transform: none;
}
.incms-header2 .incms-btn a{
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
}
.incms-header2-lang .lang-list ul {padding: 0}
.incms-header2-lang .lang-list ul li {margin: 0 !important}
.view-normal #menulangtop,
#menulangtop li.active,
.lang-list ul li.active {display: none}


/* Edit mode fix */
.view-edit .incms-header2 #menulangtop {position: absolute;right: var(--container-space);}

[data-colors="incms"].incms-header2{
  background-color: transparent;
}
[data-colors="incms"].incms-header2:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}

.incms-header2-colors {
	--header2-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
}

.incms-header2 {
	--header2-height: 60px;
}

/* --------------------------------
Header 03
-------------------------------- */
.incms-header3-menu, .incms-header3-right, .incms-header3 .mobile-menu{
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
}
.incms-header3-right {
  justify-content: end;
}
.incms-header3{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header3-height);
  background-color: var(--header3-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header3 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header3 .incms-logo {
  background-color: transparent !important;
}
.incms-header3 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
}
.incms-header3 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header3 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header3 .burger-menu-btn-icon::before,.incms-header3 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header3 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header3 .burger-menu-btn-icon::before, .incms-header3 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header3 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header3 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header3 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header3 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header3 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header3 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header3 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.incms-header3 .incms-btn{
  transform: none;
}
.incms-header3 .incms-btn a{
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
}

.incms-header3[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header3[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header3[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header3[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header3[data-colors="custom"] .ym-hlist ul li a:active,
.incms-header3[data-colors="custom"] .ym-hlist ul li a.active:hover{
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 1279px){
  .incms-header3-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header3 .mobile-menu.burger-active + .incms-header3-menu {
    display: block;
  }
  .incms-header3-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header3-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header3-menu .ym-hlist > ul > li > a,
  .incms-header3-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
    color: var(--mobile-link-color) !important;
  }
  .incms-header3-menu .ym-hlist > ul > li > a.active,
  .incms-header3-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header3-menu #topmenu {
    flex-direction: column;
    display: flex !important;
    padding: 0;
    width: 100%;
  }
  .incms-header3-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header3-lang .lang-list ul {padding: 0}
.incms-header3-lang .lang-list ul li {margin: 0 !important}

.incms-header3-menu:has(#menulangtop:empty) + .incms-header3-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header3-lang .lang-list ul li.active {display: none}
.incms-header3 .mobile-menu{height:100%;}
@media screen and (min-width: 1280px){
  .incms-header3 .mobile-menu{display:none;}
}

/* Edit mode fix */
.view-edit .incms-header3 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header3 nav.ym-hlist {position: relative;}
.view-edit .incms-header3-menu:has(#menulangtop:empty) + .incms-header3-lang,
.view-edit .incms-header3:not(:has(.incms-header3-lang)) #menulangtop {display: none;}



/* Colors */
[data-colors="incms"].incms-header3{
  background-color: transparent;
}
[data-colors="incms"].incms-header3:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-menu="center"] {}
@media screen and (max-width: 768px){
  [data-colors="incms"] .incms-header3-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header3-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header3-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header3-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

.incms-header3-colors {
	--header3-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #039dd8;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header3 {
	--header3-height: 65px;
}

/* --------------------------------
Header 04
-------------------------------- */
/* Globals Start */
.incms-header4 a,
[data-smart="true"].header-fixed {
  transition: all .5s var(--ease-in-out) !important;
}
[data-smart="true"]:not(.state2) {
  box-shadow: none;
}
/* Globals End */
.incms-header4-logo, .incms-header4-lang, .incms-header4-btn {
  display: flex;
}
.incms-header4-lang,
.incms-header4-btn{
  justify-content: end;
}
.view-normal .header {
  position: relative;
  z-index: 3;
}
.incms-header4{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  /*backdrop-filter: blur(15px);*/
  isolation: isolate;
}
.incms-header4.state1:has(.incms-container-fullwidth) {
  padding-top: calc(var(--container-space)* 2);
  padding-bottom: calc(var(--container-space)* 2);
}

.incms-header4.state1{
  min-height: var(--header4-height-state1);
  background-color: var(--header4-bg-state1);
}
.incms-header4.state2{
  min-height: var(--header4-height-state2);
  background-color: var(--header4-bg-state2);
}
.incms-header4.state1 .incms-logo {
  height: calc(var(--header4-height-state1) - var(--container-space)* 2);
}
.incms-header4.state2 .incms-logo {
  height: calc(var(--header4-height-state2) - var(--container-space)* 2);
}
.incms-header4.state2 .logo1,
.incms-header4.state1 .logo2{
  display: none;
}
.incms-header4 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header4 .incms-logo {
  background-color: transparent !important;
}
.incms-header4 .incms-logo img {
  max-width: auto;
  height: 100%;
  display: block;
}
.incms-header4 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header4 .burger-menu-btn-icon {
  color: inherit;
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header4 .burger-menu-btn-icon::before,
.incms-header4 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header4 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header4 .burger-menu-btn-icon::before,
.incms-header4 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header4 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header4 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header4 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header4 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header4 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header4 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header4 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menu alignment */
.incms-header4[data-menu="left"] .ym-hlist,
.incms-header4[data-menu="right"] .ym-hlist {
  gap: var(--space-xl);
}

.incms-header4[data-menu="right"] .incms-header4-menu {
  margin-left: auto;
}

.incms-header4[data-menu="left"] .incms-header4-lang,
.incms-header4[data-menu="left"] .incms-header4-btn,
.incms-header4[data-menu=""] .incms-header4-logo,
.incms-header4[data-menu=""] .incms-header4-lang,
.incms-header4[data-menu=""] .incms-header4-btn,
.incms-header4[data-menu="center"] .incms-header4-logo,
.incms-header4[data-menu="center"] .incms-header4-lang,
.incms-header4[data-menu="center"] .incms-header4-btn {
  flex-basis: 0;
  flex-grow: 1;
}
.incms-header4.state1 .ym-hlist ul li a {
  color: var(--desktop-link-color-state1);
}
.incms-header4.state1 .ym-hlist ul li a.active,
.incms-header4.state1 .ym-hlist ul li a:focus,
.incms-header4.state1 .ym-hlist ul li a:hover,
.incms-header4.state1 .ym-hlist ul li a:active {
  color: var(--desktop-link-active-color-state1);
}
.incms-header4.state2 .ym-hlist ul li a {
  color: var(--desktop-link-color-state2);
}
.incms-header4.state2 .ym-hlist ul li a.active,
.incms-header4.state2 .ym-hlist ul li a:focus,
.incms-header4.state2 .ym-hlist ul li a:hover,
.incms-header4.state2 .ym-hlist ul li a:active {
  color: var(--desktop-link-active-color-state2);
}
header .incms-header4.bg-transparent, header .incms-header4.bg-transparent:before {
  background-color: transparent;
  backdrop-filter: none;
}

.incms-header4 .incms-btn{
  transform: none;
}
.incms-header4 .incms-btn a {
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
  white-space: nowrap;
}
@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 768px){
  .incms-header4-menu{
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header4 .mobile-menu.burger-active + .incms-header4-menu {
    display: block;
  }
  .incms-header4-menu #topmenu{
    flex-direction: column;
  }
  .incms-header4-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header4-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header4-menu .ym-hlist > ul > li > a,
  .incms-header4-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
  }
  .incms-header4-menu #topmenu {
    display: flex !important;
    padding: 0;
  }
  .incms-header4-lang,
  .incms-header4-btn,
  .incms-header4-menu #nav-trigger {
    display: none !important;
  }
  .state1 .incms-header4-menu{
    background: var(--mobile-menu-bg-state1);
  }
  .state1 .incms-header4-menu .ym-hlist > ul > li > a,
  .state1 .incms-header4-menu .ym-hlist > ul > li:hover > a{
    color: var(--mobile-link-color-state1);
  }
  .state1 .incms-header4-menu .ym-hlist > ul > li > a.active,
  .state1 .incms-header4-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color-state1);
  }
  .state2 .incms-header4-menu{
    background: var(--mobile-menu-bg-state2);
  }
  .state2 .incms-header4-menu .ym-hlist > ul > li > a,
  .state2 .incms-header4-menu .ym-hlist > ul > li:hover > a{
    color: var(--mobile-link-color-state2);
  }
  .state2 .incms-header4-menu .ym-hlist > ul > li > a.active,
  .state2 .incms-header4-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color-state2);
  }
}

.incms-header4-lang .lang-list ul {padding: 0}
.incms-header4-lang .lang-list ul li {margin: 0 !important}

.incms-header4-menu:has(#menulangtop:empty) + .incms-header4-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header4-lang .lang-list ul li.active {display: none}
.incms-header4 .mobile-menu{height:100%;}
@media screen and (min-width: 769px){
  .incms-header4 .mobile-menu{display:none;}
}

/* Colors */
.incms-header4.state1 .burger-menu-btn-icon {
  background-image: linear-gradient(var(--desktop-link-color-state1), var(--desktop-link-color-state1));
}
.incms-header4.state2 .burger-menu-btn-icon {
  background-image: linear-gradient(var(--desktop-link-color-state2), var(--desktop-link-color-state2));
}

#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

/* Edit mode fix */
.view-edit .incms-header4 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header4 nav.ym-hlist {position: relative;}
.view-edit .incms-header4-menu:has(#menulangtop:empty) + .incms-header4-lang {display: none;}
.view-edit .incms-header4:has(.incms-header4-btn) #menulangtop {
  display: none;
}


.incms-header4-state1 {
	--header4-height-state1: 65px;
	--header4-bg-state1: rgba(255,255,255,0);
	--desktop-link-color-state1: #FFFFFF;
	--desktop-link-active-color-state1: #039dd8;
	--mobile-menu-bg-state1: #039dd8;
	--mobile-link-color-state1: #FFFFFF;
	--mobile-link-active-color-state1: #FFFFFF;
}

.incms-header4-state2 {
	--header4-height-state2: 60px;
	--header4-bg-state2: #FFFFFF;
	--desktop-link-color-state2: #081d27;
	--desktop-link-active-color-state2: #06aeef;
	--mobile-menu-bg-state2: #039dd8;
	--mobile-link-color-state2: #FFFFFF;
	--mobile-link-active-color-state2: #FFFFFF;
}

/* --------------------------------
Header 05
-------------------------------- */
.incms-header5-left, .incms-header5-right{
  display: none;
}
[data-menu="aside"] .incms-header5-right {
  justify-content: end;
}
[data-menu="center"] .incms-header5-left {
  justify-content: end;
}
.incms-header5{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header5-height);
  background-color: var(--header5-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header5 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-xl);
}
.incms-header5 .incms-logo {
  background-color: transparent !important;
}
.incms-header5 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
}
.incms-header5 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header5 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header5 .burger-menu-btn-icon::before,.incms-header5 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header5 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header5 .burger-menu-btn-icon::before, .incms-header5 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header5 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header5 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header5 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header5 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header5 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header5 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header5 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.incms-header5 .incms-btn{
  transform: none;
}
.incms-header5 .incms-btn a{
  display: block;
  padding: 0.625em 0.875em;
  height: 100%;
  font-size: 16px;
}

.incms-header5[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header5[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header5[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header5[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header5[data-colors="custom"] .ym-hlist ul li a:active {
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 1279px){
  .incms-header5-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header5 .mobile-menu.burger-active + .incms-header5-menu {
    display: block;
  }
  .incms-header5-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header5-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header5-menu .ym-hlist > ul > li > a,
  .incms-header5-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
    color: var(--mobile-link-color) !important;
  }
  .incms-header5-menu .ym-hlist > ul > li > a.active,
  .incms-header5-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header5-menu #topmenu {
    flex-direction: column;
    display: flex !important;
    padding: 0;
    width: 100%;
  }
  .incms-header5-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header5 .mobile-menu{height:100%;}

@media screen and (min-width: 1280px){
  .incms-header5 .incms-header5-menu,
  .incms-header5 .mobile-menu{display:none;}
  .incms-header5-left, .incms-header5-right{
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
  }
}

/* Colors */
[data-colors="incms"].incms-header5{
  background-color: transparent;
}
[data-colors="incms"].incms-header5:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}

@media screen and (max-width: 1279px){
  [data-colors="incms"] .incms-header5-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header5-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header5-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header5-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

/* Edit mode fix */
.view-edit .incms-header5 nav.ym-hlist {position: relative;}

.view-edit .incms-header5-left:empty:before,
.view-edit .incms-header5-right:empty:before {
    content: "";
    display: block;
    width: 80px;
    height: 12px;
    border-radius: 30px;
    background: #777;
}

.view-edit [data-menu="aside"] .incms-header5-left:empty:before,
.view-edit [data-menu="center"] .incms-header5-right:empty:before{
    box-shadow: 100px 0 #777,200px 0 #777;
}
.view-edit [data-menu="center"] .incms-header5-left:empty:before,
.view-edit [data-menu="aside"] .incms-header5-right:empty:before {
    margin-left: auto;
    box-shadow: -100px 0 #777,-200px 0 #777;
}


.info-header5 {
	cls: header5;
	iconCls: fa fa-exclamation-triangle;
	style: background: #ffde92;;
}

.incms-header5-colors {
	--header5-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #039dd8;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header5 {
	--header5-height: 60px;
}

/* -------------------------------- 
Heading
-------------------------------- */
.custom-width header.text-center {
  margin: 0 auto;
}
@media screen and (min-width: 769px){
  [data-header-layout="horizontal"] header{
    display: flex;
    gap: calc(var(--legacy-grid-gap) * 1.5)
  }
  [data-header-layout="horizontal"] header > * {
    flex: 1;
  }
  [data-header-layout="horizontal"] header > div {
    flex: 0 0 70%;
  }
  [data-header-layout="horizontal"] header.text-center {
    text-align: left;
  }
}

.incms-custom-heading {
	--section-header-width: 100;
	--title-size: 40px;
	--title-mobile-size: 30px;
}

/* -------------------------------- 
Hero 01
-------------------------------- */
.incms-hero1 {
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: calc(var(--section-space-top) * 2);
  padding-bottom: calc(var(--section-space-bottom) * 2);
  --incms-scroll-to-color: var(--text-color);
  isolation: isolate;
}
.incms-hero1.custom-height{
  display: flex;
  align-items: center;
  min-height: var(--custom-height);
}
.incms-hero1.fullheight{
  display: flex;
  align-items: center;
}
.incms-section-overlay,
.incms-hero1-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.incms-section-overlay + .incms-container {
  /*position: relative;*/
}
.custom-width header{
  max-width: var(--custom-width);
  margin: 0;
}
.text-center .custom-width header {
  margin: 0 auto;
}
body.view-normal:has(.header-fixed) .incms-hero1.fullheight {
  min-height: 100svh !important;
}
.incms-hero1 [data-slabel]::before {
  --incms-text: var(--text-color);
}
.incms-hero1 h1:empty,
.incms-hero1 p:empty,
.incms-hero1 .p:empty{
  display: none;
}
.incms-hero1 h1{
  font-size: var(--title-size);
  color: var(--title-color);
  margin-bottom: 0.618em;
}
.incms-hero1 p{
  color: var(--text-color);
  margin-bottom: 0.618em;
}
.incms-hero1 .incms-btn.incms-btn-outline a {
  color: var(--text-color);
}
@media screen and (max-width: 768px) {
  .incms-hero1 h1{
    font-size: var(--title-mobile-size);
  }
}
.view-edit .incms-hero1.fullheight {
  min-height: 100svh;
}
.incms-hero1 .incms-scroll-to{
  position: absolute;
  bottom: calc(var(--section-space) - var(--scroll-to-height)/2);
}
.incms-hero1 .incms-scroll-to + a[name] {
  position: absolute;
  top: auto;
  bottom: var(--incms-anchor-correction, 0);
}
.incms-hero1.text-center .incms-scroll-to {
  left: calc(50% - var(--scroll-to-width) / 2);
  /* left: calc(50% + var(--website-width)/2 - var(--scroll-to-width) - var(--container-space)); */
}
/* Parallax Animation */
.incms-parallax.parallax-animation {
  background-size: cover;
  background-position: center calc(50% + var(--parallax-distance, 0px));
}
.incms-parallax.parallax-animation:before {
  display: none;
}
/* VIDEO */
video.incms-hero1-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px){
  .incms-hero1:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top) * 2) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero1 {
    padding-top: calc(var(--section-space-top-m) * 2);
    padding-bottom: calc(var(--section-space-bottom-m) * 2);
  }
  .incms-hero1:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m) * 2) !important;
  }
}

.incms-hero1 {
	--custom-width: 900px;
	--custom-height: 700px;
	background-image: url(https://www.hundewohnmobile.de/incms_files/filebrowser/cache/abstract_placeholder_image_bw_4e01734da4f782ca5ed2edcf109037b7.jpg);
	background-color: #004863;
}

.incms-hero1-title {
	--title-color: #FFFFFF;
	--title-size: 48px;
	--title-mobile-size: 35px;
}

.incms-hero1-text {
	--text-color: #FFFFFF;
}

/* -------------------------------- 
Hero 02
-------------------------------- */
.incms-hero2{
  min-height: 500px;
  background-color: var(--incms-hero2-bg);
  padding: 0;
}
.incms-hero2:first-of-type{
  padding-top: var(--incms-hero-correction) !important;
}
[data-layout="content-image"].incms-hero2 .side-image{
  right: 0;
}
[data-layout="content-image"].incms-hero2 .inner-container{
  padding: var(--section-space-m) 0 var(--section-space-m) 0;
}
[data-layout="image-content"].incms-hero2 .side-image{
  left: 0;
}
[data-layout="image-content"].incms-hero2 .inner-container{
  padding: var(--section-space-m) 0 var(--section-space-m) 0;
}
.incms-hero2 .incms-container-fullwidth {
  margin-right: 0;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .incms-hero2 .side-image {
    position: absolute;
    width: 50%;top: 0;
  }
  .incms-hero2 .inner-container{
    width: 50%;
  }
  [data-layout="content-image"].incms-hero2 .inner-container{
    padding: calc(var(--section-space) * 2) var(--section-space) calc(var(--section-space) * 2) 0;
  }
  [data-layout="image-content"].incms-hero2 .inner-container{
    padding: calc(var(--section-space) * 2) 0 calc(var(--section-space) * 2) var(--section-space);
    margin-left:auto;
  }
  /* Hero 2 Shapes */
  .incms-hero2 [data-shape^="tilt"] {
    --shape-size:var(--hero-shape-size);
  }
  [data-layout="content-image"].incms-hero2 [data-shape="tilt-tr-bottom"] {
    clip-path: polygon(var(--shape-size) 0, 100% 0, 100% 100%, 0 100%);
  }

  [data-layout="content-image"].incms-hero2 [data-shape="tilt-br-top"] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--shape-size) 100%);
  }
}
@media screen and (max-width: 768px) {
  .incms-hero2{
    flex-direction: column;
  }
  [data-layout="content-image"].incms-hero2 .inner-container{
    /*text-align: center;*/
  }
  section.section.incms-hero2 {
    padding-top: 0;
    padding-bottom: 0;
  }
  body:has(.header_wrap .incms-header4) #main .incms-hero2 {
    padding-top: 0 !important;
  }
  .incms-hero2 .side-image {
    aspect-ratio: 4/3;
  }
  .incms-hero2 [data-shape^="tilt"]{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--hero-shape-size)));
    margin-bottom: calc(-0.5*var(--section-space-m));
  }
}

.incms-hero2 {
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero2-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

/* -------------------------------- 
Hero 02
-------------------------------- */
.incms-hero2{
  min-height: 500px;
  background-color: var(--incms-hero2-bg);
  padding: 0;
}
.incms-hero2:first-of-type{
  padding-top: var(--incms-hero-correction) !important;
}
[data-layout="content-image"].incms-hero2 .side-image{
  right: 0;
}
[data-layout="content-image"].incms-hero2 .inner-container{
  padding: var(--section-space-m) 0 var(--section-space-m) 0;
}
[data-layout="image-content"].incms-hero2 .side-image{
  left: 0;
}
[data-layout="image-content"].incms-hero2 .inner-container{
  padding: var(--section-space-m) 0 var(--section-space-m) 0;
}
.incms-hero2 .incms-container-fullwidth {
  margin-right: 0;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .incms-hero2 .side-image {
    position: absolute;
    width: 50%;top: 0;
  }
  .incms-hero2 .inner-container{
    width: 50%;
  }
  [data-layout="content-image"].incms-hero2 .inner-container{
    padding: calc(var(--section-space) * 2) var(--section-space) calc(var(--section-space) * 2) 0;
  }
  [data-layout="image-content"].incms-hero2 .inner-container{
    padding: calc(var(--section-space) * 2) 0 calc(var(--section-space) * 2) var(--section-space);
    margin-left:auto;
  }
  /* Hero 2 Shapes */
  .incms-hero2 [data-shape^="tilt"] {
    --shape-size:var(--hero-shape-size);
  }
  [data-layout="content-image"].incms-hero2 [data-shape="tilt-tr-bottom"] {
    clip-path: polygon(var(--shape-size) 0, 100% 0, 100% 100%, 0 100%);
  }

  [data-layout="content-image"].incms-hero2 [data-shape="tilt-br-top"] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--shape-size) 100%);
  }
}
@media screen and (max-width: 768px) {
  .incms-hero2{
    flex-direction: column;
  }
  [data-layout="content-image"].incms-hero2 .inner-container{
    /*text-align: center;*/
  }
  section.section.incms-hero2 {
    padding-top: 0;
    padding-bottom: 0;
  }
  body:has(.header_wrap .incms-header4) #main .incms-hero2 {
    padding-top: 0 !important;
  }
  .incms-hero2 .side-image {
    aspect-ratio: 4/3;
  }
  .incms-hero2 [data-shape^="tilt"]{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--hero-shape-size)));
    margin-bottom: calc(-0.5*var(--section-space-m));
  }
}

.incms-hero2 {
	--incms-hero2-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero2-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

/* -------------------------------- 
Hero 03
-------------------------------- */
.incms-hero3{
  min-height: 500px;
  background-color: var(--incms-hero3-bg);
  position:relative;
  isolation: isolate;
  background-size: cover;
}
@media screen and (min-width: 769px){
  .incms-hero3:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
  .incms-hero3[style*="--section-space-bottom: 0px"] .col-auto {
    padding-bottom: var(--section-space-top);
  }
}
@media screen and (max-width: 768px){
  .incms-hero3:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}
@media screen and (min-width: 769px){
  
}


.incms-hero3 {
	--incms-hero3-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero3-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

.incms-hero3-media {
	--border-radius: var(--incms-radius-md);
}

/* -------------------------------- 
Hero 04
-------------------------------- */
.incms-hero4{
  background-color: var(--incms-hero4-bg);
}
.incms-hero4 .incms-container-fullwidth{
  padding: 0;
}
.incms-video{
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  z-index: 0;
}

.incms-hero4 .incms-container-fullwidth .inner-container{
  padding: 0 var(--container-space) var(--section-space-m) var(--container-space);
}

@media screen and (min-width: 769px) {
  .incms-hero4 .incms-container-fullwidth .inner-container{
    padding: var(--section-space) var(--container-space) var(--section-space) 0;
    /*max-width: calc(var(--website-width)/2 + var(--gap)/2);*/
  }
  .incms-hero4 .incms-container-fullwidth .flex-revert .inner-container {
    padding: var(--section-space) 0 var(--section-space) var(--container-space);
    margin-left: auto;
  }
}

.view-edit .incms-video:before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--title-color, var(--incms-text));
}
.view-edit .incms-video:before,
.view-edit [data-colors="incms"] .incms-video:before {
  background: var(--incms-text);
}
.view-edit .incms-video:after {
  content: "\f04b";
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--incms-background);
  font-size: 128px;
}

@media screen and (min-width: 769px){
  .incms-hero4:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero4:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}
.incms-hero4:has(.incms-container-fullwidth) {
  padding: 0 !important;
}

.incms-hero4 {
	--incms-hero4-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.incms-hero4-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

/* -------------------------------- 
Hero 05
-------------------------------- */
.incms-hero5{
  background-color: var(--incms-hero5-bg);
}
.incms-hero5 .incms-grid{
  --gap: var(--space-xl)
}
.incms-hero5[style*="--section-space-bottom: 0px"] .flex-column-reverse-desktop figure.media-wrapper img {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@media screen and (min-width: 769px){
  .incms-hero5 .incms-grid{
    --gap: calc(var(--space-xl) * 2)
  }
  .incms-hero5:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero5-media {
    margin: 0 calc(var(--container-space) * -1);
    --border-radius: 0 !important;
    aspect-ratio: auto;
  }
  .incms-hero5{
    padding-top: 0;
  }
  .incms-hero5:first-of-type {
    padding-top: var(--incms-hero-correction, 0px) !important;
  }
  .incms-hero5:has(.flex-reverse-mobile):first-of-type {
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
  .incms-hero5:has(.flex-column-reverse-desktop.flex-reverse-mobile-none):first-of-type {
    padding-bottom: var(--section-space-top-m) !important;
  }
  
}


.incms-hero5 {
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--link-color: #01afef;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.incms-hero5-header {
	--section-header-width: 85;
	--title-size: 56px;
	--title-mobile-size: 32px;
}

.incms-hero5-media {
	--border-radius: var(--incms-radius-md);
}

/* -------------------------------- 
Hero 06
-------------------------------- */
.incms-hero6{
  width: 100%;
  height: calc(100vh - var(--incms-header-height, 0px));
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
.incms-hero6[data-layout="compact"]{
  --incms-header-height: calc(var(--container-space)* 2);
}
.view-normal:has(.header .header-fixed) .incms-hero6{
  height: 100vh;
}
.incms-hero6 .responsive_image {
  margin: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.incms-hero6 .responsive_image--img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  opacity: 0;
  transition: opacity 0.2s var(--ease-in-out),transform .8s var(--ease-in-out) 0.2s;
}
.incms-hero6.loaded .responsive_image--img {
  transform: scale(1);
  opacity: 1;
}
.incms-hero6 .responsive_image:after {
  content:'';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid #fff;
  border-top-width:0;
  transition: all .6s var(--ease-in-out) 0.2s;
  box-sizing: border-box;
}
.incms-hero6.loaded .responsive_image:after {
  border-width: 0 var(--container-space, 0) var(--container-space, 0);
  border-top-width:0;
}
.view-normal:has(.header .header-fixed) .incms-hero6.loaded .responsive_image:after{
  border-top-width: var(--incms-header-height, 0);
}
.incms-hero6 .incms-section-overlay{
  z-index: 0;
}
.incms-hero6 .incms-hero6-content {
  position: absolute;
  inset: 0;
  display:flex;
  align-items:end;
  padding: var(--container-space, 0);
  /*transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;*/
}
.incms-hero6 .inner-container.content-overlay:before {
  content: '';
  position: absolute;
  background-color: var(--hero6-content-overlay-color);
  mix-blend-mode: var(--hero6-content-overlay-blendmode);
  inset: 0;
  display: block;
  transform: translateY(20px);
  opacity: 0;
  transition: all .4s var(--ease-in-out) 1.2s;
  z-index: 0;
  backdrop-filter: blur(5px);
}
.incms-hero6 .inner-container {
  position: relative;
  overflow: hidden;
  transition: all .6s var(--ease-in-out) 0.2s;
  padding: calc(var(--container-space, 0)* 2);
}

.incms-hero6 .inner-container header {
  display: block;
  transform: translateY(20px);
  opacity: 0;
  transition: all .4s var(--ease-in-out) 1.2s;
}
.view-normal .incms-hero6 .inner-container .btn-group {
  transform: translateY(20px);
  opacity: 0;
  transition: all .4s var(--ease-in-out) 1.2s;
}
.incms-hero6 .incms-btn-outline a{
  color: var(--title-color);
}
.view-edit .incms-hero6 .inner-container header, .incms-hero6.loaded .inner-container header, .incms-hero6.loaded .inner-container .btn-group {
  transform: translateY(0);
  opacity: 1;
}
.incms-hero6.loaded .inner-container:before{
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 769px){
  .incms-hero6 .inner-container {
    padding: var(--incms-header-height, var(--section-space));
    max-width: 1000px;
  }
  .incms-hero6[data-layout="compact"] .inner-container {
    margin: var(--incms-header-height);
    padding: var(--section-space-md);
  }
  .incms-hero6 .incms-hero6-content{
    padding: var(--incms-header-height);
  }
  .view-normal:has(.incms-hero6:first-of-type) [class^="incms-header"] .incms-container-fullwidth {
    padding: 0 var(--incms-header-height);
  }
  .view-normal:has(.incms-hero6[data-layout="compact"]:first-of-type) [class^="incms-header"] .incms-container-fullwidth {
    padding: 0 calc(var(--container-space)* 2);
  }
  .incms-hero6.loaded .responsive_image:after {
    border-width: 0 var(--incms-header-height, 0) var(--incms-header-height, 0);
  }
}

@media screen and (max-width: 1440px){
  .incms-hero6[data-layout="compact"] .incms-hero6-content{
    padding: 0;
  }
  .incms-hero6[data-layout="compact"].loaded .responsive_image:after{
    border:0;
  }
}

@media screen and (max-width: 1279px){
  .view-normal:has(.incms-hero6) [class^="incms-header5"] .incms-container-fullwidth {
    padding: 0 var(--container-space);
  }
  .view-normal:has(.header .incms-header5) .incms-hero6.loaded .responsive_image:after {
    border-width: 0 var(--container-space, 0) var(--container-space, 0);
  }
}

.view-normal:has(.incms-hero6:first-of-type) [class^="incms-header"] {
  /*transform: translateY(-20px);*/
  transition: all .4s var(--ease-in-out) 1.2s;
  opacity: 0;
}
.view-normal:has(.incms-hero6.loaded:first-of-type) [class^="incms-header"] {
  opacity: 1;
  transition: opacity .4s var(--ease-in-out) 1.2s, padding .4s var(--ease-in-out) 0s, min-height .4s var(--ease-in-out) 0s !important;
  /*transform: translateY(0%)*/
}
.view-edit .incms-hero6{
  min-height: 768px;
}
.view-edit .incms-hero6 .responsive_image--img {
  transform: scale(1);
  opacity: 1;
}
.view-edit .incms-hero6 .inner-container:before{
  opacity:1;
  transform:none;
}

.incms-hero6-header {
	--title-size: 60px;
	--title-mobile-size: 40px;
}

/* -------------------------------- 
infiniweb Hero 07 - Alt Tag Support
-------------------------------- */
.infiniweb-incms-hero7{
  min-height: 500px;
  background-color: var(--infiniweb-hero7-bg);
  --imggap: calc(var(--legacy-grid-gap) - 4px);
}
/* Image grid layout */
.infiniweb-incms-img-grid {
  display: flex;
  gap: var(--imggap);
  box-sizing: border-box;
  max-width: 700px;
  margin: 0 auto;
}
/* Shared image styles with scale-in animation */
.infiniweb-incms-img-grid .infiniweb-img-box img {
  max-width: 100%;
  border: var(--border-width) solid var(--border-color);
  display: block;
  animation: .7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0s 1 infiniweb-imgScale;
  transform: scale(.5);
  opacity:0;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  width: 100%;
}
/* Left column: 3 images */
.infiniweb-group1 {
  width: 52%;
  gap: var(--imggap);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* Right column: 2 images, vertically centered */
.infiniweb-group2 {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--imggap);
}
/* Per-image max-width constraints */
.infiniweb-incms-img-grid .infiniweb-img-box.infiniweb-img-box-1 {
  max-width: 58%;
}
.infiniweb-incms-img-grid .infiniweb-img-box.infiniweb-img-box-3 {
  max-width: 46%;
}
.infiniweb-incms-img-grid .infiniweb-img-box.infiniweb-img-box-4 {
  max-width: 100%;
}
.infiniweb-incms-img-grid .infiniweb-img-box.infiniweb-img-box-5 {
  max-width: 73%;
}
/* Staggered animation delays */
.infiniweb-img-box.infiniweb-img-box-1 img {animation-delay: .1s;}
.infiniweb-img-box.infiniweb-img-box-2 img {animation-delay: .2s;}
.infiniweb-img-box.infiniweb-img-box-3 img {animation-delay: .3s;}
.infiniweb-img-box.infiniweb-img-box-4 img {animation-delay: .4s;}
.infiniweb-img-box.infiniweb-img-box-5 img {animation-delay: .5s;}
/* Scale-in keyframe */
@keyframes infiniweb-imgScale {
  0% {
    transform: scale(.5);
    opacity:0;
  }
  100% {
    transform: scale(1);
    opacity:1;
  }
}
/* Hero top-spacing correction (desktop) */
@media screen and (min-width: 769px){
  .infiniweb-incms-hero7:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
/* Hero top-spacing correction (mobile) */
@media screen and (max-width: 768px){
  .infiniweb-incms-hero7:first-of-type{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}

.infiniweb-incms-hero7 {
	--infiniweb-hero7-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
}

.infiniweb-incms-hero7-header {
	--title-size: 48px;
	--title-mobile-size: 35px;
}

.infiniweb-incms-hero7-media {
	--border-radius: var(--incms-radius-md);
	--border-width: 4px;
	--border-color: rgba(255,255,255,0.1);
}

/* -------------------------------- 
Hero Carousel
-------------------------------- */
.incms-hero-carousel {
  display: flex;
}
.incms-hero-carousel.custom-height {
  min-height: var(--custom-height);
}
.incms-hero-carousel.fullheight{
  display: flex;
}
.incms-hero-carousel [data-theme="incms"] .owl-stage-outer,
.incms-hero-carousel [data-theme="incms"] .owl-item,
.incms-hero-carousel [data-theme="incms"] .owl-stage {
  display: flex;
  min-height:100%;
}
.incms-hero-carousel [data-theme="incms"],
.incms-hero-carousel [data-theme="incms"] .owl-item{
  flex: 1 0 auto;
  width: var(--incms-fullwidth) !important;
}
.incms-hero-carousel .owl-carousel[data-theme="incms"] > .incms-carousel-item {
  display: none;
}
body.view-normal:has(.header-fixed) .incms-hero-carousel.fullheight {
  min-height: 100svh !important;
}
.incms-hero-carousel .owl-carousel.incms-theme:has(> .incms-carousel-item) {
  display: flex;
}
.view-normal .incms-hero-carousel .owl-carousel {
  opacity: 0;
  transition: all .2s ease;
}
.incms-hero-carousel .owl-carousel.incms-loaded {
  opacity: 1;
}
/* incms theme for carousel */
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev,
.owl-carousel[data-theme="incms"] .owl-nav .owl-next {
  position: absolute;
  color: var(--arrows-color);
  height: calc(100% - var(--incms-hero-correction,0px));
  width: calc((100% - 1250px - 60px) / 4);
  font-size: 40px;
  opacity: 0;
  transition: opacity .2s ease;
  bottom: 0;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-next {
  right: 0;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-next > span,
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev > span {
  transition: all .2s ease;
  opacity: 0;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev:hover,
.owl-carousel[data-theme="incms"] .owl-nav .owl-next:hover,
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev:hover > span ,
.owl-carousel[data-theme="incms"] .owl-nav .owl-next:hover > span {
  opacity: 1;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev > span {
  margin-left: -40%;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-next > span {
  margin-right: -40%;
}

.owl-carousel[data-theme="incms"] .owl-nav .owl-next:hover > span {
  margin-right: -50%;
}
.owl-carousel[data-theme="incms"] .owl-nav .owl-prev:hover > span {
  margin-left: -50%;
}

.owl-carousel[data-theme="incms"] .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-carousel[data-theme="incms"] .owl-dots {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: var(--legacy-grid-gap);
}

.owl-carousel[data-theme="incms"] .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background: var(--dots-color);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all .15s ease;
  border-radius: 12px;
  opacity:1;
}
.owl-carousel[data-theme="incms"] .owl-dots .owl-dot.active{
  width: 36px;
}
.owl-carousel[data-theme="incms"] .owl-dots .owl-dot.active, .owl-carousel[data-theme="incms"] .owl-dots .owl-dot:hover {
  background: var(--dots-color-hover);
}

.incms-hero-carousel {
	--custom-height: 700px;
	--arrows-color: #FFFFFF;
	--dots-color: #FFFFFF;
	--dots-color-hover: #039dd8;
}

/* -------------------------------- 
Hero Carousel - Slide 01
-------------------------------- */
.incms-hero-carousel .owl-carousel img.incms-carousel-bg-img,
.incms-hero-carousel .owl-carousel video.incms-carousel-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.incms-hero-carousel .owl-carousel .incms-section-overlay{
  z-index: 0;
}
.incms-hero-carousel .owl-carousel .incms-container{
  z-index: 1;
}

.incms-hero-carousel .incms-carousel-slide1 {
  justify-content: center;
  display: flex;
  width: var(--incms-fullwidth);
  padding-top: calc(var(--section-space-top)* 2 + var(--incms-hero-correction, 0px));
  padding-bottom: calc(var(--section-space-bottom)* 2);
  isolation: isolate;
  position: relative;
  flex-direction: column;
}
.incms-hero-carousel .incms-carousel-slide1 .incms-btn.incms-btn-outline a {
  color: var(--text-color);
}

@media screen and (min-width: 769px){
  .incms-hero-carousel:first-child .incms-carousel-slide1{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top) * 2) !important;
  }
}
@media screen and (max-width: 768px){
  .incms-hero-carousel .incms-carousel-slide1 {
    padding-top: calc(var(--section-space-top-m) * 2);
    padding-bottom: calc(var(--section-space-bottom-m) * 2);
  }
  .incms-hero-carousel:first-child .incms-carousel-slide1{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m) * 2) !important;
  }
}

.incms-carousel-slide1 {
	--custom-width: 900px;
}

.incms-carousel-slide1-title {
	--title-color: #FFFFFF;
	--title-size: 50px;
	--title-mobile-size: 35px;
}

.incms-carousel-slide1-text {
	--text-color: #FFFFFF;
}

/* -------------------------------- 
Image
-------------------------------- */
.media-single-image {
  max-width: var(--img-max-width, 100%);
}
.media-single-image[style]:not([style*="--img-max-width"]),
.media-single-image[style*="--img-max-width: 0px"] {
  max-width: 100%;
}
.media-single-image[data-align="center"]{
  margin: 0 auto;
}
.media-single-image[data-align="right"]{
  margin-left: auto;
}
.media-single-image a {
    position: absolute;
    inset: 0;
}

.media-single-image {
	--img-max-width: 0px;
	--border-radius: var(--incms-radius-sm);
}

/* -------------------------------- 
Share 01
-------------------------------- */
.incms-share-custom {
  padding-top: var(--share-space);
  padding-bottom: var(--share-space);
  position: relative;
}

.incms-share-wrapper {
  display: flex;
  justify-content: var(--share-alignment, center);
  align-items: center;
}
.incms-share-wrapper header{
  width: auto;
  margin:0;
  padding: 0 var(--container-space);
}
.incms-share-custom .sharebar {
  display: flex;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 0 var(--container-space);
}
.incms-share-custom .sharebar li {
  margin: 0;
}
a.incms-share-btn {
  --size: calc(var(--icon-size) * 2);
  width: var(--size);
  height: var(--size);
  display: flex;
  transition: 0.2s;
  background-color: var(--incms-text);
  color: var(--incms-background);
}
[data-variant="circle"] a.incms-share-btn {
  border-radius: 50%;
}
[data-variant="normal"] a.incms-share-btn {
  background-color: transparent;
  color: var(--incms-text);
}
.sharebar a.incms-share-btn svg {
  display: block;
  margin: auto;
  color: var(--color-contrast-high);
  transition: color 0.2s;
  width: var(--icon-size);
}
.incms-share-custom header > *{
  font-size: var(--title-size);
  color: var(--incms-text);
  margin: 0;
}
.incms-share-custom:before,
.incms-share-custom:after {
  width: 100%;
}
.incms-share-wrapper:before,
.incms-share-wrapper:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  background: var(--incms-text);
  opacity: 0.15;
  max-width: calc(var(  --website-width) - var(--container-space)*2);
}
.incms-share-wrapper:before {
  top: 0;
}
.incms-share-wrapper:after {
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .incms-share-custom header > *{
    --title-size: var(--title-mobile-size);
  }
  .incms-share-wrapper {
    flex-direction: column;
  }
  .incms-share-wrapper {
    gap: 15px;
  }
}
[data-colors="custom"] a.incms-share-btn {
  background-color: var(--link-color);
  color: var(--text-color);
}
[data-colors="custom"] .incms-share-custom header > *{
  color: var(--text-color);
}
[data-colors="custom"] .incms-share-wrapper:before,
[data-colors="custom"] .incms-share-wrapper:after{
  background: var(--text-color);
}
/*
.incms-share-custom {
  container-type: inline-size;
  container-name: share;
}
@container share (width < 470px) {
  .incms-share-custom header > *{
    --title-size: var(--title-mobile-size);
  }
  .incms-share-wrapper {
    flex-direction: column;
    gap: 15px;
  }
}
*/

.incms-share-custom {
	--icon-size: 0px;
}

.incms-share-custom-title {
	--title-size: 0px;
	--title-mobile-size: 0px;
}

/* -------------------------------- 
News Hero 01
-------------------------------- */
.incms-post-hero1{
  padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
}
[data-colors="incms"].incms-post-hero1 .incms-author_label{
  color: var(--incms-text);
}
[data-colors="custom"].incms-post-hero1{
  background-color: var(--incms-post-hero1-bg);
}
[data-colors="custom"].incms-post-hero1 .incms-author_label{
  color: var(--text-color);
}
[data-colors="custom"].incms-post-hero1 a{
  color: var(--link-color);
  background-color: transparent;
}

@media screen and (max-width: 768px){
  .incms-post-hero1:first-child{
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m)) !important;
  }
}

.incms-post-hero1 {
	--incms-post-hero1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--link-color: #01afef;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.incms-post-hero1-header {
	--section-header-width: 85;
	--title-size: 40px;
	--title-mobile-size: 30px;
}

.incms-post-hero1-media {
	--border-radius: var(--incms-radius-md);
}

.smartPaddings {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* -------------------------------- 
Page Title 01
-------------------------------- */
.incms-page-title1{
  background-size: cover;
  background-position: center;
  background-color: var(--incms-page-title1-bg);
  /*padding:0;*/
  isolation: isolate;
  --section-space-top: var(--section-space-sm);
  --section-space-bottom: var(--section-space-sm);
}
.incms-page-title1:first-child{
  /*padding-top: var(--incms-hero-correction) !important;*/
  padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
}
.incms-page-title1 h1 {
  margin-bottom: 0;
}
.incms-page-title1 header > div{
  flex-grow: 1;
  align-self: var(--valign);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.incms-page-title1 header{
  display: flex;
  min-height: var(--page-title1-min-height);
}
.incms-page-title1.content-reverse header > div{
  flex-direction: column-reverse;
}
.incms-page-title1 header p {
  color: var(--title-color);
}
[data-colors="custom"] .breadcrumbs-list a{
  color: var(--link-color);
}
/* Edit Mode Fix */
.view-edit .breadcrumbs-list > *{display: inline;}
.view-edit .breadcrumbs-list:before {
  line-height: 1.5em;
  color: var(--incms-primary);
  content: 'Home';
}
.view-edit .breadcrumbs-list:after {
  line-height: 1.5em;
  color: var(--title-color);
  content: ' / Page Title';
}
html[lang="de"] .view-edit .breadcrumbs-list:after {
  content: ' / Seite Titel';
}
.view-edit section[data-colors="incms"] .breadcrumbs-list:after {
  color: var(--incms-text);
}
.view-edit section[data-colors="custom"] .breadcrumbs-list:before{
  color: var(--link-color);
}

.incms-page-title1 {
	--incms-page-title1-bg: #081d27;
	--title-color: #FFFFFF;
	--page-title1-min-height: 0px;
}

.incms-page-title1-title {
	--title-size: 38px;
	--title-mobile-size: 28px;
	--valign: flex-start;
}

/* --------------------------------
Pre-Header 01
-------------------------------- */
.incms-pre-header1{
  padding-top: calc(var(--container-space)/2);
  padding-bottom: calc(var(--container-space)/2);
  background-color: var(--incms-preheader-bg);
  font-size: 0.875em;
}
.incms-pre-header1.hidden{
  display:none;
}
.incms-pre-header1 p{
    margin-bottom: 0;
}
.incms-pre-header1[data-colors="incms"] p{
  color: var(--incms-text);
}
.incms-pre-header1[data-colors="custom"] p{
  color: var(--text-color);
}
.incms-pre-header1[data-colors="custom"] a{
  color: var(--text-link-color);
  background-color: transparent;
}
.incms-pre-header1-button {
  position: absolute;
  background: transparent;
  border: none;
  right: var(--container-space);
  top: calc(50% - 8px);
  opacity: 0.85;
  transition: 0.2s;
  cursor: pointer;
}
[data-colors="incms"] .incms-pre-header1-button {
  color: var(--incms-text);
}
[data-colors="custom"] .incms-pre-header1-button {
  color: var(--text-color);
}
.incms-container.fullwidth .incms-pre-header1-button {
  right: 10px;
}
.incms-pre-header1-button svg {
  width: 14px;
  height: 14px;
  display: block;
  pointer-events: none;
}
.incms-pre-header1-button:hover {
  opacity: 1;
  transform: scale(1.1);
}

.incms-pre-header1 {
	--incms-preheader-bg: #081d27;
	--text-color: #FFFFFF;
	--text-link-color: #FFFFFF;
}

/* --------------------------------
Pre-Header 02
-------------------------------- */
.incms-pre-header2{
  padding-top: calc(var(--container-space)/2);
  padding-bottom: calc(var(--container-space)/2);
  background-color: var(--incms-preheader-bg);
}
.incms-pre-header2 .incms-container.fullwidth{
  padding: 0 var(--container-space);
}

.incms-pre-header2 p{
  font-size: 0.875em;
  margin-bottom: 0;
}
.incms-pre-header2 .social_btns {
  gap: 7px;
}
.incms-pre-header2[data-colors="incms"] p,
.incms-pre-header2[data-colors="incms"] .social_btn,
.incms-pre-header2[data-colors="incms"] .social_btn {
  color: var(--incms-text);
}
.incms-pre-header2[data-colors="incms"] .social_btn:hover,
.incms-pre-header2[data-colors="incms"] .social_btn:focus {
  color: var(--incms-primary);
}
.incms-pre-header2[data-colors="incms"] .social_btn:hover .svg-icon,
.incms-pre-header2[data-colors="incms"] .social_btn:focus .svg-icon {
  fill: currentColor;
}
.incms-pre-header2[data-colors="custom"] .social_btn:hover .svg-icon,
.incms-pre-header2[data-colors="custom"] .social_btn:focus .svg-icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.incms-pre-header2[data-colors="custom"] p{
  color: var(--text-color);
}
.incms-pre-header2[data-colors="custom"] a{
  color: var(--text-link-color);
  background-color: transparent;
}
.incms-pre-header2 .lang-list a {
  font-size: .9em;
  background-color: transparent;
}
.lang-list.js-incms-pre-header2-lang ul li a {
  aspect-ratio: auto !important;
  padding: 0 !important;
}
.incms-pre-header2[data-colors="incms"] .lang-list a {
  color: var(--incms-text);
}
.incms-pre-header2[data-colors="incms"] .lang-list a:hover {
  color: var(--incms-primary);
}
[data-colors="incms"][data-theme="primary"] .lang-list a:hover,
[data-colors="incms"][data-theme="primary"] .social_btn:hover,
[data-colors="incms"][data-theme="primary"] .social_btn:focus {
  color: var(--incms-accent);
}
.incms-pre-header2[data-colors="custom"] .lang-list a {
  color: var(--text-link-color);
}

.view-edit .incms-pre-header2 .lang-list:before {
  display: block;
  content: "\f0ac";
  font-family: 'FontAwesome5', 'FontAwesome' !important;
  transform: scale(1.2);
  color: var(--incms-text);
}


.incms-pre-header2 {
	--incms-preheader-bg: #081d27;
	--text-color: #FFFFFF;
	--text-link-color: #FFFFFF;
	--icon-color: #FFFFFF;
}

.incms-pricelist + .incms-pricelist .incms-pricelist_header {
  margin-top: 1.618em;
  /* padding-top: calc(var(--section-space) / 2.5); */
  /* border-top: 1px solid rgb(from var(--incms-text) r g b / .15); */
}
.incms-pricelist_header{
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.618em;
  font-size: var(--title-size);
  line-height: normal;
}
.incms-pricelist_dots {
  content: "";
  display: block;
  flex: 1;
  mask-position: left center;
  mask-repeat: repeat-x;
  mask-size: 7px 2px;
  margin: 0 15px;
  background-color: var(--incms-text);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 2'%3E%3Crect width='1.5' height='1.5' y='0' fill='%23fff' rx='0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 2'%3E%3Crect width='1.5' height='1.5' y='0' fill='%23fff' rx='0'/%3E%3C/svg%3E");
  min-width: 50px;
}

@media screen and (max-width: 768px) {
  .incms-pricelist_header{
    --title-size: var(--title-mobile-size);
  }
}

.incms-pricelist {
	--title-size: 24px;
	--title-mobile-size: 20px;
}

.view-normal[style*="scroll-indicator"] header.header:before,
.view-normal[style*="scroll-indicator"] header.header:after{
  content: '';
  position: fixed;
  top: 0;
  bottom: auto;
  height: 4px;
  display: block;
  z-index: 2;
}
.view-normal[style*="scroll-indicator"] header.header:before{
  width: 100%;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.view-normal[style*="scroll-indicator"] header.header:after {
  background: var(--incms-indicator-color,var(--incms-primary));
  width: var(--scroll-indicator);
  z-index: 999;
}
.view-normal[style*="scroll-indicator"] header.header.header-sticky:before,
.view-normal[style*="scroll-indicator"] header.header.header-sticky:after,
.view-normal[style*="scroll-indicator"] header.header.header-fixed:before,
.view-normal[style*="scroll-indicator"] header.header.header-fixed:after{
  position: absolute;
  top: auto;
  bottom: -4px;
}
.view-normal[style*="scroll-indicator"] header.header.header-sticky:before,
.view-normal[style*="scroll-indicator"] header.header.header-fixed:before{
  z-index: -1;
}

#go-to-top {
  display:none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#go-to-top span {
  font-size: 18px;
}
#go-to-top a {
  color: #fff;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px rgb(0 0 0 / 0.35);
}

/* -------------------------------- 
Share 01
-------------------------------- */
.incms-share1 {
  padding-top: var(--share-space);
  padding-bottom: var(--share-space);
  position: relative;
}

.incms-share-wrapper {
  display: flex;
  justify-content: var(--share-alignment, center);
  align-items: center;
}
.incms-share-wrapper header{
  width: auto;
  margin:0;
  padding: 0 var(--container-space);
}
.incms-share1 .sharebar {
  display: flex;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 0 var(--container-space);
}
.incms-share1 .sharebar li {
  margin: 0;
}
a.incms-share-btn {
  --size: calc(var(--icon-size) * 2);
  width: var(--size);
  height: var(--size);
  display: flex;
  transition: 0.2s;
  background-color: var(--incms-text);
  color: var(--incms-background);
}
[data-variant="circle"] a.incms-share-btn {
  border-radius: 50%;
}
[data-variant="normal"] a.incms-share-btn {
  background-color: transparent;
  color: var(--incms-text);
}
.sharebar a.incms-share-btn svg {
  display: block;
  margin: auto;
  color: var(--color-contrast-high);
  transition: color 0.2s;
  width: var(--icon-size);
}
.incms-share1 header > *{
  font-size: var(--title-size);
  color: var(--incms-text);
  margin: 0;
}
.incms-share1:before,
.incms-share1:after {
  width: 100%;
}
.incms-share-wrapper:before,
.incms-share-wrapper:after {
  content: '';
  width: calc(var(--website-width) - var(--container-space)*4);  
  max-width: calc(var(--website-width) - var(--container-space)*2);
  height: 1px;
  position: absolute;
  background: var(--incms-text);
  opacity: 0.15;
}
.incms-share-wrapper:before {
  top: 0;
}
.incms-share-wrapper:after {
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .incms-share1 header > *{
    --title-size: var(--title-mobile-size);
  }
  .incms-share-wrapper {
    flex-direction: column;
  }
  .incms-share-wrapper {
    gap: 15px;
  }
}
[data-colors="custom"] a.incms-share-btn {
  background-color: var(--link-color);
  color: var(--text-color);
}
[data-colors="custom"] .incms-share1 header > *{
  color: var(--text-color);
}
[data-colors="custom"] .incms-share-wrapper:before,
[data-colors="custom"] .incms-share-wrapper:after{
  background: var(--text-color);
}
/*
.incms-share1 {
  container-type: inline-size;
  container-name: share;
}
@container share (width < 470px) {
  .incms-share1 header > *{
    --title-size: var(--title-mobile-size);
  }
  .incms-share-wrapper {
    flex-direction: column;
    gap: 15px;
  }
}
*/

.incms-share1 {
	--share-space: var(--section-space-xs);
	--share-alignment: space-between;
	--icon-size: 20px;
}

.incms-share1-title {
	--title-size: 20px;
	--title-mobile-size: 16px;
}

.smart-video {
  max-width: 100%;
  height: auto;
}

/* -------------------------------- 
Social 01
-------------------------------- */

.incms-social1 {
  background-color: var(--incms-social1-bg);
}

.social_btns {
  display: flex;
  list-style: none;
  margin: 0;
  width: 100%;
}
.social_btns>* {
  flex-grow: 1;
}
.incms-social1 .social_btn {
  position: relative;
  display: block;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
  border-radius: 5px;
  transition: .3s;
}

.social_btns svg.svg-icon {
  display: block;
  margin: 0 auto;
}
.social_btns li {
  margin: 0;
}
.incms-social1 li+li .social_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--incms-text,--icon-color);
  transition: opacity .2s;
  opacity: 0.1;
}
.social_btn:hover,
.social_btn:focus{
  background-color: var(--title-color);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
  opacity: 1!important
}
.social_btn .svg-icon {
  fill: var(--icon-color);
  transition: fill .2s,transform .2s,-webkit-transform .2s;
}
.social_btn:hover .svg-icon,
.social_btn:focus .svg-icon{
  fill: var(--incms-social1-bg);
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.social_btns:hover .social_btn::before,
.social_btns:focus .social_btn::before{
  opacity: 0;
}
[data-colors="incms"] .social_btn:hover,
[data-colors="incms"] .social_btn:focus {
  background-color: var(--incms-text);
}
[data-colors="incms"] .social_btn .svg-icon{
  fill: var(--incms-text);
}
[data-colors="incms"] .social_btn:hover .svg-icon,
[data-colors="incms"] .social_btn:focus .svg-icon {
  fill: var(--incms-background);
}
@media screen and (max-width: 768px) {
  .social_btn {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .incms-social1 svg.svg-icon.icon-md {
    width: 1.5em;
  }
}


.incms-social1 {
	--incms-social1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--icon-color: #FFFFFF;
}

.incms-social1_title {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
Steps 
TODO: .incms-steps {counter-set: list-items 1;}
-------------------------------- */
.view-edit .incms-pane-container:has(.incms-steps) {
  counter-reset: list-items;
}
.incms-steps {
  --incms-steps-bullet-size: 40px;
  --incms-steps-bullet-margin-right: calc(var(--incms-steps-bullet-size)/3);
  counter-increment: list-items;
  position: relative;
}
.incms-steps_bullet {
  position: relative;
  margin-left: calc(-1 * var(--incms-steps-bullet-size));
  left: calc(-1 * var(--incms-steps-bullet-margin-right));
}
.incms-steps_bullet::before {
  content: "X";
  display: inline-flex;
  width: var(--incms-steps-bullet-size);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.incms-steps_bullet::after {
  content: counter(list-items);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: var(--incms-steps-bullet-size);
  height: var(--incms-steps-bullet-size);
  background-color: var(--incms-text);
  color: var(--incms-background);
  border-radius: 50%;
  font-size: calc(var(--incms-steps-bullet-size) / 2);
  font-weight: 600;
}
.incms-steps:not(:last-child)::before {
  content: "";
  position: absolute;
  top: calc(var(--incms-steps-bullet-size)/2);
  left: calc(var(--incms-steps-bullet-size) / 2 - 2px);
  width: 4px;
  height: 100%;
  background: var(--incms-text);
  opacity: .2;
}
header.incms-steps_header  + * {
  margin-top: 0;
}
.incms-steps_title,
.incms-steps_content{
  padding-left: calc(var(--incms-steps-bullet-size) + var(--incms-steps-bullet-margin-right));
}
.incms-steps_title {
  line-height: normal;
}
.incms-steps_content{
  padding-bottom: calc(var(--incms-steps-bullet-size) + var(--incms-steps-bullet-margin-right));
}
.incms-steps .incms-steps_title {
  margin-bottom: 10px;
}
[data-colors="custom"] .incms-steps_bullet::after {
  background-color: var(--headings-color);
  color: var(--custom-section-bg-color);
}
[data-colors="custom"] .incms-steps:not(:last-child)::before {
  background: var(--headings-color);
}
@media screen and (max-width: 768px) {
  .incms-steps {
    --incms-steps-bullet-size: 34px;
  }
}
.incms-steps.last-step:before{display:none}

.incms-steps_header {
	--title-size: 34px;
	--title-mobile-size: 24px;
}

/* -------------------------------- 
Testimonials 01
-------------------------------- */
.incms-testimonials1 {
  background-color: var(--incms-testimonial1-bg);
}
.incms-testimonials1 .testimonial-item {
  border-radius: var(--testimonial1-box-radius);
}
.incms-testimonials1 .incms-grid {
  display: flex;
  --gap: 20px;
}
.incms-testimonials1 .testimonial-item.favorite {
  width: 100%;
}
.incms-testimonials1 .testimonial-item.incms-box-bg.favorite .testimonial-quote {
    max-width: 100%;
}
.incms-testimonials1 .testimonial-item.favorite .testimonial-quote {
  font-size: 1.125em;
  margin-left: auto;
  margin-right: auto;
  max-width: 950px;
}
.incms-testimonials1 .testimonial-item.favorite .avatar {
  width: 4em;
  height: 4em;
}
@media screen and (max-width: 768px) {
  .incms-testimonials1 .testimonial-item.favorite .testimonial-quote {
    font-size: 1em;
  }
}
@media screen and (min-width: 769px){
  .incms-testimonials1 .testimonial-item.favorite {
    padding-left: var(--section-space);
    padding-right: var(--section-space);
  }
}
.incms-testimonials1 .testimonial-rating i{
  color: var(--testimonial1-star-color);
}
.incms-testimonials1 .testimonial-quote,
.incms-testimonials1 .name{
  color: var(--testimonial1-text-color);
}
/**/
[data-colors="custom"].incms-testimonials1 .testimonial-item {
  background-color: var(--testimonial1-box-color);
}
[data-colors="incms"].incms-testimonials1 {
  background-color: var(--incms-background);
}
[data-colors="incms"].incms-testimonials1 .testimonial-rating i{
  color: var(--incms-primary);
}
/**/
@media screen and (max-width: 768px) {
  .incms-testimonials1 .incms-grid {
    flex-direction: column;
  }
}

.incms-testimonials1 {
	--incms-testimonial1-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--testimonial1-box-color: #FFFFFF;
	--testimonial1-star-color: #039dd8;
	--testimonial1-text-color: #081d27;
}

.incms-testimonials1-header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

.incms-testimonials1-box {
	--grid-cols: 3;
}

/* -------------------------------- 
Testimonials 02
-------------------------------- */
.incms-testimonials2 {
  background-color: var(--incms-testimonial2-bg);
}
.incms-testimonials2 .owl-stage{
  display: flex;
}
[data-colors="incms"].incms-testimonials2 .incms-box-bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--incms-text);
  opacity: 0.05;
}
.incms-testimonials2 .owl-carousel {
  animation-duration: 1s;
}
.incms-testimonials2 .testimonial-item {
  border-radius: var(--testimonial2-box-radius);
}
.view-normal .incms-testimonials2 .testimonial-item{
  height: 100%;
  display: flex;
  width: inherit;
}
.incms-testimonials2 .owl-stage-outer,
.incms-testimonials2 .owl-stage,
.incms-testimonials2 .owl-item.animated {
  animation-duration: inherit;
}
.incms-testimonials2 .owl-carousel .owl-nav .owl-prev {
  left: calc(var(--container-space) * -1);
}
.incms-testimonials2 .owl-carousel .owl-nav .owl-next {
  right: calc(var(--container-space) * -1);
}
.view-normal .incms-testimonials2 .owl-carousel{
  opacity: 0;
  transition: opacity .2s ease;
  margin-top: calc(var(--section-space) / 1.5);
}
.incms-testimonials2 .owl-carousel.incms-loaded {
  opacity: 1;
}
.incms-testimonials2 .owl-carousel .owl-nav .owl-prev,
.incms-testimonials2 .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--testimonial2-arrows-bg);
  color: var(--testimonial2-arrows);
  border-radius: var(--testimonial2-box-radius);
  height: calc(var(--container-space)*4);
  width: calc(var(--container-space)*2);
}
.incms-testimonials2 .testimonial-rating i{
  color: var(--testimonial2-star-color);
}
.incms-testimonials2 .testimonial-quote,
.incms-testimonials2 .name{
  color: var(--testimonial2-text-color);
}

[data-colors="custom"].incms-testimonials2 .testimonial-item{
  background-color: var(--testimonial2-box-color);
}
[data-colors="incms"].incms-testimonials2 .testimonial-rating i{
  color: var(--incms-primary);
}
[data-colors="incms"].incms-testimonials2 .owl-carousel .owl-nav .owl-prev,
[data-colors="incms"].incms-testimonials2 .owl-carousel .owl-nav .owl-next {
  background-color: var(--incms-text);
  color: var(--incms-background);
}
.view-edit .incms-testimonials2 .owl-carousel {
  display: flex;
  flex-wrap: wrap;
  --gap: 20px;
  gap: var(--gap);
  --grid-cols: 3;
  --grid-col: 1;
}
.view-edit .incms-testimonials2 .owl-carousel[data-cols="2"] {
  --grid-cols: 2;
}
.view-edit .incms-testimonials2 .owl-carousel[data-cols="1"] {
  --grid-cols: 1;
}
.view-edit .incms-testimonials2 .owl-carousel .testimonial-item {
  width: calc((100% - (var(--grid-cols) - 1) * var(--gap)) * var(--grid-col) / var(--grid-cols) + (var(--grid-col) - 1) * var(--gap));
  flex: initial;
}
@media screen and (max-width: 999px){
  .incms-testimonials2 .owl-carousel[data-cols="2"] .owl-item{
    max-width: calc(var(--incms-fullwidth) - var(--container-space));
    width:100% !important;
  }
}
@media screen and (max-width: 599px){
  .incms-testimonials2 .owl-carousel .owl-item{
    /*max-width: calc(var(--incms-fullwidth) - var(--container-space));*/
    /*width:100% !important;*/
  }
}



.incms-testimonials2 {
	--incms-testimonial2-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--testimonial2-box-color: #FFFFFF;
	--testimonial2-star-color: #039dd8;
	--testimonial2-text-color: #081d27;
	--testimonial2-arrows-bg: #FFFFFF;
	--testimonial2-arrows: #039dd8;
	--testimonial2-dots: #081d27;
}

.incms-testimonials2-header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
Testimonials Carousel
-------------------------------- */
.incms-testimonials-carousel > svg:has(defs) {
  position: absolute;
}
.incms-testimonials-carousel .owl-item {
  height: var(--testimonials-carousel-height);
}
.testimonials-carousel-item .name {
  font-size: 18px;
  margin: 20px 0;
}
.incms-testimonials-carousel.carousel-breakpoint .owl-carousel.owl-drag .owl-item .testimonials-carousel-item {
  width: min(calc(var(--website-width) - var(--container-space)* 2), var(--incms-carousel-width)) !important;

}
.incms-testimonials-carousel .testimonials-carousel-item{
  height: 100%;
  background-color: #FFFFFF;
  border-radius: var(--testimonials-box-radius);
  display: flex;
  width: inherit;
}
.incms-testimonials-carousel[data-colors="incms"][data-theme="normal"] .testimonials-carousel-item {
  background-color: rgb(from var(--incms-text) r g b / 0.05);
}
.view-normal .incms-testimonials-carousel .owl-carousel.incms-container {
  max-width: 100%;
  padding: 0;
}
.testimonials-carousel-item .inner-container {
  padding: var(--section-space);
  width: 100%;
  display: flex;
  /*height: 100%;*/
  /*min-height: 100%;*/
  align-items: center;
}
.view-normal .incms-testimonials-carousel .owl-carousel {
  opacity: 0;
  transition: opacity .2s ease;
  margin-top: calc(var(--section-space) / 1.5);
}
.incms-testimonials-carousel .owl-carousel.incms-loaded {
  opacity: 1;
}
.incms-testimonials-carousel .owl-carousel .owl-stage {
  display: flex;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev,
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-next {
  position: absolute;
  height: 100%;
  width: calc((100% - var(--website-width) - 60px) / 2);
  font-size: 35px;
  opacity: 0;
  transition: opacity .2s ease;
  bottom: 0;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-next {
  right: 0;
}
.incms-testimonials-carousel .owl-carousel button.disabled {
  display: none;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev:hover,
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-next:hover {
  opacity: 1;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-next > span,
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev > span {
  transition: all .2s ease;
  opacity: 0;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev > span {margin-left: -65%;}
.incms-testimonials2023 .owl-carousel .owl-nav .owl-next > span {margin-right: -65%;}

.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev:hover > span ,
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-next:hover > span {
  opacity: 1;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-next:hover > span {
  margin-right: -70%;
}
.incms-testimonials-carousel .owl-carousel .owl-nav .owl-prev:hover > span {
  margin-left: -70%;
}
.incms-testimonials-carousel:not(:has(.owl-dots.disabled)) .btn-group {
  margin-top: 50px;
}
.incms-testimonials-carousel[data-colors="incms"] .owl-carousel .owl-nav .owl-prev,
.incms-testimonials-carousel[data-colors="incms"] .owl-carousel .owl-nav .owl-next{
  --incms-text: #333;
  color: var(--incms-text)
}
.incms-testimonials-carousel[data-colors="custom"] .owl-carousel .owl-nav .owl-prev,
.incms-testimonials-carousel[data-colors="custom"] .owl-carousel .owl-nav .owl-next {
  color: var(--carousel-arrows);
}
.incms-testimonials-carousel[data-colors="incms"] .owl-carousel .owl-nav .owl-prev {
  background: linear-gradient(270deg, #ffffff00 0%, #ffffff 90%);
}
.incms-testimonials-carousel[data-colors="incms"] .owl-carousel .owl-nav .owl-next {
  background: linear-gradient(90deg, #ffffff00 0%, #ffffff 90%);
}
.incms-testimonials-carousel[data-colors="custom"] .owl-carousel .owl-nav .owl-prev {
  background: linear-gradient(270deg, #ffffff00 0%, var(--testimonials-carousel-box-color) 90%);
}
.incms-testimonials-carousel[data-colors="custom"] .owl-carousel .owl-nav .owl-next {
  background: linear-gradient(90deg, #ffffff00 0%, var(--testimonials-carousel-box-color) 90%);
}
.incms-testimonials-carousel[data-colors="custom"] .testimonials-carousel-item {
  background-color: var(--testimonials-carousel-box-color);
}
.incms-testimonials-carousel[data-colors="incms"] .quote,
.incms-testimonials-carousel[data-colors="incms"] .name {
  --incms-text: #333;
  color: var(--incms-text);
}
.incms-testimonials-carousel[data-colors="custom"] .quote,
.incms-testimonials-carousel[data-colors="custom"] .name {
  color: var(--testimonials-carousel-text-color);
}
.incms-testimonials-carousel[data-colors="custom"] .testimonials-carousel-item .rating .fa-5star-o,
.incms-testimonials-carousel[data-colors="custom"] .testimonials-carousel-item .rating .fa-5star{
  color: var(--testimonials-carousel-star-color);
}

.incms-testimonials-carousel {
	--incms-testimonials-carousel-bg: #081d27;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--testimonials-carousel-box-color: #FFFFFF;
	--testimonials-carousel-star-color: #fbbd03;
	--testimonials-carousel-text-color: #081d27;
	--carousel-arrows: #039dd8;
	--carousel-dots: #081d27;
}

.incms-testimonials-carousel-header {
	--section-header-width: 100;
	--title-size: 38px;
	--title-mobile-size: 28px;
}

/* -------------------------------- 
Testimonials Carousel - Design 1
-------------------------------- */
.testimonials-carousel-item .rating .fa-5star-o,
.testimonials-carousel-item .rating .fa-5star{
  width:auto;
}
.testimonials-carousel-item .rating .fa-5star-o:before,
.testimonials-carousel-item .rating .fa-5star:before{
  content: "\f005 \f005 \f005 \f005 \f005";
  letter-spacing: 5px;
  display: flex;
  justify-content: center;
  margin-right: -6px;
}

.testimonials-carousel-design-1 svg {
  display: block;
}
.testimonials-carousel-design-1 .rating {
  font-size: 22px;
  color: #fbbd03;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.testimonials-carousel-design-1 .rating:has(>svg) {
    flex-direction: row-reverse;
}
.rating:has(svg.trustpilot) .fa.fa-fw.fa-5star-o:after {
  content: '';
  aspect-ratio: 2500/469;
  display: block;
  height: 25px;
  background-size: cover;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ2OSIgd2lkdGg9IjI1MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA5NiI+PGcgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzAwYjY3YSI+PHBhdGggZD0iTTAgMGg5NnY5Nkgwek0xMDQgMGg5NnY5NmgtOTZ6TTIwOCAwaDk2djk2aC05NnpNMzEyIDBoOTZ2OTZoLTk2ek00MTYgMGg5NnY5NmgtOTZ6Ii8+PC9nPjxwYXRoIGQ9Ik00OCA2NC43TDYyLjYgNjFsNi4xIDE4Ljh6bTMzLjYtMjQuM0g1NS45TDQ4IDE2LjJsLTcuOSAyNC4ySDE0LjRsMjAuOCAxNS03LjkgMjQuMiAyMC44LTE1IDEyLjgtOS4yek0xNTIgNjQuN2wxNC42LTMuNyA2LjEgMTguOHptMzMuNi0yNC4zaC0yNS43TDE1MiAxNi4ybC03LjkgMjQuMmgtMjUuN2wyMC44IDE1LTcuOSAyNC4yIDIwLjgtMTUgMTIuOC05LjJ6TTI1NiA2NC43bDE0LjYtMy43IDYuMSAxOC44em0zMy42LTI0LjNoLTI1LjdMMjU2IDE2LjJsLTcuOSAyNC4yaC0yNS43bDIwLjggMTUtNy45IDI0LjIgMjAuOC0xNSAxMi44LTkuMnpNMzYwIDY0LjdsMTQuNi0zLjcgNi4xIDE4Ljh6bTMzLjYtMjQuM2gtMjUuN0wzNjAgMTYuMmwtNy45IDI0LjJoLTI1LjdsMjAuOCAxNS03LjkgMjQuMiAyMC44LTE1IDEyLjgtOS4yek00NjQgNjQuN2wxNC42LTMuNyA2LjEgMTguOHptMzMuNi0yNC4zaC0yNS43TDQ2NCAxNi4ybC03LjkgMjQuMmgtMjUuN2wyMC44IDE1LTcuOSAyNC4yIDIwLjgtMTUgMTIuOC05LjJ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  margin: 0 auto;
}
.testimonials-carousel-item .rating:has(svg.trustpilot) .fa.fa-fw.fa-5star-o:before{
  display: none;
}
.testimonials-carousel-design-1 p.quote {
  /*text-align: justify;*/
}
@media screen and (max-width: 768px){
  .testimonials-carousel-design-1 .rating {
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
    align-items: center;
  }
  .testimonials-carousel-item .inner-container{
    padding: calc(var(--section-space)/2.5) calc(var(--section-space)/3);
    text-align: center;
    --gap: 1px;
    justify-content: center;
    flex-direction: column;
  }
  .testimonials-carousel-design-1 .rating svg {
    width: 125px;
    margin: 0 auto;
  }
  .testimonials-carousel-design-1 .quote {
    font-size: calc(var(--text-fs)* .9);
  }
  .testimonials-carousel-item .rating:has(svg.trustpilot) .fa.fa-fw.fa-5star-o:after {
    height: 23px;
  }
}

/* -------------------------------- 
Testimonials Carousel - Design 2
-------------------------------- */
.testimonials-carousel-design-2 .rating {
  font-size: 22px;
  color: #fbbd03;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
}
.testimonials-carousel-design-2 .quote-wrapper {
    text-align: center;
}
.testimonials-carousel-design-2 .rating svg {
    width: 172px;
    max-height: 42px;
}
@media screen and (max-width: 768px){
  .testimonials-carousel-design-2 .rating {
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
  }
  .testimonials-carousel-design-2 svg {
    width: 125px;
    margin: 0 auto;
  }
  .testimonials-carousel-design-2 .quote {
    font-size: calc(var(--text-fs)* .9);
  }
}

/* -------------------------------- 
Video
-------------------------------- */
video{display: block}
.incms-yt-shorts .embed-container {
  padding-bottom: 177.78%;
}
video.incms-mp4-video {
  max-width: 100%;
}
.view-edit .incms-video:has(video):before,
.view-edit .incms-video:has(video):after{content: none;}
.view-edit .incms-video:has(.incms-yt-shorts):before {
  aspect-ratio: 9 / 16;
}

/* -------------------------------- 
Video Card
-------------------------------- */
.incms-video-card__img {
  overflow: hidden;
  border-radius: var(--border-radius);
}
.incms-video-card__link {
  position: relative;
  display: block;
}
.incms-video-card__play-icon,
.incms-video-card__locked-icon {
  position: absolute;
  z-index: 11;
  display: block;
  width: 56px;
  height: 56px;
  padding: 16px;
  background: rgb(from var(--incms-primary) r g b / 0.8);
  border-radius: 50%;
  backdrop-filter: blur(10px);
  color: var(--incms-background);
  transition: all 0.2s ease;
}
.incms-video-card[data-icon="corner"] :is(.incms-video-card__play-icon,.incms-video-card__locked-icon) {
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
}
.incms-video-card:not([data-icon="corner"]) :is(.incms-video-card__play-icon,.incms-video-card__locked-icon) {
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  padding: 18px;
  transform: translate(-50%, -50%);
}
.incms-video-card__link:hover .incms-video-card__play-icon,
.incms-video-card__link:hover .incms-video-card__locked-icon{
  transform: translate(-50%,-50%) scale(1.1);
  transform-origin: center center;
}
.incms-video-card__play-icon svg,
.incms-video-card__locked-icon svg{
  display: block;
  width: 100%;
  height: 100%;
}
.incms-video-card__link:hover {
  color: var(--incms-background);
}
.incms-video-card h3 {
  font-size: var(--title-size);
  margin-top: 0.6em;
}
.coompleted-icon {
  display: none;
  position: absolute;
  bottom: calc(var(--container-space)/1.5);
  left: calc(var(--container-space)/1.5);
  width: 24px;
  height: 24px;
}
.completed .coompleted-icon {
  display: block;
}
@media screen and (max-width: 768px){
  .incms-video-card h3 {
    font-size: var(--title-mobile-size);
  }
}

.incms-video-media {
	--border-radius: none;
}

.incms-video-title {
	--title-size: 26px;
	--title-mobile-size: 20px;
}

/* -------------------------------- 
inCMS Custom Palette
-------------------------------- */
.incms-custom-color-palette {
  position: fixed;
  z-index: 9999 !important;
  bottom: 20px;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 10px;
}
.incms-custom-color-palette .incms-custom-color-palette-wrapper {
  backdrop-filter: blur(50px);
  display: flex;
  flex-direction: row;
  background-color: rgb(196 196 196 / 50%);
  padding: 6px;
  border-radius: 8px;
  gap: 10px;
}
.color-preview {
  position: relative;
  padding: 0.75em 1.5em;
  border-radius: var(--incms-radius-sm);
  font-size: 16px;
  text-align: center;
}
.color-preview input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.color-preview label {
  /* filter: invert(100%) grayscale(1) brightness(2); */
}
.color-copy-button button {
  --copy-button-size: 43px;
  width: var(--copy-button-size);
  height: var(--copy-button-size);
  border-radius: var(--incms-radius-sm);
  color: #000000;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.color-copy-button button svg {
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.color-copy-button button:hover,.color-preview:hover {
  box-shadow: 0 0 0 2px rgb(0 0 0 / 40%);
}
.color-copy-button button, .color-preview {
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
}

/* Custom Palett Select */
.palett-list .custom-select {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 6px;
  border-radius: 8px;
  gap: 10px;
  background: conic-gradient(#fd004c, #fe9000, #fff020, #3edf4b, #3363ff, #b102b7, #fd004c);
}

.palett-list .select-selected {
  background-color: #ffffff;
  --copy-button-size: 43px;
  width: var(--copy-button-size);
  height: var(--copy-button-size);
  border-radius: var(--incms-radius-sm);
  color: #000000;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.palett-list .select-items {
  display: none;
  position: absolute;
  flex-direction: column;
  white-space: nowrap;
  border-top: none;
  bottom: 100%;
  left: 0;
  transform: translate(0, -6px);
  backdrop-filter: blur(50px);
  background-color: rgb(139 139 139 / 45%);
  padding: 6px;
  border-radius: 8px;
}
.palett-list .select-items label {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.palett-list .select-items-wrapper div {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: var(--incms-radius-sm);
  text-align: center;
  background: var(--incms-background);
  color: var(--incms-text);
  display: flex;
  padding-top: 14px;
  text-transform: uppercase;
  font: 600 9px/14px var(--text-ff);
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
  width: 118px;
}
.select-items-wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}
.palett-list .select-items-wrapper div:hover {
  box-shadow: 0 0 0 3px rgb(0 0 0 / 40%);
}
.palett-list .select-selected .fa {
  font-size: 20px;
}
.palett-list .select-items span{
  width: 40px;
  height: 26px;
}
.palett-list .select-items-wrapper div + div {
}
.palett-list span.incms-background{background: var(--incms-background);}
.palett-list span.incms-text{background: var(--incms-text);}
.palett-list span.incms-primary{background: var(--incms-primary)}
.palett-list span.incms-primary-text{background: var(--incms-primary-text);display: none;}
.palett-list span.incms-accent{background: var(--incms-accent)}
.palett-list span.incms-accent-text{background: var(--incms-accent-text);display: none;}

.view-edit .incms-custom-color-palette {
  position: initial;
}
.view-edit .palett-list{display:none}

.view-normal .infiniweb-a11y-widget {
position: fixed;
z-index: 19000;
bottom: 24px;
}
.view-normal .infiniweb-a11y-widget.infiniweb-a11y-pos-right { right: 24px; }
.view-normal .infiniweb-a11y-widget.infiniweb-a11y-pos-left { left: 24px; }
.infiniweb-a11y-fab {
width: 52px;
height: 52px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.25);
transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
z-index: 2;
}
.infiniweb-a11y-fab .fa { font-size: 26px; }
.infiniweb-a11y-fab:hover {
transform: scale(1.08);
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.infiniweb-a11y-fab:focus-visible {
outline: 3px solid #005fcc;
outline-offset: 3px;
}
.infiniweb-a11y-panel {
position: absolute;
bottom: 64px;
width: 310px;
border-radius: 14px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
opacity: 0;
visibility: hidden;
transform: translateY(12px) scale(0.95);
transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
overflow: hidden;
}
.infiniweb-a11y-pos-right .infiniweb-a11y-panel { right: 0; }
.infiniweb-a11y-pos-left .infiniweb-a11y-panel { left: 0; }
.infiniweb-a11y-widget.infiniweb-a11y-open .infiniweb-a11y-panel {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
.infiniweb-a11y-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
font-weight: 600;
font-size: 15px;
border-bottom: 1px solid rgba(128,128,128,0.12);
}
.infiniweb-a11y-close {
background: none;
border: none;
cursor: pointer;
font-size: 18px;
padding: 4px 6px;
border-radius: 6px;
line-height: 1;
color: inherit;
transition: background 0.15s;
}
.infiniweb-a11y-close:hover { background: rgba(128,128,128,0.1); }
.infiniweb-a11y-close:focus-visible {
outline: 2px solid #005fcc;
outline-offset: 2px;
}
.infiniweb-a11y-panel-body {
padding: 6px 8px;
max-height: 380px;
overflow-y: auto;
}
.infiniweb-a11y-toggle {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 10px 12px;
border: 2px solid transparent;
border-radius: 8px;
cursor: pointer;
font-size: 13px;
font-weight: 500;
text-align: left;
transition: background 0.15s ease, border-color 0.15s ease;
background: transparent;
color: inherit;
line-height: 1.3;
}
.infiniweb-a11y-toggle .fa {
font-size: 18px;
width: 24px;
text-align: center;
flex-shrink: 0;
}
.infiniweb-a11y-toggle:hover {
background: rgba(128,128,128,0.08);
}
.infiniweb-a11y-toggle:focus-visible {
outline: 2px solid #005fcc;
outline-offset: -2px;
}
.infiniweb-a11y-toggle[aria-pressed="true"] {
background: var(--infiniweb-a11y-accent, #1a73e8);
color: #fff;
border-color: var(--infiniweb-a11y-accent, #1a73e8);
}
.infiniweb-a11y-toggle.infiniweb-a11y-hidden,
.infiniweb-a11y-branding.infiniweb-a11y-hidden,
.infiniweb-a11y-meta.infiniweb-a11y-hidden { display: none; }
.infiniweb-a11y-divider {
border: none;
border-top: 1px solid rgba(128,128,128,0.12);
margin: 4px 12px;
}
.infiniweb-a11y-reset {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
padding: 8px 12px;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 12px;
font-weight: 500;
text-align: left;
background: transparent;
color: inherit;
opacity: 0.6;
transition: opacity 0.15s, background 0.15s;
}
.infiniweb-a11y-reset .fa {
font-size: 14px;
width: 24px;
text-align: center;
}
.infiniweb-a11y-reset:hover { opacity: 1; background: rgba(128,128,128,0.06); }
.infiniweb-a11y-reset:focus-visible {
outline: 2px solid #005fcc;
outline-offset: -2px;
}
.infiniweb-a11y-panel-footer {
padding: 10px 16px 12px;
border-top: 1px solid rgba(128,128,128,0.12);
text-align: center;
}
.infiniweb-a11y-branding a {
color: inherit;
text-decoration: none;
font-size: 11px;
opacity: 0.55;
transition: opacity 0.15s;
}
.infiniweb-a11y-branding a:hover { opacity: 1; }
.infiniweb-a11y-heart {
vertical-align: -2px;
color: #e25555;
margin: 0 1px;
}
.infiniweb-a11y-meta p {
margin: 6px 0 0;
font-size: 10px;
opacity: 0.45;
line-height: 1.4;
}
.view-edit .infiniweb-a11y-widget {
position: static;
max-width: 320px;
}
.view-edit .infiniweb-a11y-panel {
position: static;
opacity: 1;
visibility: visible;
transform: none;
width: 100%;
box-shadow: none;
border: 1px dashed #ccc;
}
.view-edit .infiniweb-a11y-fab { display: none; }
.view-edit .infiniweb-a11y-hidden { display: none; }
@media screen and (max-width: 480px) {
.infiniweb-a11y-panel { width: 280px; }
.view-normal .infiniweb-a11y-widget { bottom: 16px; }
.view-normal .infiniweb-a11y-widget.infiniweb-a11y-pos-right { right: 16px; }
.view-normal .infiniweb-a11y-widget.infiniweb-a11y-pos-left { left: 16px; }
}
body.infiniweb-high-contrast {
filter: contrast(1.35) !important;
}
body.infiniweb-high-contrast img,
body.infiniweb-high-contrast video {
filter: contrast(0.8) !important;
}
body.infiniweb-large-font {
font-size: 125% !important;
}
body.infiniweb-readable-font,
body.infiniweb-readable-font *:not(.fa):not([class*="icon"]) {
font-family: Arial, Helvetica, 'Segoe UI', sans-serif !important;
letter-spacing: 0.02em;
word-spacing: 0.05em;
}
body.infiniweb-highlight-links a:not(.infiniweb-a11y-fab):not(.infiniweb-a11y-close):not([class*="infiniweb-a11y"]) {
outline: 2px solid #ff6600 !important;
outline-offset: 2px;
text-decoration: underline !important;
background-color: rgba(255,102,0,0.08) !important;
}
body.infiniweb-focus-visible *:focus {
outline: 3px solid #005fcc !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 5px rgba(0,95,204,0.2) !important;
}
body.infiniweb-stop-animation *,
body.infiniweb-stop-animation *::before,
body.infiniweb-stop-animation *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
}
body.infiniweb-stop-animation .infiniweb-a11y-widget,
body.infiniweb-stop-animation .infiniweb-a11y-widget * {
animation-duration: unset !important;
transition-duration: 0.15s !important;
}
.infiniweb-alt-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.82);
color: #fff;
font-size: 11px;
padding: 5px 8px;
font-family: Arial, sans-serif;
line-height: 1.35;
z-index: 10;
pointer-events: none;
border-top: 2px solid #005fcc;
}
body:not(.infiniweb-show-alt) .infiniweb-alt-overlay { display: none; }
body.infiniweb-show-alt img[alt]:not([alt=""]) {
outline: 2px solid #005fcc;
}

.infiniweb-a11y-fab {
	background-color: #1a73e8;
	color: #ffffff;
}

.infiniweb-a11y-panel {
	background-color: #ffffff;
	color: #1a1a1a;
	--infiniweb-a11y-accent: #1a73e8;
}

/* ============================================
   infiniWEB Feature 01 v1.1
   Smart Element for inCMS
   \u00a9 infiniWEB GmbH
   ============================================ */
.infiniweb-feature01{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:var(--section-space-top);padding-bottom:var(--section-space-bottom);min-height:500px;box-sizing:border-box;isolation:isolate}
.infiniweb-feature01--fh{min-height:100svh}
body.view-normal:has(.header-fixed) .infiniweb-feature01--fh{min-height:100svh!important}
.infiniweb-feature01--ch{min-height:var(--infiniweb-feature01-custom-h,700px)}
.infiniweb-feature01--ah{min-height:auto}
.infiniweb-feature01__bg{position:absolute;inset:0;z-index:-2}
.infiniweb-feature01__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.infiniweb-feature01__img[src=""],.infiniweb-feature01__img:not([src]){display:none}
.infiniweb-feature01__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--infiniweb-feature01-overlay,rgba(0,0,0,0.75)) 0%,rgba(0,0,0,0.06) 100%);pointer-events:none}
.infiniweb-feature01__wrap{position:relative;z-index:1;width:100%}
.infiniweb-feature01__grid{display:flex;gap:32px;align-items:flex-end}
.infiniweb-feature01__col-left{flex:0 0 50%;max-width:50%}
.infiniweb-feature01__col-left header{width:100%;margin:0}
.infiniweb-feature01__col-left header h2{margin-bottom:0}
.infiniweb-feature01__col-right{flex:1 1 auto;display:flex;align-items:flex-end}
.infiniweb-feature01__badge{display:inline-block;background:var(--infiniweb-feature01-badge-bg,var(--incms-primary,#3b5bdb));color:#fff;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:20px}
.infiniweb-feature01__stats{display:flex;gap:48px}
.infiniweb-feature01__stat{display:flex;flex-direction:column;gap:6px}
.infiniweb-feature01__stat-val{color:var(--title-color,#fff);font-size:clamp(24px,2.5vw,32px);font-weight:600;line-height:1.2}
.infiniweb-feature01__stat-txt{color:var(--text-color,rgba(255,255,255,.75));font-size:14px;font-weight:400;line-height:1.4;opacity:.75}
.infiniweb-feature01__anim{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out,ease-out),transform .6s var(--ease-out,ease-out)}
.infiniweb-feature01__anim.is-visible{opacity:1;transform:translateY(0)}
.view-edit .infiniweb-feature01--fh{min-height:100svh}
.view-edit .infiniweb-feature01__anim{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.infiniweb-feature01__anim{opacity:1!important;transform:none!important}}
@media screen and (min-width:769px){.infiniweb-feature01:first-of-type{padding-top:calc(var(--incms-hero-correction,0px) + var(--section-space-top))!important}}
@media screen and (max-width:768px){.infiniweb-feature01:first-of-type{padding-top:calc(var(--incms-hero-correction,0px) + var(--section-space-top-m,var(--section-space-top)))!important}.infiniweb-feature01{padding-top:var(--section-space-top-m);padding-bottom:var(--section-space-bottom-m)}.infiniweb-feature01__grid{flex-direction:column;gap:24px;align-items:flex-start}.infiniweb-feature01__col-left{flex:1 1 100%;max-width:100%}.infiniweb-feature01__col-right{width:100%}.infiniweb-feature01__stats{flex-direction:column;gap:24px}.infiniweb-feature01__stat-val{font-size:28px}}

.infiniweb-feature01 {
	--title-color: #FFFFFF;
	--title-size: 38px;
	--title-mobile-size: 28px;
	--text-color: #FFFFFF;
	--infiniweb-feature01-custom-h: 700px;
	--section-space-top: var(--section-space-xl);
	--section-space-bottom: var(--section-space-xl);
	--section-space-top-m: var(--section-space-lg);
	--section-space-bottom-m: var(--section-space-lg);
}

/* ============================================
   infiniWEB Gallery 01 – Slider + Thumbs + Lightbox v2.3
   SmartElement for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   CSS namespace: infiniweb-gallery01v2
   ============================================ */

/* Root: explicit resets + section background from editor */
.infiniweb-gallery01v2 {
  width: 100%;
  padding-top: var(--section-space-top, 0px);
  padding-bottom: var(--section-space-bottom, 0px);
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
  background-color: var(--infiniweb-gallery01v2-section-bg, transparent);
}

/* ---- Theme color mapping ----
   data-theme sets accent color from inCMS global palette.
   Custom mode uses editor colorfield values directly.          */
.infiniweb-gallery01v2[data-theme="primary"] {
  --infiniweb-gallery01v2-accent: var(--incms-primary, #4da8da);
}
.infiniweb-gallery01v2[data-theme="secondary"] {
  --infiniweb-gallery01v2-accent: var(--incms-secondary, #6c757d);
}
.infiniweb-gallery01v2[data-theme="accent"] {
  --infiniweb-gallery01v2-accent: var(--incms-accent, #0d6efd);
}
.infiniweb-gallery01v2[data-theme="normal"] {
  --infiniweb-gallery01v2-accent: var(--incms-accent, #0d6efd);
}
.infiniweb-gallery01v2[data-theme="classic"] {
  --infiniweb-gallery01v2-accent: var(--incms-primary, #4da8da);
}

/* ---- Stage: the ratio-box ---- */
/* padding-bottom creates the height via the padding-trick.      */
/* overflow:hidden is MANDATORY — otherwise absolute children    */
/* escape and double the visible height.                         */
/* Stage: ratio-box — explicit padding/margin resets for CMS override protection */
.infiniweb-gallery01v2__stage {
  position: relative;
  width: 100%;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: var(--infiniweb-gallery01v2-ratio, 56.25%) !important;
  margin: 0 !important;
  overflow: hidden;                   /* clips absolute children */
  border-radius: min(var(--infiniweb-gallery01v2-radius, 12px), 32px);
  background: transparent;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  cursor: zoom-in;
  box-sizing: border-box;
}

/* ---- Track: fills the stage via absolute inset ---- */
/* inCMS typography.css sets margin-bottom, padding-left, list-style   */
/* on ul elements globally — all must be overridden with !important.   */
.infiniweb-gallery01v2__track {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  height: 100%;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
}

/* Pseudo-element reset: neutralize niche-CSS checkmarks/icons on li */
/* Niche themes often inject ::before content on ul>li for custom bullets. */
.infiniweb-gallery01v2__track li::before,
.infiniweb-gallery01v2__track li::after,
.infiniweb-gallery01v2__slide::before,
.infiniweb-gallery01v2__slide::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  position: static !important;
}

/* Slides: stacked, each fills track 100% — explicit positions for CMS override protection */
.infiniweb-gallery01v2__slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0s linear 0.65s;
  pointer-events: none;
}

.infiniweb-gallery01v2__slide.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0s linear 0s;
  pointer-events: auto;
}

/* Specificity boost: override niche-CSS ".view-normal .incms-custom-section .ym-gbox ul li"  */
/* Niche selectors reach 0,3,2 with !important — our base class 0,1,0 loses.                 */
/* Chaining 4 classes achieves 0,4,1 — wins regardless of niche-CSS source order.             */
.infiniweb-gallery01v2 .infiniweb-gallery01v2__stage .infiniweb-gallery01v2__track li.infiniweb-gallery01v2__slide {
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  position: absolute !important;
  list-style: none !important;
}

/* Figure + Image: fill slide 100% — !important resets against CMS typography/figure styles */
.infiniweb-gallery01v2__figure {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.infiniweb-gallery01v2__img {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;           /* crop to fill — never letterbox */
  display: block;
  border: none !important;     /* CMS may add image borders */
}

/* Caption: colors from editor variables */
.infiniweb-gallery01v2__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 16px;
  font-size: 0.875rem;
  line-height: 1.4;
  background: var(--infiniweb-gallery01v2-caption-bg, rgba(0,0,0,0.55));
  color: var(--infiniweb-gallery01v2-caption-color, #fff);
  border-radius: 0 0 var(--infiniweb-gallery01v2-radius, 12px) var(--infiniweb-gallery01v2-radius, 12px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 2;
}

.infiniweb-gallery01v2__caption:empty,
.infiniweb-gallery01v2__caption.caption-hidden {
  display: none;
}

/* Nav arrows: colors from editor variables */
.infiniweb-gallery01v2__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 64px;
  border: none;
  cursor: pointer;
  background: var(--infiniweb-gallery01v2-nav-bg, rgba(0,0,0,0.45));
  color: var(--infiniweb-gallery01v2-nav-color, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease, background 0.2s ease;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.infiniweb-gallery01v2__btn--prev { left: 0; border-radius: 0 6px 6px 0; }
.infiniweb-gallery01v2__btn--next { right: 0; border-radius: 6px 0 0 6px; }

.infiniweb-gallery01v2__stage:hover .infiniweb-gallery01v2__btn,
.infiniweb-gallery01v2__stage:focus-within .infiniweb-gallery01v2__btn {
  opacity: 1;
}

.infiniweb-gallery01v2__btn:hover {
  background: var(--infiniweb-gallery01v2-nav-hover-bg, rgba(0,0,0,0.72));
}
.infiniweb-gallery01v2__btn:focus-visible {
  outline: 3px solid var(--infiniweb-gallery01v2-nav-color, #fff);
  outline-offset: -3px;
  opacity: 1;
}

/* ---- Counter ---- */
.infiniweb-gallery01v2__counter {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  pointer-events: none;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  letter-spacing: 0.04em;
  display: flex;
  gap: 3px;
  align-items: center;
  z-index: 5;
}

/* ============================================================
   THUMBNAIL STRIP
   Thumbs use a fixed height from the editor variable.
   They scale equally in the available width via flex.
   Scroll arrows always visible on desktop.
   ============================================================ */
.infiniweb-gallery01v2__thumbs {
  margin-top: 8px;
  display: flex;
  align-items: stretch;
  gap: 6px;
}

/* Scroll arrows — always visible on desktop */
.infiniweb-gallery01v2__thumb-scroll {
  flex-shrink: 0;
  width: 28px;
  border: none;
  outline: none;                       /* suppress default button outline on click */
  background: rgba(0,0,0,0.12);
  border-radius: 6px;
  color: #555;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  align-self: stretch;               /* same height as thumbs */
}

.infiniweb-gallery01v2__thumb-scroll:hover {
  background: rgba(0,0,0,0.22);
  color: #111;
}

.infiniweb-gallery01v2__thumb-scroll:focus-visible {
  outline: 3px solid var(--infiniweb-gallery01v2-accent, var(--incms-accent, #0d6efd));
  outline-offset: 2px;
}

/* Track: overflow scroll, no wrapping */
.infiniweb-gallery01v2__thumbs-track {
  display: flex;
  flex-direction: row;
  gap: 6px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;     /* B1-fix: snap to whole thumbs */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.infiniweb-gallery01v2__thumbs-track::-webkit-scrollbar { display: none; }

/* Thumb: fixed height from editor var, auto width via aspect-ratio */
/* flex: 1 makes all visible thumbs share width equally            */
.infiniweb-gallery01v2__thumb {
  flex: 1 1 0;
  min-width: 0;
  /* Height from editor — aspect-ratio derives the width */
  height: var(--infiniweb-gallery01v2-thumb-height, 90px);
  /* Override flex-derived height with the variable */
  flex-basis: auto;
  /* Aspect ratio: thumbs are always 4:3 */
  aspect-ratio: 4 / 3;
  /* Ensure height is respected over flex stretching */
  align-self: flex-start;
  border: 2px solid transparent;
  border-radius: calc(var(--infiniweb-gallery01v2-radius, 12px) * 0.4);
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  outline: none;                       /* B2-fix: suppress default button outline on click */
  scroll-snap-align: start;           /* B1-fix: snap point per thumb */
  background: #222;
  transition: border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  opacity: 0.62;
  flex-shrink: 0;                     /* never compress below natural size */
}

.infiniweb-gallery01v2__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

/* Active/hover thumb: accent color from theme or custom editor field */
.infiniweb-gallery01v2__thumb.is-active,
.infiniweb-gallery01v2__thumb:hover {
  border-color: var(--infiniweb-gallery01v2-accent, var(--incms-accent, #0d6efd));
  opacity: 1;
}

.infiniweb-gallery01v2__thumb:focus-visible {
  outline: 3px solid var(--infiniweb-gallery01v2-accent, var(--incms-accent, #0d6efd));
  outline-offset: 2px;
}

/* ============================================================
   LIGHTBOX
   opacity/pointer-events toggle — never display:none
   pointer-events: auto (not 'all' which is invalid CSS)
   ============================================================ */
.infiniweb-gallery01v2__lightbox {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;              /* 'none' when closed */
  transition: opacity 320ms ease;
}

.infiniweb-gallery01v2__lightbox.is-open {
  opacity: 1;
  pointer-events: auto;              /* 'auto' — valid CSS — when open */
}

.infiniweb-gallery01v2__lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: zoom-out;
}

.infiniweb-gallery01v2__lightbox-inner {
  position: relative;
  z-index: 1;
  max-width: min(92vw, 1100px);
  max-height: 92vh;
  /* B4-fix: use element radius, capped at 20px for lightbox */
  border-radius: min(var(--infiniweb-gallery01v2-radius, 12px), 20px);
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.12),
    0 32px 64px rgba(0,0,0,0.65);
  background: rgba(12,16,28,0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.infiniweb-gallery01v2__lightbox-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 80vh;
  object-fit: contain;
  flex-shrink: 0;
}

.infiniweb-gallery01v2__lightbox-caption {
  display: none;
  width: 100%;
  padding: 0.75rem 1.25rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.875rem;
  line-height: 1.5;
  border-top: 1px solid rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.3);
  box-sizing: border-box;
}

.infiniweb-gallery01v2__lightbox-caption.has-caption { display: block; }

.infiniweb-gallery01v2__lightbox-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;                       /* above image */
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.infiniweb-gallery01v2__lightbox-close:hover { background: rgba(255,255,255,0.3); }
.infiniweb-gallery01v2__lightbox-close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* B3+F1-fix: absolute inside lightbox (not fixed), z-index above siblings */
.infiniweb-gallery01v2__lightbox-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;                       /* above backdrop (no z) and inner (z:1) */
  width: 48px;
  height: 80px;
  border: none;
  outline: none;
  background: rgba(0,0,0,0.35);      /* dark bg for contrast on light images */
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, opacity 0.2s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.infiniweb-gallery01v2__lightbox-btn--prev { left: 12px; border-radius: 8px; }
.infiniweb-gallery01v2__lightbox-btn--next { right: 12px; border-radius: 8px; }
.infiniweb-gallery01v2__lightbox-btn:hover { background: rgba(0,0,0,0.55); }
.infiniweb-gallery01v2__lightbox-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -3px;
}

.infiniweb-gallery01v2__lightbox-counter {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.7);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: flex;
  gap: 4px;
  z-index: 10;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-gallery01v2__slide,
  .infiniweb-gallery01v2__btn,
  .infiniweb-gallery01v2__thumb,
  .infiniweb-gallery01v2__lightbox {
    transition: none !important;
    animation: none !important;
  }
}

/* ---- Mobile ---- */
@media (max-width: 768px) {
  .infiniweb-gallery01v2__btn { display: none; }
  .infiniweb-gallery01v2__stage { cursor: default; }
  .infiniweb-gallery01v2__thumb-scroll { display: none; }
  .infiniweb-gallery01v2__thumb {
    flex: 0 0 auto;
    height: 56px;
  }
  .infiniweb-gallery01v2__lightbox-btn { width: 36px; height: 56px; left: 6px; right: auto; }
  .infiniweb-gallery01v2__lightbox-btn--next { left: auto; right: 6px; }
}

/* Edit mode: override !important production styles for visual editing */
.view-edit .infiniweb-gallery01v2__stage {
  overflow: hidden;
}
.view-edit .infiniweb-gallery01v2__track {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px !important;
}
.view-edit .infiniweb-gallery01v2__slide {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto;
  height: auto;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  flex: 0 0 calc(50% - 2px);
}
.view-edit .infiniweb-gallery01v2__figure {
  height: auto;
}
.view-edit .infiniweb-gallery01v2__img {
  height: auto !important;
  aspect-ratio: 4 / 3;
}
.view-edit .infiniweb-gallery01v2__lightbox { display: none !important; }

.infiniweb-gallery01v2 {
	--infiniweb-gallery01v2-nav-bg: rgba(0,0,0,0.35);
	--infiniweb-gallery01v2-nav-color: #ffffff;
	--infiniweb-gallery01v2-nav-hover-bg: rgba(0,0,0,0.55);
	--infiniweb-gallery01v2-caption-color: #ffffff;
	--infiniweb-gallery01v2-caption-bg: rgba(0,0,0,0.5);
	--infiniweb-gallery01v2-ratio: 56.25%;
	--infiniweb-gallery01v2-thumb-height: 90px;
	--infiniweb-gallery01v2-radius: 12px;
	--section-space-top: 0px;
	--section-space-bottom: 0px;
}

/* ============================================
   infiniWEB Gallery 02 v4.2
   Masonry Horizontal – 8 Images (3-2-3)
   Konfigurierbare Spaltenbreiten pro Row
   + Native Lightbox + Caption
   Namespace: infiniweb-gal02m
   Smart Element for inCMS
   © infiniWEB GmbH
   ============================================ */

/* === SECTION === */
.infiniweb-gal02m {
  padding-top: var(--section-space-top, var(--section-space-xl));
  padding-bottom: var(--section-space-bottom, var(--section-space-xl));
}

/* === WRAPPER === */
.infiniweb-gal02m .infiniweb-gal02m__wrap {
  display: flex;
  flex-direction: column;
  gap: var(--infiniweb-gal02m-gap, 16px);
}

/* === ROW: Flex mit fester Höhe === */
.infiniweb-gal02m .infiniweb-gal02m__row {
  display: flex;
  gap: var(--infiniweb-gal02m-gap, 16px);
  height: var(--infiniweb-gal02m-rowh, 240px);
  align-items: stretch;
}

/* === CELL: Breite kommt via inline style="width:XX%" === */
.infiniweb-gal02m .infiniweb-gal02m__cell {
  flex: none;
  overflow: hidden;
  border-radius: var(--infiniweb-gal02m-radius, var(--incms-radius-sm));
  position: relative;
  min-width: 0;
}

/* === LINK === */
.infiniweb-gal02m .infiniweb-gal02m__lnk {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
  position: relative;
}
.infiniweb-gal02m .infiniweb-gal02m__lnk--off { pointer-events: auto; cursor: zoom-in; }
.infiniweb-gal02m .infiniweb-gal02m__lnk--on  { cursor: pointer; }

/* === IMG === */
.infiniweb-gal02m .infiniweb-gal02m__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.infiniweb-gal02m .infiniweb-gal02m__img[src=""] { display: none; }
.infiniweb-gal02m .infiniweb-gal02m__cell:hover .infiniweb-gal02m__img {
  transform: scale(1.05);
}

/* === BADGE === */
.infiniweb-gal02m .infiniweb-gal02m__tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 4px;
  line-height: 1.3;
  white-space: nowrap;
}
.infiniweb-gal02m .infiniweb-gal02m__tag--off { display: none; }
.infiniweb-gal02m .infiniweb-gal02m__tag--on  { display: inline-block; }
.infiniweb-gal02m .infiniweb-gal02m__tag--primary   { background: var(--incms-primary); color: var(--incms-primary-text); }
.infiniweb-gal02m .infiniweb-gal02m__tag--secondary  { background: var(--incms-secondary); color: var(--incms-secondary-text); }
.infiniweb-gal02m .infiniweb-gal02m__tag--accent    { background: var(--incms-accent); color: var(--incms-accent-text); }
.infiniweb-gal02m .infiniweb-gal02m__tag--custom    { background: var(--incms-primary); color: #fff; }

.infiniweb-gal02m [data-delay="0"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b1bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b1txt, #fff); }
.infiniweb-gal02m [data-delay="1"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b2bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b2txt, #fff); }
.infiniweb-gal02m [data-delay="2"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b3bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b3txt, #fff); }
.infiniweb-gal02m [data-delay="3"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b4bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b4txt, #fff); }
.infiniweb-gal02m [data-delay="4"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b5bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b5txt, #fff); }
.infiniweb-gal02m [data-delay="5"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b6bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b6txt, #fff); }
.infiniweb-gal02m [data-delay="6"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b7bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b7txt, #fff); }
.infiniweb-gal02m [data-delay="7"] .infiniweb-gal02m__tag--custom { background: var(--infiniweb-gal02m-b8bg, var(--incms-primary)); color: var(--infiniweb-gal02m-b8txt, #fff); }

/* ============================================
   ANIMATION
   ============================================ */
.infiniweb-gal02m .infiniweb-gal02m__anim {
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(40px) scale(0.97);
}
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="0"] { transition-delay: 0s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="1"] { transition-delay: 0.08s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="2"] { transition-delay: 0.16s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="3"] { transition-delay: 0.1s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="4"] { transition-delay: 0.2s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="5"] { transition-delay: 0.15s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="6"] { transition-delay: 0.25s; }
.infiniweb-gal02m .infiniweb-gal02m__anim[data-delay="7"] { transition-delay: 0.35s; }

.infiniweb-gal02m .infiniweb-gal02m__anim.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.infiniweb-gal02m .infiniweb-gal02m__tag--on {
  opacity: 0; transform: translateY(-8px);
  transition: opacity 0.4s ease 0.7s, transform 0.4s ease 0.7s;
}
.infiniweb-gal02m .infiniweb-gal02m__anim.is-visible .infiniweb-gal02m__tag--on {
  opacity: 1; transform: translateY(0);
}

/* ============================================
   LIGHTBOX
   ============================================ */
.infiniweb-gal02m__lb { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.35s; -webkit-tap-highlight-color: transparent; }
.infiniweb-gal02m__lb.is-active { opacity: 1; visibility: visible; transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s; }
.infiniweb-gal02m__lb-bg { position: absolute; inset: 0; background: rgba(0,0,0,0.85); -webkit-backdrop-filter: blur(20px) saturate(1.2); backdrop-filter: blur(20px) saturate(1.2); }
.infiniweb-gal02m__lb-wrap { position: relative; z-index: 2; max-width: 92vw; max-height: 88vh; transform: scale(0.92) translateY(12px); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.infiniweb-gal02m__lb.is-active .infiniweb-gal02m__lb-wrap { transform: scale(1) translateY(0); }
.infiniweb-gal02m__lb .infiniweb-gal02m__lb-img { display: block; max-width: 92vw; max-height: 88vh; width: auto; height: auto; object-fit: contain; border-radius: 12px; box-shadow: 0 24px 80px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.3); user-select: none; -webkit-user-drag: none; }
.infiniweb-gal02m__lb-x { position: absolute; top: -44px; right: 0; width: 36px; height: 36px; border: none; background: rgba(255,255,255,0.12); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, transform 0.2s ease; z-index: 3; padding: 0; }
.infiniweb-gal02m__lb-x:hover { background: rgba(255,255,255,0.25); transform: scale(1.1); }
.infiniweb-gal02m__lb-x svg { width: 18px; height: 18px; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; fill: none; }
.infiniweb-gal02m__lb-arr { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: none; background: rgba(255,255,255,0.1); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, transform 0.2s ease; z-index: 3; padding: 0; }
.infiniweb-gal02m__lb-arr:hover { background: rgba(255,255,255,0.22); transform: translateY(-50%) scale(1.08); }
.infiniweb-gal02m__lb-arr svg { width: 20px; height: 20px; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.infiniweb-gal02m__lb-prev { left: -60px; }
.infiniweb-gal02m__lb-next { right: -60px; }
.infiniweb-gal02m__lb-cnt { position: absolute; bottom: -36px; left: 50%; transform: translateX(-50%); font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.55); letter-spacing: 0.08em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.infiniweb-gal02m__lb-cap { position: absolute; bottom: -32px; left: 0; right: 0; text-align: center; font-size: 14px; font-weight: 400; color: rgba(255,255,255,0.75); line-height: 1.4; padding: 0 16px; opacity: 0; transform: translateY(4px); transition: opacity 0.35s ease 0.15s, transform 0.35s ease 0.15s; pointer-events: none; }
.infiniweb-gal02m__lb-cap.has-text { opacity: 1; transform: translateY(0); }
.infiniweb-gal02m__lb-cap.has-text ~ .infiniweb-gal02m__lb-cnt { bottom: -56px; }
.infiniweb-gal02m__lb-cap.has-text ~ .infiniweb-gal02m__lb-hint { bottom: -78px; }
.infiniweb-gal02m__lb-hint { position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); font-size: 11px; color: rgba(255,255,255,0.35); letter-spacing: 0.05em; white-space: nowrap; opacity: 1; transition: opacity 0.4s ease 1.5s; }
.infiniweb-gal02m__lb.is-swiped .infiniweb-gal02m__lb-hint { opacity: 0; }

@media screen and (max-width: 768px) {
  .infiniweb-gal02m__lb-prev { left: 8px; top: auto; bottom: 16px; transform: none; }
  .infiniweb-gal02m__lb-next { right: 8px; top: auto; bottom: 16px; transform: none; }
  .infiniweb-gal02m__lb-arr:hover { transform: none; }
  .infiniweb-gal02m__lb-x { top: 12px; right: 12px; background: rgba(0,0,0,0.4); }
  .infiniweb-gal02m__lb .infiniweb-gal02m__lb-img { max-width: 96vw; max-height: 80vh; border-radius: 8px; }
  .infiniweb-gal02m__lb-wrap { max-width: 96vw; max-height: 80vh; }
  .infiniweb-gal02m__lb-cnt { bottom: 24px; }
}

/* ============================================
   EDIT-MODE & REDUCED MOTION
   ============================================ */
.view-edit .infiniweb-gal02m .infiniweb-gal02m__anim { opacity: 1 !important; transform: none !important; transition: none !important; }
.view-edit .infiniweb-gal02m .infiniweb-gal02m__tag--on { opacity: 1 !important; transform: none !important; transition: none !important; }
.view-edit .infiniweb-gal02m .infiniweb-gal02m__lnk--off { pointer-events: none; cursor: default; }

@media (prefers-reduced-motion: reduce) {
  .infiniweb-gal02m .infiniweb-gal02m__anim { opacity: 1 !important; transform: none !important; transition: none !important; }
  .infiniweb-gal02m .infiniweb-gal02m__tag--on { opacity: 1 !important; transform: none !important; transition: none !important; }
  .infiniweb-gal02m .infiniweb-gal02m__img { transition: none !important; }
  .infiniweb-gal02m__lb, .infiniweb-gal02m__lb-wrap { transition: none !important; }
}

/* ============================================
   MOBILE: 2 Spalten à 50%, 4 Zeilen
   Inline width wird überschrieben!
   ============================================ */
@media screen and (max-width: 768px) {
  .infiniweb-gal02m .infiniweb-gal02m__row {
    flex-wrap: wrap;
    height: auto;
  }
  .infiniweb-gal02m .infiniweb-gal02m__cell {
    width: calc(50% - var(--infiniweb-gal02m-gap, 16px) / 2) !important;
    flex: none;
  }
  .infiniweb-gal02m .infiniweb-gal02m__lnk {
    height: auto;
  }
  .infiniweb-gal02m .infiniweb-gal02m__img {
    height: auto;
    aspect-ratio: 4/3;
  }
}

.infiniweb-gal02m {
	--section-space-top: var(--section-space-xl);
	--section-space-bottom: var(--section-space-xl);
	--infiniweb-gal02m-gap: 16px;
	--infiniweb-gal02m-rowh: 277px;
	--infiniweb-gal02m-radius: var(--incms-radius-sm);
}

/* ============================================
   infiniWEB Header 01 v1.0
   Responsive Header with Smart Scroll
   SmartElement for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   ============================================ */

/* --- Base --- */
.infiniweb-header01 {
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--infiniweb-header01-height);
  min-height: var(--infiniweb-header01-height);
  background-color: var(--infiniweb-header01-bg);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  isolation: isolate;
  transition: height 0.3s ease, padding 0.3s ease, min-height 0.3s ease;
}
@media screen and (max-width: 768px) {
  .infiniweb-header01 {
    height: var(--infiniweb-header01-height-mobile, var(--infiniweb-header01-height)) !important;
    min-height: var(--infiniweb-header01-height-mobile, var(--infiniweb-header01-height)) !important;
  }
  .infiniweb-header01 .infiniweb-header01__logo-link img {
    max-height: calc(var(--infiniweb-header01-height-mobile, var(--infiniweb-header01-height)) - var(--container-space) * 2) !important;
  }
  /* Smart header on mobile uses mobile height */
  .infiniweb-header01--smart-true.infiniweb-header01--pos-fixed {
    height: calc(var(--infiniweb-header01-height-mobile, var(--infiniweb-header01-height)) + var(--container-space)) !important;
    padding-top: var(--container-space);
    padding-bottom: var(--container-space);
  }
  .infiniweb-header01--smart-true.infiniweb-header01--pos-fixed.is-scrolled {
    height: var(--infiniweb-header01-height-mobile, var(--infiniweb-header01-height)) !important;
    padding-top: calc(var(--container-space) * 0.5);
    padding-bottom: calc(var(--container-space) * 0.5);
  }
  /* Burger alignment fix — ensure vertical centering */
  .infiniweb-header01__burger {
    min-height: 100%;
  }
}

/* Sticky / Fixed positioning — CMS wraps this in <header class="header"> */
.view-normal .header {
  position: relative;
  z-index: 3;
}
/* JS-set classes as primary method (no :has() dependency) */
.view-normal header.header.infiniweb-header01-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header.infiniweb-header01-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
/* :has() as progressive enhancement for browsers that support it */
.view-normal header.header:has(.infiniweb-header01--pos-sticky) {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header:has(.infiniweb-header01--pos-fixed) {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
/* Prevent iOS Safari from pushing fixed header off-screen */
@media screen and (max-width: 768px) {
  .view-normal header.header.infiniweb-header01-fixed,
  .view-normal header.header:has(.infiniweb-header01--pos-fixed) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
  .view-normal header.header.infiniweb-header01-sticky,
  .view-normal header.header:has(.infiniweb-header01--pos-sticky) {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 99;
  }
}

/* --- Nav container --- */
.infiniweb-header01__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: auto;
  position: initial;
}
/* Flex gap with margin fallback for older browsers */
.infiniweb-header01__nav > * + * {
  margin-left: var(--space-lg);
}
@supports (gap: 1px) {
  .infiniweb-header01__nav {
    gap: var(--space-lg);
  }
  .infiniweb-header01__nav > * + * {
    margin-left: 0;
  }
}

/* --- Logo --- */
.infiniweb-header01__logo {
  display: flex;
  min-width: min-content;
  height: 100%;
}
.infiniweb-header01__logo-link {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: transparent !important;
}
.infiniweb-header01__logo-link img {
  max-width: 100%;
  height: 100%;
  display: block;
  max-height: calc(var(--infiniweb-header01-height) - var(--container-space) * 2);
  transition: max-height 0.3s ease;
}

/* --- Language switcher --- */
.infiniweb-header01__lang {
  display: flex;
  justify-content: flex-end;
}
.infiniweb-header01__lang-list ul {
  padding: 0;
}
.infiniweb-header01__lang-list ul li {
  margin: 0 !important;
}
.infiniweb-header01__lang-list ul li.active {
  display: none;
}

/* Hide original lang element in normal view, keep clone visible */
.view-normal #menulangtop,
#menulangtop li.active {
  display: none;
}
/* Hide lang block when source menu is empty */
.infiniweb-header01__menu:has(#menulangtop:empty) + .infiniweb-header01__lang {
  display: none;
}
/* Ensure cloned flag links have dimensions — CMS uses background-image icons */
.infiniweb-header01__lang-list ul li {
  display: inline-block;
}
.infiniweb-header01__lang-list ul li.active {
  display: none;
}
.infiniweb-header01__lang-list ul li a {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
}

/* --- Menu alignment --- */
/* Center (default): logo and lang get equal flex space */
.infiniweb-header01--menu-center .infiniweb-header01__logo,
.infiniweb-header01--menu-center .infiniweb-header01__lang {
  flex-basis: 0;
  flex-grow: 1;
}

/* Left: lang gets equal space */
.infiniweb-header01--menu-left .infiniweb-header01__nav > * + * {
  margin-left: var(--space-xl);
}
@supports (gap: 1px) {
  .infiniweb-header01--menu-left .infiniweb-header01__nav {
    gap: var(--space-xl);
  }
  .infiniweb-header01--menu-left .infiniweb-header01__nav > * + * {
    margin-left: 0;
  }
}
.infiniweb-header01--menu-left .infiniweb-header01__lang {
  flex-basis: 0;
  flex-grow: 1;
}

/* Right: menu pushed to the right */
.infiniweb-header01--menu-right .infiniweb-header01__nav > * + * {
  margin-left: var(--space-xl);
}
@supports (gap: 1px) {
  .infiniweb-header01--menu-right .infiniweb-header01__nav {
    gap: var(--space-xl);
  }
  .infiniweb-header01--menu-right .infiniweb-header01__nav > * + * {
    margin-left: 0;
  }
}
.infiniweb-header01--menu-right .infiniweb-header01__menu {
  margin-left: auto;
}

/* --- Nav list reset --- */
.infiniweb-header01 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* --- Shadow modifiers --- */
.infiniweb-header01--shadow-sm {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.infiniweb-header01--shadow-md {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.infiniweb-header01--shadow-lg {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

/* --- Custom color mode --- */
.infiniweb-header01--custom .infiniweb-header01__nav ul li a {
  color: var(--infiniweb-header01-link);
}
.infiniweb-header01--custom .infiniweb-header01__nav ul li a.active,
.infiniweb-header01--custom .infiniweb-header01__nav ul li a:focus,
.infiniweb-header01--custom .infiniweb-header01__nav ul li a:hover,
.infiniweb-header01--custom .infiniweb-header01__nav ul li a:active {
  color: var(--infiniweb-header01-link-active);
}

/* --- inCMS color palette mode --- */
.infiniweb-header01--incms {
  background-color: transparent;
}
.infiniweb-header01--incms::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--incms-background);
  z-index: -1;
  opacity: 0.85;
}
.infiniweb-header01--incms .infiniweb-header01__burger-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}

/* --- Burger button --- */
.infiniweb-header01__mobile-toggle {
  height: 100%;
}
.infiniweb-header01__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.infiniweb-header01__burger-icon {
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-image: linear-gradient(var(--infiniweb-header01-link), var(--infiniweb-header01-link));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: scale(1);
  transition: transform 0.2s ease, background-size 0.2s ease;
}
.infiniweb-header01__burger-icon::before,
.infiniweb-header01__burger-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
  transition: inherit;
}
.infiniweb-header01__burger-icon::before {
  transform: translateY(-0.25em) rotate(0deg);
}
.infiniweb-header01__burger-icon::after {
  transform: translateY(0.25em) rotate(0deg);
}

/* Active burger → X */
.infiniweb-header01__mobile-toggle.is-active .infiniweb-header01__burger-icon {
  background-size: 0% 100%;
}
.infiniweb-header01__mobile-toggle.is-active .infiniweb-header01__burger-icon::before {
  transform: translateY(0) rotate(45deg);
}
.infiniweb-header01__mobile-toggle.is-active .infiniweb-header01__burger-icon::after {
  transform: translateY(0) rotate(-45deg);
}

/* Press feedback */
.infiniweb-header01__burger:active .infiniweb-header01__burger-icon {
  transform: scale(0.9);
}

/* --- Smart header: shrink on scroll --- */
.infiniweb-header01--smart-true.infiniweb-header01--pos-fixed {
  height: calc(var(--infiniweb-header01-height) + var(--container-space) * 2);
  padding-top: calc(var(--container-space) * 1.5);
  padding-bottom: calc(var(--container-space) * 1.5);
}
.infiniweb-header01--smart-true.infiniweb-header01--pos-fixed.is-scrolled {
  height: var(--infiniweb-header01-height);
  padding-top: calc(var(--container-space) * 0.5);
  padding-bottom: calc(var(--container-space) * 0.5);
}
/* Logo shrinks proportionally in smart mode */
.infiniweb-header01--smart-true.is-scrolled .infiniweb-header01__logo-link img {
  max-height: calc(var(--infiniweb-header01-height) - var(--container-space) * 3);
}

/* --- Mobile menu dropdown --- */
@keyframes infiniweb-header01-menu-fade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 768px) {
  .infiniweb-header01__menu {
    width: 100%;
    background: var(--infiniweb-header01-mobile-bg);
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .infiniweb-header01__mobile-toggle.is-active + .infiniweb-header01__menu {
    display: block;
  }
  .infiniweb-header01__menu #topmenu {
    display: flex !important;
    flex-direction: column;
    padding: 0;
  }
  .infiniweb-header01__menu .ym-hlist ul li {
    margin: 0 !important;
    animation: infiniweb-header01-menu-fade 0.5s var(--ease-out);
  }
  .infiniweb-header01__menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .infiniweb-header01__menu .ym-hlist > ul > li > a,
  .infiniweb-header01__menu .ym-hlist > ul > li:hover > a {
    padding: 10px;
    display: block;
    color: var(--infiniweb-header01-mobile-link) !important;
  }
  .infiniweb-header01__menu .ym-hlist > ul > li > a.active,
  .infiniweb-header01__menu .ym-hlist > ul > li > a:hover {
    color: var(--infiniweb-header01-mobile-link-active) !important;
  }

  /* inCMS palette override for mobile */
  .infiniweb-header01--incms .infiniweb-header01__menu {
    background: var(--incms-primary);
  }
  .infiniweb-header01--incms .infiniweb-header01__menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text) !important;
  }

  .infiniweb-header01__lang,
  .infiniweb-header01__menu #nav-trigger {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .infiniweb-header01__mobile-toggle {
    display: none;
  }
}

/* --- prefers-reduced-motion --- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-header01,
  .infiniweb-header01__burger-icon,
  .infiniweb-header01__burger-icon::before,
  .infiniweb-header01__burger-icon::after,
  .infiniweb-header01__logo-link img,
  .infiniweb-header01__menu .ym-hlist ul li {
    transition: none !important;
    animation: none !important;
  }
}

/* --- Edit mode: keep menu visible --- */
.view-edit .infiniweb-header01 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .infiniweb-header01 nav {
  position: relative;
}
.view-edit .infiniweb-header01__menu:has(#menulangtop:empty) + .infiniweb-header01__lang {
  display: none;
}

/* --- Submenu arrow fix: hide if no submenu present --- */
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next, .span_after) {
  display: none;
}

.infiniweb-header01-colors {
	--infiniweb-header01-bg: rgba(255,255,255,0.85);
	--infiniweb-header01-link: #081d27;
	--infiniweb-header01-link-active: #06aeef;
	--infiniweb-header01-mobile-bg: #039dd8;
	--infiniweb-header01-mobile-link: #FFFFFF;
	--infiniweb-header01-mobile-link-active: #FFFFFF;
}

.infiniweb-header01 {
	--infiniweb-header01-height: 60px;
	--infiniweb-header01-height-mobile: 50px;
}

/* ============================================
   infiniWEB Header 02 v1.0
   Logo + CTA + Smart Shrink
   Smart Element for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   ============================================ */

/* ----------------------------------------
   Base
   ---------------------------------------- */
.infiniweb-header02 {
  position: relative;
  height: var(--infiniweb-header02-height);
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  transition: height 0.3s ease, padding 0.3s ease, background-color 0.3s ease;
  box-sizing: border-box;
  z-index: 1000;
}

/* ----------------------------------------
   Color System: inCMS Palette
   ---------------------------------------- */
[data-colors="incms"].infiniweb-header02 {
  background-color: transparent;
  isolation: isolate;
}
[data-colors="incms"].infiniweb-header02::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"].infiniweb-header02.infiniweb-header02--blur-true::before {
  -webkit-backdrop-filter: blur(var(--infiniweb-header02-blur-strength, 15px));
  backdrop-filter: blur(var(--infiniweb-header02-blur-strength, 15px));
}
[data-colors="incms"].infiniweb-header02 .infiniweb-header02__phone-link {
  color: var(--incms-text);
}
[data-colors="incms"].infiniweb-header02 .infiniweb-header02__phone-link:hover,
[data-colors="incms"].infiniweb-header02 .infiniweb-header02__phone-link:focus-visible {
  color: var(--incms-primary);
}

/* ----------------------------------------
   Color System: Custom
   ---------------------------------------- */
[data-colors="custom"].infiniweb-header02 {
  background-color: var(--infiniweb-header02-bg);
}
[data-colors="custom"].infiniweb-header02.infiniweb-header02--blur-true {
  -webkit-backdrop-filter: blur(var(--infiniweb-header02-blur-strength, 15px));
  backdrop-filter: blur(var(--infiniweb-header02-blur-strength, 15px));
  isolation: isolate;
}
[data-colors="custom"].infiniweb-header02 .infiniweb-header02__phone-link {
  color: var(--infiniweb-header02-link-color, var(--incms-text));
}
[data-colors="custom"].infiniweb-header02 .infiniweb-header02__phone-link:hover,
[data-colors="custom"].infiniweb-header02 .infiniweb-header02__phone-link:focus-visible {
  color: var(--infiniweb-header02-link-hover, var(--incms-primary));
}

/* ----------------------------------------
   Shadow
   ---------------------------------------- */
.infiniweb-header02--shadow-sm { box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.infiniweb-header02--shadow-md { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.infiniweb-header02--shadow-lg { box-shadow: 0 8px 30px rgba(0,0,0,0.12); }

/* ----------------------------------------
   Inner Layout
   ---------------------------------------- */
.infiniweb-header02__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}

/* ----------------------------------------
   Logo
   ---------------------------------------- */
.infiniweb-header02__logo {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.infiniweb-header02__logo-link {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: transparent !important;
  text-decoration: none;
}
.infiniweb-header02__logo-img {
  height: 100%;
  max-height: 100%;
  width: auto;
  display: block;
  object-fit: contain;
  transition: max-height 0.3s ease;
}

/* ----------------------------------------
   Right Side Container
   ---------------------------------------- */
.infiniweb-header02__right {
  display: flex;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
}
.infiniweb-header02__right > * + * { margin-left: var(--space-sm); }
@supports (gap: 1px) {
  .infiniweb-header02__right { gap: var(--space-sm); }
  .infiniweb-header02__right > * + * { margin-left: 0; }
}

/* ----------------------------------------
   Right Side: Independent Visibility
   Each element is controlled by its own
   checkbox / modifier class
   ---------------------------------------- */

/* Phone: visible when --phone-on */
.infiniweb-header02__phone { display: none; }
.infiniweb-header02--phone-on .infiniweb-header02__phone { display: flex; }

/* Buttons: visible when checkbox renders HTML
   Empty btn containers are hidden via :empty */
.infiniweb-header02__btn1:empty,
.infiniweb-header02__btn2:empty { display: none; }

/* Lang: visible when --lang-on */
.infiniweb-header02__lang { display: none; }
.infiniweb-header02--lang-on .infiniweb-header02__lang { display: flex; }

/* ----------------------------------------
   Phone / CTA Link
   ---------------------------------------- */
.infiniweb-header02__phone { align-items: center; }
.infiniweb-header02__phone-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.infiniweb-header02__phone-icon {
  flex-shrink: 0;
  margin-right: 0.4em;
}
.infiniweb-header02__phone-text {
  white-space: nowrap;
  font-size: 0.9375rem;
  font-weight: 500;
}

/* Phone as button style */
.infiniweb-header02--phonestyle-button .infiniweb-header02__phone-link {
  padding: 0.5em 1em;
  border-radius: var(--incms-radius-sm, 4px);
  background-color: var(--incms-primary);
  color: var(--incms-primary-text) !important;
  font-weight: 600;
}
.infiniweb-header02--phonestyle-button .infiniweb-header02__phone-link:hover,
.infiniweb-header02--phonestyle-button .infiniweb-header02__phone-link:focus-visible {
  opacity: 0.88;
}

/* ----------------------------------------
   Buttons: CMS global button system
   ---------------------------------------- */
.infiniweb-header02 .incms-btn { transform: none; }
.infiniweb-header02 .incms-btn a {
  display: block;
  padding: 0.5em 1em;
  height: 100%;
  font-size: 15px;
  white-space: nowrap;
}

/* ----------------------------------------
   Language Switcher
   ---------------------------------------- */
.infiniweb-header02__lang { align-items: center; }
.infiniweb-header02__lang-list ul {
  margin: 0; padding: 0; list-style: none;
  display: flex; align-items: center;
}
.infiniweb-header02__lang-list ul li { margin: 0; }
.infiniweb-header02__lang-list ul li + li { margin-left: var(--space-xs); }
@supports (gap: 1px) {
  .infiniweb-header02__lang-list ul { gap: var(--space-xs); }
  .infiniweb-header02__lang-list ul li + li { margin-left: 0; }
}
.infiniweb-header02__lang-list ul li a {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
}
.infiniweb-header02__lang-list ul li.active { display: none; }

/* ----------------------------------------
   Positioning: Fixed
   ---------------------------------------- */
.view-normal header.header.infiniweb-header02-fixed {
  position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header02--pos-fixed) {
  position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000;
}

/* ----------------------------------------
   Positioning: Sticky
   ---------------------------------------- */
.view-normal header.header.infiniweb-header02-sticky {
  position: sticky; top: 0; z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header02--pos-sticky) {
  position: sticky; top: 0; z-index: 1000;
}

/* ----------------------------------------
   Smart Shrink
   ---------------------------------------- */
.infiniweb-header02--smart-true.infiniweb-header02--pos-fixed.is-top {
  height: calc(var(--infiniweb-header02-height) + var(--container-space) * 2);
  padding-top: calc(var(--container-space) * 1.5);
  padding-bottom: calc(var(--container-space) * 1.5);
}
.infiniweb-header02--smart-true.infiniweb-header02--pos-fixed.is-scrolled {
  height: var(--infiniweb-header02-height);
  padding-top: calc(var(--container-space) * 0.5);
  padding-bottom: calc(var(--container-space) * 0.5);
}

/* ----------------------------------------
   prefers-reduced-motion
   ---------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-header02,
  .infiniweb-header02__logo-img,
  .infiniweb-header02__phone-link,
  .infiniweb-header02 .incms-btn a {
    transition: none !important;
  }
}

/* ----------------------------------------
   Mobile (max-width: 768px)
   ---------------------------------------- */
@media screen and (max-width: 768px) {
  .infiniweb-header02 {
    height: var(--infiniweb-header02-height-mobile, var(--infiniweb-header02-height)) !important;
    min-height: var(--infiniweb-header02-height-mobile, var(--infiniweb-header02-height)) !important;
  }
  .infiniweb-header02--smart-true.infiniweb-header02--pos-fixed.is-top {
    height: calc(var(--infiniweb-header02-height-mobile, var(--infiniweb-header02-height)) + var(--container-space)) !important;
    padding-top: calc(var(--container-space) * 1.25);
    padding-bottom: calc(var(--container-space) * 1.25);
  }
  .infiniweb-header02--smart-true.infiniweb-header02--pos-fixed.is-scrolled {
    height: var(--infiniweb-header02-height-mobile, var(--infiniweb-header02-height)) !important;
    padding-top: calc(var(--container-space) * 0.5);
    padding-bottom: calc(var(--container-space) * 0.5);
  }
  .view-normal header.header.infiniweb-header02-fixed {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    left: 0; right: 0;
  }
  /* Hide btn2 on mobile */
  .infiniweb-header02__btn2 { display: none !important; }
  .infiniweb-header02 .incms-btn a {
    padding: 0.4em 0.75em;
    font-size: 14px;
  }
  /* Phone: hide text on small screens */
  .infiniweb-header02__phone-text { display: none; }
  .infiniweb-header02__phone-icon { margin-right: 0; }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .infiniweb-header02__phone-text { display: inline; }
  .infiniweb-header02__phone-icon { margin-right: 0.4em; }
}

/* ----------------------------------------
   Edit Mode
   ---------------------------------------- */
.view-edit .infiniweb-header02 { position: relative !important; }
.view-edit header.header.infiniweb-header02-fixed,
.view-edit header.header.infiniweb-header02-sticky { position: relative !important; }
.view-edit .infiniweb-header02 #menulangtop {
  position: absolute;
  right: var(--container-space);
}

.infiniweb-header02-colors {
	--infiniweb-header02-bg: rgba(255,255,255,0.85);
	--infiniweb-header02-link-color: #081d27;
	--infiniweb-header02-link-hover: #06aeef;
}

.infiniweb-header02 {
	--infiniweb-header02-height: 60px;
	--infiniweb-header02-height-mobile: 50px;
	--infiniweb-header02-blur-strength: 15px;
}

/* ================================================================
   infiniWEB Header 03 – Centered Nav + Shrink
   v1.0 · © infiniWEB GmbH · März 2026
   ================================================================ */

/* --------------------------------
   1. BASE LAYOUT
   -------------------------------- */
.infiniweb-header03 {
  position: relative;
  height: var(--infiniweb-header03-height);
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(var(--infiniweb-header03-blur));
  backdrop-filter: blur(var(--infiniweb-header03-blur));
  isolation: isolate;
  transition: height 0.3s ease, padding 0.3s ease, background-color 0.4s ease, box-shadow 0.3s ease;
}
.infiniweb-header03__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: auto;
  position: initial;
  gap: var(--space-lg);
}

/* --------------------------------
   2. THREE-ZONE FLEX LAYOUT
   -------------------------------- */
.infiniweb-header03__menu,
.infiniweb-header03__right {
  display: flex;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
}
.infiniweb-header03__right {
  justify-content: flex-end;
  gap: var(--space-md);
}
.infiniweb-header03__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 100%;
}

/* --------------------------------
   3. LAYOUT VARIANTS (B2)
   -------------------------------- */
.infiniweb-header03--layout-standard .infiniweb-header03__mobile-toggle { order: 1; }
.infiniweb-header03--layout-standard .infiniweb-header03__menu { order: 2; }
.infiniweb-header03--layout-standard .infiniweb-header03__logo { order: 3; }
.infiniweb-header03--layout-standard .infiniweb-header03__right { order: 4; }

.infiniweb-header03--layout-reversed .infiniweb-header03__right { order: 1; justify-content: flex-start; }
.infiniweb-header03--layout-reversed .infiniweb-header03__logo { order: 2; }
.infiniweb-header03--layout-reversed .infiniweb-header03__menu { order: 3; justify-content: flex-end; }
.infiniweb-header03--layout-reversed .infiniweb-header03__mobile-toggle { order: 4; }

.infiniweb-header03--layout-left .infiniweb-header03__logo { order: 1; flex-grow: 0; }
.infiniweb-header03--layout-left .infiniweb-header03__menu { order: 2; justify-content: center; }
.infiniweb-header03--layout-left .infiniweb-header03__right { order: 3; flex-grow: 0; }
.infiniweb-header03--layout-left .infiniweb-header03__mobile-toggle { order: 0; }

/* --------------------------------
   4. LOGO
   -------------------------------- */
.infiniweb-header03 .incms-logo {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: transparent !important;
  position: relative;
}
.infiniweb-header03 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.infiniweb-header03__logo-primary {
  transition: opacity 0.6s ease;
}
.infiniweb-header03__logo-scrolled {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100% !important;
  width: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.infiniweb-header03--transparent.infiniweb-header03--has-logo2.is-scrolled .infiniweb-header03__logo-primary {
  opacity: 0;
}
.infiniweb-header03--transparent.infiniweb-header03--has-logo2.is-scrolled .infiniweb-header03__logo-scrolled {
  opacity: 1;
  pointer-events: auto;
}

/* --------------------------------
   5. NAVIGATION LINKS
   -------------------------------- */
.infiniweb-header03 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.infiniweb-header03 .ym-hlist {
  width: auto;
  position: initial;
}

/* --------------------------------
   6. BURGER MENU
   -------------------------------- */
.infiniweb-header03__mobile-toggle {
  display: none;
  align-items: center;
  height: 100%;
}
.infiniweb-header03__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.infiniweb-header03__burger-icon {
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.2s ease, background-size 0.2s ease;
}
.infiniweb-header03__burger-icon::before,
.infiniweb-header03__burger-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
  transition: inherit;
}
.infiniweb-header03__burger-icon::before {
  transform: translateY(-0.25em) rotate(0);
}
.infiniweb-header03__burger-icon::after {
  transform: translateY(0.25em) rotate(0);
}
.infiniweb-header03__mobile-toggle.is-active .infiniweb-header03__burger-icon {
  background-size: 0% 100%;
}
.infiniweb-header03__mobile-toggle.is-active .infiniweb-header03__burger-icon::before {
  transform: translateY(0) rotate(45deg);
}
.infiniweb-header03__mobile-toggle.is-active .infiniweb-header03__burger-icon::after {
  transform: translateY(0) rotate(-45deg);
}
.infiniweb-header03__burger:active .infiniweb-header03__burger-icon {
  transform: scale(0.9);
}

/* --------------------------------
   7. RIGHT SIDE ELEMENTS (B3, B4)
   -------------------------------- */
.infiniweb-header03__lang,
.infiniweb-header03__phone,
.infiniweb-header03__btn1,
.infiniweb-header03__btn2 {
  display: none;
  align-items: center;
}
.infiniweb-header03--show-lang .infiniweb-header03__lang { display: flex; }
.infiniweb-header03--show-phone .infiniweb-header03__phone { display: flex; }
.infiniweb-header03--show-btn1 .infiniweb-header03__btn1 { display: flex; }
.infiniweb-header03--show-btn2 .infiniweb-header03__btn2 { display: flex; }

.infiniweb-header03__lang-list ul { padding: 0; }
.infiniweb-header03__lang-list ul li { margin: 0 !important; }
.infiniweb-header03__lang-list ul li a {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
}
.infiniweb-header03__lang-list ul li.active { display: none; }

.infiniweb-header03__phone-link {
  display: flex;
  align-items: center;
  gap: 0.4em;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.infiniweb-header03 .incms-btn {
  transform: none;
}
.infiniweb-header03 .incms-btn a {
  display: block;
  padding: 0.625em 0.875em;
  font-size: 16px;
  white-space: nowrap;
}

/* --------------------------------
   8. CTA PULSE BADGE (C3) – Desktop right side only
   -------------------------------- */
.infiniweb-header03--cta-badge .infiniweb-header03__right .infiniweb-header03__btn1 {
  position: relative;
}
.infiniweb-header03--cta-badge.infiniweb-header03--show-btn1 .infiniweb-header03__right .infiniweb-header03__btn1::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22c55e;
  pointer-events: none;
  z-index: 1;
  animation: infiniweb-header03-pulse 2s ease-in-out infinite;
}
@keyframes infiniweb-header03-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.6); }
}

/* --------------------------------
   9. SMART SHRINK (A1)
   -------------------------------- */
.infiniweb-header03--shrink.is-scrolled {
  height: calc(var(--infiniweb-header03-height) * 0.75);
  padding-top: calc(var(--container-space) * 0.5);
  padding-bottom: calc(var(--container-space) * 0.5);
}
.infiniweb-header03--shrink.is-scrolled .incms-logo img {
  max-height: 80%;
}

/* --------------------------------
   10. TRANSPARENT MODE (C1)
   -------------------------------- */
.infiniweb-header03--transparent.is-top {
  background-color: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
}
[data-colors="custom"].infiniweb-header03--transparent.is-top .infiniweb-header03__phone-link,
[data-colors="custom"].infiniweb-header03--transparent.is-top .infiniweb-header03__lang-list a {
  color: var(--infiniweb-header03-top-link);
}
[data-colors="custom"].infiniweb-header03--transparent.is-top .infiniweb-header03__phone-link:hover {
  color: var(--infiniweb-header03-top-link-hover);
}

/* --------------------------------
   11. REVEAL ON SCROLL UP (C4)
   -------------------------------- */
.infiniweb-header03--reveal.is-hidden {
  transform: translateY(-100%);
  pointer-events: none;
}
.infiniweb-header03--reveal.is-visible,
.infiniweb-header03--reveal.is-top {
  transform: translateY(0);
  pointer-events: auto;
}
.infiniweb-header03--reveal {
  transition: height 0.3s ease, padding 0.3s ease, background-color 0.4s ease, box-shadow 0.3s ease, transform 0.35s ease;
}

/* --------------------------------
   12. POSITIONING (via JS on parent)
   -------------------------------- */
.view-normal header.header.infiniweb-header03-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.view-normal header.header.infiniweb-header03-sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header03--pos-fixed) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header03--pos-sticky) {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* --------------------------------
   13. COLOR SYSTEM – CUSTOM
   -------------------------------- */
[data-colors="custom"].infiniweb-header03.is-top {
  background-color: var(--infiniweb-header03-top-bg);
}
[data-colors="custom"].infiniweb-header03.is-top .ym-hlist ul li a {
  color: var(--infiniweb-header03-top-link);
}
[data-colors="custom"].infiniweb-header03.is-top .ym-hlist ul li a.active,
[data-colors="custom"].infiniweb-header03.is-top .ym-hlist ul li a:focus,
[data-colors="custom"].infiniweb-header03.is-top .ym-hlist ul li a:hover,
[data-colors="custom"].infiniweb-header03.is-top .ym-hlist ul li a:active {
  color: var(--infiniweb-header03-top-link-hover);
}
[data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__burger-icon {
  background-image: linear-gradient(var(--infiniweb-header03-top-link), var(--infiniweb-header03-top-link));
}
[data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__phone-link {
  color: var(--infiniweb-header03-top-link);
}

[data-colors="custom"].infiniweb-header03.is-scrolled {
  background-color: var(--infiniweb-header03-scrolled-bg, var(--infiniweb-header03-top-bg));
}
[data-colors="custom"].infiniweb-header03.is-scrolled .ym-hlist ul li a {
  color: var(--infiniweb-header03-scrolled-link, var(--infiniweb-header03-top-link));
}
[data-colors="custom"].infiniweb-header03.is-scrolled .ym-hlist ul li a.active,
[data-colors="custom"].infiniweb-header03.is-scrolled .ym-hlist ul li a:focus,
[data-colors="custom"].infiniweb-header03.is-scrolled .ym-hlist ul li a:hover,
[data-colors="custom"].infiniweb-header03.is-scrolled .ym-hlist ul li a:active {
  color: var(--infiniweb-header03-scrolled-link-hover, var(--infiniweb-header03-top-link-hover));
}
[data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__burger-icon {
  background-image: linear-gradient(
    var(--infiniweb-header03-scrolled-link, var(--infiniweb-header03-top-link)),
    var(--infiniweb-header03-scrolled-link, var(--infiniweb-header03-top-link))
  );
}
[data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__phone-link {
  color: var(--infiniweb-header03-scrolled-link, var(--infiniweb-header03-top-link));
}

[data-colors="custom"].infiniweb-header03:not(.is-top):not(.is-scrolled) {
  background-color: var(--infiniweb-header03-top-bg);
}
[data-colors="custom"].infiniweb-header03:not(.is-top):not(.is-scrolled) .ym-hlist ul li a {
  color: var(--infiniweb-header03-top-link);
}
[data-colors="custom"].infiniweb-header03:not(.is-top):not(.is-scrolled) .infiniweb-header03__burger-icon {
  background-image: linear-gradient(var(--infiniweb-header03-top-link), var(--infiniweb-header03-top-link));
}

/* --------------------------------
   14. COLOR SYSTEM – inCMS PALETTE
   -------------------------------- */
[data-colors="incms"].infiniweb-header03 {
  background-color: transparent;
}
[data-colors="incms"].infiniweb-header03::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  z-index: -1;
  opacity: 0.85;
  transition: opacity 0.4s ease;
}
[data-colors="incms"].infiniweb-header03 .infiniweb-header03__burger-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-colors="incms"].infiniweb-header03 .infiniweb-header03__phone-link {
  color: var(--incms-text);
}
[data-colors="incms"].infiniweb-header03--transparent.is-top::before {
  opacity: 0;
}

/* --------------------------------
   15. LANGUAGE VISIBILITY RULES
   -------------------------------- */
.infiniweb-header03__menu:has(#menulangtop:empty) ~ .infiniweb-header03__right .infiniweb-header03__lang {
  display: none;
}
.view-normal #menulangtop { display: none; }

/* --------------------------------
   16. MOBILE – max-width: 768px
   -------------------------------- */
@media screen and (max-width: 768px) {

  .infiniweb-header03 {
    height: var(--infiniweb-header03-height-mobile, var(--infiniweb-header03-height)) !important;
    min-height: var(--infiniweb-header03-height-mobile, var(--infiniweb-header03-height)) !important;
  }
  .infiniweb-header03--shrink.is-scrolled {
    height: calc(var(--infiniweb-header03-height-mobile, var(--infiniweb-header03-height)) * 0.8) !important;
  }

  .infiniweb-header03__mobile-toggle {
    display: flex;
  }
  .infiniweb-header03__right {
    display: none !important;
  }

  /* Mobile layout: Burger left, Logo right */
  .infiniweb-header03__nav {
    gap: 0;
  }
  .infiniweb-header03__mobile-toggle {
    order: 1 !important;
    flex-shrink: 0;
  }
  .infiniweb-header03__menu {
    order: 3 !important;
  }
  .infiniweb-header03__logo {
    order: 2 !important;
    flex-grow: 1 !important;
    flex-basis: auto !important;
    justify-content: flex-end !important;
  }

  /* Mobile menu dropdown */
  .infiniweb-header03__menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    display: none;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    z-index: 999;
  }
  .infiniweb-header03__mobile-toggle.is-active ~ .infiniweb-header03__menu {
    display: block;
  }
  .infiniweb-header03__menu .ym-hlist ul li {
    margin: 0 !important;
  }
  .infiniweb-header03__menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .infiniweb-header03__menu .ym-hlist > ul > li > a,
  .infiniweb-header03__menu .ym-hlist > ul > li:hover > a {
    padding: 10px;
    display: block;
  }
  .infiniweb-header03__menu #topmenu {
    flex-direction: column;
    display: flex !important;
    padding: 0;
    width: 100%;
  }
  .infiniweb-header03__menu #nav-trigger {
    display: none !important;
  }
  .infiniweb-header03__menu .ym-hlist ul li {
    animation: infiniweb-header03-menu-fade 0.4s ease-out;
  }

  /* --------------------------------
     MOBILE EXTRAS – shared width for all elements
     -------------------------------- */
  .infiniweb-header03__mobile-extras {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px var(--container-space) 12px;
    border-top: 1px solid rgba(128,128,128,0.25);
    margin-top: 12px;
    animation: infiniweb-header03-menu-fade 0.4s ease-out;
    /* Shared reference width for phone/buttons/lang */
    --infiniweb-h03-mobile-w: 260px;
  }
  .infiniweb-header03__mobile-extras:empty {
    display: none;
  }

  /* Shared border-radius for all mobile extras elements */
  .infiniweb-header03__mobile-phone a,
  .infiniweb-header03__mobile-btns .incms-btn a,
  .infiniweb-header03__lang-pill {
    border-radius: 4px !important;
  }

  /* Mobile phone */
  .infiniweb-header03__mobile-phone {
    display: flex;
    width: var(--infiniweb-h03-mobile-w);
  }
  .infiniweb-header03__mobile-phone a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    color: inherit !important;
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 600;
    padding: 10px 20px;
    background: rgba(255,255,255,0.12);
    transition: background 0.2s ease;
    width: 100%;
    box-sizing: border-box;
  }
  .infiniweb-header03__mobile-phone a:hover,
  .infiniweb-header03__mobile-phone a:active {
    background: rgba(255,255,255,0.22);
  }

  /* Mobile buttons – stacked, same width as phone */
  .infiniweb-header03__mobile-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: var(--infiniweb-h03-mobile-w);
  }
  .infiniweb-header03__mobile-btns > * {
    width: 100%;
  }
  .infiniweb-header03__mobile-btns .incms-btn {
    transform: none;
    width: 100%;
  }
  .infiniweb-header03__mobile-btns .incms-btn a {
    display: block;
    padding: 0.6em 1em;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
  }
  .infiniweb-header03__mobile-btns .infiniweb-header03__btn1::after {
    display: none !important;
  }

  /* Mobile language pills – same width as phone, side by side */
  .infiniweb-header03__mobile-lang {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: var(--infiniweb-h03-mobile-w);
  }
  /* 3+ languages: auto-flow */
  .infiniweb-header03__mobile-lang:has(.infiniweb-header03__lang-pill:nth-child(3)) {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .infiniweb-header03__lang-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    text-decoration: none;
    color: inherit;
    transition: background 0.2s ease, border-color 0.2s ease;
  }
  .infiniweb-header03__lang-pill:hover,
  .infiniweb-header03__lang-pill:active {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.35);
  }
  .infiniweb-header03__lang-pill--active {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.4);
  }
  .infiniweb-header03__lang-flag {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid rgba(255,255,255,0.3);
    flex-shrink: 0;
  }
  .infiniweb-header03__lang-code {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  /* Custom: mobile colors – Top */
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__menu {
    background: var(--infiniweb-header03-top-mobile-bg);
  }
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__menu .ym-hlist > ul > li > a,
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__menu .ym-hlist > ul > li:hover > a {
    color: var(--infiniweb-header03-top-mobile-link) !important;
  }
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__menu .ym-hlist > ul > li > a.active,
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__menu .ym-hlist > ul > li > a:hover {
    color: var(--infiniweb-header03-top-mobile-link-hover) !important;
  }
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__mobile-extras {
    color: var(--infiniweb-header03-top-mobile-link);
  }
  [data-colors="custom"].infiniweb-header03.is-top .infiniweb-header03__mobile-extras a {
    color: inherit;
  }

  /* Custom: mobile colors – Scrolled */
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__menu {
    background: var(--infiniweb-header03-scrolled-mobile-bg, var(--infiniweb-header03-top-mobile-bg));
  }
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__menu .ym-hlist > ul > li > a,
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__menu .ym-hlist > ul > li:hover > a {
    color: var(--infiniweb-header03-scrolled-mobile-link, var(--infiniweb-header03-top-mobile-link)) !important;
  }
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__menu .ym-hlist > ul > li > a.active,
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__menu .ym-hlist > ul > li > a:hover {
    color: var(--infiniweb-header03-scrolled-mobile-link-hover, var(--infiniweb-header03-top-mobile-link-hover)) !important;
  }
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__mobile-extras {
    color: var(--infiniweb-header03-scrolled-mobile-link, var(--infiniweb-header03-top-mobile-link));
  }
  [data-colors="custom"].infiniweb-header03.is-scrolled .infiniweb-header03__mobile-extras a {
    color: inherit;
  }

  /* Custom: no-state fallback mobile */
  [data-colors="custom"].infiniweb-header03:not(.is-top):not(.is-scrolled) .infiniweb-header03__menu {
    background: var(--infiniweb-header03-top-mobile-bg);
  }
  [data-colors="custom"].infiniweb-header03:not(.is-top):not(.is-scrolled) .infiniweb-header03__menu .ym-hlist > ul > li > a {
    color: var(--infiniweb-header03-top-mobile-link) !important;
  }
  [data-colors="custom"].infiniweb-header03:not(.is-top):not(.is-scrolled) .infiniweb-header03__mobile-extras {
    color: var(--infiniweb-header03-top-mobile-link);
  }

  /* inCMS: mobile colors */
  [data-colors="incms"] .infiniweb-header03__menu {
    background: var(--incms-primary);
  }
  [data-colors="incms"] .infiniweb-header03__menu .ym-hlist > ul > li > a,
  [data-colors="incms"] .infiniweb-header03__menu .ym-hlist > ul > li:hover > a {
    color: var(--incms-primary-text) !important;
  }
  [data-colors="incms"] .infiniweb-header03__mobile-extras {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .infiniweb-header03__mobile-extras a {
    color: inherit;
  }

  /* iOS Safari fixed header fix */
  .view-normal header.header.infiniweb-header03-fixed {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    left: 0;
    right: 0;
  }
}

/* Desktop: hide burger and mobile extras */
@media screen and (min-width: 769px) {
  .infiniweb-header03__mobile-toggle {
    display: none !important;
  }
  .infiniweb-header03__mobile-extras {
    display: none !important;
  }
}

/* --------------------------------
   17. MOBILE MENU ANIMATION
   -------------------------------- */
@keyframes infiniweb-header03-menu-fade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --------------------------------
   18. PREFERS-REDUCED-MOTION (A5)
   -------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-header03,
  .infiniweb-header03__logo-primary,
  .infiniweb-header03__logo-scrolled,
  .infiniweb-header03__burger-icon,
  .infiniweb-header03__burger-icon::before,
  .infiniweb-header03__burger-icon::after,
  .infiniweb-header03--reveal {
    transition: none !important;
  }
  .infiniweb-header03__menu .ym-hlist ul li,
  .infiniweb-header03__mobile-extras {
    animation: none !important;
  }
  .infiniweb-header03--cta-badge .infiniweb-header03__right .infiniweb-header03__btn1::after {
    animation: none !important;
    opacity: 1;
  }
}

/* --------------------------------
   19. EDIT MODE (A6)
   -------------------------------- */
.view-edit .infiniweb-header03 {
  position: relative !important;
}
.view-edit header.header.infiniweb-header03-fixed,
.view-edit header.header.infiniweb-header03-sticky {
  position: relative !important;
}
.view-edit .infiniweb-header03 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .infiniweb-header03 nav.ym-hlist {
  position: relative;
}
.view-edit .infiniweb-header03__menu:has(#menulangtop:empty) ~ .infiniweb-header03__right .infiniweb-header03__lang {
  display: none;
}
.view-edit .infiniweb-header03:not(.infiniweb-header03--show-lang) #menulangtop {
  display: none;
}

/* --------------------------------
   20. SUBMENU ARROW FIX (CMS)
   -------------------------------- */
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}

.infiniweb-header03 {
	--infiniweb-header03-height: 70px;
	--infiniweb-header03-height-mobile: 55px;
	--infiniweb-header03-blur: 15;
}

.infiniweb-header03-top {
	--infiniweb-header03-top-bg: rgba(255,255,255,0.85);
	--infiniweb-header03-top-link: #081d27;
	--infiniweb-header03-top-link-hover: #06aeef;
	--infiniweb-header03-top-mobile-bg: #039dd8;
	--infiniweb-header03-top-mobile-link: #FFFFFF;
	--infiniweb-header03-top-mobile-link-hover: #FFFFFF;
}

.infiniweb-header03-scrolled {
	--infiniweb-header03-scrolled-bg: rgba(255,255,255,0.95);
	--infiniweb-header03-scrolled-link: #081d27;
	--infiniweb-header03-scrolled-link-hover: #06aeef;
	--infiniweb-header03-scrolled-mobile-bg: #039dd8;
	--infiniweb-header03-scrolled-mobile-link: #FFFFFF;
	--infiniweb-header03-scrolled-mobile-link-hover: #FFFFFF;
}

/* ============================================
   infiniWEB Header 04 v1.0
   2-State Nav + Dual Logo
   SmartElement for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   ============================================ */

/* --------------------------------
   1. Base layout
   -------------------------------- */
.infiniweb-header04 {
  position: relative;
  height: var(--infiniweb-header04-height);
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  box-sizing: border-box;
  isolation: isolate;
  -webkit-backdrop-filter: blur(var(--infiniweb-header04-blur, 0px));
  backdrop-filter: blur(var(--infiniweb-header04-blur, 0px));
  transition: height 0.4s ease, padding 0.4s ease, background-color 0.4s ease, box-shadow 0.3s ease;
}

.infiniweb-header04__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: auto;
  position: initial;
  gap: var(--space-lg);
}

/* --------------------------------
   2. Logo
   -------------------------------- */
.infiniweb-header04__logo {
  display: flex;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
}
.infiniweb-header04 .incms-logo {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  background-color: transparent !important;
  text-decoration: none;
}
.infiniweb-header04 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.infiniweb-header04__logo-primary {
  transition: opacity 0.6s ease;
}

/* Scrolled logo sits behind primary — crossfade triggered via 3-class gate */
.infiniweb-header04__logo-scrolled {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100% !important;
  width: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.infiniweb-header04--transparent.infiniweb-header04--has-logo2.is-scrolled .infiniweb-header04__logo-primary {
  opacity: 0;
}
.infiniweb-header04--transparent.infiniweb-header04--has-logo2.is-scrolled .infiniweb-header04__logo-scrolled {
  opacity: 1;
  pointer-events: auto;
}

/* --------------------------------
   3. Menu alignment
   -------------------------------- */
.infiniweb-header04 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.infiniweb-header04 .ym-hlist {
  width: auto;
  position: initial;
}

/* Center: logo and right-side get equal flex space */
.infiniweb-header04--menu-center .infiniweb-header04__logo,
.infiniweb-header04--menu-center .infiniweb-header04__right {
  flex-basis: 0;
  flex-grow: 1;
}

/* Left: wider gap, right-side gets equal flex space */
.infiniweb-header04--menu-left .infiniweb-header04__nav,
.infiniweb-header04--menu-right .infiniweb-header04__nav {
  gap: var(--space-xl);
}
.infiniweb-header04--menu-left .infiniweb-header04__right {
  flex-basis: 0;
  flex-grow: 1;
}

/* Right: menu pushed to end */
.infiniweb-header04--menu-right .infiniweb-header04__menu {
  margin-left: auto;
}

/* --------------------------------
   4. Right side
   -------------------------------- */
.infiniweb-header04__right {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

/* Language: hidden by default, revealed via modifier class */
.infiniweb-header04__lang {
  display: none;
  align-items: center;
}
.infiniweb-header04--show-lang .infiniweb-header04__lang {
  display: flex;
}
.infiniweb-header04__lang-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.infiniweb-header04__lang-list ul li {
  margin: 0 !important;
}
.infiniweb-header04__lang-list ul li a {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
}
.infiniweb-header04__lang-list ul li.active {
  display: none;
}

/* Button: hidden by default, revealed via modifier class */
.infiniweb-header04__btn1 {
  display: none;
  align-items: center;
}
.infiniweb-header04--show-btn1 .infiniweb-header04__btn1 {
  display: flex;
}
.infiniweb-header04 .incms-btn {
  transform: none;
}
.infiniweb-header04 .incms-btn a {
  display: block;
  padding: 0.625em 0.875em;
  font-size: 16px;
  white-space: nowrap;
}

/* --------------------------------
   5. Burger
   -------------------------------- */
.infiniweb-header04__mobile-toggle {
  display: none;
  align-items: center;
  height: 100%;
}
.infiniweb-header04__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
.infiniweb-header04__burger-icon {
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.2s ease, background-size 0.2s ease;
}
.infiniweb-header04__burger-icon::before,
.infiniweb-header04__burger-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
  transition: inherit;
}
.infiniweb-header04__burger-icon::before {
  transform: translateY(-0.25em) rotate(0);
}
.infiniweb-header04__burger-icon::after {
  transform: translateY(0.25em) rotate(0);
}
.infiniweb-header04__mobile-toggle.is-active .infiniweb-header04__burger-icon {
  background-size: 0% 100%;
}
.infiniweb-header04__mobile-toggle.is-active .infiniweb-header04__burger-icon::before {
  transform: translateY(0) rotate(45deg);
}
.infiniweb-header04__mobile-toggle.is-active .infiniweb-header04__burger-icon::after {
  transform: translateY(0) rotate(-45deg);
}
.infiniweb-header04__burger:active .infiniweb-header04__burger-icon {
  transform: scale(0.9);
}

/* --------------------------------
   6. Positioning
   -------------------------------- */
.view-normal header.header.infiniweb-header04-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.view-normal header.header.infiniweb-header04-sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
}
/* :has() as progressive enhancement */
.view-normal header.header:has(.infiniweb-header04--pos-fixed) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header04--pos-sticky) {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* --------------------------------
   7. Smart shrink
   -------------------------------- */

/* Top: header starts expanded — extra height above configured value */
.infiniweb-header04--shrink.infiniweb-header04--pos-fixed.is-top {
  height: calc(var(--infiniweb-header04-height) + var(--container-space) * 2);
  padding-top: calc(var(--container-space) * 1.5);
  padding-bottom: calc(var(--container-space) * 1.5);
}

/* Scrolled: shrinks down to the configured height */
.infiniweb-header04--shrink.infiniweb-header04--pos-fixed.is-scrolled {
  height: var(--infiniweb-header04-height);
  padding-top: calc(var(--container-space) * 0.5);
  padding-bottom: calc(var(--container-space) * 0.5);
}

@media screen and (max-width: 768px) {
  .infiniweb-header04--shrink.infiniweb-header04--pos-fixed.is-top {
    height: calc(var(--infiniweb-header04-height-mobile, var(--infiniweb-header04-height)) + var(--container-space)) !important;
    padding-top: calc(var(--container-space) * 1.25);
    padding-bottom: calc(var(--container-space) * 1.25);
  }
  .infiniweb-header04--shrink.infiniweb-header04--pos-fixed.is-scrolled {
    height: var(--infiniweb-header04-height-mobile, var(--infiniweb-header04-height)) !important;
    padding-top: calc(var(--container-space) * 0.5);
    padding-bottom: calc(var(--container-space) * 0.5);
  }
}

/* --------------------------------
   8. Transparent mode
   -------------------------------- */
.infiniweb-header04--transparent.is-top {
  background-color: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
}

/* --------------------------------
   8. Color system — custom
   -------------------------------- */
[data-colors="custom"].infiniweb-header04.is-top {
  background-color: var(--infiniweb-header04-top-bg);
}
[data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a {
  color: var(--infiniweb-header04-top-link);
}
[data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a.active,
[data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:focus,
[data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:hover,
[data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:active {
  color: var(--infiniweb-header04-top-link-hover);
}
[data-colors="custom"].infiniweb-header04.is-top .infiniweb-header04__burger-icon {
  background-image: linear-gradient(var(--infiniweb-header04-top-link), var(--infiniweb-header04-top-link));
}

[data-colors="custom"].infiniweb-header04.is-scrolled {
  background-color: var(--infiniweb-header04-scrolled-bg, var(--infiniweb-header04-top-bg));
}
[data-colors="custom"].infiniweb-header04.is-scrolled .ym-hlist ul li a {
  color: var(--infiniweb-header04-scrolled-link, var(--infiniweb-header04-top-link));
}
[data-colors="custom"].infiniweb-header04.is-scrolled .ym-hlist ul li a.active,
[data-colors="custom"].infiniweb-header04.is-scrolled .ym-hlist ul li a:focus,
[data-colors="custom"].infiniweb-header04.is-scrolled .ym-hlist ul li a:hover,
[data-colors="custom"].infiniweb-header04.is-scrolled .ym-hlist ul li a:active {
  color: var(--infiniweb-header04-scrolled-link-hover, var(--infiniweb-header04-top-link-hover));
}
[data-colors="custom"].infiniweb-header04.is-scrolled .infiniweb-header04__burger-icon {
  background-image: linear-gradient(
    var(--infiniweb-header04-scrolled-link, var(--infiniweb-header04-top-link)),
    var(--infiniweb-header04-scrolled-link, var(--infiniweb-header04-top-link))
  );
}

/* FOUC prevention — fallback before JS sets is-top or is-scrolled */
[data-colors="custom"].infiniweb-header04:not(.is-top):not(.is-scrolled) {
  background-color: var(--infiniweb-header04-top-bg);
}
[data-colors="custom"].infiniweb-header04:not(.is-top):not(.is-scrolled) .ym-hlist ul li a {
  color: var(--infiniweb-header04-top-link);
}
[data-colors="custom"].infiniweb-header04:not(.is-top):not(.is-scrolled) .infiniweb-header04__burger-icon {
  background-image: linear-gradient(var(--infiniweb-header04-top-link), var(--infiniweb-header04-top-link));
}

/* --------------------------------
   9. Color system — inCMS palette
   -------------------------------- */
[data-colors="incms"].infiniweb-header04 {
  background-color: transparent;
}
[data-colors="incms"].infiniweb-header04::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  z-index: -1;
  opacity: 0.85;
  transition: opacity 0.4s ease;
}
[data-colors="incms"].infiniweb-header04 .infiniweb-header04__burger-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-colors="incms"].infiniweb-header04--transparent.is-top::before {
  opacity: 0;
}

/* --------------------------------
   10. Shadow modifiers
   -------------------------------- */
/* Shadow is handled via global .box-shadow-{SHADOW} CMS classes */
/* Only suppress shadow in top state when transparent mode is on */
[data-smart="true"]:not(.is-scrolled) {
  box-shadow: none;
}

/* --------------------------------
   11. Language visibility
   -------------------------------- */
.infiniweb-header04__menu:has(#menulangtop:empty) ~ .infiniweb-header04__right .infiniweb-header04__lang {
  display: none;
}
.view-normal #menulangtop {
  display: none;
}

/* --------------------------------
   12. Mobile — max-width: 768px
   -------------------------------- */
@media screen and (max-width: 768px) {
  .infiniweb-header04 {
    height: var(--infiniweb-header04-height-mobile, var(--infiniweb-header04-height)) !important;
    min-height: var(--infiniweb-header04-height-mobile, var(--infiniweb-header04-height)) !important;
  }
  .infiniweb-header04__mobile-toggle {
    display: flex;
  }
  .infiniweb-header04__right {
    display: none !important;
  }

  /* Mobile: logo left, burger right */
  .infiniweb-header04__nav {
    gap: 0;
  }
  .infiniweb-header04__logo {
    order: 1;
    flex-grow: 1;
    justify-content: flex-start;
  }
  .infiniweb-header04__mobile-toggle {
    order: 2;
    flex-shrink: 0;
  }
  .infiniweb-header04__menu {
    order: 3;
  }

  /* Mobile dropdown */
  .infiniweb-header04__menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    display: none;
    z-index: 999;
  }
  .infiniweb-header04__mobile-toggle.is-active ~ .infiniweb-header04__menu {
    display: block;
  }
  .infiniweb-header04__menu .ym-hlist ul li {
    margin: 0 !important;
    animation: infiniweb-header04-menu-fade 0.4s ease-out;
  }
  .infiniweb-header04__menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .infiniweb-header04__menu .ym-hlist > ul > li > a,
  .infiniweb-header04__menu .ym-hlist > ul > li:hover > a {
    padding: 10px;
    display: block;
  }
  .infiniweb-header04__menu #topmenu {
    flex-direction: column;
    display: flex !important;
    padding: 0;
  }
  .infiniweb-header04__menu #nav-trigger {
    display: none !important;
  }

  /* Mobile menu colors — top state */
  [data-colors="custom"].infiniweb-header04.is-top .infiniweb-header04__menu {
    background: var(--infiniweb-header04-top-mobile-bg);
  }
  [data-colors="custom"].infiniweb-header04.is-top .infiniweb-header04__menu .ym-hlist > ul > li > a,
  [data-colors="custom"].infiniweb-header04.is-top .infiniweb-header04__menu .ym-hlist > ul > li:hover > a {
    color: var(--infiniweb-header04-top-mobile-link) !important;
  }
  [data-colors="custom"].infiniweb-header04.is-top .infiniweb-header04__menu .ym-hlist > ul > li > a.active,
  [data-colors="custom"].infiniweb-header04.is-top .infiniweb-header04__menu .ym-hlist > ul > li > a:hover {
    color: var(--infiniweb-header04-top-mobile-link-hover) !important;
  }

  /* Mobile menu colors — scrolled state */
  [data-colors="custom"].infiniweb-header04.is-scrolled .infiniweb-header04__menu {
    background: var(--infiniweb-header04-scrolled-mobile-bg, var(--infiniweb-header04-top-mobile-bg));
  }
  [data-colors="custom"].infiniweb-header04.is-scrolled .infiniweb-header04__menu .ym-hlist > ul > li > a,
  [data-colors="custom"].infiniweb-header04.is-scrolled .infiniweb-header04__menu .ym-hlist > ul > li:hover > a {
    color: var(--infiniweb-header04-scrolled-mobile-link, var(--infiniweb-header04-top-mobile-link)) !important;
  }
  [data-colors="custom"].infiniweb-header04.is-scrolled .infiniweb-header04__menu .ym-hlist > ul > li > a.active,
  [data-colors="custom"].infiniweb-header04.is-scrolled .infiniweb-header04__menu .ym-hlist > ul > li > a:hover {
    color: var(--infiniweb-header04-scrolled-mobile-link-hover, var(--infiniweb-header04-top-mobile-link-hover)) !important;
  }

  /* inCMS palette mobile colors */
  [data-colors="incms"] .infiniweb-header04__menu {
    background: var(--incms-primary);
  }
  [data-colors="incms"] .infiniweb-header04__menu .ym-hlist > ul > li > a,
  [data-colors="incms"] .infiniweb-header04__menu .ym-hlist > ul > li:hover > a {
    color: var(--incms-primary-text) !important;
  }

  /* iOS Safari fixed header fix */
  .view-normal header.header.infiniweb-header04-fixed {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    left: 0;
    right: 0;
  }
}

/* --------------------------------
   13. Desktop — min-width: 769px
   -------------------------------- */
@media screen and (min-width: 769px) {
  .infiniweb-header04__mobile-toggle {
    display: none !important;
  }
}

/* --------------------------------
   14. Mobile menu animation
   -------------------------------- */
@keyframes infiniweb-header04-menu-fade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --------------------------------
   15. prefers-reduced-motion
   -------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-header04,
  .infiniweb-header04__logo-primary,  .infiniweb-header04__logo-scrolled,
  .infiniweb-header04__burger-icon,
  .infiniweb-header04__burger-icon::before,
  .infiniweb-header04__burger-icon::after {
    transition: none !important;
  }
  .infiniweb-header04__menu .ym-hlist ul li {
    animation: none !important;
  }
}

/* --------------------------------
   16. Edit mode
   -------------------------------- */
.view-edit .infiniweb-header04 {
  position: relative !important;
}
.view-edit header.header.infiniweb-header04-fixed,
.view-edit header.header.infiniweb-header04-sticky {
  position: relative !important;
}
.view-edit .infiniweb-header04 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .infiniweb-header04 nav {
  position: relative;
}
.view-edit .infiniweb-header04__menu:has(#menulangtop:empty) ~ .infiniweb-header04__right .infiniweb-header04__lang {
  display: none;
}

/* --------------------------------
   17. Submenu arrow fix
   -------------------------------- */
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next, .span_after) {
  display: none;
}

.infiniweb-header04 {
	--infiniweb-header04-height: 70px;
	--infiniweb-header04-height-mobile: 55px;
	--infiniweb-header04-blur: 15px;
}

.infiniweb-header04-top {
	--infiniweb-header04-top-bg: rgba(255,255,255,0.85);
	--infiniweb-header04-top-link: #081d27;
	--infiniweb-header04-top-link-hover: #06aeef;
	--infiniweb-header04-top-mobile-bg: #039dd8;
	--infiniweb-header04-top-mobile-link: #FFFFFF;
	--infiniweb-header04-top-mobile-link-hover: #FFFFFF;
}

.infiniweb-header04-scrolled {
	--infiniweb-header04-scrolled-bg: rgba(255,255,255,0.95);
	--infiniweb-header04-scrolled-link: #081d27;
	--infiniweb-header04-scrolled-link-hover: #06aeef;
	--infiniweb-header04-scrolled-mobile-bg: #039dd8;
	--infiniweb-header04-scrolled-mobile-link: #FFFFFF;
	--infiniweb-header04-scrolled-mobile-link-hover: #FFFFFF;
}

/* ================================================================
   infiniWEB Header 05 – Split-Menü + Centered Logo
   v1.0 · © infiniWEB GmbH · März 2026
   ================================================================ */

/* --------------------------------
   1. BASE
   -------------------------------- */
.infiniweb-header05 {
  position: relative;
  height: var(--infiniweb-header05-height);
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(var(--infiniweb-header05-blur, 0px));
  backdrop-filter: blur(var(--infiniweb-header05-blur, 0px));
  isolation: isolate;
  transition: height 0.3s ease, padding 0.3s ease, background-color 0.4s ease, box-shadow 0.3s ease;
}

/* --------------------------------
   2. NAV — exact Onboard pattern
   -------------------------------- */
.infiniweb-header05__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: auto;
  position: initial;
  gap: var(--space-xl);
  box-sizing: border-box;
}

/* --------------------------------
   3. THREE ZONES — exact Onboard pattern
   -------------------------------- */
.infiniweb-header05__left,
.infiniweb-header05__right {
  display: flex;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
}

.infiniweb-header05__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 100%;
}

/* --------------------------------
   4. LAYOUT VARIANTS
   -------------------------------- */

/* SPREAD (default): links aussen, rechts aussen — Onboard default */
.infiniweb-header05--layout-spread .infiniweb-header05__left {
  justify-content: flex-start;
}
.infiniweb-header05--layout-spread .infiniweb-header05__right {
  justify-content: flex-end;
  gap: var(--space-xl);
}

/* ASIDE: beide Hälften nah am Logo */
.infiniweb-header05--layout-aside .infiniweb-header05__left {
  justify-content: flex-end;
}
.infiniweb-header05--layout-aside .infiniweb-header05__right {
  justify-content: flex-start;
}
.infiniweb-header05--layout-aside .infiniweb-header05__extras {
  margin-left: auto;
}

/* CENTER: nah am Logo, Extras ganz rechts */
.infiniweb-header05--layout-center .infiniweb-header05__left {
  justify-content: flex-end;
}
.infiniweb-header05--layout-center .infiniweb-header05__right {
  justify-content: flex-start;
}
.infiniweb-header05--layout-center .infiniweb-header05__extras {
  margin-left: auto;
}

/* --------------------------------
   5. SPLIT MENU LISTS
   -------------------------------- */
.infiniweb-header05__split-left,
.infiniweb-header05__split-right {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: var(--space-md);
}

.infiniweb-header05__split-left li,
.infiniweb-header05__split-right li {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  white-space: nowrap;
  list-style: none;
  visibility: visible !important;
}

.infiniweb-header05__split-left li a,
.infiniweb-header05__split-right li a {
  display: inline-block !important;
  text-decoration: none !important;
  float: none !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0% 1px !important;
  background-color: transparent !important;
  transition: background-size 0.25s ease, color 0.2s ease;
}

.infiniweb-header05__split-left li a:hover,
.infiniweb-header05__split-right li a:hover,
.infiniweb-header05__split-left li a:focus,
.infiniweb-header05__split-right li a:focus,
.infiniweb-header05__split-left li a.active,
.infiniweb-header05__split-right li a.active {
  background-size: 100% 1px !important;
  text-decoration: none !important;
}

.infiniweb-header05 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.infiniweb-header05 .ym-hlist {
  width: auto;
  position: initial;
}

/* --------------------------------
   6. EXTRAS: LANG + BUTTON
   -------------------------------- */
.infiniweb-header05__extras {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex-shrink: 0;
}

.infiniweb-header05__lang,
.infiniweb-header05__btn1 {
  display: none;
  align-items: center;
}

.infiniweb-header05--show-lang .infiniweb-header05__lang { display: flex; }
.infiniweb-header05--show-btn1 .infiniweb-header05__btn1 { display: flex; }

.infiniweb-header05__lang-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.infiniweb-header05__lang-list ul li { margin: 0 !important; }
.infiniweb-header05__lang-list ul li a {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
}
.infiniweb-header05__lang-list ul li.active { display: none; }

.infiniweb-header05 .incms-btn { transform: none; }
.infiniweb-header05 .incms-btn a {
  display: block;
  padding: 0.625em 0.875em;
  font-size: 16px;
  white-space: nowrap;
}

/* --------------------------------
   7. LOGO
   -------------------------------- */
.infiniweb-header05 .incms-logo {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  background-color: transparent !important;
  text-decoration: none;
}
.infiniweb-header05 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.infiniweb-header05__logo-primary { transition: opacity 0.6s ease; }
.infiniweb-header05__logo-scrolled {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100% !important;
  width: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.infiniweb-header05--transparent.infiniweb-header05--has-logo2.is-scrolled .infiniweb-header05__logo-primary { opacity: 0; }
.infiniweb-header05--transparent.infiniweb-header05--has-logo2.is-scrolled .infiniweb-header05__logo-scrolled {
  opacity: 1;
  pointer-events: auto;
}

/* --------------------------------
   8. BURGER
   -------------------------------- */
.infiniweb-header05__mobile-toggle {
  display: none;
  align-items: center;
  height: 100%;
}
.infiniweb-header05__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
.infiniweb-header05__burger-icon {
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: transform 0.2s ease, background-size 0.2s ease;
}
.infiniweb-header05__burger-icon::before,
.infiniweb-header05__burger-icon::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  height: 100%; width: 100%;
  background-image: inherit;
  border-radius: inherit;
  transition: inherit;
}
.infiniweb-header05__burger-icon::before { transform: translateY(-0.25em) rotate(0); }
.infiniweb-header05__burger-icon::after  { transform: translateY(0.25em) rotate(0); }
.infiniweb-header05__mobile-toggle.is-active .infiniweb-header05__burger-icon { background-size: 0% 100%; }
.infiniweb-header05__mobile-toggle.is-active .infiniweb-header05__burger-icon::before { transform: translateY(0) rotate(45deg); }
.infiniweb-header05__mobile-toggle.is-active .infiniweb-header05__burger-icon::after  { transform: translateY(0) rotate(-45deg); }
.infiniweb-header05__burger:active .infiniweb-header05__burger-icon { transform: scale(0.9); }

/* --------------------------------
   9. POSITIONING
   -------------------------------- */
.view-normal header.header.infiniweb-header05-fixed {
  position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000;
}
.view-normal header.header.infiniweb-header05-sticky {
  position: sticky; top: 0; z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header05--pos-fixed) {
  position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header05--pos-sticky) {
  position: sticky; top: 0; z-index: 1000;
}

/* --------------------------------
   10. SMART SHRINK
   -------------------------------- */
.infiniweb-header05--shrink.infiniweb-header05--pos-fixed.is-top {
  height: calc(var(--infiniweb-header05-height) + var(--container-space) * 2);
  padding-top: calc(var(--container-space) * 1.5);
  padding-bottom: calc(var(--container-space) * 1.5);
}
.infiniweb-header05--shrink.infiniweb-header05--pos-fixed.is-scrolled {
  height: var(--infiniweb-header05-height);
  padding-top: calc(var(--container-space) * 0.5);
  padding-bottom: calc(var(--container-space) * 0.5);
}

/* --------------------------------
   11. TRANSPARENT MODE
   -------------------------------- */
.infiniweb-header05--transparent.is-top {
  background-color: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
}

/* --------------------------------
   12. REVEAL ON SCROLL UP
   -------------------------------- */
.infiniweb-header05--reveal.is-hidden { transform: translateY(-100%); pointer-events: none; }
.infiniweb-header05--reveal.is-visible,
.infiniweb-header05--reveal.is-top    { transform: translateY(0); pointer-events: auto; }
.infiniweb-header05--reveal {
  transition: height 0.3s ease, padding 0.3s ease, background-color 0.4s ease, box-shadow 0.3s ease, transform 0.35s ease;
}

/* --------------------------------
   13. COLOR SYSTEM – CUSTOM
   -------------------------------- */
[data-colors="custom"].infiniweb-header05.is-top {
  background-color: var(--infiniweb-header05-top-bg);
}
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__split-left li a,
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__split-right li a {
  color: var(--infiniweb-header05-top-link);
}
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__split-left li a:hover,
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__split-left li a.active,
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__split-right li a:hover,
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__split-right li a.active {
  color: var(--infiniweb-header05-top-link-hover);
}
[data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__burger-icon {
  background-image: linear-gradient(var(--infiniweb-header05-top-link), var(--infiniweb-header05-top-link));
}
[data-colors="custom"].infiniweb-header05.is-scrolled {
  background-color: var(--infiniweb-header05-scrolled-bg, var(--infiniweb-header05-top-bg));
}
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__split-left li a,
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__split-right li a {
  color: var(--infiniweb-header05-scrolled-link, var(--infiniweb-header05-top-link));
}
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__split-left li a:hover,
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__split-left li a.active,
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__split-right li a:hover,
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__split-right li a.active {
  color: var(--infiniweb-header05-scrolled-link-hover, var(--infiniweb-header05-top-link-hover));
}
[data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__burger-icon {
  background-image: linear-gradient(
    var(--infiniweb-header05-scrolled-link, var(--infiniweb-header05-top-link)),
    var(--infiniweb-header05-scrolled-link, var(--infiniweb-header05-top-link))
  );
}
[data-colors="custom"].infiniweb-header05:not(.is-top):not(.is-scrolled) {
  background-color: var(--infiniweb-header05-top-bg);
}
[data-colors="custom"].infiniweb-header05:not(.is-top):not(.is-scrolled) .infiniweb-header05__split-left li a,
[data-colors="custom"].infiniweb-header05:not(.is-top):not(.is-scrolled) .infiniweb-header05__split-right li a {
  color: var(--infiniweb-header05-top-link);
}
[data-colors="custom"].infiniweb-header05:not(.is-top):not(.is-scrolled) .infiniweb-header05__burger-icon {
  background-image: linear-gradient(var(--infiniweb-header05-top-link), var(--infiniweb-header05-top-link));
}

/* --------------------------------
   14. COLOR SYSTEM – inCMS PALETTE
   -------------------------------- */
[data-colors="incms"].infiniweb-header05 { background-color: transparent; }
[data-colors="incms"].infiniweb-header05::before {
  content: "";
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background-color: var(--incms-background);
  z-index: -1;
  opacity: 0.85;
  transition: opacity 0.4s ease;
}
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__split-left li a,
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__split-right li a {
  color: var(--incms-text);
}
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__split-left li a:hover,
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__split-left li a.active,
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__split-right li a:hover,
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__split-right li a.active {
  color: var(--incms-primary);
}
[data-colors="incms"][data-theme="primary"].infiniweb-header05 .infiniweb-header05__split-left li a:hover,
[data-colors="incms"][data-theme="primary"].infiniweb-header05 .infiniweb-header05__split-left li a.active,
[data-colors="incms"][data-theme="primary"].infiniweb-header05 .infiniweb-header05__split-right li a:hover,
[data-colors="incms"][data-theme="primary"].infiniweb-header05 .infiniweb-header05__split-right li a.active {
  color: var(--incms-accent);
}
[data-colors="incms"].infiniweb-header05 .infiniweb-header05__burger-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-colors="incms"].infiniweb-header05--transparent.is-top .infiniweb-header05__burger-icon {
  background-image: linear-gradient(#ffffff, #ffffff);
}
[data-colors="incms"].infiniweb-header05--transparent.is-top::before { opacity: 0; }

/* --------------------------------
   15. LANGUAGE VISIBILITY
   -------------------------------- */
.infiniweb-header05__menu:has(#menulangtop:empty) ~ .infiniweb-header05__right .infiniweb-header05__lang { display: none; }
.view-normal #menulangtop { display: none; }

/* --------------------------------
   16. SUBMENU ARROW FIX
   -------------------------------- */
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next, .span_after) { display: none; }

/* --------------------------------
   17. DESKTOP — min-width: 769px
   -------------------------------- */
@media screen and (min-width: 769px) {
  .infiniweb-header05__mobile-toggle,
  .infiniweb-header05__menu {
    display: none !important;
  }
}

/* ================================================================
   MOBILE — max-width: 768px
   ================================================================ */
@media screen and (max-width: 768px) {

  .infiniweb-header05 {
    height: var(--infiniweb-header05-height-mobile, var(--infiniweb-header05-height)) !important;
    min-height: var(--infiniweb-header05-height-mobile, var(--infiniweb-header05-height)) !important;
  }
  .infiniweb-header05--shrink.infiniweb-header05--pos-fixed.is-top {
    height: calc(var(--infiniweb-header05-height-mobile, var(--infiniweb-header05-height)) + var(--container-space)) !important;
    padding-top: calc(var(--container-space) * 1.25);
    padding-bottom: calc(var(--container-space) * 1.25);
  }
  .infiniweb-header05--shrink.infiniweb-header05--pos-fixed.is-scrolled {
    height: var(--infiniweb-header05-height-mobile, var(--infiniweb-header05-height)) !important;
    padding-top: calc(var(--container-space) * 0.5);
    padding-bottom: calc(var(--container-space) * 0.5);
  }

  .infiniweb-header05__nav { gap: 0; justify-content: space-between; }
  .infiniweb-header05__logo { order: 1; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; }
  .infiniweb-header05__mobile-toggle { order: 2; flex-shrink: 0; display: flex; }
  .infiniweb-header05__menu { order: 3; }
  .infiniweb-header05__left,
  .infiniweb-header05__right { display: none !important; }

  .infiniweb-header05__menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    display: none;
    z-index: 999;
    background: var(--infiniweb-header05-mobile-menu-bg, #1c2b35);
  }
  .infiniweb-header05__mobile-toggle.is-active ~ .infiniweb-header05__menu { display: block; }
  .infiniweb-header05__menu #topmenu { flex-direction: column; display: flex !important; padding: 0; width: 100%; }
  .infiniweb-header05__menu #nav-trigger { display: none !important; }
  .infiniweb-header05__menu .ym-hlist ul li { margin: 0 !important; animation: infiniweb-header05-menu-fade 0.4s ease-out; }
  .infiniweb-header05__menu .ym-hlist ul li > a { margin: 4px 0 !important; }
  .infiniweb-header05__menu .ym-hlist > ul > li > a,
  .infiniweb-header05__menu .ym-hlist > ul > li:hover > a {
    padding: 10px; display: inline-block;
    color: var(--infiniweb-header05-mobile-menu-link, #ffffff) !important;
    text-decoration: none !important;
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    background-size: 0% 1px !important;
    background-color: transparent !important;
    transition: background-size 0.25s ease, color 0.2s ease;
  }
  .infiniweb-header05__menu .ym-hlist > ul > li > a.active,
  .infiniweb-header05__menu .ym-hlist > ul > li > a:hover {
    color: var(--infiniweb-header05-mobile-menu-link-hover, rgba(255,255,255,0.65)) !important;
    background-size: 100% 1px !important;
  }

  [data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__menu { background: var(--infiniweb-header05-top-mobile-bg); }
  [data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__menu .ym-hlist > ul > li > a,
  [data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__menu .ym-hlist > ul > li:hover > a { color: var(--infiniweb-header05-top-mobile-link) !important; }
  [data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__menu .ym-hlist > ul > li > a.active,
  [data-colors="custom"].infiniweb-header05.is-top .infiniweb-header05__menu .ym-hlist > ul > li > a:hover { color: var(--infiniweb-header05-top-mobile-link-hover) !important; }
  [data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__menu { background: var(--infiniweb-header05-scrolled-mobile-bg, var(--infiniweb-header05-top-mobile-bg)); }
  [data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__menu .ym-hlist > ul > li > a,
  [data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__menu .ym-hlist > ul > li:hover > a { color: var(--infiniweb-header05-scrolled-mobile-link, var(--infiniweb-header05-top-mobile-link)) !important; }
  [data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__menu .ym-hlist > ul > li > a.active,
  [data-colors="custom"].infiniweb-header05.is-scrolled .infiniweb-header05__menu .ym-hlist > ul > li > a:hover { color: var(--infiniweb-header05-scrolled-mobile-link-hover, var(--infiniweb-header05-top-mobile-link-hover)) !important; }
  [data-colors="custom"].infiniweb-header05:not(.is-top):not(.is-scrolled) .infiniweb-header05__menu { background: var(--infiniweb-header05-top-mobile-bg); }
  [data-colors="custom"].infiniweb-header05:not(.is-top):not(.is-scrolled) .infiniweb-header05__menu .ym-hlist > ul > li > a { color: var(--infiniweb-header05-top-mobile-link) !important; }

  .infiniweb-header05__mobile-extras {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px var(--container-space) 16px;
    border-top: 1px solid rgba(255,255,255,0.15);
    margin-top: 8px;
    animation: infiniweb-header05-menu-fade 0.4s ease-out;
  }
  .infiniweb-header05__mobile-extras .infiniweb-header05__btn1 {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 260px;
  }
  .infiniweb-header05__mobile-extras .incms-btn {
    transform: none;
    width: 100%;
  }
  .infiniweb-header05__mobile-extras .incms-btn a {
    display: block;
    padding: 0.625em 1em;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
  }

  .view-normal header.header.infiniweb-header05-fixed {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    left: 0; right: 0;
  }
}

/* --------------------------------
   ANIMATION
   -------------------------------- */
@keyframes infiniweb-header05-menu-fade {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* --------------------------------
   PREFERS-REDUCED-MOTION
   -------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-header05,
  .infiniweb-header05__logo-primary,
  .infiniweb-header05__logo-scrolled,
  .infiniweb-header05__burger-icon,
  .infiniweb-header05__burger-icon::before,
  .infiniweb-header05__burger-icon::after,
  .infiniweb-header05--reveal { transition: none !important; }
  .infiniweb-header05__menu .ym-hlist ul li { animation: none !important; }
}

/* --------------------------------
   EDIT MODE
   -------------------------------- */
.view-edit .infiniweb-header05 { position: relative !important; }
.view-edit header.header.infiniweb-header05-fixed,
.view-edit header.header.infiniweb-header05-sticky { position: relative !important; }
.view-edit .infiniweb-header05 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .infiniweb-header05 nav.ym-hlist { position: relative; }
.view-edit .infiniweb-header05__menu:has(#menulangtop:empty) ~ .infiniweb-header05__right .infiniweb-header05__lang { display: none; }

.infiniweb-header05 {
	--infiniweb-header05-height: 70px;
	--infiniweb-header05-height-mobile: 55px;
	--infiniweb-header05-blur: 15px;
	--infiniweb-header05-mobile-menu-bg: #1c2b35;
	--infiniweb-header05-mobile-menu-link: #ffffff;
	--infiniweb-header05-mobile-menu-link-hover: rgba(255,255,255,0.65);
}

.infiniweb-header05-top {
	--infiniweb-header05-top-bg: rgba(255,255,255,0.85);
	--infiniweb-header05-top-link: #081d27;
	--infiniweb-header05-top-link-hover: #06aeef;
	--infiniweb-header05-top-mobile-bg: #039dd8;
	--infiniweb-header05-top-mobile-link: #FFFFFF;
	--infiniweb-header05-top-mobile-link-hover: #FFFFFF;
}

.infiniweb-header05-scrolled {
	--infiniweb-header05-scrolled-bg: rgba(255,255,255,0.95);
	--infiniweb-header05-scrolled-link: #081d27;
	--infiniweb-header05-scrolled-link-hover: #06aeef;
	--infiniweb-header05-scrolled-mobile-bg: #039dd8;
	--infiniweb-header05-scrolled-mobile-link: #FFFFFF;
	--infiniweb-header05-scrolled-mobile-link-hover: #FFFFFF;
}

/* ============================================
   infiniWEB Header 06 v1.2
   Mega-Nav with Glassmorphism Dropdowns
   SmartElement for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   ============================================ */

/* --- VARIABLES (defaults, overridden by editor inline styles) --- */
.infiniweb-header06 {
  --h06-height: var(--infiniweb-header06-height, 70px);
  --h06-height-mobile: var(--infiniweb-header06-height-mobile, 60px);
  --h06-radius: var(--infiniweb-header06-radius, 40px);
  --h06-blur: var(--infiniweb-header06-blur, 15px);
  --h06-side-spacing: 4%;
  --h06-shadow: var(--infiniweb-header06-shadow, 0 4px 24px rgba(0,0,0,0.08));
  --h06-shrink-factor: 0.78;
  --h06-transition: 0.35s cubic-bezier(0.4,0,0.2,1);
  /* Custom-mode color defaults */
  --h06-custom-bg-top: var(--infiniweb-header06-top-bg, rgba(255,255,255,0.12));
  --h06-custom-border-top: var(--infiniweb-header06-top-border, rgba(255,255,255,0.25));
  --h06-custom-link-top: var(--infiniweb-header06-top-link, #ffffff);
  --h06-custom-bg-scrolled: var(--infiniweb-header06-scrolled-bg, rgba(255,255,255,0.85));
  --h06-custom-border-scrolled: var(--infiniweb-header06-scrolled-border, rgba(255,255,255,0.5));
  --h06-custom-link-scrolled: var(--infiniweb-header06-scrolled-link, #1a1a1a);
  --h06-drop-bg: var(--infiniweb-header06-drop-bg, rgba(255,255,255,0.92));
  --h06-drop-border: var(--infiniweb-header06-drop-border, rgba(255,255,255,0.6));
  --h06-drop-text: var(--infiniweb-header06-drop-text, #1a1a1a);
  --h06-drop-hover: rgba(0,0,0,0.04);
  --h06-drop-icon-color: var(--infiniweb-header06-drop-icon-color, #027CEC);
  --h06-mobile-bg: var(--infiniweb-header06-mobile-bg, #1c2b35);
  --h06-mobile-link: var(--infiniweb-header06-mobile-link, #ffffff);
  --h06-mobile-accent: var(--infiniweb-header06-mobile-accent, #027CEC);
}

/* --- POSITIONING: set on CMS parent via JS --- */
.view-normal header.header.infiniweb-header06-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.view-normal header.header:has(.infiniweb-header06--pos-fixed) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.view-normal header.header.infiniweb-header06-sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  .view-normal header.header.infiniweb-header06-fixed {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

/* --- MAIN BAR --- */
.infiniweb-header06__bar {
  position: relative;
  width: calc(100% - var(--h06-side-spacing) * 2);
  max-width: 1536px;
  margin: 8px auto 0;
  border-radius: var(--h06-radius);
  transition: background var(--h06-transition), border-color var(--h06-transition), border-radius var(--h06-transition), box-shadow var(--h06-transition), margin var(--h06-transition);
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* ====== COLOR MODE: CUSTOM ====== */
[data-colors="custom"].infiniweb-header06 .infiniweb-header06__bar {
  background: var(--h06-custom-bg-top);
  border: 1px solid var(--h06-custom-border-top);
  -webkit-backdrop-filter: blur(var(--h06-blur));
  backdrop-filter: blur(var(--h06-blur));
}
[data-colors="custom"].infiniweb-header06 .infiniweb-header06__link {
  color: var(--h06-custom-link-top);
}
[data-colors="custom"].infiniweb-header06 .infiniweb-header06__chevron {
  border-color: var(--h06-custom-link-top);
}
[data-colors="custom"].infiniweb-header06.is-scrolled .infiniweb-header06__bar {
  background: var(--h06-custom-bg-scrolled);
  border-color: var(--h06-custom-border-scrolled);
  box-shadow: var(--h06-shadow);
}
[data-colors="custom"].infiniweb-header06.is-scrolled .infiniweb-header06__link {
  color: var(--h06-custom-link-scrolled);
}
[data-colors="custom"].infiniweb-header06.is-scrolled .infiniweb-header06__chevron {
  border-color: var(--h06-custom-link-scrolled);
}

/* ====== COLOR MODE: INCMS PALETTE ====== */
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__bar {
  background-color: transparent;
  border: 1px solid transparent;
  isolation: isolate;
}
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__bar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: var(--incms-background);
  z-index: -1;
  opacity: 0.85;
  -webkit-backdrop-filter: blur(var(--h06-blur));
  backdrop-filter: blur(var(--h06-blur));
  transition: opacity var(--h06-transition), background-color var(--h06-transition);
}
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__link {
  color: var(--incms-text);
}
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__chevron {
  border-color: var(--incms-text);
}
[data-colors="incms"].infiniweb-header06.is-scrolled .infiniweb-header06__bar {
  box-shadow: var(--h06-shadow);
}
[data-colors="incms"][data-theme="primary"].infiniweb-header06 .infiniweb-header06__link:hover {
  color: var(--incms-accent);
}

/* --- INNER --- */
.infiniweb-header06__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: var(--h06-height);
  padding: 0 clamp(12px, 2vw, 24px);
  transition: height var(--h06-transition), padding var(--h06-transition);
  position: relative;
}

/* --- SHRINK --- */
.infiniweb-header06--shrink.is-scrolled .infiniweb-header06__inner {
  height: calc(var(--h06-height) * var(--h06-shrink-factor));
}
.infiniweb-header06--shrink.is-scrolled .infiniweb-header06__logo-img {
  max-height: calc(var(--h06-height) * var(--h06-shrink-factor) * 0.6);
}

/* --- TRANSPARENT MODE (top state) --- */
[data-colors="custom"].infiniweb-header06--transparent.is-top .infiniweb-header06__bar {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
[data-colors="incms"].infiniweb-header06--transparent.is-top .infiniweb-header06__bar::before {
  opacity: 0;
}
[data-colors="incms"].infiniweb-header06--transparent.is-top .infiniweb-header06__link {
  color: #ffffff;
}
[data-colors="incms"].infiniweb-header06--transparent.is-top .infiniweb-header06__chevron {
  border-color: #ffffff;
}

/* --- REVEAL ON SCROLL UP --- */
.infiniweb-header06--reveal.is-hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  pointer-events: none;
}
.infiniweb-header06--reveal {
  transition: transform var(--h06-transition);
}

/* --- LOGO --- */
.infiniweb-header06__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  margin-right: clamp(16px, 2vw, 32px);
  position: relative;
  min-height: 30px;
  min-width: 40px;
}
.infiniweb-header06__logo-img {
  display: block;
  max-height: calc(var(--h06-height) * 0.6);
  width: auto;
  max-width: 200px;
  transition: max-height var(--h06-transition), opacity 0.6s ease;
  -o-object-fit: contain;
  object-fit: contain;
}
/* Dual logo crossfade */
.infiniweb-header06__logo-img--scrolled {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}
.infiniweb-header06.is-scrolled .infiniweb-header06__logo-img--top {
  opacity: 0;
  pointer-events: none;
}
.infiniweb-header06.is-scrolled .infiniweb-header06__logo-img--scrolled {
  opacity: 1;
  pointer-events: auto;
}

/* --- MENU (desktop) --- */
.infiniweb-header06__menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
  .infiniweb-header06__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
  }
  .infiniweb-header06__menu > * + * {
    margin-left: 4px;
  }
  @supports (gap: 1px) {
    .infiniweb-header06__menu {
      gap: 4px;
    }
    .infiniweb-header06__menu > * + * {
      margin-left: 0;
    }
  }
}

/* --- NAV ITEMS --- */
.infiniweb-header06__item {
  position: relative;
}

/* --- TOP-LEVEL LINKS --- */
.infiniweb-header06__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 8px;
  transition: color var(--h06-transition), background var(--h06-transition);
}
.infiniweb-header06__link:hover,
.infiniweb-header06__link:focus-visible {
  background: rgba(255,255,255,0.1);
}
.infiniweb-header06.is-scrolled .infiniweb-header06__link:hover,
.infiniweb-header06.is-scrolled .infiniweb-header06__link:focus-visible {
  background: rgba(0,0,0,0.05);
}

/* Chevron */
.infiniweb-header06__chevron {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: transform 0.25s ease;
  margin-top: -2px;
}
.infiniweb-header06__item:not(.infiniweb-header06__item--has-drop) .infiniweb-header06__chevron {
  display: none;
}
.infiniweb-header06__item.is-open .infiniweb-header06__chevron {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* --- DROPDOWN PANEL (desktop) --- */
.infiniweb-header06__dropdown {
  display: none;
}
@media (min-width: 769px) {
  .infiniweb-header06__dropdown {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px);
    min-width: 240px;
    max-width: 380px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 100;
    padding-top: 8px;
  }
  .infiniweb-header06__item.is-open > .infiniweb-header06__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
  .infiniweb-header06__dropdown-inner {
    background: var(--h06-drop-bg);
    border: 1px solid var(--h06-drop-border);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(var(--h06-blur));
    backdrop-filter: blur(var(--h06-blur));
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    padding: 8px;
    overflow: hidden;
  }
  [data-colors="incms"].infiniweb-header06 .infiniweb-header06__dropdown-inner {
    background: var(--incms-background);
    border-color: rgba(0,0,0,0.06);
  }
}

/* --- DROPDOWN LINKS --- */
.infiniweb-header06__drop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px;
  transition: background 0.2s ease;
  color: var(--h06-drop-text);
}
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__drop-link {
  color: var(--incms-text);
}
.infiniweb-header06__drop-link:hover,
.infiniweb-header06__drop-link:focus-visible {
  background: var(--h06-drop-hover);
}

/* --- DROPDOWN ICONS & THUMBNAILS --- */
.infiniweb-header06__drop-icon {
  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;
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  background: rgba(0,0,0,0.04);
  overflow: hidden;
}
.infiniweb-header06__drop-icon i {
  font-size: 16px;
  color: var(--h06-drop-icon-color);
}
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__drop-icon i {
  color: var(--incms-primary);
}
.infiniweb-header06__drop-thumb {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.infiniweb-header06__drop-icon--thumb .infiniweb-header06__drop-thumb {
  display: block;
}
.infiniweb-header06__drop-icon--thumb i {
  display: none;
}
.infiniweb-header06__drop-icon--fa .infiniweb-header06__drop-thumb {
  display: none;
}
.infiniweb-header06__drop-icon--none {
  display: none;
}

/* --- EXTRAS (lang + button) --- */
.infiniweb-header06__extras {
  display: none;
}
@media (min-width: 769px) {
  .infiniweb-header06__extras {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    padding-left: clamp(12px, 1.5vw, 24px);
  }
  .infiniweb-header06__extras > * + * {
    margin-left: 12px;
  }
  @supports (gap: 1px) {
    .infiniweb-header06__extras > * + * {
      margin-left: 0;
    }
  }
}

/* Language toggle */
.infiniweb-header06__lang { display: none; }
.infiniweb-header06--show-lang .infiniweb-header06__lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.infiniweb-header06__lang-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 6px;
}
.infiniweb-header06__lang-list ul li.active { display: none; }
.infiniweb-header06__lang-list ul li a {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
}

/* Button */
.infiniweb-header06__btn1 { display: none; }
.infiniweb-header06--show-btn1 .infiniweb-header06__btn1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.infiniweb-header06__btn1 .incms-btn a,
.infiniweb-header06__btn1 [class*="incms-"] a {
  display: block;
  padding: 0.5em 1em;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 24px;
}

/* --- MOBILE TOGGLE --- */
.infiniweb-header06__mobile-toggle {
  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;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
@media (min-width: 769px) {
  .infiniweb-header06__mobile-toggle { display: none; }
}

/* Burger icon */
.infiniweb-header06__burger-icon,
.infiniweb-header06__burger-icon::before,
.infiniweb-header06__burger-icon::after {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease, background var(--h06-transition);
  position: absolute;
}
.infiniweb-header06__burger-icon::before { content: ''; top: -7px; left: 0; }
.infiniweb-header06__burger-icon::after { content: ''; top: 7px; left: 0; }

/* Burger color: custom mode */
[data-colors="custom"].infiniweb-header06 .infiniweb-header06__burger-icon,
[data-colors="custom"].infiniweb-header06 .infiniweb-header06__burger-icon::before,
[data-colors="custom"].infiniweb-header06 .infiniweb-header06__burger-icon::after {
  background: var(--h06-custom-link-top);
}
[data-colors="custom"].infiniweb-header06.is-scrolled .infiniweb-header06__burger-icon,
[data-colors="custom"].infiniweb-header06.is-scrolled .infiniweb-header06__burger-icon::before,
[data-colors="custom"].infiniweb-header06.is-scrolled .infiniweb-header06__burger-icon::after {
  background: var(--h06-custom-link-scrolled);
}
/* Burger color: incms mode */
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__burger-icon,
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__burger-icon::before,
[data-colors="incms"].infiniweb-header06 .infiniweb-header06__burger-icon::after {
  background: var(--incms-text);
}
/* Transparent top: force white */
.infiniweb-header06--transparent.is-top .infiniweb-header06__burger-icon,
.infiniweb-header06--transparent.is-top .infiniweb-header06__burger-icon::before,
.infiniweb-header06--transparent.is-top .infiniweb-header06__burger-icon::after {
  background: #ffffff;
}
/* Active burger X */
.infiniweb-header06.is-active .infiniweb-header06__burger-icon { background: transparent; }
.infiniweb-header06.is-active .infiniweb-header06__burger-icon::before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.infiniweb-header06.is-active .infiniweb-header06__burger-icon::after { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* --- MOBILE MENU --- */
.infiniweb-header06__mobile-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: var(--h06-side-spacing);
  right: var(--h06-side-spacing);
  max-height: calc(100vh - var(--h06-height-mobile) - 40px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--h06-mobile-bg);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.2);
  z-index: 99;
}
.infiniweb-header06.is-active .infiniweb-header06__mobile-menu {
  display: block;
  -webkit-animation: infiniweb-header06-menu-fade 0.3s ease forwards;
  animation: infiniweb-header06-menu-fade 0.3s ease forwards;
}
@-webkit-keyframes infiniweb-header06-menu-fade {
  from { opacity: 0; -webkit-transform: translateY(-12px); transform: translateY(-12px); }
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes infiniweb-header06-menu-fade {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}
.infiniweb-header06__mobile-inner { padding: 12px; }
.infiniweb-header06__mobile-item { border-bottom: 1px solid rgba(255,255,255,0.08); }
.infiniweb-header06__mobile-item:last-child { border-bottom: none; }
.infiniweb-header06__mobile-link {
  display: block;
  padding: 14px 12px;
  color: var(--h06-mobile-link);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
.infiniweb-header06__mobile-link:hover { color: var(--h06-mobile-accent); }
.infiniweb-header06__mobile-toggle-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 14px 12px;
  border: none;
  background: transparent;
  color: var(--h06-mobile-link);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.infiniweb-header06__mobile-toggle-sub:hover { color: var(--h06-mobile-accent); }
.infiniweb-header06__mobile-chevron {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}
.infiniweb-header06__mobile-item.is-sub-open .infiniweb-header06__mobile-chevron {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.infiniweb-header06__mobile-sub {
  display: none;
  padding: 0 12px 12px;
}
.infiniweb-header06__mobile-item.is-sub-open .infiniweb-header06__mobile-sub { display: block; }
.infiniweb-header06__mobile-sub-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  font-size: 14px;
}
.infiniweb-header06__mobile-sub-link:hover { color: var(--h06-mobile-accent); }
.infiniweb-header06__mobile-cta {
  padding: 16px 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
  text-align: center;
}
.infiniweb-header06__mobile-cta .incms-btn,
.infiniweb-header06__mobile-cta [class*="incms-"] {
  max-width: 260px;
  margin: 0 auto;
}

/* --- MOBILE HEIGHT --- */
@media (max-width: 768px) {
  .infiniweb-header06__inner { height: var(--h06-height-mobile); }
  .infiniweb-header06__logo-img { max-height: calc(var(--h06-height-mobile) * 0.6); }
}

/* --- LAYOUT VARIANTS --- */
.infiniweb-header06--layout-spread .infiniweb-header06__menu {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.infiniweb-header06--layout-left .infiniweb-header06__menu { margin-right: auto; }
.infiniweb-header06--layout-right .infiniweb-header06__menu { margin-left: auto; }

/* --- EDIT MODE --- */
.view-edit .infiniweb-header06 { position: relative !important; }
.view-edit header.header.infiniweb-header06-fixed,
.view-edit header.header.infiniweb-header06-sticky { position: relative !important; }
.view-edit .infiniweb-header06__dropdown {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: none;
  transform: none;
  display: block;
}
.view-edit .infiniweb-header06__mobile-toggle { display: none; }

/* --- REDUCED MOTION --- */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-header06,
  .infiniweb-header06 *,
  .infiniweb-header06 *::before,
  .infiniweb-header06 *::after {
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

.infiniweb-header06 {
	--infiniweb-header06-height: 70px;
	--infiniweb-header06-height-mobile: 60px;
	--infiniweb-header06-radius: 40px;
	--infiniweb-header06-shadow: 0 4px 24px rgba(0,0,0,0.08);
	--infiniweb-header06-blur: 15px;
	--infiniweb-header06-drop-bg: rgba(255,255,255,0.92);
	--infiniweb-header06-drop-text: #1a1a1a;
	--infiniweb-header06-drop-icon-color: #027CEC;
	--infiniweb-header06-mobile-bg: #1c2b35;
	--infiniweb-header06-mobile-link: #ffffff;
	--infiniweb-header06-mobile-accent: #027CEC;
}

/* ============================================
   infiniWEB Hero 01 v3.0
   Smart Element for inCMS
   ============================================ */

/* --- Block --- */
.iw-hero01 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
  background-color: #111111;
}

/* --- Height Modifiers --- */
.iw-hero01--fh {
  min-height: 100svh;
}
body.view-normal:has(.header-fixed) .iw-hero01--fh {
  min-height: 100svh !important;
}
.iw-hero01--ch {
  min-height: calc(var(--iw-hero01-custom-h, 700) * 1px);
}
.iw-hero01--ah {
  min-height: 0;
}

/* --- Hero Correction (Header Offset) --- */
@media screen and (min-width: 769px) {
  .iw-hero01:first-of-type {
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top)) !important;
  }
}
@media screen and (max-width: 768px) {
  .iw-hero01:first-of-type {
    padding-top: calc(var(--incms-hero-correction, 0px) + var(--section-space-top-m, var(--section-space-top))) !important;
  }
}

/* --- Background Image --- */
.iw-hero01__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.iw-hero01__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.iw-hero01__bg-img[src=""],
.iw-hero01__bg-img:not([src]) {
  display: none;
}

/* --- Overlay --- */
.iw-hero01__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    180deg,
    var(--iw-hero01-overlay, rgba(17,17,17,0.82)) 0%,
    var(--iw-hero01-overlay, rgba(24,24,24,0.88)) 50%,
    var(--iw-hero01-overlay, rgba(10,10,10,0.95)) 100%
  );
}

/* --- Content Wrapper --- */
.iw-hero01__wrap {
  position: relative;
  z-index: 2;
  width: 100%;
}
.iw-hero01__header {
  max-width: calc(var(--iw-hero01-max-w, 820) * 1px);
}

/* --- Alignment Modifiers --- */
.iw-hero01--tc .iw-hero01__header { text-align: center; margin: 0 auto; }
.iw-hero01--tc .iw-hero01__stars { justify-content: center; }
.iw-hero01--tc .iw-hero01__sub p { margin-left: auto; margin-right: auto; }
.iw-hero01--tc .btn-group { justify-content: center; }

.iw-hero01--tl .iw-hero01__header { text-align: left; margin: 0 auto 0 0; }
.iw-hero01--tl .iw-hero01__stars { justify-content: flex-start; }
.iw-hero01--tl .btn-group { justify-content: flex-start; }

.iw-hero01--tr .iw-hero01__header { text-align: right; margin: 0 0 0 auto; }
.iw-hero01--tr .iw-hero01__stars { justify-content: flex-end; }
.iw-hero01--tr .iw-hero01__sub p { margin-left: auto; }
.iw-hero01--tr .btn-group { justify-content: flex-end; }

/* --- Trust Signal --- */
.iw-hero01__trust {
  margin-bottom: 8px;
}
.iw-hero01__trust-a {
  display: inline-flex;
  flex-direction: column;
  align-items: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  transition: opacity 0.2s ease;
}
.iw-hero01--tc .iw-hero01__trust-a { align-items: center; }
.iw-hero01--tr .iw-hero01__trust-a { align-items: flex-end; }
.iw-hero01__trust-a:hover { opacity: 0.85; }
.iw-hero01__trust-a[href=""] { pointer-events: none; }

/* --- Stars --- */
.iw-hero01__stars {
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
}
.iw-hero01__stars svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.iw-hero01__stars:empty { display: none; }

/* --- Trust Text --- */
.iw-hero01__trust-txt {
  font-size: 0.95rem;
  color: #ffffff;
  opacity: var(--iw-hero01-txt-op, 0.55);
  line-height: 1.5;
}

/* --- Heading --- */
.iw-hero01__h1 {
  font-size: clamp(1.75rem, 4vw + 1rem, 4.25rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 30px 0 0;
  text-wrap: balance;
}

/* --- Subtext --- */
.iw-hero01__sub p {
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.25rem);
  color: #ffffff;
  opacity: var(--iw-hero01-txt-op, 0.55);
  line-height: 1.65;
  margin: 40px 0 0;
  max-width: 640px;
  text-wrap: pretty;
  font-weight: 400;
}

/* --- CTA Button (CMS Framework) --- */
.iw-hero01 .btn-group {
  margin-top: 40px;
}
.iw-hero01 .incms-btn.incms-btn-outline a {
  color: #ffffff;
}

/* --- Animation --- */
@media (prefers-reduced-motion: no-preference) {
  .iw-hero01__anim {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1),
                transform 800ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .iw-hero01__anim.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .iw-hero01__anim {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .iw-hero01__h1 { max-width: 100%; }
  .iw-hero01__sub p { max-width: 100%; }
  .iw-hero01 .btn-group { justify-content: center; }
  .iw-hero01--tl .btn-group { justify-content: center; }
}

/* --- Edit Mode --- */
.view-edit .iw-hero01--fh { min-height: 100svh; }
.view-edit .iw-hero01__anim {
  opacity: 1 !important;
  transform: none !important;
}

.iw-hero01 {
	--iw-hero01-overlay: rgba(17,17,17,0.85);
	--iw-hero01-accent: #E8A838;
	--iw-hero01-custom-h: 700;
	--iw-hero01-max-w: 820;
	--section-space-top: var(--section-space-xl);
	--section-space-bottom: var(--section-space-xl);
	--iw-hero01-txt-op: 0.55;
}

/* ============================================
   infiniWEB Hero 02 v1.1
   Smart Element for inCMS
   \u00a9 infiniWEB GmbH
   ============================================ */
.infiniweb-hero02{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:var(--section-space-top);padding-bottom:var(--section-space-bottom);min-height:500px;box-sizing:border-box;isolation:isolate}
.infiniweb-hero02--fh{min-height:100svh}
body.view-normal:has(.header-fixed) .infiniweb-hero02--fh{min-height:100svh!important}
.infiniweb-hero02--ch{min-height:var(--infiniweb-hero02-custom-h,700px)}
.infiniweb-hero02--ah{min-height:auto}
.infiniweb-hero02--tl .infiniweb-hero02__col-left,.infiniweb-hero02--tl .infiniweb-hero02__col-right{text-align:left}
.infiniweb-hero02--tc .infiniweb-hero02__grid{flex-direction:column;text-align:center;max-width:800px;margin:0 auto}
.infiniweb-hero02--tc .infiniweb-hero02__btns{justify-content:center}
.infiniweb-hero02__bg{position:absolute;inset:0;z-index:-2}
.infiniweb-hero02__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.infiniweb-hero02__img[src=""],.infiniweb-hero02__img:not([src]){display:none}
.infiniweb-hero02__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--infiniweb-hero02-overlay,rgba(0,0,0,0.7)) 0%,rgba(0,0,0,0.01) 60%);pointer-events:none}
.infiniweb-hero02__line{display:none}
.infiniweb-hero02--showline .infiniweb-hero02__line{display:block;position:absolute;left:var(--container-space,32px);right:var(--container-space,32px);top:60%;height:1px;background:rgba(255,255,255,.17);z-index:1;pointer-events:none}
.infiniweb-hero02__wrap{position:relative;z-index:2;width:100%}
.infiniweb-hero02__grid{display:flex;gap:var(--space-lg,40px);align-items:flex-end}
.infiniweb-hero02__col-left{flex:0 0 54%;max-width:54%}
.infiniweb-hero02__col-left header{width:100%;margin:0}
.infiniweb-hero02__col-left header h1{margin-bottom:0}
.infiniweb-hero02__col-right{flex:1 1 auto}
.infiniweb-hero02__col-right>*:first-child{margin-top:0}
.infiniweb-hero02__sub{color:var(--text-color,rgba(255,255,255,.82));font-size:clamp(15px,1.2vw,18px);line-height:1.6;margin:0 0 24px 0;font-weight:400}
.infiniweb-hero02__btns{display:flex;flex-wrap:wrap;gap:12px}
.infiniweb-hero02__btns .incms-btn a{white-space:nowrap}
.infiniweb-hero02 .incms-btn-outline a{color:var(--title-color,#fff)}
.infiniweb-hero02__anim{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out,ease-out),transform .6s var(--ease-out,ease-out)}
.infiniweb-hero02__anim.is-visible{opacity:1;transform:translateY(0)}
.view-edit .infiniweb-hero02--fh{min-height:100svh}
.view-edit .infiniweb-hero02__anim{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.infiniweb-hero02__anim{opacity:1!important;transform:none!important}}
@media screen and (min-width:769px){.infiniweb-hero02:first-of-type{padding-top:calc(var(--incms-hero-correction,0px) + var(--section-space-top))!important}}
@media screen and (max-width:768px){.infiniweb-hero02:first-of-type{padding-top:calc(var(--incms-hero-correction,0px) + var(--section-space-top-m,var(--section-space-top)))!important}.infiniweb-hero02{padding-top:var(--section-space-top-m);padding-bottom:var(--section-space-bottom-m)}.infiniweb-hero02__grid{flex-direction:column;gap:var(--space-md,24px)}.infiniweb-hero02__col-left{flex:1 1 100%;max-width:100%}.infiniweb-hero02--showline .infiniweb-hero02__line{display:none}}
/* Heading */
.infiniweb-hero02__col-left header h1{
 position:relative;
 top:25px;
 transform:translatex(0px) translatey(0px);
}

@media (max-width:705px){

 /* Paragraph */
 .infiniweb-hero02__grid .infiniweb-hero02__col-right p{
  margin-top:15px;
 }
 
}

.infiniweb-hero02 {
	--title-color: #FFFFFF;
	--title-size: 56px;
	--title-mobile-size: 38px;
	--text-color: #FFFFFF;
	--infiniweb-hero02-custom-h: 700px;
	--section-space-top: var(--section-space-xl);
	--section-space-bottom: var(--section-space-xl);
	--section-space-top-m: var(--section-space-lg);
	--section-space-bottom-m: var(--section-space-lg);
}

/* ============================================
   infiniWEB Hero 03 v1.1
   Smart Element for inCMS
   \u00a9 infiniWEB GmbH
   ============================================ */
.infiniweb-hero03{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:var(--section-space-top);padding-bottom:var(--section-space-bottom);min-height:500px;box-sizing:border-box;isolation:isolate}
.infiniweb-hero03--fh{min-height:100svh}
body.view-normal:has(.header-fixed) .infiniweb-hero03--fh{min-height:100svh!important}
.infiniweb-hero03--ch{min-height:var(--infiniweb-hero03-custom-h,700px)}
.infiniweb-hero03--ah{min-height:auto}
.infiniweb-hero03__bg{position:absolute;inset:0;z-index:-2}
.infiniweb-hero03__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.infiniweb-hero03__img[src=""],.infiniweb-hero03__img:not([src]){display:none}
.infiniweb-hero03__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--infiniweb-hero03-overlay,rgba(0,0,0,0.75)) 0%,rgba(0,0,0,0.06) 100%);pointer-events:none}
.infiniweb-hero03__wrap{position:relative;z-index:1;width:100%}
.infiniweb-hero03__grid{display:flex;gap:32px;align-items:flex-end}
.infiniweb-hero03__col-left{flex:0 0 50%;max-width:50%}
.infiniweb-hero03__col-left header{width:100%;margin:0}
.infiniweb-hero03__col-left header h1{margin-bottom:0}
.infiniweb-hero03__col-right{flex:1 1 auto;display:flex;align-items:flex-end}
.infiniweb-hero03__badge{display:inline-block;background:var(--infiniweb-hero03-badge-bg,var(--incms-primary,#3b5bdb));color:#fff;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:20px}
.infiniweb-hero03__stats{display:flex;gap:48px}
.infiniweb-hero03__stat{display:flex;flex-direction:column;gap:6px}
.infiniweb-hero03__stat-val{color:var(--title-color,#fff);font-size:clamp(24px,2.5vw,32px);font-weight:600;line-height:1.2}
.infiniweb-hero03__stat-txt{color:var(--text-color,rgba(255,255,255,.75));font-size:14px;font-weight:400;line-height:1.4;opacity:.75}
.infiniweb-hero03__anim{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out,ease-out),transform .6s var(--ease-out,ease-out)}
.infiniweb-hero03__anim.is-visible{opacity:1;transform:translateY(0)}
.view-edit .infiniweb-hero03--fh{min-height:100svh}
.view-edit .infiniweb-hero03__anim{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.infiniweb-hero03__anim{opacity:1!important;transform:none!important}}
@media screen and (min-width:769px){.infiniweb-hero03:first-of-type{padding-top:calc(var(--incms-hero-correction,0px) + var(--section-space-top))!important}}
@media screen and (max-width:768px){.infiniweb-hero03:first-of-type{padding-top:calc(var(--incms-hero-correction,0px) + var(--section-space-top-m,var(--section-space-top)))!important}.infiniweb-hero03{padding-top:var(--section-space-top-m);padding-bottom:var(--section-space-bottom-m)}.infiniweb-hero03__grid{flex-direction:column;gap:24px;align-items:flex-start}.infiniweb-hero03__col-left{flex:1 1 100%;max-width:100%}.infiniweb-hero03__col-right{width:100%}.infiniweb-hero03__stats{flex-direction:column;gap:24px}.infiniweb-hero03__stat-val{font-size:28px}}

.infiniweb-hero03 {
	--title-color: #FFFFFF;
	--title-size: 48px;
	--title-mobile-size: 35px;
	--text-color: #FFFFFF;
	--infiniweb-hero03-custom-h: 700px;
	--section-space-top: var(--section-space-xl);
	--section-space-bottom: var(--section-space-xl);
	--section-space-top-m: var(--section-space-lg);
	--section-space-bottom-m: var(--section-space-lg);
}

/* ============================================
   infiniWEB Immobilien Exposé v1.0
   ============================================ */

/* --- Reset & Base --- */
.infiniweb-expose {
  --iw-primary: var(--infiniweb-expose-primary, #1a3c5e);
  --iw-accent: var(--infiniweb-expose-accent, #d4a74a);
  --iw-bg: var(--infiniweb-expose-bg, #f8f7f4);
  --iw-text: var(--infiniweb-expose-text, #2c2c2c);
  --iw-light: var(--infiniweb-expose-light, #ffffff);
  --iw-radius: var(--infiniweb-expose-radius, 8);
  font-family: inherit;
  color: var(--iw-text);
  background: var(--iw-bg);
  border-radius: calc(var(--iw-radius) * 1px);
  overflow: hidden;
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
}
.infiniweb-expose *, .infiniweb-expose *:before, .infiniweb-expose *:after {
  box-sizing: border-box;
}

/* --- Visibility Utility --- */
.infiniweb-expose-hidden { display: none !important; }
.infiniweb-expose-visible { display: flex; }

/* --- Hero Image --- */
.infiniweb-expose-hero-wrap {
  position: relative;
  overflow: hidden;
}
.infiniweb-expose-hero {
  width: 100%;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform .4s ease;
}
.infiniweb-expose-hero-wrap:hover .infiniweb-expose-hero {
  transform: scale(1.02);
}

/* --- Property Type Badge --- */
.infiniweb-expose-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 4px;
  color: var(--iw-light);
}
.infiniweb-expose-badge--sale {
  background: var(--iw-primary);
}
.infiniweb-expose-badge--rent {
  background: var(--iw-accent);
  color: var(--iw-primary);
}

/* --- Gallery Carousel --- */
.infiniweb-expose-gallery.owl-carousel,
.infiniweb-expose-gallery.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.view-normal .infiniweb-expose-gallery.owl-carousel { display: none; width: 100%; z-index: 1; }
.infiniweb-expose-gallery.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.infiniweb-expose-gallery.owl-carousel .owl-stage:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.infiniweb-expose-gallery.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
}
.infiniweb-expose-gallery.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.infiniweb-expose-gallery.owl-carousel .owl-item img { display: block; width: 100%; }
.infiniweb-expose-gallery.owl-carousel .owl-dots.disabled,
.infiniweb-expose-gallery.owl-carousel .owl-nav.disabled { display: none; }
.no-js .infiniweb-expose-gallery.owl-carousel,
.infiniweb-expose-gallery.owl-carousel.owl-loaded { display: block; }
.infiniweb-expose-gallery.owl-carousel .owl-dot,
.infiniweb-expose-gallery.owl-carousel .owl-nav .owl-next,
.infiniweb-expose-gallery.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.infiniweb-expose-gallery.owl-carousel .owl-nav button.owl-next,
.infiniweb-expose-gallery.owl-carousel .owl-nav button.owl-prev,
.infiniweb-expose-gallery.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.infiniweb-expose-gallery.owl-carousel.owl-loading { opacity: 0; display: block; }

/* Gallery Items */
.infiniweb-expose-gal-item {
  width: 100%;
  padding-bottom: 66%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
}

/* Gallery Navigation */
.infiniweb-expose-gallery .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
}
.infiniweb-expose-gallery.owl-carousel .owl-nav button.owl-next,
.infiniweb-expose-gallery.owl-carousel .owl-nav button.owl-prev {
  pointer-events: all;
  background: rgba(255,255,255,0.85) !important;
  color: var(--iw-primary) !important;
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  transition: background .2s ease, transform .2s ease;
}
.infiniweb-expose-gallery.owl-carousel .owl-nav button:hover {
  background: var(--iw-light) !important;
  transform: scale(1.1);
}

/* Gallery Dots */
.infiniweb-expose-gallery .owl-dots {
  text-align: center;
  padding: 12px 0 4px;
}
.infiniweb-expose-gallery.owl-carousel button.owl-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--iw-primary) !important;
  opacity: 0.3;
  margin: 0 4px;
  padding: 0 !important;
  transition: opacity .2s ease, transform .2s ease;
}
.infiniweb-expose-gallery.owl-carousel button.owl-dot.active {
  opacity: 1;
  transform: scale(1.3);
}

/* Edit-mode: show items inline */
.view-edit .infiniweb-expose-gallery { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px; }
.view-edit .infiniweb-expose-gal-item { width: 80px; padding-bottom: 60px; flex-shrink: 0; border: 1px dashed #ccc; }
.view-edit .infiniweb-expose-gal-item + .infiniweb-expose-gal-item { }

/* --- Content Area --- */
.infiniweb-expose-content {
  padding: 28px 32px 32px;
}

/* --- Heading --- */
.infiniweb-expose-heading {
  margin: 0 0 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--iw-primary);
}

/* --- Price Bar --- */
.infiniweb-expose-price-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 28px;
  padding: 20px 24px;
  background: var(--iw-primary);
  border-radius: calc(var(--iw-radius) * 1px);
  color: var(--iw-light);
}
.infiniweb-expose-price-item {
  align-items: center;
  gap: 10px;
  flex: 1 1 180px;
  min-width: 0;
}
.infiniweb-expose-price-item svg {
  flex-shrink: 0;
  opacity: 0.7;
}
.infiniweb-expose-price-item > div {
  display: flex;
  flex-direction: column;
}
.infiniweb-expose-price-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.75;
}
.infiniweb-expose-price-value {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

/* --- Property Details Grid --- */
.infiniweb-expose-details {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.infiniweb-expose-detail-item {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 18px 12px;
  background: var(--iw-light);
  border-radius: calc(var(--iw-radius) * 1px);
  border: 1px solid rgba(0,0,0,0.06);
  transition: box-shadow .25s ease, transform .25s ease;
}
.infiniweb-expose-detail-item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}
.infiniweb-expose-detail-item svg {
  color: var(--iw-accent);
  margin-bottom: 8px;
}
.infiniweb-expose-detail-val {
  font-size: 18px;
  font-weight: 700;
  color: var(--iw-primary);
  display: block;
  margin-bottom: 2px;
}
.infiniweb-expose-detail-lbl {
  font-size: 12px;
  color: var(--iw-text);
  opacity: 0.65;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Detail items: grid display override */
.infiniweb-expose-details .infiniweb-expose-visible {
  display: flex;
}

/* --- Energy Section --- */
.infiniweb-expose-energy {
  margin-bottom: 28px;
  padding: 20px 24px;
  background: var(--iw-light);
  border-radius: calc(var(--iw-radius) * 1px);
  border: 1px solid rgba(0,0,0,0.06);
}
.infiniweb-expose-energy.infiniweb-expose-visible {
  display: block;
}
.infiniweb-expose-energy-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--iw-primary);
  margin-bottom: 14px;
}
.infiniweb-expose-energy-title svg {
  color: var(--iw-accent);
}
.infiniweb-expose-energy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}
.infiniweb-expose-energy-item {
  display: flex;
  flex-direction: column;
}
.infiniweb-expose-energy-lbl {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
  margin-bottom: 2px;
}
.infiniweb-expose-energy-val {
  font-size: 16px;
  font-weight: 600;
  color: var(--iw-primary);
}

/* --- Description --- */
.infiniweb-expose-desc {
  margin-bottom: 28px;
}
.infiniweb-expose-desc.infiniweb-expose-visible {
  display: block;
}
.infiniweb-expose-desc-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--iw-primary);
  margin-bottom: 10px;
}
.infiniweb-expose-desc-text {
  font-size: 15px;
  line-height: 1.7;
  color: var(--iw-text);
}

/* --- Contact CTA --- */
.infiniweb-expose-cta {
  text-align: center;
  padding-top: 4px;
}
.infiniweb-expose-cta.infiniweb-expose-visible {
  display: block;
}
.infiniweb-expose-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 36px;
  background: var(--iw-accent);
  color: var(--iw-primary);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  border-radius: calc(var(--iw-radius) * 1px);
  letter-spacing: 0.03em;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.infiniweb-expose-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  background: var(--iw-primary);
  color: var(--iw-light);
}

/* --- Responsive --- */
@media screen and (max-width: 768px) {
  .infiniweb-expose-content { padding: 20px 16px 24px; }
  .infiniweb-expose-heading { font-size: 22px; }
  .infiniweb-expose-price-bar { padding: 16px; gap: 12px; }
  .infiniweb-expose-price-value { font-size: 17px; }
  .infiniweb-expose-details { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .infiniweb-expose-detail-item { padding: 14px 8px; }
  .infiniweb-expose-detail-val { font-size: 16px; }
  .infiniweb-expose-btn { width: 100%; justify-content: center; }
}
@media screen and (max-width: 480px) {
  .infiniweb-expose-details { grid-template-columns: repeat(2, 1fr); }
  .infiniweb-expose-energy-grid { grid-template-columns: 1fr; }
  .infiniweb-expose-price-item { flex: 1 1 100%; }
}


.infiniweb-expose-settings {
	--infiniweb-expose-primary: #1a3c5e;
	--infiniweb-expose-accent: #d4a74a;
	--infiniweb-expose-bg: #f8f7f4;
	--infiniweb-expose-text: #2c2c2c;
	--infiniweb-expose-light: #ffffff;
	--infiniweb-expose-radius: 8px;
}

/* ============================================
   infiniWEB Mega Footer v3.5.5-CKS
   Kunden-Variante CKS Hundewohnmobile
   Smart Element for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   CSS namespace: infiniweb-mf
   ============================================ */

/* Section base */
.infiniweb-mf { position: relative; width: 100%; }
.infiniweb-mf *, .infiniweb-mf *::before, .infiniweb-mf *::after { box-sizing: border-box; }

/* CMS palette colors */
.infiniweb-mf-section[data-colors="incms"] {
  background-color: var(--incms-background);
  color: var(--incms-text);
}
.infiniweb-mf-section[data-colors="incms"] a,
.infiniweb-mf-section[data-colors="incms"] .infiniweb-mf-heading {
  color: var(--incms-text);
}
.infiniweb-mf-section[data-colors="incms"] .infiniweb-mf-divider {
  border-top-color: rgb(from var(--incms-text) r g b / 0.1);
}
.infiniweb-mf-section[data-colors="incms"] .infiniweb-mf-social svg {
  fill: var(--incms-text);
}
.infiniweb-mf-section[data-colors="incms"] .infiniweb-mf-links.infiniweb-mf-has-icon li::before {
  color: var(--incms-primary, currentColor);
}

/* Custom color mode */
.infiniweb-mf-section[data-colors="custom"] {
  background-color: var(--infiniweb-mf-bg, #111111);
}
.infiniweb-mf-section[data-colors="custom"] .infiniweb-mf-heading {
  color: var(--title-color, inherit);
}
.infiniweb-mf-section[data-colors="custom"] p,
.infiniweb-mf-section[data-colors="custom"] a,
.infiniweb-mf-section[data-colors="custom"] span,
.infiniweb-mf-section[data-colors="custom"] li,
.infiniweb-mf-section[data-colors="custom"] div,
.infiniweb-mf-section[data-colors="custom"] strong {
  color: var(--text-color, inherit);
}
.infiniweb-mf-section[data-colors="custom"] .infiniweb-mf-social svg {
  fill: var(--text-color, currentColor);
}
.infiniweb-mf-section[data-colors="custom"] .infiniweb-mf-divider {
  border-top-color: rgb(from var(--text-color) r g b / 0.1);
}
.infiniweb-mf-section[data-colors="custom"] .infiniweb-mf-links.infiniweb-mf-has-icon li::before {
  color: var(--infiniweb-mf-iconcolor, var(--title-color, currentColor));
}

/* Container */
.infiniweb-mf-container {
  max-width: var(--website-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--container-space, 24px);
}

/* Grid */
.infiniweb-mf-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 48px;
}

/* Color inheritance */
.infiniweb-mf p, .infiniweb-mf span, .infiniweb-mf li, .infiniweb-mf div { color: inherit; }

/* Logo — v3.4 single-source-of-truth switch.
   The editor exposes ONE select field "Logo-Darstellung" that writes one of
   three modifier classes onto .infiniweb-mf-logo-link:
     --img    → image only
     --text   → text only  (default)
     --none   → no logo visible; wrapper collapses
   CSS default hides BOTH children, each modifier reveals one.
   This kills the v3.1/v3.2/v3.3 problem of two independent negative
   checkboxes that could contradict each other. */
.infiniweb-mf-logo-link {
  display: block;
  text-decoration: none !important;
  margin-bottom: 16px;
}
.infiniweb-mf-logo-img,
.infiniweb-mf-logo-text { display: none; }

.infiniweb-mf-logo-img {
  /* calc() lets the editor's numberfield send a bare number (e.g. "40")
     without px unit — the * 1px suffix completes the value at render time.
     Fallback 40 if variable isn't set. */
  max-height: calc(var(--infiniweb-mf-logo-h, 40) * 1px);
  width: auto;
}
.infiniweb-mf-logo-text {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}

/* Mode switches */
.infiniweb-mf-logo-link--img .infiniweb-mf-logo-img { display: block; }
.infiniweb-mf-logo-link--text .infiniweb-mf-logo-text { display: inline-block; }
.infiniweb-mf-logo-link--none { display: none; }

/* Safety net: if the mode is "img" but no image source was uploaded yet,
   fall back to hiding the empty <img> (no broken-image icon). */
.infiniweb-mf-logo-link--img .infiniweb-mf-logo-img[src=""],
.infiniweb-mf-logo-link--img .infiniweb-mf-logo-img:not([src]) { display: none; }

/* Description */
.infiniweb-mf-desc {
  opacity: 0.55;
  line-height: 1.65;
  margin: 0 0 24px;
  font-size: 0.9em;
}
.infiniweb-mf-desc:empty { display: none; }

/* Social icons — NEW in v3.3: default-hidden, shown only when container
   carries the matching show-class. The webmaster toggles each platform
   explicitly via a checkbox in the editor. v3.5.5 adds Google as the 7th
   platform (GBP trust anchor). */
.infiniweb-mf-social {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.infiniweb-mf-social a {
  display: none; /* hidden by default */
  align-items: center;
  text-decoration: none !important;
  transition: opacity 0.2s ease;
}
.infiniweb-mf-social svg {
  width: var(--infiniweb-mf-social-size, 20px);
  height: var(--infiniweb-mf-social-size, 20px);
  fill: currentColor;
}
.infiniweb-mf-social a:hover { opacity: 0.6; }

/* Show a platform icon only when its explicit show-class is on the container */
.infiniweb-mf-social--show-go       a[data-platform="google"],
.infiniweb-mf-social--show-fb       a[data-platform="facebook"],
.infiniweb-mf-social--show-ig       a[data-platform="instagram"],
.infiniweb-mf-social--show-yt       a[data-platform="youtube"],
.infiniweb-mf-social--show-li       a[data-platform="linkedin"],
.infiniweb-mf-social--show-x        a[data-platform="x"],
.infiniweb-mf-social--show-tt       a[data-platform="tiktok"] {
  display: inline-flex;
}

/* Safety net: even if the show-class is set, hide icons whose href is
   empty or an unreplaced placeholder. The JS additionally removes them
   from the DOM for a clean source. */
.infiniweb-mf-social a[href=""],
.infiniweb-mf-social a[href="#"] { display: none !important; }

/* Hide the whole social row when all anchors are hidden (requires :has()).
   Falls back gracefully; the JS also sets display:none on the container. */
.infiniweb-mf-social:not(:has(a[data-platform]:not([href="#"]):not([href=""]))) {
  display: none;
}

/* Column headings */
.infiniweb-mf-heading {
  font-weight: 700;
  font-size: 1.125em;
  margin: 0 0 24px;
  line-height: 1.3;
}

/* Nav links */
.infiniweb-mf-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.infiniweb-mf-links li {
  margin-bottom: 14px;
  position: relative;
}
.infiniweb-mf-links li:last-child { margin-bottom: 0; }

/* Icon bullets: icons LEFT of text, text aligns with heading */
.infiniweb-mf-links.infiniweb-mf-has-icon li {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}
.infiniweb-mf-links.infiniweb-mf-has-icon li::before {
  content: var(--infiniweb-mf-icon);
  font-family: FontAwesome;
  color: var(--infiniweb-mf-iconcolor, inherit);
  flex-shrink: 0;
  font-size: 0.85em;
}

/* Animated underline on hover (inCMS pattern) */
.infiniweb-mf-links a {
  text-decoration: none !important;
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s ease;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 93%, currentColor 93%);
  font-size: 0.95em;
  color: inherit;
}
.infiniweb-mf-links a:hover {
  background-size: 100% 100%;
}

/* Hide empty nav rows (CSS fallback; JS removes them from DOM) */
.infiniweb-mf-links li:has(a[href=""]),
.infiniweb-mf-links li:has(a[href="#"]),
.infiniweb-mf-links li:has(a:empty) { display: none; }

/* Contact items */
.infiniweb-mf-contact-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.infiniweb-mf-ci {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-decoration: none !important;
  font-size: 0.95em;
  line-height: 1.5;
  transition: opacity 0.2s ease;
  color: inherit;
}
a.infiniweb-mf-ci:hover { opacity: 0.7; }
.infiniweb-mf-ci svg { flex-shrink: 0; margin-top: 2px; }

/* Address block: stacked lines */
.infiniweb-mf-addr-lines {
  display: flex;
  flex-direction: column;
}
.infiniweb-mf-addr-lines strong {
  font-weight: 700;
  color: inherit;
}

/* Hide empty contacts */
a.infiniweb-mf-ci[href="tel:"],
a.infiniweb-mf-ci[href="mailto:"],
a.infiniweb-mf-ci:has(span:empty) { display: none; }
a.infiniweb-mf-addr-block[href=""],
a.infiniweb-mf-addr-block[href="#"] { pointer-events: none; }

/* Divider */
.infiniweb-mf-divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.08);
  margin: 48px 0 24px;
}

/* Bottom bar — v3.5.4: Branding als <div> (umgeht Theme-<p>-Stylings),
   Heart als Inline-SVG (kein FA-Loading noetig), Heart-Color = Section-Primary
   (selbe Creme wie Leistungen-Bullets). Hoechste Spezifitaet damit Theme
   garantiert ueberschrieben wird. */
.infiniweb-mf .infiniweb-mf-bottom {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
}

/* Vereinheitlichung Copyright + Branding + Legal: identische Schrift / Groesse /
   Gewicht / Farbe — alles vom Section-Default geerbt, damit die im CMS
   installierte Body-Font greift, kein externer Webfont. */
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-copyright,
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding,
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding a,
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding span,
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal a {
  font-family: inherit !important;
  font-size: 0.85em !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  color: inherit !important;
  opacity: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Copyright (links) */
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-copyright {
  justify-self: start;
  margin: 0;
  padding: 0;
}
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-copyright:empty { display: none; }

/* Branding (Mitte) — bewusst <div>, NICHT <p>, damit Theme-<p>-Selektoren nicht greifen */
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding {
  justify-self: center;
  text-align: center;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding a {
  text-decoration: none !important;
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s ease;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 90%, currentColor 90%);
}
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding a:hover { background-size: 100% 100%; }

/* Heart als Inline-SVG, Farbe = Section-Primary (Creme/Akzent),
   Groesse passt sich der Branding-Schriftgroesse an */
.infiniweb-mf .infiniweb-mf-bottom svg.infiniweb-mf-branding-heart {
  width: 0.95em;
  height: 0.95em;
  fill: var(--incms-primary, currentColor);
  vertical-align: middle;
  flex-shrink: 0;
  display: inline-block;
}

/* Legal (rechts) */
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal {
  justify-self: end;
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal a {
  text-decoration: none !important;
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size .3s ease;
  background-size: 0% 100%;
  background-image: linear-gradient(transparent 90%, currentColor 90%);
}
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal a:hover { background-size: 100% 100%; }
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal a[href=""],
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal a[href="#"],
.infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal a:empty { display: none !important; }

/* Tablet */
@media screen and (max-width: 992px) {
  .infiniweb-mf-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px 32px;
  }
  .infiniweb-mf-brand { grid-column: 1 / -1; }
}

/* Mobile — Reihenfolge: Copyright -> Legal -> Branding (Branding ganz unten) */
@media screen and (max-width: 600px) {
  .infiniweb-mf-grid { grid-template-columns: 1fr; gap: 32px; }
  .infiniweb-mf .infiniweb-mf-bottom {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-copyright {
    order: 1;
    justify-self: start;
    text-align: left;
  }
  .infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-legal {
    order: 2;
    justify-self: start;
    gap: 20px;
  }
  .infiniweb-mf .infiniweb-mf-bottom .infiniweb-mf-branding {
    order: 3;
    justify-self: start;
    text-align: left;
    white-space: normal;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .infiniweb-mf-links a,
  .infiniweb-mf-legal a,
  .infiniweb-mf-social a,
  .infiniweb-mf-ci {
    transition: none !important;
  }
}
/* Infiniweb branding */
.infiniweb-mf-section .infiniweb-mf-bottom .infiniweb-mf-branding{
 color:rgba(255,255,255,0.40) !important;
}

/* Infiniweb branding heart */
.infiniweb-mf-bottom .infiniweb-mf-branding .infiniweb-mf-branding-heart{
 opacity:0.4;
}

.infiniweb-mf-section {
	--infiniweb-mf-bg: #111111;
	--title-color: #FFFFFF;
	--text-color: #FFFFFF;
	--section-space-top: var(--section-space-md);
	--section-space-bottom: var(--section-space-md);
}

.infiniweb-mf-logo-cfg {
	--infiniweb-mf-logo-h: 40px;
}

.infiniweb-mf-social-cfg {
	--infiniweb-mf-social-size: 20px;
}

/* ---------------------------------------------------------
   Scroll to top Button
--------------------------------------------------------- */

#scrollToTopBtn {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(200, 200, 200, 0.6); /* hellgrau mit Transparenz */
  color: #333; /* dunkles Anthrazit fürs Icon */
  border: none;
  padding: 8px 14px 8px 14px;
  border-radius: 8px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

#scrollToTopBtn.show {
  opacity: 1;
  visibility: visible;
}

#scrollToTopBtn:hover {
  background-color: rgba(180, 180, 180, 0.8);
  transform: translate(-50%, -3px);
}

/* Font Icon Center */
.ym-cbox span span{
 width:84px;
 height:84px;
}
.ym-cbox span span{
 position:relative;
 top:84px;
}


/* ============================================
   infiniWEB SmartClass v1.0
   CSS class wrapper — no visual styling, pure class pass-through
   SmartElement for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   ============================================ */

/* Wrapper carries no visual styling — it only passes classes to its content */
.infiniweb-smartclass {
  display: block;
}

.infiniweb-smartclass-inner {
  position: relative;
}

/*!
 * ══════════════════════════════════════════════════════════════════════
 *  infiniWEB SmartKalkulator CKS 01 — Mietpreis-Kalkulator (CSS)
 *  Version 1.4-s10 | 2026-04-04
 * ──────────────────────────────────────────────────────────────────────
 *  Copyright (c) 2025–2026 infiniWEB GmbH, Schweiz
 *  Alle Rechte vorbehalten / All rights reserved.
 *  https://www.infiniweb.swiss
 * ──────────────────────────────────────────────────────────────────────
 *  LIZENZHINWEIS / LICENSE NOTICE
 *
 *  Dieser Quellcode ist geistiges Eigentum der infiniWEB GmbH und
 *  ausschliesslich zur Nutzung durch den lizenzierten Auftraggeber
 *  (CKS Transporte GmbH / hundewohnmobile.de) bestimmt.
 *
 *  Jede Form der Vervielfaeltigung, Weitergabe, Veroeffentlichung,
 *  Dekompilierung oder unautorisierten Nutzung — ganz oder teilweise —
 *  ist ohne ausdrueckliche schriftliche Genehmigung der infiniWEB GmbH
 *  untersagt und wird zivil- und strafrechtlich verfolgt.
 *
 *  This source code is the intellectual property of infiniWEB GmbH and
 *  is licensed exclusively for use by the authorized client
 *  (CKS Transporte GmbH / hundewohnmobile.de).
 *
 *  Any reproduction, distribution, publication, decompilation, or
 *  unauthorized use — in whole or in part — without the express written
 *  consent of infiniWEB GmbH is prohibited and will be prosecuted
 *  under applicable civil and criminal law.
 *
 *  Kontakt / Contact: info@infiniweb.swiss
 * ══════════════════════════════════════════════════════════════════════
 */

/* CMS page-builder adds extra top-padding on the container — compensate here */
.ym-cbox .section .incms-container {
  padding-top: 100px;
}

/* ── Custom properties — overridable via editor color fields ── */
.infiniweb-cks-kalk01 {
  --cks-dark:    #081d27;
  --cks-green:   #395f55;
  --cks-orange:  #FFB82E;
  --cks-white:   #ffffff;
  --cks-radius:  12px;

  /* Season palette (S10 — custom date picker) */
  --cks-season-high-bg:  #fff3d6;
  --cks-season-high-dot: #e6a300;
  --cks-season-mid-bg:   #eef6ff;
  --cks-season-mid-dot:  #5b8dbf;
  --cks-season-low-bg:   #f0f7f3;
  --cks-season-low-dot:  #5a9a7a;

  /* Status colors — avoid pure signal red/green for softer UI feel */
  --cks-ok-col:   #2d7a4f;
  --cks-ok-bg:    #f0f7f3;
  --cks-ok-brd:   #b8d9c8;
  --cks-adv-col:  #8a5c1a;
  --cks-adv-bg:   #fdf6e8;
  --cks-adv-brd:  #e8c87a;
  --cks-blk-col:  #9b2c2c;
  --cks-blk-bg:   #fdf1f1;
  --cks-blk-brd:  #e8a8a8;
  --cks-info-col: #1a6ea8;
  --cks-info-bg:  #eef5fc;
  --cks-info-brd: #9ec4e4;
  --cks-warn:     #9b2c2c;
  --cks-f-bg:     #f9fafb;
  --cks-f-brd:    #d0d8e0;

  background-color: var(--cks-section-bg, var(--cks-dark));
  padding-top:    var(--section-space-lg);
  padding-bottom: var(--section-space-lg);
}

/* ── Section header ── */
.infiniweb-cks-kalk01__header {
  text-align: center;
  margin-bottom: 40px;
}
/* v1.1: H1 instead of H2 — this element is the page hero */
.infiniweb-cks-kalk01__h1 {
  color: var(--cks-white);
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 800;
  margin: 0 0 12px;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.infiniweb-cks-kalk01__sub {
  color: #cbd5db;
  font-size: 16px;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.6;
}

.infiniweb-cks-kalk01__root {
  max-width: 680px;
  margin: 0 auto;
}

/* ── Panel swap — JS toggles hidden class to switch between calc and form ── */
.cks-kalk-panel {
  animation: cksKalkFadeIn .3s ease;
}
.cks-kalk-panel--hidden {
  display: none !important;
}
@keyframes cksKalkFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.cks-kalk-card {
  background: var(--cks-white);
  border-radius: var(--cks-radius);
  padding: 28px 32px 24px;
  box-shadow: 0 8px 40px rgba(8,29,39,.22);
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .cks-kalk-card { padding: 20px 16px 18px; }
}

/* ── Step bar — hide scrollbar but allow horizontal scroll on small screens ── */
.cks-kalk-stepbar {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  overflow-x: auto;
  padding-bottom: 4px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cks-kalk-stepbar::-webkit-scrollbar { display: none; }

.cks-kalk-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 42px;
}
.cks-kalk-step__dot {
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 800;
  transition: all .25s;
  flex-shrink: 0;
  border: 2px solid transparent;
}
.cks-kalk-step__dot--done   { background: var(--cks-green); color: var(--cks-white); }
.cks-kalk-step__dot--active { background: var(--cks-dark);  color: var(--cks-orange); border-color: var(--cks-orange); }
.cks-kalk-step__dot--todo   { background: #e4e9ec; color: #8a9aa4; }
.cks-kalk-step__label {
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
  color: #aab5bc;
}
.cks-kalk-step__label--active { color: var(--cks-orange); }
.cks-kalk-step__label--done   { color: var(--cks-green); }
.cks-kalk-step__line {
  flex: 1;
  height: 2px;
  border-radius: 2px;
  background: #e4e9ec;
  margin: 0 2px 12px;
  transition: background .3s;
}
.cks-kalk-step__line--done { background: var(--cks-green); }

/* ── Label — baseline alignment keeps icon optically level with uppercase text ── */
.cks-kalk-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 700;
  color: #5a6a72;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px;
  line-height: 1;
}

/* Icons in labels sit 1px above optical centre to visually align with uppercase caps */
.cks-kalk-label svg,
.cks-kalk-err-msg svg,
.cks-kalk-min-hint svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  position: relative;
  top: -1px;
}

/* Icons inside infoboxes need a slightly larger downward nudge to sit mid-text */
.cks-kalk-infobox > svg,
#cks-step-content .cks-kalk-infobox--km svg,
#cks-step-content .cks-kalk-infobox--ok svg,
#cks-step-content .cks-kalk-infobox--adv svg,
#cks-step-content .cks-kalk-infobox--blk svg,
#cks-step-content .cks-kalk-infobox--neutral svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  position: relative;
  top: 4px;
}

/* ── Form fields ── */
.cks-kalk-input,
.cks-kalk-select,
.cks-kalk-textarea {
  width: 100%;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1.5px solid var(--cks-f-brd);
  background: var(--cks-f-bg);
  color: var(--cks-dark);
  font-size: 17px;
  font-family: inherit;
  box-sizing: border-box;
  outline: none;
  transition: border .15s, box-shadow .15s;
  -webkit-appearance: none;
  appearance: none;
}
.cks-kalk-textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.65;
}
/* ── Custom Date Picker (S10) ──
   Replaces native <input type="date"> to fix iOS Safari/Chrome bug where
   the picker opens briefly then closes, and to provide season-colored UX. */

/* Trigger buttons */
.cks-dp-triggers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 4px;
}
.cks-dp-trigger {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  background: var(--cks-white);
  border: 2px solid #d5dbd8;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}
.cks-dp-trigger:active,
.cks-dp-trigger--active {
  border-color: var(--cks-orange);
  box-shadow: 0 0 0 3px rgba(255,184,46,.18);
}
.cks-dp-trigger--has-value {
  border-color: var(--cks-green);
}
.cks-dp-trigger--has-value.cks-dp-trigger--active {
  border-color: var(--cks-orange);
}
.cks-dp-trigger__label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #8a9a94;
}
.cks-dp-trigger__value {
  font-size: 16px;
  font-weight: 600;
  color: var(--cks-dark);
  line-height: 1.3;
}
.cks-dp-trigger__value--placeholder {
  color: #b0bab5;
  font-weight: 400;
}

/* Nights badge */
.cks-dp-nights {
  text-align: center;
  padding: 6px 0 2px;
  font-size: 13px;
  font-weight: 600;
  color: var(--cks-green);
  min-height: 26px;
}
.cks-dp-nights span {
  display: inline-block;
  background: var(--cks-ok-bg);
  border: 1px solid var(--cks-ok-brd);
  border-radius: 20px;
  padding: 2px 12px;
  font-size: 12px;
}

/* Calendar panel (animated open/close) */
.cks-dp-panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s ease, opacity .2s ease, margin .2s ease;
  margin-top: 0;
}
.cks-dp-panel--open {
  max-height: 500px;
  opacity: 1;
  margin-top: 12px;
}
.cks-dp-cal {
  background: var(--cks-white);
  border: 1.5px solid #e2e8e5;
  border-radius: var(--cks-radius);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
}

/* Month header */
.cks-dp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
  background: linear-gradient(135deg, #f8faf9, #f2f6f4);
  border-bottom: 1px solid #e8ede9;
}
.cks-dp-header__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--cks-dark);
}
.cks-dp-header__btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cks-white);
  border: 1.5px solid #d5dbd8;
  border-radius: 8px;
  cursor: pointer;
  color: var(--cks-dark);
  font-size: 18px;
  font-weight: 700;
  transition: all .15s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}
.cks-dp-header__btn:active {
  background: #f0f3f1;
  transform: scale(.93);
}
.cks-dp-header__btn--disabled {
  opacity: .3;
  pointer-events: none;
}

/* Instruction hint */
.cks-dp-hint {
  text-align: center;
  padding: 6px 12px 2px;
  font-size: 12px;
  font-weight: 500;
  color: #8a9a94;
}
.cks-dp-hint--end {
  color: var(--cks-orange);
  font-weight: 600;
}

/* Weekday row */
.cks-dp-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 8px 8px 4px;
}
.cks-dp-weekdays span {
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #8a9a94;
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* Day grid */
.cks-dp-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  padding: 4px 8px 10px;
}
.cks-dp-day {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--cks-dark);
  transition: all .1s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}
.cks-dp-day:active:not(.cks-dp-day--disabled) {
  transform: scale(.9);
}
.cks-dp-day--empty { cursor: default; }
.cks-dp-day--disabled { color: #c8d0cc; cursor: not-allowed; }
/* Adjacent month days (prev/next month, greyed out for context) */
.cks-dp-day--adjacent {
  color: #d0d6d3;
  cursor: default;
  font-weight: 400;
  background: transparent;
}

/* Season backgrounds */
.cks-dp-day--high { background: var(--cks-season-high-bg); }
.cks-dp-day--mid  { background: var(--cks-season-mid-bg); }
.cks-dp-day--low  { background: var(--cks-season-low-bg); }

/* Season dot */
.cks-dp-day__dot {
  width: 4px; height: 4px;
  border-radius: 50%;
  position: absolute;
  bottom: 4px;
}
.cks-dp-day--high .cks-dp-day__dot { background: var(--cks-season-high-dot); }
.cks-dp-day--mid  .cks-dp-day__dot { background: var(--cks-season-mid-dot); }
.cks-dp-day--low  .cks-dp-day__dot { background: var(--cks-season-low-dot); }

/* Today */
.cks-dp-day--today {
  font-weight: 700;
  box-shadow: inset 0 0 0 1.5px var(--cks-green);
}

/* Range selection — deliberately stronger than season backgrounds
   so the range is visible even during Hauptsaison (#fff3d6) */
.cks-dp-day--in-range {
  background: #ffe4a8 !important;
  border-radius: 0;
}
.cks-dp-day--range-start-row { border-radius: 8px 0 0 8px; }
.cks-dp-day--range-end-row   { border-radius: 0 8px 8px 0; }

/* Range endpoints */
.cks-dp-day--start,
.cks-dp-day--end {
  background: var(--cks-orange) !important;
  color: var(--cks-white) !important;
  font-weight: 700;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(255,184,46,.35);
  z-index: 1;
}
.cks-dp-day--start .cks-dp-day__dot,
.cks-dp-day--end .cks-dp-day__dot {
  background: rgba(255,255,255,.7) !important;
}

/* Hover on desktop */
@media (hover: hover) {
  .cks-dp-day:not(.cks-dp-day--disabled):not(.cks-dp-day--empty):hover {
    background: #fef1cc;
    box-shadow: 0 0 0 2px var(--cks-orange);
  }
}

/* Season legend */
.cks-dp-legend {
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 8px 12px 12px;
  border-top: 1px solid #eef1ef;
}
.cks-dp-legend__item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 600;
  color: #6a7a74;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.cks-dp-legend__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
}
.cks-dp-legend__dot--high { background: var(--cks-season-high-dot); }
.cks-dp-legend__dot--mid  { background: var(--cks-season-mid-dot); }
.cks-dp-legend__dot--low  { background: var(--cks-season-low-dot); }

/* Confirm button */
.cks-dp-confirm {
  display: none;
  width: 100%;
  padding: 12px 16px;
  background: var(--cks-green);
  color: var(--cks-white);
  font-size: 14px;
  font-weight: 700;
  border: none;
  border-radius: 0 0 var(--cks-radius) var(--cks-radius);
  cursor: pointer;
  transition: background .15s, transform .1s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  letter-spacing: .3px;
}
.cks-dp-confirm:active {
  background: #2e4f46;
  transform: scale(.98);
}
.cks-dp-confirm--visible {
  display: block;
}

/* Responsive date picker */
@media (max-width: 520px) {
  .cks-dp-trigger { padding: 10px 12px; }
  .cks-dp-trigger__value { font-size: 14px; }
  .cks-dp-day { height: 40px; font-size: 13px; }
  .cks-dp-header__title { font-size: 15px; }
  .cks-dp-legend { gap: 8px; }
  .cks-dp-legend__item { font-size: 9px; }
}
.cks-kalk-input:focus,
.cks-kalk-select:focus,
.cks-kalk-textarea:focus {
  border-color: var(--cks-orange);
  box-shadow: 0 0 0 3px rgba(255,184,46,.15);
}
.cks-kalk-input--err,
.cks-kalk-select--err {
  border-color: var(--cks-warn);
  background: #fff8f8;
}
.cks-kalk-err-msg {
  color: var(--cks-warn);
  font-size: 15px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cks-kalk-field-group { margin-bottom: 20px; }
.cks-kalk-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media screen and (max-width: 480px) {
  .cks-kalk-grid-2 { grid-template-columns: 1fr; }
}

/* ── Radio toggle group ── */
.cks-kalk-radio-group { display: flex; gap: 8px; }
.cks-kalk-radio-btn {
  flex: 1;
  padding: 11px 10px;
  border-radius: 8px;
  border: 1.5px solid var(--cks-f-brd);
  background: var(--cks-f-bg);
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: var(--cks-dark);
  text-align: center;
  font-family: inherit;
  transition: all .15s;
}
.cks-kalk-radio-btn--active {
  border-color: var(--cks-orange);
  background: #fff9ee;
  color: #7a5a10;
}

/* ── Km preset chips (Step 3 — Route offen) ── */
.cks-kalk-km-presets {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px;
}
.cks-kalk-km-preset {
  padding: 9px 16px;
  border-radius: 20px;
  border: 1.5px solid #d0d7db;
  background: #fff;
  color: var(--cks-text, #2c3e50);
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
}
.cks-kalk-km-preset:hover {
  border-color: var(--cks-orange);
  background: #fffaf2;
}
.cks-kalk-km-preset--active {
  border-color: var(--cks-orange);
  background: #fff9ee;
  color: #7a5a10;
  box-shadow: 0 0 0 1px var(--cks-orange);
}

/* ── Vehicle image — square crop, orange border on selection ── */
.cks-kalk-vehicle-card__img {
  width: 72px; height: 72px;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
  transition: transform .2s;
  border: 2px solid transparent;
}
.cks-kalk-vehicle-card--active .cks-kalk-vehicle-card__img {
  border-color: var(--cks-orange);
  transform: scale(1.03);
}
@media screen and (max-width: 480px) {
  .cks-kalk-vehicle-card__img { width: 60px; height: 60px; }
}

/* ── Vehicle selection cards ── */
.cks-kalk-vehicle-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1.5px solid var(--cks-f-brd);
  background: var(--cks-f-bg);
  cursor: pointer;
  margin-bottom: 10px;
  transition: all .15s;
  font-family: inherit;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}
.cks-kalk-vehicle-card--active {
  border-color: var(--cks-orange);
  border-width: 2.5px;
  background: #fff9ee;
}
.cks-kalk-vehicle-card__icon {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: #e4e9ec;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background .15s;
}
.cks-kalk-vehicle-card--active .cks-kalk-vehicle-card__icon { background: var(--cks-orange); }
.cks-kalk-vehicle-card__name { font-weight: 800; font-size: 14px; color: var(--cks-dark); margin-bottom: 2px; }
.cks-kalk-vehicle-card__spec { font-size: 11px; color: #5a6a72; }
.cks-kalk-vehicle-card__check {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--cks-green);
  display: flex; align-items: center; justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity .15s;
}
/* Force white SVG stroke inside the green check circle */
.cks-kalk-vehicle-card__check svg { stroke: #fff; }
.cks-kalk-vehicle-card--active .cks-kalk-vehicle-card__check { opacity: 1; }

/* ── Dog size + other toggle chips ── */
.cks-kalk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.cks-kalk-chip {
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: 1.5px solid var(--cks-f-brd);
  background: var(--cks-f-bg);
  color: var(--cks-dark);
  font-family: inherit;
  transition: all .15s;
}
.cks-kalk-chip--active { border-color: var(--cks-orange); background: #fff9ee; color: #7a5a10; }

/* ── Info / alert boxes ── */
.cks-kalk-infobox {
  border-radius: 10px;
  padding: 13px 16px;
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.6;
}
.cks-kalk-infobox--ok      { background: #f0f7f3; border: 1px solid #b8d9c8;   color: #3a5a50; }
.cks-kalk-infobox--adv     { background: #fdf6e8; border: 1.5px solid #e8c87a; color: #7a5010; }
.cks-kalk-infobox--blk     { background: #fdf1f1; border: 2px solid #e8a8a8;   color: #7a2020; }
.cks-kalk-infobox--km      { background: #f0f7f3; border: 1px solid #b8d9c8;   color: #3a5a50; }
.cks-kalk-infobox--neutral { background: #f4f6f8; border: 1px solid #d8e0e8;   color: #4a5a62; }

/* ── Country dropdown ── */
.cks-kalk-dropdown { position: relative; }
.cks-kalk-dropdown__trigger {
  display: flex; align-items: center; justify-content: space-between;
  cursor: pointer; user-select: none;
}
.cks-kalk-dropdown__trigger svg { transition: transform .2s; flex-shrink: 0; }
.cks-kalk-dropdown__trigger--open svg { transform: rotate(180deg); }

/* ── Selected country chips ── */
.cks-kalk-selected-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

/* Chips rendered as <button> to guarantee inline-flex and bypass CMS grid width inheritance */
.cks-kalk-country-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  padding: 5px 8px 5px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  /* CMS grid sets width:100% on all children — these overrides are intentional */
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  white-space: nowrap;
  flex-shrink: 0;
  float: none !important;
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
  font-family: inherit;
}
.cks-kalk-country-chip--ok  { background: #f0f7f3; color: #395f55;  border: 1px solid #b8d9c8; }
.cks-kalk-country-chip--adv { background: #fdf6e8; color: #8a5c1a; border: 1px solid #e8c87a; }
.cks-kalk-country-chip--blk { background: #fdf1f1; color: #9b2c2c;  border: 1px solid #e8a8a8; }

/* X icon inside chip — sits as flex child, click is on the chip button itself */
.cks-kalk-country-chip__remove {
  display: inline-flex;
  align-items: center;
  opacity: .65;
  flex-shrink: 0;
  pointer-events: none;
}

/* ── Cost summary (step 4) ── */
.cks-kalk-cost-line {
  display: flex; justify-content: space-between; flex-wrap: wrap;
  font-size: 14px; margin-bottom: 6px; color: #3a5a50;
  gap: 2px 12px;
}
.cks-kalk-cost-line--extra { color: #8a5c1a; }

/* Rent total — prominent green bar, shows only the rental cost without deposit */
.cks-kalk-cost-total {
  display: flex; justify-content: space-between; flex-wrap: wrap;
  font-weight: 800; font-size: 16px;
  background: #395f55; color: #ffffff;
  border-radius: 8px 8px 0 0; padding: 12px 14px; margin-top: 10px;
  gap: 2px 12px;
  overflow: hidden;
}
.cks-kalk-cost-total__mwst {
  font-size: 11px; font-weight: 600; opacity: .8;
}
@media screen and (max-width: 520px) {
  .cks-kalk-cost-total__mwst { display: none; }
}

/* Deposit block — sits directly below the rent total, same visual width */
.cks-kalk-cost-deposit {
  background: #f0f7f3;
  border: 1px solid #b8d9c8;
  border-top: none;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  margin-bottom: 4px;
}
.cks-kalk-cost-deposit__row {
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
  font-size: 13px; color: #5a8070;
  padding: 8px 14px 6px;
  gap: 2px 12px;
}
/* Pickup total — the complete amount due, clearly labelled */
.cks-kalk-cost-deposit__total {
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
  font-size: 14px; font-weight: 700; color: #2d7a4f;
  background: #e4f0ea;
  border-top: 1px solid #b8d9c8;
  padding: 8px 14px;
  gap: 2px 12px;
}

/* ── Calculation status badge ── */
.cks-kalk-status-badge {
  border-radius: 12px; padding: 14px 16px;
  margin-bottom: 16px;
  display: flex; align-items: flex-start; gap: 12px;
}
.cks-kalk-status-badge--full { background: #f0f7f3; border: 2px solid #b8d9c8; }
.cks-kalk-status-badge--adv  { background: #fdf6e8; border: 2px solid #e8c87a; }
.cks-kalk-status-badge--blk  { background: #fdf1f1; border: 2px solid #e8a8a8; }
.cks-kalk-status-badge__dot {
  width: 36px; height: 36px;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
/* Force white stroke on check inside the colored dot */
.cks-kalk-status-badge__dot svg { stroke: #fff; width: 18px; height: 18px; }
.cks-kalk-status-badge__body  { flex: 1; text-align: left; }
.cks-kalk-status-badge__title { font-weight: 800; font-size: 16px; margin-bottom: 3px; }
.cks-kalk-status-badge__sub   { font-size: 14px; color: #5a6a72; line-height: 1.5; }
.cks-kalk-status-badge__reasons { margin-top: 6px; font-size: 13px; font-weight: 600; line-height: 1.7; }

/* ── Handoff hint ── */
.cks-kalk-transition-hint {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #081d27;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 16px;
}
.cks-kalk-transition-hint__icon {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: #395f55;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.cks-kalk-transition-hint__icon svg { width: 16px; height: 16px; stroke: #fff; }
.cks-kalk-transition-hint__text { font-size: 14px; color: rgba(255,255,255,.85); line-height: 1.5; }

/* ── Native CMS form styled to match calculator ── */
.cks-kalk-form-styled .incms-form-item-label { display: none !important; }
.cks-kalk-form-styled .incms-form-field {
  width: 100%; padding: 14px 18px;
  border-radius: 10px; border: 1.5px solid #d0d8e0;
  background: #f9fafb; color: #081d27;
  font-size: 17px; font-family: inherit;
  box-sizing: border-box; outline: none;
  transition: border .15s, box-shadow .15s; margin-bottom: 14px;
  -webkit-appearance: none; appearance: none;
}
.cks-kalk-form-styled .incms-form-field:focus {
  border-color: #FFB82E;
  box-shadow: 0 0 0 3px rgba(255,184,46,.15);
}
.cks-kalk-form-styled textarea.incms-form-field { min-height: 160px; resize: vertical; line-height: 1.6; }

/* Submit button */
.cks-kalk-form-styled .submit_container { text-align: right; margin-top: 8px; }
.cks-kalk-form-styled .incms-button button[type="submit"],
.cks-kalk-form-styled .incms-button-button1 button {
  background: linear-gradient(135deg, #FFB82E, #e6a020) !important;
  color: #081d27 !important; font-weight: 800 !important;
  border-radius: 8px !important; padding: 14px 32px !important;
  font-size: 16px !important; border: none !important; cursor: pointer !important;
  box-shadow: 0 3px 14px rgba(255,184,46,.4) !important;
  transition: box-shadow .2s, transform .2s !important;
  width: 100% !important;
}
.cks-kalk-form-styled .incms-button button[type="submit"]:hover,
.cks-kalk-form-styled .incms-button-button1 button:hover {
  box-shadow: 0 5px 20px rgba(255,184,46,.6) !important;
  transform: translateY(-1px) !important;
}

/* ── Pre-filled block — green frame AROUND auto-filled sections ──
   IMPORTANT: The .myformchild nodes are NOT moved out of the <form>.
   The block is inserted as a purely visual wrapper using CSS.
   The shield overlay uses position:absolute to intercept clicks
   without touching the DOM structure of the form fields. ── */
.cks-prefill-block {
  border: 2px solid #b8d9c8;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
}
.cks-prefill-block__header {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f0f7f3;
  border-bottom: 1px solid #b8d9c8;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  color: #2d7a4f;
}
.cks-prefill-block__header svg {
  flex-shrink: 0;
  position: relative;
  top: 0;
}
.cks-prefill-block__header a {
  color: #2d7a4f;
  text-decoration: underline;
  text-decoration-color: rgba(45,122,79,.4);
}
.cks-prefill-block__header a:hover { text-decoration-color: #2d7a4f; }

/* The body acts as a visual container only — no fields inside since FIX-B */
.cks-prefill-block__body {
  display: none; /* empty since FIX-B — shields are per-row now */
}

/* ── Pre-filled rows — each .myformchild gets position:relative + shield ── */
.cks-prefill-row {
  position: relative;
}
/* Tint fields inside pre-filled rows to signal they are read-only */
.cks-prefill-row .incms-form-field {
  background: #f4fbf7 !important;
  border-color: #b8d9c8 !important;
  color: #3a5a50 !important;
  cursor: not-allowed !important;
}
/* Radio labels inside pre-filled rows also need read-only treatment */
.cks-prefill-row .radio label {
  cursor: not-allowed !important;
  opacity: .92;
}

/* ── Prefill shield — transparent click interceptor per row ──
   Sits above each .cks-prefill-row via position:absolute.
   Intercepts all clicks and forwards them to showPrefillLockModal().
   Fields remain in the DOM and are submitted normally. ── */
.cks-prefill-shield {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: not-allowed;
  background: transparent;
}

/* ── Radio vehicle cards in form — 2-column grid ── */
.cks-radio-vehicle-img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  display: block;
}
.cks-kalk-form-styled .input-radio .incms-form-field {
  padding: 0; background: none; border: none; margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cks-kalk-form-styled .radio { position: relative; }
.cks-kalk-form-styled .radio label {
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 0; border-radius: 10px; cursor: pointer;
  border: 2px solid #d0d8e0; background: #f9fafb;
  margin-bottom: 0; font-size: 14px; font-weight: 600; font-family: inherit;
  transition: border .15s, background .15s; overflow: hidden;
}
.cks-kalk-form-styled .radio label > span {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; width: 100%; box-sizing: border-box;
  font-size: 13px; line-height: 1.4;
}
.cks-kalk-form-styled .radio input[type="radio"] {
  accent-color: #395f55; flex-shrink: 0;
}
/* :has() — Safari ≥ 15.4, Chrome ≥ 105; older browsers see no green border but radio still works */
.cks-kalk-form-styled .radio label:has(input:checked) {
  border-color: #395f55; background: #f0f7f3;
}

/* Green checkmark badge — positioned on .radio wrapper */
.cks-kalk-form-styled .radio:has(input:checked)::after {
  content: '';
  position: absolute;
  top: 8px; right: 8px;
  width: 26px; height: 26px;
  border-radius: 50%;
  background: #395f55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/16px no-repeat;
  z-index: 2;
  pointer-events: none;
}

/* «Nach Verfügbarkeit» spans full grid width */
.cks-kalk-form-styled .input-radio .incms-form-field > .radio:last-child {
  grid-column: 1 / -1;
}

/* ── Terms / privacy checkbox ── */
.cks-kalk-form-styled .terms-field {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 0 4px;
}
.cks-kalk-form-styled .terms-field input[type="checkbox"] {
  width: 18px; height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: #395f55;
  cursor: pointer;
}
.cks-kalk-form-styled .terms-field label {
  display: block !important;
  font-size: 13px;
  color: #4a5a62;
  line-height: 1.5;
  cursor: pointer;
}
.cks-kalk-form-styled .terms-field label a {
  color: #395f55;
  text-decoration: underline;
}

@media screen and (max-width: 480px) {
  .cks-kalk-form-styled .input-radio .incms-form-field { grid-template-columns: 1fr; }
  .cks-radio-vehicle-img { height: 80px; }
  .cks-kalk-form-styled .input-radio .incms-form-field > .radio:last-child { grid-column: 1; }
}

/* ── Navigation buttons ── */
.cks-kalk-nav {
  display: flex; justify-content: flex-end;
  gap: 10px; margin-top: 20px;
  padding-top: 16px; border-top: 1px solid #eaeff2;
}
.cks-kalk-nav--split { justify-content: space-between; }
.cks-kalk-btn {
  padding: 11px 22px; border-radius: 8px; border: none;
  cursor: pointer; font-weight: 800; font-size: 13px;
  font-family: inherit; transition: all .2s;
}
.cks-kalk-btn--next {
  background: linear-gradient(135deg, #FFB82E, #e6a020);
  color: #081d27;
  box-shadow: 0 3px 14px rgba(255,184,46,.4);
}
.cks-kalk-btn--next:hover { box-shadow: 0 5px 20px rgba(255,184,46,.6); transform: translateY(-1px); }
.cks-kalk-btn--back { background: #f4f6f8; color: #081d27; border: 1.5px solid #d0d8e0; }
.cks-kalk-btn--back:hover { background: #eaeff2; }
#cks-btn-back[hidden] { display: none; }

/* ── Disclaimer strip ── */
.cks-kalk-disclaimer {
  margin-top: 12px; padding: 11px 14px;
  background: rgba(8,29,39,.85);
  border-radius: 10px 10px 0 0;
  font-size: 11px;
  color: rgba(255,255,255,.7); line-height: 1.6; text-align: center;
}
.cks-kalk-disclaimer strong { color: #FFB82E; }

/* ── Powered by — separate line directly below the disclaimer ── */
.cks-kalk-powered-by {
  padding: 6px 14px 8px;
  background: rgba(8,29,39,.85);
  border-radius: 0 0 10px 10px;
  border-top: 1px solid rgba(255,255,255,.06);
  font-size: 10px;
  color: rgba(255,255,255,.30);
  text-align: center;
  line-height: 1.4;
  letter-spacing: .02em;
}
.cks-kalk-powered-by a {
  color: rgba(255,255,255,.42);
  text-decoration: none;
  transition: color .2s;
}
.cks-kalk-powered-by a:hover {
  color: rgba(255,255,255,.70);
}

/* ── Min-nights inline warning ── */
.cks-kalk-min-hint {
  font-size: 11px; color: #8a5c1a;
  background: #fdf6e8; border: 1px solid #e8c87a;
  border-radius: 6px; padding: 6px 10px; margin-top: 6px;
  display: flex; align-items: center; gap: 6px;
}

/* ── Compare button ── */
.cks-kalk-compare-btn {
  display: inline-flex; align-items: center; gap: 6px;
  margin: 4px 0 18px; padding: 8px 16px;
  border-radius: 8px; border: 1.5px solid #395f55;
  background: transparent; color: #395f55;
  font-size: 13px; font-weight: 700; font-family: inherit;
  cursor: pointer; transition: background .15s, color .15s;
}
.cks-kalk-compare-btn:hover { background: #395f55; color: #ffffff; }

/* ── Vehicle comparison modal ── */
.cks-kalk-modal-overlay {
  position: fixed; inset: 0; z-index: 9000;
  background: rgba(8,29,39,.7);
  display: flex; align-items: center; justify-content: center;
  padding: 16px; box-sizing: border-box;
  overscroll-behavior: contain;
}
.cks-kalk-modal {
  background: #ffffff;
  border-radius: 12px;
  width: 100%; max-width: 720px;
  max-height: 90vh; max-height: 90dvh;
  display: flex; flex-direction: column;
  box-shadow: 0 24px 80px rgba(8,29,39,.4);
  overflow: hidden;
}
.cks-kalk-modal__header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 24px; border-bottom: 1px solid #eaeff2; flex-shrink: 0;
  background: #ffffff;
}
.cks-kalk-modal__title { font-size: 17px; font-weight: 800; color: #081d27; margin: 0; }
.cks-kalk-modal__close {
  width: 32px; height: 32px; border-radius: 6px; border: none;
  background: #f4f6f8; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #081d27; flex-shrink: 0; transition: background .15s;
}
.cks-kalk-modal__close:hover { background: #e4e9ec; }
.cks-kalk-modal__body {
  overflow-y: auto; padding: 20px 24px 24px;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
}

/* ── Spec comparison table ── */
.cks-kalk-spec-table {
  width: 100%; border-collapse: collapse; font-size: 14px;
}
.cks-kalk-spec-table thead th {
  padding: 0 10px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 2px solid #081d27;
  background: #ffffff;
}
.cks-kalk-spec-table thead th:first-child { width: 38%; }
.cks-kalk-spec__head {
  display: flex; flex-direction: column;
  align-items: flex-start;
  gap: 6px; font-size: 14px; font-weight: 800; color: #081d27;
}
.cks-kalk-spec__thumb {
  width: 100%; max-width: 220px; height: 120px;
  object-fit: cover; border-radius: 8px; display: block;
}
.cks-kalk-spec__badge {
  display: inline-block; padding: 2px 8px; border-radius: 10px;
  font-size: 11px; font-weight: 700;
  background: #f0f7f3; color: #395f55; border: 1px solid #b8d9c8;
}
.cks-kalk-spec__label {
  padding: 8px 10px; color: #5a6a72; font-size: 13px;
  border-bottom: 1px solid #f0f2f4; white-space: nowrap;
  background: #ffffff;
}
.cks-kalk-spec__val {
  padding: 8px 10px; color: #081d27; font-size: 13px;
  border-bottom: 1px solid #f0f2f4;
  background: #ffffff;
}
.cks-kalk-spec-row--diff .cks-kalk-spec__label { color: #8a5c1a; font-weight: 700; }
.cks-kalk-spec-row--diff .cks-kalk-spec__val   { background: #fdf6e8; font-weight: 700; }
.cks-kalk-spec__note {
  margin-top: 14px; font-size: 12px; color: #8a9aa4; text-align: center;
}

/* ── Summary card (form handoff) ── */
.cks-kalk-summary__top {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 18px; padding-bottom: 16px;
  border-bottom: 1px solid #eaeff2; flex-wrap: wrap;
}
.cks-kalk-summary__check {
  width: 40px; height: 40px; border-radius: 50%;
  background: #395f55; color: #ffffff;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.cks-kalk-summary__check svg { width: 18px; height: 18px; stroke: #fff; }
.cks-kalk-summary__details { display: flex; flex-direction: column; gap: 14px; }
.cks-kalk-summary__vehicle {
  display: flex; align-items: center; gap: 14px;
  background: #f4f6f8; border-radius: 10px; padding: 12px 14px; text-align: left;
}
.cks-kalk-summary__vehicle-img {
  width: 100px; height: 70px; object-fit: cover; border-radius: 6px; flex-shrink: 0;
}
.cks-kalk-summary__grid { display: flex; flex-direction: column; gap: 8px; }
.cks-kalk-summary__item {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 12px; font-size: 15px; padding: 6px 0;
  border-bottom: 1px solid #f0f2f4; text-align: left;
}
.cks-kalk-summary__item--total {
  padding-top: 10px; margin-top: 4px;
  border-top: 2px solid #395f55; border-bottom: none;
}
.cks-kalk-summary__item--deposit {
  padding: 6px 0;
  border-bottom: 1px solid #f0f2f4;
}
.cks-kalk-summary__item--pickup {
  padding: 8px 12px;
  background: #e4f0ea;
  border-radius: 6px;
  border-bottom: none;
  margin-top: 4px;
}
.cks-kalk-summary__key  { color: #5a6a72; font-size: 14px; flex-shrink: 0; text-align: left; }
.cks-kalk-summary__key--pickup { color: #2d7a4f; font-weight: 700; }
.cks-kalk-summary__val  { color: #081d27; font-size: 14px; text-align: right; }
.cks-kalk-summary__val--price {
  font-size: 24px; font-weight: 800; color: #395f55; text-align: right;
}
.cks-kalk-summary__val--deposit {
  font-size: 16px; font-weight: 700; color: #5a6a72; text-align: right;
}
.cks-kalk-summary__val--pickup {
  font-size: 17px; font-weight: 800; color: #2d7a4f; text-align: right;
}
.cks-kalk-summary__disclaimer {
  font-size: 12px; color: #8a9aa4; margin: 4px 0 0; text-align: center; line-height: 1.6;
}

/* ── v1.1: Optional extras toggle cards in step 2 ── */
.cks-kalk-opt-section {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #eaeff2;
}
.cks-kalk-opt-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1.5px solid var(--cks-f-brd);
  background: var(--cks-f-bg);
  margin-bottom: 10px;
  transition: border-color .15s, background .15s, opacity .15s;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}
.cks-kalk-opt-card--active {
  border-color: var(--cks-orange);
  background: #fff9ee;
}
/* Disabled state — vehicle restriction */
.cks-kalk-opt-card--disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}
.cks-kalk-opt-card__toggle {
  width: 20px; height: 20px;
  border-radius: 4px;
  border: 2px solid #c0c8ce;
  background: #fff;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  transition: all .15s;
}
.cks-kalk-opt-card--active .cks-kalk-opt-card__toggle {
  background: var(--cks-green);
  border-color: var(--cks-green);
  color: #ffffff; /* forces currentColor on the SVG stroke to white */
}
.cks-kalk-opt-card__body { flex: 1; min-width: 0; }
.cks-kalk-opt-card__name {
  font-weight: 700; font-size: 14px; color: var(--cks-dark);
  margin-bottom: 2px;
}
.cks-kalk-opt-card__desc {
  font-size: 12px; color: #5a6a72; line-height: 1.5;
}
.cks-kalk-opt-card__price {
  font-size: 13px; font-weight: 700; color: var(--cks-green);
  white-space: nowrap; flex-shrink: 0;
  margin-left: auto;
  align-self: center;
}
/* Quantity row — slides in when card is active */
.cks-kalk-opt-qty {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eaeff2;
}
.cks-kalk-opt-qty__label {
  font-size: 13px; color: #5a6a72; flex: 1;
}
.cks-kalk-opt-qty__input {
  width: 64px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1.5px solid var(--cks-f-brd);
  background: #fff;
  font-size: 15px;
  font-family: inherit;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.cks-kalk-opt-qty__input:focus {
  border-color: var(--cks-orange);
  box-shadow: 0 0 0 3px rgba(255,184,46,.15);
}
.cks-kalk-opt-qty__sum {
  font-size: 13px; font-weight: 700; color: var(--cks-green);
  min-width: 60px; text-align: right;
}
/* ── Stepper component [−] val [+] ── */
.cks-kalk-stepper {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid #d0d8e0;
  background: #fff;
}
/* Persons + Dogs stepper: force left-align (overrides inherited text-align:center from inCMS) */
.cks-kalk-field-group:has(#cks-persons-stepper),
.cks-kalk-field-group:has(#cks-dog-stepper) { text-align: left; }
.cks-kalk-stepper__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border: none;
  background: #f4f6f8;
  color: #081d27;
  font-size: 20px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background .15s;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  line-height: 1;
}
.cks-kalk-stepper__btn:active {
  background: #e0e6eb;
}
.cks-kalk-stepper__val {
  min-width: 36px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #081d27;
  padding: 0 2px;
  line-height: 40px;
}

/* ── Dog toggle (mit/ohne Hund) ── */
.cks-kalk-dog-toggle {
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid #d0d8e0;
  background: #f4f6f8;
}
.cks-kalk-dog-toggle__btn {
  padding: 10px 18px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  color: #5a6a72;
  cursor: pointer;
  transition: background .15s, color .15s;
  -webkit-tap-highlight-color: transparent;
}
.cks-kalk-dog-toggle__btn--active {
  background: #395f55;
  color: #fff;
}

/* ── Dog count stepper — reuses .cks-kalk-stepper but standalone in Step 2 ── */
#cks-dog-stepper {
  display: inline-flex;
}

@media screen and (max-width: 768px) {
  .cks-kalk-stepper__btn { width: 44px; height: 44px; font-size: 22px; }
  .cks-kalk-stepper__val { font-size: 18px; min-width: 40px; line-height: 44px; }
  .cks-kalk-dog-toggle__btn { padding: 10px 14px; font-size: 13px; }
}

/* ── Dog info card — structured 3-row feature box for Step 2 ── */
.cks-kalk-dog-info {
  background: linear-gradient(135deg, #f0f7f3 0%, #e8f2ed 100%);
  border: 1px solid #c5ddd3;
  border-radius: 12px;
  padding: 6px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cks-kalk-dog-info__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255,255,255,.65);
  transition: background .15s;
}
.cks-kalk-dog-info__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #395f55;
  color: #fff;
}
.cks-kalk-dog-info__icon svg {
  display: block;
}
.cks-kalk-dog-info__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
}
.cks-kalk-dog-info__text strong {
  font-size: 13px;
  font-weight: 800;
  color: #2a4a40;
  letter-spacing: .02em;
  text-align: left;
}
.cks-kalk-dog-info__text span {
  font-size: 13px;
  color: #5a7a6a;
  line-height: 1.4;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .cks-kalk-dog-info { padding: 4px; }
  .cks-kalk-dog-info__row { padding: 9px 10px; gap: 10px; }
  .cks-kalk-dog-info__icon { width: 30px; height: 30px; border-radius: 7px; }
  .cks-kalk-dog-info__icon svg { width: 14px; height: 14px; }
}

/* Vehicle restriction hint inside disabled card */
.cks-kalk-opt-card__hint {
  font-size: 12px;
  color: #8a9aa4;
  font-style: italic;
  margin-top: 2px;
}

/* ── Responsive ── */
@media screen and (max-width: 768px) {
  .infiniweb-cks-kalk01__header { margin-bottom: 28px; }
  .cks-kalk-nav { flex-wrap: wrap; }
  .cks-kalk-btn { flex: 1; text-align: center; }
}

@media screen and (max-width: 600px) {
  .cks-kalk-spec__thumb { max-width: 100%; height: 80px; }
  .cks-kalk-modal__body { padding: 14px 14px 20px; }
  .cks-kalk-spec-table thead th:first-child { width: 30%; }
  .cks-kalk-summary__vehicle-img { width: 70px; height: 50px; }
  .cks-kalk-summary__val--price { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .infiniweb-cks-kalk01 *,
  .infiniweb-cks-kalk01 { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ── v1.2: Badge paragraph — centers the highlight-badge above H1 ── */
.infiniweb-cks-kalk01__badge {
  text-align: center;
  margin: 0 0 12px;
  line-height: 1;
}

/* highlight-badge — inline-block so it shrinks to content width, never full-row */
.infiniweb-cks-kalk01 .highlight-badge {
  display: inline-block;
  background: linear-gradient(135deg, rgba(255,184,46,.25), rgba(255,184,46,.12));
  color: #FFB82E;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,184,46,.35);
  white-space: nowrap;
}

/* PDF timestamp badge — same fix: inline-block = content width only */
.ts-badge {
  display: inline-block !important;
  width: auto !important;
  white-space: nowrap;
}

.infiniweb-cks-kalk01 {
	--cks-section-bg: #081d27;
	--cks-heading-col: #ffffff;
	--cks-subtext-col: #cbd5db;
	--section-space-top: var(--section-space-lg);
	--section-space-bottom: var(--section-space-lg);
}

.infiniweb-cks-kalk01__header {
	--title-size: 40px;
	--title-mobile-size: 28px;
}

/* ============================================
   infiniWEB WhatsApp 01 v2.0
   Floating WhatsApp contact widget
   Smart Element for inCMS
   © infiniWEB GmbH | https://www.infiniweb.swiss
   CSS namespace: infiniweb-wa01
   ============================================ */


/* ── Design tokens ───────────────────────── */

.infiniweb-wa01 {
  /* Editor-managed — overwritten by inline styles from inCMS */
  --infiniweb-wa01-green: #25D366;
  --infiniweb-wa01-hover: #128C7E;
  --infiniweb-wa01-header-bg: #075E54;
  --infiniweb-wa01-panel-bg: #ffffff;
  --infiniweb-wa01-fab-size: 60px;

  /* Internal tokens */
  --infiniweb-wa01-panel-w: 340px;
  --infiniweb-wa01-radius: 16px;
  --infiniweb-wa01-shadow: 0 8px 32px rgba(0, 0, 0, .18);
  --infiniweb-wa01-z: 9998;

  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: var(--infiniweb-wa01-z);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}


/* ── Position variant ────────────────────── */

.infiniweb-wa01--left {
  align-items: flex-start;
}

.infiniweb-wa01--left .infiniweb-wa01__panel {
  transform-origin: bottom left;
}


/* ── FAB button ──────────────────────────── */

.infiniweb-wa01__fab {
  width: var(--infiniweb-wa01-fab-size);
  height: var(--infiniweb-wa01-fab-size);
  border-radius: 50%;
  background-color: var(--infiniweb-wa01-green);
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: var(--infiniweb-wa01-shadow);
  transition: transform .2s ease, background-color .2s ease;
  flex-shrink: 0;
}

.infiniweb-wa01__fab:hover,
.infiniweb-wa01__fab:focus-visible {
  background-color: var(--infiniweb-wa01-hover);
  transform: scale(1.08);
  outline: none;
}

.infiniweb-wa01__fab:focus-visible {
  box-shadow: 0 0 0 3px var(--infiniweb-wa01-green);
}

.infiniweb-wa01__fab-icon {
  width: calc(var(--infiniweb-wa01-fab-size) * 0.5);
  height: calc(var(--infiniweb-wa01-fab-size) * 0.5);
  flex-shrink: 0;
}


/* ── Notification badge ──────────────────── */

.infiniweb-wa01__notification {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #ff3b30;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  pointer-events: none;
  padding: 0 4px;
  box-sizing: border-box;
}


/* ── Chat panel ──────────────────────────── */

.infiniweb-wa01__panel {
  width: var(--infiniweb-wa01-panel-w);
  background-color: var(--infiniweb-wa01-panel-bg);
  border-radius: var(--infiniweb-wa01-radius);
  box-shadow: var(--infiniweb-wa01-shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform-origin: bottom right;
  transform: scale(.85) translateY(12px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
  pointer-events: none;
}

.infiniweb-wa01__panel:not([hidden]) {
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.infiniweb-wa01__panel[hidden] {
  display: flex !important;
  pointer-events: none;
}


/* ── Panel header ────────────────────────── */

.infiniweb-wa01__panel-header {
  background-color: var(--infiniweb-wa01-header-bg);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.infiniweb-wa01__avatar {
  position: relative;
  flex-shrink: 0;
}

.infiniweb-wa01__avatar-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.infiniweb-wa01__online-dot {
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #4caf50;
  border: 2px solid var(--infiniweb-wa01-header-bg);
  animation: infiniweb-wa01-dot 2.4s ease-in-out infinite;
}

@keyframes infiniweb-wa01-dot {
  0%, 100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, .5); }
  50%      { box-shadow: 0 0 0 5px rgba(76, 175, 80, 0); }
}

.infiniweb-wa01__agent-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.infiniweb-wa01__agent-name {
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.infiniweb-wa01__agent-status {
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
  line-height: 1.4;
}

.infiniweb-wa01__close {
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, .8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 50%;
  flex-shrink: 0;
  transition: color .15s, background-color .15s;
}

.infiniweb-wa01__close:hover,
.infiniweb-wa01__close:focus-visible {
  color: #fff;
  background-color: rgba(255, 255, 255, .15);
  outline: none;
}


/* ── Panel body ──────────────────────────── */

.infiniweb-wa01__panel-body {
  flex: 1;
  padding: 20px 16px 12px;
  background-color: #e5ddd5;
}

.infiniweb-wa01__bubble {
  background-color: var(--infiniweb-wa01-panel-bg);
  border-radius: 0 12px 12px 12px;
  padding: 10px 14px;
  max-width: 88%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
  position: relative;
}

.infiniweb-wa01__bubble::before {
  content: '';
  position: absolute;
  top: 0;
  left: -8px;
  border-width: 0 8px 8px 0;
  border-style: solid;
  border-color: transparent var(--infiniweb-wa01-panel-bg) transparent transparent;
}

/* Typography inside bubble — reset inCMS typography.css */
.infiniweb-wa01__bubble p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.55;
  color: #111b21;
}

.infiniweb-wa01__bubble p + p {
  margin-top: 8px !important;
}

.infiniweb-wa01__bubble a {
  color: #0277bd;
  text-decoration: underline;
}

.infiniweb-wa01__bubble strong {
  font-weight: 700;
}


/* ── Panel footer ────────────────────────── */

.infiniweb-wa01__panel-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background-color: #f0f2f5;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.infiniweb-wa01__input {
  flex: 1;
  border: none;
  border-radius: 20px;
  padding: 9px 14px;
  font-size: 14px;
  background-color: #fff;
  color: #111b21;
  outline: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  min-width: 0;
}

.infiniweb-wa01__input::placeholder {
  color: #667781;
}

.infiniweb-wa01__input:focus {
  box-shadow: 0 0 0 2px var(--infiniweb-wa01-green);
}

.infiniweb-wa01__send {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--infiniweb-wa01-green);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color .15s, transform .15s;
  text-decoration: none;
}

.infiniweb-wa01__send:hover,
.infiniweb-wa01__send:focus-visible {
  background-color: var(--infiniweb-wa01-hover);
  transform: scale(1.08);
  outline: none;
}

/* Optical centering — SVG path geometry is asymmetric */
.infiniweb-wa01__send svg {
  transform: translate(1px, -0.5px);
}


/* ── Mobile ──────────────────────────────── */

@media screen and (max-width: 768px) {
  .infiniweb-wa01__panel {
    width: calc(100vw - 32px);
    max-width: var(--infiniweb-wa01-panel-w);
  }
}


/* ── Reduced motion ──────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .infiniweb-wa01__fab,
  .infiniweb-wa01__online-dot,
  .infiniweb-wa01__panel,
  .infiniweb-wa01__send,
  .infiniweb-wa01__close {
    animation: none !important;
    transition: none !important;
  }
}


/* ── Edit mode — widget inline, panel visible ── */

.view-edit .infiniweb-wa01 {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
}

.view-edit .infiniweb-wa01__panel {
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  display: flex !important;
}

.infiniweb-wa01 {
	--infiniweb-wa01-fab-size: 60px;
	--infiniweb-wa01-green: #25D366;
	--infiniweb-wa01-hover: #128C7E;
	--infiniweb-wa01-header-bg: #075E54;
	--infiniweb-wa01-panel-bg: #ffffff;
}

/* --------------------------------
Header 01
-------------------------------- */
.incms-header1-logo, .incms-header1-lang {
  display: flex;
}
.incms-header1-lang {
  justify-content: end;
}
.view-normal .header {
  position: relative;
  z-index: 3;
}
.view-normal header.header.header-sticky {
  position: sticky;
  top: 0;
  z-index: 99;
}
.view-normal header.header.header-fixed {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 99;
}
.incms-header1{
  padding-top: var(--container-space);
  padding-bottom: var(--container-space);
  height: var(--header1-height);
  min-height: var(--header1-height);
  background-color: var(--header1-bg);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  isolation: isolate;
}
.incms-header1 .ym-hlist {
  width: auto;
  position: initial;
  gap: var(--space-lg);
}
.incms-header1 .incms-logo {
  background-color: transparent !important;
}
.incms-header1-logo {
  min-width: min-content;
}
.incms-header1 .incms-logo img {
  max-width: 100%;
  height: 100%;
  display: block;
  max-height: calc(var(--header1-height) - var(--container-space) * 2);
}
.incms-header1 .burger-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
}
.incms-header1 .burger-menu-btn-icon {
  color: inherit;
  background-image: linear-gradient(var(--desktop-link-color), var(--desktop-link-color));
  position: relative;
  display: block;
  font-size: 28px;
  width: 1em;
  height: 2px;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition-property: background-size, -webkit-transform;
  transition-property: transform, background-size;
  transition-property: transform, background-size, -webkit-transform;
  transition-duration: .2s;
}
.incms-header1 .burger-menu-btn-icon::before,.incms-header1 .burger-menu-btn-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}
.incms-header1 .burger-menu-btn:active .burger-menu-btn-icon {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.incms-header1 .burger-menu-btn-icon::before, .incms-header1 .burger-menu-btn-icon::after {
  will-change: inherit;
  transition: inherit;
}
.incms-header1 .burger-menu-btn-icon::before {
  -webkit-transform: translateY(-0.25em) rotate(0);
  transform: translateY(-0.25em) rotate(0);
}
.incms-header1 .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0.25em) rotate(0);
  transform: translateY(0.25em) rotate(0);
}
.incms-header1 .burger-active .burger-menu-btn-icon {
  background-size: 0% 100%;
}
.incms-header1 .burger-active .burger-menu-btn-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.incms-header1 .burger-active .burger-menu-btn-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.incms-header1 button.burger-menu-btn {
  background: transparent;
  border: none;
}
.incms-header1 nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menu alignment */
.incms-header1[data-menu="left"] .ym-hlist,
.incms-header1[data-menu="right"] .ym-hlist {
  gap: var(--space-xl);
}

.incms-header1[data-menu="right"] .incms-header1-menu {
  margin-left: auto;
}

.incms-header1[data-menu="left"] .incms-header1-lang,
.incms-header1[data-menu=""] .incms-header1-logo,
.incms-header1[data-menu=""] .incms-header1-lang,
.incms-header1[data-menu="center"] .incms-header1-logo,
.incms-header1[data-menu="center"] .incms-header1-lang{
  flex-basis: 0;
  flex-grow: 1;
}

.incms-header1[data-colors="custom"] .ym-hlist ul li a {
  color: var(--desktop-link-color);
}
.incms-header1[data-colors="custom"] .ym-hlist ul li a.active,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:focus,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:hover,
.incms-header1[data-colors="custom"] .ym-hlist ul li a:active,
.incms-header1[data-colors="custom"] .ym-hlist ul li a.active:hover{
  color: var(--desktop-link-active-color);
}

@keyframes menu-nav-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
}

@media screen and (max-width: 768px){
  .incms-header1-menu{
    width: 100%;
    background: var(--mobile-menu-bg);
    position: absolute;
    left: 0;
    text-align: center;
    top: 100%;
    margin: 0;
    list-style: none;
    padding: 20px 0;
    display: none;
  }
  .incms-header1 .mobile-menu.burger-active + .incms-header1-menu {
    display: block;
  }
  .incms-header1-menu #topmenu{
    flex-direction: column;
  }
  .incms-header1-menu .ym-hlist ul li {
    margin: 0 !important;
    -webkit-animation: menu-nav-animation .5s var(--ease-out);
    animation: menu-nav-animation .5s var(--ease-out);
  }
  .incms-header1-menu .ym-hlist ul li > a {
    margin: 4px 0 !important;
  }
  .incms-header1-menu .ym-hlist > ul > li > a,
  .incms-header1-menu .ym-hlist > ul > li:hover > a{
    padding: 10px;
    display: block;
    color: var(--mobile-link-color) !important;
  }
  .incms-header1-menu .ym-hlist > ul > li > a.active,
  .incms-header1-menu .ym-hlist > ul > li > a.hover{
    color: var(--mobile-link-active-color) !important;
  }
  .incms-header1-menu #topmenu {
    display: flex !important;
    padding: 0;
  }
  .incms-header1-lang,
  .incms-header1-menu #nav-trigger {
    display: none !important;
  }
}

.incms-header1-lang .lang-list ul {padding: 0}
.incms-header1-lang .lang-list ul li {margin: 0 !important}

.incms-header1-menu:has(#menulangtop:empty) + .incms-header1-lang,
.view-normal #menulangtop,
#menulangtop li.active,
.incms-header1-lang .lang-list ul li.active {display: none}
.incms-header1 .mobile-menu{height:100%;}
@media screen and (min-width: 769px){
  .incms-header1 .mobile-menu{display:none;}
}

/* Edit mode fix */
.view-edit .incms-header1 #menulangtop {
  position: absolute;
  right: var(--container-space);
  top: 50%;
  transform: translateY(-50%);
}
.view-edit .incms-header1 nav.ym-hlist {position: relative;}
.view-edit .incms-header1-menu:has(#menulangtop:empty) + .incms-header1-lang {display: none;}

/* Colors */
[data-colors="incms"].incms-header1{
  background-color: transparent;
}
[data-colors="incms"].incms-header1:before{
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--incms-background);
  position: absolute;
  z-index: -1;
  opacity: 0.85;
}
[data-colors="incms"] .burger-menu-btn-icon {
  background-image: linear-gradient(var(--incms-text), var(--incms-text));
}
[data-menu="center"] {}
@media screen and (max-width: 768px){
  [data-colors="incms"] .incms-header1-menu{
    background: var(--incms-primary);
  }
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a {
    color: var(--incms-primary-text);
  }
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a.active,
  [data-colors="incms"] .incms-header1-menu .ym-hlist > ul > li > a:hover{
  }
}
#topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
  display: none;
}
/* Smart header */
[data-smart="true"].incms-header1.header-fixed{
  height: calc(var(--header1-height) + var(--container-space));
}
[data-smart="true"].incms-header1.header-fixed.active-scroll {
  height: var(--header1-height);
}

.incms-header1-colors {
	--header1-bg: rgba(255,255,255,0.85);
	--desktop-link-color: #081d27;
	--desktop-link-active-color: #06aeef;
	--mobile-menu-bg: #039dd8;
	--mobile-link-color: #FFFFFF;
	--mobile-link-active-color: #FFFFFF;
}

.incms-header1 {
	--header1-height: 60px;
}


.iwx {
	color: #000000 !important;
}

/* ============================================
   CKS Hundewohnmobile v3.0
   Warm sand, forest green & copper — nature
   meets comfort on four wheels.
   © infiniWEB GmbH | https://www.infiniweb.swiss
   ============================================ */

/* ============================================
   § 0. DESIGN TOKENS
   ============================================ */
:root {
  --cks-text:          #1c2e28;
  --cks-bg:            #ffffff;
  --cks-primary:       #f2ece4;
  --cks-primary-text:  #1c2e28;
  --cks-accent:        #395F55;
  --cks-accent-text:   #ffffff;
  --cks-accent-light:  #4a7a6d;
  --cks-accent-dark:   #2a463e;
  --cks-accent-glow:   rgba(57,95,85,.22);
  --cks-warm:          #f2ece4;
  --cks-warm-dark:     #e8dfd4;
  --cks-navy:          #081d27;
  --cks-orange:        #d4813a;
  --cks-orange-light:  #e0944f;
  --cks-orange-dark:   #b86e2e;
  --cks-orange-glow:   rgba(212,129,58,.28);
  --cks-green-start:   #1a3a30;
  --cks-green-mid:     #2a5a4a;
  --cks-green-end:     #395F55;
  --cks-surface:       #ffffff;
  --cks-surface-alt:   #faf8f5;
  --cks-bg-subtle:     #f6f3ef;
  --cks-bg-cool:       #f0f4f2;
  --cks-text-muted:    #5a6e68;
  --cks-border:        rgba(28,46,40,.07);
  --cks-border-strong: rgba(28,46,40,.14);
  --cks-shadow-xs:   0 1px 2px rgba(0,0,0,.04);
  --cks-shadow-sm:   0 2px 8px rgba(28,46,40,.05);
  --cks-shadow-md:   0 4px 16px rgba(28,46,40,.07), 0 1px 3px rgba(0,0,0,.03);
  --cks-shadow-lg:   0 8px 32px rgba(28,46,40,.09), 0 2px 6px rgba(0,0,0,.03);
  --cks-shadow-xl:   0 20px 56px rgba(28,46,40,.11), 0 4px 12px rgba(0,0,0,.04);
  --cks-shadow-glow: 0 0 32px var(--cks-accent-glow);
  --cks-shadow-warm: 0 8px 32px rgba(212,129,58,.14);
  --cks-shadow-card: 0 12px 40px rgba(28,46,40,.07), 0 2px 8px rgba(0,0,0,.03);
  --cks-shadow-lift: 0 16px 48px rgba(28,46,40,.10), 0 4px 12px rgba(0,0,0,.04);
  --cks-radius:      12px;
  --cks-radius-sm:   8px;
  --cks-radius-lg:   16px;
  --cks-radius-pill: 100px;
  --cks-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --cks-ease-snap:   cubic-bezier(0.34, 1.2, 0.64, 1);
  --cks-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --cks-t-fast:   180ms;
  --cks-t-mid:    400ms;
  --cks-t-slow:   650ms;
  --cks-t-reveal: 900ms;
}


/* ============================================
   § 1. GLOBAL BASE
   ============================================ */
.view-normal {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
.view-normal ::selection {
  background: var(--cks-orange);
  color: #ffffff;
}
.view-normal img {
  will-change: transform;
}

/* Global H2 sizing */
.view-normal section header h2 {
  font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.1;
}
.view-normal section header .p p {
  line-height: 1.7;
  max-width: 600px;
  color: var(--cks-text-muted);
}
.view-normal section header.text-center .p p {
  margin-left: auto;
  margin-right: auto;
}


/* ============================================
   § 1a. LINK COLOR
   ============================================ */
/*
   REMOVED (v2, 04.04.2026)
   Link color issue (--incms-primary: #f2ece4) solved directly
   in inCMS backend via custom section text colors,
   not via CSS override.
*/


/* ============================================
   § 1b. HEADING SPACING
   ============================================ */
.view-normal .incms-custom-section .ym-gbox h2 {
  margin-top: 20px;
  margin-bottom: 12px;
}
.view-normal .incms-custom-section .ym-gbox .media-single-image + h2 {
  margin-top: 24px;
}
.view-normal .incms-custom-section .ym-gbox p + table,
.view-normal .incms-custom-section .ym-gbox div + table {
  margin-top: 8px;
}
.view-normal .incms-custom-section .ym-gbox .incms-custom-btn {
  margin-top: 24px;
}


/* ============================================
   § 2. HEADER NAV LINK COLORS
   ============================================ */

/* ============================================
   § 2a. IS-TOP STATE — WHITE LINKS ON TRANSPARENT HEADER
   ============================================ */
/* Hero pages only (data-colors="custom").
   is-scrolled needs no override — framework handles it. */
.view-normal [data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:not(.infiniweb-header04__menu *),
.view-normal [data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:hover:not(.infiniweb-header04__menu *),
.view-normal [data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:focus:not(.infiniweb-header04__menu *),
.view-normal [data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a:active:not(.infiniweb-header04__menu *),
.view-normal [data-colors="custom"].infiniweb-header04.is-top .ym-hlist ul li a.active:not(.infiniweb-header04__menu *) {
  color: #ffffff !important;
}
.view-normal [data-colors="custom"].infiniweb-header04--transparent.is-top {
  --infiniweb-header04-top-link: #ffffff;
  --infiniweb-header04-top-link-hover: #ffffff;
}
.view-normal [data-colors="custom"].infiniweb-header04--transparent.is-top
  .infiniweb-header04__burger-icon {
  background-image: linear-gradient(#ffffff, #ffffff) !important;
}


/* ============================================
   § 2b. DESKTOP NAV — UNDERLINE HOVER ANIMATION
   ============================================ */
/* Centered expand from middle. Desktop only (≥769px), mobile nav untouched. */
@media screen and (min-width: 769px) {

  .view-normal .infiniweb-header04 .ym-hlist > ul > li > a {
    position: relative;
    text-decoration: none !important;
  }

  /* Underline: hidden at rest */
  .view-normal .infiniweb-header04 .ym-hlist > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: currentColor;
    transform: translateX(-50%);
    transition: width var(--cks-t-fast) var(--cks-ease-out);
  }

  /* Hover / Focus: underline expands from center */
  .view-normal .infiniweb-header04 .ym-hlist > ul > li > a:hover::after,
  .view-normal .infiniweb-header04 .ym-hlist > ul > li > a:focus::after {
    width: 80%;
  }

  /* Active menu: underline always visible */
  .view-normal .infiniweb-header04 .ym-hlist > ul > li > a.active::after {
    width: 60%;
  }

} /* End desktop nav underline @media */


/* Header CTA button */
.view-normal .infiniweb-header04__btn1.incms-primary-button a {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
  border-radius: var(--cks-radius-sm) !important;
  padding: 10px 26px !important;
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  box-shadow: var(--cks-shadow-xs);
}
.view-normal .infiniweb-header04__btn1.incms-primary-button a:hover {
  background: var(--cks-orange-light) !important;
  transform: translateY(-2px);
  box-shadow: var(--cks-shadow-md), var(--cks-shadow-warm);
}


/* ============================================
   § 3. HERO SECTION (incms-hero1)
   ============================================ */

.view-normal .incms-hero1::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
    175deg,
    rgba(8,29,39,.20) 0%,
    rgba(8,29,39,.40) 30%,
    rgba(8,29,39,.72) 65%,
    rgba(8,29,39,.88) 100%
  );
  pointer-events: none;
}
.view-normal .incms-hero1 .incms-container {
  position: relative;
  z-index: 1;
}

/* Eyebrow badge with shimmer animation */
.view-normal .incms-hero1 .highlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--cks-orange);
  color: #ffffff;
  padding: 6px 16px;
  border-radius: var(--cks-radius-sm);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  box-shadow: 0 2px 12px var(--cks-orange-glow), 0 0 0 1px rgba(212,129,58,.15);
  position: relative;
  overflow: hidden;
}
.view-normal .incms-hero1 .highlight-badge::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%);
  animation: cks-badge-shimmer 3s ease-in-out infinite;
}
@keyframes cks-badge-shimmer {
  0%   { left: -100%; }
  40%  { left: 100%; }
  100% { left: 100%; }
}

/* Hero heading — responsive size with text shadow */
.view-normal .incms-hero1 h1 {
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
  line-height: 1.06;
  letter-spacing: -0.04em;
  font-weight: 800;
  color: #ffffff !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.30);
}
.view-normal .incms-hero1 h1 gr {
  display: block;
  font-size: 1em;
  font-weight: 400;
  color: #ffffff !important;
  opacity: 0.85;
  text-shadow: none;
  -webkit-text-fill-color: #ffffff;
}
.view-normal .incms-hero1 .p p {
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.7;
  color: rgba(255,255,255,.88) !important;
  max-width: 560px;
}


/* ============================================
   § 4. BUTTONS
   ============================================ */

.view-normal .incms-primary-button:not(.incms-btn-outline) a {
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.view-normal .incms-primary-button:not(.incms-btn-outline) a:hover {
  transform: translateY(-3px);
  box-shadow: var(--cks-shadow-lg);
}

/* Light backgrounds: green accent button */
.view-normal [data-theme="normal"] .incms-primary-button:not(.incms-btn-outline) a,
.view-normal [data-theme="classic"] .incms-primary-button:not(.incms-btn-outline) a,
.view-normal [data-colors="custom"] .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-accent) !important;
  color: #ffffff !important;
  border-color: var(--cks-accent) !important;
}
.view-normal [data-theme="normal"] .incms-primary-button:not(.incms-btn-outline) a:hover,
.view-normal [data-theme="classic"] .incms-primary-button:not(.incms-btn-outline) a:hover,
.view-normal [data-colors="custom"] .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-accent-light) !important;
  box-shadow: var(--cks-shadow-lg), var(--cks-shadow-glow);
}

/* Dark backgrounds: orange button */
.view-normal #cuid_594 .incms-primary-button:not(.incms-btn-outline) a,
.view-normal #cuid_595 .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
}
.view-normal #cuid_594 .incms-primary-button:not(.incms-btn-outline) a:hover,
.view-normal #cuid_595 .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow) !important;
}

/* Hero section button styles */
.view-normal .incms-hero1 .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
  padding: 14px 36px !important;
  font-size: 0.95rem;
  font-weight: 700;
}
.view-normal .incms-hero1 .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow) !important;
}
.view-normal .incms-hero1 .incms-btn-outline a {
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,.35) !important;
  background: transparent !important;
  border-radius: var(--cks-radius-sm) !important;
  padding: 12px 34px !important;
  font-weight: 700;
  box-shadow: none !important;
}
.view-normal .incms-hero1 .incms-btn-outline a:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.7) !important;
  transform: translateY(-3px);
}

/* Outline and secondary button variants */
.view-normal .incms-btn-outline a {
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal .incms-btn-outline a:hover { transform: translateY(-3px); }
.view-normal .incms-secondary-button a {
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700 !important;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal .incms-secondary-button a:hover {
  transform: translateY(-2px);
  box-shadow: var(--cks-shadow-md);
}

/* Light sweep animation on button hover */
.view-normal .incms-primary-button:not(.incms-btn-outline) a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.15), transparent);
  transform: skewX(-30deg);
  transition: left var(--cks-t-slow) var(--cks-ease-out);
  z-index: -1;
}
.view-normal .incms-primary-button:not(.incms-btn-outline) a:hover::before {
  left: 130%;
}


/* ============================================
   § 5. FEATURE BOX ICONS
   ============================================ */

.view-normal .incms-feature-box-icon .icon-wrapper {
  width: 56px !important;
  height: 56px !important;
  padding: 0 !important;
  border-radius: var(--cks-radius-sm);
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background: var(--cks-accent);
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  position: relative;
  isolation: isolate;
}
.view-normal .incms-feature-box-icon .col:hover .icon-wrapper {
  background: var(--cks-orange);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px var(--cks-orange-glow);
}
.view-normal .incms-feature-box-icon .smart-fa-size::after {
  display: none !important;
}
.view-normal .incms-feature-box-icon .icon-wrapper .fa,
.view-normal .incms-feature-box-icon .icon-wrapper .smart-fa-size {
  color: #ffffff !important;
  font-size: 1.2rem;
  transition: color var(--cks-t-fast);
}
.view-normal .incms-feature-box-icon .col:hover .icon-wrapper .fa,
.view-normal .incms-feature-box-icon .col:hover .icon-wrapper .smart-fa-size {
  color: #ffffff !important;
}

/* Grid cards — inCMS theme with top accent bar and bottom hover underline */
.view-normal .incms-feature-box-icon[data-theme="incms"] .col {
  border-radius: var(--cks-radius) !important;
  border: 1px solid var(--cks-border-strong);
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  position: relative;
  overflow: hidden;
  background: var(--cks-surface);
  box-shadow: var(--cks-shadow-sm);
}
.view-normal .incms-feature-box-icon[data-theme="incms"] .col::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cks-accent), var(--cks-accent-light));
  z-index: 1;
}
.view-normal .incms-feature-box-icon[data-theme="incms"] .col::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 0; height: 3px;
  background: var(--cks-orange);
  transition: width var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-feature-box-icon[data-theme="incms"] .col:hover {
  transform: translateY(-6px);
  box-shadow: var(--cks-shadow-card);
  border-color: transparent;
}
.view-normal .incms-feature-box-icon[data-theme="incms"] .col:hover::before {
  background: linear-gradient(90deg, var(--cks-orange), var(--cks-orange-light));
}
.view-normal .incms-feature-box-icon[data-theme="incms"] .col:hover::after {
  width: 100%;
}

/* Classic theme variant */
.view-normal .incms-feature-box-icon[data-theme="classic"] .col {
  border-radius: var(--cks-radius) !important;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  position: relative;
  overflow: hidden;
}
.view-normal .incms-feature-box-icon[data-theme="classic"] .col::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 0; height: 3px;
  background: var(--cks-accent);
  transition: width var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-feature-box-icon[data-theme="classic"] .col:hover {
  transform: translateY(-6px);
  box-shadow: var(--cks-shadow-lg);
}
.view-normal .incms-feature-box-icon[data-theme="classic"] .col:hover::after {
  width: 100%;
}

/* Dark background feature boxes */
.view-normal .incms-feature-box-icon[style*="--fbox3-bg-color: #081d27"] .col {
  border-radius: var(--cks-radius) !important;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  overflow: hidden;
  position: relative;
}
.view-normal .incms-feature-box-icon[style*="--fbox3-bg-color: #081d27"] .col::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 0; height: 3px;
  background: var(--cks-orange);
  transition: width var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-feature-box-icon[style*="--fbox3-bg-color: #081d27"] .col:hover {
  transform: translateY(-6px);
  box-shadow: var(--cks-shadow-xl);
}
.view-normal .incms-feature-box-icon[style*="--fbox3-bg-color: #081d27"] .col:hover::after {
  width: 100%;
}

/* Accent section gradients */
/*
   v2.1.2: #cuid_594 uses CKS gradient (contact/comparison sections)
*/
.view-normal #cuid_594 {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  ) !important;
}
.view-normal #cuid_595 {
  background: linear-gradient(155deg, var(--cks-accent-dark) 0%, #1e4a3e 50%, var(--cks-accent) 100%) !important;
}
/* v2.1.2: diagonal lines removed from #cuid_594 and #cuid_595 */
.view-normal #cuid_594 header h1,
.view-normal #cuid_595 header h2 { color: #ffffff !important; }

/* Accent theme — light text on dark background */
.view-normal .incms-feature-box-icon[data-theme="accent"] header h2 { color: #ffffff !important; }
.view-normal .incms-feature-box-icon[data-theme="accent"] header .p p { color: rgba(255,255,255,.78) !important; }
.view-normal .incms-feature-box-icon[data-theme="accent"] .col h3 { color: #ffffff !important; }
.view-normal .incms-feature-box-icon[data-theme="accent"] .col .rich-text,
.view-normal .incms-feature-box-icon[data-theme="accent"] .col .rich-text p { color: rgba(255,255,255,.78) !important; }

/* Feature box heading and body typography */
.view-normal .incms-feature-box-icon h3 { font-weight: 800; letter-spacing: -0.02em; }
.view-normal .incms-feature-box-icon .rich-text p { line-height: 1.65; color: var(--cks-text-muted); }


/* ============================================
   § 6. FEATURE IMG CONTENT
   ============================================ */

.view-normal .incms-feature-img-content-media .media-wrapper {
  border-radius: var(--cks-radius-lg) !important;
  overflow: hidden;
  transition: box-shadow var(--cks-t-mid) var(--cks-ease-smooth);
}
/*
   v2.0: image fade effect removed; mask-image eliminated,
   images display in full
*/
.view-normal .incms-feature-img-content-media .media-wrapper img {
  transition: transform var(--cks-t-slow) var(--cks-ease-out);
  border-radius: var(--cks-radius-lg) !important;
}
.view-normal .incms-feature-img-content-media:hover .media-wrapper {
  box-shadow: var(--cks-shadow-lg);
}
.view-normal .incms-feature-img-content-media:hover .media-wrapper img {
  transform: scale(1.05);
}

.view-normal .feature-img-content header h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 4px;
  background: var(--cks-orange);
  margin-bottom: 16px;
}
.view-normal .feature-img-content header.text-center h2::before {
  margin-left: auto;
  margin-right: auto;
}
.view-normal .feature-img-content header h2 {
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.view-normal .feature-img-content .btn-group .incms-btn a {
  border-radius: var(--cks-radius-sm) !important;
  padding: 12px 28px !important;
  font-weight: 700;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal .feature-img-content .btn-group .incms-primary-button a:hover {
  transform: translateY(-3px);
  box-shadow: var(--cks-shadow-md), var(--cks-shadow-glow);
}


/* ============================================
   § 7. FEATURE 3 (IMAGE CARDS)
   ============================================ */

.view-normal .incms-feature3 header .p p { color: var(--cks-text-muted) !important; }
.view-normal .incms-feature3[data-theme="accent"] header .p p { color: rgba(255,255,255,.78) !important; }
.view-normal .incms-feature3[data-theme="accent"] header h2 { color: #ffffff !important; }

/*
   v2.0: Feature3 cards — no lift animation; shadow at rest,
   image zoom and orange underline on hover only
*/
.view-normal .incms-feature3 .col {
  border-radius: var(--cks-radius) !important;
  overflow: hidden;
  border: 1px solid var(--cks-border);
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  background: var(--cks-surface);
  position: relative;
  box-shadow: var(--cks-shadow-sm);
}
.view-normal .incms-feature3 .col::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 0; height: 3px;
  background: var(--cks-orange);
  transition: width var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-feature3 .col:hover {
  box-shadow: var(--cks-shadow-card);
  border-color: transparent;
}
.view-normal .incms-feature3 .col:hover::after { width: 100%; }
.view-normal .incms-feature3 .incms-feature3-media { overflow: hidden; }
.view-normal .incms-feature3 .incms-feature3-media img {
  transition: transform var(--cks-t-slow) var(--cks-ease-out);
}
.view-normal .incms-feature3 .col:hover .incms-feature3-media img { transform: scale(1.07); }
.view-normal .incms-feature3 .incms-feature3-content { padding: 20px 20px 24px !important; }
.view-normal .incms-feature3 .incms-feature3-content h3 {
  font-size: 1.1rem; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 8px;
}
.view-normal .incms-feature3 .incms-feature3-content p {
  font-size: 0.9rem; line-height: 1.65; color: var(--cks-text-muted);
}


/* ============================================
   § 7b. HERO 2 (SPLIT SECTION)
   ============================================ */

.view-normal .incms-hero2 {
  overflow: hidden;
  background-color: var(--cks-accent-dark) !important;
}
.view-normal .incms-hero2 .side-image {
  transition: transform 14s var(--cks-ease-smooth);
  transform: scale(1.01);
}
.view-normal .incms-hero2:hover .side-image { transform: scale(1.06); }
.view-normal .incms-hero2 h1 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; color: #ffffff !important;
}
.view-normal .incms-hero2 .p p,
.view-normal .incms-hero2 .p .editable-text {
  font-size: clamp(1rem, 1.4vw, 1.1rem); line-height: 1.7; color: rgba(255,255,255,.88) !important;
}
.view-normal #cuid_594 .inner-container { position: relative; z-index: 1; }
.view-normal .incms-hero2 .btn-group .incms-btn a {
  border-radius: var(--cks-radius-sm) !important; font-weight: 700;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal .incms-hero2 .btn-group .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important; color: #ffffff !important; border-color: var(--cks-orange) !important;
}
.view-normal .incms-hero2 .btn-group .incms-primary-button:not(.incms-btn-outline) a:hover {
  transform: translateY(-3px);
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}
.view-normal .incms-hero2 .btn-group .incms-btn-outline a {
  border-color: rgba(255,255,255,.30) !important; color: #ffffff !important;
}
.view-normal .incms-hero2 .btn-group .incms-btn-outline a:hover {
  background: rgba(255,255,255,.08) !important; transform: translateY(-3px);
}


/* ============================================
   § 8. VEHICLE SECTION (CUSTOM SECTION)
   ============================================ */
/*
   v2.1: .kontakt and .kontaktformular excluded to prevent
   contact sections on page-92 inheriting vehicle card styles
*/

.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) {
  overflow: hidden;
  background: linear-gradient(180deg, #f9f7f4 0%, #f3efe9 40%, #edeae4 100%) !important;
}

/* Vehicle card styling with gradient underline on hover */
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox {
  background: #ffffff;
  border: 1px solid var(--cks-border);
  border-radius: var(--cks-radius) !important;
  padding: 28px !important;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  position: relative;
  overflow: hidden;
  box-shadow: var(--cks-shadow-sm);
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 0; height: 3px;
  background: linear-gradient(90deg, var(--cks-accent), var(--cks-orange));
  transition: width var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox:hover {
  border-color: transparent;
  box-shadow: var(--cks-shadow-lift);
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox:hover::after {
  width: 100%;
}

/* Heading accents — green H2 and H3 */
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox h2 {
  color: var(--cks-accent) !important;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox h3 {
  color: var(--cks-accent) !important;
}
/* Body text styling */
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox p,
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox .editable-text,
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox div[class*="editable-text"] {
  color: var(--cks-text) !important;
  line-height: 1.65;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox strong {
  color: var(--cks-text);
}

/*
   v2.0: vehicle specs highlight styling
*/
.view-normal .incms-custom-section .ym-gbox .vehicle-specs {
  color: var(--cks-text-muted) !important;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Vehicle image container with zoom on hover */
.view-normal .incms-custom-section .media-single-image .media-wrapper {
  border-radius: var(--cks-radius-sm) !important;
  overflow: hidden;
}
.view-normal .incms-custom-section .media-single-image img {
  transition: transform var(--cks-t-slow) var(--cks-ease-out);
}
.view-normal .incms-custom-section:not(.kontakt):not(.kontaktformular) .ym-gbox:hover .media-single-image img {
  transform: scale(1.05);
}

/* Vehicle heading typography (H2 and H3) */
.view-normal .incms-custom-section .ym-gbox h3,
.view-normal .incms-custom-section .ym-gbox h2 {
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-top: 16px;
}

/* Table labels styled as badges */
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox p:has(+ table),
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox p:has(strong):has(+ table) {
  display: inline-block;
  background: var(--cks-accent);
  color: #ffffff !important;
  padding: 6px 16px;
  border-radius: var(--cks-radius-sm) var(--cks-radius-sm) 0 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 24px;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox p:has(+ table) strong {
  color: #ffffff !important;
  font-weight: 700;
}

/* Table styling with alternating row colors */
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 16px 0;
  font-size: 0.88rem;
  border: 1px solid var(--cks-border-strong);
  border-radius: 0 var(--cks-radius-sm) var(--cks-radius-sm) var(--cks-radius-sm);
  overflow: hidden;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table tr:first-child td {
  font-weight: 800;
  color: var(--cks-text) !important;
  background: var(--cks-bg-cool);
  border-bottom: 2px solid var(--cks-border-strong);
  padding: 12px 16px;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--cks-border);
  color: var(--cks-text) !important;
  text-align: left;
  vertical-align: top;
  transition: background-color var(--cks-t-fast) ease;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table tr:nth-child(even) td {
  background: rgba(57,95,85,.03);
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table tr:not(:first-child):hover td {
  background: rgba(57,95,85,.07);
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table tr:last-child td {
  border-bottom: none;
}

/* Vehicle CTA button — orange primary action */
.view-normal .incms-custom-section .incms-custom-btn .incms-primary-button a {
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
}
.view-normal .incms-custom-section .incms-custom-btn .incms-primary-button a:hover {
  transform: translateY(-3px);
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-md), var(--cks-shadow-warm);
}

/*
   v2.0: accent button in vehicle cards — green secondary action
*/
.view-normal .incms-custom-section .incms-custom-btn .incms-accent-button a {
  background: var(--cks-accent) !important;
  color: #ffffff !important;
  border-color: var(--cks-accent) !important;
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal .incms-custom-section .incms-custom-btn .incms-accent-button a:hover {
  background: var(--cks-accent-light) !important;
  transform: translateY(-3px);
  box-shadow: var(--cks-shadow-lg), var(--cks-shadow-glow);
}


/* ============================================
   § 9. FAQ Accordion
   ============================================ */

.view-normal .incms-faq1 .incms-accordion-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.view-normal .incms-accordion-item {
  border-radius: var(--cks-radius) !important;
  overflow: hidden;
  border: 1px solid rgba(28,46,40,.07) !important;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  position: relative;
}
.view-normal .incms-accordion-item + .incms-accordion-item::before { display: none !important; }
.view-normal .incms-accordion-item:hover {
  border-color: var(--cks-border-strong) !important;
  box-shadow: var(--cks-shadow-sm);
}
.view-normal .incms-accordion-item.is-open {
  border-color: var(--cks-orange) !important;
  box-shadow: 0 0 0 1px var(--cks-orange), 0 4px 20px rgba(212,129,58,.10);
}
.view-normal .incms-accordion-item-header { padding: 18px 22px !important; border-radius: var(--cks-radius) !important; }
.view-normal .incms-accordion-item-header h3 { font-size: 1rem; font-weight: 700; }
.view-normal .incms-accordion-panel { padding: 0 22px 18px !important; }
.view-normal .incms-accordion-panel p { font-size: 0.92rem; line-height: 1.75; color: var(--cks-text-muted); }


/* ============================================
   § 10. CTA Section (incms-cta2)
   ============================================ */

.view-normal .incms-cta2-inner {
  border-radius: var(--cks-radius-lg) !important;
  overflow: hidden;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  position: relative;
}
.view-normal .incms-cta2-inner:hover { box-shadow: var(--cks-shadow-xl); }
.view-normal .incms-cta2-inner::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--cks-orange);
  z-index: 2;
}
.view-normal .incms-cta2 header h2 { font-weight: 800; letter-spacing: -0.03em; }
.view-normal .incms-cta2 .btn-group .incms-primary-button a {
  border-radius: var(--cks-radius-sm) !important;
  padding: 14px 38px !important;
  font-weight: 700; font-size: 1rem;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
}
.view-normal .incms-cta2 .btn-group .incms-primary-button a:hover {
  transform: translateY(-3px);
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}


/* ============================================
   § 12. Footer
   ============================================ */

.view-normal .incms-footer1 .svg-icon {
  transition: transform var(--cks-t-mid) var(--cks-ease-snap), fill var(--cks-t-fast);
}
.view-normal .incms-footer1 a:hover .svg-icon { transform: scale(1.12) translateY(-2px); }
.view-normal .incms-footer1 .incms-copy p { font-size: 0.85rem; opacity: 0.65; }
.view-normal .incms-footer1 .incms-copy a { transition: opacity var(--cks-t-fast); }
.view-normal .incms-footer1 .incms-copy a:hover { opacity: 1; color: var(--cks-orange); }


/* ============================================
   § 13. Highlight Accents
   ============================================ */

.view-normal .incms-feature-box-icon[data-theme="classic"] { background: var(--cks-bg-subtle); }
.view-normal .incms-feature-box-icon[data-theme="incms"]:not([style*="--fbox3-bg-color"]) {
  background: linear-gradient(180deg, #ffffff 0%, var(--cks-bg-cool) 100%);
}

/* Orange underline beneath H2 (v2.0) – retained */
.view-normal .incms-feature-box-icon header h2::after {
  content: '';
  display: block;
  width: 40px;
  height: 4px;
  background: var(--cks-orange);
  margin-top: 14px;
}
.view-normal .incms-feature-box-icon header.text-center h2::after { margin-left: auto; margin-right: auto; }
.view-normal .incms-feature-box-icon header.text-left h2::after { margin-left: 0; }

.view-normal > .ym-wrapper .incms-faq1[data-theme="incms"]:not(.incms-custom-section .incms-faq1) {
  background: linear-gradient(170deg, var(--cks-navy) 0%, #132f26 50%, var(--cks-accent-dark) 100%) !important;
}


/* ============================================
   § 14. Scroll-Reveal Animations
   ============================================ */

.view-normal .section {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity var(--cks-t-reveal) var(--cks-ease-out),
              transform var(--cks-t-reveal) var(--cks-ease-out);
}
.view-normal .section.sr-visible { opacity: 1; transform: translateY(0); }

.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(1),
.view-normal .section.sr-visible .incms-feature3 .col:nth-child(1) { transition-delay: 0ms; }
.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(2),
.view-normal .section.sr-visible .incms-feature3 .col:nth-child(2) { transition-delay: 80ms; }
.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(3),
.view-normal .section.sr-visible .incms-feature3 .col:nth-child(3) { transition-delay: 160ms; }
.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(4) { transition-delay: 240ms; }
.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(5) { transition-delay: 320ms; }
.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(6) { transition-delay: 400ms; }
.view-normal .section.sr-visible .incms-feature-box-icon .col:nth-child(7) { transition-delay: 480ms; }
.view-normal .section.sr-visible .ym-gl { transition-delay: 0ms; }
.view-normal .section.sr-visible .ym-gr { transition-delay: 120ms; }

/*
   v2.0: Privacy page (page-94) – scroll-reveal disabled
*/
.view-normal.page-94 .section {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}


/* ============================================
   § 15. Smart Elements
   ============================================ */


/* ============================================
   § 15a. Bullet Points to Checkmarks (Global)
   ============================================ */

.view-normal .incms-feature-box-icon .incms-grid .rich-text ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.view-normal .incms-feature-box-icon .incms-grid .rich-text li {
  position: relative;
  padding-left: 26px !important;
  margin-left: 0 !important;
  list-style: none !important;
  font-size: 0.92rem;
  line-height: 1.65;
  margin-bottom: 6px;
}
.view-normal .incms-feature-box-icon .incms-grid .rich-text li::before {
  content: '\f00c';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0; top: 1px;
  font-size: 0.85rem; line-height: 1.65;
  color: var(--cks-accent);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: auto; height: auto; background: none; border-radius: 0;
}

.view-normal .feature-img-content header ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.view-normal .feature-img-content header li {
  position: relative;
  padding-left: 26px !important;
  margin-left: 0 !important;
  list-style: none !important;
  font-size: 0.95rem; line-height: 1.6; margin-bottom: 5px;
}
.view-normal .feature-img-content header li::before {
  content: '\f00c';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0; top: 2px;
  font-size: 0.85rem; line-height: 1.6;
  color: var(--cks-accent);
  -webkit-font-smoothing: antialiased;
  width: auto; height: auto; background: none; border-radius: 0;
}

.view-normal .incms-hero1 .p ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 16px;
}
.view-normal .incms-hero1 .p ul li {
  position: relative;
  padding-left: 26px !important;
  margin-left: 0 !important;
  list-style: none !important;
  font-size: 0.95rem; line-height: 1.6;
  color: rgba(255,255,255,.90) !important;
  margin-bottom: 5px;
}
.view-normal .incms-hero1 .p ul li::before {
  content: '\f00c';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0; top: 2px;
  font-size: 0.85rem; line-height: 1.6;
  color: var(--cks-orange);
  -webkit-font-smoothing: antialiased;
  width: auto; height: auto; background: none; border-radius: 0;
}

.view-normal .incms-custom-section .ym-gbox ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.view-normal .incms-custom-section .ym-gbox ul li {
  position: relative;
  padding-left: 26px !important;
  margin-left: 0 !important;
  list-style: none !important;
  margin-bottom: 5px;
}
.view-normal .incms-custom-section .ym-gbox ul li::before {
  content: '\f00c';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0; top: 2px;
  font-size: 0.85rem;
  color: var(--cks-accent);
  -webkit-font-smoothing: antialiased;
  width: auto; height: auto; background: none; border-radius: 0;
}


/* ============================================
   § 15b. Comparison Section #cuid_654
   ============================================ */

.view-normal #cuid_654 {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  ) !important;
  position: relative;
  overflow: hidden;
}
/* v2.1.2: Diagonal line removed from #cuid_654 */
.view-normal #cuid_654::after {
  content: '';
  position: absolute;
  bottom: -80px; right: -80px;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(57,95,85,.30) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
}
.view-normal #cuid_654 .incms-container {
  position: relative; z-index: 1; max-width: 900px;
}
.view-normal #cuid_654 h2 {
  color: #ffffff !important; font-weight: 800; letter-spacing: -0.03em; text-align: center;
}
.view-normal #cuid_654 p,
.view-normal #cuid_654 div,
.view-normal #cuid_654 span,
.view-normal #cuid_654 li,
.view-normal #cuid_654 a:not(.incms-btn a) {
  color: rgba(255,255,255,.88) !important;
}
.view-normal #cuid_654 > .incms-container > p {
  max-width: 700px; text-align: center; margin-left: auto; margin-right: auto;
}
.view-normal #cuid_654 table {
  width: 100%; border-collapse: separate; border-spacing: 0; margin: 28px auto;
  font-size: 0.9rem; background: rgba(255,255,255,.08);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-radius: var(--cks-radius); overflow: hidden;
  border: 1px solid rgba(255,255,255,.12); box-shadow: 0 8px 32px rgba(0,0,0,.12);
}
.view-normal #cuid_654 table td {
  padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.85); text-align: left; vertical-align: top;
  transition: background-color var(--cks-t-fast) ease;
}
.view-normal #cuid_654 table tr:first-child td {
  color: #ffffff; font-weight: 800; border-bottom: 2px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06); font-size: 0.95rem;
}
.view-normal #cuid_654 table tr:last-child td { border-bottom: none; }
.view-normal #cuid_654 table tr:not(:first-child):hover td {
  background: rgba(255,255,255,.08);
}
.view-normal #cuid_654 strong { color: #ffffff; }
.view-normal #cuid_654 .incms-secondary-button a,
.view-normal #cuid_656 a {
  background: var(--cks-orange) !important; color: #ffffff !important;
  border-color: var(--cks-orange) !important; border-radius: var(--cks-radius-sm) !important;
  font-weight: 700; padding: 14px 38px !important;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal #cuid_654 .incms-secondary-button a:hover,
.view-normal #cuid_656 a:hover {
  background: var(--cks-orange-light) !important; transform: translateY(-3px);
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}
.view-normal #cuid_654 .btn-group { margin-top: 28px; }


/* ============================================
   § 15c. Homepage: Final CTA Section #cuid_633
   ============================================ */
/*
   v2.0: Green gradient applied (matching #cuid_654)
*/
.view-normal #cuid_633 {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  ) !important;
  position: relative;
  overflow: hidden;
}
/* v2.1.2: Diagonal line removed from #cuid_633 */
.view-normal #cuid_633 .incms-container {
  position: relative; z-index: 1;
}
.view-normal #cuid_633 h2 {
  color: #ffffff !important;
}
.view-normal #cuid_633 p,
.view-normal #cuid_633 div,
.view-normal #cuid_633 span {
  color: rgba(255,255,255,.88) !important;
}
.view-normal #cuid_633 .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
}
.view-normal #cuid_633 .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}


/* ============================================
   § 15d. Process Page: 4-Step Flow with Numbered Circles
   ============================================ */
/*
   v2.0: #cuid_613 – CSS counters for numbered circles,
   connecting line between cards
*/
.view-normal #cuid_613 .incms-grid {
  counter-reset: step-counter;
}
.view-normal #cuid_613 .incms-grid .col {
  counter-increment: step-counter;
  position: relative;
}
/* Numbered circle above icon */
.view-normal #cuid_613 .incms-grid .col .icon-wrapper::before {
  content: counter(step-counter);
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background: var(--cks-orange);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 2px 8px var(--cks-orange-glow);
}
/* Connecting line between cards (desktop view) */
@media (min-width: 769px) {
  .view-normal #cuid_613 .incms-grid .col:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 28px;
    right: calc(-1 * var(--gap, 20px) / 2 - 1px);
    width: var(--gap, 20px);
    height: 2px;
    background: linear-gradient(90deg, var(--cks-accent-light), var(--cks-orange));
    z-index: 0;
    opacity: 0.4;
  }
}


/* ============================================
   § 15e. CTA1 Section
   ============================================ */

.view-normal .incms-cta1 .media-wrapper {
  border-radius: var(--cks-radius-lg) !important; overflow: hidden;
}
.view-normal .incms-cta1 .media-wrapper img {
  transition: transform var(--cks-t-slow) var(--cks-ease-out);
}
.view-normal .incms-cta1:hover .media-wrapper img { transform: scale(1.05); }
.view-normal .incms-cta1 .incms-accent-button a {
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  background: var(--cks-orange) !important;
  color: #ffffff !important;
}
.view-normal .incms-cta1 .incms-accent-button a:hover {
  transform: translateY(-3px);
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}
.view-normal .incms-cta1[data-theme="primary"] {
  background: linear-gradient(150deg, var(--cks-navy) 0%, #152f27 45%, var(--cks-accent-dark) 100%) !important;
}
.view-normal .incms-cta1[data-theme="primary"] header h2 { color: #ffffff !important; }
.view-normal .incms-cta1[data-theme="primary"] header div,
.view-normal .incms-cta1[data-theme="primary"] header p { color: rgba(255,255,255,.88) !important; }
.view-normal .incms-cta1[data-theme="primary"] table td,
.view-normal .incms-cta1[data-theme="primary"] table th {
  color: rgba(255,255,255,.85); border-bottom-color: rgba(255,255,255,.12);
}
.view-normal .incms-cta1[data-theme="primary"] table tr:first-child td {
  color: #ffffff; font-weight: 800; border-bottom: 2px solid rgba(255,255,255,.20);
}
.view-normal .incms-cta1[data-theme="primary"] table strong { color: #ffffff; }

/* FAQ section tables with dark backgrounds */
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:has(.incms-faq1) table {
  width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.88rem;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:has(.incms-faq1) table td {
  padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.85); text-align: left; vertical-align: top;
}
.view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:has(.incms-faq1) table tr:first-child td {
  color: #ffffff; font-weight: 800; border-bottom: 2px solid rgba(255,255,255,.18);
}
/* Table styling within CTA1 sections */
.view-normal .incms-cta1 table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.88rem; }
.view-normal .incms-cta1 table td,
.view-normal .incms-cta1 table th {
  padding: 8px 12px; border-bottom: 1px solid rgba(255,255,255,.10);
  vertical-align: top; color: rgba(255,255,255,.85);
}
.view-normal .incms-cta1 table tr:first-child td {
  font-weight: 800; color: #ffffff; border-bottom: 2px solid rgba(255,255,255,.18);
}


/* ============================================
   § 15f. Feature Box – Miscellaneous
   ============================================ */

.view-normal .incms-feature-box-icon[style*="--fbox3-box-radius"] .col {
  border-radius: var(--cks-radius) !important;
}
.view-normal .incms-feature-box-icon[style*="--grid-cols: 4"] .incms-grid {
  display: flex; flex-wrap: wrap;
}
@media (min-width: 769px) {
  .view-normal .incms-feature-box-icon[style*="--grid-cols: 4"] .incms-grid .col {
    flex: 0 0 calc(25% - 15px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .view-normal .incms-feature-box-icon[style*="--grid-cols: 4"] .incms-grid .col {
    flex: 0 0 calc(50% - 10px);
  }
}
.view-normal .incms-feature-box-icon .rich-text table {
  width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 0.88rem;
}
.view-normal .incms-feature-box-icon .rich-text table td {
  padding: 8px 10px; border-bottom: 1px solid var(--cks-border);
  vertical-align: top; color: var(--cks-text);
}
.view-normal .incms-feature-box-icon .rich-text table tr:first-child td {
  font-weight: 800; border-bottom: 2px solid var(--cks-border-strong);
}
.view-normal .incms-feature-box-icon[style*="--section-space-bottom: 0px"] { padding-bottom: 0 !important; }
.view-normal .incms-feature-box-icon[style*="--section-space-top: 0px"] { padding-top: 0 !important; }
.view-normal .feature-img-content[data-theme="classic"] { background: var(--cks-bg-subtle); }


/* ============================================
   § 15g. Accent Button (Global)
   ============================================ */

.view-normal .incms-accent-button a {
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700 !important;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
}
.view-normal .incms-accent-button a:hover { transform: translateY(-3px); }
.view-normal .btn-stretch .incms-btn { flex-grow: 1; }
.view-normal .btn-stretch .incms-btn a { display: block; text-align: center; }


/* ============================================
   § 15h. CTA Custom Sections (Accent Theme)
   ============================================ */

.view-normal .incms-custom-section[data-theme="accent"] {
  background: linear-gradient(150deg, var(--cks-navy) 0%, #1a3a30 40%, var(--cks-accent) 100%) !important;
  position: relative;
}
/* v2.1.2: Diagonal line removed from accent theme */
.view-normal .incms-custom-section[data-theme="accent"] h2 { color: #ffffff !important; }
.view-normal .incms-custom-section[data-theme="accent"] p,
.view-normal .incms-custom-section[data-theme="accent"] div { color: rgba(255,255,255,.88) !important; }
.view-normal .incms-custom-section[data-theme="accent"] .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important; color: #ffffff !important; border-color: var(--cks-orange) !important;
}
.view-normal .incms-custom-section[data-theme="accent"] .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-orange-light) !important;
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}


/* ============================================
   § 15i. FAQ Page – Split Image and Accordion Layout
   ============================================ */

.view-normal .incms-custom-section:has(.incms-faq1) {
  background: var(--cks-bg) !important; position: relative;
}
.view-normal .incms-custom-section:has(.incms-faq1):nth-of-type(even) {
  background: var(--cks-bg-subtle) !important;
}
.view-normal .incms-custom-section:has(.incms-faq1) h2,
.view-normal .incms-custom-section:has(.incms-faq1) h3,
.view-normal .incms-custom-section:has(.incms-faq1) p { color: var(--cks-text) !important; }

.view-normal .incms-custom-section:has(.incms-faq1) .ym-gbox {
  background: transparent !important; border: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  padding: 0 !important; box-shadow: none !important;
}
.view-normal .incms-custom-section:has(.incms-faq1) .ym-gbox::before,
.view-normal .incms-custom-section:has(.incms-faq1) .ym-gbox::after { display: none !important; }
.view-normal .incms-custom-section:has(.incms-faq1) .ym-gbox:hover {
  transform: none !important; box-shadow: none !important;
}
.view-normal .incms-custom-section:has(.incms-faq1) .ym-grid.equal-grid {
  align-items: center; gap: 40px;
}
.view-normal .incms-custom-section:has(.incms-faq1) .media-single-image .media-wrapper {
  border-radius: var(--cks-radius-lg) !important; overflow: hidden;
  box-shadow: var(--cks-shadow-md); transition: all var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-custom-section:has(.incms-faq1):hover .media-single-image .media-wrapper {
  box-shadow: var(--cks-shadow-lg);
}
.view-normal .incms-custom-section:has(.incms-faq1) .media-single-image img {
  transition: transform var(--cks-t-slow) var(--cks-ease-out);
}
.view-normal .incms-custom-section:has(.incms-faq1):hover .media-single-image img {
  transform: scale(1.04);
}
@media (min-width: 769px) {
  .view-normal .incms-custom-section:has(.incms-faq1) .ym-gbox:has(.media-single-image) {
    position: sticky; top: 120px; align-self: flex-start;
  }
}
.view-normal .incms-custom-section .incms-faq1 {
  background: transparent !important; padding: 0 !important;
}
.view-normal .incms-custom-section .incms-faq1 .incms-container {
  padding: 0 !important; max-width: 100%;
}
.view-normal .incms-custom-section .incms-faq1 header h2 {
  color: var(--cks-text) !important;
  font-size: clamp(1.4rem, 2.5vw, 1.8rem) !important;
  font-weight: 800; margin-bottom: 20px;
  position: relative; padding-bottom: 14px;
}
.view-normal .incms-custom-section .incms-faq1 header h2::after {
  content: '';
  position: absolute; bottom: 0; left: 0;
  width: 40px; height: 4px; background: var(--cks-orange);
}
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item {
  background: #ffffff !important;
  border: 1px solid var(--cks-border) !important;
  border-radius: var(--cks-radius) !important;
  margin-bottom: 8px;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  box-shadow: var(--cks-shadow-xs);
  position: relative; overflow: hidden;
}
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item::after {
  content: '';
  position: absolute; bottom: 0; left: 50%;
  transform: translateX(-50%); width: 0; height: 3px;
  background: var(--cks-orange);
  transition: width var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item + .incms-accordion-item::before { display: none !important; }
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item:hover {
  border-color: var(--cks-border-strong) !important; box-shadow: var(--cks-shadow-sm);
}
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item.is-open {
  border-color: var(--cks-orange) !important;
  box-shadow: 0 0 0 1px var(--cks-orange), 0 4px 16px rgba(212,129,58,.08);
}
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item.is-open::after { width: 100%; }
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item-header { padding: 16px 20px !important; }
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item-header h3 {
  color: var(--cks-text) !important; font-size: 0.95rem; font-weight: 700;
}
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item-header svg { color: var(--cks-orange) !important; }
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-item.is-open .incms-accordion-item-header svg { color: var(--cks-orange) !important; }
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-panel { padding: 0 20px 16px !important; }
.view-normal .incms-custom-section:has(.incms-faq1) .incms-accordion-panel p {
  color: var(--cks-text-muted) !important; font-size: 0.9rem; line-height: 1.7;
}


/* ============================================
   § 15j. CONTACT SECTION #cuid_708
   ============================================ */
/*
   v2.1: "Find us here" section — Green gradient background, gbox reset,
   Google Maps iframe, direct contact block, orange checkmarks.
   Smart classes: .kontakt on section, .cks-card on grid,
   .direktkontakt on contact info block.
*/

/* Green gradient background (like #cuid_654) */
.view-normal .incms-custom-section.kontakt {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  ) !important;
  position: relative;
  overflow: hidden;
}
/* v2.1: Decorative diagonal removed (client request) */
/* Lower-right glow effect */
.view-normal .incms-custom-section.kontakt::after {
  content: '';
  position: absolute;
  bottom: -60px; right: -60px;
  width: 250px; height: 250px;
  background: radial-gradient(circle, rgba(57,95,85,.25) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
/* Container layered above decorative elements */
.view-normal .incms-custom-section.kontakt .incms-container {
  position: relative;
  z-index: 1;
}

/* gbox reset: removes card styling */
.view-normal .incms-custom-section.kontakt .ym-gbox {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.view-normal .incms-custom-section.kontakt .ym-gbox::before,
.view-normal .incms-custom-section.kontakt .ym-gbox::after {
  display: none !important;
}
.view-normal .incms-custom-section.kontakt .ym-gbox:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* All text set to white */
.view-normal .incms-custom-section.kontakt h2 {
  color: #ffffff !important;
  margin-top: 0;
}
.view-normal .incms-custom-section.kontakt h3 {
  color: #ffffff !important;
  font-size: 1.1rem;
  margin-top: 28px;
  margin-bottom: 8px;
}
.view-normal .incms-custom-section.kontakt p,
.view-normal .incms-custom-section.kontakt div:not(.infiniweb-smartclass):not(.infiniweb-smartclass-inner):not(.incms-custom-heading):not(.ym-grid):not(.ym-g50):not(.ym-gbox):not(.ym-gl):not(.ym-gr):not(.incms-container):not(.section-overlap):not(.media-wrapper),
.view-normal .incms-custom-section.kontakt span,
.view-normal .incms-custom-section.kontakt li {
  color: rgba(255,255,255,.88) !important;
}
.view-normal .incms-custom-section.kontakt a:not(.incms-btn a) {
  color: var(--cks-orange) !important;
  text-decoration: none;
  transition: color var(--cks-t-fast);
}
.view-normal .incms-custom-section.kontakt a:not(.incms-btn a):hover {
  color: var(--cks-orange-light) !important;
}
.view-normal .incms-custom-section.kontakt strong {
  color: #ffffff;
}

/* Orange checkmarks on dark background */
.view-normal .incms-custom-section.kontakt .ym-gbox ul li::before {
  color: var(--cks-orange) !important;
}

/* Google Maps iframe styling */
.view-normal .incms-custom-section.kontakt iframe {
  width: 100%;
  min-height: 400px;
  border-radius: var(--cks-radius) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.15);
}

/* Direct contact block — light glassmorphic container */
.view-normal .incms-custom-section.kontakt .direktkontakt {
  margin-top: 28px;
  padding: 20px 24px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--cks-radius);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}


/* ============================================
   § 15k. FORM SECTION #cuid_712
   ============================================ */
/*
   v2.1: "Contact us" section — Darker gradient, seamless
   transition from .kontakt, gbox reset, form styling,
   contact image styling.
   Smart classes: .kontaktformular on section, .cks-formular on
   form wrapper, .cks-kontakt-image on image wrapper.
*/

/*
   v2.1.2: Section background white, form glassmorphic box remains green.
*/
.view-normal .incms-custom-section.kontaktformular {
  background: #ffffff !important;
  position: relative;
  overflow: hidden;
}
/* v2.1: Decorative diagonal removed (client request) */
/* Container layered above decorative elements */
.view-normal .incms-custom-section.kontaktformular .incms-container {
  position: relative;
  z-index: 1;
}

/* gbox reset */
.view-normal .incms-custom-section.kontaktformular .ym-gbox {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.view-normal .incms-custom-section.kontaktformular .ym-gbox::before,
.view-normal .incms-custom-section.kontaktformular .ym-gbox::after {
  display: none !important;
}
.view-normal .incms-custom-section.kontaktformular .ym-gbox:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Dark text on white background */
.view-normal .incms-custom-section.kontaktformular h2 {
  color: var(--cks-text) !important;
  margin-top: 0;
}
.view-normal .incms-custom-section.kontaktformular h3 {
  color: var(--cks-text) !important;
}
.view-normal .incms-custom-section.kontaktformular p,
.view-normal .incms-custom-section.kontaktformular div.p,
.view-normal .incms-custom-section.kontaktformular span,
.view-normal .incms-custom-section.kontaktformular label span {
  color: var(--cks-text-muted) !important;
}
.view-normal .incms-custom-section.kontaktformular a:not(.incms-btn a):not(button) {
  color: var(--cks-orange) !important;
}
.view-normal .incms-custom-section.kontaktformular strong {
  color: var(--cks-text);
}

/* Form container — green glassmorphic box */
.view-normal .incms-custom-section.kontaktformular .cks-formular {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  );
  border: none;
  border-radius: var(--cks-radius-lg);
  padding: 32px;
}
/* Text in form box: white */
.view-normal .incms-custom-section.kontaktformular .cks-formular h2 {
  color: #ffffff !important;
}
.view-normal .incms-custom-section.kontaktformular .cks-formular p,
.view-normal .incms-custom-section.kontaktformular .cks-formular div.p,
.view-normal .incms-custom-section.kontaktformular .cks-formular span,
.view-normal .incms-custom-section.kontaktformular .cks-formular label span {
  color: rgba(255,255,255,.88) !important;
}

/* Form field inputs */
.view-normal .incms-custom-section.kontaktformular .incms-form-field {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: var(--cks-radius-sm) !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 0.92rem;
  transition: all var(--cks-t-mid) var(--cks-ease-out);
  width: 100%;
}
.view-normal .incms-custom-section.kontaktformular .incms-form-field::placeholder {
  color: rgba(255,255,255,.45);
}
.view-normal .incms-custom-section.kontaktformular .incms-form-field:focus {
  outline: none;
  border-color: var(--cks-orange) !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: 0 0 0 3px rgba(212,129,58,.15);
}

/* Select dropdown styling */
.view-normal .incms-custom-section.kontaktformular .select-wrapper select.incms-form-field {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.6)' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}
.view-normal .incms-custom-section.kontaktformular .select-wrapper select option {
  background: var(--cks-navy);
  color: #ffffff;
}

/* Textarea field */
.view-normal .incms-custom-section.kontaktformular textarea.incms-form-field {
  min-height: 120px;
  resize: vertical;
}

/* Checkbox input */
.view-normal .incms-custom-section.kontaktformular .checkbox input[type="checkbox"] {
  accent-color: var(--cks-orange);
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
}
.view-normal .incms-custom-section.kontaktformular .checkbox label span {
  font-size: 0.88rem;
  color: rgba(255,255,255,.75) !important;
}

/* Form label text (e.g., desired travel period) */
.view-normal .incms-custom-section.kontaktformular .myformchild > p {
  color: rgba(255,255,255,.75) !important;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
  margin-top: 8px;
}

/* Submit button */
.view-normal .incms-custom-section.kontaktformular .incms-button button[type="submit"] {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--cks-radius-sm) !important;
  padding: 14px 38px !important;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: all var(--cks-t-mid) var(--cks-ease-snap);
  position: relative;
  overflow: hidden;
}
.view-normal .incms-custom-section.kontaktformular .incms-button button[type="submit"]:hover {
  background: var(--cks-orange-light) !important;
  transform: translateY(-3px);
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}

/* Form item spacing */
.view-normal .incms-custom-section.kontaktformular .incms-form-item {
  margin-bottom: 14px;
}
/* Hidden labels: visually hidden but accessible */
.view-normal .incms-custom-section.kontaktformular .incms-form-item-label .hidden {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}
/* Hide tooltip icons */
.view-normal .incms-custom-section.kontaktformular .tooltip {
  display: none;
}

/* Contact image (right column) */
.view-normal .incms-custom-section.kontaktformular .media-single-image .media-wrapper {
  border-radius: var(--cks-radius-lg) !important;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.15);
}
.view-normal .incms-custom-section.kontaktformular .media-single-image img {
  transition: transform var(--cks-t-slow) var(--cks-ease-out);
}
.view-normal .incms-custom-section.kontaktformular:hover .media-single-image img {
  transform: scale(1.03);
}


/* ============================================
   § 15l. RENTAL PRICE CALCULATOR PAGE (page-90)
   ============================================ */
/*
   v2.2.1 — Complete styling for all sections below
   the header on the calculator page.

   Changes v2.2 → v2.2.1:
   - White line between hero and feature5 removed (#main padding)
   - Badge in #cuid_816 H2 hidden (design standard)
   - #cuid_819 + #cuid_821: Green CKS gradient
   - #cuid_829 CTA: Orange top line removed, overlay redesigned

   Affected CUIDs:
   - Calculator header (.infiniweb-cks-kalk01__header)
   - #cuid_816  Feature5 "Rental prices · Transparent"
   - #cuid_817  Feature-img-content
   - #cuid_818  Feature-box-icon 3-column
   - #cuid_819  Feature-img-content → GREEN GRADIENT
   - #cuid_820  Feature-box-icon 4-column (tables)
   - #cuid_821  Feature-img-content → GREEN GRADIENT
   - #cuid_822  Feature-box-icon 4-column (FAQ)
   - #cuid_823  Custom section "Where can the vehicle go?"
   - #cuid_829  CTA2 "Your calculation awaits"
*/


/* ─── 15l-0 PAGE-90 LAYOUT FIX ─────────────── */
/*
   White line between calculator hero and next section
   comes from #main padding (20px 10px) in framework.
   Reset on page-90.
*/
.view-normal.page-90 #main {
  padding: 0 !important;
}


/* ─── 15l-1 CALCULATOR HEADER SECTION ──────── */

/* Badge: same style as .incms-hero1 .highlight-badge (homepage) */
.view-normal .infiniweb-cks-kalk01 .highlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--cks-orange);
  color: #ffffff;
  padding: 6px 16px;
  border-radius: var(--cks-radius-sm);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  box-shadow: 0 2px 12px var(--cks-orange-glow), 0 0 0 1px rgba(212,129,58,.15);
  position: relative;
  overflow: hidden;
}
.view-normal .infiniweb-cks-kalk01 .highlight-badge::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%);
  animation: cks-badge-shimmer 3s ease-in-out infinite;
}

/* H1: Same weight as homepage, but dark text */
.view-normal .infiniweb-cks-kalk01 .infiniweb-cks-kalk01__h1 {
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
  line-height: 1.06;
  letter-spacing: -0.04em;
  font-weight: 800;
  color: var(--cks-text) !important;
}

/* Subtitle */
.view-normal .infiniweb-cks-kalk01 .infiniweb-cks-kalk01__sub {
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.7;
  color: var(--cks-text-muted) !important;
  max-width: 560px;
}

/* Section background */
.view-normal .infiniweb-cks-kalk01 {
  background: var(--cks-bg-subtle);
}


/* ─── 15l-2 FEATURE5 #cuid_816 ─────────────── */

.view-normal #cuid_816 {
  background: #ffffff !important;
}

/*
   Badge in H2 hidden — design standard,
   badges only in hero, not in content sections.
*/
.view-normal #cuid_816 h2 .highlight-badge {
  display: none !important;
}

/* H2-Styling */
.view-normal #cuid_816 h2 {
  font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.15;
  color: var(--cks-text) !important;
}

/* Orange design line before H2 — matches §6 feature-img-content */
.view-normal #cuid_816 h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.view-normal #cuid_816 h2::before {
  content: '';
  display: block;
  width: 40px;
  height: 4px;
  background: var(--cks-orange);
  margin-bottom: 16px;
}
/* Hide ::after if global rule sets one */
.view-normal #cuid_816 h2::after {
  display: none !important;
}

/* Body text */
.view-normal #cuid_816 div p {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--cks-text-muted);
  max-width: 560px;
}

/* Image grid: rounded corners + shadow + hover zoom */
.view-normal #cuid_816 .infiniweb-feature5-img img {
  border-radius: var(--cks-radius) !important;
  box-shadow: var(--cks-shadow-sm);
  transition: transform var(--cks-t-slow) var(--cks-ease-out),
              box-shadow var(--cks-t-mid) var(--cks-ease-out);
}
.view-normal #cuid_816 .infiniweb-feature5-img:hover img {
  transform: scale(1.04);
  box-shadow: var(--cks-shadow-lg);
}


/* ─── 15l-3 GREEN GRADIENT SECTIONS ─────────── */
/*
   #cuid_819 and #cuid_821 use the CKS 4-point
   gradient (matches #cuid_654, #cuid_633).
*/

.view-normal #cuid_819,
.view-normal #cuid_821 {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  ) !important;
  position: relative;
  overflow: hidden;
}

/* Glow bottom-right */
.view-normal #cuid_819::after,
.view-normal #cuid_821::after {
  content: '';
  position: absolute;
  bottom: -60px;
  right: -60px;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(57,95,85,.25) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.view-normal #cuid_819 .incms-container,
.view-normal #cuid_821 .incms-container {
  position: relative;
  z-index: 1;
}

/* All text white */
.view-normal #cuid_819 header h2,
.view-normal #cuid_821 header h2 {
  color: #ffffff !important;
}
.view-normal #cuid_819 header div p,
.view-normal #cuid_819 header div blockquote,
.view-normal #cuid_819 header div blockquote p,
.view-normal #cuid_819 header div em,
.view-normal #cuid_821 header div p,
.view-normal #cuid_821 header div blockquote,
.view-normal #cuid_821 header div blockquote p,
.view-normal #cuid_821 header div em {
  color: rgba(255,255,255,.88) !important;
}
.view-normal #cuid_819 header strong,
.view-normal #cuid_821 header strong {
  color: #ffffff;
}

/* Orange design line before H2 → white on dark BG */
.view-normal #cuid_819 .feature-img-content header h2::before,
.view-normal #cuid_821 .feature-img-content header h2::before {
  background: var(--cks-orange);
}

/* Image: adjust border and shadow */
.view-normal #cuid_819 .media-wrapper,
.view-normal #cuid_821 .media-wrapper {
  box-shadow: 0 8px 32px rgba(0,0,0,.20) !important;
}

/* Blockquote on green BG */
.view-normal #cuid_819 blockquote,
.view-normal #cuid_821 blockquote {
  border-left: 3px solid rgba(255,255,255,.25) !important;
  padding: 12px 0 12px 20px;
  margin: 20px 0;
  background: rgba(255,255,255,.06);
  border-radius: 0 var(--cks-radius-sm) var(--cks-radius-sm) 0;
}
.view-normal #cuid_819 blockquote p,
.view-normal #cuid_821 blockquote p {
  color: rgba(255,255,255,.80) !important;
  margin-bottom: 0;
}

/* Buttons on green BG → orange */
.view-normal #cuid_819 .incms-primary-button:not(.incms-btn-outline) a,
.view-normal #cuid_821 .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
}
.view-normal #cuid_819 .incms-primary-button:not(.incms-btn-outline) a:hover,
.view-normal #cuid_821 .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-orange-light) !important;
  transform: translateY(-3px);
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}

/* Check marks white/orange on dark BG */
.view-normal #cuid_819 header li::before,
.view-normal #cuid_821 header li::before {
  color: var(--cks-orange) !important;
}


/* ─── 15l-4 CUSTOM SECTION #cuid_823 ───────── */

.view-normal #cuid_823.incms-custom-section {
  background: linear-gradient(
    155deg,
    var(--cks-navy) 0%,
    var(--cks-green-start) 25%,
    var(--cks-green-mid) 55%,
    var(--cks-green-end) 100%
  ) !important;
  position: relative;
  overflow: hidden;
}

/* Lower-right glow effect */
.view-normal #cuid_823::after {
  content: '';
  position: absolute;
  bottom: -60px;
  right: -60px;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(57,95,85,.25) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.view-normal #cuid_823 .incms-container {
  position: relative;
  z-index: 1;
}

/* gbox reset: no card appearance */
.view-normal #cuid_823 .ym-gbox {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.view-normal #cuid_823 .ym-gbox::before,
.view-normal #cuid_823 .ym-gbox::after {
  display: none !important;
}
.view-normal #cuid_823 .ym-gbox:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Text white */
.view-normal #cuid_823 h2 {
  color: #ffffff !important;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.view-normal #cuid_823 h3 {
  color: #ffffff !important;
  font-size: 1.1rem;
  font-weight: 700;
}
.view-normal #cuid_823 p,
.view-normal #cuid_823 span,
.view-normal #cuid_823 li,
.view-normal #cuid_823 em,
.view-normal #cuid_823 blockquote,
.view-normal #cuid_823 blockquote p {
  color: rgba(255,255,255,.88) !important;
}
.view-normal #cuid_823 strong {
  color: #ffffff;
}

/* Check marks orange on dark BG */
.view-normal #cuid_823 .ym-gbox ul li::before {
  color: var(--cks-orange) !important;
}

/* Blockquote styling */
.view-normal #cuid_823 blockquote {
  border-left: 3px solid rgba(255,255,255,.2) !important;
  padding-left: 16px;
  margin-left: 0;
  font-style: normal;
}


/* ─── 15l-5 CTA2 #cuid_829 ───────────────────── */

.view-normal #cuid_829 .incms-cta2-inner {
  border-radius: var(--cks-radius-lg) !important;
  overflow: hidden;
}

/* Orange top line removed */
.view-normal #cuid_829 .incms-cta2-inner::before {
  display: none !important;
}

/*
   Overlay redesign: refined diagonal gradient
   instead of flat 80% white. Background shows
   subtly left, strongly masked right.
*/
.view-normal #cuid_829 .incms-section-overlay {
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.72) 0%,
    rgba(255,255,255,.88) 40%,
    rgba(246,243,239,.94) 70%,
    rgba(240,244,242,.96) 100%
  ) !important;
}

/* H2 */
.view-normal #cuid_829 header h2 {
  color: var(--cks-text) !important;
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Body text */
.view-normal #cuid_829 header div p {
  color: var(--cks-text-muted) !important;
  line-height: 1.7;
}

/* Primary button → orange */
.view-normal #cuid_829 .incms-primary-button:not(.incms-btn-outline) a {
  background: var(--cks-orange) !important;
  color: #ffffff !important;
  border-color: var(--cks-orange) !important;
  border-radius: var(--cks-radius-sm) !important;
  padding: 14px 38px !important;
  font-weight: 700;
  font-size: 1rem;
}
.view-normal #cuid_829 .incms-primary-button:not(.incms-btn-outline) a:hover {
  background: var(--cks-orange-light) !important;
  transform: translateY(-3px);
  box-shadow: var(--cks-shadow-lg), 0 0 32px var(--cks-orange-glow);
}

/* Outline button → green */
.view-normal #cuid_829 .incms-btn-outline a {
  color: var(--cks-accent) !important;
  border-color: var(--cks-accent) !important;
  border-radius: var(--cks-radius-sm) !important;
  font-weight: 700;
  padding: 12px 34px !important;
}
.view-normal #cuid_829 .incms-btn-outline a:hover {
  background: rgba(57,95,85,.06) !important;
  border-color: var(--cks-accent-light) !important;
  transform: translateY(-3px);
}


/* ─── 15l-6 FEATURE-BOX-ICON TABLES (page-90) ── */

.view-normal.page-90 .incms-feature-box-icon .rich-text table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 10px 0;
  font-size: 0.88rem;
  border: 1px solid var(--cks-border-strong);
  border-radius: var(--cks-radius-sm);
  overflow: hidden;
}
.view-normal.page-90 .incms-feature-box-icon .rich-text table th,
.view-normal.page-90 .incms-feature-box-icon .rich-text table thead td {
  font-weight: 800;
  color: var(--cks-text) !important;
  background: var(--cks-bg-cool);
  border-bottom: 2px solid var(--cks-border-strong);
  padding: 10px 14px;
  font-size: 0.85rem;
  text-align: left;
}
/* Tables without thead: style first row as header */
.view-normal.page-90 .incms-feature-box-icon .rich-text table:not(:has(thead)) tr:first-child td {
  font-weight: 800;
  color: var(--cks-text) !important;
  background: var(--cks-bg-cool);
  border-bottom: 2px solid var(--cks-border-strong);
  padding: 10px 14px;
  font-size: 0.85rem;
}
/* tbody rows: always normal styling (overrides old first-child) */
.view-normal.page-90 .incms-feature-box-icon .rich-text table tbody tr td {
  font-weight: normal;
  color: var(--cks-text) !important;
  background: transparent;
  border-bottom: 1px solid var(--cks-border);
  padding: 9px 14px;
  font-size: 0.88rem;
}
.view-normal.page-90 .incms-feature-box-icon .rich-text table td {
  padding: 9px 14px;
  border-bottom: 1px solid var(--cks-border);
  color: var(--cks-text) !important;
  text-align: left;
  vertical-align: top;
  transition: background-color var(--cks-t-fast) ease;
}
/* Zebra striping: consistent across all tables.
   odd = 1st, 3rd, 5th data row → light tint
   even = 2nd, 4th, 6th data row → white
   With thead: count from tbody tr
   Without thead: first row is header, then from tr:nth-child(even) */
.view-normal.page-90 .incms-feature-box-icon .rich-text table tbody tr:nth-child(odd) td {
  background: rgba(57,95,85,.03);
}
.view-normal.page-90 .incms-feature-box-icon .rich-text table tbody tr:nth-child(even) td {
  background: transparent;
}
/* Tables without thead: header is tr:first-child, zebra from second row */
.view-normal.page-90 .incms-feature-box-icon .rich-text table:not(:has(thead)) tr:nth-child(even) td {
  background: rgba(57,95,85,.03);
}
.view-normal.page-90 .incms-feature-box-icon .rich-text table:not(:has(thead)) tr:nth-child(odd):not(:first-child) td {
  background: transparent;
}
/* Row hover: consistent */
.view-normal.page-90 .incms-feature-box-icon .rich-text table tbody tr:hover td,
.view-normal.page-90 .incms-feature-box-icon .rich-text table:not(:has(thead)) tr:not(:first-child):hover td {
  background: rgba(57,95,85,.07);
}

/* thead th */
.view-normal.page-90 .incms-feature-box-icon .rich-text table thead th {
  font-weight: 800;
  color: var(--cks-text) !important;
  background: var(--cks-bg-cool);
  border-bottom: 2px solid var(--cks-border-strong);
  padding: 10px 14px;
  text-align: left;
}


/* ─── 15l-7 FEATURE-IMG-CONTENT page-90 REFINEMENT ── */

/* Blockquote styling for light feature-img sections */
.view-normal.page-90 .feature-img-content[data-theme="normal"] blockquote {
  border-left: 3px solid var(--cks-accent);
  padding: 12px 0 12px 20px;
  margin: 20px 0;
  background: var(--cks-bg-cool);
  border-radius: 0 var(--cks-radius-sm) var(--cks-radius-sm) 0;
}
.view-normal.page-90 .feature-img-content[data-theme="normal"] blockquote p {
  color: var(--cks-text-muted) !important;
  font-size: 0.92rem;
  line-height: 1.65;
  margin-bottom: 0;
}
.view-normal.page-90 .feature-img-content[data-theme="normal"] blockquote em {
  font-style: italic;
  color: var(--cks-text-muted);
}


/* ─── 15l-8 RESPONSIVE OVERRIDES page-90 ──── */

@media (max-width: 768px) {

  /* Calculator header */
  .view-normal .infiniweb-cks-kalk01 .infiniweb-cks-kalk01__h1 {
    font-size: clamp(1.8rem, 7vw, 2.4rem) !important;
  }
  .view-normal .infiniweb-cks-kalk01 .highlight-badge::after {
    animation-duration: 5s;
  }

  /* Feature5 #cuid_816: image grid stacked */
  .view-normal #cuid_816 .incms-grid {
    flex-direction: column;
  }
  .view-normal #cuid_816 .col-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Green sections: image hover disabled on mobile */
  .view-normal #cuid_819:hover .media-wrapper img,
  .view-normal #cuid_821:hover .media-wrapper img {
    transform: none;
  }

  /* Navy section: 2-column → stacked */
  .view-normal #cuid_823 .ym-grid.equal-grid {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }
  .view-normal #cuid_823 .ym-g50 {
    width: 100% !important;
  }

  /* Tables in feature-box-icons: more compact */
  .view-normal.page-90 .incms-feature-box-icon .rich-text table {
    font-size: 0.82rem;
  }
  .view-normal.page-90 .incms-feature-box-icon .rich-text table td,
  .view-normal.page-90 .incms-feature-box-icon .rich-text table th {
    padding: 7px 10px;
  }

  /* CTA2 buttons stacked */
  .view-normal #cuid_829 .btn-group {
    flex-direction: column;
  }
  .view-normal #cuid_829 .btn-group .incms-btn {
    width: 100%;
  }
  .view-normal #cuid_829 .btn-group .incms-btn a {
    display: block;
    text-align: center;
  }
}


/* ─── 15l-9 HEADER LINK STYLING ────────────── */

/* Link primary button */
.incms-correction header a{
 font-size:18px !important;
}
/* ============================================
   § 16. RESPONSIVE OVERRIDES
   ============================================ */

@media (max-width: 768px) {
  .view-normal section header h2 {
    font-size: clamp(1.5rem, 6vw, 2rem) !important;
  }
  .view-normal .incms-feature-box-icon .incms-grid,
  .view-normal .incms-feature3 .incms-grid { flex-direction: column; }
  .view-normal .incms-feature-box-icon .col:hover,
  .view-normal .incms-feature3 .col:hover,
  .view-normal .feature-img-content:hover .media-wrapper img { transform: none; }
  .view-normal .incms-hero1 .btn-group { flex-direction: column; }
  .view-normal .incms-hero1 .btn-group .incms-btn { width: 100%; }
  .view-normal .incms-hero1 .btn-group .incms-btn a { display: block; text-align: center; }
  .view-normal .incms-hero2 .btn-group .incms-btn { width: 100%; }
  .view-normal .incms-hero2 .btn-group .incms-btn a { display: block; text-align: center; }
  .view-normal .incms-custom-section .ym-grid.equal-grid {
    display: flex !important; flex-direction: column; gap: 24px;
  }
  .view-normal .incms-custom-section .ym-g50 { width: 100% !important; }
  .view-normal .incms-hero1 .highlight-badge::after { animation-duration: 5s; }
  .view-normal .incms-custom-section .ym-gbox:hover { transform: none; }

  /* Table label on mobile */
  .view-normal .incms-custom-section .ym-gbox p:has(+ table) {
    display: block;
    border-radius: var(--cks-radius-sm) var(--cks-radius-sm) 0 0;
    font-size: 0.75rem !important;
    padding: 5px 12px;
    margin-top: 18px;
  }

  /* Comparison section on mobile */
  .view-normal #cuid_654 {
    padding-top: 32px !important; padding-bottom: 32px !important;
  }
  .view-normal #cuid_654 .incms-container {
    padding-left: 16px; padding-right: 16px;
  }
  .view-normal #cuid_654 h2 {
    font-size: clamp(1.3rem, 5vw, 1.6rem) !important; text-align: left;
  }
  .view-normal #cuid_654 > .incms-container > p {
    text-align: left; font-size: 0.9rem;
  }
  .view-normal #cuid_654 table { font-size: 0.8rem; margin: 16px 0; }
  .view-normal #cuid_654 table td { padding: 10px 12px; }
  .view-normal #cuid_654 .btn-group { margin-top: 20px; }
  .view-normal #cuid_654 .incms-secondary-button a,
  .view-normal #cuid_656 a {
    padding: 12px 24px !important; font-size: 0.9rem;
    display: block; text-align: center;
  }

  /* Vehicle cards on mobile */
  .view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) .ym-gbox {
    padding: 18px !important;
  }
  .view-normal .incms-custom-section .ym-gbox h2 {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
    margin-top: 16px; margin-bottom: 8px;
  }
  .view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table {
    font-size: 0.82rem;
  }
  .view-normal .incms-custom-section[style*="--custom-section-bg-color: #081d27"]:not(:has(.incms-faq1)):not(.kontakt):not(.kontaktformular) table td {
    padding: 8px 10px;
  }
  .view-normal .incms-custom-section .ym-gbox .incms-custom-btn { margin-top: 16px; }

  /* Feature-box grid cards: reduced padding */
  .view-normal .incms-feature-box-icon[data-theme="incms"] .col { padding: 16px !important; }

  /* 4-step number circles on mobile — hide connecting line */
  .view-normal #cuid_613 .incms-grid .col:not(:last-child)::before { display: none; }

  /* v2.1: Contact section on mobile */
  .view-normal .incms-custom-section.kontakt iframe {
    min-height: 280px;
  }
  .view-normal .incms-custom-section.kontakt .direktkontakt {
    padding: 16px 18px;
    margin-top: 20px;
  }

  /* v2.1: Form section on mobile */
  .view-normal .incms-custom-section.kontaktformular .cks-formular {
    padding: 20px 16px;
  }
  .view-normal .incms-custom-section.kontaktformular .incms-form-field {
    padding: 10px 14px !important;
    font-size: 0.88rem;
  }
  .view-normal .incms-custom-section.kontaktformular .incms-button button[type="submit"] {
    width: 100%;
    padding: 12px 24px !important;
    display: block;
    text-align: center;
  }
  /* Image hover disabled on mobile */
  .view-normal .incms-custom-section.kontaktformular:hover .media-single-image img {
    transform: none;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .view-normal .incms-feature-box-icon[style*="--grid-cols: 3"] .incms-grid { flex-wrap: wrap; }
  .view-normal .incms-feature-box-icon[style*="--grid-cols: 3"] .incms-grid .col {
    flex: 0 0 calc(50% - 10px);
  }
}


/* ============================================
   § 17. REDUCED MOTION (A11y)
   ============================================ */

@media (prefers-reduced-motion: reduce) {
  .view-normal .section,
  .view-normal .incms-feature-box-icon .col,
  .view-normal .incms-feature-box-icon .icon-wrapper,
  .view-normal .incms-feature3 .col,
  .view-normal .incms-feature3 .incms-feature3-media img,
  .view-normal .incms-feature-img-content-media .media-wrapper img,
  .view-normal .incms-hero2 .side-image,
  .view-normal .incms-custom-section .media-single-image img,
  .view-normal .incms-primary-button a,
  .view-normal .incms-btn-outline a,
  .view-normal .incms-secondary-button a,
  .view-normal .incms-accordion-item,
  .view-normal .incms-cta2-inner {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
  .view-normal .section { opacity: 1 !important; transform: none !important; }
  .view-normal .incms-hero1 .highlight-badge::after { animation: none !important; }
}

/* ============================================
   § 18. MOBILE MENU REDESIGN
   ============================================
   Applies exclusively to max-width: 768px.
   No existing code is overridden —
   only additions and refinements.
*/

/* Desktop: hide injected CTA button */
.infiniweb-header04__mobile-cta {
  display: none;
}

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

  /* ── 18a. Dropdown Container ── */

  .view-normal .infiniweb-header04__menu {
    /* Margin: 8px clearance on all sides */
    left: 8px !important;
    right: 8px !important;
    top: calc(100% + 8px) !important;
    width: auto !important;

    /* Modern shape */
    border-radius: var(--cks-radius-lg) !important;
    overflow: hidden;

    /* Glassmorphism matching header blur */
    background: linear-gradient(
      155deg,
      var(--cks-navy) 0%,
      var(--cks-green-start) 25%,
      var(--cks-green-mid) 55%,
      var(--cks-green-end) 100%
    ) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);

    /* Subtle border outline */
    border: 1px solid rgba(255, 255, 255, 0.10) !important;

    /* Depth via layered shadows */
    box-shadow:
      0 20px 60px rgba(8, 29, 39, 0.35),
      0 4px 16px rgba(0, 0, 0, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

    /* Slide-down animation: initial state */
    transform-origin: top center;
    transform: scaleY(0.92) translateY(-8px);
    opacity: 0;

    /* Smooth opening transition */
    transition:
      transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;

    /* Internal padding */
    padding: 16px 8px 20px !important;

    /* Pointer-events disabled when closed */
    pointer-events: none;
  }

  /* Open state */
  .view-normal .infiniweb-header04__mobile-toggle.is-active
    ~ .infiniweb-header04__menu {
    transform: scaleY(1) translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto;
  }


  /* ── 18b. Navigation Links ── */

  /* Two competing rules from niche_wrappers/niche_custom:
     1. ...is-scrolled .ym-hlist ul li a (without __menu)
     2. ...is-scrolled .infiniweb-header04__menu .ym-hlist ul > li > a (with __menu)
     We override both with a single selector covering both contexts. */
  .view-normal [data-colors="custom"].infiniweb-header04.is-scrolled
    .infiniweb-header04__menu .ym-hlist ul li a,
  .view-normal [data-colors="custom"].infiniweb-header04.is-scrolled
    .infiniweb-header04__menu .ym-hlist ul li a:hover,
  .view-normal [data-colors="custom"].infiniweb-header04.is-scrolled
    .infiniweb-header04__menu .ym-hlist ul li a:focus,
  .view-normal [data-colors="custom"].infiniweb-header04.is-scrolled
    .infiniweb-header04__menu .ym-hlist ul li a:active,
  .view-normal [data-colors="custom"].infiniweb-header04.is-scrolled
    .infiniweb-header04__menu .ym-hlist ul li a.active,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__menu .ym-hlist ul li a,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__menu .ym-hlist ul li a:hover,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__menu .ym-hlist ul li a:focus,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__menu .ym-hlist ul li a:active,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__menu .ym-hlist ul li a.active {
    color: #ffffff !important;
  }


  .view-normal .infiniweb-header04__menu .ym-hlist > ul > li > a,
  .view-normal .infiniweb-header04__menu .ym-hlist > ul > li:hover > a {
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 12px 16px !important;
    border-radius: var(--cks-radius-sm) !important;
    margin: 2px 4px !important;
    transition:
      background-color 0.18s ease,
      color 0.18s ease !important;
    display: block;
  }

  /* Hover and focus states */
  .view-normal .infiniweb-header04__menu .ym-hlist > ul > li > a:hover,
  .view-normal .infiniweb-header04__menu .ym-hlist > ul > li > a:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  /* Active menu item */
  .view-normal .infiniweb-header04__menu .ym-hlist > ul > li > a.active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
    font-weight: 700;
  }

  /* Divider between links and CTA */
  .view-normal .infiniweb-header04__menu .ym-hlist > ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 8px;
    margin-bottom: 0;
  }


  /* ── 18c. Burger Icon — Both States ── */

  /* incms variant (page-75 etc.): Burger at is-top and is-scrolled states dark — no transparent background */
  .view-normal [data-colors="incms"].infiniweb-header04.is-top
    .infiniweb-header04__burger-icon,
  .view-normal [data-colors="incms"].infiniweb-header04.is-top
    .infiniweb-header04__burger-icon::before,
  .view-normal [data-colors="incms"].infiniweb-header04.is-top
    .infiniweb-header04__burger-icon::after,
  .view-normal [data-colors="incms"].infiniweb-header04.is-scrolled
    .infiniweb-header04__burger-icon,
  .view-normal [data-colors="incms"].infiniweb-header04.is-scrolled
    .infiniweb-header04__burger-icon::before,
  .view-normal [data-colors="incms"].infiniweb-header04.is-scrolled
    .infiniweb-header04__burger-icon::after {
    background-image: linear-gradient(var(--cks-text), var(--cks-text)) !important;
  }

  /* Menu open in is-top state for custom variant only (transparent):
     X white because header background is dark/transparent. */
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon::before,
  .view-normal [data-colors="custom"].infiniweb-header04.is-top
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon::after {
    background-image: linear-gradient(#ffffff, #ffffff) !important;
  }

  /* Menu open in is-scrolled state or for incms variant:
     X dark, matching visible white header. */
  .view-normal [data-colors="incms"].infiniweb-header04
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon,
  .view-normal [data-colors="incms"].infiniweb-header04
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon::before,
  .view-normal [data-colors="incms"].infiniweb-header04
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon::after,
  .view-normal .infiniweb-header04.is-scrolled
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon,
  .view-normal .infiniweb-header04.is-scrolled
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon::before,
  .view-normal .infiniweb-header04.is-scrolled
    .infiniweb-header04__mobile-toggle.is-active
    .infiniweb-header04__burger-icon::after {
    background-image: linear-gradient(var(--cks-text), var(--cks-text)) !important;
  }


  /* ── 18d. CTA Button (injected via JS) ── */

  .view-normal .infiniweb-header04__mobile-cta {
    padding: 12px 12px 4px;
    display: flex;
  }

  .view-normal .infiniweb-header04__mobile-cta a {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--cks-orange) !important;
    color: #ffffff !important;
    border-radius: var(--cks-radius-sm) !important;
    padding: 13px 24px !important;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none;
    border: none !important;
    box-shadow: 0 4px 16px rgba(212, 129, 58, 0.30);
    transition:
      background-color 0.18s ease,
      transform 0.18s ease,
      box-shadow 0.18s ease;
  }

  .view-normal .infiniweb-header04__mobile-cta a:hover,
  .view-normal .infiniweb-header04__mobile-cta a:focus {
    background: var(--cks-orange-light) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 129, 58, 0.40);
  }

  .view-normal .infiniweb-header04__mobile-cta a:active {
    transform: translateY(0);
  }


  /* ── 18e. Reduced Motion ── */

  @media (prefers-reduced-motion: reduce) {
    .view-normal .infiniweb-header04__menu {
      transition: opacity 0.01ms !important;
      transform: none !important;
    }
    .view-normal .infiniweb-header04__mobile-cta a {
      transition: none !important;
    }
  }

} /* End @media max-width: 768px */

/* ============================================
   § 19. VEHICLE PAGE #cuid_636: Height Normalization
   ============================================ */
/*
   Structure (post-refactor):
   .ym-gbox
     └─ .smart-sunlight / .smart-challenger  (Gallery + Title + Text)
     └─ .equal-high-grid / .equal-grid       (Tables + CTA)

   Fix 1: Remove gallery section padding
   Fix 2: Tables+CTA wrapper grows, CTA anchors to bottom
   Fix 3: overflow:visible on ym-gbox (§8 sets overflow:hidden)
*/

/* 1. Gallery: remove section padding (embedded) */
.view-normal #cuid_636 .ym-gbox .infiniweb-gallery01v2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2. overflow:visible on ym-gbox (§8 sets overflow:hidden) */
.view-normal #cuid_636 > .incms-container > .ym-grid > .ym-g50 > .ym-gbox {
  overflow: visible !important;
}

/* 3. Desktop: flex-stretch for uniform heights */
@media screen and (min-width: 769px) {

  /* ym-gbox as flex column */
  .view-normal #cuid_636 .equal-grid > .ym-g50 > .ym-gbox {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 0 auto !important;
  }

  /* First SmartClass wrapper (gallery + text): grows with shorter text */
  .view-normal #cuid_636 .ym-gbox > .smart-sunlight,
  .view-normal #cuid_636 .ym-gbox > .smart-challenger {
    flex: 1 0 auto;
  }
  .view-normal #cuid_636 .ym-gbox > .smart-sunlight > .infiniweb-smartclass-inner,
  .view-normal #cuid_636 .ym-gbox > .smart-challenger > .infiniweb-smartclass-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  /* Last text block grows */
  .view-normal #cuid_636 .smart-sunlight > .infiniweb-smartclass-inner > div.editable-text:last-of-type,
  .view-normal #cuid_636 .smart-challenger > .infiniweb-smartclass-inner > div.editable-text:last-of-type {
    flex: 1 0 auto;
  }

  /* Tables+CTA wrapper: no flex-grid behavior.
     The "equal-grid" class on SmartClass must NOT
     be interpreted as an inCMS grid */
  .view-normal #cuid_636 .ym-gbox > .infiniweb-smartclass.equal-high-grid {
    flex: 0 0 auto;
    display: block !important;
  }
  .view-normal #cuid_636 .ym-gbox > .infiniweb-smartclass.equal-high-grid > .infiniweb-smartclass-inner {
    display: block;
  }

  /* CTA within tables wrapper: margin-top:auto not needed,
     height normalization happens through text area above */
}