@import url('assets/fonts/roboto/roboto.css');
@import url('assets/fonts/rokkitt/rokkitt.css');
:root{
	--accent-color: #fd5913;
	--accent-color-trans: rgba(253, 89, 19,.2);
	--accent-color-trans90: rgba(253, 89, 19,.9);
	--lightergray: #f2f2f2;
	--lightgray: #dcdcdc;
	--middlegray: #757575;
	--formbggray: #dedede;
	--formfontgray: #5c5c5c;
	/*--standardfont: 'Roboto', sans-serif;*/
	--standardfont: 'Calibri', sans-serif;
	/*--fifthvw : 17vw;*/
	--fifthvw : min(16%, 320px);
	--content-width: 1400px;
	--strahldimension: 110px;
	--lpbutton: clamp(50px, 5vw, 70px);
	--fontsizemulti: 1;
	--lineheightmulti: 1;
	--orangegradient: linear-gradient(232deg, rgba(255,168,35,1) 0%, rgba(249,0,0,1) 100%);
}
html{
	scroll-behavior: smooth;
}
*{
	/*font-family: 'Fira Sans', sans-serif;*/
	font-family: var(--standardfont);
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 1.4!important;
	hyphens: auto;
}
* > span{
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}
.inactive{
	opacity: .25;
	pointer-events: none;
	user-select: none;
}
.transparent{
	opacity: .25;
}
strong{
	font-weight: 500!important;
}
.fira{
	font-family: var(--standardfont)!important;
	font-size: 1.1rem;
	font-weight: 200;
	line-height: 2rem;
	hyphens: auto;
}
h5 .fira.small{
	font-size: 1.5rem!important;
}
[onclick]{
	cursor:pointer;
}
.nostyle{
	all: unset;
}
button.nostyle{
	cursor: pointer;
}
.downloadbtn {
	position: relative;
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 0 15px #00000022;
	display: flex;
	align-items: center;
	transform-origin: center;
	transition: all ease .2s;
	box-sizing: border-box;
	padding: 20px;
}
.downloadbtn:not(.thumbnailbtn) {
	margin: 15px 0;
}
.downloadbtn.thumbnailbtn {
	min-height: max-content;
}
.downloadbtn:hover {
	transform: scale(1.01);
}
.downloadbtn.thumbnailbtn:hover {
	transform: scale(1.05);
}
.downloadbtn.thumbnailbtn *{
	margin: auto;
	text-align: center;
}
.downloadbtn a{
	width: 100%;
	height: 100%;
}
.downloadbtn.thumbnailbtn a{
	min-height: max-content;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.downloadbtn img{
	width: auto;
	height: auto;
}
.downloadbtn:not(.thumbnailbtn) img{
	max-width: 50px;
	max-height: 50px;
}
.downloadbtn.thumbnailbtn .tnwrapper{
	width: 75px;
	height: 75px;
	max-width: 100%;
	max-height: 100%;
}
.downloadbtn.thumbnailbtn .tnwrapper img{
	max-width: 100%;
	max-height: 100%;
}

.hand{
	background-image: url("assets/imgs/hand_schwarz_header.png"), var(--orangegradient)!important;
	background-repeat: no-repeat!important;
	background-position: right top!important;
	background-size: contain!important;
	background-blend-mode: screen;
}

#foerderfaehigpadding{
	margin-top:-10vw;
	padding-top:13vw!important;
	padding-bottom:0!important;
}

/**/

    .card{height:auto;padding:1.5vh;border-radius:1vh;box-shadow: 0 0 10px rgba(0,0,0,.25);display: grid;display:-webkit-grid;grid-template-areas:'cover' 'info';-webkit-grid-template-areas:'cover' 'info';grid-gap:10px;-webkit-grid-gap:10px;}
    .books.active .card{grid-template-areas:'cover info';-webkit-grid-template-areas:'cover info';}
    .card img{width:auto;height:auto;max-width:100%;grid-area:cover;-webkit-grid-area:cover;}
    .card .center{grid-area:info;-webkit-grid-area:info;}
    .card h6{font-size:1.25rem!important;}
    .card p{font-size:.9rem!important;margin:0;}
    .card.active{background:var(--accent-color);}
    .card.active *{color:#fff!important;}
    .card.active hr{background-color:#fff!important;}
    .arrowrightsmall{position:relative;margin-left: -20px!important;cursor:pointer;white-space:nowrap;}
    .arrowrightsmall::after{transition:all ease .2s;content:\"\";position:absolute;right:15px;height:10px;width:10px;top:50%;transform: translateY(-50%) rotateZ(45deg);border-bottom: 5px solid transparent;border-right: 5px solid black;border-top: 5px solid black;border-left: 5px solid transparent;box-sizing: border-box;}
    .arrowrightsmall:hover{color:var(--accent-color);}
    .arrowrightsmall.active{color:#fff;}
    .arrowrightsmall:hover::after{right: 5px;border-right: 5px solid var(--accent-color);border-top: 5px solid var(--accent-color);}
    .arrowrightsmall.active::after{right: 5px;border-right: 5px solid #fff;border-top: 5px solid #fff;}
    #statistik{max-height:50vh;overflow:auto;}
    table, table *{border:unset!important;}
    table:not(.alignleft) th, table:not(.alignleft) td{padding:0 10px!important;box-sizing:border-box;text-align:center!important;}
    thead tr{position:sticky;top:0;background:var(--lightgray);z-index:324234;box-shadow: 0 5px 5px rgba(0,0,0,.25);z-index: 523;}
    tbody tr:nth-child(even){background:var(--formbggray);}
    .balken{position:relative;height:30px;background-color:var(--accent-color);}
    .balken p{color:#000;position:absolute;left:20px;margin:0;line-height:30px;font-weight:500;}
    .balken.vert{width:30px;}
    .hover tbody tr:hover{background-color:var(--accent-color);}
    .hover tbody tr:hover td, .hover tbody tr:hover td > *{color:#fff;}
    .hover tbody tr:hover .balken{background-color:#fff;}
    .graph{height:30vh;width:100%;overflow-x:auto;flex-wrap:unset!important;margin-bottom:2vh;}
/**/

body{
	padding-top: 80px;
	/*perspective: 1000px;*/
}
sub, sup{
	font-size: .7rem!important;
}
.dot{
	margin: auto;
	width: 20px;
	height:20px;
	border-radius: 100%;
}
#trackingpath circle{
	/*fill: transparent;*/
	position: relative;
}
#trackingpath polygon.tooltip{
	transition: all ease .2s;
}
#trackingpath polygon.tooltip:hover{
	fill: rgba(255,255,255,.5);
}
#trackingpath circle::after{
	position: absolute;
	/*content: attr(content);*/
	content: "Test";
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
}
#trackingpath circle:hover{
	fill: var(--accent-color);
}
.thisloading{
	position:relative;
	overflow: hidden;
}
.thisloading::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 123;
	backdrop-filter: blur(15px);
	top: 0;
	left: 0;
}
.thisloading::after{
	position: absolute;
	content: "";
	width: max(15px,  min(1vw, 25px));
	height: max(15px,  min(1vw, 25px));
	border-radius: max(15px,  min(1vw, 25px));
	background-color: var(--accent-color);
	animation: elementloader 1s infinite alternate-reverse ease-in-out;
	top: 50%;
	left: 50%;
	z-index: 124;
	border: 1px solid #fff;
}
@keyframes elementloader{
	0%{
		opacity: 1;
		width: max(15px,  min(1vw, 25px));
		transform: translateY(-50%) translateX(-250%);
	}
	25%{
		opacity: .8;
		width: max(15px,  min(1vw, 25px));
		transform: translateY(-50%) translateX(-250%);
	}
	50%{
		opacity: .5;
		width: max(45px,  min(3vw, 75px));
	}
	75%{
		opacity: .8;
		width: max(15px,  min(1vw, 25px));
		transform: translateY(-50%) translateX(200%);
	}
	100%{
		opacity: 1;
		width: max(15px,  min(1vw, 25px));
		transform: translateY(-50%) translateX(200%);
	}
}
.tosingleuser{
	position: relative;
	overflow: hidden;
}
.tosingleuser::after{
	content: "Nur an diesen Nutzer senden";
	position: absolute;
	right:-100%;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	transition: all ease .2s;
	background: var(--accent-color-trans90);
}
.tosingleuser:hover::after{
	right: 0%;
}
.videobutton{
	position: relative;
	z-index: -1;
}
.videobutton::before{
	position: absolute;
	content: "";
	width: 70px;
	height: 70px;
	border-radius: 100%;
	border: 5px solid var(--accent-color);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	backdrop-filter: blur(2px);
	background-color: rgba(255,255,255,.7);
	transition: all ease .2s;
}
.videobutton::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	transform-origin: center;
	left: 50%;
	top: 50%;
	transform: translate(-70%, -50%) rotateZ(45deg);
	border-top: 15px solid var(--accent-color);
	border-right: 15px solid var(--accent-color);
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	box-sizing: border-box;
	transition: all ease .2s;
	border-radius: 5px;
}
a:hover .videobutton::before{
	width: 90px;
	height: 90px;
}
a:hover .videobutton::after{
	width: 20px;
	height: 20px;
	border-top: 10px solid var(--accent-color);
	border-right: 10px solid var(--accent-color);
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}
.rokkitt{
	font-family: "Rokkitt", serif!important;
}
a.inlinebutton{
	display: inline-block;
	padding: 1vw 3vw;
	background-color: var(--accent-color);
	color: #fff!important;
	border-radius: .75vh;
}
#headerchartswrapper{
	flex-grow: 1;
	flex-basis: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#kampagnendetailsbutton{
	position: absolute;
	right: calc(calc(100% - var(--content-width)) / 2);
	top: calc(5vh + 80px);
	background: var(--orangegradient);
	padding: 2vh;
	box-sizing: border-box;
	border-radius: .5vh;
	border: 3px solid #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	cursor: pointer;
}
#kampagnendetailsbutton *{
	margin: 0!important;
	color: #fff;
}
#kampagnendetailsbutton .clipper{
	position: absolute;
	top: 0;
	clip-path: circle(0% at 50% 50%);
	background: #fff;
	width: 100%;
	left: 0;
	height: 100%;
	padding: 2vh;
	box-sizing: border-box;
	transition: all ease-out .4s;
}
#kampagnendetailsbutton .clipper *{
	color: var(--accent-color);
}
#kampagnendetailsbutton:hover .clipper{
	clip-path: circle(100% at 50% 50%);
}
#kampagnendetails{
	position: fixed;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 0;
	box-sizing: border-box;
	background: rgba(0,0,0,.3);
	z-index: 654654654;
}
.ui-tooltip{
	background: var(--orangegradient);
	border: 1px solid white;
	border-radius: .75vh;
	padding: 5px 10px;
	color: #fff;
	font: bold 1.1rem var(--standardfont);
	box-shadow: unset;
}  
.arrow, .arrow.top, .arrow.left {
	display: none;
}
#kampagnendetails > div{
	width: clamp(250px, 60vw, 1000px);
	background: #fff;
	margin: auto;
	padding: 3vw;
	box-shadow: 0 43px 43px -6px rgba(0, 0, 0, .2);
	border-radius: .5vh;
}
.forceoneliner{
	min-width: max-content;
}
.jumppoint {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
	margin: 0 5px;
	cursor: pointer;
}
.jumppoint.active {
	background-color: #fff;
}
#maincontent{
	min-height: 95vh;
}
.presseeintrag div{
	width: 100%;
	height: 25vh;
	background-size: cover;
	background-position: center;
	position: relative;
	transition: all ease .2s;
	border-radius: .5vh;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.presseeintrag p{
	text-align: center;
	width: 80%;
	height: 25%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*border: 1px solid var(--accent-color);*/
	background: rgba(253, 89, 19, .2);
	color: #fff !important;
	left: 50%;
	bottom: 10%;
	position: absolute;
	transform: translate(-50%, 0%);
	margin: 0;
	font-weight: 600 !important;
	backdrop-filter: blur(10px);
	transition: all ease .2s;
	border-radius: .5vh;
	padding: 15px;
	box-sizing: border-box;
}
.leftpart .presseeintrag:not(:hover):not(.active) p{
	height: 50%;
}
.presseeintrag:hover p, .presseeintrag.active p{
	background: rgba(253, 89, 19, .4);
	width: 100%;
	height: 100%;
	bottom: 0;
}
.mainchat{
	padding: 1vh;
	box-sizing: border-box;
}
.imageSlider{
	overflow: hidden;
	height: 200px;
}
.imageSlider .sliderimage{
	flex-grow: 1;
	max-width: 100%!important;
	max-height: 200px!important;
	flex-shrink: 0;
	padding: 0 20px;
	transition: all ease .5s;
	box-sizing: border-box;
	margin: 0!important;
	height: 200px;
}
.imageSlider .sliderimage > div{
	max-width: 100%!important;
	max-height: 200px!important;
}
.imageSlider .sliderimage.shrink{
	max-width: 0px!important;
	overflow: hidden;
	padding: 0!important;
}
.chatmessage{
	position: relative;
	background: var(--lightergray);
	padding: 15px;
	margin: 10px 0;
	border-radius: 0 .5vh .5vh .5vh;
}
.chatmessage.self{
	border-radius:  .5vh 0 .5vh .5vh;
}
.chatmessage p:not(.small){
	margin-top: 0;
}
.chatmessage::before{
	content: "";
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 20px;
	border-top: 10px solid var(--lightergray);
	border-right: 10px solid var(--lightergray);
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	box-sizing: border-box;
}
.chatmessage.self::before{
	left: unset;
	right: -20px;
	border-top: 10px solid var(--lightergray);
	border-left: 10px solid var(--lightergray);
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
}
.socialmedia{
	background: var(--accent-color);
	width: 2rem;
	height: 2rem;
	margin: 0 .5rem;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}
#closedbeta, .closedbeta{
	padding-bottom: 3vh;
	min-width: 740px;
}
#closedbeta .sectionheader{
	margin-top: 0!important;
}
#closedbeta .whynot{
	display: none;
	/*width: 48%;*/
}
#closedbeta .whynot *{
	width: 100%;
}
#closedbeta .whynot textarea{
	height: 10vh;
	width: calc(100% - 20px);
}
.forcefullwidth{
	width: 100vw;
	max-width: unset;
	padding: 15px 0 25px 0;
	border-bottom: 2px solid black;
}
.whitetext, .mehr.whitetext{
	color: #fff!important;
}
.facebook{
	background-image: url(assets/imgs/facebook_logo.png);
}
.instagram{
	background-image: url(assets/imgs/instagram_logo.png);
}
.linkedin{
	background-image: url(assets/imgs/linkedin_logo.png);
}
.twitter{
	background-image: url(assets/imgs/twitter_logo.png);
}
.xing{
	background-image: url(assets/imgs/xing_logo.png);
}
.spacer{
	height: 10vh;
}
#progressbar{
	width: 50%;
	height: 20px;
	margin: 30px auto 0px auto;
	border-radius: 1000px;
	background: var(--lightgray);
}
.newform input:not(#tags):not(#logo):not(#linktext):not(#widget):not([name='klickoption']):not(#newsletter):not(#proceedToShop):not([type="range"]), .newform textarea:not(#welcheloesungen), .newform select{
	margin: .5vh 0;
	border: none;
	outline: none;
	background-color: var(--formbggray);
	padding: 1vh;
	border-radius: 1vh;
	font-size: 1.1rem;
	line-height: 2rem;
	box-sizing: border-box;
}
.newform input[type="text"]{
	min-height: 45px;
}
.newform input[type="range"], input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}

input[type=range]::-ms-thumb{
  height: 25px;
  width: 25px;
  margin-top: -8px;
  border-radius: 100%;
  background: var(--accent-color);
  cursor: pointer;
  border:none;
}

input[type=range]::-webkit-slider-thumb{
  height: 25px;
  width: 25px;
  margin-top: -8px;
  border-radius: 100%;
  background: var(--accent-color);
  cursor: pointer;
  border:none;
}

input[type=range]::-moz-range-thumb{
  height: 25px;
  width: 25px;
  margin-top: -8px;
  border-radius: 100%;
  background: var(--accent-color);
  cursor: pointer;
  border:none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #d2d2d2;
  border-radius: 5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #d2d2d2;
  border-radius: 5px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #d2d2d2;
}
input[type=range]::-ms-fill-upper {
  background: #d2d2d2;
  border: 0.2px solid #010101;
  border-radius: 5px;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
.newform select, .newform.arrowdown, .newform .selectwrapper{
	position: relative;
	width: max-content;
}
.newform select::after, .arrowdown::after, .newform .selectwrapper::after{
	position: absolute;
	content: "";
	border-top: 7px solid transparent;
	border-right: 7px solid gray;
	border-bottom: 7px solid gray;
	border-left: 7px solid transparent;
	display: block!important;
	right: 20px;
	top: 50%;
	transform-origin: center;
	transform: translateY(-75%) rotateZ(45deg);
}
.newform button[type="submit"]{
	-webkit-appearance: none;
	border: none;
	outline: none;
	padding: 1vh;
	border-radius: 1vh;
	color: #fff;
	font-size: 1.1rem;
	line-height: 2rem;
	font-weight: 600;
	cursor:pointer;
}
.newform a.likesubmit{
	-webkit-appearance: none;
	border: none;
	outline: none;
	padding: 1vh;
	border-radius: 1vh;
	color: #fff;
	font-size: 1.1rem;
	line-height: 2rem;
	font-weight: 600;
	cursor:pointer;
	background-color: #e9e9ed;
}
.newform a.likesubmit:hover{
	background-color: #d0d0d7;
}
.newform button.dark[type="submit"]{
	color: var(--formfontgray);
}
.newform input[type="checkbox"], .newform input[type="radio"]{
	-webkit-appearance: none;
	background-color: var(--formbggray);
	padding: 0;
	height: 2vh;
	width: 4vh;
	border-radius: 20px;
	margin: 0;
	position: relative;
	cursor: pointer;
	border-radius: 12000px!important;
}
.newform input[type="checkbox"]:not(#widget):not(#newsletter)::after, .newform input[type="radio"]:not(#widget):not(#newsletter)::after{
	position: absolute;
	content: "";
	background-color: var(--formfontgray);
	height: calc(2vh - 6px);
	width: calc(2vh - 6px);
	border-radius: calc(2vh - 6px);
	left: 3px;
	top: 3px;
	transition: all ease .2s;
}
.newform input[type="checkbox"]:checked::after, .newform input[type="radio"]:checked::after{
	background-color: var(--accent-color)!important;
	left: unset!important;
	right: 1px!important;
}
.quartervideo > iframe:nth-child(1){
	width:21vw;
	height:11.7vw;
	max-width:calc(var(--content-width) / 4 - .75vw);
	max-height:calc(calc(var(--content-width) / 4 - .75vw)*.5625);
}
.thirdvideo > iframe:nth-child(1){
	width:40vw;
	max-width:100%;
}
.halfvideo > iframe:nth-child(1){
	width:40vw;
	max-width:100%;
}
.sidemenuicon, .newssocial .socialicon{
	background-color: var(--accent-color);
	width: 40px;
	height: 40px;
	background-size: 30px;
	background-position: left 5px center;
	background-repeat: no-repeat;
	transition: all ease .2s;
	margin: 5px 0;
}
.newssocial .socialicon{
	margin-right: 5px;
}
.ticker{
	display: none;
	transition: all ease .2s;
	opacity: 0;
}
.ticker.active{
	display: block;
	opacity: 1;
}
.sidemenuicon:hover{
	width: 60px;
	margin-left: -20px;
}
#videostatementwrapper > div > *{
	width: min(40vh, 100%);
	margin-left: calc(90% - 40vh);
}
@supports(aspect-ratio: 16 / 10){
	#videostatement, iframe{
		aspect-ratio: 16 / 10;
	}
	#tuts iframe{
		aspect-ratio: 16 / 9;
	}
}
@supports not (aspect-ratio: 16 / 10){
	#videostatement, iframe{
		height: min(25vh, 55vw);
	}
}
#kontakticon{
	background-image: url(assets/imgs/headset.png);
}
#einfuehrungsvideo{
	width: 21vw;
	height: 12vw;
}
.weniggeld, .vielgeld{
	position: relative;
}
.weniggeld::before, .vielgeld::before{
	content:"";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 12vw;
	height: 12vw;
	position: absolute;
	left: -10vw; 
	bottom: 0;
}
.weniggeld::before{
	background-image: url(assets/imgs/awardbilder/wenig_geld.png);
}
.vielgeld::before{
	background-image: url(assets/imgs/awardbilder/viel_geld.png);
}
p.zitat, p.zitat 
span{
	font-weight: 600;
	color: #888;
	font-size: 1.4rem!important;
	line-height: 2rem!important;
	position: relative;
	display: block!important;
}
p.zitat span{
	display: inline!important;
}
p.zitat + p{
	display: block!important;
}
p.zitat::before, p.zitat::after{
	position: absolute;
	content: '"';
	font-size: 10rem;
	width: 80px;
	height: 80px;
	color: #888;
	opacity: .25;
}
p.zitat::before{
	left: 0;
	top: 3.75rem;
}
p.zitat::after{
	margin-top: 1.75rem;
	margin-left: -2rem;
}
span.small, p.small, p.small *{
	font-size: 1rem!important;
	line-height: 1.4;
	color: var(--formfontgray);
	font-weight: 300!important;
}
span.verysmall, p.verysmall, p.verysmall *, button.verysmall, .verysmall{
	font-size: .8rem!important;
	line-height: 1.4;
	color: var(--formfontgray);
}
h5 span.small{
	font-size: 1.2rem!important;
	line-height: 1.4rem !important;
	color: var(--middlegray);
}
span.fussnoten{
	margin-top: 30px;
	display: inline-block;
	border-top: 1px solid #000;
	padding-top: 10px;
	width: 100%;
}
.errormessage{
	width: 100%;
	text-align: center;
	font-weight: 600;
	color: #f00;
}
.grid div input{
	width: 100%;
}
#mainregister .grid{
	margin: 2vh 0;
}
.grid{
	display: grid;
	-webkit-display: grid;
	grid-gap: 1vw;
	-webkit-grid-gap: 2vw;
}
.grid.nogap{
	grid-gap: 0!important;
	-webkit-grid-gap: 0!important;
}
.spanall{
	grid-column: 1 / -1;
	-webkit-grid-column: 1 / -1;
}
.grid.halfs{
	grid-template-columns: repeat(2, 1fr)!important;
	-webkit-grid-template-columns: repeat(2, 1fr)!important;
}
.grid.thirds{
	grid-template-columns: repeat(3, 1fr);
	-webkit-grid-template-columns: repeat(3, 1fr);
}
.grid.quarters{
	grid-template-columns: repeat(4, 1fr);
	-webkit-grid-template-columns: repeat(4, 1fr);
}
.grid.fifths{
	grid-template-columns: repeat(5, 1fr);
	-webkit-grid-template-columns: repeat(5, 1fr);
}
.grid.sixths{
	grid-template-columns: repeat(6, 1fr);
	-webkit-grid-template-columns: repeat(6, 1fr);
}
.grid.quarters .half{
	width: 100%!important;
	grid-column: span 2;
	-webkit-grid-column: span 2;
}
.grid.quarters .onequarter{
	width: 100%!important;
}
.grid.quarters .threequarters{
	width: 100%!important;
	grid-column: span 3;
	-webkit-grid-column: span 3;
}
#tagswrapper{
	width: 100%;
	padding: 45px;
	background-color: var(--accent-color);
	border-radius: 1vh;
	box-sizing: border-box;
}
.adgridwrapper{
	background: var(--lightergray);
	border-radius: .75vh;
	margin: .5vh 0;
	padding: 1vh;
}
.adgridwrapper .adtext{
	cursor: pointer;
	flex-grow: 1;
}
.grid.adgrid{
	width: 100%!important;
	grid-template-columns: 1fr 25fr 1fr;
	-webkit-grid-template-columns: 1fr 25fr 1fr;
	height: 5.5vh;
}
.grid > .full{
	grid-column: 1/-1;
}
#customSmartad, #anzeigenLayout > div:not(#anzeigeschliessen){
	width: calc(100% - 4vh);
	padding: 2vh;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	border-radius: .5vh;
	margin-top: 4vh;
}
#adImage, #adTitle{
	height: calc(calc(1.6rem * 1.4) * 3);
	position: relative;
}
#adImage label{
	position: relative;
	display: flex!important;
	flex-direction: column;
	justify-self: center;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: .5vh;
	line-height: calc(calc(1.6rem * 1.4) * 3)!important;
	text-align: center;
}
#logo{
	opacity: 0;
	width: 0!important;
	height: 0!important;
	position: absolute;
}
#linktext, #anzeigenLayout .weitereInfos p{
	border-radius: .5vh;
	padding: 10px!important;
	border: none!important;
	width: calc(100% - 21px);
	height: calc(1.1rem * 1.4);
	background: var(--formbggray);
	text-align: center;
	margin-top: 1rem;
	outline: none!important;
}
#welcheloesungen{
	border-radius: .5vh;
	font-weight: 600;
	border: none!important;
	width: calc(100% - 21px);
	min-height: calc(calc(1.6rem * 1.4) * 3);
	outline: none!important;
}
.adtext p{
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.keyword ~ .fulltext{
	display: none;
	height: unset;
}
.fulltext.show{
	display: block;
}
.grid.adgrid.fulltext.show{
	display: grid;
}
.svgfillaccent{
	fill: var(--accent-color);
}
.fatborderbottom{
	border-bottom: 6px solid var(--accent-color);
}
.imageakkordeoncontent{
	display: none;
}
.imageakkordeoncontent.active{
	display: block;
}
.imageakkordeoncontent > div{
	padding: 5vh 0;
	/*height: 30vh;*/
	background: var(--lightgray);
}
.lightgraybg{
	background: var(--lightgray);
}
.imageakkordeoncontent > div.tall{
	padding: 5vh 0;
	height: unset!important;
}
.imageakkordeonheader, .imageheader, .imagelink{
	/*height: 25vh;*/
	width: 100%;
	display: table;
	margin: 5px 0;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(1);
	background-position: top center;
	cursor: pointer;
}
.imagelink{
	cursor: unset!important;
}
.imageheader{
	background-position: center!important;
}
.imageheader{
	cursor: auto;
}
.imageakkordeonheader.active, .imageheader, .imagelink{
	width: 100%;
	display: table;
	/*border: 8px solid var(--accent-color);*/
	box-sizing: border-box;
	-webkit-filter: none!important;
}
.imageakkordeonheader.reseller{
	background-image: url(assets/imgs/buchhandlung.jpg);
}
.imageheader.lesende{
	background-image: url(assets/imgs/awardbilder/lesender.jpg);
}
.imageheader.unternehmenneu{
	background-image: url(assets/imgs/awardbilder/unternehmen.jpg);
}
.imageheader.verlage{
	background-image: url(assets/imgs/awardbilder/verlag.jpg);
}
.imagelink.verlage{
	background-image: url(assets/imgs/awardbilder/verlag.jpg);
}
.imagelink.buchhandel{
	background-image: url(assets/imgs/buchhandlung.jpg);
}
.imagelink.unternehmen{
	background-image: url(assets/imgs/awardbilder/unternehmen.jpg);
}
.imageakkordeonheader .headerwrapper, .imageheader .headerwrapper{
	width: calc(100% - 4vh);
	margin: 15vh 2vh 2vh 2vh;
	display: table;
	min-height: 5rem;
	height: 3rem;
}
.imagelink .headerwrapper{
	width: calc(100% - 4vh);
	margin: 15vh 2vh 2vh 2vh;
	display: table;
	height: 2rem;
}
.imageakkordeonheader.active .headerwrapper, .imageheader .headerwrapper{
	margin: calc(15vh - 8px) 2vh calc(2vh - 8px) 2vh;
}
.imagelink .headerwrapper{
	margin: calc(12vh - 8px) 2vh calc(2vh - 8px) 2vh;
}
.imageakkordeonheader h4, .imageheader h4, .imagelink h4{
	background: var(--middlegray);
	padding: 1vh;
	text-align: center;
	color: #fff;
	width: 90%;
	margin: 20px auto;
	position: relative;
	hyphens: none;
	height: 2vh;
	vertical-align: middle;
	display: table-cell;
	width: 100%;
	font-size: 1.1vw;
	line-height: 1.75vw;
}
@media only screen and (min-width: 1900px){
	.imageakkordeonheader h4, .imageheader h4{
		font-size: 1vw;
		line-height: 1.5vw;
	}
}
.imageakkordeonheader.active h4, .imageheader h4, .imagelink h4{
	background: rgba(253, 89, 19, .6);
	border: 1px solid var(--accent-color);
}
.imageakkordeoncontent > div:nth-child(2n+1){
	background: transparent;
}
.imageakkordeoncontent > div:nth-child(2n) p, .alignright{
	text-align: right;
}
.imageakkordeoncontent > div:nth-child(2n) p.center{
	text-align: center;
}
.imageakkordeoncontent img{
	/*max-width: 70%!important;*/
	float: right;
	margin-right: 40px;
	max-height: 30vh!important;
	height: auto!important;
	width: auto!important;
}
.imageakkordeoncontent .tall img{
	max-height: unset!important;
}
.imageakkordeoncontent img.shadow, .imageakkordeoncontent .backgrounddiv.shadow, .boxshadow{
	box-shadow: 0 0 15px var(--lightgray);
}
.imageakkordeoncontent .fullwidth img{
	display: block;
	margin: auto!important;
	float: none!important;
}
#smallmainheader{
	position: absolute;
	top: 0px;
	left: 50px;
	max-width: max-content;
	width: 65%;
}
#shopstoerer{
	width: clamp(220px, 20vw, 300px);
	height: clamp(220px, 20vw, 300px);
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(assets/imgs/shopstoerer.png);
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	padding-left: 40px;
}
#newsheader{
	min-height: 11em;
}
#newsheader .newspre{
	width: calc(10% - 40px);
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#newsheader #headernews{
	display: flex;
	flex-direction: column;
	padding: 0 10px;
	width: 100%;
	min-height: 6vw;
	box-sizing: border-box;
}
/*#headernews{
	position: absolute;
	top: 36vw;
	left: 9vw;
	width: 35vw;
}*/
#headernews h6, #headernews span{
	margin:0!important;
	/*color: #fff;*/
	text-align: center;
}
#headernews h6{
	font-size: 1.5vw;
	line-height: 2vw;
}
#headernews span, #headerpressemeldungen span{
	font-size: 1.3vw;
	line-height: 2vw;
}
.backgrounddiv{
	padding-top: 60%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 5px 0;
}
.imageakkordeoncontent img.nofloat{
	float: none;
}
.imageakkordeoncontent img.center.small{
	margin: 0px 30%!important;
	width: 40%!important;
}
.imageakkordeoncontent > div:nth-child(2n) img{
	float: none;
	margin-right: 0;
	/*margin-left: 40px;*/
}
.imageakkordeoncontent > div p{
	padding: 0 40px;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.imageakkordeoncontent > div p, .imageakkordeoncontent > div b, .imageakkordeoncontent > div a{
	font-size: 1.3rem;
	line-height: 2.3rem;
}
.imageakkordeoncontent > div.normal p{
	font-size: unset;
	line-height: unset;
	padding: 0;
}
.imageakkordeoncontent .content{
	width: calc(90% - 20vw);
	/*padding: 0 10vw;*/
	padding: 0!important;
	min-height: 30vh;
}
.imageakkordeoncontent .content.broad{
	width: 90%!important;
}
.imageakkordeoncontent .tall .content{
	width: calc(100% - 20vw);
	margin: 0 auto;
	min-height: unset!important;
}
.imageakkordeoncontent .content.tall{
	width: calc(90% - 20vw);
	padding: 0 10vw;
	min-height: 50vh;
}
.imageakkordeoncontent .content.tall img{
	float: none;
}
.imageakkordeoncontent .content .half{
	display: table;
	height: 30vh;
}
.imageakkordeoncontent > .pfeil::after{
	content: url(assets/imgs/pfeil.svg);
	position: absolute;
	width: 36px;
	height: 79px;
	left: calc(50% - 18px);
}
.imageakkordeoncontent > .mobilepfeil::after{
	content: url(assets/imgs/pfeil.svg);
	position: absolute;
	width: 36px;
	height: 79px;
	left: calc(50% - 18px);
	display: none;
}
.imageakkordeoncontent table, .imageakkordeoncontent th, .imageakkordeoncontent td{
	border: none!important;
	background: var(--lightgray);
	text-align: center;
	padding: 10px!important;
}
.imageakkordeoncontent table tr{
	border-bottom: 1px solid #fff;
}
.imageakkordeoncontent tr:nth-child(2){
	/*border-bottom: 1px solid black;*/
}
.imageakkordeoncontent table tr th:nth-child(2), .imageakkordeoncontent table tr td:nth-child(2), .imageakkordeoncontent table tr th, .imageakkordeoncontent table tr td{
	width: 10%;
}
.imageakkordeoncontent table tr th:first-child, table:not(.distevenly) tr td:first-child{
	width: 40%!important;
}
.folgeheadertextwrapwrap{
    /*width: max-content;
    left: 13vw;*/
	width: max-content;
	margin-left: 3vw;
    /*left: 8.75vw;
    margin-top: -12.5vw;
    position: absolute;
	display: flex;*/
}
.folgeheadertextwrapwrap .folgeheadertextwrap{
    /*width: max-content;*/
    width: 100%;
   /* left: 0;
    position: relative;
    position: absolute;*/
}
.folgeheadertextwrapwrap .headerimagewrap{
	width: 8vw;
	left: 40vw;
	/*position: absolute;*/
	top: 5vh;
}
.folgeheadertext{
	font-size: 2vw !important;
	width: max-content;
	min-width: 25vw;
	max-width: 39.6vw;
    /*width: 17vw;
    width: max-content;*/
    text-align: center;
    line-height: 1.2!important;
    /*padding: .6vw 20px;*/
    padding: .6vw 0;
    color: #fff;
    /*border-top: 3px solid var(--accent-color);
    border-bottom: 3px solid var(--accent-color);*/
}
.folgeheaderSubtext{
	font-size: 1.1vw;
	line-height: 2vw;
	font-weight: 500;
	margin: 0;
	margin-top: 20px;
    text-align: center;
    color: #fff;
	max-width: 39.6vw;
    min-width: 25vw;
    width: max-content;
}
.klimalogowrapper{
	display: table-cell;
	vertical-align: middle;
}
.headerklima{
	position: absolute;
	height: 40px;
	margin-top: -60px;
	margin-left: 20px;
}
.headerklima p{
	color: #fff;
	margin: 0px;
	font-size: .75rem;
	line-height: 40px;
}
.headerklima img{
	max-height: 40px!important;
	margin-right: 10px;
}
#absolutefeedbackcontent{
	width: 40vw;
	position: absolute;
	margin-top: -22vw;
	right: 9vw;
}
.teaserheaderh5{
	font-size: calc(1.3rem + .2vw)!important;
	line-height: calc(1.7rem + .2vw);
	width: 100%;
	text-align: center;
	padding: .6vw 0px;
	color: #000;
	hyphens: none;
	margin: 0 !important;
	margin-top: 2vw !important;
}
.teaserheaderp{
	font-size: calc(.85rem + .2vw);
	line-height: calc(1.4rem + .2vw);
	width: 100%;
	color: #000;
}
#headerslider/*:not(.folge)*/{
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 15vw;
}
#headerslider > div{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0 6%;
}
#headerslider.folge .content{
	padding: 0 0 60px 0;
}
#headerslider.frontpage{
	height: 30vw;
}
#headerslider img{
	/*display: none!important;*/
	position: absolute;
	pointer-events: none;
	top: 30px;
}
#frontheaderh5{
	width: 40vw!important;
	margin-left: 6vw;
	height: 100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	box-sizing: unset!important;
}
#frontheaderh5 h1, #frontheaderh5 h1 a{
	font-family: 'Rokkitt', serif;
	font-size: 3vw!important;
	text-align: center;
	line-height: 3vw;
	color: #fff;
}
#frontheaderh5 p.small{
	font-size: 1vw!important;
	line-height: 2vw!important;
	text-align: center;
	margin: 0;
}
#frontheaderh5 br, .folgeheadertext br{
	font-size: 1.5vw!important;
	line-height: 2vw;
}
#frontheaderp{
	font-size: 1vw;
	width: 35vw!important;
	text-align: center;
	left: 9vw;
	position: absolute;
	top: 31vw;
	line-height: 1.75vw;
	color: #fff;
}
#folgeheaderp{
	/*position: absolute;*/
	top: 8.75vw;
}
#headerticker{
	margin: 0 auto;
}
#headerticker *{
	width: 100%;
	text-align: center;
	margin: 0;
	/*font-size: 1.6vw;*/
	line-height: 1.75vw;
}
#headerticker p{
	font-size: 1.3rem;
	line-height: 1.4;
}
.mehr{
	width: max-content;
}
#frontheaderp .mehr{
	margin-left: 2vw;
}
#frontheadera{
	font-size: 1vw;
}
#buyAppbook{
	padding: 0px 30px;
	background-color: var(--accent-color);
	border-radius: 5px;
	margin-left: 40px;
}
#buyAppbook h2{
	width: 100%;
	text-align: center;
	color: #fff;
}
body, .nomargin{
	margin: 0px!important;
}
th, .alignleft{
	text-align: left!important;
}
.center{
	text-align: center;
	width: 100%;
}
table {
  border-collapse: collapse;
}
table, th, td {
  border: 1px solid black;
}
tr{
	height: 40px;
}
td, th{
	padding: 15px;
}
ol{
	margin: 0px;
	padding: 15px;
}
ul{
	padding-left: 17px;
}
#whoprofits ul{
	padding-left: 0px;
}
li{
	margin: 10px 0px;
	list-style: circle!important;
	padding-left: 10px;
}
ol li{
	list-style: unset!important;
}
li.akkordeon{
	list-style: none!important;
}
a {
    color: unset !important;
}
b, .bold{
	font-weight: 600!important;
	font-family: inherit!important;
	font-size: inherit!important;
}
#appbooklogo{
	position: absolute;
	top: 5px;
	max-height: 70px;
	left: 2%;
	transition: all ease .25s;
	max-width: 10%;
}
#appbooklogo.small{
	position: absolute;
	top: 10px;
	left: 5%;
	width: 100px;
	height: auto;
}
.orangebg{
	background-color: var(--accent-color)!important;
}
.orangegradientbg .orangebg{
	background-color: transparent!important;
	border: 1px solid #fff;
}
:is(*, .verysmall) .greenfont, :is(*, .verysmall) .greenfont *{
	color: #35b035!important;
}
.greenbg{
	background-color: #35b035!important;
	color: #fff!important;
}
.greenbg *{
	color: #fff!important;
}
:is(*, .verysmall) .redfont, :is(*, .verysmall) .redfont *{
	color: #a81414!important;
}
.redbg{
	background-color: #a81414!important;
	color: #fff!important;
}
.redbg *{
	color: #fff!important;
}
.orangegradientbg{
	background: var(--accent-color);
	background: var(--orangegradient); 
	border: unset!important;
}
.orangegradientbg *{
	color: #fff!important;
}
.orangegradientbg .mehr{
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff!important;
}
.topbordergray{
	background: url(assets/imgs/waveborder_top_gray.svg);
	background-position: top -2px center;
	background-repeat: no-repeat;
	background-size: contain;
}
.topbordergray:nth-child(odd){
	background: url(assets/imgs/waveborder_top_gray2.svg);
	background-position: top -2px center;
	background-repeat: no-repeat;
	background-size: contain;
}
.bottombordergray{
	background: url(assets/imgs/waveborder_bottom_gray.svg);
	background-position: bottom -2px center;
	background-repeat: no-repeat;
	background-size: contain;
}
.orangegradientbg.topborder{
	background: url(assets/imgs/waveborder_top.svg) top -2px center, var(--accent-color);
	background: url(assets/imgs/waveborder_top.svg) top -2px center, var(--orangegradient); 
	background-repeat: no-repeat;
	background-size: contain;
}
.graybg.topborder{
	background: url(assets/imgs/waveborder_top.svg) top -2px center, var(--lightgray);
	background-repeat: no-repeat;
	background-size: contain;
}
.orangegradientbg.topbordersolidgray{
	background: url(assets/imgs/waveborder_top_solidgray.svg) top -2px center, var(--accent-color);
	background: url(assets/imgs/waveborder_top_solidgray.svg) top -2px center, var(--orangegradient); 
	background-repeat: no-repeat;
	background-size: contain;
}
.orangegradientbg.bottomborder{
	background: url(assets/imgs/waveborder_bottom.svg) bottom -2px center, var(--accent-color);
	background: url(assets/imgs/waveborder_bottom.svg) bottom -2px center, var(--orangegradient); 
	background-repeat: no-repeat;
	background-size: cover;
}
.orangegradientbg.bottomtopborder{
	background: url(assets/imgs/waveborder_bottom.svg) bottom -2px center, url(assets/imgs/waveborder_top.svg) top -2px center, var(--accent-color);
	background: url(assets/imgs/waveborder_bottom.svg) bottom -2px center, url(assets/imgs/waveborder_top.svg) top -2px center, var(--orangegradient); 
	background-repeat: no-repeat;
	background-size: contain;
}
.leserbg.bottomtopborder{
	background: url(assets/imgs/waveborder_bottom.svg) bottom -2px center, url(assets/imgs/waveborder_top.svg) top -2px center, url(assets/imgs/lesende_mit_tablet_flipped.jpg) center;
	background-repeat: no-repeat;
	background-size: contain, contain, cover;
	min-height: 750px;
}
.leserbg.topborder{
	background: url(assets/imgs/waveborder_top.svg) top -2px center, url(assets/imgs/lesende_mit_tablet_flipped.jpg) center;
	background-repeat: no-repeat;
	background-size: contain, cover;
	min-height: 750px;
}
.orangegradientbg.handbg{
	background: url(assets/imgs/hand_schwarz_header.png) top right, url(assets/imgs/waveborder_bottom.svg) bottom -2px center, var(--accent-color);
	background: url(assets/imgs/hand_schwarz_header.png) top right, url(assets/imgs/waveborder_bottom.svg) bottom -2px center, var(--orangegradient); 
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: screen;
	position: relative;
}
.bottomborder + section, .bottomtopborder + section{
	padding-top: 5vh!important;
}
.wrapper.flex  a, .orangefont{
	color: var(--accent-color)!important;
}
.grayfont{
	color: var(--middlegray)!important;
}
.stern{
	width: 20px;
}
.smaller {
    font-size: .8rem;
}

.flip-box {
	background-color: transparent;
	width: 100%;
	max-width: var(--fifthvw);
	height: var(--fifthvw);
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
	margin: 25px;
}
.flip-box small{
	font-size: 1rem;
	font-weight: 100;
	width: var(--fifthvw);
}
.teamwrapper .teamtext{
	max-width: calc(90% - var(--fifthvw));
}
.team.reiterheader{
	border-top: unset!important;
	border-bottom: unset!important;
}
.team.flip-box, .team .flip-box-front, .team .flip-box-inner, .team .flip-box-back{
	height: 400px;
}
.book .flip-box {
	width: var(--fifthvw);
	/*margin: 25px;*/
	margin: 0px;
}
#openlang{
	cursor: pointer;
}
#lang{
	margin-left: 20px;
}
#prozente .flexstart{
	margin: 20px 0px;
}
.prozentkreis{
	width: var(--strahldimension);
	height: var(--strahldimension);
	border-radius: 50%;
	border: 3px solid var(--accent-color);
	z-index: 5;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.prozentkreis p{
	margin: 0px;
	line-height: var(--strahldimension);
	text-align: center;
	font-weight: 500;
	font-size: 1.5rem;
}
.prozenttext{
	min-height: var(--strahldimension);
	background-color: var(--lightgray);
	border-radius: 15px;
	padding: 20px 20px 20px 80px;
	margin-top: -20px;
	width: calc(100% - 110px - var(--strahldimension));
	margin-left: -40px;
}
.prozenttext p{
	font-weight: 400;
	display: table-cell;
	min-height: var(--strahldimension);
	vertical-align: middle;
}
.lang{
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #666;
}
.lang.active{
	font-weight: 600;
	color: #000;
}
.flip-box-inner {
	position: relative;
	width: var(--fifthvw);
	height: var(--fifthvw);
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	/*padding: 10px 0px;*/
	border-top: 3px solid var(--accent-color);
	border-bottom: 3px solid var(--accent-color);
}

.flip-box-inner h2{
	text-align: center;
	width: 100%;
}

.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back{
	position: absolute;
	width: var(--fifthvw);
	height: var(--fifthvw);
	backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
	background-color: var(--lightergray);
	color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Style the back side */
.flip-box-back {
	background-color: var(--lightergray);
	color: #000;
	transform: rotateY(180deg);
}
.flip-box-back *{
	color: #000!important;
}

.flip-box img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	backface-visibility: hidden;
}


#warenkorb h3 {
    font-weight: 500;
    font-size: 1.2rem;
}
#warenkorb p, #warenkorb h3 {
    margin: .5vw 0px !important;
}
h2.warenkorbicon{
	background-image: url(assets/imgs/warenkorbicon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	background-size: 40px;
}
#calc hr {
    margin: 0px;
}
#weiter{
	background-color: var(--accent-color);
	width: max-content;
	padding: 1px 15px;
	margin-top: 15px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
h1{
	font-family: 'Rokkitt', serif;
	font-size: 2.2rem;
	line-height: 2.25rem;
	text-align: center;
	font-weight: 500;
	hyphens: none!important;
}
h2{
	width: max-content;
	max-width: 100%;
	padding: 1vh 0px;
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--middlegray);
}
h2 *, .contentstring, .contentstring *{
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--middlegray);
}
h4{
	font-family: 'Roboto', serif;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 0px;
}
h3, #viewwidget{
	font-family: 'Rokkitt', serif;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0px;
}
h6.big{
	font-family: 'Rokkitt', serif;
	font-size: 2.2rem;
	line-height: 1.4;
	text-align: center;
	font-weight: 500;
	hyphens: none!important;
}
h6:not(.big){
	margin: 5px 0px!important;
	font-family: 'Rokkitt', serif;
	font-size: 1.5rem;
	font-weight: 500;
}
img{
	max-width: 100%;
}
.sliderimg{
	width: 280px;
	height: 220px;
	background-color: #fff;
	margin: 0px 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 200px;
}
.sliderpfeil{
	height: 80px;
	width: 50px;
	background-color: #fff;
	margin: 100px 0px;
	cursor: pointer;
}
.sliderpfeil.links{
	clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
	-webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
}
.sliderpfeil.rechts{
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
#sliderwrapper{
	height: 220px;
	overflow: hidden;
	margin: 30px 0px;
	width: 1680px;
}
#sliders{
	padding: 0px;
}
#viewwidget, .sectionheader{
	/*padding: 10px 0px!important;
	border-top: 3px solid var(--accent-color);
	border-bottom: 3px solid var(--accent-color);*/
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
}
.sectionheader{
	cursor: unset!important;
	width: 100%;
}
/*section {
	padding: 15px 0;
}*/
#loadersvg{
	flex-shrink: 0;
}
#loadersvg path{
	transform-origin: center;
	fill: var(--middlegray);
}
.fillgray{
	fill: var(--middlegray);
}
#loadersvg path.fillorange, .fillorange{
	fill: var(--accent-color);
}
#loadersvg path[index="1"]{transform: rotateZ(45deg);animation: loader 1.2s;animation-iteration-count:infinite;}
#loadersvg path[index="2"]{transform: rotateZ(calc(45deg * 2));animation: loader 1.2s;animation-delay:.15s;animation-iteration-count:infinite;}
#loadersvg path[index="3"]{transform: rotateZ(calc(45deg * 3));animation: loader 1.2s;animation-delay:.3s;animation-iteration-count:infinite;}
#loadersvg path[index="4"]{transform: rotateZ(calc(45deg * 4));animation: loader 1.2s;animation-delay:.45s;animation-iteration-count:infinite;}
#loadersvg path[index="5"]{transform: rotateZ(calc(45deg * 5));animation: loader 1.2s;animation-delay:.6s;animation-iteration-count:infinite;}
#loadersvg path[index="6"]{transform: rotateZ(calc(45deg * 6));animation: loader 1.2s;animation-delay:.75s;animation-iteration-count:infinite;}
#loadersvg path[index="7"]{transform: rotateZ(calc(45deg * 7));animation: loader 1.2s;animation-delay:.9s;animation-iteration-count:infinite;}
#loadersvg path[index="8"]{transform: rotateZ(calc(45deg * 8));animation: loader 1.2s;animation-delay:1.05s;animation-iteration-count:infinite;}

@keyframes loader{
	0%{fill:var(--middlegray)}
	19%{fill:var(--middlegray)}
	20%{fill:var(--accent-color)}
	1000%{fill:var(--middlegray)}
}

section.new {
	padding: 20vh 0;
	margin-bottom: 2vh;
}
section.newbottom {
	padding: 10vh 0 20vh 0;
	margin: 2vh 0;
}
section.new10 {
	padding: 5vh 0;
}
section.newtop {
	padding: 20vh 0;
	padding-bottom: 0!important;
}
section.new10top {
	padding: 10vh 0;
	padding-bottom: 0!important;
}
.orangegradientbg #headerslider img{
	opacity: 0;
}
#start section{
	padding: 20px 0px;
}
#start section#partnerslider, #start section#footer{
	margin: 0px;
}
#partnerslider{
	background-color: #c9c9c9;
}
#footer{
	background-color: #434343;
	padding: 10px 0px;
}
#footer *, #partnerslider *{
	color: #fff;
	text-align: center;
	font-family: 'Rokkitt', serif;
}
.sectionheader{
	text-align: left;
	margin: 40px 0;
}
.getnews, .getbeitrag{
	cursor: pointer;
}
.getnews .sectionheader, .getbeitrag .sectionheader{
	margin: 0;
	border-top: unset!important;
	border-bottom: unset!important;
	background: var(--lightergray);
	font-size: 1.1rem!important;
	padding: 15px!important;
	box-sizing: border-box;
}
#headerslider .sectionheader{
	margin: unset;
}
h1.sectionheader{
	text-align: left;
	margin: 20px 0;
}
.sectionheader.center{
	text-align: center;
}
#headerslider img, .archivnews > div, .archivnews .sectionheader{
	width: 100%;
	display: block;
}
.headerimagewrap img{
	position: relative!important;
	max-width: 120px;
	top: unset!important;
}
*:not(.grid) > .presseeintrag {
    margin: 20px;
}
.archivnews .sectionheader.center.active {
    background-color: var(--accent-color-trans);
    /*color: #fff;*/
}
#autorenbereich{
	background-image: url(assets/imgs/autor_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-top: 15px solid var(--accent-color);
}
#feedback{
	background-image: url(assets/imgs/kunden_bg.png);
	background-repeat: no-repeat;
	background-size: 650px;
	background-position: bottom left;
	padding: 50px 10%;
	width: 80%;
	min-height: 400px;
}
#feedback h6{
	text-align: center;
}
#prportal::after{
	content: "mehr";
	position: absolute;
	font-family: var(--standardfont);
	font-size: 1rem;
	font-weight: 200;
	line-height: 1.7rem;
	font-weight: 500;
	margin-top: -3px;
	right: calc(calc(10% / 2) + 50px);
}
.graphsort{
	padding: 3px 15px;
	border-radius: 3px;
	font-weight: 100;
	line-height: 3vh;
	border: 1px solid black;
	cursor: pointer;
	flex-grow: 1;
	text-align: center;
}
.mehr, #prportal::after, .smallakkordeonHeader.mehr, .graphsort.active{
	background-color: var(--accent-color);
	padding: 3px 15px;
	border-radius: 3px;
	color: #fff!important;
	font-weight: 500;
	line-height: 3vh;
}
.smallakkordeonHeader.mehr{
	width: unset;
	content: "mehr";
}
.smallakkordeonHeader.mehr p{
	margin: 0px;
	line-height: unset;
	font-weight: 500;
}
#zeitung .mehr, .smallakkordeonHeader.mehr{
	float: right;
}
#feedback .mehr{
	margin-top: -6vh;
}
#testimainwrapper{
	width: 80%;
	margin-left: 8%;
}
#testimore{
	padding-top: 10px;
	padding-left: 50px;
}
.smallakkordeonHeader.mehr::after{
	content: "";
}
.feedbacktext{
	text-align: center;
	display: none;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 2rem;
	margin-top: 0;
	margin-bottom: 50px;
}
#testimonial0{
	display: block;
}
#zeitung{
	background-image: url(assets/imgs/zeitung.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 30px 60px;
	width: calc(48% - 120px);
	text-align: right;
	margin: 10px 0px;
}
#zeitung img{
	margin-bottom: 30px;
}
#zeitung *{
	color: #fff;
	text-align: center;
}
.graybg{
	background-color: #f2f2f2;
}
.middlegraybg{
	background-color: var(--middlegray);
}
.middlegraybg *{
	color: #fff!important;
}
.sectionheader + .graybg{
	width: 100%;
}
#autorenbereich .graybg{
	padding: 50px calc(calc(100% - var(--content-width)) / 2);
	width: calc(50% - calc(100% - var(--content-width)));
}
button.unstyled{
	-webkit-appearance: none;
	background: transparent;
	border: unset;
	width: 100%;
}
.arrowtoright{
	position: relative;
	margin-right: 15px!important;
}
#abpasslogin{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	max-width: unset;
	max-height: unset;
	padding: 0 10vw;
	background: rgba(255, 255, 255, .9);
	z-index: 09870987098;
	box-sizing: border-box;
}
.arrowtoright::after{
	content: "";
	position: absolute;
	border-top: 5px solid transparent;
	border-right: 5px solid black;
	border-bottom: 5px solid black;
	border-left: 5px solid transparent;
	right: -15px;
	transform-origin: center;
	transform: rotateZ(-45deg);
}
.newsbild{
	width: 390px;
	height: 260px;
	overflow: hidden;
}
.newsbild img{
	max-width: unset!important;
	width: auto;
	height: 100%;
	max-height: 260px;
}
.news{
	display: none;
	transform-origin: center;
	opacity: 0;
}
.news0{
	display: block;
	opacity: 1;
}
.arrowright.out{
	transition: all ease .2s;
	clip-path: polygon(0% 0%, calc(100% - 30px) 0%, calc(100% - 30px) calc(50% - 25px), 100% 50%, calc(100% - 30px) calc(50% + 25px), calc(100% - 30px) 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, calc(100% - 30px) 0%, calc(100% - 30px) calc(50% - 25px), 100% 50%, calc(100% - 30px) calc(50% + 25px), calc(100% - 30px) 100%, 0% 100%);
}
.graybg:hover.arrowright.out{
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(50% - 25px), calc(100% - 30px) 50%, 100% calc(50% + 25px), 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(50% - 25px), calc(100% - 30px) 50%, 100% calc(50% + 25px), 100% 100%, 0% 100%);
}
.arrowright.in{
	transition: all ease .2s;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(50% - 25px), calc(100% - 30px) 50%, 100% calc(50% + 25px), 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(50% - 25px), calc(100% - 30px) 50%, 100% calc(50% + 25px), 100% 100%, 0% 100%);
}
.graybg:hover .arrowright.in{
	clip-path: polygon(0% 0%, calc(100% - 30px) 0%, calc(100% - 30px) calc(50% - 25px), 100% 50%, calc(100% - 30px) calc(50% + 25px), calc(100% - 30px) 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, calc(100% - 30px) 0%, calc(100% - 30px) calc(50% - 25px), 100% 50%, calc(100% - 30px) calc(50% + 25px), calc(100% - 30px) 100%, 0% 100%);
}
.arrowleft::before{
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: rgba(238,238,238,.75);
}
:not(#leseprobentext) > hr:not(.none){
	/*color: var(--accent-color);
	height: 3px;
	background-color: var(--accent-color);
	border: none;
	width: 90%;*/
	width: 100%;
}
hr.none{
	width: 100%;
}
#mainlogin input:not([type='submit']), #mainregister input:not([type='submit']) {
    height: 4vh;
    border-radius: .3vh;
    border: 1px solid var(--middlegray);
}
.text {
    padding: 10px 5%;
	width: 90%;
}
a, .bold{
	font-weight: 600;
	margin: 0px;
}
.payment{
	font-size: 1.7rem;
	font-weight: 600;
	margin-left: 60px;
	line-height: 3rem;
}
.payment.notpayed{
	color: #ff0000;
}
.payment.payed{
	color: #00ff00;
}
/*#bigwidgetwrapper {
	display: none;
}
#bigwidgetwrapper.show {
	display: block;
}*/
#bigwidget {
    position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	top: 0px;
	left: 0px;
}
#bigwidget  img{
    position: fixed;
	z-index: 101;
	width: 80%;
	left: 10%;
	top: 15%;
	box-sizing: border-box;
	border: 65px solid #fff;
}
#widget, #newsletter {
    position: relative;
	z-index: 0;
	width: 100%;
	-webkit-appearance: none;
	background: var(--accent-color);
	height: 50px;
	margin: 0px;
	border-radius: 4px;
	cursor: pointer;
	box-sizing: border-box;
}
#widget::after {
    content: "Jetzt Widget aktivieren & Rabatt sichern";
    width: 100%;
    text-align: center;
    margin: auto;
    position: absolute;
    line-height: 50px;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 500;
}
#newsletter::after {
    content: "Jetzt anmelden";
    width: 100%;
    text-align: center;
    margin: auto;
    position: absolute;
    line-height: 50px;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 500;
}
#widget:checked, #newsletter:checked{
	background: #fff;
	border: 3px solid var(--accent-color);
}
#widget:checked::after {
    content: "Das Widget wurde aktiviert";
	color: var(--accent-color);
}
#newsletter:checked::after {
    content: "Abmelden";
	color: var(--accent-color);
	background-color: transparent!important;
	left: 0!important;
	height: 100%!important;
    line-height: 44px;
}
.payment p{
	margin: 0px;
}
.payment > .flex{
	margin: 10px 0px;
}
.flex img{
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 50vh;
}
.flex img.fullheight{
	max-height: unset;
}
.contentstring h2{
	width: unset!important;
	padding: 0px!important;
}
p.subheader{
	margin: 0px;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
	font-size: .9rem;
}
p.subheader.maintext{
	margin: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #ccc;
	font-weight: 400!important;
	margin-bottom: 20px;
}
input[name="search"]{
	padding-left: 20px;
}
input[type="button"]{
	-webkit-appearance: none!important;
}
.categoryicon{
	background-image: url(assets/imgs/categories.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75%;
}
.keywordsicon{
	background-image: url(assets/imgs/keywords.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
}
.ratingicon{
	background-image: url(assets/imgs/rating.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 65%;
}
.imagesicon{
	background-image: url(assets/imgs/bilder.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}
.topicicon{
	background-image: url(assets/imgs/topics.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20%;
}
.solutionicon{
	background-image: url(assets/imgs/lampe.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25%;
}
.partnericon{
	background-image: url(assets/imgs/partners.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 45%;
}
.questionsicon{
	background-image: url(assets/imgs/frage.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}
.quotesicon{
	background-image: url(assets/imgs/zitat.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}
.statementsicon{
	background-image: url(assets/imgs/statement.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}
.analysesicon{
	background-image: url(assets/imgs/analyse.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
}
.detailsicon{
	background-image: url(assets/imgs/info.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
}
.tagicon{
	background-image: url(assets/imgs/tags.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
}
.textsicon{
	background-image: url(assets/imgs/article.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
}
.uploadicon, .fileuploadicon{
	background-image: url(assets/imgs/upload.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
}
.fileuploadicon{
	background-position: top 60% center;
	background-size: 50%;
}
.newarticleicon{
	background-image: url(assets/imgs/newarticle.png);
	background-repeat: no-repeat;
	background-position: top 60% center;
	background-size: 55%;
}
.newtopicicon{
	background-image: url(assets/imgs/newtopic.png);
	background-repeat: no-repeat;
	background-position: top 60% center;
	background-size: 55%;
}
.newpartnericon{
	background-image: url(assets/imgs/newpartner.png);
	background-repeat: no-repeat;
	background-position: top 60% center;
	background-size: 65%;
}
.exporticon{
	background-image: url(assets/imgs/export.png);
	background-repeat: no-repeat;
	background-position: top 60% center;
	background-size: 55%;
}
.showallicon{
	background-image: url(assets/imgs/all.png);
	background-repeat: no-repeat;
	background-position: top 60% center;
	background-size: 55%;
}
.skewbutton.search{
	height: 40px;
}
.startchoice p.subheader.maintext{
	margin: 20px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
#cookiehint {
    position: fixed;
    width: calc(100% - 60px);
    background-color: var(--accent-color);
    bottom: -250px;
    padding: 0px 30px;
    z-index: 5;
}
#cookiehint *{
	color: #fff;
}
#cookiehint a{
	color: #fff!important;
}
#confirmCookie {
    float: right;
    background-color: #fff;
    color: #000;
    padding: 5px;
    top: 0px;
    margin: 10px 0;
    cursor: pointer;
    height: min-content;
}
.thickbordertop{
	border-top: 15px solid var(--accent-color);
}
.testimonial{
	padding: 60px 0px 40px 0px;
	border-bottom: 3px solid var(--accent-color);
}
.testimonial .img{
	width: 175px;
	height: 175px;
	border-radius: 50%;
	border: 3px solid var(--accent-color);
	box-sizing: border-box;
}
.testimonialimagewrapper{
	margin-right: 3%;
	display: table;
}
.testimonialimagewrapper .img{
	display: table-cell;
	vertical-align: middle;
	background-color: var(--lightgray);
}
.testimonial img{
	border-radius: 50%;
	width: 100%;
}
.testimonial .testimonialcontent{
	width: 100%;
}
.lightgraybg{
	background-color: var(--lightergray);
}
.testimonialtext::before{
	content: '"';
	color: var(--lightergray);
	width: 50px;
	height: 50px;
	position: absolute;
	font-size: 25rem;
	line-height: 14rem;
	z-index: -1;
	margin-left: -46px;
}
.testimonialtext::after{
	content: '"';
	color: var(--lightergray);
	width: 50px;
	height: 50px;
	position: absolute;
	font-size: 25rem;
	line-height: 19rem;
	z-index: -1;
	margin-left: -56px;
}
.akkordeonHeader, .subakkordeonHeader{
	position: relative;
	z-index: 1;
}
.appbookakkordeonheader{
	width: 100%;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin: 10px 0px;
	transition: all ease .2s;
	cursor: pointer;
}
.smallakkordeonHeader{
	cursor: pointer;
	width: calc(100% - 20px);
	font-weight: 400;
	padding-left: 20px;
	position: relative;
}
.smallakkordeonHeader:not(.tutorialakk){
	border-bottom: 1px solid var(--lightgray);
}
h2.smallakkordeonHeader{
	font-weight: 600;
}
#main .smallakkordeonHeader{
	cursor: pointer;
	width: unset;
}
#main a, #main div{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.appbookakkordeonheader::after{
	content: "";
	position: absolute;
	background-color: var(--middlegray);
	width: 12px;
	height: 14px;
	float: right;
	margin-top: -46px;
	transform-origin: center;
	color: var(--middlegray);
	transition: all ease .2s;
	margin-right: 30px;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.smallakkordeonHeader:not(.noarrow)::before{
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	transform-origin: 50% 0%;
	transform: translateY(-50%) translateX(30%) rotateZ(45deg);
	color: var(--middlegray);
	transition: all ease .2s;
	margin-right: 30px;
	margin-left: -20px;
	border-top: 6px solid var(--middlegray);
	border-right: 6px solid var(--middlegray);
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}
.orangegradientbg .smallakkordeonHeader::before{
	background-color: #fff;
}
#whoprofits .sectionheader.noborders{
	border-top: unset;
	border-bottom: unset;
	border: 1px solid var(--lightgray);
	padding-left: 20px;
	width: calc(100% - 20px);
	cursor: pointer!important;
}
.bigbutton{
	padding-left: 0px;
	width: 100%;
	border: 1px solid var(--lightgray);
	text-align: center;
	font-family: Rokkitt;
	font-size: 2rem;
	font-weight: 600;
	padding: 10px 0px;
}
#whoprofits .sectionheader.active{
	background-color: var(--accent-color-trans);
}
.smallakkordeonHeader::after{
	color: #000!important;
}
#whoprofits .smallakkordeonHeader::after{
	margin-top: 0px;
}
.margintop60{
	margin-top: 60px;
}
#headermenu, #headermenu *:not(b){
	font-family: Calibri;
	font-weight: 400!important;
}
#menuwrapper .smallakkordeonHeader{
	border-bottom: none;
}
#menuwrapper .smallakkordeonHeader::before, .smallakkordeonHeader.mehr::before{
	content: none;
}
#menuwrapper .submenucontent{
	position: absolute;
	display: none;
	flex-direction: column;
	background: #dcdcdc;
	padding: 10px 20px;
	margin-left: -30px;
	top:0px;
	width: max-content;
	z-index: 234234;
/*}
#menuwrapper .submenucontent.test{*/
	transition: all ease .4s;
	border-radius: 10px;
	box-shadow: 0 0 35px rgba(0,0,0,.2);
	background: #dcdcdce3;
	margin-top: 30px;
	display: block;
	opacity: 0;
	pointer-events: none;
}
@supports (backdrop-filter: blur(10px)){
	#menuwrapper .submenucontent{
		background: #dcdcdc66;
		backdrop-filter: blur(15px);
	}
}
#versprechen{
	padding: 20px 30px;
	margin-bottom: 30px;
}
#versprechen img{
	max-width: 70%;
	margin-left: 15%;
}
.submenucontent p {
	border-bottom: 1px solid #000;
	padding-right: 10px;
	transition: all ease .2s;
}
.submenucontent a {
    margin: 4px 0;
	transition: all ease .2s;
	box-sizing: border-box;
}
.submenucontent a:hover p {
	padding-left: 10px;
	padding-right: 0;
}
.smallakkordeonHeader.active::before, .appbookakkordeonheader.active::after{
	transform: translateX(30%) rotateZ(135deg);
}
.appbookakkordeoncontent, .smallakkordeonContent, .normalakkordeonContent{
	display: none;
	/*padding-left: 50px;*/
}
.appbookakkordeoncontent.active, .smallakkordeonHeader.active + .smallakkordeonContent{
	display: block;
}
#menuwrapper .smallakkordeonHeader:hover > .submenucontent, .wp-block-columns{
	display: flex;
	margin-top: 60px;
	opacity: 1;
	pointer-events: all;
}
.appbookakkordeonheader h2{
	padding: 0px;
	margin: 20px;
}
.bordervert{
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	padding-right: 15px;
}
hr.noshadow{
	box-shadow: unset;
	margin: 30px auto 0px auto;
}
span.highlight{
	color: var(--accent-color);
	font-weight: 600;
}
.akkordeonContent, .subakkordeonContent{
	display: none;
}
.hidden{
	display: none!important;
}
.fullwidth, .profile .akkordeonContent{
	width: 100%;
}
input[type='range'].fullwidth{
	margin: 0;
}
#tags{
	padding: 3px;
	width: 100% ;
	border: 2px solid #888;
	box-sizing: border-box;
	transition: all ease .2s;
}
#tags.filled{
	width: calc(100% - 10px);
	outline: 5px solid var(--accent-color);
	margin: 5px;
}
.profile .akkordeonContent{
	margin-top: 30px;
}
label {
    color: #000;
    font-size: 1rem;
	font-weight: 500!important;
}
#createNewTopic{
	display: none!important;
	position: relative!important;
}
#sicherheitshinweis, #finalKeywords, .margintop20{
	margin-top: 20px;
}
#finalKeywords *{
	width: unset!important;
}
#finalKeywords .button{
	width: unset!important;
}
.klickbutton{
	font-weight: 500;
	width: auto;
	text-align: center;
	color: #fff;
	background-color: var(--accent-color);
	padding: 1vh;
	box-sizing: border-box;
}
#tagwrapper{
	width: 100%;
}
.reiterheader{
	padding: 25px 10px 10px 10px;
	margin: 10px 0px;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	cursor: pointer;
}
.borderbottom, .imageakkordeoncontent .content.borderbottom{
	border-bottom: 1px solid #aaa;
	padding: 0 0 30px 0!important;
}
.reitercontent:not(.active), .contentakkordeonContent{
	display: none;
}
.reitercontents > div{
	display: none;
}
.reitercontents > div.active, .contentakkordeonContent.active{
	display: block;
}
.contentakkordeonHeader, .subakkordeonHeader{
	cursor: pointer;
}
.slide{
	display: none;
	animation-duration: .5s;
	/*width: 40vw;*/
	width: 100%;
}
.slide.fadein{
	animation-name: fadein;
	display: block;
}
.slide.fadeout{
	animation-name: fadeout;
}
.slide *{
	hyphens: none!important;
}
@-webkit-keyframes fadein{0%{display: none;opacity: 0;margin-left: 10vw;}1%{display: block;}100%{opacity: 1;margin-left: 0;}}
@-moz-keyframes fadein{0%{display: none;opacity: 0;margin-left: 10vw;}1%{display: block;}100%{opacity: 1;margin-left: 0;}}
@-o-keyframes fadein{0%{display: none;opacity: 0;margin-left: 10vw;}1%{display: block;}100%{opacity: 1;margin-left: 0;}}
@keyframes fadein{0%{display: none;opacity: 0;margin-left: 10vw;}1%{display: block;}100%{opacity: 1;margin-left: 0;}}
@-webkit-keyframes fadeout{0%{opacity: 1;margin-left: 0;}99%{display: block;}100%{opacity: 0;margin-left: -10vw;display: none;}}
@-moz-keyframes fadeout{0%{opacity: 1;margin-left: 0;}99%{display: block;}100%{opacity: 0;margin-left: -10vw;display: none;}}
@-o-keyframes fadeout{0%{opacity: 1;margin-left: 0;}99%{display: block;}100%{opacity: 0;margin-left: -10vw;display: none;}}
@keyframes fadeout{0%{opacity: 1;margin-left: 0;}99%{display: block;}100%{opacity: 0;margin-left: -10vw;display: none;}}
@-webkit-keyframes runterpfeil{from{background-position: center -50px ;}to{background-position: center;}}
@-moz-keyframes runterpfeil{from{background-position: center -50px ;}to{background-position: center;}}
@-o-keyframes runterpfeil{from{background-position: center -50px ;}to{background-position: center;}}
@keyframes runterpfeil{from{background-position: center -50px ;}to{background-position: center;}}
.contentakkordeonHeader:hover::after{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(assets/imgs/pfeil_runter.svg);
	background-repeat: no-repeat;
	margin-left: calc(50% - 20px);
	bottom: -50px;
		background-position: center;
	animation-name: runterpfeil;
	animation-duration: .2s;
}
.contentakkordeonHeader.active:hover::after{
	transform-origin: center;
	transform: rotateZ(180deg);
}
.contentakkordeonHeader, .contentakkordeonHeader *{
	max-height: 250px!important;
	position: relative;
}
.contentakkordeonHeader > div{
	height: 250px;
	display: table;
}
.contentakkordeonHeader > div p, .contentakkordeonHeader > div  > div {
	max-height: 250px;
	display: table-cell;
	vertical-align: middle;
}
.contentakkordeonHeader > div h5{
	hyphens: none!important;
}
.nicEdit-panelContain{
	border-radius: 15px 15px 0px 0px;
}
.textarea > div:nth-child(3), .textarea > div:nth-child(2){
	border-radius: 0px 0px 15px 15px!important;
	max-height: 200px!important;
}
.deleteTopic {
	cursor: pointer;
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-top: -105px;
    margin-left: 16%;
	text-align: center;
	background-color: #fff;
	color: var(--accent-color);
	border: 3px solid var(--accent-color);
	box-sizing: border-box;
	background-image: url(assets/imgs/schliessen_orange.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
}
.deleteKeyword, #finalKeywords .deleteKeyword{
	cursor: pointer;
    width: 28px!important;
    height: 28px;
    border-radius: 50%;
	text-align: center;
	background-color: #fff;
	color: var(--accent-color);
	border: 3px solid var(--accent-color);
	box-sizing: border-box;
	background-image: url(assets/imgs/schliessen_orange.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
}
#finalKeywords .deleteKeyword{
	margin-top: 11px;
	margin-left: 10px;
	margin-right: 10px;
}
.deleteTopic:hover, .deleteKeyword:hover{
	background-color: var(--accent-color);
	background-image: url(assets/imgs/close.png)!important;
	color: #fff;
}
.index{
	position: absolute;
	margin-top: 10px;
	font-size: 1.5rem;
	font-weight: 600;
	color: #bbb;
	margin-left: 5px;
}
.fullminus40{
	width: calc(100% - 40px)!important;
}
.nicEdit-panel > div {
    /*transform-origin: 0px 0px;
    transform: scale(2);*/
    margin: 0px 8px;
    width: 35px;
    height: 35px;
}
.nicEdit-main {
    width: 100% !important;
}
.nicEdit-panel > div div {
    width: calc(100% - 2px)!important;
    height: calc(100% - 2px)!important;
}
.nicEdit-panel > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-size: 2000%!important;
	background-image: url(assets/imgs/editor_icons.png)!important;
}
.nicEdit-panel > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: 1150px 1px!important;
}
.nicEdit-panel > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: 1044px 1px !important;
}
.nicEdit-panel > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: 750px 0px !important;
}
.nicEdit-panel > div:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: 388px 0px !important;
}
.nicEdit-panel > div:nth-child(6) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -43px 0px !important;
}
.nicEdit-panel > div:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -322px 0px !important;
}
.nicEdit-panel > div:nth-child(8) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -151px 0px !important;
}
.nicEdit-panel > div:nth-child(9) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -238px 0px !important;
}
.nicEdit-panel > div:nth-child(10) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -366px 0px !important;
}
.nicEdit-panel > div:nth-child(14) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -80px 0px !important;
}
.nicEdit-panel > div:nth-child(15) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -282px 0px !important;
}
.nicEdit-panel > div:nth-child(18) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -449px -1px !important;
}
.nicEdit-panel > div:nth-child(19) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -494px 0px !important;
}
.nicEdit-panel > div:nth-child(20) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	background-position: -537px -1px !important;
}

.topics p{
	font-weight: 500;
	font-size: 1.5rem;
	color: var(--accent-color);
}
.headerskew {
    width: 100%;
	border-radius: .3vh;
	border: 1px solid var(--middlegray);
	box-sizing: border-box;
}
.akkordeonheader.headerskew::after {
    content: "";
    position: absolute;
    width: 36px;
	height: 47px;
    background-image: url(assets/imgs/pfeilbutton_weiss.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    margin-top: calc(-1.2rem - 33px);
    right: -32px;
    background-color: #fff;
}
.akkordeonheader.headerskew.nocheck::after, .akkordeonheader.headerskew.nocheck.active::after {
    content: unset;
}
.subakkordeonheader.headerskew::after {
    content: "";
    position: absolute;
    width: 50px;
    background-image: url(assets/imgs/pfeilbutton_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    height: calc(1.2rem + 28px);
    margin-top: calc(-1.2rem - 27px);
    right: -32px;
    background-color: #fff;
}
.subakkordeonheader.headerskew:first-child::before {
    content: "";
    position: absolute;
    width: 50px;
    background-image: url(assets/imgs/pfeilbutton_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 16px center;
    height: calc(1.2rem + 28px);
}
.akkordeonheader.headerskew:first-child {
	margin-left: 0px;
	clip-path: unset;
	-webkit-clip-path: unset;
	border-left: 1px solid var(--middlegray);
}
.akkordeonheader.headerskew:last-child::after {
    content: unset;
}
.akkordeonheader.headerskew:last-child{
	border-right: 1px solid var(--middlegray);
}
.headerskew.active{
	background: var(--accent-color);
	background: var(--orangegradient);
	border: unset;
}
.headerskew.active::after {
    background-image: url(assets/imgs/pfeilbutton_active.png);
}
.akkordeonheader.headerskew.active::before, .subakkordeonheader.headerskew.active::before {
    content: "";
    position: absolute;
    width: 20%;
    background-image: url(assets/imgs/pfeilbutton_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left -312px center;
    height: calc(1.2rem + 26px);
    margin-top: -1px;
    left: 0px;
}
.akkordeonheader.headerskew.active.nocheck::before, .subakkordeonheader.headerskew.active.nocheck::before {
    content: unset;
}
.akkordeonheader.headerskew:first-child.active::before {
    content: unset;
}
.akkordeonContent.threequarters{
	width: 63vw!important;
}
.headerskew h2{
	font-size: 1rem!important;
	font-weight: 400!important;
}
.headerskew.active h2{
	color: #fff!important;
	font-size: 1rem!important;
	font-weight: 500!important;
}
.headerskew h2 {
    margin: 0px 0px -2px 0px !important;
    width: 100%;
    text-align: center;
    padding: 10px 0px 10px 10px !important;
}
#keywordTarget{
	flex-direction: row!important;
}
.keywordWrapper{
	background: #bfbfbf;
	padding: 2px 7px;
	margin: 0px 2px;
	border-radius: 3px;
	color: #fff;
	font-family: var(--standardfont) !important;
	font-size: .5vw !important;
	width: max-content;
}
.chooseLayout{
	cursor: pointer;
}
#backToCart{
	width: max-content;
	border: 1px solid var(--middlegray);
	box-sizing: border-box;
	margin-top: 20px;
	background-color: var(--accent-color);
	display: none;
	cursor: pointer;
	padding: .5vh 10vh;
	border-radius: .3vh;
}
#backToCart p{    
	text-align: center;
    font-size: 16px;
    line-height: 40px;
    margin: 0px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.marginright10{
	margin-right: 10px;
}
#user::after{
	width: 40px;
	height: 40px;
	position: absolute;
}
#userimg{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 19px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
}
#useroptions{
	display: none;
	position: absolute;
	background-color: #dcdcdc;
	top: 65px;
	padding: 0PX 15px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	transition: all ease .2s;
}
#useroptions p{
	border: none!important;
	margin: 0px!important;
}
#useroptions::before{
	content: "";
	position: absolute;
	background-color: #dcdcdc;
	clip-path: polygon(calc(0% - 5px) calc(0% - 5px), calc(0% - 5px) calc(100% + 5px), calc(100% + 5px) calc(100% + 5px));
	-webkit-clip-path: polygon(calc(0% - 5px) calc(0% - 5px), calc(0% - 5px) calc(100% + 5px), calc(100% + 5px) calc(100% + 5px));
	width: 20px;
	height: 20px;
	margin-top: -9px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	transform-origin: center;
	transform: rotateZ(135deg);
}
#userwrapper:hover #useroptions{
	display: block;
}
/*a.weitereInfos p{
	font-size: calc(var(--ad-masterwidth) * .0156) !important;
	margin: calc(var(--ad-masterwidth) * .015) 0px!important;
	padding: calc(var(--ad-masterwidth) * .00325)!important;
	width: calc(100% - .5vw)!important;
}*/
a.weitereInfos{
	background-color: unset!important;
	font-size: 0vw!important;
	margin: 0px!important;
	padding: 0px!important;
}
[type="file"], label.height0 {
    height: 0!important;
    overflow: hidden;
    width: 0;
}
.newform [type="file"]{
	width: unset!important;
	height: unset!important;
}
[type="file"]#userlogo + label {
    /*background: var(--middlegray);*/
	background-image: url(assets/imgs/user.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	/*border: 1px solid #cdcdcd;*/
	cursor: pointer;
	display: inline-block;
	padding: 0px;
	position: relative;
	transition: background-image .3s;
	width: 150px;
	height: 150px;
}
[type="file"]#cover + label {
    /*background: var(--middlegray);*/
	background-image: url(../../assets/imgs/user.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 1px solid #cdcdcd;
	cursor: pointer;
	display: inline-block;
	padding: 0px;
	position: relative;
	transition: background-image .3s;
	width: 150px;
	height: 150px;
}
[type="file"].uploaded + label, #logo {
    background: transparent;
	color: transparent;
	background-size: 70%;
	background-position: top left;
	background-repeat: no-repeat;
}
[type="file"].uploaded + label{
	height: 50%;
	display: block;
}
[type="file"].anzeigequer.uploaded + label, [type="file"].anzeigehoch.uploaded + label, .anzeigequer, .anzeigehoch {
	background-size: cover;
}
[type="file"]#profilbild + label{
	width: 250px;
	height: 250px;
	margin-bottom: 1.5vw;
	font-size: 1.5vw;
	padding: 0px;
	color: #000;
	background-image: url(assets/imgs/user.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#layoutSelect{
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
}
#layoutSelect input{
	width: 40%;
	height: 18em;
	margin: 10px 0px!important;
}
#layoutSelect.selected{
	width: 11vw;
	flex-direction: column;
	justify-content: flex-start;
}
#layoutSelect.selected input{
	width: 12em;
	height: 7.25em;
	margin: 10px 0px!important;
}
/*#anzeigenvorschau{
	width: 40vw;
}*/
.fussnote{
	font-size: .8rem;
	color: #bbb;
}
#layout1, #layout2{
	-webkit-appearance: none;
	height: 300px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0px!important;
	box-sizing: border-box;
	border-radius: 2px;
}
.chooselayout.active{
	border: 5px solid var(--accent-color);
}
#layout1{
	background-image: url(assets/imgs/layout_hori_maske.jpg);
}
#layout2{
	background-image: url(assets/imgs/layout_verti_maske.jpg);
}
.top0{
	margin-top: 0px;
}
.nicEdit-panel > div:nth-child(11), .nicEdit-panel > div:nth-child(12), .nicEdit-panel > div:nth-child(13), .nicEdit-panel > div:nth-child(16), .nicEdit-panel > div:nth-child(17), .nicEdit-panel > div:nth-child(21), .hide{
	display: none!important;
}
#listwrapper{
	display: flex;
	flex-wrap: wrap;
}
#textwrapper > div:nth-child(3){
	background-color: #fff;
}
#textinsert{
	width: 98%;
	height: 150px;
	margin: 10px 1%;
}
#keyworddescription, .keyworddescription{
	width: 100%;
	height: 100px;
	margin: 30px 0px 120px 0px;
	display: none;
}
/*#keyworddescription[name="oldkeywords"]{
	display: block!important;
}*/
.textarea > div {
    width: 100% !important;
}
#keyworddescription > div{
	width: 98%!important;
}
#textwrapper > div{
	width: 100%!important;
}
#keywords, #relatedSolutions, #allTables{
	width: 100%;
	height: 230px;
}
#menuwrapper, #menuwrapper.active{
	display: flex;
	flex-wrap: wrap;
	width: 89%;
	margin-left: 11%;
	transition: all ease .25s;
	justify-content: space-between;
	height: 80px;
}
#menuwrapper p{
	line-height: 40px;
	margin: 0px;
}
#main{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	flex-grow: 1;
	margin-left: 0px;
	transition: all ease .25s;
	justify-content: space-around;
	height: 80px;
}
#restmenu{
	display: flex;
	flex-wrap: wrap;
	width: 19%;
	margin-left: 0px;
	margin-right: 1%;
	transition: all ease .25s;
	justify-content: flex-end;
	height: 80px;
}
#restmenu p{
	line-height: 40px !important;
	margin-top: 18px;
	padding: 0px 15px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#restmenu span{
	line-height: 40px !important;
}
.strahl {
    width: 3px;
    background-color: var(--accent-color);
    height: 120px;
    margin: 0px auto;
}
.strahl.mini {
    height: 5px;
}
.strahldatum {
    margin: 0px auto;
    width: var(--strahldimension);
    height: var(--strahldimension);
    text-align: center;
	background-color: var(--lightergray);
	border: 3px solid var(--accent-color);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.strahldatum p{
    margin: 0px;
    line-height: var(--strahldimension);
	font-weight: 500;
}
.strahlflex{
	display: flex;
}
.strahltext {
    width: 25vw;
    background-color: var(--lightgray);
    border-radius: 15px;
    position: absolute;
	transition: all ease .2s;
	padding: 20px;
}
.strahltext.right{
	right: calc(19vw - 55px);
    padding: 20px 1vw 20px 3vw;
}
.strahltext.right:hover{
	right: calc(18vw - 55px);
}
.strahltext.left{
	left: calc(19vw - 55px);
    padding: 20px 3vw 20px 1vw;
	text-align: right;
}
.strahltext.left:hover{
	left: calc(18vw - 55px);
}
.strahltext.left p{
	text-align: right;
}
.strahltext p{
	margin: 0px;
}
.submenucontent p{
	line-height: 2rem!important;
	margin: 0px;
}
#burger{
	display: none!important;
	width: 60px;
	height: 40px;
	position: absolute;
	right: 10px;
	top: 15px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	cursor: pointer;
}
#rightSidemenu{
	position: fixed;
	width: 40px;
	right: 0px;
	top: 50vh;
	z-index: 998;
	transform: translateY(-50%);
}
.burgerstripe {
    width: 100%;
    height: 9px;
    background-color: #fff;
}
#matchingadlinkwrapper{
	margin-left: 20px;
	margin-top: 4px;
}
#headermenu{
	min-height: 80px;
	display: flex;
	background-color: #dcdcdc;
	position: fixed;
	width: 100%;
	box-shadow: 5px 0px 5px var(--lightgray);
	top: 0px;
	left: 0px;
	z-index: 999;
}
#textwrapper{
	width: calc(100% - 40px);
	position: fixed;
	left: 0px;
	padding: 30px 20px;
	background-color: #efefef;
	z-index: 2;
	box-shadow: 5px 0px 5px black;
	top: 70px;
}
a{
	text-decoration: none;
	font-size: inherit;
}
#newscontent{
	text-align: justify;
}
section:not(.orangegradientbg) :is(p, #newscontent) a:not(.mehr){
	color: var(--accent-color)!important;
}
.calltoaction p a{
	color:#fff!important;
	font-weight: 100!important;
}
input[type="submit"], input[type="button"], #cancel, #backToList{
	/*padding: 15px;
	margin: 10px;*/
	background-color: rgba(0,0,0,0);
	color: #fff;
	text-decoration: none;
	border: none;
}
input[type="submit"][disabled="disabled"], .disabled{
	opacity: .4;
}
#textsList .flex.bordervert > div {
    display: table;
    height: 74px;
}
#textsList .flex.bordervert, #textsList .flex.bordervert label{
	cursor: pointer;
}
#textsList .flex.bordervert > div > * {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.verticalwrapper{
    display: table;
    height: 100%;
	width: 100%;
}
.verticalwrapper *{
    display: table-cell;
    height: 100%;
	vertical-align: middle;
}
.addToCart {
    margin: 0px !important;
    width: 3.5vh!important;
    height: 2vh!important;
    border: 1px solid gray;
    -webkit-appearance: none;
    border-radius: 2vh;
	cursor: pointer;
	position: relative;
}
.addToCart::after {
	content: "";
	position: absolute;
	width: 1.6vh;
	height: 1.6vh;
	border-radius: 1.9vh;
	background: var(--middlegray);
	top: .15vh;
	left: .15vh;
	transition: all ease .2s;
}
.addToCart:checked::after {
	background-color: var(--accent-color)!important;
	right: .15vh;
}
#textsList input[type="checkbox"]{
    margin: 0px !important;
    width: 3vh!important;
    height: 3vh!important;
    border: 2px solid gray;
    -webkit-appearance: none;
    border-radius: 5px;
	cursor: pointer;
	margin-top: 16px !important;
}
#textsList input[type="checkbox"]::after/*, .addToCart::after */{
    content: "+";
    /*margin-left: 5px!important;*/
    color: gray;
    font-size: 3rem;
    text-align: center;
    width: 2.65vh;
    margin: 0px;
    line-height: 35px;
    font-weight: 400;
	display: block;
}
#textsList input[type="checkbox"][checked="checked"]::after {
    content: "-";
   /* margin-left: 8px!important;*/
}
.grayblock{
	width: 40px;
	line-height: 5.5vh;
	color: #fff;
	background-color: gray;
	text-align: center;
	margin-right: 4px;
}
.keyword .grayblock{
	height: 5.5vh;
}
#headermenu a, #headermenu p, #headermenu span{
	color: #000;
	font-weight: 300;
	font-size: 1rem;
}
#headermenu a.active, #headermenu a.active p, #headermenu p.active {
	color: var(--accent-color)!important;
	font-weight: 500;
}
.uppercase{
	text-transform: uppercase!important;
	font-weight: 500!important;
}
.files img, #oldImages img{
	max-width: 300px;
	height: auto;
	max-height: 200px;
	width: auto;
	margin: 10px;
}
#oldImages{
	border: 1px solid black;
	width: calc(100% - 80px);
	padding: 20px;
}
#cancel, .delete, .cancel{
	background-color: #ff0000!important;
}
input[type="submit"], input[type="button"]{
	cursor: pointer;
}
option{
	margin: 5px;
}
#relatedsolutions option{
	margin: 25px 5px;
}
.contentedit{
	padding: 360px 20px 30px 20px;
}
#calc{
	/*position: fixed;*/
	right: 110px;
	top: 190px;
	display: none;
}
#calc.fixed {
    position: fixed;
    top: 0px;
	right: 101px;
}
#calc label{
	font-size: 1rem;
	line-height: 1.7rem;
}
#calc .akkordeonContent .flex{
	margin: 5px 0px;
}
#calc .akkordeonContent .flex div:first-child{
	width: 13%;
}
#calc .akkordeonContent .flex div:nth-child(2){
	width: 80%;
}
#calc #warenkorb{
	width: 80%;
	padding: 2vh 10%;
	border: 1px solid gray;
	/*border-radius: 10px;*/
	margin-top: 50px;
}
.warenkorbtrennerwrapper{
	margin: 30px 0px;
}
.warenkorb{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 3px solid var(--accent-color);
	background-image: url(assets/imgs/warenkorbicon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px;
}
.warenkorbtrenner{
	width: calc(50% - 38px)!important;
	margin: 37px 0px;
	height: 4px;
}
#calc #warenkorb h2, h5, h5 *{
	font-family: 'Rokkitt', serif;
	font-weight: 600;
	margin-top: 0px;
	font-size: 1.75rem !important;
	line-height: 2.25rem;
	color: #000;
	margin-bottom: .5vw;
}
#newsarchivlink {
    margin-right: 18px;
	color: #999!important;
}
#newsarchivlink span{
	color: #999;
}
#newsarchivlink::after {
    content: "";
    width: 7px;
    height: 10px;
    background: #999;
    position: absolute;
    margin-left: 10px;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    margin-top: 14px;
}
h5 a:hover, h5 a:hover *{
	color: var(--accent-color)!important;
}
h5 a:hover::after{
	background: var(--accent-color)!important;
}
body > .content{
	/*padding: 110px 110px 30px 110px;*/
}
.calltoaction{
	padding: 20px!important;
	box-sizing: border-box;
	background: var(--accent-color);
	border-radius: 5px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
.calltoactionbutton{
	transition: all ease .2s;
}
.calltoactionbutton:hover{
	transform: scale(1.025);
}
#headerslider .calltoaction{
	background: var(--accent-color);
	padding: .5vw 0;
}
#headerslider.orangegradientbg .calltoaction{
	background: transparent;
	padding: .5vw 0;
}
.orangegradientbg .calltoaction{
	background: transparent;
	border: 1px solid #fff;
	padding: .5vw 0;
}
#headerbubbel{
	padding: 7vw;
	width: 35vw;
	position: absolute;
	height: 15vw;
	border-radius: 50%;
	top: 33vw;
	left: -5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#headerbubbel .calltoaction h3{
	font-size: 1.75vw!important;
	line-height: 2.5vw!important;
}
.calltoaction.small{
	padding: 20px 0;
	margin: 20px 0;
}
.calltoaction.small.around{
	padding: 20px;
	width: calc(100% - 40px);
}
.calltoaction h3{
	color: #fff!important;
	font-size: 3.25rem;
	line-height: 4rem;
}
#jetzttesten .calltoaction{
	height: 230px;
	display: table;
}
#jetzttesten .calltoaction > div{
	height: 230px;
	display: table-cell;
	vertical-align: middle;
}
#headerslider .calltoaction h3{
	color: #fff!important;
	font-size: 1.1vw;
	line-height: 2vw;
}
.calltoaction p{
	color: #fff!important;
	margin: 0;
	font-weight: 600;
}
*:not(#maincontent) .content:not(#abpasslogin){
	padding: 30px 0;
	width: 90%;
	max-width: var(--content-width);
	margin: auto!important;
	min-height: 25vh;
}
.content .content{
	width: 100%;
	min-height: unset!important;
}
.fachbereich::after {
   content: "";
	width: 10px;
	height: 12px;
	background: black;
	position: absolute;
	margin-left: 29px;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	margin-top: 7px;
}
.fachbereich {
    padding: 5px 55px 5px 15px;
    margin: 10px 20px 10px 0px;
    border-radius: 5px;
    background-color: #dcdcdc;
    font-weight: 400;
}
/*#matchingadlink::after {
   content: "";
	width: 10px;
	height: 12px;
	background: #fff;
	position: absolute;
	margin-left: 29px;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	margin-top: 24px;
}*/
#matchingadlink {
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    background-color: var(--accent-color);
	color: #fff!important;
    font-weight: 400;
	line-height: 60px;
}
input[type="radio"], input[type="checkbox"]{
	margin-left: 20px;
}
table:not(.alignleft) tr th:nth-child(1), table:not(.alignleft) tr td:nth-child(1){
    width: 40px;
	text-align: center;
	padding: 0px;
}
table:not(.distevenly) tr th:nth-child(2), table:not(.distevenly) tr td:nth-child(2), .contentstring, .rel_solutions, .keywords, .width100{
    width: 100%;
}
table.distevenly tr{
	display: flex;
}
table.distevenly tr th:not(.id), table.distevenly tr td:not(.id){
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
	display: flex;
	align-items: center;
	align-content: center;
}
/*tr th, table:not(.distevenly) tr td:nth-child(2) p, input[type="submit"], #headermenu a, input[type="button"]{
	font-weight: 600;
}*/
table:not(.alignleft) tr th:last-child, table:not(.alignleft) tr td:last-child{
    width: 60px;
	text-align: center;
	padding: 0px;
}
tr td:last-child div form{
    height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.buttonflex{
	display: flex!important;
	height: initial!important;
	flex-wrap: wrap;
}
.narrow{
	width: 100%;
	/*max-width: 1400px;*/
	margin: auto;
}
.broad{
	width: 52%;
}
.narrow > div{
	width: 63%!important;
	height: 500px;
}
.narrow > div#existingKeywords{
	width: 35%!important;
	overflow-y: scroll;
}
#existingSolutions, #existingQuotes, #existingStatements, #existingQuestions{
	height: 500px;
	width: 98%;
}
#existingAnalyses{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
#existingSolutions > .skewbutton.smallradius, #existingQuotes > .skewbutton.smallradius, #existingStatements > .skewbutton.smallradius, #existingQuestions > .skewbutton.smallradius, #existingAnalyses > .skewbutton.smallradius{
	margin: 20px 20px 20px 15px;
}
#solutionList > div > div > .skewbutton.smallradius, #quoteList > div > div > .skewbutton.smallradius, #statementList > div > div > .skewbutton.smallradius, #questionList > div > div > .skewbutton.smallradius, #analysesList > div > div > .skewbutton.smallradius, #textsList > div > div > .skewbutton.smallradius{
	width: 85%;
}
#solutionList, #quoteList, #statementList, #questionList, #analysesList{
	height: 430px;
	overflow-y: scroll;
}
#solutionList > div > div > .showsolutionDetails, #quoteList > div > div > .showsolutionDetails, #statementList > div > div > .showsolutionDetails, #questionList > div > div > .showquestionDetails, #analysesList > div > div > .showanalysesDetails, #textsList > div > div > .showtextDetails{
	width: 6%;
	height: 40px;
	margin-top: 14px;
	border: 1px solid var(--middlegray);
	border-radius: 10px;
	/*transform: skewX(-10deg);*/
	margin-right: 15px;
	cursor: pointer;
	box-shadow: 0px 5px 4px rgba(0,0,0,0.1);
	background-image: url(assets/imgs/pfeil_rechts_grau.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	box-sizing: border-box;
}
#solutionList > div > div > .showsolutionDetails.active, #quoteList > div > div > .showsolutionDetails.active, #statementList > div > div > .showsolutionDetails.active, #questionList > div > div > .showquestionDetails.active, #analysesList > div > div > .showanalysesDetails.active, #textsList > div > div > .showtextDetails.active{
	border: 6px solid var(--accent-color);
}
.subheader span {
    font-size: .8rem;
    font-weight: 100;
    letter-spacing: .025rem;
}
.narrow > div *{
	width: 96%!important;
}
.narrow > div#existingSolutions *{
	width: unset!important;
}
.narrow > div input[type=text]{
	width: 96%!important;
	position: relative!important;
}
.flexvert{
	display: flex;
	flex-direction: column;
}
.flexvertstart{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.flexbetween{
	display: flex;
	justify-content: space-between;
}
.flexvertbetween{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flexvertcenter{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.allcenter{
	align-items: center;
}
.flexvertbottom{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.flexrow{
	flex-direction: row!important;
}
.smartadmenu{
	width: max-content;
	margin-right: 2vw;
}
.smartadmenu > div{
	margin-bottom: 20px;
	padding: 0 15px;
}
.smartadform h4{
	margin: 0!important;
}
.dontshrink{
	flex-shrink: 0;
}
.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flexstart{
	display: flex!important;
	justify-content: flex-start!important;
	flex-wrap: wrap;
}
.flexend{
	display: flex!important;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.flexcenter{
	display: flex!important;
	justify-content: center;
	flex-wrap: wrap;
}
.flexaround{
	display: flex!important;
	justify-content: space-around;
	flex-wrap: wrap;
}
.flexgrow{
	flex-grow: 1;
	flex-basis: 100px;
}
.nowrap{
	flex-wrap: unset!important;
}
.singleKeyword {
    width: 100%;
    margin: 10px 1%;
    padding: 10px 1%;
    border: 1px solid black;
    border-radius: 10px;
}
.singleKeyword p{
    margin: 0px;
}
.closer{
	position: relative;
}
#lightboxcontent::after, .closer::after{
	content: "";
	position: absolute;
	background-image: url(assets/imgs/close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	cursor: pointer;
	background-color: var(--middlegray);
}
/*.lightbox .flex div{
	width: 46%;
	padding: 50px 2%;
}*/
.content2 label, .content3 label, .content4 label{
	color: #bbb;
}
.subakkordeoncontent input[type="text"], .akkordeoncontent input[type="text"], .akkordeoncontent input[disabled], .akkordeoncontent input[type="password"] {
    width: 100%;
	margin-bottom: 20px;
	-webkit-appearance: none;
	border-top: none;
	border-left: none;
	border-right: 1px solid var(--middlegray);
	border-bottom: 1px solid var(--middlegray);
	font-weight: 400;
	background: transparent;
	color: #000;
}
.login .akkordeoncontent input[type="text"], .login .akkordeoncontent input[type="password"] {
    width: 100%;
	margin-bottom: 20px;
	-webkit-appearance: none;
	border-top: none;
	border-left: none;
	border-right: 1px solid var(--middlegray);
	border-bottom: 1px solid var(--middlegray);
	font-weight: 400;
	margin-top: 30px;
}
.login.content.half, .marginauto{
	margin: auto;
}
.login .akkordeonContent, .login .headerskew{
	width: 100%;
}
.onesixth{
	width: 16%;
	max-height: 580px;
	overflow-y: scroll;
}
.fifesixths{
	width: 83%;
	max-height: 580px;
	overflow-y: scroll;
}
:is(.flex, .flexcenter, .flexstart, .flexleft) > .half{
	max-width: 50%;
	/*max-height: 580px;*/
	overflow-y: scroll;
	flex-basis: 10px;
	flex-grow: 1;
}
img.half{
	margin-left: 26%;
	max-width: 48%;
}
input.half{
	max-width: 50%!important;
	flex-basis: 10px;
	flex-grow: 1;
}
.fourty{
	max-width: 40%;
	flex-basis: 10px;
	flex-grow: 1;
}
.sixty.global{
	max-width: 60%;
	flex-basis: 10px;
	flex-grow: 1;
}
.threequarters, .flex .threequarter{
	max-width: calc(calc(100% / 4) * 3) !important;
	flex-basis: 10px;
	flex-grow: 1;
}
:is(.flex, .flexcenter, .flexstart, .flexleft) .onequarter{
	max-width: calc(100% / 4);
	flex-basis: 10px;
	flex-grow: 1;
}
/*form .onequarter, form .half , form .threequarters{
    display: flex;
	justify-content: space-between;
}*/
form .onequarter:is(.flex, .flexcenter, .flexstart, .flexleft) input, form .half:is(.flex, .flexcenter, .flexstart, .flexleft) input, form .threequarters:is(.flex, .flexcenter, .flexstart, .flexleft) input{
	max-width: 60%;
}
form .fullwidth:is(.flex, .flexcenter, .flexstart, .flexleft) input, .graybg.fullwidth .smallakkordeonHeader, .graybg.fullwidth .smallakkordeonContent{
	width: 90%;
}
form .fullwidth.flex, form .noscroll.flex{
	margin: 10px 0px;
}
.onequarter.global{
    max-width: 24vw;
    width: 100%;
}
:is(.flex, .flexcenter, .flexstart, .flexleft) > .onethird{
	max-width: calc(100% / 3);
	flex-basis: 10px;
	flex-grow: 1;
	/*max-height: 450px;*/
	overflow-y: scroll;
}
:is(.flex, .flexcenter, .flexstart, .flexleft) > .twothirds{
	max-width: calc(calc(100% / 3) * 2);
	flex-basis: 10px;
	flex-grow: 1;
	/*max-height: 450px;*/
	overflow-y: scroll;
}
@supports (gap:20px){
	.flex:not(.nogap), .flexcenter:not(.nogap), .flexleft:not(.nogap), .flexstart:not(.nogap), .flexvertcenter:not(.nogap) {
		gap: 20px;
	}
}
@supports not (gap:20px){
	.flex:not(.nogap) > *, .flexcenter:not(.nogap) > *, .flexleft:not(.nogap) > *, .flexstart:not(.nogap) > *{
		margin: 0 10px;
	}
	.flexvertcenter:not(.nogap) > *{
		margin: 10px 0;
	}
}
.twothirds.reitercontents, .half.openheight, .onethird.openheight{
	max-height: unset;
}
.flex.archivnews {
    margin: 10px;
}
#newscontentwrapper{
	/*height: 1587px;
	display: table;*/
}
#newscontent.bottom{
	display: table-cell;
	vertical-align: bottom;
}
#newscontent.fixed{
	width: calc( 90% *0.48);
	position: fixed;
	top: 70px;
	right: calc( 10% *0.5);
}
.fullwidth, .fullwidthall *{
	width: 100%;
}
.nicEdit-main {
	border-radius: 0px 0px 15px 15px; 
}
.noscroll{
	overflow: unset!important;
}
/*#matchingadcontent .noscroll div:not(.flex), #matchingadcontent .noscroll div:not(.normalakkordeonContent), */.flexvert{
	display: flex;
	flex-direction: column;
	width: 100%;
	background-position: top center;
}
.normalakkordeonHeader{
	padding: 10px 0px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	margin-bottom: 30px;
	cursor: pointer;
}
.normalakkordeonHeader .arrow{
	transform-origin: center;
	transition: all ease .2s;
}
.normalakkordeonHeader .arrow.active{
	transform: rotateZ(90deg);
}
.normalakkordeonHeader *{
	height: 2rem;
	margin: 0px;
	line-height: 2rem;
}
#matchingadcontent .akkordeonHeader h2{
	padding: 0px!important;
	line-height: 1.4!important;
}
#matchingadcontent .smartadmenu .akkordeonHeader h2{
	font-size: .85rem!important;
	text-align: left!important;
}
#matchingadcontent .headerskew{
	padding: .65vh!important;
	cursor: pointer;
}
#matchingadcontent h4{
	font-size: 1.9rem!important;
}
select:not(.standard){
	margin: 15px 0px!important;
	height: 375px;
	border: none;
}
select:not(.unstyled){
	-webkit-appearance: none !important;
}
.borderradius{
	border-radius: .5vh;
}
.register select, .register textarea, .register option, .register input:not([type="checkbox"]){
	height: 4.5vh!important;
	margin: .5vh 0!important;
	padding: .25vh;
	border: 1px solid var(--middlegray);
	-webkit-appearance: unset!important;
	width: calc(100% - .75vh)!important;
	border-radius: .5vh!important;
	font-size: 1.1rem;
	font-weight: 200;
	line-height: 2rem;
}
#openregister{
	display: table;
	height: 16.5vh!important;
	margin: 1vh 0!important;
	padding: .25vh;
	border: 1px solid var(--middlegray);
	-webkit-appearance: unset!important;
	width: calc(100% - .75vh)!important;
	border-radius: .5vh!important;
	font-size: 1.1rem;
	font-weight: 200;
	line-height: 2rem;
}
#openregister p{
	height: 16.5vh;
	display: table-cell;
	vertical-align: middle;
	font-weight: 100;
}
.register textarea{
	height: 9vh!important;
}
.register input[type='submit'], #proceedToShop{
	background: var(--accent-color);
	width: 100%!important;
	font-weight: 600;
}
#proceedToShop{
	padding: .5vh 0;
	border-radius: .5vh;
	margin-top: 2vh;
}
#openregister{
	background: var(--accent-color);
	line-height: 3vh!important;
}
option, .tag{
	padding: 5px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	margin-left: 0px !important;
	font-size: 1.4rem;
	-webkit-appearance: none!important;
	cursor: pointer;
	width: calc(100% - 10px)!important;
}
option:hover,option:focus,option:active,option:checked, .tag:hover, .tag:focus, .tag.active, option:hover label,option:focus label,option:active label,option:checked label/*, .tag:hover label, .tag:focus label, .tag.active label*/{
	color: #fff;
	font-weight: 500;
	background-color: var(--accent-color)!important;
	background-image: url(assets/imgs/pfeil-rechts-weiss.png);
	background-repeat: no-repeat;
	background-position: right 10px center!important;
	background-size: 15px;
}
.tag:hover label, .tag:focus label, .tag.active label{
	color: #fff;
	font-weight: 500;
}
option:hover::after,option:focus::after,option:active::after,option:checked::after/*, .tag::after, .tag:hover::after,.tag:focus::after,.tag:active::after,.tag:checked::after*/{
	content: "";
	position: relative;
	height: 1rem;
	margin-top: .4rem;
	width: 15px;
	background-color: #fff;
	float: right;
	line-height: 1.8rem;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.lightbox {
    position: fixed;
    top: 80px;
    left: 0px;
    width: 100%;
    height: calc(100% - 80px);
    z-index: 123;
    background-color: rgba(255,255,255,0.9);
    padding: 0 max(5vw, 20px);
	box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
	text-align: center;
	font-family: 'Rokkitt', serif;
	font-size: 1.5rem;
	font-weight: 500;
}
.lightbox h2{
	font-family: 'Rokkitt', serif;
	font-size: 1.5rem;
	font-weight: 500;
}
.lightbox p{
	font-size: 1.3rem;
}
.lightbox a{
	color: var(--accent-color)!important;
}
#lightboxcontent{
	width: 90%;
	display: flex;
	flex-wrap: wrap;
    padding: 5%;
    box-sizing: border-box;
	border-radius: 20px;
	position: fixed;
	max-height: 90vh;
	overflow: auto;
}
.lightbox .flexstart div:nth-child(1){
	max-width: 46%;
	margin-right: 50px;
}
.lightbox .flex div img{
	max-width: 100%;
}
.closeLightbox{
	/*background-image: url(assets/imgs/close.png);
	background-repeat: no-repeat;
	background-position: center;*/
	width: 50px;
	height: 50px;
	position: absolute;
	right: 50px;
	top: 50px;
	cursor: pointer;
}
.closeLightbox::before, .closeLightbox::after{
	content: "";
	position: absolute;
	height: 30px;
	width: 6px;
	border-radius: 10000px;
	background-color: #000;
	transform-origin: center;
}
.closeLightbox::before{
	transform: rotateZ(-45deg);
}
.closeLightbox::after{
	transform: rotateZ(45deg);
}
.drittel{
	width: calc(calc(100% / 3) - 20px);
}
.actions, .ratingetc, .ratings{
	width: 140px;
}
.innerwrapper {
    width: calc(100% - 350px);
}
.graphicrating{
	width: 88px;
	margin: auto;
	margin-bottom: 10px;
}
.graphicrating div {
    border: 1px solid var(--accent-color);
    /*transform: skew(-10deg);*/
    border-radius: 4px;
}
.graphicrating div.voll {
    border: 1px solid var(--accent-color);
    /*transform: skew(-10deg);*/
    border-radius: 4px;
	background-color: var(--accent-color);
}
/*.topics {
    width: 100px;
}*/
.skewbutton {
    padding: 0px;
    /*border: 1px solid gray;*/
    border-radius: 15px;
    /*transform: skew(-10deg);*/
	margin: 20px 40px 20px 15px;
}
#finalKeywords .skewbutton {
	margin: 20px 15px 20px 15px;
}
.skewbutton.radio {
    padding: 20px 70px 20px 10px;
}
.skewbutton.radio input{
    width: calc(100% + 97px);
	border: 1px solid var(--middlegray);
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	background-color: transparent!important;
	height: 70px;
	position: absolute;
	margin-top: -21px;
	box-sizing: border-box;
	margin-left: -21px;
	/*transform: skew(-10deg);*/
	border-radius: 15px;
	z-index: 2;
	cursor: pointer;
}
.skewbutton.radio.topic input{
    width: calc(100% + 46px);
	height: 50px;
	margin-top: -12px;
}
.skewbutton.radio.topic{
	margin: 0px!important;
	margin-left: 10px!important;
}
.skewbutton.radio input:checked, .skewbutton input:checked{
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	border: 6px solid var(--accent-color);
	background-color: transparent!important;
}
.skewbutton input, input.skewbutton, .skewbutton .button{
    width: calc(100% + 22px);
	border: 1px solid var(--middlegray);
	-webkit-appearance: none;
	-moz-appearance: none!important;
	appearance: none!important;
	background-color: transparent!important;
	height: 40px;
	position: absolute;
	margin-top: -6px;
	box-sizing: border-box;
	margin-left: -11px;
	/*transform: skew(-10deg);*/
	border-radius: 15px;
	cursor: pointer;
	box-shadow: 0px 5px 4px rgba(0,0,0,0.1);
}
#searchSolution, #searchQuote, #searchStatement, #searchQuestion, #searchAnalyse{
    width: 100%!important;
}
#searchAnalyse{
	position: relative!important;
}
.skewbutton input.partnericon{
    width: 150px;
	height: 65px;
}
#finalKeywords .skewbutton .button{
	position: relative;
}
.skewbutton input[type=text], .skewbutton .button{
	transform: unset;
	cursor: unset;
	padding-left: 20px;
}
.skewbutton .button, #createNewTopic.active{
	display: table!important;
	height: 50px;
	margin-left: -10px;
}
.skewbutton .button p{
	display: table-cell;
	height: 50px;
	margin: 0px;
	vertical-align: middle;
}
.skewbutton.solution{
	height: min-content;
	display: table;
	transform: unset!important;
}
.skewbutton.solution hr, #oldSolutions hr{
	box-shadow: unset!important;
	height: unset!important;
	margin: 20px 0px;
	width: calc(100% - 40px);
	position: relative;
}
.skewbutton.solution input, #matchable{
    width: 40px;
	height: 40px;
	border: 1px solid var(--middlegray);
	-webkit-appearance: none;
	-moz-appearance: none!important;
	appearance: none!important;
	background-color: transparent!important;
	box-sizing: border-box;
	/*transform: skew(-10deg);*/
	border-radius: 15px;
	cursor: pointer;
	box-shadow: 0px 5px 4px rgba(0,0,0,0.1);
	float: left;
	margin-right: 30px;
	margin-top: 5px;
	position: relative;
}
.threefourths{
	width: 71%;
}
.onefourth{
	width: 25%;
}
.onefifth{
	width: var(--fifthvw)!important;
}
.onefifth.book{
	height: var(--fifthvw)!important;
	margin: 10px 0px;
}
.fourfifths{
	width: 76%!important;
}
.selectedArticle{
	background-color: #bfbfbf;
	padding: 15px;
	width: calc(100% - 30px);
	color: #fff;
	font-weight: 400;
	border-radius: 5px;
	margin: 5px 0px;
}
#rabatt{
	background-color: #bfbfbf;
	padding: 10px 60px 10px 10px;
	color: #fff;
	font-weight: 400;
	border-radius: 5px;
	margin: 5px 0px;
	width: max-content;
}
#rabatt::after{
	content: "🞪";
	font-family: "Font Awesome 5 Free";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	position: absolute;
	margin-left: 10px;
	background-color: #fff;
	color: #555;
	font-size: 1.25rem;
	line-height: 25px;
	text-align: center;
	transform-origin: center;
	transform: rotateZ(180deg);
	cursor: pointer;
}
#shoppingCart h3{
	margin-bottom: 15px;
}
#shoppingCart h3.klickbar{
	cursor: pointer;
}
#shoppingCart h3.klickbar::after{
	content: "✏";
	font-family: "Font Awesome 5 Free";
	width: 25px;
	height: 25px;
	border-radius: 15%;
	position: absolute;
	margin-left: 10px;
	background-color: #ddd;
	color: #555;
	font-size: 1.25rem;
	text-align: center;
	transform-origin: center;
	transform: rotateZ(180deg);
	cursor: pointer;
	line-height: 25px;
}
#shoppingCart h3.klickbar:hover::after{
	color: #ddd;
	font-family: "Font Awesome 5 Free";
	background-color: #555;
}
#shoppingCart input[type="text"] {
    width: 100%;
    margin-bottom: 15px;
    -webkit-appearance: none;
    border: none;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
#shoppingCart input[type="text"] + label {
    font-size: .78rem;
    line-height: 1rem;
}
#shoppingCart section {
    margin-bottom: 50px;
	width: 100%;
}
#alltags{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	max-height: 370px;
	overflow-y: scroll;
}
#allTags{
	margin-top: 30px;
}
#allTags .tag{
	margin: 5px 0px;
}
#alltags .skewbutton {
    margin: 20px 0px 20px 0px;
	transform: skew(0deg);
    width: 48%;
}
#saveNewTag{
	/*display: none;*/
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding: 0px 20px;
	border: 1px solid gray;
	border-radius: 15px;
	/*transform: skew(-10deg);*/
	margin: 10px 0px;
	background-color: var(--accent-color);
	height: max-content;
	box-shadow: 0px 5px 4px rgba(0,0,0,0.1);
}
.skewbutton.solution input:checked, #matchable:checked{
    border: 6px solid var(--accent-color);
}
.skewbutton.solution input.partnericon, #matchable{
	width: 150px;
	height: 65px;
}
.skewbutton.smallradius input, input.skewbutton.smallradius, .skewbutton.smallradius .button{
	border-radius: 10px;
}
.skewclickbutton {
    padding: 20px 20px 20px 20px;
    border: 1px solid gray;
    border-radius: .3vh;
    /*transform: skew(-10deg);*/
	margin: 10px 0px;
	background-color: var(--accent-color);
	height: max-content;
	box-shadow: 0px 5px 4px rgba(0,0,0,0.1);
}
#menuwrapper .skewclickbutton {
	margin: -20px 10px;
	background-color: #fff;
	width: 50px;
}
.skewclickbutton input, .wrapper, .buttonflex .skewclickbutton, .fullwidthbutton, .skewclickbutton a{
   width: 100%;
}
.skewbutton.smallradius.search.fullwidthbutton {
    margin: 20px 10px !important;
	cursor: unset!important;
}
.skewbutton.smallradius.search.fullwidthbutton input{
	cursor: unset!important;
}
input[name="search"]{
	padding-left: 50px!important;
	background-image: url(assets/imgs/lupe.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 25px;
}
.orderwrapper{
	width: 18%;
	margin: 0px 1%;
}
.dragframe{
	width: 93%;
	padding: 10px;
	margin: 5px 0px;
	border: 1px solid black;
	border-style: dotted;
}
.dragframe .skewbutton.radio.topic{
	margin: 0px !important;
    margin-left: 0px;
	margin-left: 10% !important;
	width: 80%;
	padding: 10px 0px;
	border: 1px solid black;
	text-align: center;
}
.wrapper{
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 3px solid var(--middlegray);
}
.wrapper.flex.image{
	width: 18%!important;
	border: 3px solid var(--middlegray);
	padding: 0px!important;
	margin: 5px 1%;
}
.wrapper.flex.image img{
	cursor: pointer;
}
.wrapper.flex.image:hover{
	border: 3px solid var(--accent-color);
}
.wrapper.flex.image .innerwrapper{
	width: unset!important;
}
.wrapper.flex.image img{
	max-width: calc(100% - 20px)!important;
}
.skewbutton div, .skewclickbutton div, .skewbutton label{
    /*transform: skew(10deg);*/
}
.skewbutton.solution div{
    transform: unset!important;
}
.skewbutton img {
    position: absolute;
    top: -20px;
    margin-left: 15px;
	z-index: 1;
}
#relatedImages{
	min-height: 250px;
}
#relatedImages > div, #newImages > div{
	width: 195px;
	margin: 20px 40px 20px 0px;
	height: 210px;
}
#relatedImages > div img, #newImages > div img{
	max-width: 90%;
	height: auto;
	max-height: 160px;
	width: auto;
	margin-left: 5%;
	margin-top: -150px;
}
#relatedImages > div label, #newImages > div label{
	margin-left: 5%;
	margin-top: 10px;
}
#relatedImages > div input, #newImages > div input {
    -webkit-appearance: none;
	-moz-appearance: none!important;
	appearance: none!important;
	background-color: transparent!important;
    border: 1px solid var(--middlegray);
    width: 200px;
    height: 160px;
    /*position: absolute;*/
    margin-left: -2px;
    margin-top: 0px;
	cursor: pointer;
}
#relatedImages > div input:checked, #newImages > div input:checked {
    -webkit-appearance: none;
	-moz-appearance: none!important;
	appearance: none!important;
	background-color: transparent!important;
    border: 6px solid var(--accent-color);
}
.view{
	width: 100%;
}
.view img{
	width: 200px;
	height: auto;
	margin: 5px 5px;
}
textarea, #relatedImages input, select, .roundedborder, #newImages > div input, #oldImages{
	border-radius: 10px;
}
textarea, .textinput {
    padding: 10px;
	font-size: 1.6rem;
	line-height: 1.5rem;
	height: 5vh;
}
.textinput {
    margin: 10px 0px;
}
.detailswrapper{
	width: calc(100% - 300px);
}
.detailswrap{
	margin-left: 55px;
	width: calc(100% - 55px)!important;
}
.detailswrap .details{
	padding: 10px 55px 10px 17px;
}
.border{
	border: 1px solid gray;
}
.bordertop{
	border-top: 1px solid gray;
	padding-top: 20px;
	margin-top: 0px;
}
#textsList .flex.bordervert label{
	padding-left: 10px;
}
#textsList .flex.bordervert .active label, #textsList .flex.bordervert .selected label, #textsList .flex.bordervert .active .arrow, #textsList .flex.bordervert .selected .arrow {
    background-color: var(--accent-color);
    color: #fff;
    font-weight: 500;
}
#textsList .flex.bordervert .arrow *{
	transform-origin: center;
	transition: transform ease .25s;
	color: gray;
	text-align: center;
}
#textsList .flex.bordervert .selected .arrow * {
	color: #fff!important;
}
#textsList .flex.bordervert .active .arrow * {
	transform: rotateZ(90deg);
	color: #fff!important;
}
.separatemargin{
	margin: 30px 0px 10px 0px!important;
}
#textwrapper .separatemargin{
	margin: 0px 0px 10px 0px!important;
}
.nopadding{
	padding: 0px!important;
	margin-right: 30px;
}
.notoppadding{
	padding-top: 0px!important;
}
.listposter, .companylogo{
	margin-top: 15px;
	max-width: 280px;
	width: auto;
	max-height: 280px;
	height: auto;
}
.smallContent{
	max-width: 280px;
}

/*
 * jquery.selectBoxIt.css 3.3.0
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit-disabled {
  cursor: default;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
  border-bottom-color: #b3b3b3;
}

.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn:hover,
.selectboxit-btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.selectboxit-list > li > a {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > a,
.selectboxit-list > .selectboxit-focus > a:hover,
.selectboxit-list > .selectboxit-focus > a:focus {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > a {
  color: #999999;
}

.selectboxit-list > .selectboxit-disabled > a:hover,
.selectboxit-list > .selectboxit-disabled > a:focus {
  background-color: transparent;
  background-image: none;
}

#relatedsolutions {
    width: 100%; /* Width of the dropdown button */
    border-radius:15px;
    max-height:200px;
}

#relatedsolutions option{
    white-space: normal;
    min-height: 30px;
    height: auto;
}

.under950{
	display: none;
}
.over950{
	display: block;
}

/*#anzeigenLayout{
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: rgba(255,255,255,.8);
	width: 100% !important;
	height: 100% !important;
	z-index: 464646846354;
}*/
/*#anzeigenLayout > div:not(#anzeigeschliessen){
	background: #fff;
	z-index: 654651;
	border: 1px solid gray;
	box-sizing: border-box;
	border-radius: .5vh;
	padding: 2vh;
}*/
#anzeigenLayout > div > .grid, #anzeigenLayout #logo{
	min-height: 5vh;
}
#anzeigenLayout #logo{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#anzeigenLayout > div > .flex{
	padding: 3vh;
}
/*#anzeigenLayout .weitereInfos p{
	width: 100%;
	text-align: center;
	margin: 2vh 0 0 0;
	background: var(--lightgray);
	border-radius: .3vh;
}*/
#anzeigenLayout > .flexvert input[name="anzeige"] + label{
	height: 25vh;
	text-align: center;
	line-height: 25vh;
	background-color: #eee;
	/*border-radius: 0 0 2vh 2vh;*/
	display: block;
}
#anzeigenLayout > .flex input[name="anzeige"] + label{
	text-align: center;
	background-color: #eee;
	/*border-radius: 0 2vh 2vh 0;*/
	height: 100%;
	width: 100%;
	display: block;
}
#anzeigenLayout > .flexvert{
	flex-direction: column;
}
#anzeigenLayout textarea{
	border: 1px solid black;
	border-radius: 0px;
	font-size: 1.75vh;
	width: calc(100% - 20px);
}
#anzeigenLayout > .flex{
	flex-direction: row;
}
#anzeigenLayout .sixty{
	width: 55%;
}
#anzeigenLayout .fourty{
	width: 35%!important;
}
#beschreibung{
	/*height: 155px;*/
	margin: 20px 0px;
	width: 100%;
}
#anzeige{
	display: block;
	/*border-radius: 0 2vh 2vh 0;*/
}
#shoppingCart #anzeige{
	/*border-radius: 0 2vh 2vh 0;*/
	height: 100%;
}
div#anzeige.anzeigequer{
	/*border-radius: 0 0 2vh 2vh;*/
	height: 25vh!important;
}
.klickoption{
	width: calc(100% - 4vh);
	padding: 2vh;
	position: relative;
}
.klickoption *{
	text-align: center;
	width: 100%;
	margin: 0!important;
}
.klickoption *:not(input){
	pointer-events: none;
}
.klickoption input{
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.klickoption {
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	appearance: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: .5vh;
	transform-origin: center;
	transition: all ease .2s;
	padding-top: 3vh;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top 2vh center;
	position: relative;
	transform-style: preserve-3d;
	overflow: hidden;
}
.klickoption img{
	left: 0;
	margin-bottom: 2vh!important;
	transition: all ease .2s;
	margin-left: -2vh !important;
	width: calc(100% + 4vh) !important;
	max-width: unset;
}
/*.klickoption[visits="50"]{background-image: url(assets/imgs/produkte/50_visits_breit.png);}
.klickoption[visits="125"]{background-image: url(assets/imgs/produkte/125_visits_breit.png);}
.klickoption[visits="350"]{background-image: url(assets/imgs/produkte/350_visits_breit.png);}
.klickoption[visits="800"]{background-image: url(assets/imgs/produkte/800_visits_breit.png);}*/
.klickoption input:checked{
	border: 10px solid var(--accent-color);
	border-radius: .5vh;
}
.klickoption input:checked ~ *{
	z-index: 16;
	position: relative;
}
.klickoption:hover img{
	transform: scale(1.1);
}
.klickoption:active{
	transform: scale(.95);
	box-shadow: 0 0 8px rgba(0,0,0,.25);
}
.klickoption input:checked{
	box-shadow: 0 0 10px var(--lightgray);
}
#shoppingCart #logo{
	height: 100%;
}
.weitereInfos{
	background-color: #eee!important;
	color: #888!important;
	font-weight: 100 !important;
	font-size: .7rem !important;
	margin-bottom: 10px;
}
#anzeigeschliessen {
    border-radius: 50%;
    position: absolute;
    width: 3vh!important;
    height: 3vh;
    text-align: center;
    line-height: 3vh;
    background: #fff;
	/*margin-left: calc(107vh - 1px);*/
	margin-left: 1px;
	border: 1px solid gray;
	box-sizing: border-box;
	margin-top: 1px;
}
#betaregister input.confirmbox{
	height: 2.5vh;
	width: 4vh;
	border-radius: 2.5vh;
	-webkit-appearance: none;
	border: 1px solid var(--middlegray);
	margin: 0 10px 0 0;
	box-sizing: border-box;
}
#betaregister input.confirmbox::after{
	content: "";
	position: absolute;
	height: calc(2.5vh + 2px);
	width: calc(2.5vh + 2px);
	border-radius: calc(2.5vh + 2px);
	background-color: #fff;
	border: 1px solid var(--middlegray);
	box-sizing: border-box;
	margin-top: -2px;
	margin-left: -2px;
	transition: all ease .2s;
}
#betaregister input.confirmbox:checked{
	background: var(--accent-color);
}
#betaregister input.confirmbox:checked::after{
	margin-left: 1.5vh;
}
@media (max-width: 1800px){
	.blockat1800{
		display: block;
	}
	.blockat1800 > div{
		width: 100%!important;
	}
	#sliderwrapper{
		width: calc(280px * 4);
	}
}
@media (max-width: 1700px){
	#absolutefeedbackcontent {
		width: 50vw;
		right: 4vw;
	}
}
@media (max-width: 1600px){
	:root{
		--content-width: 85vw;
	}
}
@media (max-width: 1500px){
	#menuwrapper, #menuwrapper.active{
		margin-left: 6%;
	}
	#menuwrapper .submenucontent{
		top:80px;
		right: 0;
		min-width: 60vw;
		margin: 0!important;
	}
	#main .smallakkordeonHeader{
		position: unset!important;
	}
	#menuwrapper *, #menuwrapper .submenucontent *{
		text-align: left!important;
	}
	#menuwrapper{
		max-height: calc(100vh - 80px);
		overflow-y: auto;
	}
	#useroptions {
		top: unset;
		margin-top: 60px;
		z-index: 5;
	}
	#useroptions::before {
		margin-left: 95px;
	}
	/*#menuwrapper p{
		text-align: right;
	}*/
	#matchingadlinkwrapper{
		text-align: right;
	}
	#appbooklogo{
		position: absolute;
		top: 10px;
		left: 5%;
		width: 100px;
		height: auto;
	}
	#teaserheaderh5{
		font-size: calc(1rem + .2vw)!important;
	}
	#burger{
		display: flex!important;
	}
	#menuwrapper, #menuwrapper{
		display: none;
	}
	#main a, #main div{
		margin: 1vh 0!important;
	}
	#headermenu{
		justify-content: space-between;
	}
	#menuwrapper, #menuwrapper.active, #main, #restmenu{
		height: unset;
	}
	#main, #restmenu{
		width: 100%;
	}
	#menuwrapper{
		padding-bottom: 20px;
		padding-right: 20px;
	}
	.trenner{
		display: none;
	}
	#lang .trenner{
		display: block!important;
		margin-left: 7px;
	}
	#menuwrapper .submenucontent{
		/*position: relative;
		padding: 0px;*/
		flex-direction: column;
		margin-left: 0px;
	}
	#lang > p{
		display: flex;
	}
	#menuwrapper .flex{
		justify-content: flex-end;
	}
	#menuwrapper .skewclickbutton {
		margin: 5px 10px;
	}
	#menuwrapper, #menuwrapper.active {
		width: 100%;
		height: 100vh;
		box-sizing: border-box;
		justify-content: flex-start;
		padding-top: 70px;
		flex-direction: column;
	}
	#main{
		justify-content: flex-start;
		flex-direction: column;
	}
	#absolutefeedbackcontent {
		margin-top: -25vw;
	}
}
@media (max-width: 1400px){
	:root{
		--content-width: 90vw;
	}
	#absolutefeedbackcontent {
		width: 70vw;
		right: unset!important;
		left: 15vw;
		position: relative;
		margin-top: unset!important;
	}
	.orderwrapper {
		width: 23%;
	}
	#testimainwrapper{
		width: 100%;
	}
	#testimore{
		padding-top: 0;
		padding-left: 0;
	}
	.deleteTopic{
		margin-left: 20.25%;
	}
	.content .content{
		width: 100%;
	}
	.content, body > .content, .headerskew h2 {
		padding: 10px 0px 10px 0px !important
	}
	#sliderwrapper{
		width: calc(280px * 3);
	}
	.akkordeonheader.headerskew::after, .akkordeonheader.headerskew::before {
		display: none;
	}
	.headerskew {
		border-left: 1px solid var(--middlegray);
		border-right: 1px solid var(--middlegray);
	}
	#existingSolutions, #existingQuotes, #existingStatements, #existingQuestions{
		height: unset!important;
		max-height: unset!important;
		overflow: unset!important;
		margin-top: 30px!important;
	}
	.twothirds{
		height: unset!important;
		max-height: unset!important;
		overflow: unset!important;
		margin-top: 0px!important;
	}
	#existingAnalyses{
		height: unset!important;
		max-height: unset!important;
		overflow: unset!important;
		margin-top: 0px!important;
		width: 100%;
	}
	#calc #warenkorb {
		margin-top: 50px;
	}
	.imageakkordeoncontent .content{
		width: 90%;
		min-height: 30vh;
	}
	.imageakkordeoncontent img, .imageakkordeoncontent img.center{
		margin-right: 0px;
		margin: 0px!important;
		max-width: 100%!important;
	}
	.imageakkordeoncontent > div:nth-child(2n) img{
		margin-left: 0px;
	}
	.imageakkordeoncontent > div p{
		padding: 0;
	}
}
@media (max-width: 1100px){
	.grid.featuresection{
		grid-template-areas: 'img' 'text'!important;
	}
	#matchingadcontent .threequarters, #matchingadcontent .onequarter, hr{
		width: 100%!important;
		max-width: unset!important;
	}
	#feedback{
		width: 90%;
		padding: 250px 5% 20px 5%;
		background-size: 430px;
		background-position: left top;
		min-height: unset;
	}
	#calc.fixed {
		position: relative;
		right: unset;
		top: unset;
	}
	.headerskew{
		width: 100%;
	}
	.orderwrapper {
		width: 31%;
	}
	.akkordeonContent.threequarters{
		width: 70vw!important;
	}
	.deleteTopic{
		margin-left: 27%;
	}
	#calc #warenkorb {
		margin-top: 60px;
	}
	#calc #warenkorb h2, h5, h5 * {
		font-family: 'Rokkitt', serif;
		font-weight: 600;
		margin-top: 0px;
		font-size: 1.25rem !important;
		line-height: 2rem;
		color: #000;
		margin-bottom: .5vw;
	}
	#testimainwrapper{
		margin-top: 100px;
		margin-left: 0;
	}
}
@media (max-width: 1000px){
	.onlyabove1000.onequarter, .onlyabove1000.threequarters{
		width: 100%;
	}
	#einfuehrungsvideo {
		width: 88vw;
		height: 53vw;
		margin-top: 2vw;
	}
}
@media (max-width: 950px){
	body {
		padding-top: 80px;
	}
	.strahltext {
		margin-top: 0!important;
	}
	#startnews, .startpadding{
		padding: 10vh 0!important;
	}
	/*#headernews{
		position: relative;
		top: unset;
		left: unset;
		width: 70vw;
		margin: 3vw auto;
	}
	#headernews *{
		width: 100%;
	}*/
	#headerslider.frontpage {
		height: unset;
	}
	#frontheaderh5 h1, #frontheaderh5 h1 a{
		color: #000;
		font-size: 2.25rem!important;
		line-height: 3rem!important;
	}
	#headernews h6, #headernews span{
		color: #000;
		font-size: 1.5rem!important;
		line-height: 2rem!important;
	}
	#frontheaderh5 p.small{
		font-size: .9rem!important;
		line-height: 1.5rem!important;
	}
	.quartervideo > iframe:nth-child(1), .thirdvideo > iframe:nth-child(1){
		width: 100%;
		max-width:unset;
		max-height:unset;
	}
	@supports(aspect-ratio: 16 / 10){
		#videostatement, iframe{
			aspect-ratio: 16 / 9;
		}
	}
	@supports not (aspect-ratio: 16 / 10){
		#videostatement, iframe{
			height: min(23vh, 50vw);
		}
	}
	#headerslider > div{
		padding-right: 0;
	}
	#headerbutton{
		margin: 0 auto!important;
	}
	.folgeheadertextwrap{
		position: relative;
		left: unset;
		margin-top: 0;
		margin: auto;
	}
	.folgeheadertextwrapwrap{
		width: 80vw;
		position: relative;
		left: unset;
		margin-top: 0;
		margin: auto;
		display: block;
	}
	.folgeheadertextwrapwrap .folgeheadertextwrap{
		position: relative;
	}
	.folgeheaderSubtext{
		font-size: .9rem!important;
		line-height: 1.5rem!important;
	}
	.headerimagewrap{
		width: 30vw!important;
		margin: auto;
	}
	.under950{
		display: block;
	}
	.headerklima{
		margin-top: 0px;
		top: 80px;
	}
	#headerslider{
		overflow: hidden;
	}
	#headerslider img{
		display: none;
		max-width: unset!important;
		height: auto;
		width: 100%;
	}
	#headerslider.fundf img{
		max-width: unset!important;
		height: auto;
		width: 200vw;
		margin-left: -90vw;
	}
	.over950{
		display: none;
	}
	#sliderwrapper{
		width: calc(280px * 2);
	}
	/*h5 {
		font-size: 3vw !important;
		line-height: 3.5vw !important;
	}*/
	#autorenbereich .graybg {
		padding: 30px 0px;
		width: 100%;
		clip-path: unset;
		-webkit-clip-path: unset;
	}
	.weniggeld::before, .vielgeld::before{
		width: 37vw;
		height: 37vw;
		left: -20vw; 
	}
	.drittel, .detailswrapper, .innerwrapper, .half, .onethird:not(.keepwidth), .twothirds:not(.keepwidth), .sectionheader + .flex, #zeitung, .teamwrapper .teamtext, .imageakkordeoncontent img, .onequarter, .threequarters, .onethird, .twothirds, .half{
		width: 100%!important;
		max-width: unset!important;
	}
	img.half {
		margin-left: 0%;
	}
	.teamwrapper .teamtext, #appbooklogo{
		max-width: unset!important;
	}
	#newscontent{
		padding: 40px;
		margin: 50px 0px;
		width: calc(100% - 80px)!important;
		border: 3px solid var(--accent-color);
	}
	.half.force{
		width: 48%;
	}
	#autorenbereich {
		background-position: center right;
	}
	#anzeigenLayout .onethird, #anzeigenLayout .onethird{
		width: 35%!important;
	}
	#anzeigenLayout .twothirds, #anzeigenLayout .twothirds{
		width: 63%!important;
	}
	#anzeigenLayout .half, #anzeigenLayout .half{
		width: 48%!important;
	}
	#keywords, #relatedSolutions, #allTables {
		height: 50px;
	}
	#relatedImages > div, #newImages > div {
		margin: 20px 3% 20px 3%;
		max-width: 44%;
	}
	#relatedImages > div input, #newImages > div input {
		max-width: 195px;
		width: 41%;
	}
	.skewbutton.radio {
		padding: 20px 30px 20px 0px;
	}
	.skewbutton.radio input {
		width: calc(100% + 77px);
		margin-left: -11px;
	}
	.skewbutton img {
		margin-left: 9px;
	}
	.skewbutton.radio.topic input {
		width: calc(100% + 26px);
	}
	.actions, .ratingetc, .ratings {
		width: 100%;
	}
	#keyworddescription, .keyworddescription{
		margin: 60px 1% 210px 1%;
	}
	
	.strahlflex {
		flex-direction: column;
	}
	.strahltext{
		position: relative;
		width: 50vw;
		margin: auto;
	}
	.strahltext p{
		text-align: center;
	}
	#headerticker{
		position: relative;
		top: unset;
		width: 70vw;
		border-radius: .25vw;
		margin: auto;
	}
	#frontheaderh5, .folgeheadertext, #teaserheaderh5 {
		font-size: calc(1.3rem + .2vw) !important;
		line-height: calc(2rem + .2vw);
	}
	#frontheaderp, #folgeheaderp, #teaserheaderp, #headerticker{
		font-size: calc(1rem + .2vw) !important;
		line-height: calc(2rem + .2vw);
	}
	#frontheaderp a, #folgeheaderp a, #headerticker p{
		font-size: 1.1rem;
		line-height: 2rem;
	}
	#frontheaderp h3, #folgeheaderp h3, #headerticker h6{
		font-size: 1.1rem!important;
		line-height: 2rem!important;
	}
	#frontheaderp .calltoaction, #folgeheaderp .calltoaction{
		width: 69vw;
		margin: auto;
		padding: .5vw!important;
	}
	#smallmainheader {
		position: relative;
		top: unset;
		left: 10%;
		width: 80%;
		text-align: center;
		font-size: .75rem!important;
		line-height: 1.5rem!important;
	}
	#teaserheaderh5, #teaserheaderp, #frontheaderh5, #frontheaderp, .folgeheadertext , #folgeheaderp, .folgeheadertext {
		position: relative;
		margin: 15px auto!important;
		right: unset;
		width: 80vw!important;
		padding: 0!important;
		max-width:unset;
		color: black;
		left: unset;
		top: unset;
		/*margin-bottom: 10vw !important;*/
	}
	#headerslider > div{
		padding: 0!important;
	}
	#headerbutton.bgimage{
		width:80vw!important;
	}
	#headerbutton.bgimage > a > div{
		padding: 1vh 1vh 1vh 14vh!important;
	}
	.imageakkordeoncontent > div, .imageakkordeoncontent .content .half{
		height: unset!important;
	}
	#winkelpfeil{
		display: none;
	}
	.mobilepfeil::after{
		display: block!important;
	}
	.imageakkordeoncontent img, .imageakkordeoncontent img.center.small {
		float: none;
		margin-right: 0px;
		max-height: unset !important;
		height: auto !important;
		width: 100% !important;
		margin: 0px!important;
	}
	.imageakkordeoncontent > div p, .imageakkordeoncontent > div b{
		font-size: unset!important;
		line-height: unset!important;
	}
	.imageakkordeonheader h4{
		font-size: 1.2rem!important;
		line-height: 1.5rem!important;
	}
	.imageakkordeonheader, .imageakkordeonheader.active{
		height: 15vh!important;
	}
	.contentakkordeonHeader, .contentakkordeonHeader *{
		max-height: unset!important;
	}
	.grid{
		grid-template-columns: repeat(1, 1fr)!important;
		-webkit-grid-template-columns: repeat(1, 1fr)!important;
		grid-gap: 3vh;
		-webkit-grid-gap: 3vh;
	}
	#erklaerwrap{
		grid-template-areas: "visual" "text"!important;
		-webkit-grid-template-areas: "visual" "text"!important;
	}
	.grid.quarters, #shoppingCart .grid.quarters{
		grid-template-columns: repeat(2, 1fr)!important;
		-webkit-grid-template-columns: repeat(2, 1fr)!important;
		/*grid-template-areas: "header image" "text text";*/
	}
	.grid.sixths{
		grid-template-columns: repeat(3, 1fr)!important;
		-webkit-grid-template-columns: repeat(3, 1fr)!important;
	}
	.grid.mobilehalfs{
		grid-gap: 4vw!important;
	}
	.sixth{
		grid-template-columns: repeat(6, 1fr);
		-webkit-grid-template-columns: repeat(6, 1fr);
	}
	.grid.quarters .gridheader{
		grid-area: header;
	}
	.grid.quarters .gridimage{
		grid-area: image;
	}
	.grid.quarters .gridtext{
		grid-area: text;
	}
	.contentakkordeonHeader{
		max-height: unset!important;
	}
	.contentakkordeonHeader > div{
	}
	.contentakkordeonHeader > div p, .contentakkordeonHeader > div h5 {
	}
	.onequarter {
		width: 49%;
	}
	.allfull .onequarter {
		width: 100%;
	}
	.allfull .onequarter p{
		width: 100%;
		text-align: center;
	}
	.imagelink h4{
		font-size: 1.5rem;
	}
	#foerderfaehigpadding{
		margin-top:0;
		padding-top:8vh!important;
		padding-bottom:0!important;
	}
}
@media (max-width: 800px){
	h1{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.imageSlider .sliderimage.shrink{
		max-width: 100%!important;
		max-height: 0px!important;
		overflow: hidden;
		padding: 0!important;
	}
	:root{
		--ad-masterwidth: 88vw;
	}
	.smartadmenu{
		width: 100%;
	}
	#matchingadcontent .smartadmenu .akkordeonHeader h2{
		text-align: center!important;
	}
	.grid:is(.halfs, .thirds, .quarters, .fifths, .sixths){
		grid-template-columns: repeat(1, 1fr) !important;
		-webkit-grid-template-columns: repeat(1, 1fr) !important;
	}
	.grid.mobilehalfs{
		grid-template-columns: repeat(2, 1fr) !important;
		-webkit-grid-template-columns: repeat(2, 1fr) !important;
	}
	.grid:not(.nogap){
		grid-gap: 3vh 0;
	}
	.flex:not(.noblock), .flexcenter:not(.noblock), .flexleft:not(.noblock), .flexstart:not(.noblock){
		display: block!important;
	}
	.flex:not(.noblock):not(.nogap) > *, .flexcenter:not(.noblock):not(.nogap) > *, .flexleft:not(.noblock):not(.nogap) > *, .flexstart:not(.noblock):not(.nogap) > *{
		margin: 30px 0;
	}
	div > img, div{
		float: unset!important;
	}
	#kampagnendetailsbutton{
		position: relative;
		width: 90%;
		max-width: var(--content-width);
		margin: auto !important;
		right: unset;
		top: unset;
	}
	#anzeigenvorschau h2/*, h5 */{
		font-size: 1.7rem !important;
		line-height: 2rem !important;
	}
	.half.force, .half.force img{
		width: 100%;
		height: auto;
	}
	.arrowright.in, .arrowright.out{
		clip-path: unset!important;
		-webkit-clip-path: unset!important;
	}
	.orderwrapper {
		width: 48%;
	}
	.deleteTopic {
		margin-left: 41%;
	}
	.contentedit{
		padding: 480px 20px 30px 20px;
	}
	.headerskew {
		margin-top: 10px;
	}
	#newsarchiv .twothirds, #newsarchiv .onethird{
		width: 100%!important;
		margin: 0px!important;
	}
	/*section {
		padding: 10px 0px;
	}*/
	body > section:nth-child(4) {
		margin-top: 60px;
	}
	.imageakkordeonheader h4{ 
		height: 8vh;
	}
	#closedbeta{
		padding-bottom: 3vh;
		min-width: unset;
		width: 90%;
	}
	.halfvideo > iframe:nth-child(1){
		width: 100vw;
		height: 100vw;
		max-width: calc(var(--content-width) - .7vw);
		max-height: calc(calc(var(--content-width) - 1vw)*.5625);
	}
	#videostatementwrapper > div > *{
		margin-left: unset!important;
	}
	#headerslider{
		padding-bottom: 5vh!important;
	}
	.orangegradientbg.bottomborder{
		background-size: contain!important;
		background-position: center bottom!important;
	}
}
@media (max-width: 600px){
	/*#headernews{
		position: relative;
		top: unset;
		left: 10vw;
		width: 80vw;
		margin: 50px 0;
		min-height: 4.5rem;
	}
	#headernews h6, #headernews span {
		margin: 0 !important;
		color: unset;
		}*/
	#shopstoerer {
		width: 70vw;
		height: max-content;
		position: relative;
		top: 0;
		left: 50%;
		background-image: unset;
		padding-left: 0;
		transform: translateX(-50%);
		background: #fff;
		border-radius: .75vh;
		box-shadow: 0 0 15px #00000088;
	}
	#shopstoerer a{
		padding: 10px 0;
	}
	#shopstoerer > a *{
		padding: 0!important;
		margin: 0!important;
	}
	#headernews h6{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	#headernews span{
		font-size: .9rem;
		line-height: 1.4rem;
	}
	.orderwrapper {
		width: 98%;
	}	
	.klimalogowrapper{
		display: table-cell;
		vertical-align: unset;
	}
	.noheightmobile{
		height: unset!important;
	}
	.onequarter, .threequarters{
		width: 100%;
	}
	.margintop60.nonemobile{
		margin-top: unset!important;
	}
	#sliderwrapper{
		width: calc(280px * 1);
	}
	.deleteTopic {
		margin-left: 81%;
	}
	#teaserheaderh5, #teaserheaderp, #frontheaderh5, #frontheaderp, .folgeheadertext {
		width: 80vw;
	}
	.grid.quarters{
		grid-template-columns: repeat(1, 1fr);
		-webkit-grid-template-columns: repeat(1, 1fr);
		grid-template-areas: "header" "image" "text";
	}
	.grid.quarters .onequarter{
		grid-column: span 2;
		-webkit-grid-column: span 2;
	}
	.grid.quarters .onequarter{
		grid-column: span 2;
		-webkit-grid-column: span 2;
	}
	.contentakkordeonHeader{
		max-height: unset!important;
	}
	.contentakkordeonHeader > div{
		height: unset!important;
		display: block;
	}
	.contentakkordeonHeader > div p, .contentakkordeonHeader > div h5 {
		height: unset!important;
		display: block;
	}
}