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


*{
margin:0;
padding: 0
}
html{
height:100%;
	overflow: auto
}

body{
	min-height: 100%;
	height:100%;
	font-family: "Raleway",sans-serif;
}

.arrow-down{
display: block;
width:80px;
height:50px;
background-image: url(../images/arrow-down.png);
background-repeat: no-repeat;
background-size: 20%;
background-position: center center;
position: absolute;
bottom:80px;
left:50%;
margin-left:-40px;
}



.bodycolor_shopping{
	background-color: #fef1e3
}
.bodycolor_findyourstyle{
	background-color: #eaf6fc
}

.bodycolor_wedding{
	background-color: #faf3f8
}
.bodycolor_events{
	background-color:#e9f5f7
}

.bodycolor_lecture{
	background-color:#e4e1ef
}

.bodycolor_giftshopping{
	background-color:#fffbef
}

.bodycolor_about{
	background-color:#fff
}


#border{
border:14px solid #f2e1ed;
position: fixed;
left:0;
top:0;
bottom:0;
right:0;
pointer-events: none;
background:none !important;
z-index:1000
}

.border-white{
	border-color: #fff !important
}

.border-babyblue{
	border-color:#d5edfa !important
		
}


.border-about{
	border-color:#f2e1ed !important
		
}

#contentwrapper{
	margin:auto;
	padding-top:80px;
	width:980px;
	height:90%
}


#contentbelow{
	height:100%;
	position: relative
}


#contentwrapper .innerContent{
		margin:auto;
	width:750px;
	text-align: center;
	margin-top:100px
}

 .noMarginTop{
	margin-top:0 !important
}

#contentbelow .innerContent{
	position: relative;
	width:850px;
	text-align: left;
	margin-top:100px;
	margin-left:285px;
}

#contentbelow h3{
	text-transform: uppercase;
	font-weight: normal;
	font-size:14px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-decoration: underline
}

#contentbelow p{
font-weight:14px;
line-height:20px;
margin-bottom: 15px;
}


.innerContent h1{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal
}

.innerContent h1.impressum{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 15px;
	letter-spacing: 2px;
}

.innerContent h2{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	margin-top:60px
}

.innerContent h2.contact{
	font-size:32px;

}

.innerContent h2.impressum{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top:15px !important
		
}


a.maillink-pink,a.maillink-pink:link,a.maillink-pink:active,a.maillink-pink:visited,a.maillink-pink:hover{
	color:#df84a9 !important;
	text-decoration:none !important
}


.h2-color-shopping{
	color:#f3b384
}



.h2-color-findyourstyle{
	color:#72b3cd;
}

.h2-color-wedding{
	color:#d381a9;
}

.h2-color-events{
	color:#63c2cb
}

.h2-color-giftshopping{
	color:#d1b787
}

.h2-color-about{
	color:#df84a9;
	font-family: "Open Sans", sans-serif
}

.h2-color-lectures{
	color:#a5a0ce
}

.bigIcon{
	width:120px;
	margin:auto;
	margin-bottom: 10px
}

.bigIcon img{
width:100%;
	height:auto
}


.iconSize2{
	width:40px
}

.iconSize3{
	width:70px
}

.iconSize4{
	width:55px
}

.iconSize5{
	width:80px
}


#logo{
	position: fixed;
	z-index:100;
	width: 120px;
	left:120px
}

#logo img{
	width:100%
}



#piktos{
	margin-top:210px;
	text-align: center
}


#iconbar h2{
font-weight: normal;
font-size: 11px;
	text-transform: uppercase;
	margin-top:20px;
	letter-spacing: 1px
}

#iconbar li{
display: inline-block;
width:135px;
	height:200px;
	margin-right:20px;
	text-align: center;
}

#iconbar li a,#iconbar li a:link,#iconbar li a:active,#iconbar li a:hover,#iconbar li a:visited{
	text-decoration: none;
	color:black;
}



.symbolbox{
	width:100%;
	height:160px;

	background-repeat: no-repeat;
	background-position: bottom center;
	
}

.symb-1 {
	background-image: url(../images/icon_shopping.png);
	background-size: auto 50%;
}
.symb-2 {
	background-image: url(../images/icon_find-your-style.png);
		background-size: auto 75%;
}
.symb-3 {
	background-image: url(../images/icon_wedding.png);
		background-size: auto 75%;
}
.symb-4 {
	background-image: url(../images/icon_events.png);
	background-size: auto 75%;
	background-position: 45px bottom;
}
.symb-5 {
	background-image: url(../images/icon_lecture.png);
		background-size: auto 60%;
}
.symb-6 {
	background-image: url(../images/icon_giftshopping.png);
		background-size: auto 75%;
}

#navigation{
	position: fixed;
	bottom:30px;
	left:120px;

}



#socialMediaLinks{
	margin-top:15px;
	text-align: center
}

#socialMediaLinks i{
	margin-right:5px;
	font-size:22px !important
		
}

.datenschutz .innerContent ul{
	margin-left:15px;
}
.datenschutz .innerContent ul li{
	margin-bottom: 10px;
}
.datenschutz .innerContent h4{
	margin-bottom: 10px;
}

.datenschutz #contentbelow .innerContent {

    margin-top: -111px;

}

#navigation ul{
	width:160px;
	margin-top:140px;
	font-weight: bold;
	
}

#navigation ul li{
	list-style: none;
	text-align: center;
	height:25px;
	letter-spacing: 2px;
	font-size:12px;
	text-transform: uppercase;
}

#navigation a,#navigation a:link,#navigation a:active,#navigation a:hover,#navigation a:visited{
	color:black;
	text-decoration: none
} 


#navigationMobile{
	position: absolute;
	top:0;
	text-align: center;
	background-color:rgba(242,225,237,1);
	width:100%;
	margin:0;
	font-size:14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: none;
	padding:20px 0 10px 0;
	
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.46);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.46);	
	
	
}

#navigationMobile ul li{
	list-style: none;

	margin-top:10px;
	margin-bottom: 14px
	
}

#navigationMobile ul li a,#navigationMobile ul li a:link,#navigationMobile ul li a:active,#navigationMobile ul li a:hover,#navigationMobile ul li a:visited{
	color:black;
	text-decoration: none
}

.active{

	border-bottom: 3px solid white
}




.activeNav{
	border-bottom:7px solid #f2e1ed
}


.innerContent a,.innerContent a:link,.innerContent a:active,.innerContent a:hover,.innerContent a:visited{
	color:black;
	text-decoration: underline
} 

.referenzquelle{
font-style: italic;
margin-bottom:50px !important
}


#navMobileButton{
position: absolute;
color:#fff;
font-size:26px;
top:20px;
left:30px;
font-weight:normal;
display:none;
	z-index:600
}

#navMobileButton a,#navMobileButton a:link,#navMobileButton a:active,#navMobileButton a:hover,#navMobileButton a:visited{
	color:rgba(63,63,63,1.00);
	text-decoration:none
} 

.margin250{
	margin-top:250px !important
		
}


/*Responsive+++Responsive+++Responsive+++Responsive+++Responsive+++Responsive+++*/
@media screen and (max-width: 1024px) { 
	
 .noMarginTop{
	margin-top:40px !important
}	
	#logo{
		position: inherit;
		margin:auto;
	}
	
	#navigation{
		/*
position: absolute;
		bottom:-200px;
left:inherit;
		width:200px;
		text-align: center;
		margin-bottom:50px;
		padding-bottom: 50px
		*/
	}
	
	
#navigation{
position: inherit;
margin:auto;
	bottom: inherit;
	left:10px
}	
	
	
	
	#navigation ul{
		width:100%;
		margin-top: 100px;
	}
	
	#piktos{
		margin-top:100px
	}
	
}

@media screen and (max-width: 1024px) { 
	
	#contentwrapper{
		width: 95%;
		height: auto
	}
	

.margin250{
	margin-top:100px !important
		
}	
	
	
.arrow-down{
	display: none
}	
	
#navMobileButton{
display:block
}	
	
	

	
	
	#iconbar li{
		width:130px;
		height:130px;
		margin-right:5px;
		margin-left:5px;
		margin-bottom:5px;
		overflow: hidden !important;
	}
	
	#iconbar h2{
		margin: 0 20px 0 20px;
		overflow:hidden !important;
		height:25px;
	}
	
.symbolbox{
	background-position: center 20px;
	height: 70%
}

.symb-1 {
	background-image: url(../images/icon_shopping.png);
	background-size: auto 65%;
}
.symb-2 {
	background-image: url(../images/icon_find-your-style.png);
		background-size: auto 65%;
}
.symb-3 {
	background-image: url(../images/icon_wedding.png);
		background-size: auto 65%;
}
.symb-4 {
	background-image: url(../images/icon_events.png);
	background-size: auto 65%;
	background-position: center 20px;
}
.symb-5 {
	background-image: url(../images/icon_lecture.png);
		background-size: auto 65%;
}
.symb-6 {
	background-image: url(../images/icon_giftshopping.png);
		background-size: auto 65%;
}	
	
	
	.boxbutton1{
	background-color: #fef1e3
	}
	.boxbutton2 {
	background-color: #eaf6fc
	}
	.boxbutton3 {
	background-color: #faf3f8
	}	
	.boxbutton4 {
	background-color: #e9f5f7
	}
	.boxbutton5 {
	background-color: #e4e1ef
	}	
	.boxbutton6 {
	background-color: #fffbef
	}


#contentbelow .innerContent {
    width: 100%;
    text-align: left;
    margin-top: 50px !important;
    margin-left:0px;
}
	
	
	
	
}


@media screen and (max-width: 1024px) { 
	
#navigation{
position: inherit;
margin:auto;
	bottom: inherit;
	padding-bottom: 50px
}	
	
	
	
.innerContent h2 {	
	font-size: 26px
}
	
.bigIcon{
	width:80px
}
.iconSize2{
	width:50px;
}	
	
#contentbelow .innerContent {
    position: relative;
    width: 95%;

    margin-top: 100px;
    margin-left: 0;
}
	
	
#contentwrapper{
	height:auto;
}	
	
#contentwrapper .innerContent{
	width:100%;

}	

	
#contentbelow .innerContent img{
width: 90% !important;
margin-left:20px;
position: relative !important;
left: inherit !important;
top: inherit !important;
}

	
#contentbelow .innerContent img.noScale{
width:30% !important;
	float:right;
	margin-right:30px;
}	
	
#contentbelow .innerContent img.noScale2{
width:40% !important;
margin-right:30px;
margin-left:30px;
margin-bottom:10px;
}		
	
.block-rechts,.textblock-1,.textblock-2,.textblock-wedding{
	width:85% !important;
	position:relative !important;
	left:inherit !important;
	top:inherit !important;
	margin-left:30px;
	
}	
	
#contentbelow p{
font-size:16px;
line-height:24px;
}
	
	
	
}




@media screen and (max-width: 640px) { 
	#iconbar li.boxbutton3 h2:after{
		content:"\A \00A0";
		white-space: pre
	}
	#iconbar li.boxbutton4 h2:after{
		content:"\A \00A0";
		white-space: pre
	}	
	
	#iconbar li.boxbutton5 h2:after{
		content:"\A \00A0";
		white-space: pre
	}
	
	
	
	
}



@media screen and (max-width: 480px) { 
	
#navMobileButton{
top:10px;
left:20px;
}	
	
	#border{
		display:none
		}
	
	#piktos{
		margin-top:50px;
	}
	
	#logo{
		width:90px;
	}
	
	#contentwrapper{
		padding-top:20px;
	}
	

#contentwrapper .innerContent{
	margin-top:50px;

}	

.margin250 {
    margin-top: 50px !important;
}
	
	
	
}



@media screen and (max-width: 320px) { 

	
#contentbelow .innerContent img.noScale2{
width:80% !important;

}	
	

	#piktos{
		margin-top:25px;
	}	
	
	#iconbar li{
		width:100px;
		height:100px;
		margin-right:1px;
		margin-left:1px;
		margin-bottom:5px;
	}
	
	
	#iconbar h2{
	font-size:9px
	}	
	
	
}