@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Alternate Gothic No2 D Regular';
  src:url("../fonts/Alternate-gothic-no2-regular.woff2");
}
   @font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/OpenSans-Regular.woff");
    }
    
     @font-face {
    font-family: 'Open Sans Italic';
    font-style: normal;
    font-weight: normal;
  src:url("../fonts/OpenSans-Italic.woff");
    }
    

    @font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: normal;
     src:url("../fonts/OpenSans-Light.woff");
    }
    

    @font-face {
    font-family: 'Open Sans Light Italic';
    font-style: normal;
    font-weight: normal;
   src:url("../fonts/OpenSans-LightItalic.woff");
    }
    

    @font-face {
    font-family: 'Open Sans SemiBold';
    font-style: normal;
    font-weight: normal;
  src:url("../fonts/OpenSans-SemiBold.woff");
    }
    

    @font-face {
    font-family: 'Open Sans SemiBold Italic';
    font-style: normal;
    font-weight: normal;
   src:url("../fonts/OpenSans-SemiBoldItalic.woff");
    }
    

    @font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/OpenSans-Bold.woff");
    }
    

    @font-face {
    font-family: 'Open Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/OpenSans-BoldItalic.woff");
    }
    

    @font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/OpenSans-ExtraBold.woff");
    }
    

    @font-face {
    font-family: 'Open Sans ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src:url("../fonts/OpenSans-ExtraBoldItalic.woff");
    }
    




		body {
    background-color:rgba(42,47,53,1.00)!important;
	color:#CAC6CA;
	 font-family:"Open Sans Regular";
   text-align: left;

}

h1 {
font-family: 'Alternate Gothic No2 D Regular';
    text-transform: uppercase;
           font-size: 3.7em;
        letter-spacing: 0.03em;
            line-height:1.05;
            color:rgba(255,255,255,1.00);
		}
		

.fake_h1 {
font-family: 'Alternate Gothic No2 D Regular';
    text-transform: uppercase;
           font-size: 3.7em!important;
        letter-spacing: 0.03em!important;
            line-height:1.05!important;
            color:rgba(255,255,255,1.00);
		}
		h2 {
             font-family: 'Alternate Gothic No2 D Regular';
			font-size: 2em;
             line-height:1.1;
             letter-spacing: 0.02em;
            margin-bottom: 10px;
            padding-top:5px;
		}
		h3 {
           font-family: 'Open Sans SemiBold';
			font-size: 1.2em;
             line-height:1.3;
            padding-bottom: 0.1em;
		
		}
		
p { font-family:"Open Sans Regular";
   text-align: left;
    font-size: 1em;
    margin-bottom: 0px;
       margin-top: 0px;
    
}

.hintergrund-gruen {
    background-color: rgba(160,166,83,1.00)!important;
}


		
		
		.grau_hintergrund {
			
			background-color: #33363f;
		}


.navbar {
  padding-left:20px;
    padding-right: 20px;
    height:auto;
    background-color:rgba(42,47,53,0.9);
     font-family: 'Open Sans SemiBold';
    text-transform: uppercase;
}


.navbar a:hover {
    color:rgba(160,166,83,1.00)!important;
}
 .navbar-toggler {
      margin-left: auto;
     background-color: rgba(160,166,83,1.0);
    }
.nav-item {
      margin-left: auto;
    text-align: left;
    
}




.hauptcontainer {
    margin-top:128px;
    margin-bottom:10px;
}
.container-fluid {
    padding:10px;
}
.jumbotron {
 margin:8px;
    padding: 1.5em;
    padding-top: 2em;
     padding-bottom: 2em;
 background-color:rgba(71,75,84,1.00);
 border-radius: 10px;
}

.bento-item {
     height: 250px;
     border-radius: 10px;
     font-family:"Open Sans Regular";
   text-align: left;
    font-size: 1em;
    display: flex; 
    flex-direction: column;
  align-items: center; 
    justify-content:center;
    color: white;
    background-color:rgba(71,75,84,1.00);
    transition: transform 0.25s ease;
    margin:8px;
    padding: 1.5em;
    padding-top: 2em;
     padding-bottom: 2em;
            
        }



.bento-item_bild {
     height: 250px;
     border-radius: 10px;
     font-family:"Open Sans Regular";
   text-align: center;
    font-size: 1em;
    align-items: center;
    justify-content:center;
    color: white;
    background-color:rgba(71,75,84,1.00);
    transition: transform 0.25s ease;
    margin:8px;
    padding: 0.2em;
    padding-top: 0.2em;
     padding-bottom: 0.2em;
            
        }

.bento_zentriert {
    
    text-align: center;
}
.bento-item a {
color:#bdbe89;
text-decoration: none;
		}

.bento-item p {
    font-size: 1.1em;
    line-height: 1.6;
}
.bento-item h1 {
font-family: 'Alternate Gothic No2 D Regular';
    text-transform: uppercase;
            font-size: 3.7em;
    letter-spacing: 0.03em;
             line-height:1.05;
            color:rgba(255,255,255,1.00);
		}

.bento-item h2 {
 font-family: 'Alternate Gothic No2 D Regular';
			font-size: 2.5em;
             line-height:1.1;
             letter-spacing: 0.02em;
}

.bento-item h3 {
           font-family: 'Open Sans SemiBold';
			font-size: 1.2em;
             line-height:1.3;
            padding-bottom: 0.2em;
		
		}

.bento-item h4 {
 font-family: 'Alternate Gothic No2 D Regular';
			font-size: 2em;
             line-height:1.1;
             letter-spacing: 0.02em;
    margin-top: 10px;
}


.bento-item h5 {
 font-family: 'Alternate Gothic No2 D Regular';
			font-size: 2em;
             line-height:1.08;
             letter-spacing: 0.03em;
   word-spacing: 0.03em;
   
   
}

        .bento-item:hover {
            transform: scale(1.01);
        }

        .bento-tall {
            height: 515px;
        }
a {
color:#bdbe89;
text-decoration: none;
		}

a:hover {
	color:#CAC6CA;	text-decoration: none;
}

.aussenabstand_klein {
    margin: 5px;
}

.progress {
    height:22px;
     font-family: 'Open Sans SemiBold';
	font-size: 0.85em;
    text-align: left;
    
            
    
}

.bg-success {
    background-color: rgba(160,166,83,1.00)!important;
    text-align: left;
    text-indent: 10px;
  
}

.bg-grau {
    background-color:rgba(135,122,130,1.00);
    text-align: left;
    text-indent: 10px;
  
}
/*--------------------Button-------------------------------*/

.btn-success {
  color: #fff;
  background-color:rgba(160,166,83,1.00);
  border-color:rgba(135,122,130,1.00);
    text-align: center;
    font-family: 'Open Sans SemiBold';
}

.btn-success:hover {
  color: #fff;
  background-color:rgba(135,122,130,1.00)!important;
  border-color:rgba(160,166,83,1.00);
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
    background-color:rgba(135,122,130,1.00);
  border-color:rgba(160,166,83,1.00);
  box-shadow: 0 0 0 0.2rem rgba(160,166,83,0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: rgba(160,166,83,1.00);
  border-color: rgba(160,166,83,1.00);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgba(160,166,83,1.00);
  border-color: rgba(160,166,83,1.00);
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(160,166,83,0.5);
}

/*---------------------hintergrund bilder----------------*/

.background_gluehbirne {
    
    background-image: url("../links/kreativ.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.background_christine {
    
    background-image:url("../links/cehmke.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*.bild_verschwindet{
   height: 58%;
    text-align: center;
    background-image:url("../links/thron_frei_klein.png");
    background-position: top;
    background-size:auto;
    background-repeat: no-repeat;
}*/

@media (max-width: 992px) {
   /* .bild_verschwindet{
   
   visibility: hidden; 
}*/
    .bento-item {
    
    padding: 1.2em;
    padding-top: 1.2em;
     padding-bottom: 1.2em;
            
        }
    
    
    .bento-item h1 {
        font-size: 3.1em;
        
    }
    
    .bento-item h2 {

			font-size: 2.1em;
            
}
    
    h1 {
            font-size: 3.1em;
           
		}
		
		h2 {
        
			font-size: 2.1em;
             
		}
		.bento-item h3 {
          
			font-size: 1em;
          
             
		
		}
    
    .bento-item h5 {
 font-family: 'Alternate Gothic No2 D Regular';
			font-size: 1.6em;
            
   
}
    
    }


@media (max-width: 400px) {
   .progress {
    height:22px;
     font-family: 'Open Sans SemiBold';
	font-size: 0.75em;
    text-align: left;
       }
    .container-fluid {
    padding:2px!important;
}
    
    .bento-item h1 {
        font-size: 2.9em;
        
    }
    
    .bento-item h2 {

			font-size: 1.9em;
            
}
    
    h1 {
            font-size: 2.9em;
           
		}
		
		h2 {
        
			font-size: 1.9em;
             
		}
		 .bento-item p {
        font-size: 0.9em;
        
    }
    
     .bento-item h5 {
 font-family: 'Alternate Gothic No2 D Regular';
			font-size: 1.4em;
            
   
}
    }