/* Enter Your Custom CSS Here */

/* PROPERTY LOOKUP
 * 
 * dark-blue: #112D4E;
 * light-grey: #fcfcfc;
 * medium-grey: f5f5f5;
 * box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
 * border-bottom: 5px solid #112D4E;
 * border-radius: 15px;
 * 
 * 	
 * */

.wp-block-image figcaption{
  position: relative;
	bottom: -100px;
	left: -100px;
	text-align: center;
  white-space: nowrap;
}

.wp-block-image figcaption::before{
	visibility: hidden;
}

.wp-block-image figcaption::before{
	visibility: hidden;
}

.pt-cv-ifield{
	border-bottom: 5px solid #112D4E!important;
}

.pt-cv-title{
	font-size: 24px!important;
}

/* Global utility classes  	;*/

.twitter-magic{
display: none;
}

.cmplz-placeholder-1{
	height: 500px!important;
}

.textwidget{
	font-size: 24px;
	text-align: center;
	padding-top: 0px!important;
}

.widget_media_image{
	padding-top: 25px!important;
}

.border-box {
	box-sizing: border-box !important;
}

.white-text {
	color: white!important;
}

.beam-heading {
	color: #112D4E;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 0.2rem;
	padding-right: 2rem;
	border-bottom: 5px solid #112D4E;
	width: fit-content;
}

.beam-heading-centered {
	color: #112D4E;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 0.2rem;
	margin-left: auto;
  margin-right: auto;
  width: 70%;
	border-bottom: 5px solid #112D4E;
}


.form-background {
	padding: 1rem 2rem;
	background-color: #f5f5f5;
	border-radius: 15px;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	margin: 1rem auto;
	max-width: 60ch;
}

 
/* Startseite  	;*/
.flex-me{
	display: flex!important;
	margin: 0 auto!important;
	width: 100%;
}

.flex-me div{
	display: block!important;
	text-align: center;
	justify-content: space-evenly;
	width: 100%;
}

.button-disabled a{
	border: none!important;
	cursor: not-allowed!important;
}

.button-blue{
	border-radius: 15px!important; 
	display: flex;
	justify-content: center;
	align-items: middle;
}

.button-blue a{
	border-radius: 15px!important;
	text-decoration: none!important;
	margin: auto 0.5rem;
	font-weight: bold;
	color: #112D4E;
	width: 20ch;
	border: 2px solid #112D4E!important;
}

.hover-me a:hover {
	transform: scale(1.01);
	box-shadow: 5px 4px 6px rgba(0,0,0,0.3)!important;
	
}

@media screen and (min-width: 1000px) {
.pad-me {
	padding-right: 2rem !important;
}
	
.flex-me div{
	display: flex!important;
	justify-content: space-evenly;
	width: 100%;
}
	
}
/*
.article-container {
	padding-right: 0 !important;
	padding-left: 0 !important;
	box-sizing: border-box !important;
}*/

.article-container > * {
	box-sizing: border-box !important;
}

.slider-radius{
	border-radius: 15px!important;
	overflow: hidden!important;
}

/* MISC */

.czr-credits {
    display: none;
}

.search-toggle_btn {
		display: none;
}

.post-related-articles{
		display: none;
}

.start-news a {
    pointer-events: none;
}

.start-news2 a {
    pointer-events: none;
}

.start-news-clickable a {
    pointer-events: auto!important;
}

/* Contact Form CSS (global overwrite - no utility class needed) */


.wpcf7 {
	width: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wpcf7 > * {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}

.wpcf7 p {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 50ch;
}

.wpcf7 input {}

.wpcf7 label {
	color: #112D4E;
	font-size: 1.1rem;
	font-weight: 400;
}

.wpcf7-submit {
	background-color: #112D4E !important;
	border-radius: 15px !important;
	margin: 0 auto !important;
	padding: 0.5rem 1.5rem !important;
	text-align: center;
}

.wpcf7 input[type=submit]:hover, input[type=submit]:active {
	color: #112D4E;
	background-color: white !important;
}

.wpcf7 textarea {
	resize: none;
}

/* Twitter  (global overwrite - no utility class needed) */

/*
.cmplz-blocked-content-notice {
padding: 1rem 0.5rem!important; 
background-color: #1DA1F2!important;
color: #fff !important;
font-weight: bold!important;
border: none!important;
border-radius: 15px!important;
font-size: 0.8rem!important;
box-shadow: 10px 8px 12px rgba(0,0,0,0.15)!important;
}

.cmplz-blocked-content-notice:hover {
background-color: #1AA1E2!important;
box-shadow: 10px 8px 12px rgba(0,0,0,0.3)!important;
}

.wp-block-embed__wrapper {
	height: 500px!important;
	outline: solid 3px #ddd;
	border-radius: 13px;
	overflow: hidden!important;
	margin: auto 1rem;
	box-sizing: border-box;
}
*/
/*
.home-pinned {
	height: 350px!important;
	outline: solid 3px #112D4E;
	border-radius: 13px;
	overflow: hidden!important;
	font-size: 1.3rem;	
	margin: auto 0.5rem
}
*/

/* EVENTS (utility class events-news needed) */

.events-news li {
	padding: 0 !important;
	border-radius: 15px;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	width: 100%;
}

.events-news > li+li {
	margin-top: 1.5rem;
}

.events-news li > a {
	border-radius: 15px 15px 0px 0px;
	background-color: #112D4E;
	color: #f5f5f5;
	margin: 0;
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 500;
	text-decoration: none;
	padding: 1rem;
	line-height: 2rem;
}

.events-news li > div {
	border-radius: 0px 0px 15px 15px;
	background-color: #f5f5f5;
	margin: 0;
	padding: 0.5rem 1rem;
}

.events-news li:hover, .events-start li:active {
	box-shadow: 10px 8px 12px rgba(0,0,0,0.3);
	background-color: #142D4C;
}

/* EVENTS Startseite (utility classes events-start &amp; events-start-heading needed) */

.events-start-heading{
	color: #112D4E;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 0.2rem;
	padding-right: 2rem;
	border-bottom: 5px solid #112D4E;
	text-align: center!important;
}

.events-start {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center !important;
	margin: 0 !important;
	padding: 1rem 0.2rem !important;
}

.events-start li {
	padding: 0 !important;
	border-radius: 15px;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	width: 100%;
	margin: auto;
}

.events-start li:hover, .events-start li:active {
	box-shadow: 10px 8px 12px rgba(0,0,0,0.3);
	background-color: #142D4C;
}

.events-start > li+li {
	margin-top: 1.5rem;
}

.events-start li > a {
	border-radius: 15px;
	background-color: #112D4E;
	color: #f5f5f5;
	margin: 0;
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
	text-decoration: none;
	padding: 1rem 0.5rem;
	line-height: 2rem;
	width: 100%;
}


/* Flex Cards used for STUDENT PAGES (utility class beam-student-card &amp; beam-student-header &amp; beam-student-text needed) */

.beam-student-card {
	background-color: #f5f5f5;
	border-radius: 15px;
	max-width: 700px !important;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	margin: 2rem auto;
}

.beam-student-header {
	background-color: #112D4E;
	border-radius:15px 15px 0 0;
	padding: 0.5rem 1rem;
}

.beam-student-header-single {
	border-radius:15px 15px 15px 15px!important;
}

.beam-student-text {
	padding: 0.5rem 1rem;
}

.beam-student-header h3 {
	border-bottom: 5px solid #f5f5f5;
	text-transform: uppercase;
	font-weight: 200;
	color: #fcfcfc
}

.beam-student-header p {
	line-height: 2rem;
	color: #fcfcfc
}

.beam-student-header img {
	border-radius: 50%;
	margin: auto;
	width: 100%;
	height: auto;
	max-width: 150px;
}

.beam-student-header .wp-block-image {
	height: 100%;
}

.beam-student-header figure{
	height: 100%;
	width: 100%;
	display: flex !important;
	align-items: center !important;
}

/* Flex Cards used for Project PAGES */

.beam-symposium-card {
	background-color: #dfedee;
	border-radius: 15px;
	max-width: 1200px !important;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	margin: 1rem auto;
}

.beam-project-card {
	background-color: #f5f5f5;
	border-radius: 15px;
	max-width: 900px !important;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	margin: 1rem auto;
}

.beam-project-header {
	background-color: #112D4E;
	border-radius: 15px 15px 0 0;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-bottom: 1rem;
}

.beam-project-header h3 {
	border-bottom: 5px solid #f5f5f5;
	text-transform: uppercase;
	font-weight: 200;
	color: #fcfcfc
}

.beam-project-header p {
	line-height: 2rem;
	color: #fcfcfc
}

.beam-project-text {
	padding: 0.5rem 1rem;
}

/* Flex Cards used for PI PAGES (utility class beam-flex-card needed) */
.beam-flex-card {
	background-color: #f5f5f5;
	border-radius: 15px;
	max-width: 700px !important;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.1);
	margin: 2rem auto;
}

.beam-flex-card>*:first-child {
	background-color: #112D4E;
	border-radius: 15px 15px 0 0;
	padding: 1rem;
}

.beam-flex-card h3 {
	border-bottom: 5px solid #112D4E;
	text-transform: uppercase;
	font-weight: 200;
	color: #555555
}

.beam-flex-card p {
	line-height: 2rem;
}

.beam-flex-card img {
	border-radius: 50%;
	margin: auto;
	width: 100%;
	height: auto;
	max-width: 150px;
}

.beam-flex-card .wp-block-image {
	height: 100%;
}

.beam-flex-card figure{
	height: 100%;
	width: 100%;
	display: flex !important;
	align-items: center !important;
}

@media screen and (min-width: 600px) {
	.beam-flex-card>*:first-child {
		border-radius: 15px 0 0 15px;
	}
}

@media screen and (min-width: 1280px) {
 .branding__container {  
margin-left: 25px;
}
}

.nav {
  font-size: 20px;
}	

.vertical-div {
	border-right: solid 1.2px #112D4E;
}

.home-pinned .pt-cv-title  {
	margin-left: 20px;	
	padding-top: 20px;
	font-size: 28px !important;
}

.pt-cv-readmore{
	background-color: #112D4E!important;
	border: none!important;
	border-radius: 7px!important;
	box-shadow: 10px 8px 12px rgba(0,0,0,0.15)!important;
}

.pt-cv-readmore:hover {
box-shadow: 10px 8px 12px rgba(0,0,0,0.3)!important;
}

.home-pinned .pt-cv-content  {
	margin-left: 20px;	
	font-size: 24px;
}

/* Ändern zu korrektem breakpoint und min-width! */
@media screen and (max-width: 1000px) {
.home-pinned .pt-cv-thumb-right {
		display: none;
}
.home-pinned .pt-cv-content  {
	font-size: 18px;
}	
}