/* -------------------------------- 

Universal style

-------------------------------- */



body {
    
    background-color: blue;
    background: -moz-radial-gradient(center, ellipse cover,#008dc2 0%, #021138 100%);
    background: radial-gradient(#008dc2, #021138);
    background-attachment: fixed;
    z-index: 0;
  
    height: 100vh;
    
    font-family: Arial, Helvetica, Sans Serif !important; 
    color: #021138;
    line-height: 1.5rem;
    font-weight: 400;
    font-size: 15px;
    
    #padding: 0 20px;
}

h1, h2, h3, h4, h5 {
	line-height: 2.0rem;
}

a,
a#visited,
a#active {
	text-decoration: none;
	color: #FFF;
}

b {
	font-weight: 600;
}

.container {
    max-width: 1024px;
    background-color: #021138;
   
}

.darkblue {
	background-color: #021138;
	color: #FFF;
}

.blue {
	background-color: #008dc2;
	color: #FFF;
}

.link-blue {
	color: #008dc2;
	font-weight: bold;
	text-decoration: none;
}

.link-onblue {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.link-darkblue {
	color: #021138;
	font-weight: bold;
	text-decoration: none;
}

.item {
  background-color: #e00070;
  display: flex;
  width: 80%;
  height: auto;
  margin: 12px auto;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  transition: transform ease 300ms;
}

.item:hover,
.item-green:hover,
.item-blue:hover {
  transform: translate(0, -8px);
}

.item-green {
  background-color: #3ff2b9;
  display: flex;
  width: 90%;
  height: auto;
  margin: 5px auto;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #021138;
  transition: transform ease 300ms;
}

.item-white {
  background-color: #fff;
  display: flex;
  width: 95%;
  height: auto;
  margin: 5px auto;
  font-weight: bold;
  font-size: 14px;
  padding: 40px 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #021138;
  border-radius: 25px;
}

.item-social-green {
	width: 30px; 
	height: auto; 
	margin: 0 3px;
	transition: transform ease 300ms;
}

.item-social-green:hover {
  transform: translate(0, -5px);
}

.item-social-blue {
	width: 50px; 
	height: auto; 
	margin: 0 5px;
	transition: transform ease 300ms;
}

.item-social-blue:hover {
  transform: translate(0, -8px);
}

.pill-lg {
	font-size: 15px;
	width: 60%;
	padding: 10px;
}

.box-pink {
  background-color: #e00070;
  width: 95%;
  height: auto;
  margin: 5px auto;
  font-size: 16px;
  padding: 40px 10px 20px;
  color: #fff;
  border-radius: 25px;
}

.liste-ausbildung {
	padding: 0;
	margin: 0 0 0 15px;
}


.liste-ausbildung li {

border-bottom : 1px solid #444;
line-height: 3em;
font-weight: 700;	
}

.item-blue {
  background-color: #008dc2;
  display: flex;
  width: 80%;
  height: auto;
  margin: 20px auto;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
  transition: transform ease 300ms;
}

.footer-nav,
.footer-nav a,
.footer-nav a#visited,
.footer-nav a#active {
	font-weight: 700;
	font-size: 14px;
	line-height: 2em;
	color: #FFF;
}


.accordion-button, 
.accordion-button.collapsed,
.accordion-button:not(.collapsed) { 
    background-color: #008dc2;
	  color: #FFF;
	  box-shadow: none;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }

.smbr {
display: none;	
}

.nav-logo{
	max-height: 23px;
	min-height: 15px;
	width: auto;
	margin: 15px 0;
}

.navbar {
	padding: 0;
}


.navbar-nav {
	background-color: background-color: #021138;
	
	color: #FFF;
	font-family: 'Arial';
	font-weight: 700;
	border: none;
	border-radius: 0;
  box-shadow: 0;
 }	
 
.navbar-text,
.nav-link,
.nav-link:hover,
.nav-link:active,
.nav-link:visited {
	color: #FFF;
}


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }


.navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
  border-width: 2px;
}


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


}	   

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

.smbr {
display: inline;	
}


}

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


}


 
}
/* ENDE CSS */