/* fairkom custom css */

.welcome .welcome-card-text h2{
     color: #fff;
}

.welcome {
     color: #fff;
     font-family: 'Ubuntu'; 
}


.welcome-card-text h2{
     color: #fff;
}

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

.unsupported-desktop-browser {
    font-family: 'Ubuntu', sans-serif;
    color: #666;
    line-height: 1.5em;
}
.unsupported-desktop-browser p {
    font-size: 16px;
    line-height: 1.5em;
} 
.unsupported-desktop-browser a {
    text-decoration: underline;
    text-decoration-color: #d35f5f; 
    color: #d35f5f;
}
#thanksMessage {
  font-weight: 700;
  color: #d35f5f;
  font-size: 30px;
  line-height: 1.5em;
}
.redirectPageMessage .thanks-msg {
    border-bottom: 1px solid #d35f5f;
}
.redirectPageMessage .hint-msg p{
    font-weight: 300;
    line-height: 1.5em;
    font-size: 20px;
}
.fairkom_logo {
    margin-top: 20px;
}

.kopf_menu {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px!important;
    color: #d35f5f;
    background-color: #f2f2f2;
    padding-right: 20px;
}
.kopf_menu a {
    color: #d35f5f;
}
.tile-view #remoteVideos {
    background: #e1e1e1!important;
}
.tile-view #filmstripRemoteVideos {
    background-color: #e1e1e1!important;
}
/* do not ask for e-mail as we do not load avatars */
.profile-edit-field:last-child {  
    display: none;  
} 

body, button, input, keygen, select, textarea {
  font-family: 'Ubuntu', sans-serif;
  color: #666;
  font-weight: 300;
  line-height: 1.5em;
  background: #f2f2f2;
  font-size: 14px;
}
h1,h2,h3,h4 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  color: #d35f5f;
  line-height: 1.3em;
}
h3 {
  margin: 15 0 0 0;
}
h5,h6 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  color: #d35f5f;
  line-height: 1.3em;
}


.welcome .header .header-text-title{visibility: hidden;}
/*
.welcome .header .header-text-title::after{content: 'Videokonferenz jetzt starten';visibility: visible;display: block;}
.welcome .header .header-text-subtitle{visibility: hidden;}
.welcome .header .header-text-subtitle::after{content: 'abhörsicher - datenschutzkonform - supersimpel';visibility: visible;display: block;}
*/
.welcome .header {
    background: #f2f2f2;
}
.welcome .welcome-watermark .watermark.leftwatermark {
    width: 300px;
    height: 300px;
}
.welcome .welcome-watermark .watermark.leftwatermarknomargin {
    width: 300px;
    height: 300px;
    padding-left: 15px;
}
.rightwatermark {
    display: none;
}
.watermark {
    width: 300px;
    height: 300px;
}
.jitsi-icon svg {
    fill: #d35f5f;
}
.leftwatermark {
    max-width: 220px;
    padding-left: 25%;
}
.welcome .header .header-text-title {
    color: #d35f5f;
    max-width: 800px;
}
.welcome .header .header-text-subtitle {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: #d35f5f;
}
.welcome .welcome-page-button {
    background: #d35f5f;
}
.welcome .header #enter_room .enter-room-input-container .enter-room-input:focus {
    outline: auto 2px #d35f5f;
}
.welcome .welcome-card {
/* RAS 21JAN23 */
/*    width: 49%; */
    margin-left: 10px;
    margin-right: 10px;
}
.welcome .welcome-card--blue {
    background: #f2f2f2;
}
.meetings-list {
    color: #d35f5f;
    background: #f2f2f2;
}
.meetings-list .delete-meeting > svg {
    fill: #d35f5f;
}
.meetings-list .item.with-click-handler:hover {
    background: #fff;
}
.welcome .welcome-card--dark {
    background: #d35f5f;
}
.welcome .welcome-card--dark a {
    color: #d33948!important;
}
.welcome .welcome-card-button--white {
    background: #fff;
    color: #d35f5f;
    text-align: center; 
    margin-left: 32px;
    margin-bottom: 20px;
}
.tOoji h2 {
    color: #fff!important;
    margin-bottom: 5px;
}



.welcome .welcome-footer {
    display: none;
}
.welcome .welcome-footer-row-block {
    border-bottom: 1px solid #d35f5f;
}
.welcome .welcome-footer_2 h4 {
    margin-bottom: 5px;
    color: #d35f5f;
}
.welcome .welcome-footer_2 a {
    color: #d35f5f;
}
.welcome .welcome-footer_2 a:hover {
    color: #d35f5f;
}
.welcome .welcome-footer_2 {
    background-color: #f2f2f2;
    margin-top: 50px;
    padding-bottom: 50px;
}
.welcome .welcome-footer--row-2 {
    padding: 40px 0 24px 0;
    text-align: left;
}
.welcome .welcome-card-button {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    padding: 15px 16px;
    position: relative;
}
.welcome .welcome-card-button--grey {
    background: #d35f5f;
    color: #fff;
    text-align: center;
}
.welcome .welcome-card-text {
    font-size: 14px;
    line-height: 1.7em;
    padding-bottom: 15px;
}

.welcome .welcome-footer--row-3 {
    padding: 40px 0 24px 0;
} 
.welcome .welcome-footer--row-4 {
    padding: 40px 0 24px 0;
}


.welcome .header {
    background-image: url(https://files01.fairkom.net/fairmeeting/images/well_we_4_just_kissed_CC0_960x436.png);
    height: 420px;
}

.welcome .header .header-container {
/* RAS 21JAN23 */
/*   margin: 90px 32px 0 32px; */ 
}


@media only screen and (max-width: 500px) {
    .welcome.with-content .welcome-card {
        width: 100%;
        margin-top: 24px;
    }
/*    .welcome .welcome-footer_2 {
        text-align: center; 
    }
*/        
    .welcome .header .header-text-title {
        margin-top: 10px;
        font-size: 22px;
    }
    .welcome .header .header-text-subtitle {
        font-size: 14px;
    }
/*    
    .welcome .header {
        background-image: none;
        background: #f2f2f2;
    }
*/        
}

.jitsi-icon-dominant-speaker {
 background-color:#d35f5f;
 border-radius:3px
}

.css-1t0msi-withI18nextTranslation_D9_-tintBackground {
    opacity: 0.1;
}


.close2-svgbox {
  max-width: 100px;
  fill: #d35f5f;
  /* aspect-ratio: 1/1; */
  margin-bottom: 0.5rem;
}
.close2-iconbox {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
}

.close2-icon {
  margin-inline: 2%;
  text-align: center;
  margin-block: 1rem;
}

.close2-body {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.close2-footer {
  /* flex-shrink: 0; */
  padding-bottom: 2rem;
  font-weight: 700;
}

.close2-iconText {
  margin: 0px;
}

[lang|="en"] {
  font-family: 'Ubuntu', sans-serif;
}

/* Blurred content wrapper, applied to .welcome */
.welcome, 
.videocontainer {
    filter: blur(10px);
    pointer-events: none;
    min-height: 100vh;
}

/* Age confirmation box */
#age-confirmation-box {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   /* background: rgb(168, 148, 84); */
   /* padding: 90px; */
   border-radius: 5px;
   text-align: center;
   z-index: 1000;
   background-image: url(https://goonmeet.net/images/goonmeet_logo.png);
   background-size: 200px;
   background-repeat: no-repeat;
   background-position-x: center;
   display: none; /* Hidden by default */
   /* height: 40px; */
   background-color: #f4f2e5;
   color: #d35f5f;
   font-size: 1.1rem;
   line-height: 1.2em;
   font-weight: 400;
   box-shadow: 0px 0px 18px -5px rgba(217, 205, 205, 1);
   background-position-y: top 2vh;
   height: auto;
   padding: 120px 5vw 5vh 5vw;
   /* Never taller than the viewport, and scroll internally if the content
      (long confirmation text + button) overflows — otherwise on small screens
      the vertically-centred fixed box pushes the button off-screen and it can't
      be reached. dvh accounts for mobile browser chrome; vh is the fallback. */
   box-sizing: border-box;
   max-height: 100vh;
   max-height: 100dvh;
   overflow-y: auto;
}

@media (max-width: 640px) {
   #age-confirmation-box {
     min-width: 80vw;
     /* Trim the desktop 120px top padding (the watermark is only ~78px tall at
        background-size:200px) plus side/bottom padding, so the box needs less
        height on phones and the button sits closer to the visible area. */
     padding: 95px 4vw 4vh 4vw;
   }
}

body:not(.age-confirmed) #age-confirmation-box {
   display: block;
}

#age-confirmation-button {
   display: block;
   margin: 24px auto 0;
   padding: 14px 36px;
   font-size: 1.3rem;
   background-color: #F4F4F4;
   color: #d35f5f;
   border: 4px solid #d35f5f;
   border-radius: 10px;
   box-shadow: none;
   cursor: pointer;
   transition:
     color 0.15s ease-in-out,
     background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out;
}

#age-confirmation-button:hover {
   background-color: #d35f5f;
   color: #f4f2e5;
   transition-duration: 0.35s;
}

#age-confirmation-button:active {
   border: 2px solid #303c70;
   background-color: #303c70;
   color: #f4f2e5;
}

@media (prefers-reduced-motion: reduce) {
   #age-confirmation-button,
   #age-confirmation-button:hover {
     transition: none;
   }

   #age-confirmation-button:active {
     transform: none;
   }
}

#age-confirmation-younger-button {
   display: block;
   margin: 14px auto 0;
   background-color: rgba(211, 95, 95, 0.07);
   border: 1px solid rgba(211, 95, 95, 0.25);
   border-radius: 6px;
   color: #d35f5f;
   font-size: 0.8rem;
   text-decoration: none;
   cursor: pointer;
   padding: 8px 16px;
   transition:
     background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out;
}

#age-confirmation-younger-button:hover {
   background-color: rgba(211, 95, 95, 0.14);
   border-color: rgba(211, 95, 95, 0.45);
}

#terms-link {
   display: block;
   margin-top: 10px;
   color: red;
   text-decoration: underline;
}