/*
 Theme Name:   Ocean WP Child
 Description:  Das ist das Child Theme des Ocean WP Theme
 Author:       Verena Ramsl
 Author URI:   
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp
*/

/* OceanWP spezifische Anpassungen */

/* martel-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel';
  font-style: normal;
  font-weight: 400;
  src: url('../oceanwp-child/fonts/martel-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel';
  font-style: normal;
  font-weight: 900;
  src: url('../oceanwp-child/fonts/martel-v11-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../oceanwp-child/fonts/quicksand-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*Outlines bei Menuebuttons entfernen*/
a:hover,
a:focus,
a:active {
	outline-style: none
		!important;
}

/* Textfarben der Links */

main a {
	color: #338d8b;
	text-decoration-style: underline;
}

main a:hover{
	color: #338d8b;
}

/*Menuicon*/
.fa-bars {
	font-size: 1.5em;
	padding-right: 1em;
	color: #555555;
}

/*Textfarben der Links auf der Startseite*/

.page-id-30 main a {
	color: white !important;
}

.page-id-30 main a:hover {
	color: white !important;
}

/*Responsive Schriftgroessen*/

h1 {
	font-size: clamp(2em, 1.6000em + 2.0000vw, 4em) !important
}

h2 {
	font-size: clamp(1.5em, 1.167em + 1.667vw, 2.5em) !important
}

p {
	font-size: clamp(1em, 0.9400em + 0.3000vw, 1.3em) !important
}

li{
	font-size: clamp(1em, 0.9400em + 0.3000vw, 1.3em) !important
}

h3 {
	font-size: clamp(1em, 0.9400em + 0.3000vw, 1.3em) !important
}

/* Footer - Inhalt */
#footer {
  text-align: center;
  }
  
#footer a {
  text-decoration: underline
  }

#footer a:hover {
  color: white !important
  }

/*Typo-Anpassungen*/

strong {
	font-weight: 900 !important
}

/* h2 in weiss auf der Teamseite */

body.page-id-39 h2{
	color: white
}

/* Formatierung Kontaktformular*/
.wpcf7 {
	font-family: Quicksand;
	color: #338d8b;
}
.wpcf7 .button {
	background-color: #338d8b;
	border-radius: 10px
}