/*

	Colorscheme Dr. Sandmann Apotheken
	
	Farbe 1 (rot): #ab0f1c

*/



/*	====================================================
	COLOR - STYLE: 20 (dark)
	==================================================== */

	.wz-cell.blst-20
	{
		background-color: #505460;
	}

	.wz-cell.blst-20 h1,
	.wz-cell.blst-20 h2,
	.wz-cell.blst-20 h3,
	.wz-cell.blst-20 p,
	.wz-cell.blst-20 .wz-link a
	{
		color:#FFFFFF;
	}




/*	====================================================
	FIXED TOP MENU
	==================================================== */
/*
	body
	{
		padding-top: calc(55px + (86 - 55) * ((100vw - 320px) / (1200 - 320)));
	}
*/
	body.page-node-add,
	body.page-node-edit
	{
		padding-top: 70px;
	}

	.wz-block-menu.menu-fixed-top
	{
		position:fixed;
/*
		height: calc(55px + (86 - 55) * ((100vw - 320px) / (1200 - 320)));
*/
	}






/*	====================================================
	MENU
	==================================================== */

	.wz-block.block-menu1 a,
	.wz-block.block-menu1 a:visited
	{
		font-family: 'Baloo Tammudu 2', sans-serif;
		font-weight:300;
		color:#013c8a;
		line-height:1.3em;
		font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
		transition: all .5s;
	}

	.wz-block.block-menu1 a:hover
	{
		color:#1fa02c;
	}





/*	====================================================
	LINKAGE
	==================================================== */

	/* text links */
	.wz-link a,
	.wz-link a:before,
	.wz-link a:hover,
	.wz-link a:hover::before,
	.wz-link a:focus,
	.wz-link a:visited,
	.wz-link a:active
	{
		color: #555;
	}

	/* text links */
	.wz-link a,
	.wz-link a:before,
	.wz-link a:hover,
	.wz-link a:hover::before,
	.wz-link a:focus,
	.wz-link a:visited,
	.wz-link a:active
	{
		color: #555;
	}

	/* button links */
	.wz-link-type-button a,
	.wz-link-type-button a:active,
	.wz-link-type-button a:focus,
	.wz-link-type-button a:visited,
	.wz-link-type-button input[type="submit"]
	{
		display: inline-block;
		padding: 12px;
		background-color: #013c8a;
		font-family: 'Source Sans Pro', serif;
		font-weight: 600;
		line-height: 1em;
		border-radius: 4px;
		color: #f1f1f1;
		cursor: pointer;
		transition: all .5s;
	}

	.wz-link-type-button a:hover,
	.wz-link-type-button input[type="submit"]:hover
	{
		background-color: #1fa02c;
		color: #f1f1f1;
	}










/*
	.wz-link-type-button a:hover::before
	{
		background-color:#333;
	}

	.wz-link-type-button.wz-link-style-1 a,
	.wz-link-type-button.wz-link-style-1 input[type="submit"]
	{
		border-radius:0;
		background-color:#000;
		border: 1px solid #000;
		color:#fff;
		font-weight:400;
	    transition: background-color .5s;
	}

	.wz-link-type-button.wz-link-style-1 a:hover,
	.wz-link-type-button.wz-link-style-1 input[type="submit"]:hover
	{
		background-color:#fff;
		color:#000;
	}

	.wz-link-type-button.wz-link-style-1 a:before,
	.wz-link-type-button.wz-link-style-1 input[type="submit"]:before
	{
		color:#fff;
		background-color:transparent;
	}

l	.wz-link-type-button.wz-link-style-1 a:hover::before,
l	.wz-link-type-button.wz-link-style-1 input[type="submit"]:hover::before
	{
		color:#000;
	}
*/

/*	====================================================
	BLOCKS
	==================================================== */

	.wz-block.blockstyle-20
	{
		background-color: #333;
	}

	.wz-block.block-style-30 .wz-link a,
	.wz-block.block-style-30 .wz-link a:before,
	.wz-block.block-style-30 .wz-link a:hover,
	.wz-block.block-style-30 .wz-link a:hover::before,
	.wz-block.block-style-30 .wz-link a:focus,
	.wz-block.block-style-30 .wz-link a:visited,
	.wz-block.block-style-30 .wz-link a:active
	{
		color: #fff
	}


/*	====================================================
	MAIN MENU
	==================================================== */

	/* set max height of menuitem image icon */
	.wz-block-menu .wz-menuitem img
	{
		max-height:43px;
		width:auto;
	}


	/* set max width of logo */
	.wz-block-menu .wz-menu-logo
	{
		max-width:180px;
	}


	.wz-menu-icon img
	{
		max-width: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));
	}

	.wz-block-menu .wz-cell-flow-x > .wz-cell > .wz-cell-inner,
	.wz-block-menu .wz-cell-flow-x > .wz-cell > .wz-cell-inner .wz-link,
	.wz-block-menu .wz-cell-flow-x > .wz-cell > .wz-cell-inner .wz-link-content
	{
		height:100%;
	}

	.wz-block-menu .wz-cell-flow-x > .wz-cell > .wz-cell-inner .wz-link a
	{
		display:block;
		height:100%;
	}

	.wz-block-menu .wz-cell-flow-y
	{
		height:100%;
	}


	.wz-block-menu .wz-menu-icon i
	{
		font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1200 - 320)));
	}


	.wz-menu-item .submenu
	{
		display:none;
	}


/*	====================================================
	CUSTOM SETTINGS
	==================================================== */

	/* set max height of lead image of campaign */
	.wz-block-campaign-lead .wz-row:first-child .wz-col1
	{
		max-height:700px;
		height: calc(300px + (700 - 300) * ((100vw - 320px) / (1200 - 320)));
	}

	/* add shadow to all campaign images */
	.wz-cell.campaign-image img,
	.wz-cell.campaign-video video,
	.wz-block.listitem-frame-shadow .listitem-image img
	{
		-webkit-box-shadow: 0 2px 6px 0px #777;
		-moz-box-shadow: 0 2px 6px 0px #777;
		box-shadow: 0 2px 6px 0px #777;
	}



/* wz-forms */


#wz-form-messagebox
{
	display: none;
}

#wz-form-messagebox .wz-messages
{
	border-radius:5px;
}


#wz-form-messagebox .wz-message-error
{
	padding:12px;
	background-color: #990000;
	color:#fff;
}


#wz-form-messagebox .wz-message-warning
{
	padding:12px;
	background-color: #EAC200;
	color:#fff;
}


#wz-form-messagebox .wz-message-info
{
	padding:12px;
	background-color: #00B177;
	color:#fff;
}



.field-name-field-wz-form-steps
{
	display:none;
}


ul#wz-form-steps,
ul.wz-form-step-elements,
ul#wz-action-steps,
ul#wz-rule-steps
{
	padding-left:0;
}


ul#wz-form-steps > li,
ul.wz-form-step-elements > li,
ul#wz-action-steps > li,
ul.wz-action-step-elements > li,
ul#wz-rule-steps > li,
ul.wz-rule-step-elements > li
{
	list-style-type: none;
}

ul#wz-form-steps > li.wz-form-step,
ul#wz-action-steps > li.wz-action-step,
ul#wz-rule-steps > li.wz-rule-step
{
	border:1px solid #ccc;
	padding:12px;
	background-color: #f1f1f1;
}


ul.wz-form-step-elements > li.wz-form-step-element,
li.wz-rule-step > .wz-rule-step-content,
.wz-rule-item-wrapper
{
	border:1px solid #ccc;
	padding:12px 12px 12px 24px;
	background-color: #fff;
}

ul.wz-form-step-elements > li.wz-form-step-element
{
	position: relative;

	/* turn on flex behavior */
	display: flex;

	/* let flex items wrap */
	flex-wrap: wrap;

	/* align horizontal on the main axis */
	flex-direction: row;

	/* align center on the main axis */
	justify-content:flex-start;

	align-items: center;
}


ul.wz-form-step-elements > li.wz-form-step-element > .wz-form-sortable
{
	min-width:30px;
}

ul.wz-form-step-elements > li.wz-form-step-element > .wz-field-content
{
	width: calc(100% - 200px);
}

ul.wz-form-step-elements > li.wz-form-step-element > .wz-field-content textarea
{
	width: calc(100% - 12px);
	min-height:40px;
}

ul.wz-form-step-elements > li.wz-form-step-element > .wz-button
{
/* 
	width:170px;
 */
}


.wz-form-step-navigation
{
	position: relative;

	/* turn on flex behavior */
	display: flex;

	/* let flex items wrap */
	flex-wrap: wrap;

	/* align horizontal on the main axis */
	flex-direction: row;

	/* align center on the main axis */
	justify-content:flex-start;

	align-items: center;
	
}

.wz-form-step-navigation > *
{
	margin:12px;
}

.wz-form-step-navigation > *:last-child
{
	margin-right:0;
}

.wz-form-step-navigation
{
	position: relative;

	/* turn on flex behavior */
	display: flex;

	/* let flex items wrap */
	flex-wrap: wrap;

	/* align horizontal on the main axis */
	flex-direction: row;

	/* align center on the main axis */
	justify-content:flex-start;

	align-items: space-between;
	
}


.wz-form-step-buttons > *
{
	margin:12px;
}

.wz-form-step-buttons > *:last-child
{
	margin-right:0;
}


#wz-form-messagebox ul
{
	padding-left:0;
}


#wz-form-messagebox li
{
	list-style-type:none;
}


.wz-form-steps input[type="text"]
{
	padding:6px;
	font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1200 - 320)));
}


/*	====================================================
	CUSTOM - MENU
	==================================================== */

	.wz-block.wz-block-menu
	{
		background-color:rgba(102,0,51,0.9);
	}

	.wz-block-menu .wz-logo img
	{
		max-width:500px;
	}

	.wz-block-menu .wz-cell.wz-menuitems > * > .wz-cell-wrapper
	{
		height:100%;
		align-items:center;
	}


	.wz-block-menu .wz-menuitem .wz-link a
	{
		text-transform: uppercase;
/*
		padding: 4px;
		padding-left: calc(4px + (12 - 4) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(4px + (12 - 4) * ((100vw - 320px) / (1200 - 320)));
*/
		font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
		color:#fff;
	}
	
	


/*	====================================================
	EDITOR MENU
	==================================================== */

	#wz-editor-menu
	{
	}


	#wz-editor-menu > .menu-show-button
	{
		position:fixed;
		z-index:209;
/*
		top:calc(36px + (48 - 36) * ((100vw - 320px) / (1200 - 320)));
*/
		left:calc((100vw - 50vw - 40px));
		width:80px;
		bottom:0;
		text-align:center;
		padding:calc(2px + (4 - 2) * ((100vw - 320px) / (1200 - 320)));
		border:1px solid #ccc;
		border-top-left-radius:12px;
		border-top-right-radius:12px;
		border:none;
		background-color:#064771;
		color:#fff;
	}


	#wz-editor-menu > .menu-show-button
	{
		cursor:pointer;
		font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1200 - 320)));
	}


	#wz-editor-menu > .menu-content.wz-hidden
	{
		bottom:calc(-160px + (-285 + 160) * ((100vw - 320px) / (1200 - 320)));
	}

	#wz-editor-menu > .menu-content
	{
		position:fixed;
		z-index:210;
		width:80vw;
		left:10vw;
		height:80vh;
		bottom:10vh;
		min-height:1px;
		display:flex;
		flex-direction: column;
		justify-content:space-between;
		align-items:flex-start;
		
		transition: all;
		transition-duration: .4s;

		background-color:#fff;
		border:1px solid #ccc;
		min-width:calc(160px + (280 - 160) * ((100vw - 320px) / (1200 - 320)));
/*
		top:calc(36px + (48 - 36) * ((100vw - 320px) / (1200 - 320)));
		border-left:none;
*/
	}

	#wz-editor-menu > .menu-content > .menu-items
	{
		width:100%;
/*
		max-height:60vh;
*/
		overflow-y:auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		margin-top:12px;
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item
	{
		margin-bottom:12px;
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item .menu-item-title
	{
		text-align:center;
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item > a
	{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		width:180px;
		height:180px;
		padding:calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
		margin-left:12px;
		margin-right:12px;
		background-color: #064771;
		border-radius:12px;
		text-align:center;
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item img
	{
		width:100px;
		box-shadow: 0 0px 10px 0px #000;
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item > a,
	#wz-editor-menu > .menu-content > .menu-items > .menu-item > a:visited
	{
		color:#064771;
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item > a:hover
	{
		color:#f5f5f5;
	}

	#wz-editor-menu > .menu-content > .menu-header
	{
		display:flex;
		justify-content:space-between;
		flex-direction:row;
		flex-wrap:nowrap;
		min-height:1px;
		width:100%;
		background-color:#f1f1f1;
	}

	#wz-editor-menu > .menu-content > .menu-footer
	{
		display:flex;
		justify-content:center;
		flex-direction:row;
		flex-wrap:nowrap;
		min-height:1px;
		width:100%;
		background-color:#f1f1f1;
	}

	#wz-editor-menu > .menu-content > .menu-header > .menu-title,
	#wz-editor-menu > .menu-content > .menu-footer > *
	{
		padding:calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item > a:hover
	{
		background-color:#064771;
		cursor:pointer;
	}

	#wz-editor-menu > .menu-content .menu-close-button
	{
		cursor:pointer;
		font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1200 - 320)));
	}

	#wz-editor-menu > .menu-content .menu-close-button i
	{
		display:block;
		padding:calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
	}

	#wz-editor-menu > .menu-content > .menu-header,
	#wz-editor-menu > .menu-content > .menu-footer,
	#wz-editor-menu > .menu-content > .menu-items > .menu-item a
	{
		font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
	}

	#wz-editor-menu > .menu-content > .menu-items > .menu-item:hover a
	{
		color:#fff;
	}


	.wz-cell.wz-fixed {
		position: fixed !important;
		top: 0;
		z-index: 10;
		box-shadow: 0 2px 6px 0px #777;
	}




/*	====================================================
	BUTTON
	==================================================== */






/*	====================================================
	STICKY SPENDEN BUTTON
	==================================================== */

	.wz-block.block-button
	{
		background-color:transparent;
	}

	.wz-block.block-button .widget-button .wz-link
	{
		position:fixed;
		padding:calc(3px + (6 - 3) * ((100vw - 320px) / (1200 - 320)));
		top:calc(100px + (140 - 100) * ((100vw - 320px) / (1200 - 320)));
		right:calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));
		width:calc(60px + (100 - 60) * ((100vw - 320px) / (1200 - 320)));
		border-radius:calc(8px + (12 - 8) * ((100vw - 320px) / (1200 - 320)));
		border-radius:50%;
		box-shadow:0 0px 10px #666;
		background-color:#fff;
	}