article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:none;}a:active,a:hover{outline:none;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{appearance:textfield;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
.row { 	width: 100%; margin: 0; clear: both; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; }
.margin10 { margin: 0 0 10px 0; } .margin20 { margin: 0 0 20px 0; } .margin30 { margin: 0 0 30px 0; }
img, object, embed { max-width: 100%; } img { height: auto; vertical-align: auto; }
[class*='col_'] { margin: 0 2% 0 2%; display: block; float: left; }
.col_1 { width: 4.33%; } .col_2 { width: 12.66%; } .col_3 { width: 21%; } .col_4 { width: 29.33%; } .col_5 { width: 37.66%; } .col_6 { width: 46%; } .col_7 { width: 54.33%; } .col_8 { width: 62.66%; } .col_9 { width: 71%; } .col_10 { width: 79.33%; } .col_11 { width: 87.66%; } .col_12 { width: 96%; }
[class*='col_nm_'] { margin: 0; display: block; float: left; }
.col_nm_1 { width: 8.33%; } .col_nm_2 { width: 16.66%; } .col_nm_3 { width: 25%; } .col_nm_4 { width: 33.33%; } .col_nm_5 { width: 41.66%; } .col_nm_6 { width: 50%; }
.col_nm_7 { width: 58.33%; } .col_nm_8 { width: 66.66%; } .col_nm_9 { width: 75%; } .col_nm_10 { width: 83.33%; } .col_nm_11 { width: 91.66%; } .col_nm_12 { width: 100%; }
[class*='col_nmr_'] { margin: 0 0 0 2%; display: block; float: left; }
.col_nmr_1 { width: 6.33%; } .col_nmr_2 { width: 14.66%; } .col_nmr_3 { width: 23%; } .col_nmr_4 { width: 31.33%; } .col_nmr_5 { width: 39.66%; } .col_nmr_6 { width: 48%; }
.col_nmr_7 { width: 56.33%; } .col_nmr_8 { width: 64.66%; } .col_nmr_9 { width: 73%; } .col_nmr_10 { width: 81.33%; } .col_nmr_11 { width: 89.66%; } .col_nmr_12 { width: 98%; }
[class*='col_nml_'] { margin: 0 2% 0 0; display: block; float: left; }
.col_nml_1 { width: 6.33%; } .col_nml_2 { width: 14.66%; } .col_nml_3 { width: 23%; } .col_nml_4 { width: 31.33%; } .col_nml_5 { width: 39.66%; } .col_nml_6 { width: 48%; }
.col_nml_7 { width: 56.33%; } .col_nml_8 { width: 64.66%; } .col_nml_9 { width: 73%; } .col_nml_10 { width: 81.33%; } .col_nml_11 { width: 89.66%; } .col_nml_12 { width: 98%; }
@media only screen and (max-width: 768px) {
.col_12 { width: 96%; }
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 { width: 46%; padding: 0 2% 0 2%; }
.col_nm_12, .col_nmr_12, .col_nml_12 { width: 90%; margin: 0 auto; padding: 0 5% 0 5%; }
.col_nm_1, .col_nm_2, .col_nm_3, .col_nm_4, .col_nm_5, .col_nm_6, .col_nm_7, .col_nm_8, .col_nm_9, .col_nm_10, .col_nm_11,
.col_nmr_1, .col_nmr_2, .col_nmr_3, .col_nmr_4, .col_nmr_5, .col_nmr_6, .col_nmr_7, .col_nmr_8, .col_nmr_9, .col_nmr_10, .col_nmr_11,
.col_nml_1, .col_nml_2, .col_nml_3, .col_nml_4, .col_nml_5, .col_nml_6, .col_nml_7, .col_nml_8, .col_nml_9, .col_nml_10, .col_nml_11 { width: 50%; margin: 0; } }
@media only screen and (max-width: 564px) {
.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: 90%; margin: 0 auto; padding: 0 5% 0 5%; }
.col_nm_1, .col_nm_2, .col_nm_3, .col_nm_4, .col_nm_5, .col_nm_6, .col_nm_7, .col_nm_8, .col_nm_9, .col_nm_10, .col_nm_11, .col_nm_12,
.col_nmr_1, .col_nmr_2, .col_nmr_3, .col_nmr_4, .col_nmr_5, .col_nmr_6, .col_nmr_7, .col_nmr_8, .col_nmr_9, .col_nmr_10, .col_nmr_11, .col_nmr_12,
.col_nml_1, .col_nml_2, .col_nml_3, .col_nml_4, .col_nml_5, .col_nml_6, .col_nml_7, .col_nml_8, .col_nml_9, .col_nml_10, .col_nml_11, .col_nml_12 { width: 90%; margin: 0 auto; padding: 0 5% 0 5%; }
[class*="col_"] { margin: 0 0 30px 0; } }

/* GLOBAL VARIABLES */
:root 
{ 
	/* COLORS */
	--wwm_color1: #ec008c; 
	--wwm_color2: #000000;
	--wwm_color3: #333333;
	--wwm_color4: #666666;

	/* FONTS */
	--wwm_font1: 'Oswald', Arial, sans-serif;
}

html { scroll-padding-top: 120px; }
html, body { height: 100%; }

h1 { font-family: var(--wwm_font1); text-transform: uppercase; font-weight: 700; padding: 0; margin: 0; }
h2 { font-family: var(--wwm_font1); text-transform: uppercase; font-weight: 700; padding: 0; margin: 0; }
h3 { font-family: var(--wwm_font1); padding: 0; margin: 0; }
h4 { font-family: var(--wwm_font1); padding: 0; margin: 0; }
h5 { font-family: var(--wwm_font1); padding: 0; margin: 0; font-weight: 400; }
h6 { font-family: var(--wwm_font1); padding: 0; margin: 0; }

.wwm-headline1 { margin: 0; }
.wwm-headline2 { margin: 0; }

.widget_wwm-headline-widget { margin-bottom: 30px !important; }

strong, b { font-weight: 700; }

p { margin: 0 0 15px 0;	min-height:	15px; }

a { color: var(--wwm_color2); transition: all .3s; text-decoration: none; }
a:hover { color:var(--wwm_color1); transition: all .3s; }


/* LAYOUT */
body { font-family: var(--wwm_font1); color:var(--wwm_color3); }

#page { width: 100%; margin: 0 auto; padding: 0; }

.desktop-logo { position: relative; width: 300px; transition: all .3s;  }
.navigationScroll .desktop-logo { width: 200px; top: 10px; }
.mobile-logo { display: none; position: fixed; top: 6px; right: 0; width: 170px; z-index: 1050; }

.slogan { position: absolute; top: 200px; left: 0; width: 430px; }
.slogan-inner { font-size: 30px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 30px; background: rgba(236,0,140,0.8); }

.headerimage { margin: 0; }

.content { line-height: 150%; padding: 25px 0 0 0; }
.maincontent { width: 1500px; margin: 50px auto 0 auto; position: relative; }

.topnavigation { position: fixed; right: 0; top: 40px; background: var(--wwm_color1); z-index: 1036; padding: 0px 80px 2px 25px; transition: all .3s;
	border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
.topnavigation a { color: #fff; margin: 0 15px 0 0; }
.topnavigation a .la-phone { font-size: 35px; }
.topnavigation a .la-envelope { font-size: 39px; }
.topScroll { top: 18px; }

.topnavigation-mobile { display: none; position: fixed; top: 0; background: var(--wwm_color2); width: 100%; z-index: 1035; }
.topnavigation-mobile-inner { margin: 0 0 0 100px; color: var(--wwm_color1); height: 60px; }
.topnavigation-mobile-inner [class*="col_"] { margin: 0 ; }
.topnavigation-mobile-inner a { font-size: 37px; margin: 0 15px; color: var(--wwm_color1); }

.bottom { margin: 200px 0 0 0; position: relative; }
.cartoon img { width: 230px; }
.cartoon { position: absolute; right: 0; top: -160px; z-index: 10; }

.footer { color: #ffffff; padding: 50px 0; line-height: 160%; width: 100%; background: var(--wwm_color2); }
.footer-content { width: 1500px; margin: 0 auto; clear: both; font-size: 18px; }
.footer a { text-decoration: none; color: #fff; }
.footer strong { text-transform: uppercase; color: var(--wwm_color1); font-weight: 700; font-size: 22px; display: inline-block; margin: 10px 0 15px 0; }
.footer .footerlogo { width: 250px; margin: 0 0 49px 0; }



/* ANCHOR */
.anker { visibility: hidden; height: 0px !important; position: absolute; margin: -130px; }

/* SITEORIGIN GENERAL */

/* block-animations .panel-grid */
.panel-grid { position: relative; opacity: 0; transition: 1.3s all ease; top: 50px; }
.panel-grid.animated { opacity: 1; top: 0; }
@media only screen and (max-width: 1024px)
{
	.panel-grid { opacity: 1; }
}
.panel-grid { -webkit-transform: none; transform: none; }



/* BUTTONS */
.button { margin: 0 10px 10px 0; outline: none; border-radius: 3px; }
.custom-btn { padding: 10px 25px; border: 2px solid #000; background: transparent; cursor: pointer; transition: all 0.3s ease; 
	position: relative; display: inline-block; text-decoration: none; }
.wwm-multibutton div { display: inline; }
/* Simple Color Fade */
.btn-0 { background: var(--wwm_color2); border: none; color: #fff; }
.btn-0:hover { background: var(--wwm_color2); color: #fff; }
/* Hover Shadow */
.btn-1 { background: var(--wwm_color1); border: none; color: #fff; }
.btn-1:hover { background: var(--wwm_color1); color: #fff; }
/* Inner Frame */
/* btn-2 { } */
.btn-2:after { position: absolute; content: ""; top: 5px; left: 6px; width: 92%; height: 72%; border: 1px solid #000; opacity: 0; transition: all 0.3s ease; }
.btn-2:hover:after { opacity: 1; }
/* Top Bottom Line */
.btn-3 { background: #000; color: #fff; line-height: 42px; padding: 0 15px 0 15px; border: none; }
.btn-3:hover { background: transparent; color: #000; box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001; }
.btn-3:before, .btn-3:after { content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #000; transition:400ms ease all; }
.btn-3:after { right:inherit; top:inherit; left:0; bottom:0; }
.btn-3:hover:before, .btn-3:hover:after { width:100%; transition:800ms ease all; }
/* Full Edge */
.btn-4 { background: #000; color: #fff; line-height: 42px; padding: 5px; border: none; }
.btn-4 span { position: relative; display: block; width: 100%; height: 100%; }
.btn-4:before, .btn-4:after { position: absolute; content: ""; height: 0%; width: 2px; background: #000; }
.btn-4:before { right: 0; top: 0; transition: all 500ms ease; }
.btn-4:after { left: 0; bottom: 0; transition: all 500ms ease; }
.btn-4:hover { color: #000; background: transparent; }
.btn-4:hover:before { transition: all 500ms ease; height: 100%; }
.btn-4:hover:after { transition: all 500ms ease; height: 100%; }
.btn-4 span:before, .btn-4 span:after { position: absolute; content: ""; background: #000; }
.btn-4 span:before { left: -5px; top: -5px; width: 0%; height: 2px; transition: all 500ms ease; }
.btn-4 span:after { right: -5px; bottom: -5px; width: 0%; height: 2px; transition: all 500ms ease; }
.btn-4 span:hover:before { width: 107%; }
.btn-4 span:hover:after { width: 107%; }
/* Middle Fade */
.btn-5 { background: #000; color: #fff; line-height: 42px; padding: 0; border: none; z-index: 1; -webkit-transition: all 0.3s linear; 
	transition: all 0.3s linear; padding: 0 10px 0 10px; }
.btn-5:hover { background: transparent; color: #000; }
.btn-5:before, .btn-5:after { position: absolute; content: ""; left: 0; width: 100%; height: 50%; right: 0; z-index: -1; background: #000; transition: all 0.3s ease; }
.btn-5:before { top: 0; }
.btn-5:after { bottom: 0; }
.btn-5:hover:before, .btn-5:hover:after { height: 0; background-color: #000; }  
/* Background */
.btn-6 { z-index: 2; transition: all 0.3s ease; overflow: hidden; }
.btn-6:after { position: absolute; content: " "; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.btn-6:hover { box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), 
	inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3); color: #fff; }
.btn-6:hover:after { -webkit-transform: scale(2) rotate(180deg); transform: scale(2) rotate(180deg); background: #000;
	box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), 
	inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3); }
/* Background Fade In */
.btn-7 { transition: all 0.3s ease; overflow: hidden; }
.btn-7:after { position: absolute; content: " "; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transition: all 0.3s ease; -webkit-transform: scale(.1); transform: scale(.1); }
.btn-7:hover { color: #fff; }
.btn-7:hover:after { background: #000; -webkit-transform: scale(1); transform: scale(1); }
/* Top Down */
.btn-8 { background: #000; color: #fff; z-index: 1; }
.btn-8:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; background: #e0e5ec; transition: all 0.3s ease; }
.btn-8:hover { color: #000; }
.btn-8:hover:after { top: 0; height: 100%; } 
.btn-8:active { top: 2px; }
/* Left Right */
.btn-9 { background: #000; color: #fff; z-index: 1; }
.btn-9:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background: #e0e5ec; transition: all 0.3s ease; }
.btn-9:hover { color: #000; }
.btn-9:hover:after { left: 0; width: 100%; }
.btn-9:active { top: 2px; }
 
.teaser { position: relative; padding: 40px; border: 1px solid #333; z-index: 0; width: 70%; margin: 34px auto 20px auto; }
.teaser:before { position: absolute; content: ''; top: -1px; left: calc(50%); transform: translate(-50%,0); height: calc(100% + 2px); width: calc(100% - 40px); background-color: #eceff6; z-index: -1; }
.teaser:after { position: absolute; content: ''; top: 50%; left: -1px; transform: translate(0%,-50%); height: calc(100% - 40px); width: calc(100% + 2px); background-color: #eceff6; z-index: -1; }
.teaser .teasertext { color: var(--wwm_color1); font-size: 24px; font-weight: 700; }
.teaser .teaserimage { width: 95%; float: right; }

/* LISTS */
/*
.content ul, .content ol { list-style-type: none; padding-left: 50px; text-indent: -50px; margin: 0; }
.content ul li, .content ol li { margin: 20px 0 20px 0; }
.content ul li:before { font-weight: 900; content: "\f25c"; font-family: 'Line Awesome Free'; font-size: 30px; color: #f59aa7; padding-right: 20px; }

.wwm-accordion ul, .content ol { list-style-type: none; padding-left: 50px; text-indent: -50px; margin: 0; }
.wwm-accordion ul li, .content ol li { margin: 20px 0 20px 0; }
.wwm-accordion ul li:before { font-weight: 900; content: ''; padding-right: 20px; background-image: url("../images/iconlist.png"); }
*/


/* FORMS */
#wwm_form input[type=text], #wwm_form input[type=email] { width: 98%; padding: 1%; border: 1px solid #000; font-family: inherit; }
#wwm_form textarea { width: 98%; padding: 1%; border: 1px solid #000; font-family: inherit; }
#wwm_form input[type=checkbox] { margin: 20px 0 20px 0; }
#wwm_form input:active, #wwm_form input:focus, #wwm_form textarea:active, #wwm_form textarea:focus { outline: none; border: 1px solid #0000ff; }
#wwm_form .button { display: inline-block; outline: none; cursor: pointer; text-align:	center; text-decoration: none !important; padding: 10px 25px 10px 25px;
	transition:	all .3s; border: none; background: rgba(181,31,42,1.0); color: #fff; }
#wwm_form .button:hover, #wwm_form .button:active { background:	rgba(181,31,42,0.8); color: #fff; }
#wwm_form .button:disabled, #wwm_form .button[disabled] { background: rgba(204,206,211,1.0); color: #333; }

.fluentform input[type=text], .fluentform select, .fluentform textarea { font-family: inherit; }
.fluentform input[type=text] { border-radius: 0; padding: 14px !important; width: 100%; }
.fluentform input[type=password] { border-radius: 0; padding: 14px !important; width: 100%; }
.fluentform textarea { border-radius: 0 !important; padding: 14px !important; width: 100%; }
.fluentform select { border-radius: 0 !important; padding: 14px !important; height: 56px !important; width: 100%; }
.fluentform .ff-btn-submit { background: var(--wwm_color1) !important; border-radius: 0 !important; transition: all .3s !important; padding: 10px 15px 10px 15px !important; }
.fluentform .ff-el-form-control:focus { color: #000; background-color: #fff; border-color: var(--wwm_color1) !important; outline: none; }
.fluentform .ff-el-form-check { float: left; margin: 0 20px 0 0; }
.fluentform input[type=text]::placeholder { color: var(--wwm_color1); font-weight: 700; }
.fluentform textarea::placeholder { color: var(--wwm_color1) !important; font-weight: 700; }

/* checkboxes standard */
.fluentform .ff-el-form-check-label input[type=checkbox] { opacity: 0; cursor: pointer; position: relative; }
.fluentform .ff-el-form-check-label div.wwm-check {
	position: relative; top: 6px; left: -14px; height: 24px; width: 24px; background: transparent; border-radius: 0; border: 1px solid #ced4da; 
	display: inline-block; transition: all .2s;
}
.fluentform .ff-el-form-check-label div.wwm-check::after { position: absolute; content: ""; left: 12px; top: 12px; height: 10px; width: 10px; border-radius: 0;
	border: solid var(--wwm_color1); border-width: 0 3px 3px 0; transform: rotate(0deg) scale(0); opacity: 1; transition: all .2s; }
/* checkboxes checked */
.fluentform .ff-el-form-check-label input[type=checkbox]:checked ~ div.wwm-check { background: var(--wwm_color1); border-radius: 0; opacity: 1; border: 1px solid var(--wwm_color1); }
.fluentform .ff-el-form-check-label input[type=checkbox]:checked ~ div.wwm-check::after { transform: rotate(45deg) scale(1); opacity: 1; left: 7px; top: 2px; 
	width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; background: transparent; border-radius: 0; }
/* radiobuttons standard */
.fluentform .ff-el-form-check-label input[type=radio] { opacity: 0; cursor: pointer; position: relative; } 
.fluentform .ff-el-form-check-label div.wwm-radio { position: relative; top: 6px; left: -14px; height: 24px; width: 24px; background: transparent; border-radius: 50%; 
	border: 1px solid #ced4da; display: inline-block; transition: all .2s; }
.fluentform .ff-el-form-check-label div.wwm-radio::after { position: absolute; content: ""; left: 12px; top: 12px; height: 10px; width: 10px; border-radius: 50%;
	border: solid var(--wwm_color1); border-width: 0 3px 3px 0; transform: rotate(0deg) scale(0); opacity: 1; transition: all .2s; }
/* radiobuttons checked */
.fluentform .ff-el-form-check-label input[type=radio]:checked ~ div.wwm-radio { background: var(--wwm_color1); border-radius: 50%; opacity: 1; border: 1px solid var(--wwm_color1); }
.fluentform .ff-el-form-check-label input[type=radio]:checked ~ div.wwm-radio::after { transform: rotate(45deg) scale(1); opacity: 1; left: 7px; top: 2px;  width: 6px;
	height: 12px; border: solid #fff; border-width: 0 2px 2px 0; background: transparent; border-radius: 0; }
.messagebox { background: #fafafa; width: 98%; padding: 10px 1% 10px 1%; margin: 0 0 20px 0; }
:-moz-placeholder, ::-webkit-input-placeholder { color: #e0e0e0; }


/* CSS Modal Windo */
.modal { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0,0,0, .9);
	transition: opacity .25s ease; z-index: 99999; }
.modal__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
.modal-state { display: none; }
.modal-state:checked + .modal { opacity: 1; visibility: visible; }
.modal-state:checked + .modal .modal__inner { top: 0; }
.modal__inner { transition: top .25s ease; position: absolute; top: -20%; right: 0; bottom: 0; left: 0; width: fit-content; margin: auto;
	overflow: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: fit-content; }
.modal__close { position: absolute; right: 1em; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer; }
.modal__close:after, .modal__close:before {
	content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg);
	left: 50%; margin: -3px 0 0 -1px; top: 0; }
.modal__close:hover:after, .modal__close:hover:before { background: #aaa; }
.modal__close:before { transform: rotate(-45deg); }
@media screen and (max-width: 768px) { 	  
	.modal__inner { width: 90%; height: 50%; box-sizing: border-box; }
}
.loginform { text-align: center; }
.loginform input[type="text"], .loginform input[type="password"] { padding: 10px; border: 1px solid #383837; margin: 0 0 10px 0; }
.loginform .button { margin: 0; }
#openmodal { cursor: pointer; }


/* MARGIN / PADDING */
.right {float:right;} .left	{float:left;} .floatnone {float:none;}.clear {clear:both;}
.alignleft	{text-align: left; float: left; margin: 0 20px 20px 0; }
.alignright	{text-align: right; float: right; margin: 0 0 20px 20px; }
.aligncenter{text-align: center;}
.textleft	{text-align: left; }
.textright	{text-align: right; }
.textcenter	{text-align: center; }

/* LOADING BAR / ICON */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; bottom: 0px; width: 150px; height: 150px; z-index: 9999; left: 50%; transform: translate(-50%);
	background: url(../images/preloader/default.svg) bottom no-repeat transparent; }
#ajaxloader { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.loadingBar { width: 100%; height: 5px; margin: 0 auto; position: fixed; top: 0; z-index: 999999999999; background: #ffffff; }
.loadingExpand { width: 100%; height: 5px; margin: 0; position: absolute; animation: fullexpand 3s ease-out; -moz-animation: fullexpand 3s ease-out; -webkit-animation: fullexpand 3s ease-out; }
@keyframes fullexpand { 0% { width: 0px; } 100% { width: 100%; } }
@-moz-keyframes fullexpand { 0% { width: 0px; } 100% { width: 100%; } }
@-webkit-keyframes fullexpand { 0% { width: 0px; } 100% { width: 100%; } }

/* SCROLL TOP */
.scrollToTop { padding:	10px; text-align: center; background-color:var(--wwm_color3); font-weight: bold; color: #ffffff; text-decoration: none; 
	position: fixed; bottom: 0; right: 0; display: none; text-align: center; cursor: pointer; }
.scrollToTop:hover { text-decoration: none; color: #ffffff; }
.scrollToTop a, .scrollToTop a:hover { color: #ffffff; text-decoration: none; }
.scrollToTop i { font-size:	30px; transition: all .4s; }
.scrollToTop:hover i { transform: translateY(-5px); }

/*for empty boxes in a row, delete all styles again:*/
.panel-grid-cell-empty .equalheight, .panel-grid-cell-emtpy .equalheight:hover { background: none; }
.wwm-row-hide { display: none !important; }

/* IMAGES / ICONS */
img	{border:none;vertical-align:bottom;}
img.left {margin:0 10px 10px 0;}
img.right {margin:0 0 10px 10px;}

::selection { background: var(--wwm_color3); color: #ffffff; }  
::-moz-selection { background: var(--wwm_color3); color: #ffffff; }  
::-webkit-selection { background: var(--wwm_color3); color: #ffffff; }  

.dashicons { line-height: inherit !important; }

/* ERROR PAGES */
.wwm-error { text-align: center; }

/* PLUGIN wwm-slidedown */
.wwm-slidedown { padding: 10px 0 10px 0; }
.wwm-slidedown .wwm-slidedown-button { background: var(--wwm_color1); padding: 5px 15px 5px 15px; color: #fff; cursor: pointer; }
.wwm-slidedown .wwm-slidedown-morecontent { display: none; margin: 30px 0 0 0; }

/* PLUGIN wwm-frontenduser-uploads */
div.frontenduser-uploads { background: #f9f9f9; border: 1px solid #8c8b8b; width: 100%; }
div.frontenduser-uploads div { padding: 5px 2% 5px 2%; width: 96%; }

/* PLUGIN wwm-flip */
.scene { display: inline-block; width: 100%; height: 400px; perspective: 600px; }
.wwm-card { position: relative; width: 100%; height: 100%; cursor: pointer; transform-style: preserve-3d; transform-origin: center right;
	transition: transform 1s; }
.wwm-card.is-flipped { transform: translateX(-100%) rotateY(-180deg); }
.card__face { position: absolute; width: 100%; height: 100%; color: white; backface-visibility: hidden; }
.card__front { background: crimson; }
.card__back { background: slateblue; transform: rotateY(180deg); }


/* PLUGIN wwm-accordion */
.wwm-accordion-tab { background: #fff; }
.wwm-accordion .wwm-accordion-tab-title { display: inline-block; background: var(--wwm_color1); color: #fff; text-align: left; cursor: pointer; margin-top: 0; margin-bottom: 2px; padding: 10px 15px; 
	transition: .3s all; position: relative; border-radius: 3px; }
.wwm-accordion .wwm-accordion-tab-title.active { margin-bottom: 10px; background: var(--wwm_color2); }
.wwm-accordion .wwm-accordion-tab-title:hover { background: var(--wwm_color2); }
/*.wwm-accordion .wwm-accordion-tab::before { content: attr(data-prefix); font-size: 18px; margin-right: 0px; }*/
.wwm-accordion .wwm-accordion-tab.alignLeft { padding-left: 35px; }
.wwm-accordion .wwm-accordion-tab-content { display: none; text-align: left; padding: 10px 10px 10px 10px; margin-bottom: 9px; }
/*.wwm-accordion .collapseIcon { position: absolute; right: 20px; top: 45%; font-size: 25px; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.wwm-accordion .collapseIcon::before { font-weight: 900; font-family: 'Line Awesome Free'; content: '\f0fe'; }
.wwm-accordion .active .collapseIcon::before { content: '\f146'; }*/
.wwm-accordion .collapseIcon.alignLeft { right: initial; left: 20px; }

/* PLUGIN wwm-tabs */
.wwm-tabs { }
.wwm-tab-buttons { overflow: hidden; width: 50%; float: left; position: relative; top: 50px; }
.wwm-tab-container { width: 50%; float: left; position: relative; right: 100px; }
.wwm-tab-button { padding: 10px; cursor: pointer; transition: all .3s; text-transform: uppercase; font-weight: 700; font-size: 25px; }
.wwm-tab-button-active, .wwm-tab-button:hover { color: var(--wwm_color1); }
.wwm-tab-button span { display: inline-block; background: #fff; z-index: 999; position: relative; padding: 0 20px 0 0; }
.wwm-tab-button::before { content: ''; width: 100px; height: 2px; background: #fff; display: block; position: relative; top: 15px; z-index: 100; transition: all .5s; }
.wwm-tab-button-active::before { content: ''; width: 700px; height: 2px; background: var(--wwm_color1); display: block; position: relative; top: 15px; z-index: 100; }
.wwm-tab { padding: 10px; }
.wwm-tab-content { position: relative; }
.wwm-tab-content-text { position: absolute; top: 200px; left: 50%; width: 400px; padding: 15px; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.wwm-tab-content h4 { text-transform: uppercase; color: var(--wwm_color1); }
.wwm-tab-content .so-panel { margin-bottom: 10px !important; }

@media only screen and (max-width: 1324px)
{
	.wwm-tab-buttons { width: 100%; float: none; top: 0; }
	.wwm-tab-container { width: 100%; float: none; right: unset; }
	.wwm-tab-content-text { position: static; width: 90%; padding: 5%; }
}



/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
	-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; outline: none; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; outline: none; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/*.slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: #f2f2f2; z-index: 1000; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-weight: 900; font-family: 'Line Awesome Free'; font-size: 30px; line-height: 1; opacity: .75; color: var(--wwm_color1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0px; }
[dir='rtl'] .slick-prev { right: 0px; left: auto; } 
.slick-prev:before { content: '\f104'; } 
[dir='rtl'] .slick-prev:before { content: '\f104'; }
.slick-next { right: 0px; }
[dir='rtl'] .slick-next { right: auto; left: 0px; }
.slick-next:before { content: '\f105'; }
[dir='rtl'] .slick-next:before { content: '\f105'; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center;
    opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }

/* Light Slider */
/* CORE CSS */
.lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.lightSlider { overflow: hidden; margin: 0; }
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: all 1s; -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade { position: relative; }
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active { z-index: 10; }
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; }
/* Pagination Bullets */
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 40px 0 0 0; text-align: center; }
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 3px; }
.lSSlideOuter .lSPager.lSpg > li a { background-color: #000000; display: inline-block; height: 15px; width: 15px; overflow: hidden; text-indent: -999em;
    position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; border-radius: 50%; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: var(--wwm_color1); }
.lSSlideOuter .media { opacity: 0.8; }
.lSSlideOuter .media.active { opacity: 1; }
/** Gallery */
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); 
	-moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);
    transition-property: transform; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none;
    -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; }
.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; }
.lSSlideOuter .lSPager.lSGallery:after { clear: both; }
/* Slider actions */
.lSAction > a { font-weight: 900; color: #fff; font-family: 'Line Awesome Free'; font-size: 50px; width: 32px; display: block; top: 50%; height: 32px; cursor: pointer; 
	position: absolute; z-index: 99; opacity: 0.8; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.lSAction > a:hover { opacity: 1; }
.lSAction > .lSPrev { left: 0px; }
.lSAction > .lSPrev:before { content: "\f191"; }
.lSAction > .lSNext { right: 20px; }
.lSAction > .lSNext:before { content: "\f152"; }
.lSAction > a.disabled { pointer-events: none; }
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }



/* vertical */ 
.lSSlideOuter.vertical { position: relative; }
.lSSlideOuter.vertical.noPager { padding-right: 0px !important; }
.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; }
.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; }
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; }
.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; }
/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li { float: left; }
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }
@-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } }
@keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } }
@-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } }
@keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } }
@-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } }
@keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } }
@-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } }
@keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } }
.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
/*/  GRab cursor */ 
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

#boxBlack .wwm-lightslider-tab { background: #fff; }
#boxBlack .lSSlideOuter .lSPager.lSpg > li a { border: 1px solid var(--wwm_color1); }
#boxBlack .lSSlideOuter .lSPager.lSpg > li:hover a, #boxBlack .lSSlideOuter .lSPager.lSpg > li.active a {  }

#boxProjekte .lSSlideOuter .lSPager.lSpg > li a { border: 1px solid var(--wwm_color2); background: #fff; }
#boxProjekte .lSSlideOuter .lSPager.lSpg > li:hover a, #boxProjekte .lSSlideOuter .lSPager.lSpg > li.active a { background: var(--wwm_color2); }


/* PLUGIN wwm-checklist */
ul.wwm-checklist { margin: 0 !important; padding: 0 !important; line-height: 140%; }
ul.wwm-checklist li { list-style-type: none; padding: 0 !important; margin: 0 0 5px 0 !important; display: table; height: 40px; }
ul.wwm-checklist li:before { content: "" !important; width: auto !important; display: block; }
ul.wwm-checklist span { margin: 5px 0 0 0; display: table-cell; vertical-align: top; width: 25px; font-size: 28px; }
ul.wwm-checklist div { padding: 0 0 0 20px; display: table-cell; vertical-align: top; }
@media only screen and (max-width: 564px) { ul.wwm-checklist { font-size: 20px; } }

/* PLUGIN wwm-parallax-image */
.wwm-parallax-image { position: relative; width: 100%; }
.wwm-parallax-image img { width: 100%; }
.wwm-parallax-image-background { background-size:cover; background-repeat:no-repeat; box-sizing:border-box; background-attachment: fixed; }


/* PLUGIN wwm-simple-parallax-image */
.wwm-simple-parallax-image-wrapper { margin: 20px 0; }
.wwm-simple-parallax-image { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.wwm-simple-parallax-content { padding: 75px 10px 75px 10px; }
.wwm-simple-parallax-image::before { content: ''; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0; }


/* FOR IOS/SAFARI */
@supports (-webkit-touch-callout: none) 
{
	.wwm-parallax-image-background { background-size: cover; background-attachment: unset; }
	.wwm-simple-parallax-image { background-size: cover; background-attachment: unset; }
	.panel-background-overlay { background-size: cover; background-attachment: unset; }
}

/* PLUGIN wwm-teambox-siteorigin */
.wwm-teambox div { border: 1px solid #3e3e3e; padding: 10px; }
.wwm-teambox h3 { font-weight: 300; }
.wwm-teambox-image-container { width: 100%; }
.wwm-teambox-image-container img { width: 100%; }
.wwm-teambox-text-container { padding: 20px 10px 20px 10px; background: #CCCCCC; color: #666666; }
span.wwm-teambox-name { font-weight: bold; font-size: 18px; }
span.wwm-teambox-title { font-size: 14px; }
@media only screen and (max-width: 1024px) { span.wwm-teambox-name { font-size:	14px; } span.wwm-teambox-title { font-size: 12px; } }

/* PLUGIN wwm-image-text-overlay */
.wwm-image-text-overlay { position: relative; width: 100%; }
.wwm-image-text-overlay .overlaycontent { position: absolute; top: 25%; left: 50%; transform: translate(-50%); text-align: center; width: 100%; }
.wwm-image-text-overlay img { filter: brightness(0.5); }
.wwm-image-text-overlay .overlaycontent strong { text-transform: uppercase; font-size: 25px; display: block; line-height: 150%; }
.wwm-image-text-overlay .overlaycontent .specialbutton { padding: 10px 15px; background: var(--wwm_color1); border-radius: 3px; display: inline-block; }
.wwm-image-text-overlay a, .wwm-image-text-overlay a:hover { color: #fff; }
.wwm-image-text-overlay img, .so-widget-image-text-widget img { width: 100%; }
.wwm-image-text-overlay h2, .so-widget-image-text-widget h2 { position: absolute; bottom: -15px; left: 0; width: 98%; font-size: 18px; font-weight:	300;
   color: #ffffff; background: var(--wwm_color1); padding: 10px 0 10px 2%; transition: all .3s; text-align: left; }
.wwm-image-text-overlay:hover h2 { padding: 10px 0 25px 2%; transition: all .3s; }
.wwm-image-text div { background: #bababa; padding: 10px; text-align: center; transition: all .3s; }
.wwm-image-text h3 { font-weight: 300; color: #3e3e3e; text-transform: uppercase; transition: all .3s; }
.wwm-image-text:hover div { background: #b0b0b0; }
.wwm-image-text:hover h3 { color: #ffffff; }
@media only screen and (max-width: 1024px) { .wwm-image-text-overlay h2 { font-size: 14px; } }

/* PLUGIN wwm-sitemap */
.wwm-sitemap-navigation, .wwm-sitemap-navigation ul {  margin:0 0 0 1em !important; padding:0; list-style:none; color:#369; position: relative; }
.wwm-sitemap-navigation ul { margin-left: .5em }
.wwm-sitemap-navigation:before, .wwm-sitemap-navigation ul:before { content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:0; border-left:1px solid; }
.wwm-sitemap-navigation li { margin:0 !important; padding:0 2.5em !important; line-height:2em; position:relative; }
.wwm-sitemap-navigation li:before { content:"" !important; display:block; width:10px; height:0; border-top:1px solid; margin-top:-1px; position:absolute; top:1em; left:0; }
.wwm-sitemap-navigation li:last-child:before { background:white; height:auto; top:1em; bottom:0; }

/* PLUGIN wwm-imagegallery */
.wwm-imagegallery { display: inline-grid; grid-template-columns: 24% 24% 24% 24%; grid-column-gap: 1.333333333333%; grid-row-gap: 10px; }
/*.wwm-imagegallery-grid-item { }*/
@media only screen and (max-width: 524px) {
	.wwm-imagegallery { display: block; width: 100%; }
	.wwm-imagegallery-grid-item { margin: 0 0 10px 0; }
	.wwm-imagegallery img { width: 100%; }
}

/* PLUGIN wwm-columns */
.wwm-columns { display: flex; flex-direction: row; }
.wwm-columns-grid-item { flex: 1; }

/* PLUGIN wwm-fullwidth */
.wwm-fullwidth { display: flex; flex-direction: row; }
.wwm-fullwidth-column { width: 50%; }
.wwm-fullwidth-slider { width: 50%; }
.wwm-fullwidth .wwm-lightslider-tab { background-position: center center; background-size: cover; min-height: 500px; }
.wwm-fullwidth .imageContainerRight { margin-right: calc(-100vw / 2 + 1500px / 2); padding-left: calc(100vw / 2 - 1500px / 2); }
.wwm-fullwidth .imageContainerLeft { margin-left: calc(-100vw / 2 + 1500px / 2); padding-right: calc(100vw / 2 - 1500px / 2); }



/* PLUGIN wwm-blog */
.wwm-blog-list .blogContainer { margin: 0 0 60px 0; }
.wwm-blog-list .blogNavigation { position: relative; }
.wwm-blog-list .blogNavigation a { display: inline-block; text-decoration: none; background: var(--wwm_color1); color: #fff; padding: 8px; }
.wwm-blog-list .blogNavigation span { display: inline-block; text-decoration: none; background: var(--wwm_color2); color: #fff; padding: 8px; }


/*
.wwm-grid-container { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; }
.wwm-grid-item { padding: 1px; }
.wwm-grid-image { margin: 0 0 15px 0; }
.wwm-grid-text strong { text-transform: uppercase; }
.wwm-grid-text a { color: #000; }
.blogContainer h2 { margin: 0 0 10px 0; }
.blogContainer a { text-decoration: none; }
.blogButton { margin: 10px 0 0 0; }
*/

/* PLUGIN wwm-grid */
.wwm-grid { display: grid; grid-template-columns: 32% 32% 32%; gap: 25px; }
.wwm-grid .element1 { grid-row: 1; grid-column: 1; }
.wwm-grid .element2 { grid-row: 1; grid-column: 2; }
.wwm-grid .element3 { grid-row: 1 / 3; grid-column: 3; }
.wwm-grid .element4 { grid-row: 2; grid-column: 1; }
.wwm-grid .element5 { grid-row: 2; grid-column: 2; }
.wwm-grid .element6 { grid-row: 3; grid-column: 1 / 3; }
.wwm-grid .element7 { grid-row: 3; grid-column: 3; }
.wwm-grid .wwm-gridelement { background: #f2f2f2; }
.wwm-grid .wwm-gridelement strong { color: var(--wwm_color1); }
.wwm-grid .wwm-gridelement-inner { padding: 30px; }


/* PLUGIN wwm-imagebox */
.wwm-image-box { background: #fafafa; text-align: center; padding: 0 0 1px 0; color: #fff; font-size: 30px;  transition: all .4s; }
.wwm-image-box:hover { box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.46);
	-webkit-box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.46); }
.wwm-image-box img { width: 100%; }
.wwm-image-box div { margin: 20px 0 20px 0; }
.wwm-image-box a { color: #000; text-decoration: none; }

/* PLUGIN wwm-masonry */
.wwm-masonry { column-count: 3; }
.wwm-masonry .wwm-masonry-grid-item { background-size: cover; background-position: center; margin: 6px; height: 40em; 
	width: 100%; display: inline-block; }
.wwm-masonry .wwm-masonry-grid-item:nth-child(2n) { height: 30em; }
.wwm-masonry .wwm-masonry-grid-item:nth-child(3n) { height: 20em; }

/* PLUGIN wwm-anchor */
.widget_wwm-anchor-widget { margin-bottom: 0 !important; }

/* PLUGIN wwm-counter */
.wwm-numbers { text-align: center; }
.wwm-numbers-outer { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; text-align: center; 
	width: 200px; height: 200px; border: 5px solid #000; background: greenyellow; border-radius: 50%; }
.wwm-numbers-inner { font-size: 30px; font-weight: bold; }

/* TABLES */
table { border-collapse: collapse; width: 100%; }
table th, table tr:first-child td {padding: 10px; background: var(--wwm_color1); color: #fff; }
table td { vertical-align: top; border: 1px solid #999; padding: 10px; }

.footer table { border-collapse: collapse; width: 80%; }
.footer table th, .footer table tr:first-child td { padding: 0px; background: none; color: #fff; }
.footer table td { vertical-align: top; border: none; padding: 0px; }

/* PLUGIN borlabs-cookie */
.wwm-borlabscookie { position: fixed; bottom: 10px; right: 10px; z-index: 9999999999; }

/* GOOGLE TRANSLATE */
.wwm-gt { width: 150px; display: inline-flex; position: relative; top: -7px; }
.wwm-gt .goog-te-gadget img { display: none !important; }
.wwm-gt .goog-te-gadget-simple { border: none !important; background: none; }
.wwm-gt .goog-te-gadget-simple .goog-te-menu-value { color: #fff; background: #0358a0; border-radius: 7px; padding: 13px 0px 13px 0px; text-align: center; width: 147px; 
	display: block; }
.wwm-gt .goog-te-gadget-simple .goog-te-menu-value span { font-size: 14px; border: none !important; }
.wwm-gt .goog-te-gadget-simple .goog-te-menu-value span:last-child { display: none; }

/* HEROIMAGE ACF */
#heroimage { position: relative; height: 100vh; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; }
.arrow { position: relative; z-index: 1000; bottom: 80px; left: 50%; margin-left: -30px; width: 40px; color: #fff; font-size: 60px; }
.bounce { animation: bounce 4s infinite; }
@keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {
	  transform: translateY(0);
	}
	40% {
	  transform: translateY(-25px);
	}
	60% {
	  transform: translateY(-15px);
	}
}

/* ACF SIMPLE HEADERIMAGE */
.acf_sh img { width: 100%; }

/* ACF Header Video */
.headervideo { position: relative; }
#headervideoBackground { width: 100%; height: 1000px; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

/* WWM CPT | WWM CPT Single */
.wwm-cpt { display: block; }
.wwm-cpt-item { border-bottom: 1px solid #000; padding: 5px 0; }
.wwm-cpt-single { display: block; }
.wwm-cpt-single-item { border-bottom: 1px solid #ff0000; padding: 5px 0; }

/* GSAP */
.gsapDemo1, .gsapDemo2, .gsapDemo3, .gsapDemo4 { position: relative; border-radius: 25px; padding: 25px; opacity: 1; 
	background: var(--wwm_color4); transition: all .3s; }
.gsapDemo1:hover { top: -20px; }

/* ACCESSIBILITY */
/* Outline for keyboard navigation */
a:focus-visible, .button:focus-visible { outline: 5px solid #000 !important; }



/* CSS ANIMATION */

#exampleAnimation { position: relative; background: red; box-sizing: border-box; 
	animation-name: myAnimation, extendedAnimation; 
	animation-duration: 4s, 2s; 
	animation-fill-mode: forwards; 
	animation-delay: 3s, 3s; 
	animation-iteration-count: 2s, 2s; 
	animation-direction: alternate, normal;
	animation-timing-function: linear; 
}
#exampleAnimation:hover { animation-play-state: paused; }


@keyframes myAnimation {
	0% { background: red; left: 0; top: 0; }
	25% { background: yellow; }
	50% { background: blue; left: 100px; top: 100px; }
	100% { background: green; left: 0; top: 0; }
}
@keyframes extendedAnimation {
	0% { transform: rotate(0deg); box-shadow: 0 0 0 5px #fff, 0 0 0 10px #000; }
	25% { transform: rotate(-20deg); }
	50% { transform: rotate(0deg); box-shadow: 0 0 0 5px #fff, 0 0 0 10px #ff0000; }
	75% { transform: rotate(20deg); }
	100% { transform: rotate(0deg); box-shadow: 0 0 0 5px #fff, 0 0 0 10px #000; }
}



/* RESPONSIVE */
@media only screen and (max-width: 1524px)
{
	.maincontent, .footer-content { width: 96%; }
	.desktop-logo { display: none; }
	.mobile-logo { display: block; }
	.topnavigation { display: none; }
	.topnavigation-mobile { display: block; }
}

@media only screen and (max-width: 1024px)
{
	#page { margin: 0 auto; }
	.container { width: 100% !important; max-width: 100% !important; }
	#heroimage { background-attachment: scroll; }
	.wwm-fullwidth .imageContainerRight { margin-right: unset; padding-left: unset; }
	.wwm-fullwidth .imageContainerLeft { margin-left: unset; padding-right: unset; }
}

@media only screen and (max-width: 768px)
{
	.footer { text-align: center; }
	h1 { font-size: 26px !important; }
	.swiper-container { height: 200px; }
	.wwm-row-tablet-hide { display: none !important; }
	.wwm-columns { flex-direction: column; row-gap: 20px; }
	.wwm-columns img { width: 100%; }
	.wwm-fullwidth { flex-direction: column; row-gap: 20px; }
	.wwm-fullwidth-column { width: 100%; }
	.wwm-fullwidth-slider { width: 100%; }
	.wwm-grid { grid-template-columns: 100%; }
	.footer .footerlogo { margin: 0 auto 38px auto;  }
	.slogan { width: 90%; top: 160px; }
	.slogan-inner { padding: 10px; font-size: 22px; }
	.footer-content table { width: 100% !important; }
}

@media only screen and (max-width: 564px)
{
	.scrollToTop { position: static; bottom: 0; right: 0; }
	/* responsive table */
	/*
	table { width:100%; }
	table thead { display: none; }
	table tr:nth-of-type(2n) { background-color: inherit; background: #f1f1f1; }
	table tbody td { display: block; text-align: center !important; width: 100% !important; height: auto !important;  }
	table tbody td:before { content: attr(data-th); display: block;	text-align:center; }
	table td { border-bottom: none; padding: 10px 0; }
	table tr:first-child td { padding: 10px 0; }
	*/
	/* responsive table with horizontal scrolling */
	/*div:has(table) { overflow-x: auto; }*/
	/* siteorigin widget options */
	.wwm-row-tablet-hide { display: flex !important; }
	.wwm-row-smartphone-hide { display: none !important; }
	.wwm-grid-container { grid-template-columns: 100%; }
}