.cc-window{
	opacity:1;
	transition:opacity 1s ease
}
.cc-window.cc-invisible{
	opacity:0
}
.cc-animate.cc-revoke{
	transition:transform 1s ease
}
/* hide completely, since there is now a special link in the footer */
.cc-animate.cc-revoke.cc-center{
	transform:translateY(-3em);
	visibility: hidden;
}
.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{
	transform:translateY(0)
}
.cc-grower{
	max-height:0;
	overflow:hidden;
	transition:max-height 1s
}
 .cc-link,.cc-revoke:hover{
	text-decoration:underline
}
.cc-revoke,.cc-window{
	position:fixed;
	overflow:hidden;
	box-sizing:border-box;
	font-family:Helvetica,Calibri,Arial,sans-serif;
	font-size:16px;
	line-height:1.5em;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	z-index:9999
}
.cc-window.cc-static{
	position:static
}
.cc-window.cc-banner{
	padding:1em 1.8em;
	width:100%;
	-ms-flex-direction:row;
	flex-direction:row
}
.cc-window.cc-floating.cc-center {
	margin: 40vh 30vw;
	width:40vw;
	-ms-flex-direction:row;
	flex-direction:column;
}
@media (max-width: 768px) {
	.cc-window.cc-floating.cc-center {
		margin: 6vh 3vw;
		width:94vw;
	}
}
@media (min-width: 769px) {
	.cc-window.cc-floating.cc-center {
		margin: 20vh 20vw;
		width: 60vw;
	}
}
@media (min-width: 1025px) {
	.cc-window.cc-floating.cc-center {
		margin: 40vh 30vw;
		width:40vw;
	}
}
.cc-window.cc-floating.cc-center:after {
	content: "";
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}

.cc-window.cc-floating.cc-center > div {
	padding:1em 1.8em;
	background-color: #fff;
	z-index: 11111;
}

.cc-window.cc-floating.cc-center .cc-compliance {
	margin-top: 1em;
}
.cc-revoke{
	padding:.5em
}
.cc-header{
	font-size:18px;
	font-weight:700
}
.cc-btn,.cc-close,.cc-link,.cc-revoke{
	cursor:pointer
}
.cc-link{
	opacity:.8;
	display:inline-block;
}
.cc-link:hover{
	opacity:1
}
.cc-link:active,.cc-link:visited{
	color:initial
}
.cc-btn{
	display:block;
	padding:.4em .8em;
	font-size:.9em;
	font-weight:700;
	border-width:2px;
	border-style:solid;
	text-align:center;
	white-space:nowrap
}
.cc-banner .cc-btn:last-child{
	min-width:150px
}
.cc-highlight .cc-btn:first-child{
	background-color:transparent;
	border-color:transparent
}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{
	background-color:transparent;
	text-decoration:underline
}
.cc-close{
	display:block;
	position:absolute;
	top:.5em;
	right:.5em;
	font-size:1.6em;
	opacity:.9;
	line-height:.75
}
.cc-close:focus,.cc-close:hover{
	opacity:1
}
 .cc-revoke.cc-top{
	top:0;
	left:3em;
	border-bottom-left-radius:.5em;
	border-bottom-right-radius:.5em
}
.cc-top{
	top:1em
}
.cc-left{
	left:1em
}
.cc-right{
	right:1em
}
.cc-bottom{
	bottom:1em
}
.cc-window.cc-banner{
	-ms-flex-align:center;
	align-items:center
}
.cc-banner.cc-top{
	left:0;
	right:0;
	top:0
}
.cc-banner .cc-message{
	-ms-flex:1;
	flex:1
}
.cc-compliance{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-line-pack:justify;
	align-content:space-between
}
.cc-compliance>.cc-btn{
	-ms-flex:1;
	flex:1
}
.cc-btn+.cc-btn{
	margin-left:.5em
}
 @media print{
	.cc-revoke,.cc-window{
		display:none
	}
}
@media screen and (max-width:900px){
	.cc-btn{
		white-space:normal
	}
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){
	.cc-window.cc-top{
		top:0
	}
	.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{
		left:0;
		right:0
	}
	.cc-window.cc-banner{
		-ms-flex-direction:column;
		flex-direction:column
	}
	.cc-window.cc-banner .cc-compliance{
		-ms-flex:1;
		flex:1
	}
	.cc-window .cc-message{
		margin-bottom:1em
	}
	.cc-window.cc-banner{
		-ms-flex-align:unset;
		align-items:unset
	}
}
/*! jQuery UI - v1.12.0 - 2016-08-31
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, spinner.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.static .tx-mf-subscription .card-container .card {
  flex-basis: 248px;
}

.static .tx-mf-subscription .card-category:nth-child(4) {
  display: none;
}

.static .tx-mf-subscription .card-category:nth-child(7) {
  display: none;
}

.static .tx-mf-subscription .card-container .card-content .card-image img:nth-child(5) {
  display: none;
}

.elearning-icon {
  position: absolute;
  right: 0;
  top: -85px;
}

@media (max-width: 780px) {
  .elearning-icon {
    top: 0px;
  }

  .printType4 {
    padding-right: 150px;
  }

  .order-preview .printType4 {
    padding-right: 0px;
  }
}
@media (max-width: 600px) {
  .elearning-icon {
    top: -270px;
  }
}
.order-preview .elearning-icon {
  right: 30px;
  top: 10px;
}

@media (max-width: 600px) {
  .order-preview .elearning-icon {
    top: 300px;
  }

  .printType4 {
    padding-right: 0px;
  }
}
.magazine .header .info {
  position: relative;
}

.card-container .card-magazine .card-title {
  font-size: 1.35em;
}

.button-cta.orange {
  background: #ff6600;
  float: left;
  margin-top: 30px;
}

.cover-right {
  float: right;
  max-width: 210px;
  margin-top: 30px;
}

@media (max-width: 660px) {
  .cover-right {
    float: left;
    display: block;
  }

  .button-cta.orange {
    display: block;
    float: unset;
    max-width: 300px;
  }
}
.cc-grower {
  max-height: 150px;
}

.cc-banner {
  z-index: 99999;
}

.subscription-hidden {
  display: none;
}

.promo-background img {
  width: 100%;
  height: auto;
}
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Hind:400,300);
html, body, div, span, applet, object, iframe, h1, .magazine .header .info .title, .magazine .header .info .card-container .card-title, .card-container .magazine .header .info .card-title, h2, h3, .bounties .card-bounty .card-title, .editions .card-edition .card-title, .card-subscription .card-title, aside.categories ul.magazine-categories > li, .ui-dialog .ui-dialog-titlebar, h4, h5, h6, p, .card-bestellers .card-content ul, footer .footer-container .copyright, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.gradient-vertical-organe-yellow {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee7e11+25,fdc201+69 */
  background: #ee7e11;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ee7e11 25%, #fdc201 69%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ee7e11 25%, #fdc201 69%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ee7e11 25%, #fdc201 69%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ee7e11", endColorstr="#fdc201",GradientType=0 );
  /* IE6-9 */
}

h1, .magazine .header .info .title, .magazine .header .info .card-container .card-title, .card-container .magazine .header .info .card-title, h2, h3, .bounties .card-bounty .card-title, .editions .card-edition .card-title, .card-subscription .card-title, aside.categories ul.magazine-categories > li, .ui-dialog .ui-dialog-titlebar, h4, h5, h6 {
  font-family: Hind, Arial, sans-serif;
  font-size: 1.75em;
  font-weight: 400;
  color: #474747;
  text-transform: none;
}

h1, .magazine .header .info .title, .magazine .header .info .card-container .card-title, .card-container .magazine .header .info .card-title {
  font-size: 1.75em;
  padding: 25px 0;
  line-height: 1.25em;
}

h2 {
  font-size: 1.75em;
  padding: 0;
  line-height: 1.25em;
}

h3, .bounties .card-bounty .card-title, .editions .card-edition .card-title, .card-subscription .card-title, aside.categories ul.magazine-categories > li, .ui-dialog .ui-dialog-titlebar {
  font-size: 1.25em;
  line-height: 1.25em;
  padding: 0;
}

h4 {
  font-size: 1em;
  padding: 0;
}

p, .card-bestellers .card-content ul, footer .footer-container .copyright, footer, li {
  font-size: 0.925em;
  line-height: 1.5em;
}

b, strong {
  font-weight: bold;
}

/**
 *
 * $degree - rotation by degree e.g. 30deg
 * $x - Drehpunkt x-Achse, 50% is center
 * $y - Drehpunkt y-Achse, 50% is center
 */
/**
 * include inside img tag,
 * img tags should be right behind each other
 *
 */
/**
 * $degree - rotation by degree e.g. 30deg
 * $diameter - width and height of circle
 */
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../Images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../Fonts/slick.eot");
  src: url("../Fonts/slick.eot?#iefix") format("embedded-opentype"), url("../Fonts/slick.woff") format("woff"), url("../Fonts/slick.ttf") format("truetype"), url("../Fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

footer {
  background: #7d7d7d;
  font-size: 1em;
}
footer .footer-container {
  padding: 10px 10px 25px 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .footer-container .copyright {
  color: #fff;
  font-size: 0.925em;
  padding-top: 2px;
}
footer .footer-container ul.navigation {
  list-style-type: none;
}
footer .footer-container ul.navigation > li {
  display: inline;
  margin-left: 0;
}
@media (max-width: 640px) {
  footer .footer-container ul.navigation > li {
    display: block;
  }
}
footer .footer-container ul.navigation > li:not(:last-child) {
  margin-right: 20px;
}
footer .footer-container ul.navigation > li > a {
  color: #fff;
}
footer .footer-container ul.navigation > li > a:hover, footer .footer-container ul.navigation > li > a :active, footer .footer-container ul.navigation > li > a :focus {
  color: #fff;
}

header {
  background: #f1f1f1;
  height: 75px;
  border-bottom: 1px solid #fff;
}
header img {
  height: 35px;
  padding: 20px 0;
}

form input.f3-form-error, form select.f3-form-error, form textarea.f3-form-error {
  border: 1px solid red;
}
form input[type=checkbox].f3-form-error:before {
  content: " ";
  height: 11px;
  width: 11px;
  border: 1px solid red;
  display: inline-block;
  border-radius: 25%;
}
form input[type=radio].f3-form-error:before {
  content: " ";
  height: 11px;
  width: 11px;
  border: 1px solid red;
  display: inline-block;
  border-radius: 50%;
}

form div {
  padding-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
form div > p, form .card-bestellers .card-content div > ul, .card-bestellers .card-content form div > ul, form div > footer, form footer .footer-container div > .copyright, footer .footer-container form div > .copyright {
  width: 100%;
  padding-bottom: 10px;
}
form div > p > select, form .card-bestellers .card-content div > ul > select, .card-bestellers .card-content form div > ul > select, form div > footer > select, form footer .footer-container div > .copyright > select, footer .footer-container form div > .copyright > select {
  width: 50%;
  display: block;
}
@media (max-width: 680px) {
  form div > p > select, form .card-bestellers .card-content div > ul > select, .card-bestellers .card-content form div > ul > select, form div > footer > select, form footer .footer-container div > .copyright > select, footer .footer-container form div > .copyright > select {
    width: 100%;
  }
}

label {
  width: 140px;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
@media (max-width: 600px) {
  label {
    width: 85px;
  }
}
@media (max-width: 640px) {
  label {
    padding-bottom: 5px;
  }
}

select {
  height: 28px;
  padding: 4px;
}

select, input[type=text], input[type=email], input[type=password], textarea {
  display: inline-flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: column;
  margin-bottom: 10px;
  background-color: #f1f1f1;
  border: 1px solid #7d7d7d;
  min-height: 25px;
}

input[type=text], input[type=email], input[type=password] {
  line-height: 1.75em;
}

form.form > h2 {
  display: none;
}

form.form .form-group {
  display: flex;
}

form.form label {
  float: left;
  width: 13em;
  margin-right: 1em;
  vertical-align: baseline;
}

form.form .input {
  display: flex;
  flex-grow: 1;
}

form.form .input input {
  width: 100%;
}

form.form .input textarea {
  width: 100%;
  height: 200px;
}

form.form .btn-primary {
  float: right;
  display: inline-block;
  background: #0176c3;
  color: #fff;
  padding: 8px 10px;
  border: none;
  font-size: 1em;
  line-height: 1em;
  cursor: pointer;
}

body {
  margin: 0;
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #474747;
  text-transform: none;
  line-height: 1.25em;
}

.wrapper {
  max-width: 1240px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 5px 1px #8e8e8e;
}

.container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
}
.container.content-container {
  max-width: 1240px;
  padding: 0;
}
.container.content-container > div {
  max-width: 980px;
  margin: 0 auto;
}
.container.content-container > div h1, .container.content-container > div .magazine .header .info .title, .magazine .header .info .container.content-container > div .title, .container.content-container > div .magazine .header .info .card-container .card-title, .magazine .header .info .card-container .container.content-container > div .card-title, .container.content-container > div .card-container .magazine .header .info .card-title, .card-container .magazine .header .info .container.content-container > div .card-title {
  padding: 25px 10px;
}
.container.content-container > div h2 {
  padding: 0 10px;
}

.box {
  border: 1px solid #e2e2e2;
  background: white;
  max-width: 980px;
  margin: 0 auto;
  padding: 25px;
  margin-bottom: 25px;
}

img {
  height: auto;
}

ul {
  list-style-type: disc;
}
ul > li {
  margin-left: 20px;
}

a {
  color: #474747;
  text-decoration: none;
}
a:hover, a :active, a :focus {
  text-decoration: underline;
}

.button-cta {
  display: inline-block;
  background: #0176c3;
  color: #fff;
  padding: 8px 10px;
  border: none;
  font-size: 1em;
  line-height: 1em;
  cursor: pointer;
}
.button-cta:hover, .button-cta :active, .button-cta :focus {
  text-decoration: none;
  background: #0167aa;
}

.ui-icon {
  background-image: url("../Images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../Images/ui-icons_444444_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("../Images/ui-icons_777777_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon {
  background-image: url("../Images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("../Images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("../Images/ui-icons_77620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../Images/ui-icons_cc0000_256x240.png");
}

.ui-dialog {
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 10px;
  background-color: rgba(196, 232, 255, 0.3);
  border: none;
}
.ui-dialog .ui-dialog-content {
  padding: 10px;
}

.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.slick-dots li button:before {
  color: #0176c3;
}
.slick-dots li.slick-active button:before {
  color: #0167aa;
}

.mailConfirmation {
  font-family: Calibri, Arial, sans-serif;
}

.mailTable td {
  vertical-align: top;
}

.navigation-cateogries, .navigation-breadcrumb {
  padding: 10px 0;
}

.navigation-cateogries {
  font-size: 0.75em;
  background: #f1f1f1;
  max-width: 1240px;
}
.navigation-cateogries input#responsive-nav, .navigation-cateogries label.responsive-nav-label {
  margin-left: 10px;
  display: none;
}
.navigation-cateogries nav {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}
.navigation-cateogries nav ul {
  padding-left: 10px;
  list-style-type: none;
}
.navigation-cateogries nav ul > li {
  display: inline;
}
.navigation-cateogries nav ul > li:first-child {
  margin-left: 0;
}
.navigation-cateogries nav ul > li:not(:first-child) {
  margin-left: 5px;
}
.navigation-cateogries nav ul > li:not(:first-child):before {
  content: "•";
  margin-right: 5px;
}
.navigation-cateogries nav ul > li a {
  font-size: 1.25em;
}
.navigation-cateogries nav ul > li a:hover {
  color: #2668ab;
  text-decoration: none;
}
@media (max-width: 986px) {
  .navigation-cateogries {
    padding: 5px 0 2px 0 !important;
  }
  .navigation-cateogries label.responsive-nav-label {
    display: block;
    cursor: pointer;
    padding-bottom: 0 !important;
  }
  .navigation-cateogries label.responsive-nav-label span {
    font-size: 1.75em;
  }
  .navigation-cateogries nav {
    position: absolute;
    top: -9999px;
  }
  .navigation-cateogries nav ul > li {
    display: block;
    margin-left: 0;
    line-height: 1.75em;
  }
  .navigation-cateogries nav ul > li:not(:first-child) {
    margin-left: 0;
  }
  .navigation-cateogries nav ul > li:before {
    content: "•";
    margin-right: 5px;
  }
  .navigation-cateogries input#responsive-nav[type=checkbox]:checked ~ nav {
    position: relative;
    top: 0;
  }
}

.navigation-logos {
  font-size: 0.75em;
  box-shadow: 0 1px 5px #8e8e8e;
  padding: 25px;
  max-width: 1240px;
  overflow: hidden;
}
@media (max-width: 780px) {
  .navigation-logos {
    padding: 5px;
  }
}
.navigation-logos nav {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.navigation-logos nav .tx-mf-subscription {
  width: 93%;
  margin: 0 0;
  height: 50px;
}
.navigation-logos nav .tx-mf-subscription .slick-list {
  margin: 0;
  margin-left: 20px;
  margin-right: 20px;
}
.navigation-logos nav .tx-mf-subscription .slick-prev, .navigation-logos nav .tx-mf-subscription .slick-next {
  height: 100%;
  z-index: 9999;
  width: 30px;
}
.navigation-logos nav .tx-mf-subscription .slick-prev:before, .navigation-logos nav .tx-mf-subscription .slick-next:before {
  font-size: 30px;
  color: #0176c3;
}
.navigation-logos nav .tx-mf-subscription .slick-prev {
  left: 0;
}
.navigation-logos nav .tx-mf-subscription .slick-next {
  right: 0;
}
.navigation-logos nav .tx-mf-subscription .logo {
  position: relative;
  height: 50px;
  border-right: 1px solid #f1f1f1;
}
.navigation-logos nav .tx-mf-subscription .logo img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
  opacity: 0.175;
  -moz-opacity: 0.175;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 130px;
}
.navigation-logos nav .tx-mf-subscription .logo img:hover, .navigation-logos nav .tx-mf-subscription .logo img.active {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -moz-opacity: 1;
}
.navigation-logos nav .lang {
  padding: 15px 0 0 20px;
  position: absolute;
  right: 0;
  font-size: 1.25em;
}

.navigation-breadcrumb {
  padding: 5px 0 3px 0;
}
.navigation-breadcrumb ul.breadcrumbs {
  list-style-type: none;
}
.navigation-breadcrumb ul.breadcrumbs > li {
  margin-left: 0;
}
.navigation-breadcrumb ul.breadcrumbs > li > span {
  margin: 0 5px 0 10px;
}
.navigation-breadcrumb ul.breadcrumbs > li > span:not(:first-child) {
  margin-left: 0;
}
.navigation-breadcrumb ul.breadcrumbs > li > span:not(:first-child):before {
  content: "»";
  margin-right: 5px;
}

nav ul.service-nav {
  width: 85%;
}
nav ul.service-nav li:not(:first-child) {
  margin-left: 10px;
}
nav ul.service-nav li:not(:first-child):before {
  margin-right: 10px;
}

.service-lang {
  float: right;
  margin: -20px 10px 0 0;
  position: absolute;
  right: 0;
  font-size: 1.25em;
}

aside.service {
  background: #f1f1f1;
  margin: 10px 0;
}
aside.service h3, aside.service .bounties .card-bounty .card-title, .bounties .card-bounty aside.service .card-title, aside.service .editions .card-edition .card-title, .editions .card-edition aside.service .card-title, aside.service .card-subscription .card-title, .card-subscription aside.service .card-title, aside.service aside.categories ul.magazine-categories > li, aside.categories aside.service ul.magazine-categories > li, aside.service .ui-dialog .ui-dialog-titlebar, .ui-dialog aside.service .ui-dialog-titlebar {
  padding: 10px 0 5px 0;
}

aside.categories {
  padding: 5px 0 25px 0;
}
aside.categories h3, aside.categories .bounties .card-bounty .card-title, .bounties .card-bounty aside.categories .card-title, aside.categories .editions .card-edition .card-title, .editions .card-edition aside.categories .card-title, aside.categories .card-subscription .card-title, .card-subscription aside.categories .card-title, aside.categories ul.magazine-categories > li, aside.categories .ui-dialog .ui-dialog-titlebar, .ui-dialog aside.categories .ui-dialog-titlebar {
  padding: 10px 0;
}
aside.categories ul.magazine-categories {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 1013px) {
  aside.categories ul.magazine-categories {
    justify-content: space-between;
  }
}
aside.categories ul.magazine-categories > li {
  font-size: 1em;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 225px;
}
aside.categories ul.magazine-categories > li > ul {
  margin-top: 5px;
  list-style-type: none;
}
aside.categories ul.magazine-categories > li > ul > li {
  display: flex;
  margin-left: 0;
  padding: 0 20px 0 0;
  font-size: 0.925em;
}
aside.categories ul.magazine-categories > li > ul > li:before {
  content: "»";
  margin-right: 5px;
}
aside.categories ul.magazine-categories > li > ul > li a {
  padding: 1px 0 0 5px;
}

.card-icon {
  width: 100px;
  height: 100px;
  background-color: white;
  border-radius: 100px;
  position: absolute;
  z-index: 9999;
  bottom: 20px;
  right: 10%;
  border: 4px solid #0176c3;
}
@media (max-width: 380px) {
  .card-icon {
    width: 80px;
    height: 80px;
    border-radius: 80px;
  }
}
.card-icon img {
  border: none !important;
  box-shadow: none !important;
  width: auto;
  max-width: 60px !important;
  height: 60px;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media (max-width: 380px) {
  .card-icon img {
    height: 45px;
    max-width: 45px;
  }
}

.picture .card-icon {
  right: 0;
}

.order-icons {
  width: 140px;
  position: relative;
  display: inline-flex !important;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 600px) {
  .order-icons {
    width: 85px;
  }
}
@media (max-width: 1013px) {
  .order-icons {
    width: 100%;
  }
}
.order-icons img {
  min-width: 50px;
}
@media (max-width: 1013px) {
  .order-icons.no-icon {
    display: none !important;
  }
}
.order-icons.check_icon img {
  max-height: 40px;
}
.order-icons.truckIcon img, .order-icons.moneyIcon img {
  min-width: 60px;
}

.printEmagIcon {
  background: url(../Images/ipad_mask.png) no-repeat;
  background-size: contain;
  height: 100px;
  position: absolute;
  width: 80px;
  top: 50px;
  z-index: 999;
  left: 58%;
  transform: rotate(10deg);
}
.printEmagIcon > img {
  width: 79%;
  margin-top: 7px !important;
  box-shadow: none !important;
  margin-left: 4px !important;
  border: none !important;
}

.card-plus_icon {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: white;
  position: absolute;
  z-index: 9999;
  left: 50%;
  top: 80px;
  border: 3px solid #0176c3;
}
.card-plus_icon .icon-plus_icon img {
  margin-top: 5px !important;
  border: none !important;
  box-shadow: none !important;
  width: 20px;
  height: 20px;
}

/*.magazine{
  .header {
    .printEmagIcon {
      height: 150px;
      width: 120px;
      top: 50px;
      left: 40%;

      img {
        margin-top: 12px !important;
        margin-left: 6px !important;
        width: 94px !important;
      }
    }
    .card-plus_icon {
      width: 46px;
      height: 46px;
      border-radius: 46px;
      border: 4px solid $color-cta;
      top: 97px;
      left: 30%;
      img {
        margin-top: 8px !important;
        margin-left: 8px !important;
        width: 30px !important;
        height: 30px !important;
      }
    }
  }
}*/
.order-preview .printEmagIcon {
  height: 150px;
  width: 120px;
  top: 70px;
  left: 68%;
}
.order-preview .printEmagIcon img {
  margin-top: 12px !important;
  margin-left: 6px !important;
}
.order-preview .card-plus_icon {
  width: 46px;
  height: 46px;
  border-radius: 46px;
  border: 4px solid #0176c3;
  top: 120px;
  left: 55%;
}
.order-preview .card-plus_icon img {
  margin-top: 8px !important;
  width: 30px;
  height: 30px;
}

.static {
  padding-bottom: 25px;
}
.static > div {
  padding: 0 10px;
  margin-bottom: 10px;
}
@media (max-width: 980px) {
  .static > div {
    padding: 0 0;
  }
}
.static > div > div > div > p, .card-bestellers .card-content .static > div > div > div > ul, .static > div > div > div > footer, footer .footer-container .static > div > div > div > .copyright {
  padding: 0 10px;
  max-width: 800px;
}
.static h1, .static .magazine .header .info .title, .magazine .header .info .static .title, .static .magazine .header .info .card-container .card-title, .magazine .header .info .card-container .static .card-title, .static .card-container .magazine .header .info .card-title, .card-container .magazine .header .info .static .card-title {
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 25px;
  padding: 25px 0 10px 0;
}
.static h2 {
  font-size: 1.5em;
  color: #474747;
  padding: 25px 0 10px 0;
}
.static > h1, .magazine .header .info .static > .title, .magazine .header .info .card-container .static > .card-title, .card-container .magazine .header .info .static > .card-title {
  padding: 25px 0 10px 10px;
}
.static > h2 {
  padding: 25px 0 10px 10px;
}
.static h4 {
  font-size: 1.125em;
  font-weight: bold;
  color: #474747;
  padding: 10px 0 5px 0;
}

.service-container h3, .service-container .bounties .card-bounty .card-title, .bounties .card-bounty .service-container .card-title, .service-container .editions .card-edition .card-title, .editions .card-edition .service-container .card-title, .service-container .card-subscription .card-title, .card-subscription .service-container .card-title, .service-container .ui-dialog .ui-dialog-titlebar, .ui-dialog .service-container .ui-dialog-titlebar, .service-container aside.categories ul.magazine-categories > li, aside.categories .service-container ul.magazine-categories > li {
  font-size: 1.25em;
}
@media (min-width: 1013px) {
  .service-container h3, .service-container .bounties .card-bounty .card-title, .bounties .card-bounty .service-container .card-title, .service-container .editions .card-edition .card-title, .editions .card-edition .service-container .card-title, .service-container .card-subscription .card-title, .card-subscription .service-container .card-title, .service-container .ui-dialog .ui-dialog-titlebar, .ui-dialog .service-container .ui-dialog-titlebar, .service-container aside.categories ul.magazine-categories > li, aside.categories .service-container ul.magazine-categories > li {
    padding: 10px 10px 5px 10px !important;
  }
}
.service-container h3 a, .service-container .bounties .card-bounty .card-title a, .bounties .card-bounty .service-container .card-title a, .service-container .editions .card-edition .card-title a, .editions .card-edition .service-container .card-title a, .service-container .card-subscription .card-title a, .card-subscription .service-container .card-title a, .service-container .ui-dialog .ui-dialog-titlebar a, .ui-dialog .service-container .ui-dialog-titlebar a, .service-container aside.categories ul.magazine-categories > li a, aside.categories .service-container ul.magazine-categories > li a {
  font-size: smaller;
}
.service-container h3 a:before, .service-container .bounties .card-bounty .card-title a:before, .bounties .card-bounty .service-container .card-title a:before, .service-container .editions .card-edition .card-title a:before, .editions .card-edition .service-container .card-title a:before, .service-container .card-subscription .card-title a:before, .card-subscription .service-container .card-title a:before, .service-container .ui-dialog .ui-dialog-titlebar a:before, .ui-dialog .service-container .ui-dialog-titlebar a:before, .service-container aside.categories ul.magazine-categories > li a:before, aside.categories .service-container ul.magazine-categories > li a:before {
  content: "»";
  padding-left: 5px;
  font-weight: bold;
}
.service-container h3 a:hover, .service-container .bounties .card-bounty .card-title a:hover, .bounties .card-bounty .service-container .card-title a:hover, .service-container .editions .card-edition .card-title a:hover, .editions .card-edition .service-container .card-title a:hover, .service-container .card-subscription .card-title a:hover, .card-subscription .service-container .card-title a:hover, .service-container .ui-dialog .ui-dialog-titlebar a:hover, .ui-dialog .service-container .ui-dialog-titlebar a:hover, .service-container aside.categories ul.magazine-categories > li a:hover, aside.categories .service-container ul.magazine-categories > li a:hover {
  text-decoration: none;
}

@media (min-width: 1013px) {
  .categories .container h3, .categories .container .bounties .card-bounty .card-title, .bounties .card-bounty .categories .container .card-title, .categories .container .editions .card-edition .card-title, .editions .card-edition .categories .container .card-title, .categories .container .card-subscription .card-title, .card-subscription .categories .container .card-title, .categories .container .ui-dialog .ui-dialog-titlebar, .ui-dialog .categories .container .ui-dialog-titlebar, aside.categories .container ul.magazine-categories > li {
    padding: 10px 10px;
  }
}

.card-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -10px;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.card-container .card {
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 254px;
  margin: 10px;
  padding: 25px;
  padding-bottom: 60px;
  position: relative;
}
@media (max-width: 680px) {
  .card-container .card {
    flex-basis: 100%;
  }
}
.card-container .card-title {
  margin-bottom: 0;
  height: 70px;
  font-size: 1.5em;
}
.card-container .card-content {
  padding-bottom: 10px;
}
.card-container .card-content .card-image {
  max-width: 296px;
  position: relative;
  margin: 25px auto 10px auto;
  justify-content: center;
  display: flex;
  padding: 0 25px;
}
.card-container .card-content .card-image img {
  margin: 0 auto;
  top: 0;
  max-width: 120px;
  max-height: 160px;
  box-shadow: 0 0 8px #8e8e8e;
}
.card-container .card-content .card-image img:nth-child(1) {
  display: block;
}
.card-container .card-content .card-image img:nth-child(2) {
  z-index: 10;
  position: absolute;
}
.card-container .card-content .card-image img:nth-child(3) {
  -moz-transform: rotate(-5deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-5deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-5deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-5deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-5deg);
  transform-origin: bottom left;
  margin-left: -3px;
  margin-top: 3px;
  z-index: 9;
  position: absolute;
}
.card-container .card-content .card-image img:nth-child(4) {
  -moz-transform: rotate(-10deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-10deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-10deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-10deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-10deg);
  transform-origin: bottom left;
  margin-left: -6px;
  margin-top: 6px;
  z-index: 8;
  position: absolute;
}
.card-container .card-content .card-image img:nth-child(5) {
  -moz-transform: rotate(-15deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-15deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-15deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-15deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-15deg);
  transform-origin: bottom left;
  margin-left: -9px;
  margin-top: 9px;
  z-index: 7;
  position: absolute;
}
.card-container .card-content .card-image.images-2 {
  background: url(../Images/ipad_mask.png) no-repeat;
  background-size: 113px;
  background-position: center;
  height: 160px;
}
.card-container .card-content .card-image.images-2 img:nth-child(1) {
  visibility: hidden;
}
.card-container .card-content .card-image.images-2 img:nth-child(2) {
  top: 12px !important;
  max-width: 102px;
  margin-left: 4px;
  box-shadow: none;
}
.card-container .card-content .card-image.images-2 .card-icon {
  display: none;
}
.card-container .card-content p, .card-container .card-bestellers .card-content ul, .card-bestellers .card-container .card-content ul, .card-container .card-content footer, .card-container .card-content footer .footer-container .copyright, footer .footer-container .card-container .card-content .copyright {
  padding: 15px 0;
}
.card-container .card-content ul {
  max-width: 300px;
  margin: 25px auto 0;
}
@media (max-width: 380px) {
  .card-container .card-content {
    min-height: 320px;
  }
}
.card-container .card-footer {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}
.card-container .card.layout-1 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 256px;
  /*@include grid-break-x-middle {
    order: 2;
  }*/
}
@media (max-width: 668px) {
  .card-container .card.layout-1 {
    flex-shrink: 1;
    flex-basis: 583px;
  }
}
.card-container .card.layout-2 {
  flex: 0 0 583px;
  /*@include grid-break-x-middle {
    order: 1;
  }*/
}
@media (min-width: 669px) {
  .card-container .card.layout-2 .card-content {
    display: flex;
    justify-content: flex-start;
  }
  .card-container .card.layout-2 .card-content .card-image {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 240px;
    padding: 0;
    margin-left: 0;
    max-height: 160px;
  }
  .card-container .card.layout-2 .card-content > div:not(.card-image) {
    flex: 1 1 auto;
  }
  .card-container .card.layout-2 .card-content .subscription-subtitle {
    flex: 1 1 auto;
    max-width: 280px;
    flex-basis: 280px;
  }
  .card-container .card.layout-2 .card-content .subscription-description {
    padding-top: 20px;
  }
  .card-container .card.layout-2 .card-content .subscription-advantages, .card-container .card.layout-2 .card-content .subscription-description {
    flex: 1 1 auto;
    padding-right: 25px;
    flex-basis: 280px;
  }
  .card-container .card.layout-2 .card-content .subscription-advantages ul, .card-container .card.layout-2 .card-content .subscription-description ul {
    max-width: none;
  }
}
@media (max-width: 985px) {
  .card-container .card.layout-2 {
    flex-shrink: 1;
  }
}

.card-bounty, .card-edition {
  border: 1px solid #e2e2e2;
}

.card-bestellers {
  flex-basis: 160px !important;
  border: 1px solid #e2e2e2;
  justify-content: center;
}
@media (max-width: 500px) {
  .card-bestellers {
    flex-basis: 100% !important;
  }
}
.card-bestellers .card-content {
  min-height: 320px;
}
.card-bestellers .card-content ul {
  list-style: none;
  padding: 10px 0 !important;
  margin: 0 !important;
}
.card-bestellers .card-content ul li {
  margin: 0;
}
.card-bestellers .card-content .card-image img {
  max-height: 180px;
  max-width: 120px;
}

.card-category {
  border: 1px solid #e2e2e2;
}
.card-category .title, .card-category .card-container .card-title, .card-container .card-category .card-title {
  width: 100%;
  text-align: center;
  height: 50px;
}

.card-subscription {
  background: rgba(196, 232, 255, 0.3);
}
.card-subscription .card-subtitle {
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #474747;
  text-transform: none;
  line-height: 1.25em;
  font-weight: bold;
  padding: 10px 10px;
}
.card-subscription .card-image.images-2 img:nth-child(1) {
  visibility: hidden;
}
.card-subscription .card-image.images-2 img:nth-child(2) {
  margin-left: 9px !important;
}
.card-subscription .subscription-advantages, .card-subscription .subscription-description {
  padding: 0 10px;
  font-size: 0.925em;
}
.card-subscription .subscription-advantages > ul, .card-subscription .subscription-description > ul {
  margin: 0;
}
.card-subscription .subscription-advantages > ul > li, .card-subscription .subscription-description > ul > li {
  min-height: 0;
  list-style-type: disc;
  padding-bottom: 5px;
  font-size: 1em;
  line-height: 1.25em;
}

.card-magazine {
  background: rgba(196, 232, 255, 0.3);
}
.card-magazine .card-content {
  min-height: 300px;
}
.card-magazine .card-image {
  padding: 0 0 0 10px !important;
}

.magazine .header {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  background-size: cover;
  background-position: center;
  padding-left: 10%;
  padding-right: 10%;
}
.magazine .header .cover {
  position: relative;
  margin-top: 100px;
  margin-right: 50px;
}
.magazine .header .cover img {
  top: 0;
  width: 180px;
  box-shadow: 0px 0px 8px #8e8e8e;
}
.magazine .header .cover img:nth-child(1) {
  display: block;
}
.magazine .header .cover img:nth-child(2) {
  z-index: 10;
  position: absolute;
}
.magazine .header .cover img:nth-child(3) {
  -moz-transform: rotate(-5deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-5deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-5deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-5deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-5deg);
  transform-origin: bottom left;
  margin-left: -3px;
  margin-top: 3px;
  z-index: 9;
  position: absolute;
}
.magazine .header .cover img:nth-child(4) {
  -moz-transform: rotate(-10deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-10deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-10deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-10deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-10deg);
  transform-origin: bottom left;
  margin-left: -6px;
  margin-top: 6px;
  z-index: 8;
  position: absolute;
}
.magazine .header .cover img:nth-child(5) {
  -moz-transform: rotate(-15deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-15deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-15deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-15deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-15deg);
  transform-origin: bottom left;
  margin-left: -9px;
  margin-top: 9px;
  z-index: 7;
  position: absolute;
}
.magazine .header .cover.images-2 {
  background: url(../Images/ipad_mask.png) no-repeat;
  background-size: 180px;
  background-position: top left;
  height: 254px;
}
.magazine .header .cover.images-2 > img:nth-child(1) {
  visibility: hidden;
}
.magazine .header .cover.images-2 > img:nth-child(2) {
  top: 20px !important;
  margin-left: 11px;
  width: 160px;
  box-shadow: none;
}
.magazine .header .cover .circle-overlay {
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  width: 136px;
  height: 136px;
  -webkit-box-shadow: 0px 0px 30px -7px black;
  -moz-box-shadow: 0px 0px 30px -7px black;
  box-shadow: 0px 0px 30px -7px black;
  -moz-transform: rotate(-20deg);
  -moz-transform-origin: 50% 50%;
  -ms-transform: rotate(-20deg);
  -ms-transform-origin: 50% 50%;
  -o-transform: rotate(-20deg);
  -o-transform-origin: 50% 50%;
  -webkit-transform: rotate(-20deg);
  -webkit-transform-origin: 50% 50%;
  transform: rotate(-20deg);
  transform-origin: 50% 50%;
  z-index: 100;
  text-align: center;
  background: #0176c3;
  color: white;
  font-size: 1.7em;
  top: 166px;
  left: -67px;
  line-height: 32px;
}
@media (max-width: 600px) {
  .magazine .header .cover .circle-overlay {
    top: 126px;
    left: -17px;
  }
}
.magazine .header .cover .printEmagIcon {
  top: 82px;
  height: 140px;
  width: 115px;
}
.magazine .header .cover .printEmagIcon img {
  width: 90px;
}
.magazine .header .cover .card-plus_icon {
  top: 133px;
}
.magazine .header .cover .card-plus_icon img {
  width: 29px;
}
.magazine .header .info {
  margin-top: 100px;
  margin-bottom: 50px;
}
.magazine .header .info .title, .magazine .header .info .card-container .card-title, .card-container .magazine .header .info .card-title {
  padding: 0 !important;
  font-size: 2.25em;
}
.magazine .header .info .description {
  margin: 25px 0;
}
.magazine .header .info .select-subscription {
  width: 90%;
  margin: 25px 0;
  padding: 10px;
  float: left;
  background-color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 780px) {
  .magazine .header {
    background-size: cover;
    padding-right: 5%;
    padding-left: 5%;
  }
  .magazine .header .cover {
    margin-right: 50px !important;
  }
  .magazine .header .cover .printEmagIcon > img {
    width: 92px;
  }
  .magazine .header .info {
    margin-top: 25px;
  }
  .magazine .header .info .title, .magazine .header .info .card-container .card-title, .card-container .magazine .header .info .card-title {
    font-size: 1.5em;
  }
  .magazine .header .info .description {
    margin: 10px 0;
  }
  .magazine .header .cover {
    margin-top: 50px;
    margin-left: 25px;
    margin-right: 25px;
  }
  .magazine .header .cover img {
    width: 180px;
  }
}
@media (max-width: 600px) {
  .magazine .header {
    flex-direction: column;
    margin-bottom: 25px;
  }
  .magazine .header .cover {
    margin-top: 50px;
    margin-left: 0px;
  }
  .magazine .header .cover .card-plus_icon {
    left: 110px;
  }
  .magazine .header .cover .printEmagIcon {
    left: 130px;
  }
  .magazine .header a.button-cta {
    margin-bottom: 50px;
  }
}
@media (max-width: 460px) {
  .magazine .header {
    min-height: 665px;
    margin-bottom: 25px;
    justify-content: flex-start;
  }
  .magazine .header .cover {
    margin-top: 50px;
  }
}
@media (max-width: 380px) {
  .magazine .header {
    min-height: 820px;
    margin-bottom: 25px;
  }
}

.tx-mf-subscription > h3, .bounties .card-bounty .tx-mf-subscription > .card-title, .editions .card-edition .tx-mf-subscription > .card-title, .ui-dialog .tx-mf-subscription > .ui-dialog-titlebar, aside.categories ul.magazine-categories.tx-mf-subscription > li, .card-subscription .tx-mf-subscription > .card-title {
  padding: 10px;
}
.tx-mf-subscription .box {
  max-width: 928px;
}
@media (max-width: 1000px) {
  .tx-mf-subscription .box {
    margin: 0 10px 10px 10px;
  }
}
.tx-mf-subscription .box h3, .tx-mf-subscription .box .bounties .card-bounty .card-title, .bounties .card-bounty .tx-mf-subscription .box .card-title, .tx-mf-subscription .box .editions .card-edition .card-title, .editions .card-edition .tx-mf-subscription .box .card-title, .tx-mf-subscription .box .ui-dialog .ui-dialog-titlebar, .ui-dialog .tx-mf-subscription .box .ui-dialog-titlebar, .tx-mf-subscription .box aside.categories ul.magazine-categories > li, aside.categories .tx-mf-subscription .box ul.magazine-categories > li, .tx-mf-subscription .box .card-subscription .card-title, .card-subscription .tx-mf-subscription .box .card-title {
  font-size: 1.75em;
  padding-bottom: 20px;
}
.tx-mf-subscription .box h4 {
  font-size: 1.25em;
  line-height: 1.25em;
  width: 100%;
  padding-bottom: 10px;
}
.tx-mf-subscription .box ul {
  list-style-type: disc;
  margin-bottom: 5px;
}
.tx-mf-subscription .box ul li {
  padding-bottom: 5px;
}

.box.order-preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  z-index: 20;
}
.box.order-preview .promo-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.box.order-preview > h3, .bounties .card-bounty .box.order-preview > .card-title, .editions .card-edition .box.order-preview > .card-title, .ui-dialog .box.order-preview > .ui-dialog-titlebar, aside.categories ul.magazine-categories.box.order-preview > li, .card-subscription .box.order-preview > .card-title {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
  z-index: inherit;
}
.box.order-preview .picture {
  max-width: 296px;
  position: relative;
  margin: 10px 50px 25px 0;
  justify-content: center;
  padding: 0 50px;
}
.box.order-preview .picture.single {
  max-width: unset;
  padding: 0;
}
@media (max-width: 970px) {
  .box.order-preview .picture.images-1 {
    padding-left: 0;
  }
}
.box.order-preview .picture.images-1 > img {
  width: 180px;
}
.box.order-preview .picture.images-2 {
  background: url(../Images/ipad_mask.png) no-repeat;
  background-size: 180px;
  background-position: top;
  height: 254px;
}
@media (max-width: 970px) {
  .box.order-preview .picture.images-2 {
    background-position: top left;
    padding-left: 0;
  }
}
.box.order-preview .picture.images-2 .card-icon {
  display: none;
}
.box.order-preview .picture.images-2 > img:nth-child(1) {
  visibility: hidden;
}
.box.order-preview .picture.images-2 > img:nth-child(2) {
  top: 20px !important;
  margin-left: 11px;
  width: 160px;
  box-shadow: none;
  border: none;
}
.box.order-preview .picture img {
  margin: 0 auto;
  top: 0;
  max-width: 180px;
  max-height: 239px;
  border: 1px solid #b1b1b1;
  box-shadow: 0px 0px 8px #8e8e8e;
}
.box.order-preview .picture img:nth-child(1) {
  display: block;
}
.box.order-preview .picture img:nth-child(2) {
  z-index: 10;
  position: absolute;
}
.box.order-preview .picture img:nth-child(3) {
  -moz-transform: rotate(-5deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-5deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-5deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-5deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-5deg);
  transform-origin: bottom left;
  margin-left: -3px;
  margin-top: 3px;
  z-index: 9;
  position: absolute;
}
.box.order-preview .picture img:nth-child(4) {
  -moz-transform: rotate(-10deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-10deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-10deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-10deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-10deg);
  transform-origin: bottom left;
  margin-left: -6px;
  margin-top: 6px;
  z-index: 8;
  position: absolute;
}
.box.order-preview .picture img:nth-child(5) {
  -moz-transform: rotate(-15deg);
  -moz-transform-origin: bottom left;
  -ms-transform: rotate(-15deg);
  -ms-transform-origin: bottom left;
  -o-transform: rotate(-15deg);
  -o-transform-origin: bottom left;
  -webkit-transform: rotate(-15deg);
  -webkit-transform-origin: bottom left;
  transform: rotate(-15deg);
  transform-origin: bottom left;
  margin-left: -9px;
  margin-top: 9px;
  z-index: 7;
  position: absolute;
}
.box.order-preview .info {
  order: 2;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 550px;
  z-index: inherit;
}
.box.order-preview .info ul {
  margin: 5px 0 25px 0;
}
.box.order-preview .info ul li {
  font-size: 1em;
}

.sfp-information {
  margin-top: 25px;
}
.sfp-information .aligned > * {
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.sfp-information .aligned > * .right {
  width: 100%;
  text-align: right;
}
.sfp-information .aligned > * #remove-sfp {
  font-size: 0.75em;
  cursor: pointer;
}
.sfp-information .aligned > *:first-child {
  max-width: 80%;
}
.sfp-information .aligned > *:last-child {
  max-width: 20%;
}

.order-aftersale h2 {
  padding: 0 !important;
  border-bottom: 1px solid #e2e2e2;
}
.order-aftersale h3, .order-aftersale .bounties .card-bounty .card-title, .bounties .card-bounty .order-aftersale .card-title, .order-aftersale .editions .card-edition .card-title, .editions .card-edition .order-aftersale .card-title, .order-aftersale .ui-dialog .ui-dialog-titlebar, .ui-dialog .order-aftersale .ui-dialog-titlebar, .order-aftersale aside.categories ul.magazine-categories > li, aside.categories .order-aftersale ul.magazine-categories > li, .order-aftersale .card-subscription .card-title, .card-subscription .order-aftersale .card-title {
  font-size: 1.5em !important;
}
.order-aftersale > div {
  margin-bottom: 25px;
}
.order-aftersale header {
  background: none;
  border-bottom: 1px solid #e2e2e2;
}
.order-aftersale header h2, .order-aftersale header h3, .order-aftersale header .bounties .card-bounty .card-title, .bounties .card-bounty .order-aftersale header .card-title, .order-aftersale header .editions .card-edition .card-title, .editions .card-edition .order-aftersale header .card-title, .order-aftersale header .ui-dialog .ui-dialog-titlebar, .ui-dialog .order-aftersale header .ui-dialog-titlebar, .order-aftersale header aside.categories ul.magazine-categories > li, aside.categories .order-aftersale header ul.magazine-categories > li, .order-aftersale header .card-subscription .card-title, .card-subscription .order-aftersale header .card-title {
  padding: 0;
  border-bottom: none;
}

.box .order-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start;
}
.box .order-form form .order-form-element {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 25px;
}
.box .order-form form .order-form-element div:not(.order-icons) {
  max-width: 760px;
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 1013px) {
  .box .order-form form .order-form-element div:not(.order-icons) {
    max-width: 100%;
  }
}
.box .order-form form .order-form-element div:not(.order-icons) > div {
  width: 100%;
}
.box .order-form form .order-form-element div:not(.order-icons) p label, .box .order-form form .order-form-element div:not(.order-icons) footer label, footer .footer-container .box .order-form form .order-form-element div:not(.order-icons) .copyright label, .box .order-form form .order-form-element div:not(.order-icons) .card-bestellers .card-content ul label, .card-bestellers .card-content .box .order-form form .order-form-element div:not(.order-icons) ul label {
  width: 85%;
}
.box .order-form #sfp-register h5 {
  padding-bottom: 25px;
}
.box .order-form .order-summary {
  border: 1px solid #f1f1f1;
  padding: 10px;
  width: 97%;
  margin-bottom: 25px;
  background-color: rgba(196, 232, 255, 0.3);
  font-size: smaller;
  display: block;
}
.box .order-form .order-summary span {
  display: inline;
}
.box .order-form .order-summary a {
  text-decoration: underline;
}
.box .order-form .order-summary-check {
  width: 97%;
  display: block;
  padding-left: 20px;
}
.box .order-form .order-summary-check span {
  display: inline;
}
.box .order-form .order-summary-check a {
  text-decoration: underline;
}
.box .order-form .order-submit-info {
  font-size: smaller;
  max-width: 150px;
}
.box .order-form label.plusminus {
  width: 20px;
  margin-right: 10px;
}
.box .order-form label.plusminus .plusminusElem {
  flex-grow: 0 !important;
  width: 20px !important;
  height: 16px;
  background-color: #0176c3;
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  color: #fff;
  line-height: 25px;
  font-weight: bold;
}
.box .order-form select.streetname, .box .order-form input[type=text].streetname, .box .order-form input[type=email].streetname {
  max-width: 650px;
}
.box .order-form select.streetnumber, .box .order-form input[type=text].streetnumber, .box .order-form input[type=email].streetnumber {
  max-width: 130px;
  margin-left: 20px;
}
@media (max-width: 600px) {
  .box .order-form select.streetnumber, .box .order-form input[type=text].streetnumber, .box .order-form input[type=email].streetnumber {
    max-width: 100%;
    margin-left: 85px;
  }
}
.box .order-form select.zipcode, .box .order-form input[type=text].zipcode, .box .order-form input[type=email].zipcode {
  max-width: 130px;
}
@media (max-width: 600px) {
  .box .order-form select.zipcode, .box .order-form input[type=text].zipcode, .box .order-form input[type=email].zipcode {
    max-width: 100%;
  }
}
.box .order-form select.city, .box .order-form input[type=text].city, .box .order-form input[type=email].city {
  max-width: 650px;
  margin-left: 20px;
}
@media (max-width: 600px) {
  .box .order-form select.city, .box .order-form input[type=text].city, .box .order-form input[type=email].city {
    max-width: 100%;
    margin-left: 85px;
  }
}
.box .order-form input[type=checkbox] {
  float: left;
}
.box .order-form input[type=checkbox]#checkDifferentAddressForBilling {
  display: none;
}
.box .order-form #survey.free-registration ul {
  list-style-type: none;
}
.box .order-form #survey.free-registration ul li {
  padding-bottom: 3px;
}
.box .order-form #survey.free-registration label {
  display: inline;
  width: 100%;
}

.box.select-subscription {
  margin-bottom: 0;
  margin-left: 0;
}

#selectSubscription {
  margin-top: 10px;
  margin-right: 10px;
  height: 34px;
  padding: 7px;
  flex-direction: row;
}

.price:after {
  content: "€";
  margin-left: 5px;
}

.editions .edition {
  display: block !important;
}

.promo-background {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: none;
}

.editions {
  padding: 0;
  justify-content: flex-start;
}
@media (max-width: 600px) {
  .editions {
    justify-content: space-between;
  }
}
.editions .card-edition {
  width: 150px;
  text-align: center;
}
@media (max-width: 600px) {
  .editions .card-edition {
    max-width: unset;
  }
}
.editions .card-edition .card-title {
  padding-bottom: 10px;
}
.editions .card-edition .card-content {
  min-height: unset;
  justify-content: flex-start;
}
.editions .card-edition .card-content .card-image {
  padding: 0;
  margin: 0;
  max-width: unset;
}
.editions .card-edition .card-content .card-image img {
  width: 98px;
  height: 130px;
}
.editions .card-edition .card-footer .button-cta {
  padding: 5px;
}
.editions .card-edition .items {
  margin: 10px 0;
}
.editions .card-edition .items .ui-spinner-button {
  background: #0176c3;
}
.editions .card-edition .items .ui-spinner-button .ui-icon-triangle-1-n, .editions .card-edition .items .ui-spinner-button .ui-icon-triangle-1-s {
  background-image: url("../Images/ui-icons_ffffff_256x240.png");
}
.editions .card-edition .price {
  font-size: 1.25em;
  font-weight: bold;
}
.editions .card-edition .price-info {
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #474747;
  text-transform: none;
  line-height: 1.25em;
  padding: 10px 0;
}

#shoppingOverview .picture {
  padding: 0 25px 0 0 !important;
}
@media (max-width: 600px) {
  #shoppingOverview .info {
    margin-left: 0px;
    margin-top: 25px;
  }
}

.bounties {
  padding: 0;
  justify-content: flex-start;
}
@media (max-width: 600px) {
  .bounties {
    justify-content: space-between;
  }
}
.bounties .card-bounty {
  width: 31%;
  text-align: center;
  justify-content: space-between;
  padding-bottom: 130px;
}
@media (max-width: 600px) {
  .bounties .card-bounty {
    max-width: unset;
  }
}
.bounties .card-bounty .card-title {
  padding-bottom: 10px;
  width: 100%;
  height: auto !important;
}
.bounties .card-bounty .card-content {
  min-height: unset;
  width: 100%;
}
.bounties .card-bounty .card-content .card-image {
  padding: 0;
  margin: 0;
  max-width: unset;
}
.bounties .card-bounty .card-content .card-image-container {
  width: 80%;
  height: 150px;
  background: white;
}
.bounties .card-bounty .card-content .card-image-container > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: none;
  box-shadow: none;
}
.bounties .card-bounty .card-footer > .payment {
  padding: 10px 0;
}
.bounties .card-bounty .card-footer > .info > .opener {
  cursor: pointer;
  padding-bottom: 10px;
}
.bounties .card-bounty .card-footer > .info > .opener .ui-icon-info {
  background-image: url("../Images/ui-icons_444444_256x240.png");
  margin-right: 5px;
}
.bounties .card-bounty .card-footer > .info > .dialog {
  display: none;
}

.ui-dialog.bounty .ui-dialog-content {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.ui-dialog.bounty .ui-dialog-content > ul {
  order: 1;
  flex-basis: 60%;
  margin: 10px;
}
.ui-dialog.bounty .ui-dialog-content > .image {
  order: 2;
  margin: 10px;
  max-width: 100%;
  overflow: hidden;
}
.ui-dialog.bounty .ui-dialog-content > .image > img {
  max-width: 100%;
}

select {
  flex-direction: row;
}

.static .tx-mf-subscription .card-container .card {
  flex-basis: 248px;
}

.static .tx-mf-subscription .card-category:nth-child(4) {
  display: none;
}

.static .tx-mf-subscription .card-category:nth-child(7) {
  display: none;
}

.static .tx-mf-subscription .card-container .card-content .card-image img:nth-child(5) {
  display: none;
}

.elearning-icon {
  position: absolute;
  right: 0;
  top: -85px;
}

@media (max-width: 780px) {
  .elearning-icon {
    top: 0px;
  }

  .printType4 {
    padding-right: 150px;
  }

  .order-preview .printType4 {
    padding-right: 0px;
  }
}
@media (max-width: 600px) {
  .elearning-icon {
    top: -270px;
  }
}
.order-preview .elearning-icon {
  right: 30px;
  top: 10px;
}

@media (max-width: 600px) {
  .order-preview .elearning-icon {
    top: 300px;
  }

  .printType4 {
    padding-right: 0px;
  }
}
.magazine .header .info {
  position: relative;
}

.card-container .card-magazine .card-title {
  font-size: 1.35em;
}

.button-cta.orange {
  background: #ff6600;
  float: left;
  margin-top: 30px;
}

.cover-right {
  float: right;
  max-width: 210px;
  margin-top: 30px;
}

@media (max-width: 660px) {
  .cover-right {
    float: left;
    display: block;
  }

  .button-cta.orange {
    display: block;
    float: unset;
    max-width: 300px;
  }
}
.cc-grower {
  max-height: 150px;
}

.cc-banner {
  z-index: 99999;
}

.subscription-hidden {
  display: none;
}

.promo-background img {
  width: 100%;
  height: auto;
}

.subscription-card .subscription-card__top .subscription-card__header {
  align-items: start;
}

.subscription-card__title {
  min-height: 4rem;
}

.subscription-card {
  padding: 25px;
  row-gap: 1rem;
}

.box.order-preview {
  column-gap: 20px;
}

.box.order-preview .info {
  width: min-content;
  flex-grow: 100;
}
@media screen and (min-width: 768px) {
  .box.order-preview .info {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 1rem;
  }
}

@media screen and (min-width: 464px) {
  .box.order-preview .info {
    min-width: 400px;
  }
}
.info__container {
  flex-shrink: 100;
}

.order-preview__type-info__link {
  flex-grow: 1;
  flex-shrink: 0;
}

.order-preview__type-info__text {
  flex-grow: 0;
  flex-shrink: 1;
}

@media screen and (min-width: 996px) {
  .subscriptions .subscription-select-button {
    display: block;
    text-align: center;
  }

  .subscription-card .subscription-card__bottom .subscription-card__format-selection {
    display: unset;
    grid-auto-flow: unset;
  }

  .box.order-preview .picture {
    margin: 10px 0 25px 0;
    padding: 0;
    padding-right: 1rem;
  }

  .tx-mf-subscription .box {
    max-width: unset;
  }

  .box.order-preview .info {
    width: min-content;
  }

  .box.order-preview {
    padding: 20px;
  }
}
.subscriptions .subscription-select-button {
  display: block;
  text-align: center;
}

.subscription-card .subscription-card__bottom .subscription-card__format-selection {
  display: unset;
  grid-auto-flow: unset;
}

.order-preview .card-plus_icon {
  left: 27%;
}

.order-preview .printEmagIcon {
  left: 42%;
}

@media screen and (min-width: 781px) {
  .order-preview .card-plus_icon {
    left: 29%;
  }

  .order-preview .printEmagIcon {
    left: 44%;
  }
}
.box.order-preview .picture {
  margin: 10px 0 25px 0;
  padding: 0;
  padding-right: 1rem;
}

.tx-mf-subscription .box {
  max-width: unset;
}

.box.order-preview .info {
  width: min-content;
}

@media screen and (min-width: 971px) {
  .box.order-preview .picture.images-2 > img:nth-child(2) {
    left: 8px;
  }
}
html {
  scroll-behavior: smooth;
}

.formats-radio {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  margin-block-end: 0.5rem;
}

.format__parts {
  width: 100%;
  column-gap: 0.5rem;
  align-items: flex-start;
}

.format__input {
  flex-grow: 0;
}

.format__item {
  flex-grow: 1;
}

.format__title {
  font-size: 14px;
  line-height: 22px;
}

.format__type {
  font-size: 12px;
  line-height: 16px;
  color: #878787;
}

.format__price {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.format__price__icon {
  margin-inline-end: 0.5rem;
}

.format__price__icon svg {
  width: 18px;
  height: auto;
}

.format__price__prefix {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.format__price__prefix.hidden {
  display: none;
}

.info__box {
  width: 100%;
  height: 450px;
}
@media screen and (min-width: 768px) {
  .info__box {
    width: 205px;
  }
}

.order-preview-options {
  max-width: unset;
  order: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  gap: 1rem;
  background: #F1F1F1;
  border: 1px solid #E2E2E2;
  height: fit-content;
  flex-grow: 1;
  position: relative;
  left: 0;
  right: 0;
  top: -450px;
  top: unset;
  z-index: 900;
  transition-property: top;
  transition-duration: 0.3s;
  min-width: 170px;
}
@media screen and (min-width: 768px) {
  .order-preview-options {
    position: fixed;
    width: min-content;
    left: unset;
    right: unset;
    top: unset;
  }
}
.order-preview-options.hidden {
  visibility: hidden;
}

.order-preview-options__price {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
.order-preview-options__price.hidden {
  display: none;
}

.order-preview-options__price-info {
  font-size: 12px;
  line-height: 16px;
  margin-block-end: 0.5rem;
  color: #878787;
}
.order-preview-options__price-info.hidden {
  display: none;
}

.order-preview-options__price-addition {
  font-size: 12px;
  line-height: 16px;
  margin-block-end: 0.5rem;
  color: #878787;
}
.order-preview-options__price-addition.hidden {
  display: none;
}

.order-preview-options__select {
  width: 100%;
}

.order-preview-options__select__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  margin-block-end: 0.5rem;
}

.order-preview-options__select__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 1;
}

.order-preview-options__selectbox {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.25rem;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  padding: 1rem;
}

.order-preview-options__selectbox-option {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: flex-start;
  width: 100%;
  min-width: 138px;
}

.order-preview-options__selectbox-option:hover {
  cursor: pointer;
}

.order-preview-options__selectbox-option__title {
  font-size: 14px;
  line-height: 22px;
}

.order-preview-options__selectbox-option__description {
  font-size: 12px;
  line-height: 16px;
  color: #878787;
}

.order-preview-options__select__submit {
  margin-block-start: 1rem;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  column-gap: 12px;
  height: 36px;
  background: #0176C3;
  border-radius: 2px;
  scroll-behavior: smooth;
}

.order-preview-options__select__submit:hover {
  text-decoration: none;
  background: #0167aa;
}

.info-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px 40px;
  gap: 16px;
  background: #F1F1F1;
  border: 1px solid #E2E2E2;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 100000;
  transform: translateY(-100%);
  transition-property: transform;
  transition-duration: 0.3s;
}
.info-mobile svg {
  transition-property: transform;
  transition-duration: 0.3s;
}

@media screen and (min-width: 768px) {
  .info-mobile {
    display: none;
  }
}
.info-mobile__price {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.info-mobild__tax {
  font-size: 12px;
  line-height: 16px;
  color: #878787;
}

.info-mobile__action {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-behavior: smooth;
}

@media screen and (min-width: 768px) {
  .box.order .order-form {
    padding-inline-end: 13.5rem;
  }
}
.magazine .box.order-preview .info {
  display: block;
}