/*
   This is where you should put all your customisations to the swish.css
   file. Please do not edit swish.css, but instead put all your over-rides
   here.
*/


/* Uncomment this to make the web site narrower left-to-right */


/* .content {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
} */

@font-face {
    font-family: open_sans_regular;
    src: url(../webfonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: open_sans_light;
    src: url(../webfonts/OpenSans-Light.ttf);
}

@font-face {
    font-family: open_sans_bold;
    src: url(../webfonts/OpenSans-Bold.ttf);
}

body {
    background-repeat: no-repeat;
    background-image: none;
    background-color: transparent;
    font-family: open_sans_regular;
}

.UD_textbutton{
  font-family: open_sans_light;
}

.form-dropoff{
  padding-right: 15px;
}

#topMenu{
  font-family: open_sans_light;
}

//a[href="grafik.pdf"],
//a[href$="/grafik.pdf"] {
//  background: linear-gradient(#7ecb42, #5aa82b) !important;
//  border: 1px solid #4a8f22 !important;
//  color: #fff !important;
//}

.infoscreen-logo {
  max-width: 100%;
  height: 60px;
  max-height: 120px;
  display: block;
}

/* =========================
   INFOSCREEN Branding
   ========================= */

/* Login-Bereich */
.UD_login,
.UD_loginform,
.UD_login_container,
.UD_loginbox {
  background: #f7e1ec !important;
  border-color: #d9b9ca !important;
}

/* Oberer Login-Block direkt auf Startseite */
table.UD_login,
div.UD_login,
div.UD_loginform,
div.login,
div.loginbox {
  background: #f7e1ec !important;
}

/* Standard-Buttons */
input[type="submit"],
input[type="button"],
button,
a.button,
a[class*="button"],
.UD_button,
.UD_submit {
  background: linear-gradient(#cb1574, #963269) !important;
  border: 1px solid #8a2e61 !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Hover */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.button:hover,
a[class*="button"]:hover,
.UD_button:hover,
.UD_submit:hover {
  background: linear-gradient(#d91d7f, #7f2958) !important;
  color: #ffffff !important;
}

/* Grafikdatenblatt-Button explizit mitnehmen */
//a[href="grafik.pdf"],
//a[href$="/grafik.pdf"] {
//  background: linear-gradient(#cb1574, #963269) !important;
//  border: 1px solid #8a2e61 !important;
//  color: #ffffff !important;
//}

/* Aktiver Reiter / Highlight */
.UD_nav,
.UD_nav_on,
.UD_tab_on,
.ui-tabs-active,
.ui-state-active,
li.active a,
.current a {
  background: linear-gradient(#ffffff, #963269) !important;
  color: #000000 !important;
  border-color: #963269 !important;
}

/* Inaktive Reiter etwas neutral lassen */
.UD_nav_off,
.UD_tab_off,
.ui-tabs-nav li a {
  color: #333333 !important;
}

/* Login-Button extra */
input[name="login"],
input[value="Login"] {
  background: linear-gradient(#cb1574, #963269) !important;
  border: 1px solid #8a2e61 !important;
  color: #ffffff !important;
}

#loginForm {
  background: #f7e1ec !important;
  border-color: #d9b9ca !important;
}

.emailButton {
  background: linear-gradient(#cb1574, #963269) !important;
  border: 1px solid #8a2e61 !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

#topMenu li.selected a {
  color: #000000 !important;
  text-shadow: none !important;
}

.cc-window,
.cc-color-override-1105790508.cc-window {
  background-color: #f7e1ec !important;
  color: #000000 !important;
}

.cc-color-override--1105790508.cc-revoke {
  background-color: #f7e1ec !important;
  color: #000000 !important;
}


.cc-btn,
.cc-btn.cc-allow,
.cc-compliance .cc-btn {
  background: linear-gradient(#cb1574, #963269) !important;
  border: 1px solid #8a2e61 !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

.cc-deny,
.cc-link {
  color: #963269 !important;
}

#error {
  background-color: #f7e1ec;
}


//test-Bereich

table.UD_textbutton {
  width: auto !important;
  display: inline-table !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

table.UD_textbutton tbody,
table.UD_textbutton tr {
  width: auto !important;
}

.UD_textbutton_left,
.UD_textbutton_right {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

a.UD_textbuttonedge {
  display: none !important;
}

td.UD_textbutton_content {
  width: auto !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

td.UD_textbutton_content a.UD_textbutton {
  display: inline-block !important;
  width: auto !important;
  min-width: 230px !important;
  padding: 10px 22px !important;
  background: linear-gradient(#cb1574, #963269) !important;
  border: 1px solid #8a2e61 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}