.view-book .header-title {
	min-width: 290px;
}

.view-book main {
	left: 310px;
	background-color: #FAFBFC;
}

.view-book position[data-name="main"] {
	padding-bottom: 50px;
}

/* Hauptinhalt
---------------*/

	#page_content {
		position: relative;
		width: 1000px;
		border-right: 1px solid #F8F8F8;
		background-color: #FFFFFF;
		min-height: 100%;
		padding-bottom: 75px;
	}

	#page_content .container {
		width: 100%;
	}

	#page_content .block.dragging {
		background-color: #EAF4E1;
	}

	.image-insert-placeholder {
		display: block;
		height: 30px;
		background-color: #F2F2F2;
	}

/* Block-Hover
---------------*/

	#page_content .block {
		position: relative;
	}

	#page_content .block:before,
	#page_content .block:after {
		content: '';
		clear: both;
		display: table;
	}

	#page_content .block.is-selected:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 2px;
		background-color: #DDDDDD;
	}

	#page_content .block.is-selected {
		background-color: rgba(23, 132, 152, 0.1);
	}

	#page_content .block.is-open {
		background-color: rgba(23, 132, 152, 0.3);
	}

	#page_content .block.is-open:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 2px;
		background-color: #178498;
	}

/* Block-Hinzufügen Zone
-------------------------*/

	.btn-add-block {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		height: 10px;
		width: 100%;
		cursor: pointer;
		opacity: 0.1;
		z-index: 10;
		background-image: url('/project/blockwriter/view/book/pub/img/plus.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px auto;
		background-color: #74BC68;
	}

	#page_content .block:first-of-type .btn-add-block.top {
		display: none;
	}

	.btn-add-block:hover {
		opacity: 1;
	}

	.btn-add-block.top {
		top: 0;
	}

	.btn-add-block.bottom {
		bottom: 0;
	}

/* Sidebar
-----------*/

	aside {
		position: fixed;
		top: 70px;
		bottom: 0;
		width: 350px;
		right: -535px;

	}

	aside.is-open {
		right: 0px;
	}

	aside h2 {
		margin: 0;
		font-size: 20px;
		font-weight: 600;
		margin-top: 3px;
	}

/* Inhalt
----------*/

	.aside-body {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 350px;
		background-color: #F9F9F9;
		padding: 20px;
		overflow-y: auto;
		border-left: 1px solid #DDDDDD;
	}

/* Schließenbutton
-------------------*/

	.aside-toggler {
		position: absolute;
		top: 50%;
		left: -24px;
		height: 50px;
		width: 25px;
		transform: translateY(-50%);
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		cursor: pointer;
		background-color: #F9F9F9;
		background-image: url('/project/blockwriter/scope/www/pub/img/icon/black/chevrons-right.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 16px auto;
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		z-index: 2;
	}

/* Sidebar-Button zum Schließen
--------------------------------*/

	.sidebar-toggler {
		position: absolute;
		top: 20px;
		right: 20px;
		height: 32px;
		width: auto;
		cursor: pointer;
	}

	.sidebar-toggler:hover {
		opacity: 0.6;
	}

/* Bearbeiten-Button
---------------------*/

	#editmode_toggler {
		position: absolute;
		top: 20px;
		right: 25px;
		z-index: 5;
		cursor: pointer;
		border-radius: 50px;
		height: 24px;
		width: 24px;
		opacity: 0.2;
		background-image: url('/project/blockwriter/scope/www/pub/img/icon/black/pencil.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		display: none;
	}

	#editmode_toggler:hover {
		opacity: 1;
	}

/* Blockeditor
---------------*/

	#block_editor {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: #F9F9F9;
		padding: 20px 0 0 0;
		border-left: 1px solid #DDDDDD;
		z-index: 99;
		-webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.59);
		-moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.59);
		box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.59);
	}

	#block_editor fieldset {
		border: none;
		margin: 20px;
		padding: 0;
	}

	#block_editor textarea {
		width: 100%;
	}

	/* Inhalt
	----------*/

		#block_editor_body {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 66px;
			left: 0;
			overflow-y: auto;
			background-color: #FFFFFF;
		}

	/* Toolbar
	-----------*/

		#block_editor_toolbar {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			height: 66px;
		}

/* Block löschen Button
------------------------*/

	.block-delete-icon {
		height: 24px;
		width: 24px;
		float: right;
		position: relative;
		top: 4px;
		opacity: 0.2;
		cursor: pointer;
	}

	.block-delete-icon:hover {
		opacity: 1;
	}