@charset "utf-8";

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

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

.icon.icon-image {
	width: 1.2rem;
	height: 1.2rem;
	display: inline-flex;
	margin-right: 5px;
	align-items: center;
	justify-content: center;
}

.icon.icon-image svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	fill: currentColor;
}

/* ========== ALLGEMEIN ========== */
h1, h2, h5 {font-family: 'Lora', serif;}
h1 {font-size:21px; font-weight:300; text-transform:uppercase; color:#FFF;}
h2 {font-size:25px; font-weight:300; margin-bottom:20px; color:#0e3e6e;}
h3 {font-size:19px; font-weight:400; color:#383838; margin-bottom:5px;}
h4 {font-size:19px; font-weight:600; color:#0e3e6e; margin-top:20px; margin-bottom:5px;}
h4 a {font-size:19px!important; font-weight:600!important; color:#0e3e6e!important; margin-top:20px; margin-bottom:5px;}
h5 {font-size:17px; font-weight:400; color:#575757; margin-bottom:15px;}
p {font-size:19px; font-weight:400; line-height:1.5; color:#000;}
strong {}
a {text-decoration:none;}
html,body {font-family: 'Open Sans', sans-serif;}
.clear {clear:both;}
mark {text-transform:uppercase; font-weight:400;}

.content ul {margin:20px;}
.content ul li a {color:#333; font-size:19px;}
.content ul li a:hover {color:#0e3e6e;}
.content ul li ul {margin:10px 20px 20px 20px;}

/* ========== FORMULARE ========== */
.input_holder {}
input, textarea {border:solid 1px #999; height:40px; padding:0px 5px; line-height:40px; font-family: 'Open Sans', sans-serif; width:100%; margin-bottom:20px;}
textarea {resize:none; height:100px;}
input[type="submit"] {cursor:pointer; background:#346d98; border:none; color:#FFF;}
input[type="submit"]:hover {cursor:pointer; background:#215583;}
input[type="checkbox"] {
	-webkit-appearance:checkbox;
	width:20px;
	height:20px;
	display:inline-block;
	margin-right:10px;
	float:left;
}
label {display:inline; margin-bottom:20px;}
.check_section {
	margin-bottom:20px;
}
input[name="modernes-vermoegensmanagement"] {
	display:none;
}

.pdflink {
	display:none!important;
}
.pdflink.active {
	display:inline-block!important;
}

/* Header */
.header {margin-bottom:40px; background:#346d98;}
.logo {margin:40px 0px 30px 0px;}
.logo a {color:#FFF;}
.logo p {font-size:16px; color:#FFF; margin-top:-3px; margin-left:2px;}
.headerbild {background:#0e3e6e; line-height:0;}
.headerbild_mobile {display:none; line-height:0;}
.headerbild img, .headerbild_mobile img {width:100%;}

/* Navigation */
.mainmenu {background:rgba(14,62,110,0.5);}
.mainmenu ul {list-style-type:none; display:block;}
.mainmenu ul li {display:block; float:left; width:20%; position:relative;}
.mainmenu ul li a {display:block; font-size:14px; height:35px; line-height:35px; text-align:center; color:#FFF; text-transform:uppercase; transition:all 0.3s; position:relative;}
.mainmenu ul li a.active, .mainmenu ul li a.active:hover {background:#FFF; color:#0e3e6e;}
.mainmenu ul li:hover {background:rgba(255,255,255,0.3);}

.mainmenu ul li ul {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; opacity:0; -webkit-opacity:0; -moz-opacity:0; visibility:hidden; position:absolute; top:100%; width:100%; left:0; height:auto; background:#346d98; z-index:500; padding:10px 0px;}
.mainmenu ul li ul li {float:none; width:100%;}
.mainmenu ul li ul li a {width:auto; height:auto; line-height:1.4; text-align:left; padding:5px 20px;}
.mainmenu ul li:hover > ul {opacity:1; -webkit-opacity:1; -moz-opacity:1; visibility: visible;}

a#pull {
	display:none;
	text-align:center;
	background:#0e3e6e;
	width:100%;
	height:35px;
	line-height:35px;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
}

.submenu {margin-top:20px;}
.submenu ul {list-style-type:none; margin:0; padding:0;}
.submenu ul li {display:block; position:relative;}
.submenu ul li a {display:block; padding:10px 0px; border-bottom:dotted 1px #4a4a4a; font-size:19px; font-weight:400; height:auto; line-height:1; text-align:left; color:#4a4a4a; transition:all 0.3s; position:relative;}
.submenu ul li a:hover, .submenu ul li a.active {color:#346d98; text-decoration: none;}
.submenu ul li a.active {font-weight:500;}
.submenu ul li a.active:after, .submenu ul li a:hover:after {display:inline-block; margin-left:5px; content: '\00BB';}



/* Content */
.content {margin-bottom:60px;}
.content p {margin-bottom:20px;}
.content a {font-weight:500; color:#346d98;}
.content a:hover {text-decoration:underline;}

/* Member */
.member {position:relative; margin-bottom:20px;}
.member h4 {margin-top:0px;}
.member_image {width:100%;}
.member_image img {width:100%;}

/* Publication */
.publication {margin-bottom:30px; padding-bottom:30px; /*border-bottom:dotted 1px #CCC;*/}
.publication_lecture {padding:15px;}
.publication_lecture_current {border:solid 3px #215583; background:#f4f4f4;}
.publication_lecture .fa {font-size:30px; color:#666; margin-top:5px;}
.publication_image {width:100%; margin-bottom:10px; line-height:0;}
.publication_image img {width:100%;}
.publication_article .publication_image {border:solid 3px #CCC;}
.publication h4 {margin-top:0px;}
.publication_schriftenreihe {margin-bottom:50px; padding-bottom:20px;}
.publication_schriftenreihe h4 {font-size:15px;}
.publication_schriftenreihe p {font-size:15px;}
.publication_schriftenreihe a {font-size:15px!important; color:#333; display:block; margin-bottom:10px;}
.publication_schriftenreihe a:hover {color:#215583!important;}
.tab6:nth-of-type(2n+1) {clear:both;}

.publication_links {border:solid 1px #999; padding:10px; display:inline-block; display: inline-flex; align-items: center;}
.publication_links a {display:inline-flex; padding:0px 10px; font-size:14px!important; color:#404040; align-items: center;}
.publication_links .fa {display:inline-block; margin-right:5px;}
.image_container {width:100%; margin-bottom:30px;}
.image_container img {width:100%;}
.back {color:#404040; display:inline-block; margin-bottom:30px; border-bottom:dotted 1px #999;}

/* Rezensionen */
.rezensionen {margin-top:30px;}
.rezensionen h3 {padding-top:10px; border-top:dotted 1px #CCC; margin-bottom:20px;}
.rezension {list-style-type:none; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #999; position: relative;}
.rezension a {font-size:18px; color:#215583; display:block; margin-bottom:5px;}
.rezension_content {display:none;}
.rezension_down_icon {position: absolute; color:#404040; font-weight:600; right:10px; top:-2px;}
.rezension_down_icon .fa {font-size:16px;}


/* Offerbox */
.offers_start {padding:30px 0px 10px 0px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; margin-bottom:50px;}
.offerbox {position:relative; padding-left:0px;}
/*.offerbox:before {
    content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    font-size: 35px;
    position: absolute;
    top: 0;
    left: 0;
}*/
.offerbox h3 {border:solid 1px #666; font-weight:600; font-size:16px; padding:5px; display:inline-block; text-transform:uppercase; margin-bottom:10px;}
.offerbox a {color:#666!important; font-weight:600;}
.offerbox a:hover {color:#346d98!important; text-decoration: none;}


/* Video */
.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.video iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Footer */
.footer {}
.footer p {font-size:15px; color:#777777;}
.footer1 {background:#f3f3f3; padding:40px 0px;}
.footer2 {background:#FFF; padding:30px 0px;}

.footmenu {margin-top:10px;}
.footmenu ul {list-style-type:none;}
.footmenu ul li {display:block; position:relative;}
.footmenu ul li a {display:block; padding:4px 0px; font-size:15px; font-weight:400; height:auto; line-height:1; text-align:left; color:#777777; transition:all 0.3s;}
.footmenu ul li a:hover, .submenu ul li a.active {color:#0e3e6e;}



/* ========== RESOLUTIONS ========== */
@media (max-width: 1024px) {
	p {font-size: 17px;}
}
@media (max-width: 768px) {
	
	p {font-size: 16px;}
	h1 {font-size:23px;}
	h2 {font-size:21px;}
	h5 {font-size:16px;}

	.headerbild {display:none;}
	.headerbild_mobile {display:block;}
	.logo {margin:20px 0px 20px 0px;}

	a#pull {display:block; border-bottom:solid 1px #FFF;}
	.mainmenu ul {display:none; margin:0px -20px;}
	.mainmenu ul li {float:none; width:100%; border-right:none;}
	.mainmenu ul li a {font-size:14px; padding:15px 20px; background:#f4f4f4; border-bottom:dotted 1px #CCC; height:auto; line-height:1; text-align:left; color:#454545;}
	.mainmenu ul li a:hover {background:#f4f4f4;}
	.mainmenu ul li a.active {background:#0e3e6e; color:#FFF;}
	
	.mainmenu ul li:hover {background:#f4f4f4;}
	.mainmenu ul li ul {margin:0; transition:none; display:none!important; opacity:1; -webkit-opacity:1; -moz-opacity:1; visibility: visible; position:relative; top:inherit; width:auto; left:0; height:auto; background:#346d98; z-index:500; padding:0px;}
	.mainmenu ul li ul li {float:none; width:100%;}
	.mainmenu ul li ul li:hover, .mainmenu ul li ul li a:hover {background:#e0e0e0;}
	.mainmenu ul li ul li a {font-size:14px; padding:15px 40px; background:#e0e0e0; border-bottom:dotted 1px #CCC; height:auto; line-height:1; text-align:left; color:#454545;}
	.mainmenu ul li:hover > ul {display:block!important;}

	.submenu {margin-top:0px; margin-bottom:20px;}
	.submenu ul {list-style-type:none;}
	.submenu ul li {display:inline-block; margin-right:10px; margin-bottom:10px;}
	.submenu ul li a {display:inline-block; padding:5px 5px; border-bottom:none; border:solid 1px #999; font-size:16px; font-weight:300; height:auto; line-height:1; text-align:center; color:#4a4a4a;}
	.submenu ul li a:hover {}
	.submenu ul li a.active {background:#0e3e6e; color:#FFF; border:solid 1px #0e3e6e;}
	.submenu ul li a.active:after {content: '';}
	.content h3 {display:none;}
	.offerbox h3 {display:inline-block!important;}

	.footmenu {margin-bottom:20px;}
	.footer1, .footer2 {padding:20px 0px;}
}

@media (max-width: 480px) {
	
	
}

@media (max-width: 320px) {
	
	
}