/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}


@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.nomargin-bottom {
	margin-bottom: 0px !important;
}

:root {
    --farbe-weiss: #FEFFFE;
    --farbe-tuerkis: #27BDBA;
    --farbe-blau: #044959;
}


/* Header Menü vertikal mittig ausrichten */

#site-navigation-wrap {
		position: absolute !important;
		top: 50%;
		transform: translateY(-50%);
}

/* gesamter Header sticky ohne Shrink */

#site-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	width: 100%;
}


/****************/
/* Mobiles Menü */
/****************/
@media (max-width: 1450px) {
	#site-navigation-wrap .dropdown-menu > li > a {
		padding: 0 20px !important;
	}
}

@media (max-width: 1200px) {
	#site-logo a.site-logo-text{
		font-size: 40px !important;
	}
}

@media (max-width: 430px) {
	#site-logo a.site-logo-text{
		font-size: 30px !important;
	}
}


.oceanwp-mobile-menu-icon.mobile-right {
	margin-top: 18px;
}





div.headertext {
	position: absolute;
bottom: 20%;
  right: 15%;
}

span.header1 {
	font-family: "Forum", serif;
	color: var(--farbe-weiss);
	font-size: 64px;
	font-weight: 400;
}

span.header2 {
	font-family: "Inter", sans-serif;
	color: var(--farbe-weiss);
	font-size: 30px;
	font-weight: 600;
}

span.header3 {
	font-family: "Inter", sans-serif;
	color: var(--farbe-weiss);
	font-size: 21px;
	font-weight: 400;
}

.burjan-button a {
	text-decoration: none !important;
	font-family: "Inter", sans-serif !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	border-radius: 15px !important;
	padding: 10px !important;
}

.blaue-zeile {
	background-color: var(--farbe-blau);
	color: var(--farbe-weiss);
	padding-top: 35px;
}

.blaue-zeile h3,
.blaue-zeile h4 {
	color: var(--farbe-weiss);
}

.weisse-zeile {
	background-color: var(--farbe-weiss);
	padding-top: 35px;
}

span.zitat {
	font-family: "Forum", serif;
	color: var(--farbe-blau);
	font-size: 28px;
	font-weight: 600;
}

span.zitat-info {
	font-size: 14px;
}

div.zitat-feld {
	padding-left: 35px;
}



.blaue-zeile-hell {
	background-color: #99a7b0;
	color: var(--farbe-weiss);
	padding-top: 35px;
}

.blaue-zeile-hell p,
.blaue-zeile-hell h2,
.blaue-zeile-hell h3,
.blaue-zeile-hell h4 {
	color: var(--fabe-weiss);
}

/*****************/
/* Rundung Fotos */
/*****************/

div.bild-rund-rechts img {
	border-top-right-radius: 350px;
  border-bottom-right-radius: 350px;
}

div.bild-rund-links img {
	border-top-left-radius: 350px;
  border-bottom-left-radius: 350px;
}

div.bild-rund-unten img {
	width: 100%;
		height: auto;
		display: block;
		border-radius: 0 0 50% 50% / 0 0 22% 22%;
}


/*****************/
/* FAQ Accordion */
/*****************/


.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
  background-color: var(--farbe-weiss) !important;
  border-color: var(--farbe-weiss) !important;
}

span.vc_tta-title-text {
	color: var(--farbe-blau) !important;
  font-weight: 700 ;
  font-size: 20px ;
  text-decoration: none;
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
	  text-decoration: none !important;
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::before {
	border-color: var(--farbe-blau) !important;
}

.vc_tta.vc_general .vc_tta-panel-title {
	border-bottom: 1px solid var(--farbe-blau);
}

div.vc_tta-panel-body p {
	font-size: 18px;
}


/*****************/
/*    FOOTER    */
/****************/

.site-footer {
  background-color: var(--farbe-blau);
  padding-top: 35px;
  color: var(--farbe-weiss);
}

.site-footer p,
.site-footer a,
.site-footer a:hover {
	color: var(--farbe-weiss);
}

span.footer-headline {
	font-family: "Forum", serif;
	color: var(--farbe-weiss);
	font-size: 44px;
	font-weight: 400;
}


/*****************/
/*  Ninja Form   */
/*****************/

div.nf-form-fields-required {
	display: none;
}

.ninja-forms-field.nf-element {
	background-color: var(--farbe-weiss);
}

input#nf-field-4.ninja-forms-field.nf-element {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 22px;
	border-radius: 15px;
	padding: 10px;
	background-color: var(--farbe-tuerkis);
	border: none;
	text-transform: none !important;
}

.text-klein p {
	font-size: 15px;
}

.infotext-formular p {
	font-size: 15px;
}


/* Ninja Forms Checkbox wieder als echte Box anzeigen */
.nf-form-cont input[type="checkbox"],
.nf-form-wrap input[type="checkbox"] {
	appearance: auto !important;
	-webkit-appearance: checkbox !important;
	width: 18px !important;
	min-width: 18px !important;
	height: 18px !important;
	min-height: 18px !important;
	line-height: 18px !important;
	margin: 7px 12px 0 0 !important;
	padding: 0 !important;
	border: 1px solid #333 !important;
	border-radius: 0 !important;
	background: #fff !important;
	display: inline-block !important;
	vertical-align: top !important;
	opacity: 1 !important;
	position: static !important;
}

/* Checkbox + Text sauber nebeneinander */
.nf-form-cont .checkbox-wrap .nf-field-element,
.nf-form-wrap .checkbox-wrap .nf-field-element {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px;
}

/* Label/Text neben Checkbox */
.nf-form-cont .checkbox-wrap label,
.nf-form-wrap .checkbox-wrap label {
	display: inline-block !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

.label-right .nf-field-label {
	padding-left: 5px !important;
}

div#nf-field-17-container,
div#nf-field-18-container,
div#nf-field-19-container,
div#nf-field-21-wrap p,
div#nf-field-22-wrap p,
div#nf-field-23-wrap p,
div#nf-field-21-container,
div#nf-field-22-container,
div#nf-field-23-container,
div#nf-field-27-container,
div#nf-field-28-wrap p,
div#nf-field-44-container,
div#nf-field-41-container,
div#nf-field-46-container,
div#nf-field-42-container,
div#nf-field-40-container,
div#nf-field-45-container,
div#nf-field-54-container,
div#nf-field-55-container,
div#nf-field-44-wrap p,
div#nf-field-41-wrap p,
div#nf-field-46-wrap p,
div#nf-field-45-wrap p,
div#nf-field-54-wrap p{
	margin-bottom: 5px !important;
}

input#nf-field-20.ninja-forms-field.nf-element,
input#nf-field-29.ninja-forms-field.nf-element,
input#nf-field-43.ninja-forms-field.nf-element,
input#nf-field-53.ninja-forms-field.nf-element{
	background-color: var(--farbe-tuerkis);
	margin-top: 20px;
  font-size: 18px;
}

/*****************/
/*    MOBILE    */
/****************/

#pic-mobile {
	display: none;
}

@media (max-width: 767px) {
	#pic-mobile {
		display: block;
	}
	#pic-desktop {
		display: none;
	}
}

/* Startseite mobile Inhalte zentrieren */

@media (max-width: 767px) {

	body.page-id-12 .wpb_text_column,
	body.page-id-12 .wpb_text_column p,
	body.page-id-12 h1,
	body.page-id-12 h2,
	body.page-id-12 h3,
	body.page-id-12 h4,
	body.page-id-12 h5,
	body.page-id-12 h6 {
		text-align: center;
	}

	body.page-id-12 .vc_btn3-container {
		text-align: center;
	}

	body.page-id-12 .vc_btn3 {
		margin-left: auto;
		margin-right: auto;
	}
	
		body.page-id-12 .startseite-faq,
	body.page-id-12 #startseite-faq .wpb_text_column,
	body.page-id-12 #startseite-faq .wpb_text_column p,
	body.page-id-12 #startseite-faq .vc_tta-panel-body,
	body.page-id-12 #startseite-faq .vc_tta-panel-body p,
	body.page-id-12 #startseite-faq .vc_tta-title-text {
		text-align: left;
	}
	
	.logofooter {
		text-align: center !important;
	}
}

/* Headerbutton mobil nicht zentrieren */

@media (max-width: 767px) {

	body.page-id-12 .headerbutton,
	body.page-id-12 .headerbutton .vc_btn3-container,
	body.page-id-12 .headerbutton .vc_btn3,
	body.page-id-12 a.headerbutton,
	body.page-id-12 button.headerbutton {
		text-align: right !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

.headertext-mobile {
	display: none;
}

div.headertext-mobile {
	position: absolute;
bottom: 20%;
  right: 5%;
}

span.header1-mobile {
	font-family: "Forum", serif;
	color: var(--farbe-weiss);
	font-size: 40px;
	font-weight: 400;
	text-shadow: 1px 1px 10px #000;
}

span.header2-mobile {
	font-family: "Inter", sans-serif;
	color: var(--farbe-weiss);
	font-size: 20px;
	font-weight: 600;
	text-shadow: 1px 1px 10px #000;
}


@media (max-width: 1200px) {
	.headertext-mobile {
		display: block;
	}
	.headertext {
		display: none;
	}
}

@media (max-width: 600px) {
	span.header1-mobile {
	font-size: 35px;
}
	span.header2-mobile {
		font-size: 16px;
}
	
	div.headerbutton {
		margin-bottom: 0px !important;
	}
	.headerbutton a {
		font-size: 16px !important;
	}
	span.vc_tta-title-text {
		font-size: 16px;
	}
	div.vc_tta-panel-body p {
		font-size: 14px;
	}
}

div.headertext-mobile-klein {
	display: none;
}

@media (max-width: 450px) {
	div.headertext-mobile {
	display: none !important;
}
	div.headertext-mobile-klein {
		display: block;
	}
	div.headertext-mobile-klein h1 {
		font-size: 35px;
	}
}

@media (max-width: 400px) {
	
	span.header2-mobile {
		font-size: 14px;
}
	
	div.headerbutton {
		margin-bottom: 0px !important;
	}
	.headerbutton a {
		font-size: 14px !important;
	}
	h1 {
		font-size: 35px !important;
		line-height: 1.1 !important;
	}
	h2 {
		font-size: 24px !important;
	}
	h3 {
		font-size: 32px !important;
	}
	h4 {
		font-size: 20px !important;
	}
}




/* ----------------
 * Tobias
 * --------------- */
/* Form input Größe auf 16px begrenzt für Anti-Mobile-Zoom*/
form input[type=text],
form input[type=password],
form input[type=email],
form input[type=url],
form input[type=date],
form input[type=month],
form input[type=time],
form input[type=datetime],
form input[type=datetime-local],
form input[type=week],
form input[type=number],
form input[type=search],
form input[type=tel],
form input[type=color],
form select,
form textarea {
	font-size: 16px !important;
}