/*
Theme Name:   OceanWP Child
Theme URI:    
Description:  OceanWP Child Theme
Author:       Runa
Author URI:   
Template:     oceanwp
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Stichwörter zum gefunden werden auf WP.org
Text Domain:  oceanwp-child
*/


////////////////////////////////*Schriften*////////////////////////////////

@font-face {
	font-family: "Roboto Slab";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('schriften/roboto-slab-v25-latin-regular.woff2') format('woff2');
}

/* roboto-serif-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: "Roboto Serif";
  font-style: normal;
  font-weight: 400;
  src: url('schriften/roboto-serif-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('schriften/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*Schriften für bestimmte Bereiche festlegen*/

.elementor-widget-image-box, 
.elementor-image-box-wrapper, 
.elementor-widget, 
.elementor-icon-list-items {
	font-family: "Roboto Slab" !important;
}

.elementor-widget-container {
	font-family: "Roboto Slab" !important;
}

p, ol, ul, li, div, body {
	font-family: "Roboto Slab" !important;
}

.elementor-heading-title {
	font-family: "Roboto Slab" !important;
}

////////////////////////////////*Buttons*////////////////////////////////

/*Button sollen beim hover innerhalb 0.7 sekunden wachsen*/

.is-style-fill {
/*	transition: transform 0.7s;*/
	box-shadow: none;
}

.is-style-fill:hover {
   transform: scale(1.2, 1.2) !important;
   transition: transform 0.7s;
} 

////////////////////////////////*Bilder*//////////////////////////////// 

/*Bilder sollen einen Schatten haben und beim drüberhovern in bestimmte Richtungen wachsen*/

.bild2, .bild3, .bild4, .bild5 {
	box-shadow: 2px 2px 7px 1px gray;
}

.bild, .bild2, .bild3, .bild4, .bild5, .bild6 {
	transition: transform 0.7s;
}

.bild:hover, .bild5:hover {
   transform: scale(1.2, 1.2) 
} 

.bild2:hover {
	transform: translate(3em, -5em) scale(1.2, 1.2);
	position: relative;
   z-index: 1;
}

.bild3:hover {
	transform: translate(0px, -3em) scale(1.2, 1.2);
	position: relative;
   z-index: 1;
}

.bild4:hover {
	transform: translate(-3em, -5em) scale(1.2, 1.2);
	position: relative;
   z-index: 1;
}

.bild6:hover {
   transform: translate(-1em, -1em) scale(1.2, 1.2) 
   }

.bilderrahmen {
	border: solid 1px white;
	border-radius: 15px;
	box-shadow: 2px 2px 7px 1px gray;
}