/*
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=d723aaa0-50fc-42cd-b8eb-ac3779f6498f&fontids=885764,885791");
@font-face{
font-family:"Corporate S W01 Light";
src:url("/Fonts/885764/a4e15547-0e81-415e-9386-22cefb0e0c38.eot?#iefix");
src:url("/Fonts/885764/a4e15547-0e81-415e-9386-22cefb0e0c38.eot?#iefix") format("eot"),url("/Fonts/885764/1c7e8feb-d184-494e-8619-777ea84813c4.woff") format("woff"),url("/Fonts/885764/6e9cfebc-c1d5-4d9e-8604-3f410db68ced.ttf") format("truetype"),url("/Fonts/885764/f6e549b5-4b86-47d0-b1b1-fa574149cc23.svg#f6e549b5-4b86-47d0-b1b1-fa574149cc23") format("svg");
}
@font-face{
font-family:"Corporate S W01 Demi";
src:url("/Fonts/885791/ca4544ba-4e44-426f-bce5-7072a71a2ac2.eot?#iefix");
src:url("/Fonts/885791/ca4544ba-4e44-426f-bce5-7072a71a2ac2.eot?#iefix") format("eot"),url("/Fonts/885791/e71d6bca-0a2a-4a9e-8ca9-dbb9ce20837e.woff") format("woff"),url("/Fonts/885791/58ed4793-c43c-4b9b-b3b7-95eba046e069.ttf") format("truetype"),url("/Fonts/885791/26def4b1-2111-4afa-8c15-f8655b48fc71.svg#26def4b1-2111-4afa-8c15-f8655b48fc71") format("svg");
}
*/



* {
	box-sizing: border-box;
	-webkit-text-size-adjust: none; /* iOS Schriftvergrößerung verhindern */ 
	/* hyphens *//*
   	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
   	*/
}



body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/*min-height: 101%;*/
}

body {
	font-size: 16px;
	font-family: "Corporate S W01 Light",arial;
	background-color: transparent;
	overflow-y: scroll;
}

body.mobile {
	font-size: 20px;
	height: 100vh;
	width: 100vw;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin-top: 10px;
	text-align: center;
}

strong {
	font-family: "Corporate S W01 Demi";
	font-weight: 500;
}


h4 {
	font-size: 0.85em;
	color: #868889;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

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

a:hover,
a:focus {
	text-decoration: none;
}

a {
	color: #000;
}

.pc a:hover {
	color: #EE1C25;
}

.invis {
	display: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 5px;
	padding-left: 5px;
}

.center {
    text-align: center;
}

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.container-fluid {
	padding-right: 0px;
    padding-left: 0px;
}

.container-fluid.fullback,
.container-fluid.vmiddle {
	padding: 0;
}

#wrapper.container-fluid {
	max-width: 1160px;
	background-color: #fff;
	min-height: 100%;
	/*padding-right: 10px;
	padding-left: 10px;*/
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}

.row-eq-height {
    flex-direction: row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vmiddle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    padding-left: 10px;
}


#bgwrap {
	height: 0;;
}



@media screen and (min-width: 1200px) {
	/*.container {
	    width: 1032px;
	    
	}*/
}

#wrapper {
	/*position: relative;*/
}

#header {
	margin-bottom: 20px;
	/*background-color: rgba(255,0,0,.05);*/
}

@media screen and (max-width: 992px) {
	.fancybox-content {
		padding: 15px;
	}
}

@media screen and (min-width: 992px) {
	
	#wrapper.container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}

	
	.vmiddle {
    	padding-right: 20px;
    	padding-left: 20px;
	}
	
	h1, h2, h3, h4 {
		margin-bottom: 30px;
	}
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 15px;
		padding-left: 15px;
	}

	
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.container {
		max-width: 707px;
		width: 66.667%;
		margin-left: auto;
		margin-right: auto;
	    /*width: 952px;*/
	    /*padding-right: 20px;
    	padding-left: 20px;*/
    	padding-right: 0;
    	padding-left: 0;
	}
	
	.container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	#header .container-fluid {
		background: none;
	}
	/*body {
		background-image: url("/media/sbp_wini.jpg");
	}*/
	
	.layer {
		/*position: absolute;*/
		height: 100%;
	}
	
	/*
	#bgwrap {
		
		height: 100%;
		min-height: 100%;
		
	}	
	
	#bg1 {
		background: #eff0ef url("/theme/bg1.png") fixed;
		height: 100%;
	}
	
	#bg2 {
		background: url("/theme/bg2.png") fixed;
		height: 100%;
	}
	
	#bg3 {
		background: url("/theme/bg3.png") fixed;
		height: 100%;
	}*/
	
	html {
		background-color: #eff0ef;
		background-image: url("/theme/bg1.png"), url("/theme/bg2.png"), url("/theme/bg3.png");
		background-position: fixed;
	}
	
	
}
	




.section.full {
	width: 100%;
	height: 100%;
}



.container.no_padding {
	padding: 0;
}

.rotate {
  	-moz-transform: rotate(-179.9deg);
	-o-transform: rotate(-179.9deg);
	-webkit-transform: rotate(-179.9deg);
	-ms-transform: rotate(-179.9deg) !important;
	transform: rotate(-179.9deg);
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	zoom: 1;
	z-index: 1;
}

.linkzeile {
	text-align: center;
	margin: 10px 0;
}

.linkzeile .link {
	display: inline-block;
	width: 50%;
	text-align: center;
	padding: 10px;
	background-color: #EE1C25;
	color: #fff;
}



.pc a.link {
	transition: all .1s;
}


button, .btn {
	color: #fff;
	outline: none;
	border: none;
	/*background: none;
	padding: 0;*/
	border-radius: 0;
	background-color: #EE1C25;
	border: 1px solid #EE1C25;
	padding: 10px 40px;
	transition: all 1s;
	font-size: 1em;
    /*-webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: .6s;*/
    /*transform-origin: center left;*/
}

.pc a.link:hover,
.pc .btn:hover,
.pc button:hover,
a.link:focus,
.btn:focus,
button:focus{
	transition: all 1s;
    /*background-color: #CD5A28;
        border-color: #CD5A28;*/
    background-color: #30302e;
        border-color: #30302e;
        color: #fff;

}




.logocol {
	padding-top: 2px;
}

.logocol img {
	opacity: .3;
	width: 140px;
	height: auto;
}

.logozeile {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	/*background-color: rgba(0,255,0,.05);*/
}

#log {
	display: none;
}


@media screen and (min-width: 992px) {
	.logozeile {
		padding-bottom: 20px;
	}
	
	.logocol img {
		width: 188px;
	}
	
	
}

.container-fluid:before,
.container-fluid:after,
.clearfix:before,
.clearfix:after,
.container:after {
    content: "";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.seitentitel {
	text-align: center;
	padding-bottom: 20px;
}

.seitentitel h1 {
	margin-top: 10px;
}

.zwischentitel h2 {
	color: #868889;
}


/* ************************************* SLIDER ************************************* */

.slidebox {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #324050;
	color: #fff;
}

.slidebox nav {
	width: 5%;
	display: inline-block;
}

.slidebox .vor,
.slidebox .zurueck {
	width: 100%;
	cursor: pointer;
	position: relative;
}

.slidebox .vor {
	text-align: left;
}
.slidebox .vor i {
	left: 5px;
}

.slidebox .zurueck {
	text-align: right;
}

.slidebox .zurueck i {
	right: 5px;
}

.slidebox .vor i,
.slidebox .zurueck i {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.slidebox .slidewrap {
	width: 90%;
	overflow: hidden;
	height: auto;
	display: inline-block;
}

.slidebox .slidewrap .slide {
	display: inline-block;
}


/* ******************* FADE *************** */

.slidebox.fade_ani .slider{
	position: relative;
}

.slidebox.fade_ani .slide {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.slidebox.fade_ani .slide.aktiv {
	display: inline-block;
} 

/* ******************* INFINITE *************** */

.slidebox.infinite_ani .slider{
	
}

.slidebox.infinite_ani .slide {
	
}

.slidebox.infinite_ani .slide.aktiv {
	
} 





/* ************************************* ZWEISPALT *********************************** */

.zweispalt.has_btn {
	margin-bottom: 20px;
}

.zweispalt {
	margin-bottom: 0;
}

.zweispalt:before {
    display: table;
    content: " ";
}


.zweispalt.grey_bg, 
.zweispalt .grey_bg, 
.zweispalt.typ3 .left.grey_bg .wrap, 
.zweispalt.typ3 .right.grey_bg .wrap {

    background-color: #f2f2f2;

}


.zweispalt.typ3 .left.grey_bg,
.zweispalt.typ3 .right.grey_bg {
	background-color: #fff;	
}

.zweispalt.typ3 .grey_bg .wrap {
    height: 100%;
}

.zweispalt.typ1,
.zweispalt.typ2 .right,
.zweispalt.typ3 .left .wrap,
.zweispalt.typ3 .right .wrap,
.zweispalt.typ4 {
	padding: 20px;
}


.zweispalt.full.typ1 .right,
.zweispalt.full.typ4 .right {
	position: static;
	color: #000;
}

.zweispalt.full.typ1 .right p {
	font-size: 1.5em;
}


.zweispalt.full.typ1.has_btn,
.zweispalt.typ2.has_btn .right,
.zweispalt.typ3.has_btn .left .wrap,
.zweispalt.typ3.has_btn .right .wrap,
.zweispalt.full.typ4.has_btn {	
	position: relative;
	padding-bottom: 2.75em;
}

/*.zweispalt.full.typ1 .btn,
.zweispalt.typ3 .left .btn,
.zweispalt.typ3 .right .btn,
.zweispalt.typ2 .right .btn,
.zweispalt.full.typ4 .btn */
.zweispalt .btn {
	position: absolute;
	width: 100%;
	height: 2.75em;
	/*background-color: #EE1C25;*/
	bottom: 0;
	left: 0;
	border-radius: 0;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	border: 1px solid #EE1C25;
}

.zweispalt.typ4 .linkzeile {
    position: absolute;
    bottom: -20px;
    left: 0;
}


.pc .zweispalt.full.typ1 .btn div,
.pc .zweispalt.typ3 .left .btn div,
.pc .zweispalt.typ3 .right .btn div,
.pc .zweispalt.typ2 .right .btn div,
.pc .zweispalt.full.typ4 .btn div  {
	
}

.pc .zweispalt.full.typ1 div:hover .btn ,
.pc .zweispalt.typ3 .left div:hover .btn,
.pc .zweispalt.typ3 .right div:hover .btn,
.pc .zweispalt.typ2 .right div:hover .btn,
.pc .zweispalt.full.typ4 div:hover  .btn {
    /*background-color: #fff;
    color: #EE1C25;*/
    /*-webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);*/
   	transition: all 1s;
    /*background-color: #CD5A28;
        border-color: #CD5A28;*/
    background-color: #30302e;
        border-color: #30302e;
}

.zweispalt.typ3 .left p,
.zweispalt.typ3 .right p,
.zweispalt.typ2 .right p,
.zweispalt.typ4 p {
	font-size: 1em;
	color: #000;
}

.pc .zweispalt.typ1:hover .btn,
.pc .zweispalt.typ2:hover .btn,
.pc .zweispalt.typ3 .right:hover .btn,
.pc .zweispalt.typ3 .left:hover .btn,
.pc .zweispalt.typ4:hover .btn  {
	background: #000;
	color: #fff;
	cursor: pointer;
	border-color: #000;
}


.zweispalt.typ3 .left {
	/*padding: 0 5px 0 5px;*/
	padding: 0 5px 0 0px;
}

.zweispalt.typ3 .right {
	/*padding: 0 5px 0 5px;*/
	padding: 0 0px 0 5px;
}

.zweispalt.typ4 {
	font-size: 1em;
}

@media screen and (min-width: 992px) {
	.zweispalt.typ3 .left {
		padding: 0 15px 0 0px;
	}
	
	.zweispalt.typ3 .right {
		padding: 0 0px 0 15px;
	}
	
	.zweispalt.typ3 .left p,
	.zweispalt.typ3 .right p,
	.zweispalt.typ2 .right p {
		font-size: 1.8em;
		color: #000;
	}
	
	.zweispalt.has_btn {
		margin-bottom: 30px;
	}
}


.zweispalt.typ1 .left,
.zweispalt.typ2 .left,
.zweispalt.typ4 .left {
	padding: 0 0 0 inherit;
}


.zweispalt.typ2 .left img {
	max-width: 100%;
	height: auto;
}

.zweispalt.typ2 .left {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


/* ************************************* BILD-/VIDEOBLOCK *********************************** */


.kpic,
.ipic {
	width: 100%;
	height: auto;
	padding: 0;
	padding-bottom: 20px;
}

.kpic .bildblock,
.ipic .bildblock {
	position: relative;
}

.kpic .titelbox {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #000;
}

.kpic .titelbox h2 {
	margin-top: 10px;
}

.kpic.light .titelbox {
	color: #f2f2f2;
}

.kpic .bildblock,
.ipic .bildblock {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*margin-bottom: 20px;*/
}

.kpic img,
.ipic img {
	width: 100%;
	height: auto;
}

.kpic .icon,
.ipic .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 3em;
}

/* ************************************* LINK-BILD-KACHELN *********************************** */

.linkbildkacheln .kachel {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*.linkbildkacheln .kachel:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,.3);
}*/

.linkbildkacheln .kachelbox {
	padding-bottom: 10px;
}

.linkbildkacheln .kachel img {
	width: 100%;
	height: auto;
}

.linkbildkacheln .wort {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #000;
	background-color: rgba(255,255,255,.85);
	transition: opacity .5s;
	opacity: 1;
	font-size: 1.5em;
	/*font-family: "Corporate S W01 Demi";*/
}

.pc .linkbildkacheln .wort:hover {
	opacity: 0;
}

.linkbildkacheln .wort span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 992px) {
/*
	.linkbildkacheln .wort span {
		font-size: 2em;
	}	
*/	
	.linkbildkacheln .kachelbox {
		padding-bottom: 30px;
	}
}


/* ************************************* BERATER *********************************** */

@keyframes i{
	0%{
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	2%{
		-webkit-transform:scale3d(1.1,.9,1);
		transform:scale3d(1.1,.9,1)
	}
	4%{
		-webkit-transform:scale3d(.9,1.1,1);
		transform:scale3d(.9,1.1,1)
	}
	6%{
		-webkit-transform:scale3d(1.05,.95,1);
		transform:scale3d(1.05,.95,1)
	}
	8%{
		-webkit-transform:scale3d(.98,1.03,1);
		transform:scale3d(.98,1.03,1)
	}
	10%{
		-webkit-transform:scale3d(1.01,.99,1);
		transform:scale3d(1.01,.99,1)
	}
	12%, to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
	

.set a.edit {
	display: block;
	text-align: right;
	color: #000;
	font-size: 1.25em;
}

#chat {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 2000;
}

#chat .container-fluid, #chat .container-fluid .container, #chat .container-fluid .container .row {
	/*width: 100%;
	height: 100%;*/
}


#chat .container-fluid {
	width: 100%;
	min-height: 100%;
	height: 100%;
	overflow-y: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px;
	z-index: 2000;
	/*padding-top: 100%;*/
}

/*#chat .container-fluid > .container {
	padding-top: 90%;
}*/

.berater .invis,.mailform_fb   .invis {
	display: none;
}

.berater {
	padding-top: 20px;
}



#berater .btnwrap button {
	transform: scale(0,0);
	transition: transform 1s;
	transform-origin: bottom right;
	margin-bottom: 20px;
	border-radius: 8px;
	/*font-size: .8em;*/
}

#berater .btnwrap button.aktiv {
	-webkit-animation: i 8s .4s infinite;
    animation: i 8s .4s infinite;
    transform-origin: center center;
}

.btnwrap button {
	border-radius: 8px;
}

#berater + .socialnetworks,
#berater + .socialnetworks + .footer,
#berater + .footer {
	display: none;
}

#berater .btnwrap {
	position: fixed;
	bottom: 50px;
	right: 40%;
	/*transform: translateX(100%);*/
	z-index: 2000;
}



#berater button.aktiv {
	transform: scale(1,1);
}

#chat .row {
	transition: height .6s;
}

.answer, .set {
	display: none;
	transition: .6s;
	/*transform: scale(0,0);
	transition: transform 1s;
	transform-origin: top left;*/
}

.set1 .answer.answer1 {
    padding-top: 90%;
}

.answer {
	position: relative;	
	max-width: 90%;
}

.answer.useranswer {
	margin-left:10%;
	width:90%;
}



.answer.aktiv, .set.aktiv {
	display: block;
	/*transform: scale(1,1);*/
}

.answer .thinking span {
	display: inline-block;
	position: absolute;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	margin-right: 10px;
	background-color: #d1d2d2;
	/*background-color: #b3b3b3;*/
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.answer .thinking {
	/*margin-bottom: 20px;*/
	width: 64px;
	height: 12px;
	position: relative;
}



.answer .bubble {
	background-color: #E9EAE9;
	/*background-color: #b3b3b3;*/
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 8px;
	transform: scale(0,0);
	transition: transform 0.2s;
	transform-origin: top left;
	
	/*font-size: 0.8em;*/
}

.answer .ani {
	/*display: none;*/
	position: absolute;
	padding: 10px;
	border-radius: 8px;
	background-color: #E9EAE9;
	transform: scale(0,0);
	transition: transform 0.2s;
	transform-origin: top left;
}

.answer .ani.aktiv {
	display: inline-block;
	transform: scale(1,1);
}


#berater {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	margin-top: 5px;
	height: 154px;
}

@media screen and (min-width: 992px) {
	#berater {
		height: 190px;
	}
}

#berater img {
	width: 120px;
	height: auto;
	margin-top: 5px;
	position: absolute;
    bottom: 0;
    /*opacity: 0;*/
    transition: .5s;
    /*background-color: #fff;*/
}

#berater .invis {
	/*display: none;*/
	display: inherit;
	opacity: 0;
}


#berater .img0 {
	opacity: 1;
}


@media screen and (min-width: 922px) {
	.answer .bubble {
		padding: 20px;
		margin-bottom: 10px;
		font-size: 1em;
	}
	
	.answer .ani {
		padding: 20px;
	}
	
	#berater .btnwrap button {
		font-size: 1em;
	}
	
	#berater {
		margin-top: 15px;
	}
	
	#berater img {
		width: 150px;
	}
	
	#chat .container-fluid {
		padding-bottom: 20px;
	}
	
	.answer {	
		width:80%;
	}
	
	.answer.useranswer {
		margin-left:20%;
		width:80%;
	}
	
	#chat {
		top: 60px;
	}
	
}


.answer.useranswer .bubble {
	background-color: #d1d2d2;
}

.answer .bubble.aktiv {
	transform: scale(1,1);
}

/*
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}*/
.answer .thinking span:nth-child(1) {
	left: 6px;
  	animation: lds-ellipsis1 0.6s infinite;
}
.answer .thinking span:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}
.answer .thinking span:nth-child(3) {
  	left: 26px;
  	animation: lds-ellipsis2 0.6s infinite;
}
.answer .thinking span:nth-child(4) {
  	left: 45px;
  	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  	0% {
    	transform: scale(0);
  	}
  	100% {
    	transform: scale(1);
  	}
}
@keyframes lds-ellipsis3 {
  	0% {
    	transform: scale(1);
  	}
  	100% {
    	transform: scale(0);
  	}
}
@keyframes lds-ellipsis2 {
  	0% {
    	transform: translate(0, 0);
  	}
  	100% {
    	transform: translate(19px, 0);
  	}
}


/*
a.toooltip {
  position: relative;
  text-decoration: none;
}
a.toooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 20%;
  background: #ffcb66;
  padding: 5px 15px;
  color: black;
  -webkit-border-radius: 10px;
  -moz-border-radius : 10px;
  border-radius : 10px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
}
a.toooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #ffcb66;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
  opacity: 0;
  left: 30%;
  bottom: 90%;
}
a.toooltip:hover:after {
  bottom: 100%;
}
a.toooltip:hover:before {
  bottom: 70%;
}
a.toooltip:hover:after, a:hover:before {
  opacity: 1;
}
*/
/*
<a href="#" class="toooltip" data-tooltip="Ist das nicht ein toller Tooltip! So informativ!">
	Stet clita kasd gubergren
</a>
 */

/* ************************************ Galerie **************************************** */

.galeriebox {
	overflow: hidden;
	position: relative;
    padding-bottom: 50px;
    font-size: 0.8em;
}

.galeriebox .slidebox {
	overflow: hidden;
	padding: 0;
	background-color: #fff;
	color: #000;
}

.galeriebox .slidebox .slide {
	float: left;
	border: 1px solid #fff;
}

.pc a.nolink:hover {
	color: #000;
}

.galeriebox .slidebox .slide .block {
	float: left;
	width: 50%;
}

.galeriebox .slidebox .slide .block figcaption {
	/*padding-top: 20px;*/
	/*font-size: 0.8em;*/
	line-height:1.2em;
	padding: 10px 20px 0 20px;
}

.block .img {
	position: relative;
}

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

.block .fal.fa-play {
	position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    color: #fff;
    text-shadow: 0 0 2px #666;
    
}

body.tablet .galeriebox .slidebox .slide .block:nth-child(odd),
body.pc .galeriebox .slidebox .slide .block:nth-child(odd) {
	padding-right: 5px;
}

body.tablet .galeriebox .slidebox .slide .block:nth-child(even),
body.pc .galeriebox .slidebox .slide .block:nth-child(even) {
	padding-left: 5px;
}

.galeriebox .slidenav {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
}

.galeriebox .slidenav div {
	display: inline-block;
	
}

.galeriebox .slidenav .vor,
.galeriebox .slidenav .zurueck {
	cursor: pointer;
	padding: 0 15px;
}




/* ************************************* IPHONE ************************************* */

/* 
   Remove telephone style on iphones 
   https://stackoverflow.com/questions/3736807/how-do-i-remove-the-blue-styling-of-telephone-numbers-on-iphone-ios
*/
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: 1em !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	line-height: inherit !important;
}

#footer a[href^=tel] {
	color: #fff !important;
}


/* ********************** FOCUS OUTLINE ********************* */

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) img:focus,
body:not(.user-is-tabbing) a img {
	outline: none;
}


/* ********************** NAVIGATION ********************* */



#sandwich {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	/*left: 5.3%;*/
	left: 0;
	margin: 10px;
	margin-left: -20px;
	margin-top: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: transform .5s ease-in-out;
	-moz-transition: transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	cursor: pointer;
	z-index: 3000;
}


.logocol
{
text-align:right;
}

#sandwich span {
	display: block;

	position: absolute;
	height: 2px;
	width: 30px;

	opacity: 1;
	left: 30px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	/*background-color: #bcbebf;*/
	background-color: #b3b3b3;

}

#sandwich span:nth-child(1) {
	top: 13px;
}

#sandwich span:nth-child(2) {
	top: 23px;
	display: none;
}

#sandwich span:nth-child(3) {
	top: 20px;
}

#sandwich.open span {
	/*background-color: #344675;*/
	/*background-color: #fff;*/
		box-shadow: 0 0 0 0;

}

#sandwich.open span:nth-child(1) {
	top: 15px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #fff;

}

#sandwich.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

#sandwich.open span:nth-child(3) {
	top: 15px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #fff; 
}


.logocol a
{
z-index: 100;
}

	#main_nav {
		z-index: 2500;
		display: none;
		position: absolute;
	    background-color: #ed1c24;
	    width: 100%;
	    left: 0px;
		/*padding-right: 5.3%;
		padding-left: 5.3%;*/
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 10px;
		overflow: auto;
		height:100%;
	}
		#header #main_nav li.has_children  {
			position: relative;
		}


	.mynav
	{
		padding-top:100px;
	}

	#main_nav a{
	color:#fff;
	
	}
	
#main_nav a:focus {
	color: #fafafa;
}

#main_nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size:1.5em;
    text-align:	center;
    margin-bottom: .75em;
}

@media screen and (min-width: 992px) {
	
	#main_nav {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#main_nav ul li {
	    font-size:3em;
	}
}

#main_nav ul {
	padding: 0;
}

		#header #main_nav li.has_children > a + .navpfeil {
			position: absolute;
			right: 0;
			top: 0;
			padding: 0 1em;
			line-height: 2em;
			display: inline-block;
		    font-style: normal;
		    font-variant: normal;
		    text-rendering: auto;
		    speak: none;
		    cursor: pointer;

		    -webkit-transition: all 0.5s ease;
		    -moz-transition: all 0.5s ease;
		    -o-transition: all 0.5s ease;
		    transition: all 0.5s ease;
		}
		
		#header #main_nav li.has_children.clicked > a + .navpfeil {
			-moz-transform: rotate(-179.9deg);
			-o-transform: rotate(-179.9deg);
			-webkit-transform: rotate(-179.9deg);
			-ms-transform: rotate(-179.9deg) !important;
			transform: rotate(-179.9deg);
			background-color: transparent;
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
			zoom: 1;
			z-index: 1;			
		}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h2.center

{
text-align:center;
}



/* ************************ STICHWORTE / BILDER ************************** */

.stichworte_wrap {
	background-color: #F2952C;
	padding: 10px;
}




.stichworte_wrap .stichwort {
	display: inline-block;
	margin: 5px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    font-size: 18px;
}

.stichworte_wrap .stichwort div {
	padding: 5px 10px;
	/*width: 100%;
	height: 100%;*/
    background-color: #fff;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	
/*}

.pc .stichworte_wrap .stichwort div {*/
	/*-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);*/
    /*transition: .6s;*/
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	/*transform-origin: center left;*/
	 -webkit-transition: -webkit-transform .5s;
  	-moz-transition: -moz-transform .5s;
  	transition: transform .5s;
}


.pc .stichworte_wrap .stichwort div:hover {
	/*background-color: #fff;
	color: #EE1C25;*/
	background-color: #efefef;
	/*-webkit-transform: rotate3d(0,1,0,35deg);
  	-moz-transform: rotate3d(0,1,0,35deg);
  	transform: rotate3d(0,1,0,35deg);*/
  	transform:rotateY(20deg);
	-webkit-transform: rotateY(20deg); 
	/*translateZ(0);  perspective(500px)*/
}

.pc .stichworte_wrap .stichwort.aktiv div:hover {
	background-color: #eacc28;
}


.stichworte_wrap .stichwort h2, 
.stichworte_wrap .stichwort h3 {
	margin-right: 10px;
	margin-left: 10px;
}

.stichworte_wrap .stichwort.aktiv div {
	background-color: #FFDE2C;
}

.stichworte_wrap .stichwort span {
	display: none;
}

.stichworte_wrap .counter {
/*	font-family: "Corporate S W01 Demi"; */
color:#fff;
	text-align: center;
	font-size: 2em;
}

@media screen and (min-width: 922px) {
	.stichworte_wrap {
		background-color: #F2952C;
		padding: 20px 30px;
	}
	
	.stichworte_wrap .stichwort {
		font-size: 24px;
	}
}

.bilder_wrap {
	padding: 10px 0;
	background-color: #767575;
	background-color: #30302e;
	overflow: hidden;
    width: 100%;
} 

.bilder_wrap h2,
.bilder_wrap h3 {
	color: #fff;
}

.bilder_wrap .bild {
	margin-bottom: 20px;
	/*padding: 0;*/
	position: relative;
	/*padding-right: 10px;
    padding-left: 10px;*/
}



.bilder_wrap .bild span {
	display: none;
}

.bilder_wrap input[type="checkbox"] {
	display: none;
}

.bilder_wrap .bild img {
	width: 100%;
	height: auto;
}

.bilder_wrap .bild label {
	position: absolute;
	z-index: 500;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
}

.bilder_wrap .bild .fake_checkbox {
	z-index: 300;
	position: absolute;
	right: 5%;
	bottom: 5%;
	/*background-color: #fff;
	width: 40px;
	height: 40px;

	border: 2px solid #fff;*/
color:#fff;
	-webkit-font-smoothing: antialiased;
}




.bilder_wrap input[type="checkbox"]:checked + label + .fake_checkbox,.bilder_wrap .bild.aktiv .fake_checkbox {
/*
	background-color: #fff;
	background-image: url("/theme/checked.jpg");
	background-size: contain;
	*/
	color: #EE1C25;
}

button.stichworte_ready {
	opacity: 0;
	/*transition: all .6s;*/
}

.buttonwrap {
	text-align: right;
}

@media screen and (min-width: 922px) {
	.bilder_wrap {
		padding-right: 30px;
		padding-left: 30px;
	}	
	
	.bilder_wrap .bild {
		margin-bottom: 30px;
	}
}

/* ****************************** SOCIAL NETWORKS ****************************** */

.socialnetworks {
	text-align: center;
	padding: 10px 0;
}

.socialnetworks .sn {
	display: inline-block;
}

.socialnetworks .sn a {
	display: block;
	padding: 5px 10px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.pc .socialnetworks .sn a:hover {
	background-color: #383838;
	color: #fff;
	border-radius: 4px;
}

/* ************************ FOOTER ************************** */

.footrow {
	font-size: 0.85em;
	border-top: 1px solid #000003;
	padding-top: 20px;
	padding-bottom: 80px;
	text-align: center;
}

.footrow ul {
    list-style-type: none;
	margin: 0;
	padding-left: 0;
	line-height: 1.25;
}

.footrow ul li {
	display: inline-block;
}

.footrow ul li a {
	display: inline-block;
	padding: 0 25px;
}

.footrow .row {
	margin-left: -25px;
	margin-right: -25px;
}

.footrow .row > ul > li > a {
	/*font-weight:500;*/
}

.footrow li::before  {
	display:none;
}


#footer .mynav .ebene2{
  	border-top: 1px solid #000;
}

.lastline {
	margin-top: 40px;
}


/* ************************ PARALLAX ************************** */

.container-fluid.fullback {
    background-size: cover;
    margin-bottom: 10px;
    padding: 20px 15px;
    background-position: 50% 50%;
    /* text-shadow: 0 0 2px #666; */
}

.fullback.h200 {
    min-height: 200px;
}

.fullback.h300 {
    min-height: 300px;
}

.fullback.h400 {
    min-height: 400px;
}    

.fullback.h500 {
    min-height: 500px;
}

.fullback.h1000 {
    min-height: 1000px;
}

.container-fluid.fullback, 
.container-fluid.fullback a {
    color: #fff;
}

.bigfont {
    font-size: 1.18em;
    line-height: 1.5em;
}

/* ************************ FANCYBOX ************************** */

.fancybox-slide {
	padding: 0;
	background-color: #fff;
}

.fancybox-slide--html .fancybox-close-small {
    right: auto;
    left: 0px;
}

.fancybox-slide.fancybox-slide--video {
	background-color: #30302e;
}

.fancybox-inner .fullscreen, .fancybox-inner .fullscreen .innerslice, .fancybox-inner .fullscreen .innerslice .stichworte_wrap2, .fancybox-inner .fullscreen .innerslice .bilder_wrap2
{
height:100%;
	
}
.fancybox-inner .stichworte_fb,.fancybox-inner .bilder_fb
{
background-color: #F2952C;
padding:0;
width:100%;
}
.fancybox-inner .bilder_fb
{
    background-color: #767575;
    	background-color: #30302e;
    }

.fancybox-inner .stichworte_fb .innerslice,.fancybox-inner .bilder_fb .innerslice,.fancybox-inner .mailform_fb .innerslice 
{
/*max-width:800px;*/
width: 100%;
max-width: 1200px;
margin:auto;
}

.fancybox-close-small {
	left: 10px;
	background-color: #fff;
}

@media screen and (min-width: 922px) {
	.fancybox-close-small {
    	left: 30px;
	}
}


.beraterfb.fancybox-slide:before
{
height:auto;
display: block;
}


    
    .col-eq-height {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        xalign-items: center;
        xjustify-content: center;
        // Optional support to confirm scroll behavior makes sense in IE10
        -ms-flex-direction: column;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        height: 100%;
}

.col-vmiddle {

	margin: auto;
}

.fancybox-inner .fullscreen.col-eq-height .innerslice
{
height:auto;
padding: 20px 0;
}



@media screen and (min-width: 992px) {

.zweispalt .grey_bg	
{
min-height:300px;
}

.zweispalt .grey_bg > div
{
min-height:300px;
}

	
}

#main_nav ul li.small
{
font-size: 24px;
}

.pc #main_nav ul li.small, .ipad #main_nav ul li.small {

font-size: 24px;

}



/* ********************* FORMULARGENERATOR ******************* */

	#fb-editor {
		font-size: 1em;
	}
	.form-wrap.form-builder .form-actions.btn-group {
		display: none;
	}	
		
	.form-wrap.form-builder .stage-wrap {
	    width: calc(70% - 5px);
	    border: 1px solid #ccc;
	}
	
	.form-wrap.form-builder .cb-wrap {
	    width: 30%;
	}
	
	#formbuilder label span {
		font-size: .8em;
		color: #aaa;
	}
	
	.form-wrap.form-builder .form-control {
		font-size: 1em;
	}
	
	.select_btn {
		margin-bottom: 40px;
	}
	
	.select_btn label {
		display: block;
	}
	
	.select_btn #formauswahl {
		width: 75%;
		margin-right: 5%;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 1.5em;
	}
	
	.select_btn #formauswahl option {
		line-height: 1.5em;
		padding: 5px;
	}
	
	.select_btn #formwahl {
		width: 20%;
		padding: 3px;
		line-height: 1.5em;
	}
	
	
/* ************************* FORMULARE ******************************* */

.pflichtleer textarea, .form-check-group.pflichtleer {
	background-color: #fcc;
}

.pflichtleer select {
	border: 1px solid #fcc;
}

.form-control {
	border-radius: 0;
	font-size: 1em;
}	
	
	#formauswahl {
		height: auto;
	}	


	.ausloggen {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.ausloggen .btn {
		margin: .5em 0;
	}	
	
.fancybox-inner .firmform_fb {
    width: 100%;
}
.fancybox-inner .firmform_fb .innerslice {
	width: 100%;    
    max-width: 800px;
}


.mselect select option:checked,.mselect select option:focus
{
background:#f0f0f0 repeat url("data:image/gif;base64,R0lGODlhCgAKAIAAAMLCwgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzUyLCAyMDIwLzAxLzMwLTE1OjUwOjM4ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDUzMEVBRTI5NTIwMTFFQUIwMzdFNzRBMjdCQjI0MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDUzMEVBRTM5NTIwMTFFQUIwMzdFNzRBMjdCQjI0MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTMwRUFFMDk1MjAxMUVBQjAzN0U3NEEyN0JCMjQxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NTMwRUFFMTk1MjAxMUVBQjAzN0U3NEEyN0JCMjQxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw==");
}

.intern form h3
{
text-align:left;
}

.intern form #maketab a
{
color: #fff;
    outline: none;
    border: none;
    border-radius: 0;
    background-color: #EE1C25;
    border: 1px solid #EE1C25;
    padding: 10px 40px;
    transition: all 1s;
    font-size: 1em;
}

.intern form .stab.tab .form-control
{
padding:0;
}

.mailform .fancybox-close-small
{
display:block !important;
}

.mailform .beratermail
{
display:none;
}

.mailform .grey
{
color:#aaa;
}

.showberatermail .link
{
text-decoration:underline;
}

.intern #firmenberater label.inaktiv
{
color:#aaa;
}
.klist
{
list-style:none;
}
.klist li
{
position:relative;
margin-bottom: 10px;
}
.klist .aufklapper
{
position: absolute;
left: -25px;
height: 20px;
width: 20px;
float: left;
top: 2px;
content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z'/%3E%3C/svg%3E");
hover:pointer;
  transform-origin: center;
cursor:pointer;
transition-duration: .6s;

}

.klist .kurzcheckstatus
{
display:none;
}
.klist .aufklapper.aktiv
{

  transform: rotate(180deg);
}
.klist .kurzcheckstatus div
{
position:relative;
}

.klist .downloader,.klist .kurzcheckstatus .downloader

{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M365.3 125.3l-106.5-106.5C246.7 6.742 230.5 0 213.5 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.35 28.65 64 64 64H320c35.35 0 64-28.65 64-64V170.5C384 153.5 377.3 137.3 365.3 125.3zM224 34.08c4.477 1.566 8.666 3.846 12.12 7.299l106.5 106.5C346.1 151.3 348.4 155.5 349.9 160H240C231.2 160 224 152.8 224 144V34.08zM352 448c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V64c0-17.64 14.36-32 32-32h128v112C192 170.5 213.5 192 240 192H352V448zM208 240C208 231.2 200.8 224 192 224S176 231.2 176 240v121.4L123.3 308.7C120.2 305.6 116.1 304 112 304S103.8 305.6 100.7 308.7c-6.25 6.25-6.25 16.38 0 22.62l80 80c6.25 6.25 16.38 6.25 22.62 0l80-80c6.25-6.25 6.25-16.38 0-22.62s-16.38-6.25-22.62 0L208 361.4V240z'/%3E%3C/svg%3E");
height: 1em;
position: absolute;
right: 0;
top: 0;
cursor:pointer;
}
.klist .kurzcheckstatus .downloader
{

content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M365.3 125.3l-106.5-106.5C246.7 6.742 230.5 0 213.5 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.35 28.65 64 64 64H320c35.35 0 64-28.65 64-64V170.5C384 153.5 377.3 137.3 365.3 125.3zM224 34.08c4.477 1.566 8.666 3.846 12.12 7.299l106.5 106.5C346.1 151.3 348.4 155.5 349.9 160H240C231.2 160 224 152.8 224 144V34.08zM352 448c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V64c0-17.64 14.36-32 32-32h128v112C192 170.5 213.5 192 240 192H352V448zM64 256v160c0 17.67 14.33 32 32 32h192c17.67 0 32-14.33 32-32V256c0-17.67-14.33-32-32-32H96C78.33 224 64 238.3 64 256zM128 416H96v-32h32V416zM128 352H96v-32h32V352zM224 416H160v-32h64V416zM224 352H160v-32h64V352zM288 416h-32v-32h32V416zM288 352h-32v-32h32V352zM288 288H96V256h192V288z'/%3E%3C/svg%3E");
}