legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
	Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
	- The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
	all: unset;
	display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
	cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
	list-style: none;
}

/* For images to not be able to exceed their container */
img {
	max-inline-size: 100%;
	max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
	border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
	-webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
	white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
	-webkit-appearance: revert;
	appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
	all: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
	color: unset;
}

/* remove default dot (•) sign */
::marker {
	content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
	display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
	-webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
	-webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
	all: revert;
}

/* Contao Rules*/

.invisible {
	display: none !important;
}
/*Schritfarten Import */

/* manrope-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/theme/fonts/manrope-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme/fonts/manrope-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/theme/fonts/manrope-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Typographie Allgemein */

#container h1
{
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-weight: 600;
	margin-bottom: 2rem;
	color: #5793AB;
	font-weight: 300;
	letter-spacing: 0.5px;
	position: relative;
	display: inline-block;

}
@media (max-width: 1680px) {
	#container h1 {
	font-size: 1.3rem;
	line-height: 1.5rem;
	margin-bottom: 1.2rem;
	letter-spacing: 0.25px;
}
}


@media (max-width: 991px) {
	#container h1 {
	font-size: 1.2rem;
	line-height: 1.6rem;
	line-break: 1.3rem;
	margin-bottom: 1rem;
	letter-spacing: 0px;
	font-weight: 600;
}
}

#container h1:before {
	content: "# "
}



#container .h1{
	font-size: 4.3rem;
	line-height: 4.5rem;
	margin-bottom: 2rem;
	letter-spacing: -2px;
	font-weight: 600;
}

#container .h1 .h1small {
	font-size: 0.7em;
}

@media (max-width: 1680px ){
	#container .h1 {
		font-size: 4rem;
		line-height: 4.5rem;
		margin-bottom: 1rem;

	}
}



@media (max-width: 991px ){
	#container .h1 {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-bottom: 1rem;

	}
}

#container h2 {
	font-size: 1.0rem;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 300;
	padding-bottom: 0px;
	line-height: 1rem;
	margin-bottom: 0px;
	margin-left: 3rem;
}

@media (max-width: 991px) {
	#container h2 {
		line-height: 1.4rem;
		letter-spacing: 3px;
	}
}

#container h2:before {
	content: "—";
	color: #5793AB;
	font-size: 3em;
	position: absolute;
	vertical-align: middle;
	left: 2.5rem;
	margin-top: -0.3rem;
	
	
}
@media (max-width: 1680px) {
	#container h2:before  {
		left: 0.7rem;
}
}

@media (max-width: 991px) {
	#container h2:before  {
		left: 0.5rem;
}
}


#container .h2 {
	font-size: 2.8rem;
	line-height: 4rem;
	margin-bottom: 1rem;
	font-weight: 600;
	letter-spacing: -1.5px;
}

@media (max-width: 1680px) {
	#container .h2 {
		font-size: 2.3rem;
		line-height: 2.8rem;
}
}

@media (max-width: 991px) {
	#container .h2 {
		font-size: 2rem;
		line-height: 2.5rem;
}
}




#container h3,
#container .h3 {
	font-size: 1.6rem;
	line-height: 2.1rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
}

@media (max-width: 1680px) {
	#container h3,
	#container .h3 {
		font-size: 1.4rem;
		line-height: 1.7rem;
	}
}

@media (max-width: 991px) {
	#container h3,
	#container .h3 {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}
#container h4,
#container .h4 {
	font-size: 1.3rem;
	line-height: 1.8rem;
	font-weight: 600;
	margin-bottom: 0.3rem;
}

@media (max-width: 991px) {
	#container h4,
	#container .h4 {
		font-size: 1.1rem;
		line-height: 1.3rem;
	}
}
#container h5,
#container .h5 {
	font-size: 1.3rem;
	line-height: 1.6rem;
}
#container h6,
#container .h6 {
	font-size: 1.2rem;
	line-height: 1.4rem;
}

#container p, 
#container ul {
	font-size: 1.1rem;
	line-height: 1.7rem;
	margin-bottom: 1rem;
}

@media (max-width: 991px) {
	#container p, 
	#container ul {
		margin-bottom: 0.5rem;
		line-height: 1.6rem;
	}
}

#container p strong {
	font-weight: 600;
}

#container ul {
  list-style-type: initial;
  padding-left: 1rem;
}

#container ol {
	padding-left: 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch
}

			
#container ol li {
  list-style-type: none;
  counter-increment: item;
  padding-left: 3rem;
  margin-bottom: 2rem;
  width: 45%;
  line-height: 1.7rem;
  font-size: 1.1rem;
}

#container .olfw ol li {
	width: 100%;
}

@media (max-width: 767px) {
	#container ol li {
		width: 100%;
	}
}

#container ol li h3:before {
  content: counter(item);
  font-size: 80%;
  background-color: #5793AB;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  margin-left: -4rem;
  margin-right: 1.4rem;
  line-height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
	


#container ul > li > ul,
#container ol > li > ol {
  margin: 0px;
  padding-left: 2rem;
}

#container h1 strong,
#container h2 strong,
#container h3 strong,
#container h4 strong,
#container h5 strong,
#container h6 strong,
#container ul li strong {
	font-weight: bolder;
}

#container h1 em,
#container h2 em,
#container h3 em,
#container h4 em,
#container h5 em,
#container h6 em,
#container p em, 
#container ul li em {
	font-style: italic;
}

#container hr {
	height: 1px;
	 border: none;
	 background-color: #000;
	 margin-bottom: 25px;
}

.underline {
	text-decoration: underline;
	text-decoration-thickness: 6px;
	
}

/* Größen */

.size-80 {
	font-size: 0.8rem !important;
}

.size-90 {
	font-size: 0.9rem !important;
}

/*Farben */

.c5793AB {
	color: #5793AB; 
}

/*Buttons*/

.btn {
	border: 1px solid #333;
	display: inline-block;
	padding: 0.5rem 1rem 0.5rem 1rem;
	line-height: 2rem;
	border-radius: 15px;
	transition: transform 0.3s ease;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.btn {
		padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	}
}

.btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 .25rem .75rem rgba(30,34,40,.15);
}


.btn-primary {
	background-color: #333;
	color: #fff;
}

.btn-secondary {
	color: #333;
	border: 1px solid #333 !important;
}



/*Abstände */

.mr {
	margin-right: 0.5rem;
}
.ml {
	margin-left: 0.5rem;
}

/*Icons */

.icon-m figure,
.icon-l {
	text-align: center;
}

.icon-m figure img {
	width: 100px;
	max-inline-size: none;
	max-block-size: none;
}

@media (max-width: 767px) {
	.icon-m figure img {
		width: 75px;
	}
}

.icon-l figure img {
	width: 130px;
	max-inline-size: none;
	max-block-size: none;
	margin-bottom: 1.5rem;
}

/*Schatten Bilder */

.schatten figure img {
box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
}

/* TOP-header */

.top-header-stars {
	color: #F3AD03
}



/* Icons Flaticon */

.icon-mail::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m22.459 8.1-6.924-6.636a5.026 5.026 0 0 0-7.055-.015L1.54 8.1A5.028 5.028 0 0 0 0 11.708V19a5.006 5.006 0 0 0 5 5h14a5.006 5.006 0 0 0 5-5v-7.292A5.025 5.025 0 0 0 22.459 8.1ZM9.879 2.878a3.013 3.013 0 0 1 4.258.016l6.747 6.464-6.763 6.764a3.074 3.074 0 0 1-4.242 0L3.115 9.358ZM22 19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-7.292a3.014 3.014 0 0 1 .059-.578l6.406 6.406a5.024 5.024 0 0 0 7.07 0l6.406-6.406a3.014 3.014 0 0 1 .059.578Z" fill="%235793ab" data-original="%23000000" class="" opacity="1"></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;}
.icon-phone::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M14.2 16.261a12.133 12.133 0 0 1-6.453-6.468l3.4-3.406L4.887.122l-3.171 3.17A5.9 5.9 0 0 0 0 7.5C0 14.748 9.252 24 16.5 24a5.889 5.889 0 0 0 4.207-1.716l3.171-3.171-6.265-6.265Zm5.092 4.609A3.9 3.9 0 0 1 16.5 22C10.267 22 2 13.733 2 7.5a3.907 3.907 0 0 1 1.13-2.793L4.887 2.95l3.437 3.437-2.935 2.935.245.614a14.372 14.372 0 0 0 8.447 8.436l.606.231 2.926-2.927 3.437 3.437ZM14 2V0a10.011 10.011 0 0 1 10 10h-2a8.009 8.009 0 0 0-8-8Zm0 4V4a6.006 6.006 0 0 1 6 6h-2a4 4 0 0 0-4-4Z" fill="%235793ab" data-original="%23000000" opacity="1" class=""></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;
}
.icon-location::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M18 6c0-3.309-2.691-6-6-6S6 2.691 6 6a6.009 6.009 0 0 0 5 5.916V23a1 1 0 0 0 2 0V11.916A6.009 6.009 0 0 0 18 6Zm-6 4c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4Z" fill="%235793ab" data-original="%23000000" opacity="1" class=""></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;
}

.icon-zeit::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M9 24H1a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM7 20H1a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM5 16H1a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" fill="%235793ab" data-original="%23000000" opacity="1"></path><path d="M13 23.955a1 1 0 0 1-.089-2A10 10 0 1 0 2.041 11.09a1 1 0 0 1-1.992-.18A12 12 0 0 1 24 12a11.934 11.934 0 0 1-10.91 11.951.917.917 0 0 1-.09.004z" fill="%235793ab" data-original="%23000000" opacity="1"></path><path d="M12 6a1 1 0 0 0-1 1v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7a1 1 0 0 0-1-1z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;
}
.icon-termin::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M17 10.039c-3.859 0-7 3.14-7 7C10 20.877 13.141 24 17 24s7-3.14 7-7c0-3.838-3.141-6.961-7-6.961ZM17 22c-2.757 0-5-2.226-5-4.961 0-2.757 2.243-5 5-5s5 2.226 5 4.961c0 2.757-2.243 5-5 5Zm1.707-4.707a.999.999 0 1 1-1.414 1.414l-1-1A1 1 0 0 1 16 17v-2a1 1 0 1 1 2 0v1.586l.707.707ZM24 7v2a1 1 0 1 1-2 0V7c0-1.654-1.346-3-3-3H5C3.346 4 2 5.346 2 7v1h9a1 1 0 0 1 0 2H2v9c0 1.654 1.346 3 3 3h4a1 1 0 0 1 0 2H5c-2.757 0-5-2.243-5-5V7c0-2.757 2.243-5 5-5h1V1a1 1 0 0 1 2 0v1h8V1a1 1 0 1 1 2 0v1h1c2.757 0 5 2.243 5 5Z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;
}
.icon-kunde::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M4 13h3v2H4zm5 2h3v-2H9zm-5 4h3v-2H4zm5 0h3v-2H9zM4 7h3V5H4zm5 0h3V5H9zm-5 4h3V9H4zm5 0h3V9H9zm15-3v16H0V3a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v2h5a3 3 0 0 1 3 3zM14 3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v19h12zm8 5a1 1 0 0 0-1-1h-5v15h6zm-4 7h2v-2h-2zm0 4h2v-2h-2zm0-8h2V9h-2z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;
}
.icon-software::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M21 1H3a3 3 0 0 0-3 3v19h24V4a3 3 0 0 0-3-3zM3 3h18a1 1 0 0 1 1 1v3H2V4a1 1 0 0 1 1-1zM2 21V9h20v12zm3-9h14v2H5zm0 4h10v2H5zM3 5a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm3 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm3 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	  position: relative;
	  margin-right: 0.5rem;
}

.icon-arrowright {
	position: relative;
}

.icon-arrowright::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M23.12 9.91 19.25 6a1 1 0 0 0-1.42 0 1 1 0 0 0 0 1.41L21.39 11H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h20.45l-3.62 3.61a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l3.87-3.88a3 3 0 0 0 0-4.24Z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	  margin-left: 0.5rem;
	  vertical-align: middle;

}

.icon-arrowdown {
	position: relative;
}

.icon-arrowdown::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M18.05 17.79a1 1 0 0 0-1.42 0L13 21.42V1a1 1 0 0 0-1-1 1 1 0 0 0-1 1v20.41l-3.62-3.62A1 1 0 1 0 6 19.2l3.92 3.92a3 3 0 0 0 4.24 0l3.92-3.92a1 1 0 0 0-.03-1.41Z" fill="%235793ab" data-original="%23000000" opacity="1" class=""></path></g></svg>');
	  margin-left: 0.5rem;
	  vertical-align: middle;
	
}

.icon-arrowupright::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M24 2v8h-2V3.414L9.207 16.207l-1.414-1.414L20.586 2H14V0h8c1.103 0 2 .897 2 2Zm-6 20H2V7c0-.551.449-1 1-1h10.757l2-2H3C1.346 4 0 5.346 0 7v17h20V8.243l-2 2V22Z" fill="%23ffffff" data-original="%23000000" opacity="1"></path></g></svg>');
	  margin-left: 0.5rem;
	  vertical-align: middle;
}

.icon-linkedin::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1.2em" height="1.2em" x="0" y="0" viewBox="0 0 176 176" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M152 0H24A24 24 0 0 0 0 24v128a24 24 0 0 0 24 24h128a24 24 0 0 0 24-24V24a24 24 0 0 0-24-24zM60 139.28a3.71 3.71 0 0 1-3.71 3.72H40.48a3.71 3.71 0 0 1-3.72-3.72V73a3.72 3.72 0 0 1 3.72-3.72h15.81A3.72 3.72 0 0 1 60 73zM48.38 63a15 15 0 1 1 15-15 15 15 0 0 1-15 15zm94.26 76.54a3.41 3.41 0 0 1-3.42 3.42h-17a3.41 3.41 0 0 1-3.42-3.42v-31.05c0-4.64 1.36-20.32-12.13-20.32-10.45 0-12.58 10.73-13 15.55v35.86A3.42 3.42 0 0 1 90.3 143H73.88a3.41 3.41 0 0 1-3.41-3.42V72.71a3.41 3.41 0 0 1 3.41-3.42H90.3a3.42 3.42 0 0 1 3.42 3.42v5.78c3.88-5.83 9.63-10.31 21.9-10.31 27.18 0 27 25.38 27 39.32z" data-name="Layer 2" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>');
	margin-right: 0.5rem;
	vertical-align: middle;
}

/*Barrierefreiheit*/

a:focus-visible,
button:focus-visible,
select:focus-visible {
  outline: 3px dotted #ff6600 !important;
  outline-offset: 1px !important;
}

input:focus-visible,
textarea:focus-visible,
.ce_form .widget-checkbox input[type="checkbox"]:focus + label:before
{
  outline: 3px dotted #477B94 !important;
  outline-offset: 1px !important;
}


/*Allgemein */

html{
	font-size: 1rem;
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	color: #333;
	scroll-behavior: smooth;
}


@media (max-width: 1680px) {
	html {
	font-size: 0.9rem;
}
}

body {
	background-color: #477B94;
	overflow-x: hidden;

}

img {
	width: 100%;
	height: auto;
}

/* Header */

#header {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: rgb(248,253,255);
}

@media (min-width: 991px) and (max-width: 1680px) {
	#header {
	padding-left: 2.5%;
	padding-right: 2.5%;
}
}

@media (max-width: 767px) {
	#header {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}


#header .inside {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	max-width: 1800px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 1680px) {
	#header .inside {
	padding-left: 0rem;
	padding-right: 0rem;
}
}

#wrapper {
	background-color: #fff;
}

/* Layout Main */




#container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#left {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 2 1 auto;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;
	background-color: #faad;
	padding-left: 2.5%;
	
}

#main {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	-webkit-flex: 8 1 auto;
	-ms-flex: 8 1 auto;
	flex: 8 1 auto;
}

#main .inside .mod_article:first-of-type {

background: rgb(248,253,255);
background: linear-gradient(175deg, rgba(245,252,255,1) 0%, rgba(255,255,255,1) 50%);
}

#main .inside {
	margin: 0 auto;
}



#right {
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	-webkit-flex: 2 1 auto;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;
	background-color: #efcd;
	padding-right: 2.5%;
}


#footer .row {
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
}

#footer .row div {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#footer .row div ul {
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	display: inline;
}


/* Maximal Breiten*/

.w-25 {
	max-width: 25%;
}

.w-40 {
	max-width: 40%;
}

.w-50 {
	max-width: 50%;
}

.w-60 {
	max-width: 60%;
}


.w-75 {
	max-width: 75%;
}

.w-85 {
	max-width: 85%;
}

.w-100 {
	max-width: 100%;
}


/* Erstellt die Flexbox für Inhaltselemente */


#container .inside > .block,
#container .row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-left: 20%;
	padding-right: 20%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


@media (max-width: 2200px) {
	#container .inside > .block,
	#container .row {
		padding-left: 10%;
		padding-right: 10%;
	}
}


@media (max-width: 1680px) {
	#container .inside > .block,
	#container .row {
		padding-left: 10%;
		padding-right: 10%;
	}
}


@media (max-width: 1200px) {
	#container .inside > .block,
	#container .row {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
}


/*Erstellt Abstände zwischen den Inhaltselementen */

#container .inside > .block > div,
#container .row > div,
#container .ce_accordionSingle {	
	padding: 2.5rem;
	position: relative;
	padding-top: 3rem;
	padding-bottom: 3rem;
	position: relative;
}

@media (max-width: 1680px) {
	#container .inside > .block > div,
	#container .row > div,
	#container .ce_accordionSingle {
		padding: 1.5rem;
		padding-bottom: 2.5rem;
	}
}

/* Enfernt Abstände */

.p-0 {
	padding: 0rem !important;
}

.pl-0 {
	padding-left: 0rem !important
}
.pr-0 {
	padding-right: 0rem !important
}
.pt-0 {
	padding-top: 0rem !important
}

.pb-0 {
	padding-bottom: 0rem !important;
}

.m-0 {
	margin: 0rem !important;
}

.ml-0 {
	margin-left: 0rem !important
}
.mr-0 {
	margin-right: 0rem !important
}
.mt-0 {
	margin-top: 0rem !important
}

.mb-0 {
	margin-bottom: 0rem !important;
}

/*Reduziert Abstände */

.p-50 {
	padding-left: 1.75rem !important;
	padding-right: 1.75rem !important;
	padding-top: 1.75rem !important;
	padding-bottom: 1.75rem !important;
}

.pr-50 {
	padding-right: 1.75rem !important;
}

.pb-50 {
	padding-bottom: 1.75rem !important;
}

.pl-50 {
	padding-left: 1.75rem !important;
}



.p-25 {
	padding-left: 0.83rem !important;
	padding-right: 0.83rem !important;
	padding-top: 0.83rem !important;
	padding-bottom: 0.83rem !important;
}

.pr-25 {
	padding-right: 0.83rem !important;
}

.pl-25 {
	padding-left: 0.83rem !important;
}
.pt-25 {
	padding-top: 0.83rem !important;
}

.pb-25 {
	padding-bottom: 0.83rem !important;
}

/* Spalten */

.col-1 {
	width: 8.3333333%;
	position: relative;

}
.col-2 {
	width: 16.66666666%;
	position: relative;

}
.col-3 {
	width: 25%;
	position: relative;

}

@media (max-width: 767px) {
	.col-3 {
		width: 50%;
	}
}
@media (max-width: 480px) {
	.col-3 {
		width: 100%;
	}
}

.col-4 {
	width: 33.33333333%; 
	position: relative;
}

@media (max-width: 767px) {
	.col-4 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.col-4 {
		width: 100%;
	}
}


.col-5 {
	width: 41.66666666%;
}

@media (max-width: 767px) {
	.col-5 {
		width: 100%;
	}
}
.col-6 {
	width: 50%;
}

@media (max-width: 767px) {
	.col-6 {
		width: 100%;
	}
}

.col-7 {
	width: 58.33333333%;
}
@media (max-width: 767px) {
	.col-7 {
		width: 100%;
	}
}
.col-8 {
	width: 66.66666666% 
}
@media (max-width: 767px) {
	.col-8 {
		width: 100%;
	}
}
.col-9 {
	width: 75%
}
@media (max-width: 767px) {
	.col-9 {
		width: 100%;
	}
}

.col-10 {
	width: 83.33333333% 
}
.col-11 {
	width: 91.6666666% 
}
.col-12 {
	width: 100%;
}

/*Textausrichtung*/

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

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.align-self-start {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.align-self-center {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.align-self-end {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.align-self-stretch {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.align-items-center {
	align-items: center;
}


/* Ausrichtung Bild/Text Elemente */
.media--left {		
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
@media (min-width: 767px) and (max-width: 991px) {
	.media--left {		
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-center;
		align-items: flex-center;
		align-content: flex-center;
	}
}
	
.media--left figure {
	order: 0
}
.media--left .rte {
	order: 1;
	padding-left: 2rem;
}
@media (min-width: 767px) and (max-width: 1299px) {
	.media--left .rte {		
		padding-left: 0.5rem;
	}
}

@media (max-width: 767px) {
	.media--left .rte {
		padding-left: 1rem;
	}
}
.media--right {		
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

.media--right figure {
	order: 1
}

.media--right .rte {
	order: 0;
	padding-right: 2rem;
}
@media (max-width: 767px) {
	.media--right .rte {
		padding-right: 1rem;
	}
}



/*Inhaltselemente */

.ce_sliderStart {
	display: grid;
}



/*Module*/

.mod_article {
	position: relative;
}

.mod_article::before {
	content: "";
	position: absolute;
	padding-left: 10%;
	padding-right: 10%;
	top: 0;
	height: 0px; /* oder 'width: 1px;' für vertikale "Ränder" */
	width: 90%; /* Maximale Länge des "Randes" */
	background-color: #efefef; /* Farbe des "Randes" */
}

.mod_article:first-of-type::before {
	height: 0px;
}

/*Akkordion*/


.ce_accordionSingle {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;

}

.ce_accordionSingle .ui-accordion-header {
	padding: 1rem;
	padding-right: 2rem;
	border-top: 1px solid #333;
	font-size: 1.1rem;
	font-weight: 600;
	position: relative;
}


@media (max-width: 767px) {
	.ce_accordionSingle .ui-accordion-header {
	padding-left: 0px;
	padding-right: 2rem;
}
}

.mod_article .ce_accordionSingle:last-of-type .ui-accordion-header {
	border-bottom: 1px solid #333 ;
}

.mod_article .ce_accordionSingle:last-child {
	padding-bottom: 5rem !important;
}

.ce_accordionSingle .ui-accordion-header:hover {
	cursor: pointer;
	background-color: rgba(87, 147, 171, 0.1);
}

.ui-accordion-header-active::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="m22.586 5.929-9.879 9.879a1.021 1.021 0 0 1-1.414 0L1.42 5.934.006 7.348l9.873 9.874a3.075 3.075 0 0 0 4.243 0L24 7.343Z" data-name="01 align center" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');

	color: #5793AB;
	position: absolute;
	right: 0;
	vertical-align: middle;
	top: 50%; 
	transform: translate(-50%, -50%);
	
	
}

.ui-accordion-header-collapsed::after {
	
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M7.412 24 6 22.588l9.881-9.881a1 1 0 0 0 0-1.414L6.017 1.431 7.431.017l9.862 9.862a3 3 0 0 1 0 4.242Z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	color: #5793AB;
	position: absolute;
	right: 0;
	vertical-align: middle;
	top: 50%; 
	transform: translate(-50%, -50%);
}

.ce_accordionSingle .ui-accordion-content {
	border-top: 0px;
	padding: 1em;
	padding-bottom: 0.5em;
}


/* Tabelle */

.content-table {
	width: 100%;
}

.content-table table {
	width: 100%;
	border-collapse: collapse;
}

.content-table tbody th, .content-table td {
	text-align: left;
	padding: 1rem;
	border-top: 1px solid #333;
}



.content-table td {
	text-align: center;
}

.content-table th {
	font-weight: 600;
}



.content-table thead{
	font-weight: 600;
	border-top: 0px;

}

.content-table thead tr th {
	text-align: center;
	padding: 1rem;
}

.content-table thead tr th:first-of-type {
	text-align: left;
}

/* Handy-Version (unter 767px) */
@media only screen and (max-width: 767px) {
	/* Make table rows behave like "blocks" (like divs), and stack them vertically under each other */
	.content-table table, .content-table thead, .content-table tbody, .content-table th, .content-table td, .content-table tr {
		display: block;
	}
	
	.content-table th {
		background-color: #efefef;
		border-top: none !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.content-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.content-table tr {
		margin: 0 0 0rem 0;
	}
	


	.content-table td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50%;
	}
	
	.content-table td:last-child {
		border-bottom: none; 
	}

	.content-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		padding: 1rem;
	}

	/*
	Label the data
	*/
	#supportstufen  td:nth-of-type(1):before { content: "STANDARD"; }
	#supportstufen  td:nth-of-type(2):before { content: "ADVANTAGE"; }
	#supportstufen  td:nth-of-type(3):before { content: "PREMIUM"; }
	
	#supportvarianten  td:nth-of-type(1):before { content: "FULL-MANAGED"; }
	#supportvarianten  td:nth-of-type(2):before { content: "SELF-MANAGED"; }
	
	#googleadspakete  td:nth-of-type(1):before { content: "SMALL"; }
	#googleadspakete  td:nth-of-type(2):before { content: "MEDIUM"; }
	#googleadspakete  td:nth-of-type(3):before { content: "LARGE"; }
}







 #header .inside .mod_randomImage img {
	 max-width: 200px;
	 height: auto;
}

@media (max-width: 767px){
	#header .inside .mod_randomImage img {
		max-width: 150px;
	}
}
 #header-top {
	 background-color: #477B94;
	 color: #fff;
	 text-align: center;
	 padding-top: 0.75rem;
	 padding-bottom: 0.75rem;
	 font-size: 1.1rem;
}

@media (max-width: 457px) {
	#header-top {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
}

#header-top .inside {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 5%;
	padding-right: 5%;
}

@media (max-width: 1680px) {
	#header-top .inside {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
}

#header-top .inside .toplink {
	width: 33%;
}

#header-top .inside .toplink1 {
	text-align: left;
}

#header-top .inside .toplink3 {
	text-align: right;
}

@media (max-width: 980px) {
	#header-top .inside .toplink {
		width: 100%;
		text-align: center !important;
	}
}


@media (max-width: 980px) {
	#header-top {
		position: relative;
	}
	
	#header-top .inside {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-left: 0%;
		padding-right: 0%;
	}

	#header-top .inside > * {
		opacity: 0;
		position: absolute;
		width: 100%;
		pointer-events: none;
		transition: opacity 1s ease-in-out;
		text-align: center;
		z-index: 1;
	}

@keyframes slide {
		0% { opacity: 0; pointer-events: none; }
		5% { opacity: 1; pointer-events: auto; }
		30% { opacity: 1; pointer-events: auto; }
		35% { opacity: 0; pointer-events: none; }
		100% { opacity: 0; pointer-events: none; }
	}
	
	#header-top .inside > :nth-child(1) {
		animation: slide 12s infinite;
	}
	
	#header-top .inside > :nth-child(2) {
		animation: slide 12s infinite;
		animation-delay: 4s;
	}
	
	#header-top .inside > :nth-child(3) {
		animation: slide 12s infinite;
		animation-delay: 8s;
	}
	
	#header-top .inside > :nth-child(1),
	#header-top .inside > :nth-child(2),
	#header-top .inside > :nth-child(3) {
		pointer-events: auto;
		z-index: 2;
	}
}

#header-top strong {
	font-weight: 600;
}

#header-top .toplink2 span {
	border-bottom: dotted 3px #34CCCC !important;
	display: inline-block;
}


 #header .kontaktanfrage {
	 position: relative;
}
 #header .kontaktanfrage ul {
	 margin-bottom: 0px;
}
 #header .kontaktanfrage li {
	 list-style-type: none;
	 display: inline-flex;
	 font-size: 1.2rem;
	 font-weight: 600;
}
 #header .kontaktanfrage li a {
	
	 display: inline-block;
	 line-height: 2rem;
	 border-radius: 15px;
	 display: inline-flex;
}




@media (max-width: 767px) {
	#header .kontaktanfrage li a {
		font-size: 0;
		color: transparent;
		line-height: 1rem;
	}
}
 #header .kontaktanfrage li a::before {
	 content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="2em" height="2em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M12 0a12 12 0 1 0 12 12A12.013 12.013 0 0 0 12 0Zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10Z" fill="%235793ab" data-original="%23000000" opacity="1"></path><path d="M12.717 5.063A4 4 0 0 0 8 9a1 1 0 0 0 2 0 2 2 0 0 1 2.371-1.967 2.024 2.024 0 0 1 1.6 1.595 2 2 0 0 1-1 2.125A3.954 3.954 0 0 0 11 14.257V15a1 1 0 0 0 2 0v-.743a1.982 1.982 0 0 1 .93-1.752 4 4 0 0 0-1.213-7.442Z" fill="%235793ab" data-original="%23000000" opacity="1"></path><rect width="2" height="2" x="11" y="17" rx="1" fill="%235793ab" data-original="%23000000" opacity="1"></rect></g></svg>');
	 position: relative;
	 margin-right: 0.5rem;
}

/* Mobile Navigation */

@media (max-width: 991px) {
	
	.mobile_menu .inner {
		background: #fff;
	}
	
	.mobile_menu .mobile-nav-header {
		border-bottom: 1px solid #efefef;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		align-items: center;
		padding-left: 0.5rem;
		padding-right: 0.5rem;

	}
	
	.mobile_menu .col-6 {
		width: 50% !important;
		font-size: 1.5rem;
		padding: 1rem !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	
	.mobile_menu .closebutton {
		font-size: 0;
		color: transparent;
	}
	
	.mobile_menu .closebutton::before {
		
		  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1.75em" height="1.75em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M16.535 8.172 12.707 12l3.828 3.828-.707.707L12 12.707l-3.828 3.828-.707-.707L11.293 12 7.465 8.172l.707-.707L12 11.293l3.828-3.828.707.707ZM24 12c0 6.617-5.383 12-12 12S0 18.617 0 12 5.383 0 12 0s12 5.383 12 12Zm-1 0c0-6.065-4.935-11-11-11S1 5.935 1 12s4.935 11 11 11 11-4.935 11-11Z" fill="%235793ab" data-original="%23000000" opacity="1" class=""></path></g></svg>');
		  position: relative;
	}
	
	.mod_mobile_menu .icon-burger {
		font-size: 0;
		color: transparent;
	}
	
	.mod_mobile_menu .icon-burger::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="2em" height="2em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M19 5H0V2h19v3ZM0 21h19v-3H0v3Zm5-11v3h19v-3H5Z" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
	  position: relative;
	  cursor: pointer;
	}
	
	
	
	.mod_navigation-mobil .level_1 {
		font-size: 1.5rem;
	}
	
	.mod_navigation-mobil .level_2 {
		font-size: 1.25rem;
	}
	.mod_navigation-mobil .level_3 {
		font-size: 1rem;
	}
	
	

	
	.mod_navigation-mobil ul li a,
	.mod_navigation-mobil ul li strong
	 {
		border-bottom: 1px solid #efefef;

	}
	

	
	.mod_navigation-mobil ul li a,
	.mod_navigation-mobil ul li strong {
		display: block;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	
	}
	

	

	

	
	.mod_navigation-mobil ul .submenu_hide a:after {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1em" height="1em" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="m22.586 5.929-9.879 9.879a1.021 1.021 0 0 1-1.414 0L1.42 5.934.006 7.348l9.873 9.874a3.075 3.075 0 0 0 4.243 0L24 7.343Z" data-name="01 align center" fill="%235793ab" data-original="%23000000" opacity="1"></path></g></svg>');
		float: right;
		margin-right: 0.65rem;

	}
	
	.mod_navigation-mobil .level_2 li a,
	.mod_navigation-mobil .level_2 li strong {
		padding-left: 2rem;
	}
	
	
	.mod_navigation-mobil .level_3 li a,
	.mod_navigation-mobil .level_3 li strong
	{
		padding-left: 4rem;
	}
	
}


/* Navigation allgemein */
 .mod_navigation-desktop
  {
	 display: none;
 }

@media (min-width: 992px){
	
.mod_mobile_menu.block {
	display: none;
}
 .mod_navigation-desktop {
	 position: relative;
	 display: inherit;
}
 .mod_navigation-desktop a {
	 border-bottom: 0px;
}
 .mod_navigation-desktop ul {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .mod_navigation-desktop ul li {
	 position: relative;
}
 .mod_navigation-desktop ul li, .mod_navigation-desktop ul .active {
	 display: inline-flex;
	 margin-left: 1rem;
	 margin-right: 1rem;
	 font-size: 1.2rem;
	 font-weight: 600;
}
 .mod_navigation-desktop .active .active {
	 border-bottom: 5px solid #5793AB;
	 margin-left: 0px;
	 margin-right: 0px;
}
 .mod_navigation-desktop .leistungen .leistungen {
	 border-bottom: 5px solid #fff;
	 margin-left: 0px;
	 margin-right: 0px;
}
 .mod_navigation-desktop .level_1 > .submenu > a,
.mod_navigation-desktop .level_1 > .submenu > strong  {
	 display: flex;
	 text-decoration: none;
	 border: 0px;
	 padding-bottom: 1rem;
	 padding-top: 1rem;
}
 .mod_navigation-desktop .level_1 .submenu .level_2 {
	 position: absolute;
	 display:none;
	 top: 100%;
	 left: auto;
	 border-radius: 10px;
	 z-index: 1;
	 padding: 1.5rem;
	 background-color: rgba(0, 0, 0, 0.5);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
	 color: #fff;
}
 .mod_navigation-desktop .level_1 .submenu:hover .level_2 {
	 display:block;
	 animation: fade_in_show 0.5s 
}
 .mod_navigation-desktop .level_1 .megamenu-1 .level_2::before {
	 content: "";
	 position: absolute;
	 bottom: 100%;
	 left: 10%;
	 transform: translateX(-50%) rotate(180deg);
	 border-style: solid;
	 z-index: 9999;
	 border-width: 10px;
	 border-color: #7e7e7e transparent transparent transparent;
}
 @keyframes fade_in_show {
	 0% {
		 opacity: 0;
		 transform: ease-in(0) 
	}
	 100% {
		 opacity: 1;
		 transform: ease-in(1) 
	}
}
 .mod_navigation-desktop .level_1 .megamenu-1 .level_2 a, .mod_navigation-desktop .level_1 .megamenu-1 .level_2 .active .active {
	 font-weight: 600;
	 font-size: 0.9em ;
	 border: 0px solid transparent;
	 margin: 0px;
}
 .mod_navigation-desktop .megamenu-1 .level_3 a {
	 white-space: nowrap;
	 font-weight: 300 !important;
}
 .mod_navigation-desktop .level_1 .megamenu-1 .level_3 a::before, .mod_navigation-desktop .level_1 .megamenu-1 .level_3 .active .active::before {
	 content: ">";
	 padding-right: 0.5rem;
}
 .mod_navigation-desktop .level_1 .megamenu-1 .level_2 li.submenu {
	 border-bottom: 1px solid #555;
	 padding-top: 1rem;
	 padding-bottom: 1rem;
}
 .mod_navigation-desktop .level_1 .megamenu-1 .level_2 li.submenu:last-child {
	 border: 0px solid #fff;
}
 .mod_navigation-desktop .level_1 .megamenu-1 .level_2 .submenu .submenu {
	 min-width: 180px;
}
}
/*Ende */
#footer {
	 background-color: #477B94;
	 color: #fff;
	 margin-top: 3rem;
	 padding-left: 5%;
	 padding-right: 5%;
}

@media (min-width: 991px) and (max-width: 1680px) {
	#footer {
	padding-left: 2.5%;
	padding-right: 2.5%;
}
}

#footer .inside {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  max-width: 1800px;
  margin: 0 auto;}
  
  @media (max-width: 1680px) {
  #footer .inside {
	  padding-left: 0rem;
	  padding-right: 0rem;
  }
  }

 #footer a,
 #footer strong {
	 border: none;
	
	 padding-right: 1rem;
	 line-height: 2rem;
}


/***Module***/
/*BreadCrumb */

 .mod_breadcrumb ul li {
	 display: inline;
	 margin-right: 0.15rem;
	 font-size: 1rem;
}
 .mod_breadcrumb ul li a::after {
	 content: '>';
	 padding-left: 0.15rem;
	 color: #5793AB;
}

 .mod_breadcrumb a {
	 border: none;
}
/*Formular*/
 .ce_form .widget{
	 margin-bottom: 2rem;
}

@media (max-width: 991px) {
	.ce_form .widget{
		 margin-bottom: 1rem;
	}
}
 .ce_form .widget-text input, .ce_form .widget-textarea textarea, .ce_form .captcha{
	 padding: 1rem;
	 width: 100%;
	 background-color: rgba(87, 147, 171, 0.1);
	 border-radius: 10px;
	 border: 0px;
}

.ce_form .widget-text input::placeholder {
  color: #999;
}

.ce_form .captcha_text {
	color: #c02525;
	font-weight: 600;
}
 .ce_form button {
	 border: 1px solid #333 !important;
	 background: #333;
	 color: #fff;
	 padding: 0.75rem 1rem 0.75rem 1rem;
	 border-radius: 10px;
	 font-size: 1rem;
}
/* Verstecke das Standard-Checkbox-Element */
 .ce_form .widget-checkbox input[type="checkbox"] {
	 position: absolute;
	 opacity: 0;
	 width: 1px;
	 height: 1px;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 clip: rect(0 0 0 0);
	 white-space: nowrap;
	 border: 0;
}
/* Style für das benutzerdefinierte Checkbox-Element */
 .ce_form .widget-checkbox input[type="checkbox"] + label {
	 display: inline-block;
	 position: relative;
	 padding-left: 40px;
	/* Abstand für die Checkmark */
	 margin-top: 5px;
	 cursor: pointer;
}
/* Style für die Checkmark */
 .ce_form .widget-checkbox input[type="checkbox"] + label:before {
	 content: "";
	 display: inline-block;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 22px;
	 height: 22px;
	 border: 1px solid #c02525;
	/* Farbe der Checkbox */
	 margin-top: 5px;
	 border-radius: 5px;
}
/* Style für die Checkmark, wenn ausgewählt */
 .ce_form .widget-checkbox input[type="checkbox"]:checked + label:before {
	 content: "\2713";
	/* Unicode für das Häkchen-Symbol */
	 border: 1px solid #4cbb6c;
	 color: #4cbb6c;
	 font-size: 16px;
	 line-height: 20px;
	 text-align: center;
}
/* Style für den Text der Checkbox */
 .ce_form .widget-checkbox label {
	 font-size: 0.9rem;
	 line-height: 1.5;
}
/* Inhaltselemente */
 .content-image figcaption {
	 font-size: 0.9em;
	 text-align: center;
	 margin-top: 0.5rem;
}
/* ID spezfisch */
 .border-right {
	 border-right: 1px solid #efefef;
}
 #article-35 p a {
	 border-bottom: dotted 3px #fff !important;
}
 #article-36 img {
	 max-inline-size: none;
	 max-block-size: none;
	 margin-top: -5px;
}
 #article-43 .col-8 figure {
	 text-align: center;
}
 #article-43 .col-8 figure img, #preise .col-4 figure img {
	 width: 100px;
	 max-inline-size: none;
	 max-block-size: none;
}
 #article-43 .col-5 figure img {
	 border-top-right-radius: 10px;
	 border-top-left-radius: 10px;
	 display: inherit;
}
 #article-43 .karte .rte {
	 border-top-right-radius: 0px !important;
	 border-top-left-radius: 0px !important;
	 background-color: #333;
	 color: #fff;
}
/* Kunden & Projekte */

 .referenzelement .content-text h3 {
	 margin-bottom: 1.2rem;
}
 .referenzelement .content-text ul {
	 margin-bottom: 2rem;
}
 .referenzelement .content-text p:last-child {
	 margin-bottom: 0px;
}
 .referenzelement .item-1.content-image {
	 padding-bottom: 1rem;
}
 .referenzelement .item-2.content-image{
	 padding-top: 1rem;
}
 .referenzelement .content-image img {
	 box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
	 border: 1px solid #f7f7f8;
	 border-radius: 10px;
}
 .referenzelement .col-6{
	 align-self: center;
}

.referenzelement .col-6:last-child .col-6 {
	width: 50% !important;
}
 .ref-links .col-6:first-child {
	 order:2;
}
 .ref-links .col-6:last-child {
	 order:1;
}

@media (min-width: 2200px) {
	.referenzelement .col-6 .row {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}




/* .ref-links .col-6 .col-6:first-child {
	 order: 1 
}
 .ref-links .col-6 .col-6:last-child {
	 order: 2 
}
 */
 .ref-rechts .col-6:first-child {
	 order:1;
}
 .ref-rechts .col-6:last-child {
	 order:2;
}

@media (max-width: 767px) {
	.ref-rechts .col-6:first-child {
		 order:2;
	}
	 .ref-rechts .col-6:last-child {
		 order:1;
	}
}

/* .ref-rechts .col-6 .col-6:first-child {
	 order: 2 
}
 .ref-rechts .col-6 .col-6:last-child {
	 order: 1 
}
 */
 
 #anfrage .standortbild {
	 margin-top: 1rem;
 }
 #anfrage .standortbild img {
	 border-radius: 10px;
	 display: inherit;
	 width: 150px;
	 box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
}

@media (max-width: 1680px) {
	#anfrage .standortbild img {
		 border-radius: 10px;
		 display: inherit;
		 width: 120px;
		 margin-right: 1rem;
	}
}

@media (max-width: 991px) {
	#anfrage .standortbild img {
		 border-radius: 10px;
		 display: inherit;
		 width: 65px;
		 margin-right: 0.5rem;
	}
}
 #anfrage .standortbild a {
	 border-bottom: none !important;
	 display: inline-flex;
}

@media (max-width: 991px) {
	#anfrage .standortbild a {
		font-size: 1rem;
	}
}
 #anfrage .icon figure img {
	 width: 100px !important;
	 max-inline-size: none;
	 max-block-size: none;
}
 #anfrage .icon-g figure img {
	 width: 150px !important;
	 max-inline-size: none;
	 max-block-size: none;
	 margin-top: -10px;
}
 #prestashop-intro {
	 background-color: #221f5d !important;
	 background: #221f5d !important;
}
@media (max-width: 1680px) {
	#prestashop-intro {
		padding-top: 1.5rem;
		margin-bottom: 2rem;
	}
}
 #contao-intro {
	 background: #172b3b !important;
	 background-image: radial-gradient(at 50% 100%,#25455f,#172b3b) !important;
}

@media (max-width: 1680px) {
	#contao-intro {
		padding-top: 1.5rem;
		margin-bottom: 2rem;
	}
}
 #marketing-intro {
	 background-color: rgba(87, 147, 171, 0.15) !important;
	 background: rgba(87, 147, 171, 0.15) !important;
}
@media (max-width: 1680px) {
	#marketing-intro {
		padding-top: 1.5rem;
		margin-bottom: 2rem;
	}
}
 #prestashop-intro > *, #contao-intro > * {
	 color: #efefef;
}
 #prestashop-intro .btn, #contao-intro .btn{
	 border: 1px solid #efefef !important;
	 background-color: #efefef;
	 color: #000;
}
 #kunden-prestashop {
	 background-color: #F1F1FA;
}
@media (max-width: 1680px) {
	#kunden-prestashop {
		padding-top: 1.5rem;
		margin-bottom: 2rem;
	}
}
 #kunden-contao {
	 background-color: #F3FAFF;
}

@media (max-width: 1680px) {
	#kunden-contao {
		padding-top: 1.5rem;
		margin-bottom: 2rem;
	}
}

.wko-impressum img {
	width: inherit !important;
}

/* Kacheln */
 .karte, .kachel{
	 display: flex;
	 flex-direction: column;
}
 .karte .rte, .kachel .rte {
	 border-radius: 10px;
	 box-shadow: 0 0 0 .05rem rgba(87, 147, 171,.06),0 0 1.25rem rgba(87, 147, 171,.04);
	 flex-grow: 1;
	 padding: 1.75rem;
	 background-color: rgba(87, 147, 171, 0.15);
	 position: relative;
}

.karte-lp figure{
	display: flex;
}

.karte-lp .rte {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 1rem;
}

.karte-lp img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


 .prestashop-info .rte {
	 background-image: url("https://www.itnomic.at/files/img/demo/prestashop-logo.png");
	 background-repeat: no-repeat;
	 background-size: contain;
	 padding-left: 300px !important;
	 background-position: -20px 0;
	 padding-right: 0.5rem !important;
	 background-color: #1d0248;
	 border: #1d0248;
	 color: #fff;
	 box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
}
@media (max-width: 1680px) {
	.prestashop-info .rte {
		padding-left: 220px !important;
		background-position: -50px 0;
	}
}

@media (max-width: 991px) {
	.prestashop-info .rte {
		padding-left: 130px !important;
		background-position: -115px 0;
	}
}
 .contao-info .rte{
	 background-image: url("https://www.itnomic.at/files/img/demo/contao-logo.png");
	 background-repeat: no-repeat;
	 background-size: contain;
	 padding-left: 300px !important;
	 background-position: -20px 0;
	 padding-right: 0.5rem !important;
	 background-color: #f47c00;
	 border: #f47c00;
	 color: #fff;
	 box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
}
@media (max-width: 1680px) {
	.contao-info .rte {
		padding-left: 220px !important;
		background-position: -50px 0;
	}
}
@media (max-width: 991px) {
	.contao-info .rte {
		padding-left: 130px !important;
		background-position: -85px 0;
	}
}
/* Runde Preisboxen*/
 .preisalert, .preisalert-anfrage {
	 font-size: 1.3rem !important;
	 font-weight: 600;
	 position: absolute;
	 background-color: #ccc;
	 height: 110px !important;
	 width: 110px !important;
	 flex-direction: column;
	 text-align: center;
	 vertical-align: middle;
	 border-radius: 100%;
	 display: flex;
	 justify-content: center;
	/* Horizontal zentrieren */
	 align-items: center;
	 right: 2rem;
	 top: 0;
	 transform: rotate(15deg);
	 background-color: #5793ab;
	 color: #fff;
	 line-height: 1.2rem !important;
	 font-weight: 600;
}

@media (max-width: 1280px){
	.preisalert, .preisalert-anfrage {
		 font-size: 1.2rem;
		 height: 90px !important;
		 width: 90px !important;
		 right: 1rem;

	}
}



 .preisalert:before {
	 content: "ab";
	 display: block;
	 font-size: 0.7rem;
	 margin-top: -5px;
	 line-height: 1rem;
}


 .preisalert-anfrage:before {
	 contain: none !important;
}
 .preisalert span {
	 font-size: 0.7rem;
}
 .preisalert-big {
	 font-size: 9rem !important;
	 font-weight: 600;
	 margin: 0 auto;
	 background-color: #ccc;
	 height: 400px !important;
	 width: 400px !important;
	 flex-direction: column;
	 text-align: center;
	 vertical-align: middle;
	 border-radius: 100%;
	 display: flex;
	 justify-content: center;
	/* Horizontal zentrieren */
	 align-items: center;
	 right: 2rem;
	 top: 0;
	 transform: rotate(15deg);
	 background-color: #5793ab;
	 color: #fff;
	 line-height: 1.2rem;
	 font-weight: 600;
	 letter-spacing: -1rem;
	 box-shadow: 0 0 0 0 rgba(87, 147, 171, 1);
	 animation: pulse 3s infinite;
	 
}

@media (max-width: 991px) {
	.preisalert-big {
	font-size: 5rem !important;
	 height: 250px !important;
	 width: 250px !important;
	 letter-spacing: -0.5rem;
 }
 
}
 .preisalert-big-wide {
	 font-size: 6rem !important;
	 font-weight: 600;
	 margin: 0 auto;
	 background-color: #ccc;
	 height: 400px !important;
	 width: 400px !important;
	 flex-direction: column;
	 text-align: center;
	 vertical-align: middle;
	 border-radius: 100%;
	 display: flex;
	 justify-content: center;
	/* Horizontal zentrieren */
	 align-items: center;
	 right: 2rem;
	 top: 0;
	 transform: rotate(15deg);
	 background-color: #5793ab;
	 color: #fff;
	 line-height: 0rem;
	 font-weight: 600;
	 letter-spacing: -0.5rem;
	 box-shadow: 0 0 0 0 rgba(87, 147, 171, 1);
	  animation: pulse 3s infinite;
}

@media (max-width: 991px) {
	.preisalert-big-wide {
		 font-size: 3rem !important;
		 height: 250px !important;
		 width: 250px !important;
		 letter-spacing: 0rem;
		 line-height: 0rem !important;

	}

}
 .preisalert-big .preisalert-klein,
 .preisalert-big-wide .preisalert-klein  {
	 font-size: 1.5rem;
	 line-height: 11rem;
	 letter-spacing: 0rem;
}

@media (max-width: 991px) {
	.preisalert-big .preisalert-klein,
	 .preisalert-big-wide .preisalert-klein {
		 line-height: 5rem;
		 font-size: 1.2rem;
	 }
}



@keyframes pulse {
	0% {

		box-shadow: 0 0 0 0 rgba(87, 147, 171, 0.7);
	}

	70% {
		box-shadow: 0 0 0 75px rgba(0, 0, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
/* Preisanzeigen */
 .preis {
	 font-size: 2.0rem;
	 font-weight: 600;
	 color: #5793AB;
	 letter-spacing: -2px;
}

@media (max-width: 767px) {
	.preis {
		font-size: 1.6rem;
		letter-spacing: 0px;
	}
}
 #preise p:last-of-type{
	 padding-top: 1.4rem;
}
 .zeit {
	 font-size: 0.9rem;
	 font-weight: 300;
}

#preise-prestashop .karte h3,
#preise-contao .karte h3,
#preise-sonstiges .karte h3{
	margin-bottom: 2rem;
} 


.schatten img {
	box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
	border-radius: 10px;
}


/* Startseite Galerie */

 #home-intro {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 justify-content: center;
	 align-items: center;
	 align-content: center;
	 opacity:0.95;
}
 #home-intro figure {
	 padding: 0.75rem;
}
 #home-intro figure img {
	 box-shadow: 0 .25rem 1.75rem rgba(30,34,40,0.24);
	 border: 0px solid #f7f7f8;
	 border-radius: 5px;
}
 #home-intro .spalte-1 {
	 padding-top: 0rem;
}
 #home-intro .pic1 {
	 border-left: 3rem solid transparent;
}
 #home-intro .pic2 {
	 border-left: 1.5rem solid transparent;
}
 #home-intro .pic7 {
	 border-right: 5rem solid transparent;
}
 #home-intro .pic9 {
	 border-right: 1rem solid transparent;
}

.content-image {
	opacity: 0;
	transform: scale(0.9);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Verkürzt auf 0.5s */
}

/* Kürzere Verzögerungen */
.pic1 { transition-delay: 0.15s; }
.pic2 { transition-delay: 0.5s; }
.pic3 { transition-delay: 0.3s; }
.pic4 { transition-delay: 0.75s; }
.pic5 { transition-delay: 0.4s; }
.pic6 { transition-delay: 0.8s; }
.pic8 { transition-delay: 0.55s; }
.pic9 { transition-delay: 0.25s; }

.content-image.visible {
	opacity: 1;
	transform: scale(1);
}

/* Sonderqueries */

@media (max-width: 991px) {
	#anfrage .icon strong {
		display: block;
		margin-top: 1rem;
	}
		
	#home-intro .spalte-3 {
		display: none;
	}
}