@charset "UTF-8";
/* steffens-mediadesign.de 2022 */

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v12-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
		}		

body { margin:0;
	   font-family:'Source Sans Pro';
	   font-weight:normal;
	   transition: all, 0.5s;
	   -webkit-text-size-adjust:none;
	   /*background-color: #ed6f12;  orange */
	   background-color: #bacc55;  /*hellgrün */
	   /*background-color: #007c3b;  dunkelgrün */
		   }
		   
img { border: none;
	  width: 100%;
	  height: auto; 
	  } 

.mobil { display: none; }
.desktop { display:block; }	

.klar { width:100%;
		font-size:0.1em;
		clear:both;
		}

/* seite */
#seite { position:absolute;
		 top:50%;
		 left:50%;
		 width:1100px;
		 margin-left:-33em;
		 margin-top:-21.5em;
		 height:auto;
		 }

/* Sprachumschaltung */
#lang { font-size: 0.75em;
		text-align: right;
		padding-right: 10px;
		float: right;
		}

#logo { max-width: 375px;
		height: auto;
		float: left;
		}


/* Navigation background: #069;*/
#hnav { margin-top: 30px; }

#hnav ul { list-style:none;
		   padding:0;
		   margin: 0;
		   }

#hnav ul li { display:inline;
			 padding: 4px 4px;
			 }

#hnav a { margin: 0; }

.fb img { width: 24px; 
		  height: 24px;
		  margin-bottom:-5px;
	  	  opacity: 1;
	  	  transition: opacity 0.5s; 
	  			}
	  
.fb img:hover { opacity: 0.7;
    		    filter: alpha(opacity=70); 
			 }
			 
.kreis { font-size: 1.2em; }			 



/************** Rendez-vous *****************/



.rv { color:#fff; }

a.rv:Link,a.rv:visited,a.rv:active { 
							text-decoration:none; 
							font-weight:bold; 
							color:#fff;
		 					-webkit-transition: color 0.5s;
     	 					transition: color 0.5s;
 							}						
 
a.rv:hover { text-decoration:none; font-weight:bold; color:#555; }

a.rvstat { text-decoration:none; font-weight:bold; color:#666; }











.kreis { color: #fff; font-size: 1.2em; }

.rv-ueberschrift-box { margin:50px 0 50px -30px;
				       float:left;
				       width:100%;
				       color:#fff;
					   /*background-color: #9FC;*/
				      }
				
h1 { font-family:"Times New Roman", Times, serif, Georgia; 
	 font-style:italic;
	 font-weight:100;
	 font-size: 3em;
	 margin-top: -5px;
    }

h3 { font-size:2em; 
	 font-family:"Times New Roman", Times, serif, Georgia; 
	 font-style:italic;
	 font-weight:100;
	 margin-top: 50px;
	 }


.umbruch { display: none; }

#rv-box01 { margin-top:20px;
			max-width: 460px;
			height: auto;
			/*background: rgba(220,160,165,0.5);*/
			float: left;
		      }
			  
#rvsiegel { width: 460x; 
		    height: auto;
			/*background: rgba(220,160,25,0.5);*/
			background-image:url("../img/siegel.gif");
			background-size: cover;			 
		  }


#rvsiegel img { max-width: 460px;
			    height: auto;
			   }
			 
#rv-swipernav { width: 40px; 
			    height: auto; 
			    left: 390px;/**/
			    z-index: 15;position: absolute;
				 }			 

#rv-box02 { margin-top:15px;
			max-width: 600px;
			margin-left:540px;
			font-weight:normal;
			font-size:1.2em;
			line-height:100%;
 			float: right;
			position: absolute;
			/*background: rgba(220,160,25,0.5);*/
		      }
			  

#rv-box02 a { color:#cbfd99; 
			  text-decoration:none; 
			  }




#rv-box02 ul { padding: 0 0 0 0;
			   margin: -20px 0 0 10px; 
			   }

.rv-titel { font-family: "Times New Roman", Times, serif, Georgia;
		    font-style: italic;
		    font-size: 2em;
			line-height: 120%;
			}			  

.kursiv-schreibschrift { font-family: "Times New Roman", Times, serif;
						 font-style: italic;
						 }






.klar-imp-rv { font-size: 0.01em;
			   width: 100%;
			   clear: both;
			   margin-top: 550px;
			   }

/************** Rendez-vous *****************/

#impressum { margin-top: 0.5em; 
			 font-size: 0.8em;
			 }

#impressum a { padding: 0px 5px;
			   border-left: 1px solid #333; 
			   } 

#impressum ul { list-style:none;
				margin:0;
				padding: 0;
				}

#impressum ul li { display:inline;
			       padding: 4px 4px;
			      }





/* back to top border: 1px solid #999;*/
.back-to-top {	background-image: url(../img/nach-oben.gif);
				background-repeat: no-repeat;
				background-size: 50px 46px;
				background-color: #fff;
				width: 50px;
    			height: 46px;				
				position: fixed;
				bottom: 60px;
				right: 5px;
				opacity: 0.5;
				transition: opacity 0.5s;
				z-index: 110;
				}

.back-to-top:hover { opacity: 1; }



/* Seite Anpassung Tablet */
@media screen and (max-width:1130px)	 {
	
	#seite { position:absolute;
			 top:0px;
			 left:0px;
			 width:100%;
			 margin-left:0px;
			 margin-top:0px;
			 height:auto;
			 }	
	
	#logo { margin: 10px 0 0 10px; }
	
	#lang { margin: 2px 2px 0 0; }	
	
	#hnav ul { margin-left: 10px; }
	
	
	/************** Rendez-vous *************/
	.rv-ueberschrift-box { margin:50px 0 50px 10px;
						   float:left;
						   width:90%;
						   color:#fff;
						  }
					
	h1 { margin-left:0 }				
	
	/*a.rvstat	{ color: #333; }*/
	
	#rv-box01 { margin-top:20px;
				margin-left:10px;
				width: 460px;
				height: 460px;
				float: left;
				  }
				  
	#rv-swipernav { width: 40px; 
				    height: auto; 
				    left: 380px;
				    position: absolute;
				    z-index: 15;
					 }				  
			  
	#rv-box02 { margin-top:20px;
				max-width: 500px;
				margin-left:520px;
				font-weight:normal;
				font-size:0.9em;
				line-height:150%;
				float: right;
				position:absolute;
				  }			  
	
	.klar-imp-rv { font-size: 0.01em;
				   width: 100%;
				   clear: both;
				   margin-top: 500px;
				   }	
	
	
	/************** Rendez-vous *************/
	


}




@media screen and (max-width:1024px)	 {
		
	.desktop { display: none; }
	.mobil { display: block;
			 margin-left:5px; 
			 }
	
	#logo { margin: 5px; }
	
     
	#mobilnav { display: block;
				width: 30px;
				height: 21px;
				background-image: url(../img/men-icon-rv.gif);
				background-size: cover;
				background-position: 0 0;
				transition: background-position 0.5s;
				float: left;
				margin: 20px 0 0 0;
				}
				
	a.rv:Link,a.rv:visited,a.rv:active { 
								text-decoration:none; 
								font-weight:bold; 
								color:#fff;
								-webkit-transition: color 0.5s;
								transition: color 0.5s;
								}						
	 
	a.rv:hover { text-decoration:none; font-weight:bold; color:#fff; }
	
	/*a.rvstat { text-decoration:none; font-weight:bold; color:#333; }*/				
					 
	 #hnav	{ 	  width: auto;
				  height: auto;
				  position: absolute;
				  z-index: 200;
	 		      display: block;
				  left:-220px;
				  transition: left 0.5s;
				  margin-top: 40px;
				}		
	
	#hnav ul { width: auto;
			   margin-left:0px;
			   margin-top:0px;
			   padding:0;
			   background: rgba(176,80,0,0.7);
			   }
	
	#hnav ul li { display:block;
				  padding:10px;
				  min-height:30px;
				  border-bottom:1px solid #666; 
				  }
	
	#hnav ul li.kreis { display: none; }		
	
	}
	
	

@media screen and (max-width:800px)	 {	
		
	.umbruch { display: block; }
	
	#logo { width: 94%;
		    padding:1%;
			 }
	
	#rv-box01 { margin-top:20px;
				margin-left:10px;
				width: 460px;
				height: 460px;
				float: none;
				/*background-color:#0F0;*/
					  }
			  
	#rv-swipernav { width: 40px; 
				    height: auto; 
				    left: 380px;
				    position: absolute;
				    z-index: 15;
					 }				  
			  
	#rv-box02 { margin-top:40px;
				width: 90%;
				margin-left:10px;
				font-weight:normal;
				font-size:0.9em;
				line-height:150%;
				float: left;
				position:absolute;
				  }		
	
	.klar-imp-rv { font-size: 0.01em;
					   width: 100%;
					   clear: both;
					   margin-top: 400px;
					   }	
	
	#impressum { font-size: 1em;
				 margin-top: 0.5em; 
				 text-align: center;
				 }
	
	#impressum a { font-family:Arial, Helvetica, sans-serif; 
				   font-style:normal; 
				   padding: 5px 5px;
				   border-left: 0px solid #333; 
				   } 
	
	#impressum ul { list-style:none;
					margin: 0;
					padding: 0;
					}
	
	#impressum ul li { display: block;
					   padding: 20px 4px;
					   border-top: 1px solid #999;
					  }					
	
	}
	
	
@media screen and (max-width:460px)	 {	

	body { /*background-color:#360;*/ }
	
	#rv-box01 { width: 95%;
				height: auto;
				z-index: 10;
					  }
					  
	#rv-swipernav { width: 40px; 
				    height: auto; 
				 	float: left;
				 left: 280px;/**/
				 position: absolute;
				 z-index: 15;
					 }					  
					 
	#rv-box02 { margin-top:60px;
				padding-left: 10px;
				width: 90%;
				font-weight:normal;
				font-size:0.9em;
				line-height:150%;
				float: none;
				position:relative;
				  }		
					 
					 
	.klar-imp-rv { font-size: 0.01em;
					   width: 100%;
					   clear: both;
					   margin-top: 150px;
					   }	

	}