/*Font*/

@font-face { font-family: 'Geometrica';
             src: url("../font/GeometricaSans-Regular.ttf");
         }

/*General*/

body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 11pt !important;
  color: #002d59 !important;
}

a {
  text-decoration: none;
  color: #002d59 !important;
}

a:hover {
  text-decoration: none;
  color: #F37755 !important;
}

a::after {
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	color: #002d59 !important;
}

h1 {
  font-weight: 600 !important;
  font-size: 12.5pt !important;
  letter-spacing: 2px;
}

.h1-greige {
  color: rgb(143, 126, 111);
  font-weight: 500 !important;
}

h2 {
  font-weight: 550 !important;
  font-size: 12.5pt !important;
  letter-spacing: 2px;
  color: rgb(143, 126, 111) !important;
}

h3 {
  font-size: 11pt !important;
}

ul {
  list-style: none;
}

.bold {
  font-weight: 600;
} 

.list {
  padding-left: 20px;
  font-size: 9.5pt;
  line-height: 1.5 !important;
} 

.list li {
  text-decoration: none;
  margin-bottom: 5px;
}

.bulletpoint {
  display:inline;
  margin-right: 10px;
  width: 8px;
  margin-bottom: 2px;
}

/* Top Bar */

.logo {
	width: 65%;
    display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

.menu-language {
  font-size: 11pt;
  margin-top: -15px;
}

.menu-language li:hover {
  font-weight: 600;
}

.menu-language-item {
  padding: 5px !important;
  letter-spacing: 1px;
} 

.current-item {
  font-weight: 600;
  color: #F37755 !important;
}

/* Welcome Section */

.picture-boxes {
    border: 1px solid #002d59;
}

/* Menu */


.menu {
  font-size: 10pt;
  margin-bottom: 10px;
}

.menu li:hover {
  font-weight: 600;
}

.menu li:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.menu-line {
  margin-bottom: 50px !important;
  border-top: 1px solid rgb(143, 126, 111) !important;
  width: 943px;
  margin-top: -34px !important;
} 

.menu-item {
  padding: 19px !important;
  letter-spacing: 2px;
} 

/* Text */

.text {
  font-size: 9.5pt;
  line-height: 2;
}

/* Box */

.box {
  border: 1px solid rgb(143, 126, 111);
  padding: 15px;
  font-size: 9pt;
  margin-top: 68px !important;
  height: 280px;
  width: 300px;
  margin-bottom: 30px;

}

.box-text {
  color: #002d59;
  font-size: 9pt;
  line-height:2;
}

.icon {
  color: #000033;
  margin-right: 10px;
}

/* Footer */

.footer {
  background-color: #A9A49F;
  height: auto;
  width: 100%;
  font-size: 9pt;
  display: flex;
  align-items: center;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.footer-text {
  color: #fff;
  margin-top: 15px;
}

.footer-menu {
  color: #fff;
}

.footer-menu li:hover {
  font-weight: 600;
}

.footer-menu a {
   color: #fff !important;
}

.footer-menu-item {
  color: #fff;
  padding: 7px !important;
}

.footer-partner {
  color: #fff;
  float: right;
  font-size: 7pt;
  margin-top: 10px;
  display: inline-block;
}

.footer-partner-img {
  width: 100px;
  margin-left: 10px;
  margin-top: -18px;
}

/* Company */

.profile-picture {
  width: 210px;
  margin-top: 65px; 
  margin-left: 9px;
}

.title {
	margin-top: 5px;
	margin-left: 9px;
}

/* News Box */

.news-box {
  border: 1px solid rgb(143, 126, 111);
  font-size: 9pt;
  padding: 15px;
  margin-bottom: 15px;
} 

.more-link {
  font-weight: 600;
  margin-bottom: 20px !important;
}

.news-picture {
  height: 198px !important;
  margin-top: 35px;
  float: right;
}

/* Partner */

.partner-boxes {
  margin-bottom: 50px;
}

.Partner-MunichRe {
  height: 160px;
  width: 100%;
  background-color: #002d59;
}

.Blue-Box {
 height: 160px;
  width: 100%;
  text-align: center;
  font-size: 40pt;
  color: #fff;
  align-items: center;
  background-color: #002d59;
}

.LightBlue-Box {
 height: 160px;
  width: 100%;
  text-align: center;
  font-size: 40pt;
  color: #fff;
  align-items: center;
  background-color: #A8BED4;
}

.Greige-Box {
 height: 160px;
  width: 100%;
  text-align: center;
  font-size: 40pt;
  color: #fff;
  align-items: center;
  background-color: #CDC9C0;
}

.partner-logo-munichre {
  display: block;
  width: 150px;
  padding-top: 55px;
}


.partner-logo-munichre-2 {
  display: block;
  width: 150px;
  padding-top: 70px;
}

.Partner-90 {
  height: 160px;
  width: 100%;
  background-color: #CDC9C0;
  text-align: center;
  font-size: 40pt;
  display: flex;
  color: #fff;
  align-items: center;
}

.Partner-OCT {
  height: 160px;
  width: 100%;
  background-color: #A8BED4;
  color: #fff;
  text-align: center;
  display: flex;
  font-size: 40pt;
  align-items: center;
}

.Box-text {
  font-size: 11pt;
}

.Large-number {
	font-size: 45pt;
}

/* Media Relations */

.press-release {
  height: 222px !important;
}

.termin-box {
  border: 1px solid rgb(143, 126, 111);
  font-size: 8pt;
  padding: 10px 15px 10px 15px;
  width: 680px;
}

.termin-box li {
 list-style: none;
 margin-bottom: 10px;
}

.Jahreszahl {
  width: 60px;
  float: right;
  margin-top: -25px;
}

.vertical-text {
    transform: rotate(270deg);
    color: rgb(143, 126, 111);
    font-size: 28pt;
    font-weight: 600;
    letter-spacing: 4px;
    text-align: right;
    padding-top: 40px !important;
    display: flex;
    margin-bottom: 30px;
}

.top-menu {
	width: 943px !important;
}

@media screen and (min-width: 1724px) {
    .top-menu {    
        width: 1100px !important;
    }
	.menu-line {
		margin-left: 80px !important;
		margin-right: 80px !important;

	}
}


@media screen and (min-width: 2500px) {
    .top-menu {    
        width: 1800px !important;
    }
	
	.menu-line {
		margin-left: 80px !important;
		margin-right: 80px !important;
   		 width: 943px;	}
}

/* Downloads */

.photo-box {
  border: 1px solid rgb(143, 126, 111);
  font-size: 12px;
  padding: 15px;
  margin-bottom: 20px;
} 

.portrait-download {
  width: 290px;
  margin-bottom: -10px;
}

.publications-box {
  border: 1px solid rgb(143, 126, 111);
  font-size: 12px;
  padding: 20px 15px 20px 15px;
}

.companyprofile {
  width: 300px;
  margin-bottom: -20px;
}


/* Dropdown */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 10pt;
    color: #002d59;
    text-align: left;
    list-style: none;
    background-color: #EDEDEA;
    background-clip: padding-box;
    border: none;
	border-radius: 0;
}

.dropdown-menu.show {
    display: block;
	top: -16px !important;
}

.dropdown-menu.show1 {
    display: block;
	top: 3px !important;
}

.dropdown-item {
    display: block;
	font-family: 'Open Sans', sans-serif !important;
    font-size: 10pt !important;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #002d59;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover {
	background-color: transparent !important;
	color: #F37755 !important;
	font-weight: bold;
}

.group-picture {
    width: 210px;
    margin-top: 35px;
    margin-left: 9px;
}

.full-picture {
    width: 100%;
    margin-top: 5px;
}

.side-picture {
    width: 100%;
    margin-top: 106px;
}

.side-box {
    margin-top: 106px;
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: #EDEDEA; /* Black fallback color */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 16px;
  color: #243252;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #F37755;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.menu-mobile-item {
  color: 
 }