/*---------------Alle Seiten---------------*/
		
			body {
				background: #eae1e7;
				margin: 0;
				padding: 0;	
				font-family: 'Muli', sans-serif;
				color: #4c4c4c;							
			} 
			
        	
			.wrapper {
				max-width:1200px;
				margin: auto;
				padding: 0px 20px;			
			}
        	 
			 .top {
				height: 10px;
				width:100%;
				background: #cd1989;	
				position:fixed;			 
			}
			
			.head {
				height:120px;
				background: #4c4c4c;					
			}
			
			.header {
				height:120px;
				background: #4c4c4c;
				margin-top: -120px;				
			}
			
			.logo {
				position: absolute;
				background-color: #ffffff;
				background-image: url(../img/logo190.png);
				background-repeat: no-repeat;
				background-position:  center 58% ;
				border-radius: 100%;
				height:130px;
				width:220px;
				text-align:center;
				padding-top: 90px;
				margin-top: -60px;
				display:block;
				box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.4), -2px -2px 2px rgba(0, 0, 0, 0.4), 2px -2px 2px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4); 
				-moz-box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.4), -2px -2px 2px rgba(0, 0, 0, 0.4), 2px -2px 2px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4); 
				-ms-box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.4), -2px -2px 2px rgba(0, 0, 0, 0.4), 2px -2px 2px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4); 
				-0-box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.4), -2px -2px 2px rgba(0, 0, 0, 0.4), 2px -2px 2px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4); 
				-webkit-box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.4), -2px -2px 2px rgba(0, 0, 0, 0.4), 2px -2px 2px rgba(0, 0, 0, 0.4), -2px 2px 2px rgba(0, 0, 0, 0.4); 
			}
			
			.logo:hover {
					background-color: #cd1989;
					background-image: url(../img/logo_150.png);	
					background-position:  center 74%;
					
			}
			
			/**
			.logo:hover {
				margin-top: -50px;
			}
			**/
			
			.menue {
				padding-top: 60px;		
				text-align: right;	
				font-variant:small-caps;
				float: right;
			} 
			
			.menue-small {
				display:none;
			}
			
			.menue a.tab {
				margin: 10px 0 0 35px;
				padding: 5px 20px 15px 20px;	
				color: white;
				text-decoration: none;
				font-size: 20px;    				
				display: block;	
				float:left;
				height: 30px;
				text-align:center;
			}
			
			.menue a.tab:last-child {
				margin-right: 0 !important;	
			}
			
			.menue a.tab:hover, .menue a.tab-active {
				
				background: #eae1e7;			
				color: #cd1989;
			}
			
			.clip-menue-active {
				display:inline-block !important;				
			}
			
			.clip-menue {
				margin-top: 2px;
				width:30px;
				display:none;
			}
			
			.content {
				background: #ffffff;
				margin:20px 0;
				padding: 20px 0;
				box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2); 				
			}
			
			.headline {
				color: #cd1989;		
				font-size: 22px; 
				font-variant:small-caps;
			}
			
			.content .text {
				font-size: 15px;
				text-align: justify;
			}
			
			
			.sub-headline {						
				font-size: 18px; 
			}
			
			.image-bg {
				margin: 20px 0;
				backgroubnd-color: white;
				padding: 10px 10px 50px 10px;
				box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.2), -2px -2px 2px rgba(0, 0, 0, 0.2), 2px -2px 2px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.2); 		
				transform: rotate(5deg);
			}
			
						
			.marker {
				 color:#cd1989;		
				 font-size: 18px;
				 font-style: italic;
			}
			
			.footer {
				padding:30px 0 40px 0;
				height:10px;
				background: #4c4c4c;
			}
			
			.impressum {
				color:white;
				text-align: right;	
				font-variant: small-caps;
			}
			
			.impressum  a {
				color: white;		
			}
			
			.impressum a:hover, .impressum a:focus {
				color: #cd1989;		
			}
			
			.impressum .line {
				padding: 0 10px;
				
			}
			
			
			
			/*-----------Home-----------*/
			
			.sortiment  {
					text-align: center;
					margin-top: 30px;		
						
					
			}
			
			.sortiment a.sortiment_clip {			
					display: inline-block;	
					margin-right:20px;				
			}
			
			.sortiment a.sortiment_clip .clip-content {
				width:230px;
				height: 60px;
				background-image: url(../img/clip_bg.png);		
				background-repeat: no-repeat;
				background-size:100% auto;		
				padding:40px 10px 10px 30px;
				color: #ffffff;
				font-size:19px;	
				text-align:left;					
					
			}
			
			.sortiment a.sortiment_clip:first-child {
				float:left;
			}
			
			.sortiment a.sortiment_clip:last-child {
				float:right;
				margin-right: 0 !important;	
			}
			
				
			
			.sortiment a.sortiment_clip .clip-content-hover {
				display:none;
				width:230px;
				height: 65px;
				background-image: url(../img/clip_bg_hover.png);		
				background-repeat: no-repeat;
				background-size: 100% auto;		
				padding:35px 10px 10px 30px;	
				color: #ffffff;
				font-size:15px;	
				text-align:left;		
								
			}
			
			.sortiment a.sortiment_clip .clip-content-hover .clip-content-hover-text {					
					width: 70%;
					margin-left: -20px;
					text-align:center;	
			}
			
						
			.sortiment a.sortiment_clip:hover  .clip-content-hover{
				display:inline-block;					
			}	
			
					
			
			
			.sortiment a.sortiment_clip:hover .clip-content{
				display: none;
					
			}
			
			/*---------------Über mich---------------*/
			
			
			.content .text-left {
				width:75%;
				float:left;				
			}
			
			.content .text-right {
				width:18%;
				float:right;				
			}
			
			.text-half {
				float:left; 
				width:46%;
				margin-right:6%;
			}
			
			.text-half-right {
				float:right;
				margin-right: 0;
				width:46%;	
			}
			
			
			/*---------------Allgemein---------------*/
			
			@font-face {
			  font-family: 'Muli';
			  font-style: normal;
			  font-weight: 400;
			  src: local('Muli'), url(https://fonts.gstatic.com/s/muli/v8/zscZFkjVRGyfQ_Pw-5exXPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
			  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
			}
			
			.clear {
				clear: both;
			}
			
			a {
				text-decoration: none;		
			}
			
			a.link {
				color: #cd1989;		
			}
			
			a.link:hover, a.link:focus {
				text-decoration: underline;
			}
        
			@media screen and (max-width: 1100px){
				.menue a.tab {
					margin: 10px 0 0 20px;
				}
			}
		
			@media screen and (max-width: 950px){
					
				/*---------------Home---------------*/
				.sortiment a.sortiment_clip .clip-content  {
					width:200px;
					height: 50px;
					padding-top: 35px;
					
				}
				
				.sortiment a.sortiment_clip .clip-content-hover  {
					width:200px;
					height: 55px;
					font-size: 14px;
					padding-top: 30px;
				}
				
				/*---------------Allgemein---------------*/
				
				.menue a.tab {
					padding: 8px 5px 15px 8px;	
				}
				
				.home {
					display:none !important;
				}
				
			}
			
			
			
			@media screen and (max-width: 800px){
				/*---------------Home---------------*/
				.sortiment a.sortiment_clip .clip-content  {
					width:160px;
					height: 45px;
					padding: 25px 10px 10px 15px;
					font-size:17px;	
				}	
				
				.sortiment a.sortiment_clip .clip-content-hover  {
					width:145px;
					height: 48px;
					font-size: 11px;
					padding-top: 22px; 
				}
				
				.sortiment a.sortiment_clip .clip-content-hover .clip-content-hover-text {	
					width: 80%;
					margin-left: -23px;
				}

				/*---------------Allgemein---------------*/
				.menue a.tab {
					margin: 10px 0 0 10px;
				}
				
				/*---------------Über mich---------------*/
				
				.text-half, .text-half-right {
					float:none;
					width:100%;
					margin:0;
				}
				
				.text-half-right {
					margin-top: 35px;	
				}
			}
			
			
			@media screen and (max-width: 650px) {
				
			/*---------------Menü---------------*/
    	   		.menue a.tab {
					float: none;
					margin: 0;
					padding: 15px;
				}
				
				.menue {
					background: #4c4c4c;	
					border: 2px solid #4c4c4c;
					border: 1px solid white;
					border-top: none;
					padding-top: 0;
					width: 150px;
					position: absolute;
					right: 10px;
					top: 10px;
					
				}
				
				.home, .menue-small {
					display:block  !important;
				}
				
				.menue-small {
					color: white !important;
					text-align:center;
					padding: 10px;
					font-size: 20px; 
					cursor: pointer;
					border-bottom: 1px solid white;
						
				}
				
				img.clip-menue {
					display:none !important;		
				}
				
				#menue-content{
					display:none;	
				}
				
				.menue a.tab-active {
					background: #4c4c4c;	
					color:white;
				}
				
				/*---------------Home---------------*/
				
				.sortiment a.sortiment_clip, .sortiment a.sortiment_clip:first-child {
					float: none !important;
					display: block;	
					margin: auto !important;
					margin-bottom: 20px !important;;
									}
				
				.sortiment a.sortiment_clip .clip-content {
					width:230px;
					height: 60px;
					margin: auto;
					padding:40px 10px 10px 30px;
					color: #ffffff;
					font-size:19px;	
					text-align:left;					
					
				}
				
				.sortiment a.sortiment_clip .clip-content-hover {
					width:230px;
					height: 65px;					
					padding:35px 10px 10px 30px;	
					color: #ffffff;
					font-size:15px;	
					text-align:left;										
				}
								
			}
			
			
			
			@media screen and (max-width: 400px) {
				
			/*---------------Menü---------------*/
			
			.menue {
				top: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 90%;
				
			}
			
			.logo {
				margin: -30px auto 0 auto;	
				left: 0;
				right: 0;
			}
			
			}