@font-face {
    font-family: 'Futura Std';
    src: url('assets/fonts/FuturaStd-Light.eot');
    src: url('assets/fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FuturaStd-Light.woff2') format('woff2'),
        url('assets/fonts/FuturaStd-Light.woff') format('woff'),
        url('assets/fonts/FuturaStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Futura-Medium";
  src: url("assets/fonts/FuturaMedium.eot"); /* IE9 Compat Modes */
  src: url("assets/fonts/FuturaMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("assets/fonts/FuturaMedium.otf") format("opentype"), /* Open Type Font */
    url("assets/fonts/FuturaMedium.svg") format("svg"), /* Legacy iOS */
    url("assets/fonts/FuturaMedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("assets/fonts/FuturaMedium.woff") format("woff"), /* Modern Browsers */
    url("assets/fonts/FuturaMedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

a {
	color: #333;
}
a:hover {
	color: #000;
}
	
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Futura-Medium";
	font-weight: bolder;
	/*text-transform: uppercase;*/
}

h2 {
	font-size: 2.1vh;
}
h2 small {
	font-size: 1.4vh;
	font-family: 'Futura Std';
}

h3 {
	font-size: 2vh;
}
.strong {
	font-family: "Futura-Medium";
}

.h3 {
	font-size: 22px;
}

.btn {
	border-radius: 0!important;
}


.item-center {
  place-self: center;
}
.font-normal-transform {
	text-transform: none;
}

.w-100 {
	max-width: 100%;
}
.list-group-flush>.list-group-item {
    border-width: 0;
}

.small-font {
	font-size: 1.2vh;
}
body {
	font-family: 'Futura Std';
	background-color: #2A3033;
	font-size: 1.7vh;
}

.modal-content {
	background-color: #2A3033;
}

.modal-body .menu {
	background-color: #fff;
	height: 100%;
	margin: auto;
}

.modal-header {
	border: 0;
}
.modal-footer {
	border: 0;
}

#page {
	background-color: #fff;
	margin: 0 auto 0 auto;
}

.text-normal {
	text-transform: none!important;
}

.slide {
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(12,8.333%);
  grid-template-areas: 
    "main main main main";
}

@media (max-width: 768px) {
	
	#page,
	.slide {
		width: 100%;
		overflow: hidden;
	}
	.slide {
	
		box-shadow: inset 3px 4px 8px 0 hsl(0deg 0% 52% / 25%);
	}
	.slide.p-5 .position-absolute.bottom-0 {
		position: relative!important;
	}
	#profil-profil,
	#profil-foto,
	#service-service,
	#service-foto,
	#service-foto-2,
	#service-foto-3,
	#service-foto-4,
	#service-foto-5,
	#service-foto-6,
	#service-foto-7,
	#service-foto-8
	 {
		box-shadow: none!important; 
	}
	
	
	#profil-foto,
	#service-foto,
	#service-foto-2,
	#service-foto-3,
	#service-foto-4,
	#service-foto-5,
	#service-foto-6,
	#service-foto-7,
	#service-foto-8 {
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	
	#profil-philosophie,
	#service-architektur,
	#service-office-solution,
	#service-home-solution,
	#service-horeca-solution,
	#service-objectdesign-solution,
	#service-unternehmensarchitektur {
		padding-bottom: 0!important;
	}
	
	#intro {
		position: relative;
		overflow: visible;
		margin: 0 0 250px 0!important;
	} 
	#intro.banner,
	#profil .banner	{
		min-height: 550px;
	}
	
	#news-foto .banner	{
		min-height: 655px;
	}
	#intro .item-b {
		position: absolute;
		height: 250px;
		margin: 0!important;
		padding: 1rem 3rem 1rem 3rem!important;
		bottom: -250px;
		background-color: #EFEFEF;
		color: #000!important;
		z-index:  2000;
	}
	#intro .item-b .h4 { 
		margin-top: 25px;
	}
	#profil-kontakt .banner {
		min-height: 185px!important;
	}
	#methode-foto-2 .item-b {
		background-position: left center!important;
	}
	.seitenzahl {
		display: none;
	}
}
.sub-1 small {
	font-size: 1.7vh;
}

.modal-body {
	padding: 0;
}
#menu_modal .pages{
	min-height: 33.333%;
	max-height: 33.333%;
	height: 33.333%;
	overflow: hidden;
	background-color: #2A3033;
}
/*
#menu_modal .pattern{
	animation: shakeX; 
	animation-duration: 1s;
}
*/
#menu_modal .pages .col {
	animation: slideInRight; /* fpage
	referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; /* don't forget to set a duration! */
	border: 1px solid #797979;
}
#menu_modal .pages .page-a {
	animation-duration: 1s; 
}
#menu_modal .pages .page-b {
	animation-duration: 0.8s; 
}
#menu_modal .pages .page-c {
	animation-duration: 1.5s; 
}
#menu_modal .pages .page-d {
	animation-duration: 1.2s; 
}
#menu_modal .pages .page-e {
	animation-duration: 1.5s; 
}
#menu_modal .pages .page-f {
	animation-duration: 1s; 
}

#menu_modal .pattern{
	min-height: 22.222%;
	max-height: 22.222%;
	height: 22.222%;
	overflow: hidden;	
}
.pattern .item-b {
	background-repeat: repeat;
	background-size: auto;
}

#menu_modal .menu-items{
	min-height: 11.111%;
	max-height: 11.111%;
	height: 11.111%;
	overflow: hidden;	
	background-color: #242424;
	text-transform: uppercase;
	
	
	
}
#menu_modal .menu-items a{
	background-color: #9E9C92;
	
	color: #fff;
}

#menu_modal .menu-items button.active{
	background-color: #fff;
	color: #0C0917;
}

#menu_modal .btn{
	border: 1px solid #797979;

}

/*
#menu_modal .grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: repeat(12,8.333%);
	background-color: #282828;
	 grid-template-areas: 
    "main main main main";
}

#menu_modal .carousel-item .page-a {
	grid-area: 1 / 1 / span 4 / span 2;
}
#menu_modal .carousel-item .page-b {
	grid-area: 1 / 3 / span 4 / span 2;
}
#menu_modal .carousel-item .page-c {
	grid-area: 1 / 5 / span 4 / span 2;
}
#menu_modal .carousel-item .page-d {
	grid-area: 5 / 1 / span 4 / span 2;
}
#menu_modal .carousel-item .page-e {
	grid-area: 5 / 3 / span 4 / span 2;
}
#menu_modal .carousel-item .page-f {
	grid-area: 5 / 5 / span 4 / span 2;
}

#menu_modal .carousel-item .item-b {
	grid-area: 9 / 1 / span 2 / span 6;
}
#menu_modal .carousel-item .menu-item-a {
	grid-area: 10 / 1 / span 2 / span 1;
}
#menu_modal .carousel-item .menu-item-b {
	grid-area: 10 / 2 / span 2 / span 1;
}
#menu_modal .carousel-item .menu-item-c {
	grid-area: 10 / 3 / span 2 / span 1;
}
#menu_modal .carousel-item .menu-item-d {
	grid-area: 10 / 4 / span 2 / span 1;
}
#menu_modal .carousel-item .menu-item-e {
	grid-area: 10 / 5 / span 2 / span 1;
}
#menu_modal .carousel-item .menu-item-f {
	grid-area: 10 / 6 / span 2 / span 1;
}
*/
.item,
.item-a,
.item-b,
.item-c,
.item-d{
	overflow: hidden;
}

.cover h5 {
	font-size: 2.1vh;
}
.cover .sub-1 {
	font-size: 2.5vh;
}
.cover .sub-2 {
	font-size: 2.5vh;
	font-family: "Futura-Medium";
}
#intro .item-a {
	grid-area: 1 / 1 / span 2 / span 2;
}
#intro .item-b {
	grid-area: 10 / 4 / span 3 / span 3;
}
#intro .h4 {
	font-size: 3vh;
}
#intro .h2 {
	font-size: 3vh;
	font-family: "Futura-Medium";
}
#inhalt .item {
	align-self: end;
}
#inhalt img.pfeil {
	height: 35px;
	width: 35px;
}
#inhalt .card-title,
#inhalt h5{
	font-size: 2.1vh;
	margin: 0;
}
#inhalt li,
#inhalt .card-title small{
	font-size: 1.4vh;
}

#inhalt .item {
	margin-right: 2px;
}
#inhalt .list-group-item {
	padding: 0;
}
#inhalt .item-a {
	grid-area: 1 / 2 / span 2 / span 5;
}
#inhalt .item-b {
	grid-area: 4 / 2 / span 2 / span 5;
}
#inhalt .item-c {
	grid-area: 7 / 3 / span 2 / span 4;
}
#inhalt .item-d {
	grid-area: 10 / 3 / span 2 / span 4;
}
.inhalt_border {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	right: 48px;
	border-right: 2px solid #000;
}


#profil .item-a,
#service .item-a,
#methode .item-a,
#news .item-a {
	grid-area: 1 / 1 / span 10 / span 6;
}

#profil .item-b,
#service .item-b,
#methode .item-b {
	grid-area: 11 / 1 / span 2 / span 6;
}
/*
#news .item-a {
	grid-area: 1 / 1 / span 5 / span 3;
}
#news .item-c {
	grid-area: 6 / 1 / span 5 / span 3;
}
#news .item-d {
	grid-area: 1 / 4 / span 5 / span 6;
}
#news .item-e {
	grid-area: 6 / 4 / span 5 / span 6;
}
*/

#news {
	background-color: #EFEFEF;
}

#news .row a {

	color: #000;
	border-radius: 0;
	border: 5px solid #EFEFEF;
	
	
}

#news .item-b {
	background-color: #fff;
	grid-area: 10 / 1 / span 3 / span 7;
	box-shadow: 0px -9px 21px -5px rgba(51,51,51,0.3);
	box-shadow: inset 0px -9px 21px -5px rgb(51 51 51 / 60%);
}

@media (max-width: 768px) {
	#news .item-b {
		box-shadow: inset 0px -9px 21px -5px rgb(51 51 51 / 60%)!important;
	}
}
#news .card{
	color: #000; 
	text-decoration: none;
}

#news .card h5 {
	font-size: 1.5vh;
}

#social a {
	color: #8D4745;
}

#profil-profil .item {
	grid-area: 3 / 1 / span 8 / span 4;
  /*grid-row: 2 / 11;*/

}
#profil-philosophie {
	align-items: center;
}
#profil-philosophie .item {
	grid-area: 6 / 1 / span 6 / span 6;
}

#profil-foto .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
}

#profil-team .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#profil-team .item-b {
	grid-area: 6 / 1 / span 7 / span 6;
}

#profil-team-2 {
	column-gap: 10px;
}
#profil-team-2 h2 {
	font-size: 1.7vh;
	text-transform: none;
}

#profil-team-2 .item-a {
	grid-area: 1 / 1 / span 4 / span 3;
}
#profil-team-2 .item-b {
	grid-area: 5 / 1 / span 8 / span 3;
}
#profil-team-2 .item-c {
	grid-area: 1 / 4 / span 4 / span 3;
}
#profil-team-2 .item-d {
	grid-area: 5 / 4 / span 8 / span 3;
}

#profil-kontakt .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#profil-kontakt .item-b {
	grid-area: 5 / 1 / span 4 / span 6;
}
#profil-kontakt .item-c {
	grid-area: 9 / 1 / span 4 / span 6;
}

#profil-standort .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}

#profil-standort .item-b {
	grid-area: 5 / 1 / span 8 / span 6;
}

#service-service .item-a {
	grid-area: 5 / 1 / span 5 / span 4;
}

#service-architektur .item-a {
	grid-area: 6 / 1 / span 6 / span 6;
}

#service-foto .item-a {
	grid-area: 3 / 1 / span 8 / span 6;
}

#service-innenarchitektur .item-a {
	grid-area: 5 / 1 / span 8 / span 6;
}

#service-foto-2 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
}
#service-office-solution .item-a {
	grid-area: 6 / 1 / span 7 / span 6;
}
#service-foto-3 .item-a {
	grid-area: 5 / 1 / span 8 / span 6;
}
#service-home-solution .item-a {
	grid-area: 6 / 1 / span 7 / span 6;
}
#service-foto-4 .item-a{
	grid-area: 5 / 1 / span 8 / span 6;
}
#service-horeca-solution .item-a {
	grid-area: 6 / 1 / span 7 / span 6;
}
#service-foto-5 .item-a {
	grid-area: 5 / 1 / span 8 / span 6;
}

#service-objectdesign-solution .item-a{
	grid-area: 6 / 1 / span 7 / span 6;
}
#service-foto-6 .item-a {
	grid-area: 5 / 1 / span 8 / span 6;
}
#service-architekturmanagement .item-a {
	grid-area: 6 / 1 / span 6 / span 6;
}
#service-foto-7 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
}
#service-immobilienberatung .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#service-immobilienberatung .item-b {
	grid-area: 6 / 4 / span 7 / span 3;
}
#intro {
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: top center!important;
}
#service-projektentwicklung-projektmanagement {
	column-gap: 10px;
}
#service-projektentwicklung-projektmanagement .item-a {
	grid-area: 1 / 1 / span 4 / span 3;
}
#service-projektentwicklung-projektmanagement .item-b {
	grid-area: 6 / 1 / span 7 / span 3;
}
#service-projektentwicklung-projektmanagement .item-c {
	grid-area: 1 / 4 / span 4 / span 3;
}
#service-projektentwicklung-projektmanagement .item-d {
	grid-area: 6 / 4 / span 7 / span 3;
}
#service-unternehmensarchitektur .item-a {
	grid-area: 6 / 1 / span 7 / span 6;
}
#service-foto-8 .item-a {
	grid-area: 5 / 1 / span 8 / span 6;
}

#news-foto .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
}

#methode-foto {
	column-gap: 4px;
	row-gap: 4px;
}

#methode-foto .item-a {
	grid-area: 1 / 1 / span 6 / span 3;
}
#methode-foto .item-b {
	grid-area: 3 / 4 / span 4 / span 6;
}
#methode-foto .item-c {
	grid-area: 7 / 1 / span 4 / span 4;
}

#methode-foto-2  {
	row-gap: 4px;
}

#methode-foto-2 .item-a {
	grid-area: 3 / 3 / span 4 / span 4;
}
#methode-foto-2 .item-b {
	grid-area: 7 / 1 / span 4 / span 6;
}
#methode-foto-3 .item-a {
	grid-area: 3 / 1 / span 8 / span 6;
}
#methode-foto-4 .item-a {
	grid-area: 3 / 1 / span 8 / span 6;
}

#methode-foto-5 {
	column-gap: 4px;
	row-gap: 4px;
}

#methode-foto-5 .item-a {
	grid-area: 1 / 1 / span 6 / span 3;
}
#methode-foto-5 .item-b {
	grid-area: 5 / 4 / span 6 / span 6;
}
#methode-foto-5 .item-c {
	grid-area: 7 / 1 / span 4 / span 3;
}

#inhalt a{
	color: #000;
	text-decoration: none;
}
#inhalt a.btn{
	color: #fff;
}

#impressum {
	overflow-y: scroll;
}
#impressum .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
	overflow: visible;
}

#news-single {
	overflow-y: scroll;
}
#news-single .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
	overflow: visible;
}

#datenschutz {
	overflow-y: scroll;
}
#datenschutz .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
	overflow: visible;
}

.banner {
	width: 100%;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: top center!important;
}

.menu a {
	color: #928B93;
}

.menu_btn {
	z-index: 1000;
}
/*767.98px 992px*/

@media (max-width: 766px) {
	.menu_btn {
		display: none;
	}
	
	#copyright, 
	#footer_menu {
		position: relative!important;
		text-align: center;
	}
	/*#intro,
	.banner,
	.rmin-height {
		min-height: 800px;
	}
	
	body {
		font-size: 1.2em;
	}
	
	.p-5 {
		padding: 25px!important;
	}*/
	
	.slide {
		display: block;
		
	}
	#map {
		min-height: 350px;
		border-bottom: 25px solid #EFEFEF;
		
	}
	.banner {
		min-height: 500px;
		margin-bottom: 25px;
	}
	#news-foto .banner {
		min-height: 705px;
	}
	.inhalt_border {
		display: none;
	}
	#inhalt .item {
		margin-bottom: 50px;
	}
	#news #news_carousel .w-50{
		width: 100%!important;
	}
	#inhalt,
	.menu_btn,
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next{
		/*display: none;*/
	}
	
	.small-font {
		font-size: 1em;
	}

	/*
	#profil-profil .item {
		grid-area: 1 / 1 / span 12 / span 6;

	}
	
	#profil-philosophie .item {
		grid-area: 1 / 1 / span 12 / span 6;
	}
	*/
}
/*
@media (min-width: 767.98px) {
	
	#profil-profil {padding-top: 200px!important;}
	#profil-philosophie {padding-top: 300px!important;}
	#service-service {padding-top: 300px!important;}
	#service-architektur {padding-top: 400px!important;}
	#service-office-solution {padding-top: 400px!important;}
	#service-innenarchitektur {padding-top: 400px!important;}	
	#service-home-solution {padding-top: 400px!important;}
	#service-horeca-solution {padding-top: 400px!important;}
	#service-objectdesign-solution {padding-top: 400px!important;}
	#service-architekturmanagement {padding-top: 400px!important;}
	#service-unternehmensarchitektur {padding-top: 400px!important;}
}
*/
@media (min-width: 1200px) {
	.menu_btn {
		display: block;
	}
}

#copyright, 
#footer_menu {
	font-size: 1.4vh;
	color: #b3b1b1;
	z-index: 9000;
}
#footer_menu a{
	color: #b3b1b1;
	text-decoration: none;
}
#footer_menu a:hover{
	color: #fff;
}

.h-100 {
	min-height: 100vh!important;
	height: 100vh!important;
}

.fp-slide {
	position: relative;
}
.seitenzahl {
	position: absolute;
	bottom: 5px;
	right: 80px;
	font-size: 1.7vh;
}

.carousel-inner {
	overflow: visible;
}
.carousel-control-prev {
    left: -10%;
	width: 5%;
}

.carousel-control-next {
    right: -10%;
	width: 5%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 100%;
    height: 100%;
}

.carousel-control-next-icon {
	background-image: url("media/next.svg");
}
.carousel-control-prev-icon {
	background-image: url("media/prev.svg");
}
.fp-controlArrow {
	top: 0;
	width: 5%;
	height: 100%;
	margin: 0;
}

.fp-controlArrow.fp-prev {
	width: 5%;
	left: -10%;
	border-color: transparent #4a4a4a transparent transparent;
	background-image: url("media/prev.svg");
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	opacity: .5;
	
}
.fp-controlArrow.fp-next {
	width: 5%;
	right: -10%;
	border-color: transparent transparent transparent #4a4a4a;
	background-image: url("media/next.svg");
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	opacity: .5;
}

.fp-controlArrow.fp-prev:hover ,
.fp-controlArrow.fp-next:hover {
	opacity: 1;
}

#featured_carousel img {
	border: 5px solid #fff;
}


#featured_carousel .col-sm-6{
	padding: 0!important;
}

#featured_carousel .row {
	padding: 0 3px 0 3px;
}
#featured_carousel .carousel-control-next-icon {
	background-image: url("media/next_dark.svg");
}
#featured_carousel .carousel-control-prev-icon {
	background-image: url("media/prev_dark.svg");
}
#featured_carousel .carousel-control-prev {
    left: -35px;
}
#featured_carousel .carousel-control-next {
    right: -35px;
}
#featured_carousel .carousel-inner .carousel-item-right.active,
#featured_carousel.carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}

#featured_carousel .carousel-inner .carousel-item-left.active, 
#featured_carousel .carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%)
}

#featured_carousel .carousel-inner .carousel-item-right,
#featured_carousel .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

.badge {
	border-radius: 0;
	font-family: 'Futura Std';
	
	font-weight: 400;
	padding: 5px 15px 5px 15px;
}
 
 
.carousel-indicators {
	position: relative;
}
.carousel-indicators [data-bs-target],
.bg-dark {
	background-color: #8D4745!important;
} 

.btn-dark {
	background-color: #8D4745;
	border-color: #8D4745;
}

.bg-light {
	background-color: #fff!important;
	border-color: #fff;
	color: #000;	
	font-size: 1.4vh;
	width: 100%;
	font-weight: bolder;
	font-weight: bolder;
	
}

.badge {
	text-align: left!important;
    white-space: normal!important;
	line-height: normal!important;
}

.navbar {
	z-index: 9000;
	text-transform: uppercase;
}
.navbar a {
	font-size: 16.905px;
	font-weight: 700!important;
	line-height: 20.286px;
	color: #212529!important;
	font-family: "Futura-Medium";
    font-weight: bolder;
    text-transform: uppercase;
}
.navbar .container-fluid {
	background-color: #fff;
}
.navbar-light .navbar-toggler {
	border-radius: 0;
}
.navbar-toggler {
	padding: .25rem;
}

.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}
ul {
	padding-left: 1rem;
}
li {
	list-style-type: square;
}

#footer_menu { 
	background-color: #2A3033;
}

.nav-tabs,
.nav-tabs li{
	list-style-type: none!important;
}
.nav-item {
	list-style: none;
}






 /* Chapter 01 

 #page-01-01 {
	position: relative;
	overflow: visible;
	margin: 0 0 250px 0!important;
} 
*/
#page-01-01.banner	{
	min-height: 550px;
}

/*
#page-01-01 .item-b {
	position: absolute;
	margin: 0!important;
	z-index:  2000;
	
}
*/
.intro .item-b .h4,
#page-01-01 .item-b .h4 { 
	margin-top: 25px;
}

#page-01-01 .item-a {
	grid-area: 1 / 1 / span 2 / span 2;
}
#page-01-01 .item-b {
	grid-area: 10 / 1 / span 3 / span 6;
	text-align: center;
}
.intro .h4,
#page-01-01 .h4 {
	font-size: 30px;
	font-family: "Futura-Medium";
	color: #000;
}
.intro .h2,
#page-01-01 .h2 {
	font-size: 25px;
	font-family: "Futura-Medium";
	color: #000;
}

#page-01-01 .item-logo {
	grid-area: 9 / 1 / span 1 / span 6;
	text-align: center;
}

@media (max-width: 768px) {
	#page-01-01 .item-logo img{
		margin-top: 300px;
	}
}

 #page-01-02 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }

 #page-01-04 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }


 #page-01-05 .item {
    grid-area: 6 / 1 / span 7 / span 6;
    /* grid-row: 2 / 11; */
}





 /* Chapter 02 A */




#page-02a-01 .item-a {
grid-area: 1 / 1 / span 12 / span 6;
}

#page-02a-01 .item-b {
	grid-area: 11 / 1 / span 2 / span 6;
}


 #page-02a-02 .item-a {
    grid-area: 1 / 1 / span 8 / span 6;
}
#page-02a-02 .item-b {
    grid-area: 9 / 1 / span 4 / span 6;
}


#page-02a-03 .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
}


#page-02a-04 .item-a {
    grid-area: 1 / 1 / span 4 / span 6; 
}

#page-02a-04 .item-b {
    grid-area: 6 / 1 / span 8 / span 6;
}

#page-02a-05 .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
}
#page-02a-06 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-02a-07 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
/* Chapter 02B */


#page-02b-01 .item-a {
	grid-area: 1 / 1 / span 10 / span 6;
	}
	
	#page-02b-01 .item-b {
		grid-area: 11 / 1 / span 2 / span 6;
	}






 #page-02b-02 .item-a {
    grid-area: 1 / 1 / span 7 / span 6;
}
#page-02b-02 .item-b {
    grid-area: 6 / 1 / span 8 / span 6;
}

#page-02b-03 .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
}


#page-02b-04 .item-a {
    grid-area: 1 / 1 / span 5 / span 6; 
}
#page-02b-04 .item-b {
    grid-area: 6 / 1 / span 8 / span 6;
}

#page-02b-05 .item-a{
	grid-area: 1 / 1 / span 12 / span 6;
}
#page-02b-06 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;
}
#page-02b-07 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
 /* Chapter 03*/

#page-03-01 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
	}
	
	#page-03-01 .item-b {
		grid-area: 11 / 1 / span 2 / span 6; text-align:center;
	}



 #page-03-02 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }

 #page-03-03 .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#page-03-03 .item-b {
	grid-area: 6 / 1 / span 7 / span 6;
}

#page-03-04 .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}

#page-03-04 .item-b {
	grid-area: 6 / 1 / span 8 / span 6;
}

#page-03-05 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
}

#page-03-06 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-03-07 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-03-08 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;
}
#page-03-09 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-03-10 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-03-11 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-03-12 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
}
#page-03-13 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 
#page-03-14 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;
} 
#page-03-15 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 
#page-03-16 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 
#page-03-17 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 
/* Chapter 04*/


#page-04-01 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
	}
	
	#page-04-01 .item-b {
		grid-area: 11 / 1 / span 2 / span 6;
	}




#page-04-02 .item-a {
	grid-area: 1 / 1 / span 8 / span 6;
}
#page-04-02 .item-b {
	grid-area: 9 / 1 / span 4 / span 6;
}
#page-04-03 .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#page-04-03 .item-b {
	grid-area: 5 / 1 / span 9 / span 6;
}
#page-04-04 .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#page-04-04 .item-b {
	grid-area: 5 / 1 / span 9 / span 6;
}
#page-04-04-01 .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#page-04-05 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
 #page-04-06 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 
#page-04-07 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 
#page-04-08 .item-a {
    grid-area: 1 / 1 / span 11 / span 6;
} 



/* extra bilder */

 #page-04-com-00 .item-a {
    grid-area: 1 / 1 / span 10 / span 6;

 }
 #page-04-com-00 .item-b {
    grid-area: 11 / 2 / span 12 / span 4;
 }

 #page-04-com-01 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }






 #page-04-com-02 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
 
 #page-04-com-03 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
  #page-04-com-04 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
  #page-04-com-05 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
  #page-04-com-06 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
  #page-04-com-07 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
  #page-04-com-08 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
  #page-04-com-09 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }
   #page-04-com-10 .item-a {
    grid-area: 1 / 1 / span 12 / span 6;

 }






#page-05-01 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
	}
	
	#page-05-01 .item-b {
		grid-area: 11 / 1 / span 2 / span 6;
	}



#page-05-02 .item-a {
	grid-area: 1 / 1 / span 4 / span 6;
}
#page-05-02 .item-b {
	grid-area: 4 / 1 / span 7 / span 6;
}
#page-05-03 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
}
#page-05-04 .item-a {
	grid-area: 1 / 1 / span 12 / span 6;
}


.pdfpage {

	background-color: #282828;

}
.pdfjpg {
	overflow: scroll;
}
@media (max-width: 768px) {
	.pdfpage {
		overflow-y: scroll;
		max-height: 500px;
	}	
}