* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-family: sans-serif;
  background: #FFFFFF;
}



.Abstand_Oben {
  padding: 225px;
}


.Schrift_gross {
	font-size: 1.0em; 
	font-style: Bold; 	

}

.Schrift_Arial {
	font-style: normal;     
	font-family: arial;
}


.Link_Loeschen
{
	color: #000000;
	font-size: 0.8em; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Loeschen:Hover
{
	color: #FF0000;	
	font-size: 0.8em; 
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	
}


.Link_rosa
{
	color: #000000;
	font-size: 1em; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
   padding: 5px 5px 5px 5px;	    	
	background-color: #FFC0C0;	
}

.Link_rosa:Hover
{
	color: #FF0000;	
	font-size: 1em; 
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	
   padding: 5px 5px 5px 5px;	    	
	background-color: #FFC0C0;	    
}


.Link_Headline
{
	color: #FFFFFF;
	font-size: 0.9em; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Headline:Hover
{
	color: #FF0000;	
	font-size: 0.9em; 
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}

.Link_Headline_weiss
{
	color: #000000;
	font-size: 0.9em; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Headline_weiss:Hover
{
	color: #FFFFFF;	
	font-size: 0.9em; 
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}

.Link_Headline_rot
{
	color: #FFFFFF;
	font-size: 0.9em; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Headline_rot:Hover
{
	color: #FF0000;	
	font-size: 0.9em; 
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}

.Link_rot_bold
{
	color: #FF0000;
	font-size: 0.9em; 
    text-decoration: none;	
	font-style: normal;     
	font-weight: bold;		
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_rot_bold:Hover
{
	color: #000000;	
	font-size: 0.9em; 
	font-style: normal; 	
	font-weight: bold;		
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}


.Auswahl
{
border-style: none;
cursor: pointer; 
}

.AnzeigeRabatt
{
color: #000000;
padding: 3;
background-color: #FF8080;	
}

.Link_Grafik
{
	color: #FFFFFF;
	font-size: 30px; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Grafik:Hover
{
	color: #FF0000;	
	font-size: 30px; 
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}


.Link_Nav
{
	color: #000000;
	font-size: 1em; 
	font-weight: bold;	
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
	cursor: pointer;
}

.Link_Nav:Hover
{
	color: #FF0000;	
	font-size: 1em; 
	font-weight: bold;	
	font-style: normal; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	
	cursor: pointer;	    
}

.text-center {
    text-align: center!important
}

.text-left {
    text-align: left!important
}
.text-right {
    text-align: right!important
}


/* change the brand and text color */
.navbar .navbar-brand,
.navbar .navbar-text {
    color: #000000;
}
/* change the link color */
.navbar-nav .nav-item .nav-link {
    color: #000000;
}
/* change the color of active or hovered links */

.navbar-nav .nav-item:hover .nav-link {
    color: #FF0000;
}


.Link_Schwarz
{
	color: #000000;
	font-size: 1em; 
    text-decoration: none;	
	font-style: normal;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Schwarz:Hover
{
	color: #FF0000;	
	font-size: 1em; 
	font-style: normal; 	
    text-decoration: text-decoration;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}

.Link_Rot
{
	color: #000000;
	font-size: 1em; 
    text-decoration: none;	
	font-style: text-decoration;     
	font-family: sans-serif;
	text-transform:uppercase;	
}

.Link_Rot:Hover
{
	color: #FF0000;	
	font-size: 1em; 
	font-style: text-decoration; 	
    text-decoration: none;	
    font-family: sans-serif;
	text-transform:uppercase;	    
}


.Schrift_rot
{
color: #FF0000;
}


.Hintergrund_rot
{
color: #FFFFFF;
background-color: #FF0000;
}

/* aufpassen auf des margin TOP*/
.Hintergrund_grau
{
color: #000000;
background-color: #EFEFEF;
}

.Hintergrund_weiss
{
color: #000000;
background-color: #FFFFFF;
}

.Hintergrund_schwarz {
  color: #FFFFFF;
  background-color:  #000000;
 }  
  
.Hintergrund_hellgrau {
  color: #000000;
  background-color:  #F2F0F0;
 }  
 
 

 
.Linie {
  height: 1px;
  color: #ff0000;
  border: none;
  background-color:  #ff0000;  
} 

.Farbe_weiss
{
color: #000000;
background-color: #FFFFFF;
}

.Farbe_grau
{
color: #000000;
background-color: #EFEFEF;
}
 

 
.carousel-control-prev,
.carousel-control-next{
    height: 50px;
    width: 50px;
    outline: $color-white;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid $color-white;
    background-color: $color-white;
}

.carousel-control-prev-icon { 
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
    width: 30px;
    height: 48px;
}
.carousel-control-next-icon { 
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 30px;
    height: 48px;
}