/*
Theme Name: Alexandra Weltz-Rombach
Web: vesaire.studio
*/





/*--------------------------------------------------------------
# General 
--------------------------------------------------------------*/


html, body 
{
   height:100%;
   margin:0;
   padding:0;
   outline:none;

    
}

ul,li, p, h1, h2, figure
{
   margin:0;
   padding:0;
   list-style:none;
}


::-moz-selection { background: #DDFF28; }
::selection { background: #DDFF28; }



/* instrument-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/instrument-sans-v1-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/instrument-sans-v1-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fontsfonts/instrument-sans-v1-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 600;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/instrument-sans-v1-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/instrument-sans-v1-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/instrument-sans-v1-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/inter-v18-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/inter-v18-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/inter-v18-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('https://alexandraweltzrombach.de/wp-content/themes/v2.0/assets/fonts/inter-v18-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
font-family:"Inter";
    font-weight:500;
font-size:13px;
    line-height: 16px;
    color:black;
        }


header 
{
display:none;
        }


button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration:underline;}

section
{
    display:flex;
    flex-direction:row;
    width:100%;
        display: block;
        top:0px;

        }


.section_left
{
width: calc(50% - 30px);
margin-left: 15px;
margin-top: 15px;
padding-left: 15px;
display: flex;  
flex-direction: column;
height: 100%;
position: fixed;
height: calc(100% - 15px);
border-left: 1px solid black;
}



.section_right
{

            width: calc(50% - 15px);
        
            margin-right: 15px;
        
            margin-top: 15px;
        
            float: right;
        
            border-right: 1px solid black;
        
            padding-right: 15px;


        }


.cookiemodal {
    width: auto;
    padding: 15px;
    background: white;
    text-align: left;
    border: 1px solid black;
}
       
.cookiemodal_holder
{
    position: fixed;
    bottom: 0px;
    left: 30px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}



.text_right_side
{
   height:100%;
       padding-left: 15px;
       padding-right:15px;
    padding-top: 60px;
    padding-bottom:60px;

   }




.section_left_menu_top {
    padding-right: 15px;
    text-transform:uppercase;
        }


.section_left_menu_top ul
{

display:flex;
flex-direction:row;
width:100%;
justify-content: space-between;
   }


.section_left_menu_top ul li a:link, .section_left_menu_top ul li a:visited
{
color:black;
text-decoration:none;
   }

.section_left_menu_top ul li a:hover, .section_left_menu_top ul li a:active
{
color:black;
text-decoration:none;
font-style:italic;
   }

.bio_text a:link, .bio_text a:visited
{
color:black;
text-decoration:underline;
   }

.bio_text a:hover, .bio_text a:active
{
color:black;
text-decoration:none;
   }



.section_left_menu_bottom
{
padding-right: 15px;
padding-bottom: 15px;
margin-top:auto;
text-transform:uppercase;

   }

.admin-bar .section_left_menu_bottom
{
padding-bottom: 45px;
 }




.section_left_menu_bottom ul
{
display:flex;
flex-direction:row;
width:100%;
justify-content: space-between;
   }

.section_left_menu_bottom ul li a:link, .section_left_menu_bottom ul li a:visited
{
color:black;
text-decoration:none;
   }

.section_left_menu_bottom ul li a:hover, .section_left_menu_bottom ul li a:active
{
color:black;
text-decoration:none;
font-style:italic;
   }


.bio_text
{
padding-top:45px;
width:60%;
}

.bio_text_scroll
{
padding-top:45px;
width:80%;  
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
overflow:auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.bio_text_scroll::-webkit-scrollbar {
  display: none;
}




.entry_section
        {

display:flex;
flex-direction:column;
margin-left:15px;
    border-left:1px solid black;
    width: calc(100% - 30px);


        }

.entry_image
        {

display:flex;
flex-direction:row;
    padding-bottom: 15px;
    padding-right: 15px;
        }


        .entry_image a img
        {
padding-left:15px;
width:70%;
        }



.entry_info {
display:flex;
flex-direction:row;
    padding: 0px 0px 15px 0px;
    margin: 0 0 15px 15px;
    border-bottom: 1px solid black;
}

.entry_info_single {
display:block;
flex-direction:row;
padding: 0px 0px 85px 15px;
    height: 100vh;
}


.entry_info_left {
display:block;
width: 50%;
font-style:italic;
padding-right: 30px;
}

.entry_info_left_single {
display:block;
width: 70%;
font-style:italic;
padding-right: 30px;
padding-bottom: 30px;
font-size:13px;
line-height:16px;
}

.entry_info_left a:link, .entry_info_left a:visited {
color:black;
text-decoration:underline;
}
.entry_info_left a:hover, .entry_info_left a:active {
color:black;
text-decoration:none;
}

.entry_info_left_single a:link, .entry_info_left_single a:visited {
color:black;
text-decoration:underline;
font-style:normal;
}
.entry_info_left_single a:hover, .entry_info_left_single a:active {
color:black;
text-decoration:none;
font-style:normal;
}



.entry_info_right {
display:block;
width: 50%;
}

.entry_info_right  .entry_info_right a:link, .entry_info_right  .entry_info_right a:visited {
    color: black;
    text-decoration: none;
    border-top: 1px solid black;
    padding-top: 5px;
}


.entry_info_right_single {
display:block;
width: 70%;
}

.entry_info_right a:link, .entry_info_right a:visited {
color:black;
text-decoration:none;
}
.entry_info_right a:hover, .entry_info_right a:active {
color:black;
text-decoration:none;
font-style:italic;
}


.mobile-slide
{
display:none;
}

.mobile_heading
{
display:none;
}

.top_menu
{
position:fixed;
top:2vh;
left:0vh;
padding-left:2%;
padding-right:2%;
font-size:14px;
}

.top_menu ul
{
display:flex;
flex-direction:row;
}


.top_menu ul li
{
padding-right:20px;
}

.language_menu
{
position:fixed;
top:2vh;
right:0vh;
padding-left:2%;
padding-right:2%;
font-size:14px;
}






section
{

 margin:auto;
 height:100%;

}

.slick-slider {
    position: relative;
    display: block;
   width: auto;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


img
{
  width:100%;
  height:100%;
}






/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/








/*notebook*/


@media only screen and (min-width: 1400px) and (max-width: 1780px) {


.bio_text
{
padding-top:45px;
width:80%;
}

.entry_info_right_single {
    display: block;
    width: 100%;
}


}





/* Ipad Landscape  */
@media only screen and (min-width: 992px) and (max-width: 1399px){


.bio_text
{
padding-top:45px;
width:80%;
}

.entry_info_right_single {
    display: block;
    width: 100%;
}

 }



/* Tablet Portrait */

@media (min-width: 768px) and (max-width: 991px){


.bio_text
{
padding-top:40px;
width:calc(100% - 30px);
padding-right:30px;

        }

        .entry_image a img {
    padding-left: 15px;
    width: 100%;
}

.entry_info_right_single {
    display: block;
    width: 100%;
}




}



/* Smartphone Landscape */
@media (min-width: 565px) and (max-width: 767px) {


.entry_info_right_single {
    display: block;
    width: calc(100% - 30px);
}


.entry_image {
    border-top: 1px solid black;
    padding-top: 15px;
    padding-right:0px;
}




header {
display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        width: calc(100% - 30px);
        border-bottom: 0.5px solid black;
        justify-content: space-between;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        height: 45px;
        z-index: 999999999;
        position: fixed;
        top: 0px;
        left: 0px;
        transition: top 0.2s ease-in-out !important;
        background: white;
    
}

header a 
{
color:black;
text-decoration:none;
text-transform:uppercase;
}


.mobile-slide
{
background: white;
        position: fixed;
        left: 0px;
        top: 45px;
        width: 100%;
        z-index: 99;
        height: auto;
        padding-top: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid black;
        transition: 0.5s;
        opacity: 0;
        display: none;
}


.cookiemodal {
    width: auto;
    padding: 15px;
    background: white;
    text-align: left;
    border: 1px solid black;
}
       
.cookiemodal_holder
{
position:fixed;
bottom:0px;
left:0px;
display:flex;
justify-content:center;
 width:100%;
}



.mobile-slide.show {
        opacity: 1;
        display: block;
        transition: 0.5s;
        z-index: 99;
        text-align: center;
}


/* Hamburger Menu */


#menu-button-container {
  display: inline-block;
  float: right;
}

#menu-button {
    height: 30px;
    width: 32px;
    position: absolute;
    top: 9px;
    right: 15px;
    cursor: pointer;
    overflow: hidden;
    z-index: 999999999999;
}


#menu-button div {
  height: 1px;
  width: 100%;
  background: black;
  position: absolute;
  top: 14px;
  transition: .4s ease-in-out;
}

 #menu-button div:nth-child(1) {
  top: 7px;
} 

#menu-button div:nth-child(2), #menu-button div:nth-child(3) {
  top: 14px;
}

#menu-button div:nth-child(4) {
  top: 21px;
}



#menu-button.animate div:nth-child(1), #menu-button.animate div:nth-child(4) {
    top: 14px;
    opacity: 0;
  }

#menu-button.animate div:nth-child(2) {
    transform: rotate(45deg);
  }

#menu-button.animate div:nth-child(3) {
  transform: rotate(-45deg);
  
}




#menu-button.hover-animation div:nth-child(1), #menu-button.hover-animation div:nth-child(4) {
  width: 100%;
}




.mobile-navigation {
    display: block;
}

.mobile-menu {
    display: block;
}

.menu-button {
    display: block;
}



/* Mobile Menu*/


.mobile-navigation {
    position: relative;
    top: 0px;
    padding-left: 15px;
    width: calc(100% - 40px);
    z-index: 99;
    background: white;
    height: 100%;
    transition: 0.5s;
}

nav.mobile-navigation > ul {
position: relative;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 10px;
}




nav.mobile-navigation a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: 0.5s;
    color:black;
}





nav.mobile-navigation a:hover {
  display: block;
  text-decoration: none;
  font-weight:400;
  transition: 0.5s;
  font-size: 14px;
}

nav.mobile-navigation ul li {
  color: black;
  list-style: none;
}


nav.mobile-navigation li.current_page_item a:link, nav.mobile-navigation li.current_page_item a:visited {
  display: block;
  text-decoration: underline;
  font-weight:400;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}



.mobile_heading
{
display:block;
padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
        padding-top:30px;
}


    .section_left_menu_top
{
display:none;
 
}

.section_left_menu_bottom
{
display:none;
 
}

section {
    width: 100%;
    display: block;
}

    .section_left {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-top: 15px;
        margin-right: 15px;
        display: block;
           top:unset;
    position:unset;
    height:unset;
        border:unset;
        padding:unset;
    }

    .section_right {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 15px;
            border:unset;
            padding:unset;
    }


.entry_section {
    display: block;
    margin-left: 0px;
    border-left: 0px solid black;
    width: 100%;
}

.bio_text {
    padding-top: 0px;
    width: 100%;
}


.entry_info_right {
    display: block;
width: calc(100% - 30px);
}


.entry_info {
    display: block;
    padding: 0px 0px 85px 15px;
}

.entry_image a img {
    padding-left: 15px;
width: calc(100% - 30px);
}

body {
 padding-top: 45px;
 font-size:14px;
 line-height:17px;
}
.single .entry_image {
    border-top: 0px solid black;
    padding-top: 0px;
    padding-right:0px;
}
.entry_info_left {
    display: block;
width: calc(100% - 30px);
    padding-bottom: 20px;
    font-size:14px;
    line-height:17px;
}

.entry_info_left_single {
    font-size:14px;
    line-height:17px;
}

.entry_info {
    margin: unset;
    border-bottom: 0px solid black;
}

}



/* Smartphone Portrait */

@media (min-width: 120px) and (max-width: 564px) {

.entry_info {
    margin: unset;
    border-bottom: 0px solid black;
}


.entry_image {
    border-top: 1px solid black;
    padding-top: 30px;
    padding-right:0px;
}

.single .entry_image {
    border-top: 0px solid black;
    padding-top: 0px;
    padding-right:0px;
}


.entry_info_left {
    display: block;
width: calc(100% - 30px);
    padding-bottom: 20px;
    font-size:14px;
    line-height:17px;
}

.entry_info_left_single {
    font-size:14px;
    line-height:17px;
}


.entry_info_right {
    display: block;
    width: 100%;
}


header {
  display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        width: calc(100% - 30px);
        border-bottom: 0.5px solid black;
        justify-content: space-between;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        height: 45px;
        z-index: 999999999;
        position: fixed;
        top: 0px;
        left: 0px;
        transition: top 0.2s ease-in-out !important;
        background: white;
    
}


header a 
{
color:black;
text-decoration:none;
text-transform:uppercase;
}


.mobile-slide
{
background: white;
        position: fixed;
        left: 0px;
        top: 45px;
        width: 100%;
        z-index:99;
        height: auto;
        padding-top: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid black;
        transition: 0.5s;
        opacity: 0;
        display: none;

}


.cookiemodal {
    width: auto;
    padding: 15px;
    background: white;
    text-align: left;
    border: 1px solid black;

}
       
.cookiemodal_holder
{
position:fixed;
bottom:0px;
left:0px;
display:flex;
justify-content:center;
 width:100%;
}


.mobile-slide.show {
        opacity: 1;
        display: block;
        transition: 0.5s;
        z-index: 99;
        text-align: center;
}



/* Hamburger Menu */


#menu-button-container {
  display: inline-block;
  float: right;
}

#menu-button {
    height: 30px;
    width: 32px;
    position: absolute;
    top: 9px;
    right: 15px;
    cursor: pointer;
    overflow: hidden;
    z-index: 999999999999;
}


#menu-button div {
  height: 1px;
  width: 100%;
  background: black;
  position: absolute;
  top: 14px;
  transition: .4s ease-in-out;
}

 #menu-button div:nth-child(1) {
  top: 7px;
} 

#menu-button div:nth-child(2), #menu-button div:nth-child(3) {
  top: 14px;
}

#menu-button div:nth-child(4) {
  top: 21px;
}



#menu-button.animate div:nth-child(1), #menu-button.animate div:nth-child(4) {
    top: 14px;
    opacity: 0;
  }

#menu-button.animate div:nth-child(2) {
    transform: rotate(45deg);
  }

#menu-button.animate div:nth-child(3) {
  transform: rotate(-45deg);
  
}

#menu-button.change-color div {
  background: black;
}



#menu-button.hover-animation div:nth-child(1), #menu-button.hover-animation div:nth-child(4) {
  width: 100%;
}

#menu-button.hover-color div {
  background: black;
}

#menu-button.hover-color2 div {
  background: black;
}


.mobile-navigation {
    display: block;
}

.mobile-menu {
    display: block;
}

.menu-button {
    display: block;
}



/* Mobile Menu*/


.mobile-navigation {
    position: relative;
    top: 0px;
    padding-left: 15px;
    width: calc(100% - 40px);
    z-index: 99;
    background: white;
    height: 100%;
    transition: 0.5s;
}

nav.mobile-navigation > ul {
position: relative;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 10px;
}




nav.mobile-navigation a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: 0.5s;
    color:black;
}





nav.mobile-navigation a:hover {
  display: block;
  text-decoration: none;
  font-weight:400;
  transition: 0.5s;
  font-size: 14px;
      color:black;

}

nav.mobile-navigation ul li {
  color: black;
  list-style: none;
}


nav.mobile-navigation li.current_page_item a:link, nav.mobile-navigation li.current_page_item a:visited {
  display: block;
  text-decoration: underline;
  font-weight:500;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}



.mobile_heading
{
display:block;
padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:30px;
}

.section_left_menu_top
{
display:none;
 
}

.section_left_menu_bottom
{
display:none;
 
}


section {
    width: 100%;
    display: block;
 
}

    .section_left {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-top: 15px;
        margin-right: 15px;
        display: block;
           top:unset;
    position:unset;
    height:unset;
    border:unset;
    padding:unset;
    }

    .section_right {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 15px;
            border:unset;
            padding:unset;
    }


.entry_section {
    display: block;
    margin-left: 0px;
    border-left: 0px solid black;
    width: 100%;
}

.bio_text {
    padding-top: 0px;
    width: 100%;
}

.entry_info {
    display: block;
    padding: 0px 0px 30px 15px;
}

.entry_info_right {
    display: block;
width: calc(100% - 30px);
}


.entry_image a img {
    padding-left: 15px;
width: calc(100% - 30px);
}

.entry_info_right_single {
    display: block;
       width: calc(100% - 30px);
}

body {
 padding-top: 45px;
 font-size:14px;
 line-height:17px;
}

}