@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Claus Braun
 Description:  Twentynineteen Child Theme for Claus Braun Website
 Author:       Chris
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentynineteen-child
*/

@font-face {
  font-family: "EBGaramond";
  src: url("fonts/EBGaramond-Regular.eot");
  src: url("fonts/EBGaramond-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/EBGaramond-Regular.svg") format("svg"),
    url("fonts/EBGaramond-Regular.ttf") format("truetype"),
    url("fonts/EBGaramond-Regular.woff") format("woff"),
    url("fonts/EBGaramond-Regular.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}

body {
	background-color:#fff;
	color:#000;
	font-family:'EBGaramond',serif;
	font-size:0.87rem;
	line-height:1.44;
}
body:before, body:after {
	display:none;
}
body:not(.custom-background-image)::after {
    bottom:initial;
}
a, a:hover, a:focus, a:active, a:visited {
	color:#358CCD;
	text-decoration:underline;
}
a:hover, .home-arrow:hover, .office span:hover, .read-more-text:hover {
	opacity:0.7;
}
p {
	margin:0 0 16px;
}
h1::before, h2::before {
	display:none !important;
}
h2 {
	position:absolute;
	top:-95px;
	font-family:'EBGaramond',serif;
	font-weight:normal;
	font-size:44px;
	color:#358CCD;
	text-transform:uppercase;
}
h3 {
	margin-bottom:5px;
	font-family:'EBGaramond',serif;
	font-size:0.87rem;
}
li {
    line-height: 1.44;
}

.site {
	margin:0;
	position:relative;
}
.site-main {
	margin:0;
	overflow-x:hidden;
}
.site-header {
	position:fixed;
	top:0;
	left:0;
	z-index:120;
	width:100%;
	padding:0;
	white-space:nowrap;
	height:35px;
	line-height:35px;
	background-color:#fff;
	border-bottom:1px solid #555;
}
.site-header-main {
	position:relative;
	margin-left:12vw;
}
.menu {
	height:auto;
	position:relative;
}
.menuitem, .menuitem-offc {
	margin-right:24px;
	cursor:pointer;
	font-size:16px;
}
.menuitem.current {
	color:#358CCD;
}
.menuitem:hover, .menuitem-offc:hover {
	opacity:0.7;
}
.menuitem:focus {
	opacity:1;
	color:#fff;
}

.site-inner {
	max-width:100%;
}
.site-content {
	padding:0;
}
.content-area {
	width:100%;
}
.slider-container {
	position:fixed;
	top:0;
	width:100%;
}
.bg-slider {
	width:100%;
	height:100vh;
}
.bg-slider div {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
}
.bg-slider-img-01 {
	background-image:url('../../uploads/2021/11/Claus-Braun_Startslider_01.jpg');
}
.bg-slider-img-02 {
	background-image:url('../../uploads/2021/11/Claus-Braun_Startslider_02.jpg');
}
.bg-slider-img-03 {
	background-image:url('../../uploads/2021/11/Claus-Braun_Startslider_03.jpg');
}
.bg-slider-img-04 {
	background-image:url('../../uploads/2021/11/Claus-Braun_Startslider_04.jpg');
}
.bg-slider-img-05 {
	background-image:url('../../uploads/2021/11/Claus-Braun_Startslider_05.jpg');
}
.home-arrow {
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-60px;
    width:120px;
    height:77px;
    background-image:url('images/arrow-down.png');
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}

.claim {
	font-size:44px;
	line-height:1.3;
	color:#358CCD;
	height:224px;
	position:absolute;
	left:12vw;
	top: calc(50vh - 112px);
	z-index:2;
}
.claim h1 {
	margin:0;
	font-size:47px;
	line-height:1.3;
	color:#6E645F;
	font-family:'EBGaramond',serif;
	font-weight:normal;
}
@media only screen and (min-width : 320px) and (max-width : 1660px) {
	.claim {
		font-size:2.6vw;
	}
	.claim h1 {
		font-size:2.63vw;
	}
}

.content {
	position:relative;
	padding-top:20px;
	hyphens:auto;
}
.content.main {
	margin-top:100vh;
	padding-left:12vw;
	background-color:#fff;
	border-top:1px solid #555;
	line-height:0;
}
#post-2 .content.main a {
	color:#000;
}
.left-2col {
	width:810px;
	padding-right:30px;
	display:inline-block;
	vertical-align:top;
	line-height:1.44;
}
.right-1col {
	width:250px;
	margin-top:5px;
	display:inline-block;
}
.right-1col.text {
	padding-left:27px;
}
.left-1col {
	width:250px;
	padding-right:30px;
	display:inline-block;	
}
.left-1col.infos {
	width:380px;
	padding-right:0;
}
.right-2col {
	width:810px;
	margin-top:5px;
	display:inline-block;
	vertical-align:top;
	line-height:1.44;
}
.right-2col.infos {
	padding:30px 0 0 30px;
}
.right-2col.infos a {
	color:#1E5279;
}
.content.transpbg {
	margin-top:0;
	padding:20px 0 20px 12vw;
	background-color:rgba(255,255,255,0.75);
}
.content.transpbg.bb {
	border-bottom:1px solid #555;
}
.content.transpbg.map {
	padding-bottom:0;
	line-height:0;
	background:none;
}
.content.transpbg p {
	margin-bottom:16px;
}
.content.video {
	margin-top:0;
	padding:0 0 20px 12vw;
	background-color:#fff;
	border-bottom:1px solid #555;
}
.content.video.traumforschung {
	background-color:rgba(255,255,255,0.75);
}
.video-wrapper-outer {
	display:inline-block;
	width:810px;
}
.video-wrapper {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	width:100%;
	overflow:hidden;
}
.video-wrapper iframe {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
.content.whitebg {
	position:relative;
	border-top:1px solid #555;
	margin-top:40vh;
	padding:20px 0 20px 12vw;
	background-color:#fff;
}
.content.whitebg.fachgesellschaften {
	border-bottom:1px solid #555;
	margin-top:15vh;
}
.content.whitebg.orga {
	border-top:none;
	margin-top:0;
}

.site-footer, .office {
	position:relative;
	color:#C2B582;
	background-color:rgba(0,22,29,0.7);
	display:block;
	padding:6px 0 6px 12vw;
	z-index:100;
	width:100%;
	font-size:16px;
}
.office {
	display:none;;
}
.office div {
	color:#fff;
	width:810px;
}
.office span {
	margin-top:-10px;
	display:block;
	/*font-style:italic;*/
	color:#C2B582;
	font-weight:bold;
	cursor:pointer;
}

.more-text {
	display:none;
}
.read-more-text {
	color:#358CCD;
	text-decoration:underline;
	cursor:pointer;
}
.fb {
	position:absolute;
	left:12vw;
	bottom:15px;
	width:40px;
	height:40px;
	background-image:url('images/fb-icon.png');
}
.anchor, .anchor-office {
	display:block;
	position:relative;
}
.flex {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.mt0 {
	margin-top:0 !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb60 {
	margin-bottom:60px !important;
}
.pt0 {
	padding-top:0 !important;
}
.pb0 {
	padding-bottom:0 !important;
}
.lh0 {
	line-height:0;
}

.menu-mobil, .menu-bg, .section-img-mobil, .news-trenner, .csstable.section-img.impr img, .contact-mobil, .footer-impr-mobil, .only-portrait {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 1024px) {
	.only-mobile {
		display:block;
	}
	.menu-button, .menu-close {
		position:fixed;
		z-index:1000;
		top:20px;
		right:3%;
		width:50px;
		height:50px;
		border-radius:25px;
		background-color:#D3D2D0;
		background-image:url('images/menu-button.png');
		background-repeat:no-repeat;
		background-size:32px;
		background-position:center;
	}
	.menu-close {
		background-image:url('images/menu-close.png');
		background-size:20px;
		display:none;
	}
	h2 {
		font-size:1.5rem;
	}
	.site-header {
		display:none;
		height:auto;
	}
	.site-header-main {
		margin-left:3%;
		padding:30px 0;
	}
	.menuitem {
		display:block;
		line-height:46px;
	}
	.claim, .claim h1 {
		font-size:1.5rem;
		left:3%;
	}
	.content.main {
	    padding-left:3%;
	}
	.left-2col, .left-1col, .right-1col, .right-2col {
		width:100%;
		padding-right:3%;
	}
	.left-1col {
		padding-top:20px;
	}
	.right-1col.text, .right-2col.inf {
		padding:0;
	}
	.right-1col.text br {
		display:none;
	}
	.right-1col.text span, .order-link {
		display:block;
	}
	.right-2col.infos {
		padding:20px 0;
	}
	.content.transpbg {
    	padding:20px 3% 20px;
	}
	.content.video, .content.whitebg {
	    padding:20px 3%;
	}
	.content.transpbg.pt0.map, .content.video.traumforschung {
		background-color:#fff;
	}
	.video-wrapper-outer {
		display:block;
		width:94vw;
	}
	.infos-slider {
		margin:20px 0;
	}
	.site-footer, .office {
		padding-left:3%;
	}
	.office div {
		width:97%;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
	.only-portrait {
		display:block;
	}
	h2#analyse-h2 {
		top:-120px;
	}
	.claim {
		top:20vh;
	}
	#copyright {
		display:block;
	}
	.fb {
		position:static;
		margin-bottom:16px;
	}
	#agpt {
		display:flex;
		flex-direction:column;
	}
	#agpt .left-1col {
		order:2;
	}
	#agpt .right-2col {
		order:1;
	}
	.left-1col.infos {
	    width:100%;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : landscape) {
	h2, h2#analyse-h2 {
		top:-75px;
	}
	.left-2col, .right-2col {
		width:73%;
	}
	.right-1col, .left-1col {
		width:27%;
	}
	.right-1col, .left-1col {
		padding:0;
	}
	 .right-2col, .right-2col.infos {
		padding:0 0 0 3%;
	}
	.right-1col.text {
		width:100%;
		padding-top:10px;
	}
	.right-2col.inf {
		width:100%;
		padding:20px 0;
	}
	.left-1col.infos {
		width:100%;
	}
	.map .left-1col.infos {
		width:27%;
	}
	.infos-slider {
		margin-top:0;
	}
	.fb {
		left:auto;
		right:3%;
	}
}