/*
 Theme Name:   Ocean WP Child
 Description:  Das ist das Child Theme des Ocean WP Theme
 Author:       Gerhard Trischitz
 Author URI:   https://www.trischitz.com
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp
*/

/* OceanWP spezifische Anpassungen */


/* :root {
    --text-2xs: clamp(0.5rem, 0.4755rem + 0.1087vi, 0.5625rem);
    --text-xs: clamp(0.75rem, 0.7011rem + 0.2174vi, 0.875rem);
    --text-s: clamp(1rem, 0.9511rem + 0.2174vi, 1.125rem);
    --text-m: clamp(1.5rem, 1.4266rem + 0.3261vi, 1.6875rem);
    --text-l: clamp(2rem, 1.9022rem + 0.4348vi, 2.25rem);
    --text-xl: clamp(3rem, 2.8533rem + 0.6522vi, 3.375rem);
    --text-2xl: clamp(4rem, 3.8043rem + 0.8696vi, 4.5rem);
} */


/* @link https://utopia.fyi/type/calculator?c=360,16,1.2,1280,35,1.25,7,6,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

/* @link https://utopia.fyi/type/calculator?c=360,12,1.2,1280,25,1.25,2,6,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

/* @link https://utopia.fyi/type/calculator?c=360,18,1.2,1280,35,1.25,7,6,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
    --text--6: clamp(0.3768rem, 0.2998rem + 0.3421vi, 0.5734rem);
    --text--5: clamp(0.4521rem, 0.3485rem + 0.4603vi, 0.7168rem);
    --text--4: clamp(0.5425rem, 0.4042rem + 0.6147vi, 0.896rem);
    --text--3: clamp(0.651rem, 0.4675rem + 0.8156vi, 1.12rem);
    --text--2: clamp(0.7813rem, 0.5391rem + 1.0761vi, 1.4rem);
    --text--1: clamp(0.9375rem, 0.6196rem + 1.413vi, 1.75rem);
    --text-0: clamp(1.125rem, 0.7092rem + 1.8478vi, 2.1875rem);
    --text-1: clamp(1.35rem, 0.8083rem + 2.4076vi, 2.7344rem);
    --text-2: clamp(1.62rem, 0.9164rem + 3.1269vi, 3.418rem);
    --text-3: clamp(1.944rem, 1.0329rem + 4.0495vi, 4.2725rem);
    --text-4: clamp(2.3328rem, 1.1558rem + 5.2309vi, 5.3406rem);
    --text-5: clamp(2.7994rem, 1.2825rem + 6.7415vi, 6.6757rem);
    --text-6: clamp(3.3592rem, 1.4084rem + 8.6703vi, 8.3447rem);
    --text-7: clamp(4.0311rem, 1.5268rem + 11.13vi, 10.4308rem);
    --text-8: clamp(4.8373rem, 3.8147rem + 4.5448vi, 7.4506rem);
    --text-9: clamp(5.8048rem, 4.4319rem + 6.1017vi, 9.3132rem);
    --text-10: clamp(6.9657rem, 5.136rem + 8.1319vi, 11.6415rem);
  }


/* Schriften einbetten */
/* Fließtext - News Cycle Regular */

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

  
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'News Cycle';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NewsCycle-Bold.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


/* Überschriften - Alex-Brush */

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

  


/* Fließtext */
#p {
    font-family:'News Cycle', Arial, sans-serif;
    font-size: var(--text-0);
    font-weight: 300;
    color: #3C3C3B;
    text-align: center;
}



/* Überschrift H1 */ 
#p1 {
    font-family:'Alex Brush', Arial, serif;
    font-size: var(--text-10);
    font-weight: 500;
    color: #B47A2B;
    line-height: 1.4em;
}


/* Überschrift H1 Mobilgeräte */ 
#p1mobil {
    font-family:'Alex Brush', Arial, serif;
    font-size: var(--text-5);
    font-weight: 500;
    color: #B47A2B;
}


/* Überschriften H2 */ 
#p2 {
    font-family:'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text-3);
    font-weight: 100;
}

 
/* Überschriften H3 */ 
#p3 {
    font-family:'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text-0);
    font-weight: 700;
    color: #B47A2B;
}


/* Überschriften H4 / analog H3, andere Farbe udn regular*/ 
#p4 {
    font-family:'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text-0);
    font-weight: 400;
    color: #3C3C3B;
}



/* Draw Attention Plugin (Startseite) */ 
#interactive, #hotspot-2435 {
    font-family:'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text--1);
    font-weight: 400;
    color: #3C3C3B;
    text-align: justify;
}




/* Button Startseite */ 
#button {
    font-family: 'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text-0);
    text-align: center;
    background-color: #B47A2B;
    color: #EAEAEA;
    display: flex;
    width: 500px;
    justify-content: center;
    border-radius: 5px;
}

/* mobile Ansicht Button Startseite */ 
#buttonmobil {
    font-family: 'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text-0);
    text-align: center;
    background-color: #B47A2B;
    color: #EAEAEA;
    width: 300px;
    justify-content: center;
    border-radius: 5px;
}

#button:hover, #buttonmobil:hover {
    background-color:#EAEAEA;
    color: #B47A2B; 

}



/* Menu Styling Desktop */
.text-wrap {
    color: #E4DFD1;
    font-size: var(--text-0);
}

.text-wrap:hover{
    font-weight: bold;
    color: #B47A2B;
} 





/* Kontaktformular Anfragen - Buchen (Seite: Service & Info) */
#formfield {
    font-size: var(--text--1);
    color: #3C3C3B; 
    border: solid thin #D4CDBD;
    margin-bottom: 5px;
    font-family: 'News Cycle', Arial, sans-serif;
    text-align: left;
}



#form {
    font-size: var(--text--1);
    margin-bottom: 5px;
    font-family: 'News Cycle', Arial, sans-serif;
}

::placeholder {
    font-family: 'News Cycle', Arial, sans-serif;
    font-size: var(--text--1);
    color: #D4CDBD;
}

#anfrage {
    font-family: 'News Cycle', Arial, sans-serif;
    font-size: var(--text-0);
    background-color:#EAEAEA;
    color: #B47A2B; 
    border-radius: 5px;
}

#button:hover{
    background-color: #EAEAEA;
    color:#B47A2B;
}

#checkbox{
    font-family: 'News Cycle', Arial, sans-serif;
    font-size: var(--text--2);
    color:#B47A2B;
}



/* Kontaktdetails Appartement Weitblick ueberhalb Kontaktformular */
#contact {
    font-family:'News Cycle', Arial, sans-serif;
    font-size: var(--text-0);
    font-weight: 400;
    font-weight: bold;
    color: #3C3C3B;
    line-height: 1.4;
    text-align: center;
}

/* Verlinkung E-Mail Kontaktformular + Hover-Effekt */ 
.elementor a {
    color: #3C3C3B; 
}

.elementor a:hover {
    color: #B47A2B; 
}



/* Formular Newsletter */
#ansprache {
    font-size: var(--text--1);
    color: #3C3C3B; 
    border: solid thin #D4CDBD;
    margin-bottom: 5px;
    font-family: 'News Cycle', Arial, sans-serif;
}

#nlcheckbox{
    font-family: 'News Cycle', Arial, sans-serif;
    font-size: var(--text--2);
    color:#DBAB2B;
}

#buttonnewsletter {
    font-family: 'News Cycle', Arial, sans-serif;
    font-size: var(--text--1);
    background-color:#DBAB2B;
    color: #ffff; 
    border-radius: 5px;
    text-transform: none;
}



/* Footer Content links */
#block-19 {
    font-family: 'News Cycle', Noto Sans Hebrew, sans-serif;
    font-size: var(--text--2);
    margin-top: 40px;    
    text-align: center;
}



/* Überschrift basemap.at */ 
#lmm_panel_text_6b012a8e {
    font-family: 'News Cycle', Noto Sans Hebrew, sans-serif;
}


/* Cookie Seite - Fließtext und Überschrift*/ 
#cookies {
    font-family:'News Cycle', Arial, sans-serif;
    font-size: var(--text-0);
    font-weight: 400;
    color: #3C3C3B;
    line-height: 1.4;
    justify-content: center;
}

#cmplz-document h2 {
    font-family:'News Cycle', Arial, sans-serif;
    font-size: var(--text-0);
    font-weight: bold;
    color: #B47A2B;
    line-height: 1.4;
    justify-content: center;
}



.oceanwp-mobile-menu-icon.mobile-right {
    height: 70px;
    width: 30px;
}