article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}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;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-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; } .row { *zoom: 1; }
.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: #003664; 
	--wwm_color2: #8fbf22;
	--wwm_color3: #000000;
	--wwm_color4: #ffffff;

	/* FONTS */
	--wwm_font1_regular: 'Average Sans', Arial, sans-serif;
	--wwm_font1_bold: 'Average Sans', Arial, sans-serif;
	--wwm_font2_regular: Arial, sans-serif;
	--wwm_font2_bold: Arial, sans-serif;
}

html, body { overflow-x: hidden; }

h1 { font-family: var(--wwm_font1_regular); font-size: 30px; padding: 0; font-weight: normal; margin: 0; }
h2 { font-family: var(--wwm_font1_regular); font-size: 28px; padding: 0; font-weight: normal; margin: 0; }
h3 { font-family: var(--wwm_font1_regular); font-size: 26px; padding: 0; font-weight: normal; margin: 0; }
h4 { font-family: var(--wwm_font1_regular); font-size: 24px; padding: 0; font-weight: normal; margin: 0; }
h5 { font-family: var(--wwm_font1_regular); font-size: 22px; padding: 0; font-weight: normal; margin: 0; }
h6 { font-family: var(--wwm_font1_regular); font-size: 20px; padding: 0; font-weight: normal; margin: 0; }

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

strong, b { font-family: var(--wwm_font2_bold); }

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

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



/* LAYOUT */
body { font-family: var(--wwm_font2_regular); color:var(--wwm_color3); font-weight: 400; font-size: 18px; }

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

.desktop-logo { position: relative; top: 10px; text-align: left; }
.mobile-logo { display: none; position: fixed; top: 0; width: 100%; z-index: 100; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; 
	padding: 14px 10px 13px 7%; }
.logoimagedesktop { width: 280px; }
.logoimagemobile { width: 200px; }

.headerimage { margin: 0; }

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

.footer { color: #ffffff; padding: 50px 0; line-height: 160%; width: 100%; background: var(--wwm_color1); }
.footer-content { width: 1240px; margin: 0 auto; clear: both; }
.footer a { text-decoration: none; color: #fff; }
.footertext { color: var(--wwm_color2); }

.headerContainer { background-image: url(../images/background/headerbild-start.jpg); background-size: cover; background-position: top center; position: relative; }
.headerBox { background: var(--wwm_color1); border: 3px solid var(--wwm_color2); padding: 10px 30px; border-radius: 10px; position: relative; }
.headerBox h3 { color: var(--wwm_color2); font-size: 26px; margin: 0 0 20px 0; }
.headerImage { display: block; position: absolute; width: 410px; left: 55%; bottom: 0; }
.headerTextBox {
position: absolute;
bottom: -205px;
background: var(--wwm_color2);
color: #fff;
right: -400px;
padding: 10px 0 0 0;
width: 280px;
border: 2px solid #fff;
z-index: 100;
border-top-left-radius: 10px;
border-top-right-radius: 10px; 
}

.count-container { text-align: center; font-size: 24px; line-height: 230%; }
.count-container .count-num-gadskampagnen,
.count-container .count-num-seit { font-size: 50px; display: inline-block; }

.colorContainerOne h3 { color: var(--wwm_color2); }
.colorContainerOne h4 { color: var(--wwm_color2); }

.colorContainerTwo { }

#geldverbrennen { background-image: url(../images/background/geldverbrennen.jpg); background-size: contain; background-position: top right;
	background-repeat: no-repeat; }
#geldverbrennen h1 { display: block;  color: #fff; text-transform: uppercase; padding: 10px 0 0 0; position: relative; left: 20%; width: 1000px; }
#geldverbrennen .geldverbrennenHeadline { background: var(--wwm_color2); width: 80vw; left: 50%; position: relative; transform: translate(-65%); 
	border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 2px solid #fff; }

#videoContainer h3 { display: block;  color: #fff; padding: 10px 0 0 0; position: relative; right: -3%; width: 1000px; font-size: 24px; }
#videoContainer .videoHeadline { background: var(--wwm_color2); width: 95vw; right: 50%; position: relative; transform: translate(57%); 
	border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 2px solid #fff; padding: 20px 0; z-index: 10000; }

#gakontocheck { background-image: url(../images/background/headerbild-kontocheck.jpg); background-size: cover; background-position: top center; position: relative; }
#gakontocheckcell { background: var(--wwm_color2); padding: 30px 170px; border: 2px solid #fff; border-radius: 10px; position: relative; }
#gakontocheckmobile { display: none; }

.kontocheckPS { position: absolute; left: -99px; width: 462px; top: -33px; }

.kontocheckBlue { position: absolute; width: 230px; background: var(--wwm_color1); bottom: -2px; left: -24px; border-radius: 10px; border: 2px solid #fff; 
	padding: 33px; font-size: 28px; line-height: 150%; }

.kontocheckFooter { background: #fff; padding: 50px 20px 20px 20px; position: relative; top: -100px; }

	
.box { background: var(--wwm_color1); position: relative; margin: 50px 0 0 0; padding: 50px 0 0 0; min-height: 150px; }
.box-number { position: absolute; top: -65px; background: var(--wwm_color1); color: var(--wwm_color2); font-size: 60px; border-radius: 50%;
    border: 3px solid var(--wwm_color2); width: 100px; height: 60px; text-align: center; padding: 40px 0 0 0; left: 50%; transform: translate(-50%); }
.box-content { color: #fff; text-align: center; padding: 20px; }

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

/* BUTTONS */
.button { margin: 0 10px 10px 0; outline: none; }
.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: 2px solid #fff; border-radius: 10px; color: #fff; }
.btn-0:hover { color: var(--wwm_color2); background: #fff; border: 2px solid var(--wwm_color2); }


.btn-1 { background: var(--wwm_color1); border: none; color: #fff; }
.btn-1:hover { background: var(--wwm_color2); 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; font-size: 22px; line-height: 150%; }
.content ul li:before { font-weight: 900; content: "\f00c"; font-family: 'Line Awesome Free'; font-size: 30px; color: #8fbf22; padding-right: 20px; }

.colorContainerOne ul li, .colorContainerOne ol li { font-size: 20px; line-height: 150%; }
.colorContainerOne ul li:before { font-weight: 900; content: "\f00d"; font-family: 'Line Awesome Free'; font-size: 30px; color: #c21717; padding-right: 20px; }

/* 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 { color: #fff; }
.fluentform input[type=text], .fluentform input[type=email], .fluentform select, .fluentform textarea { font-family: inherit; }
.fluentform input[type=text], .fluentform input[type=email] { border-radius: 0; padding: 7px !important; background: transparent; color: #fff; }
.fluentform textarea { border-radius: 0 !important; padding: 14px !important; color: #fff; background: transparent; }
.fluentform select { border-radius: 0 !important; padding: 14px !important; height: 56px !important; color: #fff; background: transparent; }
.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, .fluentform input[type=email]::placeholder { color: var(--wwm_color1); font-weight: 700; }
.fluentform textarea::placeholder { color: var(--wwm_color1) !important; font-weight: 700; }

.fluentform .ff-btn-submit { margin: 0 10px 10px 0 !important; outline: none;
 	padding: 10px 25px !important; cursor: pointer; transition: all 0.3s ease; 
	position: relative; display: inline-block; text-decoration: none; background: #fff !important; border: 2px solid var(--wwm_color1) !important; 
	border-radius: 10px !important; color: var(--wwm_color1) !important; }



/* 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; }
.loginform { font-size: 11px;}
.loginform input[type="text"], .loginform input[type="password"] { font-size: 11px;	padding: 3px 5px 3px 5px;}
.messagebox { background: #fafafa; width: 98%; padding: 10px 1% 10px 1%; margin: 0 0 20px 0; }
:-moz-placeholder, ::-webkit-input-placeholder { color: #e0e0e0; }

/* 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; }

.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; }

/* 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-accordion */
.wwm-accordion-tab { background: #f0f0f0; }
.wwm-accordion .wwm-accordion-tab-title { background: var(--wwm_color1); color: #fff; text-align: left; cursor: pointer; margin-top: 0; margin-bottom: 2px; padding: 15px; transition: 0.25s all; position: relative; }
.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; 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-tab-buttons { background: #f5f5f5; width: 100%; overflow: hidden; }
.wwm-tab-button { float: left; padding: 10px; cursor: pointer; transition: all .3s; }
.wwm-tab-button-active, .wwm-tab-button:hover { background: #3d3d3d; color: #fff; }
.wwm-tab-container { clear: both; }
.wwm-tab { padding: 10px; }

/* PLUGIN wwm-contentslider */
.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; }
.slick-slider div { transition: none; }

/* PLUGIN wwm-checklist */
ul.wwm-checklist { margin: 0 !important; padding: 0 !important; font-size: 22px; line-height: 140%; }
ul.wwm-checklist li { list-style-type: none; padding: 0 !important; margin: 0 0 20px 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: middle; width: 55px; }
ul.wwm-checklist div { padding: 0 0 0 20px; display: table-cell; vertical-align: middle; }
@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; }

/* 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 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-divider */
.wwm-divider-line { border-bottom-style: solid; border-bottom-width: 1px; width: 150px; margin: 0 auto; }
.wwm-divider-dashed { border-bottom-style: dashed; border-bottom-width: 1px; }
.wwm-divider-dots { border-bottom-style: dotted; border-bottom-width: 1px; }
.wwm-divider-double { border-bottom-style: solid; border-top-style: solid; height: 6px; }
.wwm-divider-shadow { 	height: 13px;
	background: radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-radial-gradient(ellipse at 50% -50% , #e0dede 0px, rgba(255, 255, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wwm-divider hr.style1 { border: 0; height: 1px; 
  background-image: -webkit-linear-gradient(left, #fefefe, #8c8b8b, #fefefe);
  background-image: -moz-linear-gradient(left, #fefefe, #8c8b8b, #fefefe);
  background-image: -ms-linear-gradient(left, #fefefe, #8c8b8b, #fefefe);
  background-image: -o-linear-gradient(left, #fefefe, #8c8b8b, #fefefe); 
}
.wwm-divider hr.style2 { height: 30px; border-style: solid; border-color: #8c8b8b; border-width: 1px 0 0 0; border-radius: 20px; overflow: visible; }
.wwm-divider hr.style2:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; }
.wwm-divider hr.style3 { border-top: 0px solid #C2C1C1; text-align: center; overflow: visible; } 
.wwm-divider hr.style3:after { content: '\f0cc'; font-family: "FontAwesome"; display: inline-block; position: relative; top: -13px; padding: 0 10px; background: #ffffff;
	color: #C2C1C1; font-size: 15px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
.wwm-divider-margin-0 { margin-top: 0px; margin-bottom: 0px; }
.wwm-divider-margin-10 { margin-top: 10px; margin-bottom: 22px; }
.wwm-divider-margin-20 { margin-top: 20px; margin-bottom: 20px; }
.wwm-divider-margin-30 { margin-top: 30px; margin-bottom: 30px; }
.wwm-divider-margin-40 { margin-top: 40px; margin-bottom: 40px; }
.wwm-divider-margin-50 { margin-top: 50px; margin-bottom: 50px; }

/* 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 { grid-row-gap: 10px; }
@media only screen and (max-width: 824px) {
	.wwm-columns { display: block; width: 100%;	}
	.wwm-columns-grid-item { margin: 0 0 10px 0; }
	.wwm-columns img { width: 100%; }
}

/* PLUGIN wwm-blog */
.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-imagebox */
.wwm-image-box { background: #4a4a4a; text-align: center; padding: 40px; color: #fff; font-size: 40px;  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: 70%; }
.wwm-image-box div { margin: 20px 0 0 0; }
.wwm-image-box a { color: #fff; text-decoration: none; }

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

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

/* 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: var(--wwm_color1); 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%; }

/* 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; }


/* WWM FULLWIDTH */
.wwm-fullwidth-column { width: 50%; display: inline-block; vertical-align: top; }

/* RESPONSIVE */
@media only screen and (max-width: 1524px)
{
	.maincontent, .footer-content { width: 96%; }
	#geldverbrennen h1 { display: block;  color: #fff; text-transform: uppercase; padding: 10px 0 0 0; position: relative; left: 6%; width: 500px; }
	#geldverbrennen .geldverbrennenHeadline { background: var(--wwm_color2); width: 48vw; left: 30%; position: relative; transform: translate(-65%); 
		border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 2px solid #fff; }
	.headerTextBox { right: -333px; }
}

@media only screen and (max-width: 1192px)
{
	/*.kontocheckPS, .kontocheckBlue { display: none !important }*/
	#gakontocheck { display: none !important; }
	#gakontocheckmobile { display: block; }
	#gakontocheckmobile { background-image: url(../images/background/headerbild-kontocheck.jpg); background-size: cover; background-position: top center; position: relative; }
	.kontocheckForm { background: var(--wwm_color2); padding: 30px; border: 2px solid #fff; border-radius: 10px; position: relative; z-index: 10; }
	.kontocheckPS { position: absolute; left: 0; width: 280px; top: 4px; z-index: 5; }
	.kontocheckBlue { top: 240px; width: 400px; bottom: unset; left: unset; right: 30px; padding: 9px; font-size: 12px; z-index: 3; }
	.wwm-divider-line { width: 40%; }
	.wwm-divider-margin-10 { margin-top: 5px; margin-bottom: 12px; }
}

@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-column { width: 100%; min-height: 300px; }
	.desktop-logo { display: none; }
	.mobile-logo { display: block; }
	.headerTextBox { position: absolute; bottom: 0; background: var(--wwm_color2); color: #fff; left: 0; padding: 10px 0 0 0; width: 100%; 
		border: none; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 0; }
	#geldverbrennen { background-image: url(../images/background/geldverbrennen-mobile.jpg); background-position: top center; }
	#geldverbrennen h1 { display: block;  color: #fff; text-transform: uppercase; padding: 20px 2% 0 2%; position: relative; left: 0; width: 96%; }
	#geldverbrennen .geldverbrennenHeadline { background: var(--wwm_color2); width: 100%; left: 0; position: relative; transform: translate(0); 
		border-top-right-radius: 0; border-bottom-right-radius: 0; border: none; }
	.headerImage { width: 380px; }
	#videoContainer h3 { display: block; color: #fff; padding: 20px 2% 0 2%; position: relative; right: 0; width: 96%; font-size: 24px; }
	#videoContainer .videoHeadline { background: var(--wwm_color2); width: 100%; right: 0; position: relative; transform: translate(0); 
		border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; padding: 20px 0; }
	#videoContainer video { height: 350px !important; }

}

@media only screen and (max-width: 850px)
{
	#videoContainer video { height: 250px !important; }
}

@media only screen and (max-width: 768px)
{
	h1 { font-size: 26px !important; }
	.swiper-container { height: 200px; }
	.wwm-row-tablet-hide { display: none !important; }
	.headerImage { width: 247px; top: 0; z-index: 10; left: 43%; }
	.headerBox { z-index: 15; margin: 200px 0 0 0; }
	#gakontocheckcell { padding: 30px; }
	.kontocheckBlue { z-index: 7; }
	#videoContainer video { height: 350px !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; }
	/* siteorigin widget options */
	.wwm-row-tablet-hide { display: flex !important; }
	.wwm-row-smartphone-hide { display: none !important; }
	.wwm-grid-container { grid-template-columns: 100%; }
	#videoContainer video { height: 250px !important; }
}

@media only screen and (max-width: 430px)
{
	.kontocheckBlue { width: 96.6%; top: 75px; right: unset; position: relative; padding: 1%; }
	.wwm-divider-line { display: none; }
	.kontocheckPS { top: 25px; }

}