@charset "utf-8";
/*Fonts*/
@font-face {
 font-family: 'Font';
  src: url('../fonts/OpenSans-Light.eot');
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/OpenSans-Light.woff') format('woff'),
       url('../fonts/OpenSans-Light.ttf') format('truetype'),
       url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15px;
  vertical-align: baseline;
  background: transparent;
  font-family:Font;
  color: #1c1c1b;
  text-decoration: none;
}
hr {
	background-color: #cccccb;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	width:100%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}
body {
	background-color: #fbfbfb;
}
p {
	line-height: 20px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}

h1, h2, h3, h4 {
	font-family: Font;
	color: #1c1c1b;
	font-weight: normal;
}

/*Loader*/
#loader {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fbfbfb;
	z-index: 9999;
	text-align: center;
	background-size: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../pictures/logo.svg");
}
#loader div {
	width: 0%;
	height: 5px;
	background-color: #1c1c1b;
}

#header, #content, #footer {
	opacity: 0;
    filter: alpha(opacity=0);
}
.loaded #header, .loaded #content, .loaded #footer {
	opacity: 1;
    filter: alpha(opacity=100);
}

/*BUTTONS & TEXBOXES*/
input, .input {
	overflow: hidden;
	border: 0;
	border-radius: 0;
	outline: none;
	font-size: 15px;
	font-family: Font;
}

.button {
	cursor:pointer;
	border: solid #fbfbfb 1px;
	background-color: transparent;
	color: #fbfbfb;
	height: 44px;
	width: 130px;
	text-align: center;
}
.button:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

a .button {
	display: block;
	padding-top: 9px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	
}

/*HEADER*/
#header {
	top: 0;
	position:fixed;
	border-bottom: 1px solid #1c1c1b;
	left: 2.5%;
	z-index: 50;
	height: 60px;
	width: 95%;
	margin-left:auto;
	margin-right: auto;
	background-color: rgba(121, 121, 120, 0);
	overflow:hidden;
}
.not-top #header {
	background-color: rgba(121, 121, 120, 0.8);
	width: 100%;
	left: 0px;
	border-bottom: 0px solid transparent;
}
#header #logo {
	position:fixed;
	top: 5px;
	left: 2.5%;
	height: 50px;
	width: 130px;
	background-image: url(../pictures/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#header #logo::after { /* Preload */
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url(../pictures/logo_large_white.svg);
}
.not-top #header #logo {
	background-image: url(../pictures/logo_large_white.svg);
}
/*#header #logo img {
	height: 50px;
	margin-top: 5px;
	margin-left: 0px;
	display: block;
}*/
#header #login {
	position: fixed;
	margin-top: 20px;
	top: 0;
	right: 3%;
	color: #1c1c1b;
	cursor: pointer;
}
.not-top #header #login {
	color: #fbfbfb;
}
#header #login:hover {
	color: #bdbdbd;
}
.not-top #header #login:hover {
	color: #1c1c1b;
}
#header #nav {
	margin: 20px auto 0 auto;
	overflow: hidden;
	display: table;
}
#nav ul {
	list-style: none;
}
#nav li {
	float: left;
	border-left: 1px solid #1c1c1b;
	margin-left: 10px;
	padding-left: 10px;
	transition: border-color 0.2s ease;
}
.not-top #nav li {
	border-left: 1px solid #fbfbfb;
}
#nav li:first-child {
	border-left: none;
	margin: 0px;
	padding: 0px;
}
#nav h3 {
	color: #1c1c1b;
	font-size: 16px;
}
.not-top #nav h3 {
	color: #fbfbfb;
}
#nav h3:hover,
#nav .active {
	color: #bdbdbd;
}

.not-top #nav h3:hover,
.not-top #nav .active {
	color: #1c1c1b;
}

#burger_nav {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(121, 121, 120, 0.9);
	display: none;
	opacity: 0;
	z-index: 99;
}
#burger_nav div {
	position: absolute;
	top: 50%;
	left: 25%;
	margin-top: -118.5px;
	width: 50%;
}
#burger_nav h3 {
	color: #fbfbfb;
	font-size: 50px;
	text-align: center;
}
#burger_nav h3:hover {
	color: #1c1c1b;
}
#burger_nav .active {
	color: #1c1c1b;
}

#header-close {
	display: none;
	height: 12px;
	padding-top: 12px;
	opacity: 0;
	width: 24px;
	margin: 20px 0 0 0;
	float: left;
	cursor: pointer;
	position: fixed;
	right: 4%;
	z-index: 999;
}
#header-close span:first-child {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: 0;
}
#header-close span {
	background: #fbfbfb;
	height: 1px;
	display: block;
	margin-top: 7px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: -1px 0 0 0;
}

/* Pop Up */
.pop_up {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(121, 121, 120, 0.9);
	display: none;
	opacity: 0;
	z-index: 99;
}
.pop_up.show {
	display: block;
}
.pop_up>div {
	position: relative;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: auto;
	height: auto;
}
.pop_up iframe {
	display: block;
    width: 100%;
	height: 100%;
}
.pop_up .text_box {
	margin-top: 3px;
	overflow: hidden;
	border: solid #cccccb 1px;
	border-radius: 0;
	outline: none;
	font-size: 15px;
	font-family: Font;
	width: 450px;
	height: 40px;
	padding-left: 5px;
}

#aktuell_pop>div {
	width: 720px;
	height:405px;
}

/* Aktuelles Popup */

#aktuell_pop>div.book-container {
	height: auto;
}
#aktuell_pop>div.book-container::after {
	content: "";
	display: table;
	clear: both;
}

.pop-book-img {
	position: relative;
	float: left;
	width: 30%;
}

.pop-book-img img {
	display: block;
	width: 100%;
}

.pop-book-right {
	position: relative;
	float: right;
	width: 65%;
}

.pop-book-right p {
	color: #fff;
}

.pop-book-right .seller {
	margin-top: 20px;
}

.pop-book-right .seller img {
	max-width: 130px;
	width: 100%;
}

.pop-book-right .seller a {
	display: inline-block;
	margin-right: 10px;
}

/*Login*/
#login_frm .button {
	margin-top: 3px;
	cursor:pointer;
	border: solid #cccccb 1px;
	background-color: transparent;
	color: #fbfbfb;
	height: 44px;
	width: 457px;
}
#login_frm .button:hover {
	background-color: rgba(121, 121, 120, 0.7);
}
#login_frm div {
	width: 457px;
}
#login_frm a#pw_reset {
	color: #fbfbfb;
	text-decoration: underline;
	display: none;
}
#login_frm a#pw_reset:hover {
	text-decoration: none;
}

/*WELCOME*/
#welcome {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
#welcome h3, #welcome h1 {
	color: #1c1c1b;
}
#welcome hr {
	width: 380px;
	background-color: #1c1c1b;
}
#welcome #library_button {
	width: 132px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#library_button .button {
	border-color: #1c1c1b;
	color: #1c1c1b;
}

/*DESCRIPTION*/
#description {
	background-color: #fbfbfb;
	position: relative;
}
#description img, #library #img {
	height: 95px;
	margin-bottom: 20px;
}
#description hr {
	width: 200px;
}
.last_hr {
	margin-bottom: 30px;
}
.button.dark {
	border: solid #cccccb 1px;
	color: #1c1c1b;
}
#description ._button {
	display: inline-block;
	margin-left: 40px;
}
#description ._button:first-child {
	margin-left: 0;
}
#description .contents p {
	width: 960px;
	margin: 0 auto 30px auto;
	text-align: justify;
}


/*BIG_PICTURE*/
.big_picture {
	position:relative;
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
}

/*LIBRARY*/
#library {
	position: relative;
	background-color: #fbfbfb;
}
	/*DESCRIPTION*/
	#library_description hr, .library_description hr {
		width: 280px;
	}
	#library_description {
		width: 960px;
		margin: 0 auto 30px auto;
	}
	#library_description h3 {
		transition: ease 0.2s all;
	}
	.library_description {
		display: none;
		width: 960px;
		margin: 50px auto 30px auto;
	}
	#library_holder .project_box:first-child .library_description {
		margin-top: 0px;
	}
	.project_description {
		width: 960px;
		margin: 0 auto 30px auto;
	}
	#library_description p, .project_description p {
		text-align: justify;
		-webkit-text-size-adjust: none;
	}
	#project_name, .project_name {
		font-size: 20px;
		color: #989898;
		opacity: 1;
		transition: ease 0.2s all;
	}
	
	/*SLIDER*/
	#library_cutter {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
		transition: ease 0.6s all;
	}
	#library_holder {
		width: 1920px;
		transition: ease 0.5s all;
	}
	#library_holder:after {
		content: '';
		display: table;
		clear: both;
	}
	.project_box {
		float: left;
	}
		/* Library Navigation */
		#library_navigation {
			width: 960px;
			margin: 30px auto 0 auto;
		}
		#library_navigation ul {
			list-style-type: none;
		}
		#library_navigation ul>li {
			position: relative;
			display: inline-block;
			width: 13px;
			height: 13px;
			box-sizing: border-box;
			border: solid 1px #000;
			margin-left: 4px;
			transition: ease 0.2s all;
			cursor: pointer;
		}
		#library_navigation ul>li:hover, #library_navigation ul>li.active {
			background-color: #000;
		}
		#library_navigation span.name {
			opacity: 0;
			position: absolute;
			top: -30px;
			
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			
			transition: ease 0.3s all;
		}
		#library_navigation ul>li:hover .name {
			opacity: 1;
		}
		#library_navigation ul>li:first-child {
			margin-left: 0;
		}
		
	
	/*CONTENT BOX*/
	/*BIG*/
	.library_content_box_3 {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	.library_content_box_3 ul {
		list-style: none;
		overflow: hidden;
	}
	.library_content_box_3 li {
		width: 305px;
		float: left;
		border-left: 1px solid #cccccb;
		margin-left: 5px;
		padding-left: 5px;
		text-align: left;
	}
	.library_content_box_3 li a {
		font-size: 14px;
	}
	.library_content_box_3 li:first-child {
		width: 310px;
		border-left:none;
		margin: 0px;
		margin-left: 6px;
		padding: 0px;
	}
	.library_content_box_3 div {
		margin-top: 30px;
	}
	
	/*SMALL*/
	.library_content_box_1 {
		display: none;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.library_content_box_1 ul {
		list-style: none;
		overflow: hidden;
	}
	.library_content_box_1 li {
		width: 278px;
		float: left;
		border-left: 1px solid #cccccb;
		margin-left: 10px;
		padding-left: 10px;
		text-align: left;
	}
	.library_content_box_1 li:first-child {
		width: 294px;
		border-left:none;
		margin: 0px;
		margin-left: 6px;
		padding: 0px;
	}
	.library_content_box_1 div {
		margin-top: 30px;
	}
	
	/*youtube_movie*/
	#youtube_movie, #movie {
		display: none;
		padding-top: 30px;
		height: 405px;
	}
	#youtube_movie #iframe, #movie #iframe {
		width: 720px;
		height:405px;
	}

	/* Book library slide */
	.lib-book-container {
		position: relative;
		display: block;
		/*display: grid;*/
		max-width: 960px;
		width: 98%;
		margin: 20px auto;
	}

	.lib-book-container::after {
		content: "";
		display: table;
		clear: both;
	}

	.lib-book-img {
		float: left;
		width: 30%;
	}

	.lib-book-img img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.lib-book-right {
		float: right;
		width: 65%;
	}

	.lib-book-right p {
		text-align: justify;
	}

	.lib-book-right .seller {
		position: absolute;
		bottom: 0;
		margin-top: 20px;
	}

	.lib-book-right .seller::after {
		content: "";
		display: table;
		clear: both;
	}

	.lib-book-right .seller a {
		display: block;
		float: left;
		margin-right: 15px;
	}

	.lib-book-right .seller img {
		display: block;
		max-width: 140px;
		width: 100%;
	}

	.lib-book-right .list-buttons {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	
/*members*/
#members {
	overflow: hidden;
}
#members_header {
}
#members_content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#members_header hr {
	width: 280px;
}
.members_user {
	width: 240px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.members_user .img {
	width: 234px;
	padding: 3px;
}
.members_user h3 {
	text-align: left;
	margin-left: 5px;
}
.members_user p {
	text-align: left;
	margin-left: 5px;
}
/* contact */
#contact {
	margin-left: auto;
	margin-right: auto;
}
#contact .contents div {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#contact .contents div div.form {
	width: 475px;
	margin: 0 0 0 10px;
	display: inline-block;
}
#contact .contents div div.info {
	width: 475px;
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	margin: 0;
	vertical-align: top;
	padding-left: 10px;
}
#contact .contents div div.info a {
	text-decoration: underline;
}
#contact .contents div div.info a:hover {
	text-decoration: none;
}
#contact .contents div div.info div {
	margin-top: 5px;
	width: auto;
}
#contact .contents div div.info div div {
	display: inline-block;
}
#contact .contents div div.info p.a {
	margin-top: 32px;
}
#contact .contents div div.info div div.left {
	vertical-align: top;
	width: 100px;
}
#contact .contents div div.info div div.left p:after {
	content: ":";
}
#contact .contents div div.info div div.right {
	margin-left: 10px;
}
#contact .text_box {
	margin-top: 3px;
	overflow: hidden;
	border: solid #cccccb 1px;
	border-radius: 0;
	outline: none;
	font-size: 15px;
	font-family: Font;
	width: 450px;
	height: 40px;
	padding-left: 5px;
}
#contact .text_area {
	margin-top: 3px;
	border: solid #cccccb 1px;
	border-radius: 0;
	outline: none;
	font-size: 15px;
	font-family: Font;
	line-height: 28px;
	width: 449px;
	height: 210px;
	padding: 3px;
	resize: none;
}
#contact .button {
	margin-top: 3px;
	cursor:pointer;
	border: solid #cccccb 1px;
	background-color: transparent;
	color: #1c1c1b;
	height: 44px;
	width: 456px;
}
#contact .button:hover {
	background-color: rgba(121, 121, 120, 0.7);
}
#contact hr {
	width: 280px;
}
#sponsor {
	margin-top: 50px !important;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sponsor a div {
	height: 60px;
	display: inline-block;
}

#sponsor #sungy-ag {
	background: url("../pictures/sungy-ag.svg") center no-repeat;
	background-size: cover;
	width: 140px;
}
#sponsor #bogenhofen {
	/*margin: 0 20px;*/
	background: url("../pictures/bogenhofen.svg") center no-repeat;
	background-size: cover;
	width: 230px;
}
#sponsor #abc {
	background: url("../pictures/abc.svg") center no-repeat;
	background-size: cover;
	width: 140px;
}
#sponsor #adv {
	background: url("../pictures/adv.svg") center no-repeat;
	background-size: cover;
	width: 240px;
}
#sponsor #adv-ch {
	background: url("../pictures/adv_ch.svg") center no-repeat;
	background-size: cover;
	width: 150px;
}

/*Impressum*/
#impressum {
	background-color: #1c1c1b;
	display: none;
}
#impressum hr {
	width: 280px;
}
#impressum .contents {
	background-color: #1c1c1b;
	padding-top: 90px;
	text-align: justify;
}
#impressum h3, #impressum p, #impressum a, #impressum h4 {
	color: #fbfbfb;
}
#impressum .contents div p.info, #impressum .contents div p.info a {
	text-align: center;
}
#impressum h3, #impressum h4 {
	text-align: center;
}
#impressum a {
	text-decoration: underline;
}
#impressum a:hover {
	text-decoration: none;
}
#impressum .contents div {
	width: 794px;
	margin-left: auto;
	margin-right: auto;
}
/*#impressum .contents div p {
	text-align: left;
}*/

/*spenden*/
#spenden {
	background-color: #1c1c1b;
	display: none;
}
#spenden hr {
	width: 280px;
}
#spenden .contents {
	background-color: #1c1c1b;
	padding-top: 90px;
	text-align: justify;
}
#spenden h3, #spenden h4, #spenden .info {
	text-align: center;
}
#spenden h3, #spenden p, #spenden a, #spenden h4 {
	color: #fbfbfb;
}
#spenden a {
	text-decoration: underline;
}
#spenden a:hover {
	text-decoration: none;
}
#spenden .contents div {
	width: 794px;
	margin-left: auto;
	margin-right: auto;
}
a.spenden {
	margin-left: 29px;
}
#spenden .info {
	margin-bottom: 20px;
}

/*footer*/
#footer {
	text-align: center;
	padding-bottom: 12px;
}
#footer hr {
	margin-bottom: 15px;
}
#footer p {
	margin-bottom: 2.5px;
}

/*CLASSES*/
.outer_contents {
	padding: 1%;
}
.contents {
	padding-top: 70px;
	padding-bottom: 60px;
	text-align: center;
	overflow: hidden;
	background-color: #f9f9f9;
}
.contents p {
	margin-bottom: 5px;
}
.space {
	height: 80px;
	position: relative;
	float: left;
	width: 100%;
}
.animation_all {
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease-in;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}



#aktuell_pop .seller {
	position: absolute;
	display: flex;
	justify-content: space-evenly;
	box-sizing: border-box;
	/*padding: 0 40px;*/
	bottom: -70px;
	width: 100%;
}

#aktuell_pop .seller a {
	display: block;
	width: 150px;
	margin: 0 auto;
}

#aktuell_pop .seller img {
	display: block;
	width: 100%;
}

#aktuell_pop .button {
	width: 160px;
}

#aktuell_pop .button:hover {
	background-color: rgba(111, 111, 111, 0.7);
}

.lib-book-right .book-links::after {
	content: "";
	display: table;
	clear: both;
}

.lib-book-right .book-links a {
	display: block;
	float: left;
	margin-right: 15px;
}

.book-preview-box {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

.bpb-inner {
	margin: -5px;
}

.bpb-inner::after {
	content: "";
	display: table;
	clear: both;
}

.bpb-inner a {
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	width: 33.33333%;
}

.bpb-inner img {
	display: block;
	width: 100%;
}

#youtube_movie.yt-book-box {
	height: auto;
}

.lib-book-right .book-preview-box {
	display: none;
}

.pop-m-bl > div {
	margin-top: -35px;
}

.lightboxOverlay {
	background-color: #797978;
	opacity: 0.9;
}

.lb-data .lb-number {
	color: #fff;
}


/*RESPOSIVE DESIGN*/
/*IPAD BUG FIX*/
.ipad .big_picture {
	background-attachment: scroll;
}
.ipad #big_picture_1 {
	background-position: 50% 0px;
}
.ipad #big_picture_2 {
	background-position: 50% 0px;
}
.ipad #big_picture_3 {
	background-position: 50% 0px;
}

/*SCREEN*/
@media (max-width: 1020px){
#members_content, #description .contents p, .library_description, .project_description, #library_description, #library_cutter {
	width: auto;
}
#library_description, .library_content_box_3, #library_navigation {
	display: none;
}
.library_content_box_1, .library_description {
	display: block;
}
.project_description {
	margin: 30px auto;
}
.project_box {
	float: none;
}
}
@media (max-width: 987px) {
#contact .contents div {
	width: auto;
}
#contact .contents div div.form {
	margin: auto;
}
.lib-book-img {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.lib-book-img img {
	display: inline-block;
	width: 100%;
	max-width: 150px;
}
.lib-book-right {
	width: 100%;
}
.lib-book-right .seller {
	position: relative;
}
}

@media (max-width: 500px) {
	#description ._button {
		margin-left: 0;
		width: 100%;
	}
}

/*TABLET*/
@media (max-width: 794px) {
#members_user .img {
	width: 240px;
}
#header {
	background-color: rgba(121, 121, 120, 0.8);
	width: 100%;
	left: 0px;
	border-bottom: 0px solid transparent;
}
#nav h3 {
	color: #fbfbfb;
}
#nav h3:hover,
#nav .active {
	color: #1c1c1b;
}
#header #login {
	color: #fbfbfb;
}
#header #login:hover {
	color: #1c1c1b;
}
#header #logo {
	background-image: url(../pictures/logo_large_white.svg);
}
#nav li {
	border-color: #fbfbfb;
}
#header #logo p {
	display: none;
}
#header #logo img {
	height: 40px;
	margin-top:10px;
}
#youtube_movie, #movie {
	height: 230px;
}
#youtube_movie #iframe, #movie #iframe {
	width: 410px;
	height:230px;
}
#contact .contents div div.form, #contact .contents div div.info, #contact .contents div {
	width: 390px;
	margin: auto;
}
#spenden .contents div {
	width: auto;
}
#impressum .contents div {
	width: auto;
}
#contact .text_box {
	width: 380px;
}
#contact .text_area {
	width: 379px;
}
#contact .button {
	width: 386px;
}
#burger_nav h3 {
	font-size: 40px;
}
#burger_nav div {
	left: 20%;
	width: 60%;
}

#aktuell_pop>div {
	width: 90%;
	height: 0;
	padding-bottom: 50%;
}

#aktuell_pop>div.book-container {
	padding: 0;
}

.pop-book-img {
	width: 100%;
	margin-bottom: 20px;
}

.pop-book-img img {
	width: 100%;
	max-width: 140px;
	margin: 0 auto;
}

.pop-book-right {
	width: 100%;
}

.pop_up iframe {
	position: absolute;
}
.big_picture {
	background-attachment: scroll;
}
#big_picture_1 {
	background-position: 50% 0px;
}
#big_picture_2 {
	background-position: 50% 0px;
}
#big_picture_3 {
	background-position: 50% 0px;
}
.bpb-inner a {
	width: 300px;
	float: none;
	margin: 0 auto;
}
}

/*Burger Nav*/
@media (max-width: 736px) {
#description ._button {
	margin-top: 30px;
}
#burger_nav div {
	left: 10%;
	width: 80%;
}
#header #nav {
	display: none;
}
#header #login {
	display: none;
}
#header-site {
	width: 24px;
	margin: 23px 0 0 0;
	float: left;
	cursor: pointer;
	position: fixed;
	right: 4%;
}
#header-site span:first-child {
	margin-top: 0;
}
#header-site span {
	background: #fbfbfb;
	height: 1px;
	display: block;
	margin-top: 7px;
}
#burger_nav div {
	margin-top: -93.5px;
}
}

@media (max-width: 550px) {
	.lib-book-right .seller a,
	.lib-book-right .book-links a {
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}

	.lib-book-right .seller a:last-child {
		margin-bottom: 0;
	}

	* {
		-webkit-text-size-adjust: none;
	}
}

/*PHONE*/
@media (max-width: 410px) {
.big_picture {
	height: 250px;
}
#welcome hr {
	width: 300px;
}
#youtube_movie, #movie {
	height: 168px;
}
#youtube_movie #iframe, #movie #iframe {
	width: 300px;
	height:168px;
}
#contact .contents div div.form, #contact .contents div div.info, #contact .contents div {
	width: 310px;
	margin: auto;
}
#contact .text_box {
	width: 300px;
}
#contact .text_area {
	width: 299px;
}
#contact .button {
	width: 306px;
}
}