/*!
Theme Name: Oceanica Lite Child
Description: No-frills child theme for Oceanica Lite
Theme URI: https://motopress.com/products/oceanica-lite/
Author: Mausschubser
Author URI: https://de.wikipedia.org/wiki/KISS-Prinzip
Template: oceanica-lite
Version: 0.8.15
Text Domain: oceanica-lite-child
*/

/* 
-------------------------------------------------
Eigene CSS-Anpassungen ab hier
-------------------------------------------------
*/

/* Beispiel: Ändere die Linkfarbe
a {
  color: #0073aa;
}
a:hover {
  color: #005177;
}
*/

/* Anker-Symbol ändern */
.entry-child-pages:after,
.content-bottom-widgets:after,
body.single .site-main .entry-header:after,
body.page .site-main .entry-header:after,
.site-main .page-header:after {
    content: "\f06c"; /* Blatt-Symbol */
    font: normal normal normal 1rem/1.75 FontAwesome; 
	font-size: 16px; 
	font-size: 1rem; 
	text-rendering: auto; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	text-indent: 0px; 
	display: block; 
	margin: 0 auto; 
	color: green; 
	position: absolute; 
	padding: 0 2em; 
	left: 50%; 
	-webkit-transform: translate(-50%, 0); 
	transform: translate(-50%, 0)
}

/* custom 404 styles */
/* --- Bitte nicht stören Icon --- */
.dont-disturb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 8px 14px;
    border: 2px solid #c90000;
    border-radius: 8px;
    color: #c90000;
    font-weight: bold;
    font-size: 1.1rem;
}
.dont-disturb i {
    font-size: 1.4rem;
}

@keyframes shine {
    0%   { transform: scale(1); filter: drop-shadow(0 0 0px gold); }
    50%  { transform: scale(1.25); filter: drop-shadow(0 0 6px gold); }
    100% { transform: scale(1); filter: drop-shadow(0 0 0px gold); }
}

/* --- Schlüsselwackel-Animation --- */
.zimmer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 1.1rem;
}

.zimmer-link i {
    font-size: 1.2rem;
    color: #b28b00; /* goldener Schlüssel */
}

.wobble-key {
    animation: keywobble 1.8s ease-in-out infinite;
    transform-origin: top center;
}

@keyframes keywobble {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(-12deg); }
    50%  { transform: rotate(8deg); }
    75%  { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}