div.image{
	display:flex;
	justify-content:center;
	flex-flow:column;
	position:relative;
    align-items:center;
}
.printouts div.image>img{
	height:500px;
	max-height:500px;
}
.printouts div.image>a,div.image>a:hover{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	position:absolute;
	--ta:center;
	--pt:50px;
	--c:#fff;
	--fw:800;
	background:#00000099;
	border-radius:50%;
	width:170px;
	height:170px;
	left:calc(50% - 85px);
	top:calc(50% - 50px);
	--fh:1.2rem;
}
.printouts div.image>a>i{
	--fh:2.8rem;
}
.printouts div.image>a:hover>i{
	--fh:3rem;
	margin:-.1rem;
}
.bar {overflow:auto;width:100%;display:flex;flex-flow:row wrap;box-sizing:border-box;align-content:start;border-top:1px solid #000;justify-content:center;margin-top:20px}

.bar a{--m:1rem .5rem;--ta:center;--lh:2rem;--fh:.9rem}
.bar img{height:100%}
.bar .sel figcaption{text-decoration:underline}
.bar .sel img{border:2px #fff solid;margin:-2px}
.bar img,.bar iframe{height:40vmin;max-height:200px;box-shadow:#ccc 0 0 4px;margin:auto;display:inline-flex;float:left}
.bar figcaption{text-transform:uppercase;letter-spacing:.5px;}
.bar iframe{max-width:286px}
.desk>aside{font:9px/0 'Hind Vadodara',sans-serif;color:#999;text-align:center}

.editor{display:flex;max-height:calc(100vh - 160px)}
.editor>*{flex:1}
.editor  label>.button,.editor  label>select,.extras a,.colorpicker,.editor .list{border-radius:5px;border:none;box-shadow:0 0 3px #999}
.editor .loader>svg{opacity:.4;filter:blur(1px)}
.editor .image:before{background:no-repeat rgba(0,0,0,0.05) center center url(data:image/gif;base64,R0lGODlhHgAeALMIAJ2bksPBuXd1bNDOxYSCeaqon5COhre1rf///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAIACwAAAAAHgAeAAAEXxDJSau9OOvNu/9gKI6kBwCldZ4pUhTIihrG+L7xTNfhDU87Xu9HoYkOBw2B8EEiMculx5m8RJnTKhQLCgQsAsHI66WEwyLydzBAnMXpNbuNTs3brQk7z+/7/4CBghQRACH5BAUFAAgALAcABwAQABAAAARIEMmJSqGYWpvnOdWGAAD2feFIlt5JrWybkVQQdJNhILaN67rerQPc+XAIHWUwyBAIGCaT8nwupQiBAFGFXrParRUX3iIn2k4EACH5BAUFAAgALAcABwAQABAAAARIEMmJzqGYWptnCNWGFAX2feFIlt5JrWybkdQwdBMAILaN67rerQPc+XAIHUUgyBgMGCaT8nwupQgCAVGFXrParRUX3iIn2k4EACH5BAUFAAgALAcABwAQABAAAARIEMmJQqCYWpvnGNWGHAf2feFIlt5JrWybkZQgdFNRILaN67rerQPc+XAIHYVAyAAAGCaT8nwupQiDAVGFXrParRUX3iIn2k4EACH5BAUFAAgALAcABwAQABAAAARIEMmJxqCYWpunENWGBAH2feFIlt5JrWybkRRBdNNxILaN67rerQPc+XAIHcVgyBQKGCaT8nwupQgAAFGFXrParRUX3iIn2k4EACH5BAUFAAgALAcABwAQABAAAARIEMmJhKCYWpsnIdWGDAP2feFIlt5JrWybkZRhdFMQILaN67rerQPc+XAIHQUAyBwOGCaT8nwupYhCAVGFXrParRUX3iIn2k4EACH5BAUFAAgALAcABwAQABAAAARIEMmJCKGYWpunMdWGCAL2feFIlt5JrWybkRQAdNMwILaN67rerQPc+XAIHaVQyAQCGCaT8nwupYjDAVGFXrParRUX3iIn2k4EACH5BAUFAAgALAcABwAQABAAAARIEMmJjKGYWpsnANWGEAT2feFIlt5JrWybkVRRdJMgILaN67rerQPc+XAIHeVwyAwGGCaT8nwupYhAAFGFXrParRUX3iIn2k4EADs=) !important;background-size:auto !important;content:'LOADING';font:9px 'Hind Vadodara',sans-serif;padding:55px 0 23px;position:absolute;left:calc(50% - 45px);top:calc(50% - 45px);letter-spacing:.5px;text-align:center;min-width:90px;opacity:0;transform:scale(0);transition:all .3s ease-in-out;z-index:1;display:none;border-radius:50%;background-position:50% 45% !important;color:#fff;}
.editor .image.loader:before{opacity:1;transform:scale(1);display:block;background-color:rgba(0,0,0,.6) !important;}

.editor .tools{overflow-y:auto;max-height:100%;position:relative;padding-left:32px}
.editor .tools>aside{position:sticky;left:-2rem;top:0;z-index:1;margin:5px 0 -95px -25px;display:flex;flex-flow:column}
.editor .tools>figure figcaption>*{flex:1}
.editor .tools fieldset{padding:0 1rem 1rem;margin:1rem;border:.5px solid #ccc;background:linear-gradient(0,#fefefe 0%,#fff 100%);transition:.3s ease-in-out}
.editor .tools fieldset.sel{border:0.5px #f88 solid}
.editor .tools fieldset.sel>label:not(.sel){opacity:.3;filter:blur(1px)}
.editor .tools .sel>label{color:#f88}
.editor .tools fieldset.done:not(:hover){background:linear-gradient(0,#efffdf,#fff 70%,#fff 100%)}
.editor .tools fieldset.done:not(:hover)>.done{opacity:.4}
.editor .tools .done>input:not(:focus),.editor .done>textarea:not(:focus),.editor .done>select:not(:focus){background:#f7fff3}
.editor .tools label>a{width:100%}
.editor .tools legend{float:none;width:auto;text-align:center;padding:0 10px;letter-spacing:1px;text-transform: uppercase;font-size:11px;font-weight:800}
.editor .tools .kalendar,.editor .zeit{display:none;margin: 10px 0}

.colorpicker {display:inline-block;list-style:none;margin:0;background:#fff}
.colorpicker li span{position:absolute;left:0;top:0;right:0;bottom:0}
.colorpicker li:hover span,.colorpicker li.sel:hover span,.colorpicker li.sel:hover:first-child span{left:-4px;top:-4px;width:22px;height:22px;border:1px solid #fff;z-index:999}
.colorpicker li:first-child span,.colorpicker li:first-child:hover span{border:1px solid #999}
.colorpicker li.sel:first-child span{border:#999 double 3px;width:8px;height:8px}
.colorpicker li.sel span{width:12px;height:12px;;border:2px solid #fff}

.editor .image>div:after{cursor:pointer;content:'GET STARTED';top:50%;position:absolute;text-align:center;padding-top:50px;color:#fff;background:rgba(0,0,0,.7) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJ1bmRlZmluZWQiIGhlaWdodD0idW5kZWZpbmVkIiB2aWV3Qm94PSIwIDAgNDQgNDQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyMiIgY3k9IjIyIiByPSIxNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNCIgeTE9IjIyIiB4Mj0iMjkiIHkyPSIyMiIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjI1LDE0IDI5LDIyIDI1LDMwICIvPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjIyIiBjeT0iMjIiIHI9IjIwIi8+PC9zdmc+) 50% 70% no-repeat;background-size:50px;border-radius:50%;width:170px;height:120px; left:calc(50% - 85px)}
.editor .image>div{background:#fafafa !important;box-shadow: inset 0 0 100px 100px #fff;}
.editor svg,.editor .image>div>img{opacity:1;box-shadow:1px 2px 10px #ddd;max-height:100%;height:auto;align-self:center;max-width:100%;min-height:200px;margin:10px}
.editor svg .edit:hover,.editor svg .sel{outline:#f88 1px dotted}


.editor label>a{display:block}
.editor .list{background:#fff;padding:7px}


.editor label>input[type=file]{display:none}
.editor label>.button {float:left;text-align:center;text-transform:uppercase;}

.extras{margin:0 5px;position:relative}
.extras a{float:left;width:25px;height:25px;margin:7px;background:#fff;box-sizing:border-box}
.extras .mover_X>a,.extras .mover_Y>a,.extras .mover_Z>a{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIyNXB4Ij48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNOTEsMTIuNUw4MywxOWMwLDAsMi4yLTQuOCwyLjItNi41Qzg1LjIsMTAuOCw4Myw2LDgzLDZMOTEsMTIuNXoiLz48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNTgsMTIuNUw2Niw2YzAsMC0yLjIsNC44LTIuMiw2LjVjMCwxLjcsMi4yLDYuNSwyLjIsNi41TDU4LDEyLjV6Ii8+PHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTEyLjYsOC4ybDYuNSw4YzAsMC00LjgtMi4yLTYuNS0yLjJjLTEuNywwLTYuNSwyLjItNi41LDIuMkwxMi42LDguMnoiLz48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMzcuNiwxNi45bC02LjUtOGMwLDAsNC44LDIuMiw2LjUsMi4yYzEuNywwLDYuNS0yLjIsNi41LTIuMkwzNy42LDE2Ljl6Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjMiIHgxPSIxMDUuOSIgeTE9IjEyLjUiIHgyPSIxMTguOSIgeTI9IjEyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iMyIgeDE9IjEzMC45IiB5MT0iMTIuNSIgeDI9IjE0My45IiB5Mj0iMTIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLXdpZHRoPSIzIiB4MT0iMTEyLjQiIHkxPSI2IiB4Mj0iMTEyLjQiIHkyPSIxOSIvPjwvc3ZnPg==);background-size:cover;}
.mover_Y>a.down{background-position:-100% top}
.mover_X>a.left{background-position:-80% top}
.mover_X>a.right{background-position:-61% top}
.mover_Z>a.in{background-position:-40% top}
.mover_Z>a.out{background-position:-20% top}

.kalendar table{width:100%;color:#000}
td,th{background:#fff;width:25px;min-width:auto;padding:0;font: 200 12px/26px 'Hind Vadodara',sans-serif}
th{background:#c2c7cc}
.kalender tbody{line-height:17px}
.kalender tr>*{text-align:center}

.kalendar .kein{color:#aaa;background-color:#eee}
.kalendar .jahr{float:right;}
.kalendar .sel{color:#fff;background-color:#C00;font-weight:bold}
.kalendar td,.kalendar .button{cursor:pointer;text-align:center}
.kalendar p{float:left;margin:0}
.kalendar .nav{float:left;width:100%}
.kalendar span{padding:1px 5px 3px;float:left;font:12px/17px Arial}
.kalendar .m_n{width:25px;text-align:center}
.kalendar .today {background-color: #CADDA6}
.kalendar .button{padding-top:0;font:200 17px/16px Arial}
.kalendar .sel{color:#fff;background-color:#FFA39B;font-weight:bold}
.kalendar .info{display:none;color:#fff;background-color:#FFA39B;width:100%;text-align:center;padding:2px 0;font-weight:bold}

.zeit{position: relative;left: calc(50% - 75px);position:relative}
.zeit ul{position:relative;width:150px;height:150px;padding:0;list-style:none}
.zeit li {cursor:pointer;position:absolute;color:#000;padding:0;margin:0;text-align:center;border-radius:50%;min-width:20px;height:20px;font:800 14px/18px 'Hind Vadodara',sans-serif}
.zeit li.sel {background:#FFA39B !important;border:1px solid #CD5F5F !important;color:#fff}
.zeiger li:nth-child(1){right:31px;top:8px}
.zeiger li:nth-child(2){right:8px;top:31px}
.zeiger li:nth-child(3){right:0;top:64px}
.zeiger li:nth-child(4){right:8px;bottom:31px}
.zeiger li:nth-child(5){right:31px;bottom:8px}
.zeiger li:nth-child(6){left:64px;bottom:0}
.zeiger li:nth-child(7){left:31px;bottom:8px}
.zeiger li:nth-child(8){left:8px;bottom:31px}
.zeiger li:nth-child(9){left:0;top:64px}
.zeiger li:nth-child(10){left:8px;top:31px}
.zeiger li:nth-child(11){left:31px;top:8px}
.zeiger li:nth-child(12){left:64px;top:0}
.zeit .AP{clear:left;height:30px}
.zeit .AP li{background:#efefef;border:1px #aaa solid;padding:2px}
.zeit .AP li:first-child{left:0}
.zeit .AP li:last-child{right:0}
.zeit>div{position:absolute;left:35px;top:56px;font-size:20px}
.zeit>div>input{width:38px;text-align:center;border-radius:3px;padding:5px}

.list>*{font:200 12px Arial;margin:5px 0 0px}
.list>textarea{min-height:100px}

.text .directions{display:none}

@media screen and (min-width: 1300px){
	main{width:100%}
	main>article{width:1280px;margin:auto}
}
@media screen and (max-width: 1300px){
	main{width:100%}
	.teasers{padding-left:30px;box-sizing:border-box}
}
@media screen and (max-width: 1040px){
	.teasers{padding:0;box-sizing:border-box}
}
@media screen and (min-width: 951px){
	
	.editor>figure figcaption{max-height:calc(100vh - 440px)}
	.editor .image{height: calc(100vh - 150px)}
	.editor svg{width:auto;height:auto}
}
@media screen and (max-width: 950px){
	.editor .editor>.image{height:auto;min-height:300px}
	.editor>figure figcaption{flex:0 100%;max-height: 100%}
	main>article{padding:0}
}
@media screen and (min-width: 701px){
	.editor  .colorpicker {padding:5px 4px 4px 5px}
	.extras .colorpicker {position:absolute;bottom:-25px;left:7px;right:7px;z-index:9;padding:5px 4px 4px 5px;background:#fff;}
	.extras a.color{border:3px solid #fff}
	.editor  .colorpicker li:nth-last-child(73){margin-bottom:3px;}
	.editor  .colorpicker li:nth-last-child(72){clear: left;}
	.editor  .colorpicker li{font:12px/12px Arial;cursor:pointer;float:left;margin:4px 0 -1px -1px;padding:5px 10px;border:1px solid #ccc;background:#f0f0f0;background:linear-gradient(to bottom,#f0f0f0 0%,#fefefe 100%)}
	.editor  .colorpicker li{margin:-1px 0 0 -1px;padding:0;width:16px;height:16px;position:relative;border:1px solid #fff;}
	.editor form>p:nth-last-of-type(n+2){text-align:left;margin-left:310px}
}
@media screen and (max-width:700px){
	.partners{margin-top: 45px}
	main>nav>ul>li{margin:0}
	.zeit{left:60px}
	.zeit>div{left:33px}
	.zeit>div>input{width:40px}
	.kalendar span{font:14px/38px Arial;}
	.kalendar .button{font: 200 27px/36px Arial;padding:0 10px}
	.editor .extras>*{float:left;}
	.editor .colorpicker{margin:7px 0;border:0;width:100%;padding:0}
	.editor .colorpicker span{border-radius: 50%;}

	.editor .extras a,.editor  .colorpicker li{width:9vmin;height:9vmin;margin:.9vmin;float:left;position:relative;}
	.editor .extras a{margin:7px;border-radius: 50%}
	.editor .colorpicker li:nth-last-child(72){clear:left}
	.editor .colorpicker li:nth-last-child(73){margin-bottom:8px}
	.colorpicker li.sel span,.colorpicker li:hover span,.colorpicker li.sel:hover span,.colorpicker li.sel:hover:first-child span{left:15%;top:15%;width:62%;height:62%;}

	.editor .colorpicker + a{display:none;}
	
	.editor .tools{width:100%;margin:9px 0 15px 0;box-shadow:0 3px 4px #eee;padding:0;}
	.editor .tools>ul li.done{color:#7a7}
	.editor .tools>ul{overflow:hidden;overflow-x:visible;white-space:nowrap;}
	.editor .tools>ul li{display:inline-block;padding:7px 10px;margin:0;}
	.editor .tools>ul li:nth-of-type(n+2){border-left:1px solid #ddd}
	.editor .tools>aside{padding:7px 15px;width:100%;white-space:nowrap;overflow:hidden;overflow-x:visible;background:#fff}
	.editor .tools>aside>*{margin:0;display:inline-block;width:80vmin}
	.editor .tools>aside>*:nth-of-type(n+2){margin-left:10px}
	.colorpicker{background:none;box-shadow:none}
	#jpopup>.popupad{padding: 30px 0 10px 0 !important;border-radius:0 !important}
	#jpopup>.popupad .ad{max-width:100vw}
	#jpopup>.popupad .ad a,#jpopup>.popupad .ad a>*{background-size:contain !important}
	jpop label>*{font-size:200%}
	.editor svg,.editor .image>div>img{margin:0}
	.kalendar td{padding:17px 0;}
	.desk>aside{font-size:10px;bottom:-15px}
	
}
@media screen and (min-width: 701px){
	.editor>figure figcaption>*{max-width:418px}
}