/* fairkom custom css */

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

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('https://fairmeeting.net/fonts/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fairmeeting.net/fonts/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://fairmeeting.net/fonts/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://fairmeeting.net/fonts/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fairmeeting.net/fonts/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: #033369; 
    color: #033369;
}
#thanksMessage {
  font-weight: 700;
  color: #033369;
  font-size: 30px;
  line-height: 1.5em;
}
.redirectPageMessage .thanks-msg {
    border-bottom: 1px solid #033369;
}
.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: #033369;
    background-color: #f2f2f2;
    padding-right: 20px;
}
.kopf_menu a {
    color: #033369;
}
.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 !important;
  color: #444;
  font-weight: 300;
  line-height: 1.5em;
  background:#666;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  color: #033369;
}
/*
.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.leftwatermarknomargin {
    width: 300px;
    height: 300px;
}
.welcome .welcome-watermark .watermark.leftwatermark {
    width: 300px;
    height: 300px;
}
.rightwatermark {
    display: none;
}
.watermark {
    width: 300px;
    height: 300px;
}
.jitsi-icon svg {
    fill: #033369;
}
.welcome .header .header-text-title {
    color: #033369;
    max-width: 800px;
}
.welcome .header .header-text-subtitle {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: #c0c0c0;
}
.welcome .welcome-page-button {
    background: #033369;
}
.welcome .header #enter_room .enter-room-input-container .enter-room-input:focus {
    outline: auto 2px #033369;
    height: 53px;
}
}
.welcome .header #enter_room .enter-room-input-container .enter-room-input {
    background: #cfd4da;
    height: 53px;
}
.welcome .welcome-card {
/*    width: 49%; */
    margin-left: 10px;
    margin-right: 10px;
}
.welcome .welcome-card--blue {
    background: #f2f2f2;
}
.meetings-list {
    color: #033369;
    background: #f2f2f2;
}
.meetings-list .delete-meeting > svg {
    fill: #033369;
}
.meetings-list .item.with-click-handler:hover {
    background: #fff;
}
.welcome .welcome-card--dark {
    background: #033369;
}
.welcome .welcome-card--dark a {
    color: #c0c0c0 !important;
}
.welcome .welcome-card-button--white {
    background: #fff;
    color: #033369;
    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 #033369;
}
.welcome .welcome-footer_2 h4 {
    margin-bottom: 5px;
    color: #033369;
}
.welcome .welcome-footer_2 a {
    color: #033369;
}
.welcome .welcome-footer_2 a:hover {
    color: #033369;
}
.welcome .welcome-footer_2 {
    background-color: #e0e0e0;
    margin-top: 50px;
    padding-bottom: 50px;
}
.welcome .welcome-footer--row-2 {
    padding: 40px 0 24px 0;
}
.welcome .welcome-card-button {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    padding: 15px 16px;
    position: relative;
}
.welcome .welcome-card-button--grey {
    background: #033369;
    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-color:#fff;
}

.welcome .header .header-container {
/*  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;
    }
}

.toolbox-content-items {
  /* background: #141414; */
  background: #87888c !important; 
}

.settings-button-small-icon {
  background: #87888c; 
}