@charset "utf-8";
/* CSS Document */


/* DESKTOP 1920 - 1200 */


/* QUOTE */


		#quote {
			height: 295px;
			display: block;
			text-align:left;
			margin: 0 0 0 134px;
			color: #000;
			font-family: "Marcellus SC";
			font-size: 50px;
			font-weight: normal;
			line-height: 87%;
			letter-spacing: 0;
		}
		
		#quote_row0 {
				margin: -130px 0 0 8px;
				font-size: 30px;
				line-height: 100%;
			}
		
			#quote_row1 {
				margin: 0 0 0 -8px;
			}
			
			#quote_row2 {
				margin: 0 0 0 8px;
				width: 850px;
			}
			
			#quote_row3 {
				margin: 99px 0 0 8px;
				font-size: 30px;
			}
		
/* ABOUT ME */

		#aboutme {
			display: block;
			text-align:left;
			margin: 0 0 0 0;
			width: 1200px;
			height: 527px;
			background-color:rgba(0, 0, 0, 0.03);
		}

			#aboutme_img {
				margin: 0 0 0 36px;
				background-image: url(../img/Aboutme.png);
				background-repeat:no-repeat;
				background-position: top left;
				width: 396px;
				height: 396px;
			}
			
			#aboutme_headline {
				height: 295px;
				display: block;
				text-align:left;
				margin: 45px 0 0 465px;
				color: #000;
				font-family: "Marcellus SC";
				font-size: 35px;
				font-weight: normal;
				letter-spacing: 0;
			}
			
			#aboutme_txt {
				width: 700px;
				column-count: 2;
				-webkit-column-count: 2;
				-moz-column-count: 2;
				column-gap: 48px;
				-webkit-column-gap: 48px;
				-moz-column-gap: 48px;
				column-rule: none;
				column-width: 311px;
				-webkit-column-width: 311px;
				height: 420px;
				display: block;
				text-align:left;
				margin: 93px 0 0 465px;
				color: #000;
				font-family: Candara;
				font-size: 14px;
				font-weight: normal;
				line-height: 20px;
				letter-spacing: 0;
			}


/* SERVICE */

			#service {
				display: block;
				text-align:left;
				margin: 80px 0 0 0;
				height: 767px;
			}
			
				#service_01 {
					display: block;
					margin: 0 0 0 45px;
					width: 370px;
				}
				
				#service_01_img {
					margin: 0 0 0 0;
					background-image: url(../img/Service_01.png);
					background-size: 332px;
					background-repeat:no-repeat;
					background-position: top center;
					width: 370px;
					height: 332px;
				}
				
				#service_01_headline {
					text-align:left;
					margin: 365px 0 0 40px;
					color: #000;
					font-family: "Marcellus SC";
					font-size: 28px;
					line-height: 29px;
					font-weight: normal;
					letter-spacing: 0;
				}
				
				#service_01_txt {
					width: 290px;
					display: block;
					text-align:left;
					margin: 472px 0 0 40px;
					color: #000;
					font-family: Candara;
					font-size: 14px;
					font-weight: normal;
					line-height: 20px;
					letter-spacing: 0;
				}
				
				#service_02 {
					display: block;
					margin: 0 0 0 415px;
					width: 370px;
					background-color: rgba(255, 0, 0, 0.3); 
				}
				
				#service_02_img {
					margin: 0 0 0 0;
					background-image: url(../img/Service_02.png);
					background-size: 332px;
					background-repeat:no-repeat;
					background-position: top center;
					width: 370px;
					height: 332px;
				}
				
				#service_02_headline {
					text-align:left;
					margin: 365px 0 0 40px;
					color: #000;
					font-family: "Marcellus SC";
					font-size: 28px;
					line-height: 29px;
					font-weight: normal;
					letter-spacing: 0;
				}
				
				#service_02_txt {
					width: 290px;
					display: block;
					text-align:left;
					margin: 472px 0 0 40px;
					color: #000;
					font-family: Candara;
					font-size: 14px;
					font-weight: normal;
					line-height: 20px;
					letter-spacing: 0;
				}

				#service_03 {
					display: block;
					margin: 0 0 0 785px;
					width: 370px;
				}
				
				#service_03_img {
					margin: 0 0 0 0;
					background-image: url(../img/Service_03.png);
					background-size: 332px;
					background-repeat:no-repeat;
					background-position: top center;
					width: 370px;
					height: 332px;
				}
				
				#service_03_headline {
					text-align:left;
					margin: 365px 0 0 40px;
					color: #000;
					font-family: "Marcellus SC";
					font-size: 28px;
					line-height: 29px;
					font-weight: normal;
					letter-spacing: 0;
				}
				
				#service_03_txt {
					width: 290px;
					display: block;
					text-align:left;
					margin: 472px 0 0 40px;
					color: #000;
					font-family: Candara;
					font-size: 14px;
					font-weight: normal;
					line-height: 20px;
					letter-spacing: 0;
				}
				
				
/* QUALIFIKATION */

		#qualifikation {
			display: block;
			text-align:left;
			margin: 80px 0 0 0;
			width: 1200px;
			height: 567px;
			background-color:rgba(0, 0, 0, 0.03);
		}
			
			#qualifikation_headline {
					text-align:left;
					margin: 40px 0 0 85px;
					color: #000;
					font-family: "Marcellus SC";
					font-size: 28px;
					line-height: 29px;
					font-weight: normal;
					letter-spacing: 0;
			}
			
			#qualifikation_txt {
				width: 1050px;
				column-count: 3;
				-webkit-column-count: 3;
				-moz-column-count: 3;
				column-gap: 60px;
				-webkit-column-gap: 23px;
				-moz-column-gap: 23px;
				column-rule: none;
				column-width: 50px;
				-webkit-column-width: 50px;
				height: 1500px;
				display: block;
				text-align:left;
				margin: 100px 0 0 85px;
				color: #000;
				font-family: Candara;
				font-size: 14px;
				font-weight: normal;
				line-height: 20px;
				letter-spacing: 0;
			}
			
			
			#qualifikation_txt_headline {
				font-size: 16px;
			}
				

/* GALLERY */

			#gallery {
				display: block;
				text-align:left;
				margin: 80px 0 0 44px;
				height: 510px
			}
			
				#gallery_01_img {
					margin: 0 0 0 0;
					width: 338px;
					height: 510px;
				}
				
				#gallery_02_img {
					margin: 0 0 0 348px;
					width: 415px;
					height: 250px;
				}
				
				#gallery_03_img {
					margin: 260px 0 0 348px;
					width: 202px;
					height: 250px;
				}
				
				#gallery_04_img {
					margin: 260px 0 0 560px;
					width: 202px;
					height: 250px;
				}
				
				#gallery_05_img {
					margin: 0 0 0 773px;
					width: 337px;
					height: 510px;
				}
				
				
/* FOOTER */

			#footer {
				display: block;
				margin: 80px 0 0 0;
				width: 1200px;
				height: 669px;
				background-color: rgba(0, 0, 0, 0.03);
			}
			
			#aboutme_bullets {
				margin: 80px 0 0 453px;
				text-align:center;
				width: 290px;
			}
			
					#aboutme_bullet_01 {
						left: 0px;
						background-image: url(../img/icon_language.png);
						background-size: 60px;
						background-repeat:no-repeat;
						background-position: top center;
						width: 123px;
						height: 102px;
					}
					
					#aboutme_bullet_02 {
						right: 0px;
						background-image: url(../img/icon_lgbtq.png);
						background-size: 60px;
						background-repeat:no-repeat;
						background-position: top center;
						width: 110px;
						height: 102px;
					}
					
					.aboutme_bullets_txt {
						position: absolute;
						margin: 75px 0 0 0;
					}
			
			#footer_note {
				display: block;
				text-align:right;
				margin: 255px 0 0 160px;
				width: 500px;
				color: #000;
				font-family: Candara;
				font-size: 14px;
				font-weight: normal;
				line-height: 20px;
				letter-spacing: 0;
			}
			
			#footer_contact {
				display: block;
				text-align:left;
				margin: 255px 0 0 700px;
				width: 494px;
				color: #000;
				font-family: Candara;
				font-size: 14px;
				font-weight: normal;
				line-height: 20px;
				letter-spacing: 0;	
			}
			
			#footer_btn {
				margin: 10px 0 0 0;
				}
				
			#link_impressum {
				margin: 9px 0 0 0;
			}
				


/* TABLET EINBINDUNG 1199 - 768 */

@media (max-device-width: 1199px) {

/* QUOTE */


		#quote {
			height: 295px;
			margin: 0 0 0 150px;
			font-size: 50px;
			line-height: 87%;
		}
		
			#quote_row0 {
				margin: -100px 0 0 8px;
			}
		
			#quote_row1 {
				margin: 0 0 0 -8px;
			}
			
			#quote_row2 {
				margin: 0 0 0 8px;
				width: 350px;
			}
			
			#quote_row3 {
				margin: 227px 0 0 8px;
				font-size: 30px;
			}
		
/* ABOUT ME */

		#aboutme {
			margin: 136px 0 0 0;
			width: 1199px;
			height: 905px;			
		}

			#aboutme_img {
				margin: -97px 0 0 0;
				background-image: url(../img/Aboutme.png);
				background-size: 281px;
				background-position: top center;
				width: 768px;
				height: 281px;
			}
			
			#aboutme_headline {
				height: 295px;
				margin: 213px 0 0 123px;
				font-size: 34px;
			}
			
			#aboutme_txt {
				width: 477px;
				column-count: 1;
				column-gap: 0px;
				column-rule: none;
				column-width: 477px;
				height: 600px;
				margin: 250px 0 0 123px;
				font-size: 14px;
				line-height: 20px;
			}


/* SERVICE */

			#service {
				margin: 76px 0 0 0;
				height: 1265px;
				padding-bottom: 80px;
			}
			
				#service_01 {
					margin: 0 0 0 124px;
					
				}
				
				#service_01_img {
					margin: -20px 0 0 306px;
					background-image: url(../img/Service_01.png);
					background-size: 393px;
					background-position: top center;
					width: 393px;
					height: 393px;
				}
				
				#service_01_headline {
					margin: 0 0 0 0;
					font-size: 28px;
					line-height: 29px;
					width: 300px;
				}
				
				#service_01_txt {
					width: 280px;
					margin: 108px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}
				
				#service_02 {
					margin: 480px 0 0 0;
					
				}
				
				#service_02_img {
					margin: -20px 0 0 -55px;
					background-image: url(../img/Service_02.png);
					background-size: 393px;
					background-position: top center;
					width: 393px;
					height: 393px;
				}
				
				#service_02_headline {
					margin: 0 0 0 365px;
					font-size: 28px;
					line-height: 29px;
					width: 280px;
				}
				
				#service_02_txt {
					width: 280px;
					margin: 108px 0 0 366px;
					font-size: 14px;
					line-height: 20px;
				}

				#service_03 {
					margin: 960px 0 0 124px;
					
				}
				
				#service_03_img {
					margin: -20px 0 0 306px;
					background-image: url(../img/Service_03.png);
					background-size: 393px;
					background-position: top center;
					width: 393px;
					height: 393px;
				}
				
				#service_03_headline {
					margin: 0 0 0 0;
					font-size: 28px;
					line-height: 29px;
					width: 300px;
				}
				
				#service_03_txt {
					width: 280px;
					margin: 108px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}

/* QUALIFIKATION */

		#qualifikation {
			margin: 80px 0 0 0;
			width: 1199px;
			height: 1164px;	
		}
			
			#qualifikation_headline {
					margin: 40px 0 0 123px;
					font-size: 28px;
			}
			
			#qualifikation_txt {
				width: 477px;
				column-count: 1;
				-webkit-column-count: 1;
				-moz-column-count: 1;
				margin: 130px 0 0 123px;
			}

/* GALLERY */

			#gallery {
				margin: 0 0 0 0;
				height: 353px;
			}
			
				#gallery_01_img {
					margin: 0 0 0 0;
					width: 234px;
					height: auto;
				}
				
				#gallery_02_img {
					margin: 0 0 0 240px;
					width: 287px;
					height: auto;
				}
				
				#gallery_03_img {
					margin: 180px 0 0 240px;
					width: 140px;
					height: auto;
				}
				
				#gallery_04_img {
					margin: 180px 0 0 387px;
					width: 140px;
					height: auto;
				}
				
				#gallery_05_img {
					margin: 0 0 0 534px;
					width: 234px;
					height: auto;
				}
				
				
/* FOOTER */

			#footer {
				text-align:left;
				margin: 0 0 0 0;
				width: 768px;
				height: 1176px;
				background-color:rgba(0, 0, 0, 0.03);
			}
			
			#aboutme_bullets {
				margin: 80px 0 0 236px;
				text-align:center;
				width: 290px;
			}
			
			#footer_note {
				text-align:left;
				margin: 657px 0 0 208px;
				width: 360px;
				line-height: 20px;
			}
			
			#footer_contact {
				text-align:left;
				margin: 252px 0 0 208px;
				width: 494px;
			}
			
			#footer_btn {
				margin: 10px 0 0 0;
				}
				
			#link_impressum {
				margin: 5px 0 0 0;
			}
		
/* MOBILE EINBINDUNG 767 - 520 */	

@media (max-device-width: 767px) {
	
/* QUOTE */


		#quote {
			height: 295px;
			margin: 0 0 0 25px;
		}
		
/* ABOUT ME */

		#aboutme {
			margin: 136px 0 0 0;
			width: 767px;
			height: 940px;			
		}

			#aboutme_img {
				margin: -97px 0 0 0;
				background-image: url(../img/Aboutme.png);
				background-size: 281px;
				background-position: top center;
				width: 520px;
				height: 281px;
			}
			
			#aboutme_headline {
				width: 400px;
				height: 295px;
				margin: 213px 0 0 20px;
				font-size: 34px;
				line-height: 32px;
			}
			
			#aboutme_txt {
				width: 477px;
				column-count: 1;
				column-gap: 0px;
				column-rule: none;
				column-width: 477px;
				height: 600px;
				margin: 300px 0 0 20px;
				font-size: 14px;
				line-height: 20px;
			}


/* SERVICE */

			#service {
				margin: 76px 0 0 0;
				height: 1275px;
			}
			
				#service_01 {
					margin: 0 0 0 20px;
					
				}
				
				#service_01_img {
					margin: -20px 0 0 286px;
					background-image: url(../img/Service_01.png);
					background-size: 393px;
					background-position: top center;
					width: 393px;
					height: 393px;
				}
				
				#service_01_headline {
					margin: 0 0 0 0;
					font-size: 28px;
					line-height: 29px;
					width: 300px;
				}
				
				#service_01_txt {
					width: 280px;
					margin: 108px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}
				
				#service_02 {
					margin: 483px 0 0 0;
					
				}
				
				#service_02_img {
					margin: -20px 0 0 -177px;
					background-image: url(../img/Service_02.png);
					background-size: 393px;
					background-position: top center;
					width: 393px;
					height: 393px;
				}
				
				#service_02_headline {
					margin: 0 0 0 225px;
					font-size: 28px;
					line-height: 29px;
					width: 280px;
				}
				
				#service_02_txt {
					width: 280px;
					margin: 108px 0 0 225px;
					font-size: 14px;
					line-height: 20px;
				}

				#service_03 {
					margin: 970px 0 0 20px;
					
				}
				
				#service_03_img {
					margin: -20px 0 0 286px;
					background-image: url(../img/Service_03.png);
					background-size: 393px;
					background-position: top center;
					width: 393px;
					height: 393px;
				}
				
				#service_03_headline {
					margin: 0 0 0 0;
					font-size: 28px;
					line-height: 29px;
					width: 300px;
				}
				
				#service_03_txt {
					width: 280px;
					margin: 108px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}
				
/* QUALIFIKATION */

		#qualifikation {
			margin: 80px 0 0 0;
			width: 767px;
			height: 1195px;	
		}
			
			#qualifikation_headline {
					margin: 40px 0 0 20px;
					font-size: 28px;
			}
			
			#qualifikation_txt {
				width: 440px;
				column-count: 1;
				-webkit-column-count: 1;
				-moz-column-count: 1;
				margin: 130px 0 0 33px;
				column-width: 477px;
			}

/* GALLERY */

			#gallery {
				margin: 0 0 0 0;
				height: 555px;
			}
			
				#gallery_01_img {
					margin: 0 0 0 262px;
					width: 258px;
					height: auto;
				}
				
				#gallery_02_img {
					margin: 395px 0 0 262px;
					width: 258px;
					height: auto;
				}
				
				#gallery_03_img {
					margin: 0 0 0 0;
					width: 127px;
					height: auto;
				}
				
				#gallery_04_img {
					margin: 0 0 0 131px;
					width: 127px;
					height: auto;
				}
				
				#gallery_05_img {
					margin: 160px 0 0 0;
					width: 258px;
					height: auto;
				}
				
				
/* FOOTER */

		#footer {
			text-align:left;
			margin: 0 0 0 0;
			width: 520px;
			height: 1181px;
			background-color:rgba(0, 0, 0, 0.03);
		}
		
			#aboutme_bullets {
				margin: 80px 0 0 110px;
				text-align:center;
				width: 290px;
			}
			
			#footer_note {
				text-align:left;
				margin: 667px 0 0 85px;
				width: 360px;
				line-height: 20px;
			}
			
			#footer_contact {
				text-align:left;
				margin: 251px 0 0 85px;
				width: 494px;
			}
			
			#footer_btn {
				margin: 16px 0 0 0;
				}
				
			#link_impressum {
				margin: 9px 0 0 0;
			}

}


/* MOBILE EINBINDUNG 519 - 320 */	

@media (max-device-width: 519px) {
	
/* QUOTE */


		#quote {
			height: 295px;
			margin: 0 0 0 22px;
			font-size: 35px;
			line-height: 91%;
		}
		
			#quote_row0 {
				margin: -53px 0 0 8px;
				font-size: 21px;
			}
		
			#quote_row1 {
				margin: 0 0 0 -3px;
			}
			
			#quote_row2 {
				margin: 0 0 0 8px;
				width: 244px;
			}
			
			#quote_row3 {
				margin: 165px 0 0 8px;
				font-size: 21px;
			}
		
/* ABOUT ME */

		#aboutme {
			margin: 28px 0 0 0;
			height: 1240px;			
		}

			#aboutme_img {
				margin: -55px 0 0 0;
				background-image: url(../img/Aboutme.png);
				background-size: 169px;
				background-position: top center;
				width: 320px;
				height: 281px;
			}
			
			#aboutme_headline {
				width: 260px;
				margin: 139px 0 0 30px;
				/*text-align:center;*/
				font-size: 34px;
				line-height: 100%;
			}
			
			#aboutme_txt {
				width: 260px;
				/*text-align:center;*/
				font-size: 14px;
				line-height: 20px;
				column-count:auto;
				column-gap: 0px;
				column-rule: none;
				column-width: 290px;
				height: 1000px;
				margin: 265px 0 0 30px;
			}


/* SERVICE */

			#service {
				margin: 276px 0 0 0;
				height: 1797px;
			}
			
				#service_01 {
					margin: 0 0 0 30px;	
				}
				
				#service_01_img {
					margin: -196px 0 0 0;
					background-image: url(../img/Service_01.png);
					background-size: 169px;
					background-position: top center;
					width: 260px;
					height: 169px;
				}
				
				#service_01_headline {
					font-size: 28px;
					line-height: 29px;
					width: 280px;
					/*text-align:center;*/
				}
				
				#service_01_txt {
					width: 260px;
					/*text-align:center;*/
					margin: 141px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}
				
				#service_02 {
					margin: 732px 0 0 30px;
					
				}
				
				#service_02_img {
					margin: -196px 0 0 0;
					background-image: url(../img/Service_02.png);
					background-size: 169px;
					background-position: top center;
					width: 260px;
					height: 169px;
				}
				
				#service_02_headline {
					margin: 0 0 0 0;
					font-size: 28px;
					line-height: 29px;
					width: 270px;
					/*text-align:center;*/
				}
				
				#service_02_txt {
					width: 260px;
					/*text-align:center;*/
					margin: 112px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}

				#service_03 {
					margin: 1454px 0 0 30px;
					
				}
				
				#service_03_img {
					margin: -196px 0 0 0;
					background-image: url(../img/Service_03.png);
					background-size: 169px;
					background-position: top center;
					width: 260px;
					height: 169px;
				}
				
				#service_03_headline {
					margin: 0 0 0 0;
					font-size: 28px;
					line-height: 29px;
					width: 270px;
					/*text-align:center;*/
				}
				
				#service_03_txt {
					width: 260px;
					/*text-align:center;*/
					margin: 112px 0 0 0;
					font-size: 14px;
					line-height: 20px;
				}
				
/* QUALIFIKATION */

		#qualifikation {
			margin: 80px 0 0 0;
			height: 1804px;	
		}
			
			#qualifikation_headline {
					margin: 80px 0 0 30px;
					font-size: 28px;
			}
			
			#qualifikation_txt {
				width: 245px;
				column-count: 1;
				-webkit-column-count: 1;
				-moz-column-count: 1;
				margin: 210px 0 0 42px;
				column-width: 477px;
				height: 1784px;
			}

/* GALLERY */

			#gallery {
				margin: 0 0 0 0;
				height: 1368px;
			}
			
				#gallery_01_img {
					margin: 200px 0 0 0;
					width: 320px;
					height: auto;
				}
				
				#gallery_02_img {
					margin: 687px 0 0 0;
					width: 320px;
					height: auto;
				}
				
				#gallery_03_img {
					margin: 0 0 0 0;
					width: 158px;
					height: auto;
				}
				
				#gallery_04_img {
					margin: 0 0 0 162px;
					width: 158px;
					height: auto;
				}
				
				#gallery_05_img {
					margin: 884px 0 0 0;
					width: 320px;
					height: auto;
				}
				
				
/* FOOTER */

		#footer {
			text-align:center;
			margin: 0 0 0 0;
			width: 320px;
			height: 1350px;
			background-color:rgba(0, 0, 0, 0.03);
		}
		
			#aboutme_bullets {
				margin: 80px 0 0 44px;
				text-align:center;
				width: 236px;
			}
		
			#footer_contact {
				/*text-align:center;*/
				margin: 251px 0 0 30px;
				width: 320px;
			}
			
			#footer_note {
				/*text-align:center;*/
				margin: 667px 0 0 30px;
				width: 245px;
				line-height: 20px;
			}
			
			#footer_btn {
				margin: 16px 0 0 -20px;
				}
				
			#link_impressum {
				margin: 9px 0 0 0;
			}

}