/*
 * Stylesheet for project base, eg. html, body, main structure, main buttons
 */

/* STRUCTURE */

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

body {
    background-color: var(--col-background);
    color: var(--col-background-con);
    font-family: var(--font-family);
    font-size: var(--font-size-text);
    overflow-x: hidden;
    font-weight: 300;
}

.page {
    display: block;
    position: relative;
    min-height: 100%;
}

/* handle user selection */
* {
    user-select: none;
    -webkit-user-select: none; /* Für Linus' MacBook ;-) */
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=date], textarea, .errorcode, .token, .welcome_text {
    user-select: text;
    -webkit-user-select: text; /* Für Linus' MacBook ;-) */
}

.header {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--var-header-height);
    background-color: var(--col-dark);
    color: var(--col-dark-con);
    overflow: hidden;
    box-shadow: var(--var-header-box-shadow);
    transition: height var(--trans500), box-shadow var(--trans500);
    z-index:1;
}

.header .center_container {
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: calc(100% - 20px);
    padding: 10px;
}

.header .center_container .title {
    font-size: var(--font-size-h1);
    text-align: center;
    font-weight: 300;
    transition: font-size 300ms;
}

.header .logo {
    display: block;
    position: absolute;
    height: 120px;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    opacity: 1;
    transition: opacity 300ms;
}

.header .rightnotice {
    display: block;
    position: absolute;
    width: 330px;
    bottom: 10px;
    right: 10px;
    text-align: center;
    font-weight: 300;
}

@media (max-width: 900px) {
    .header .logo {
	opacity: 0;
    }
    
    .header .center_container .title {
	font-size: var(--font-size-mobile-h1);
    }
}

.header_space {
    display: block;
    position: relative;
    height: var(--var-header-height);
    transition: height var(--trans500);
}

.werk {
    display: block;
    position: relative;
    margin: 20px 20px 0px 20px;
    padding: 20px;
    border-radius: 5px;
    background-color: var(--col-background-con-pale10);
    color: var(--col-background-con);
    text-align: center;
    font-size: var(--font-size-h2);
    font-weight: 300;
    cursor: pointer;
    transition: background-color 300ms, color 300ms, margin 300ms;
}

.werk:hover {
    background-color: var(--col-background-con-pale30);
}

.werk._active {
    background-color: var(--col-background-con-pale80);
    color: var(--col-background-con-con);		  
    margin: 40px 20px 0px 20px;
}

.werk:first-child {
    margin-top: 40px;
}

.werk._active:hover {
    background-color: var(--col-background-con-pale90);
}

.werk_container {
    display: block;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 500ms, padding 500ms;
}

.werk_container:last-child:not(._active) {
    margin-bottom: 20px;
}

.werk_container._active {
    padding: 0px 0px 20px 0px;
    max-height: var(--var-werk-container-height);
    opacity: 1;
}

.welcome_container {
    display: block;
    position: relative;
    width: calc( var(--var-register-container-width) - 40px );
    margin: 20px auto 0px auto;
}

.welcome_text {
    display: inline-block;
    position: relative;
    padding: 20px;
    width: calc( 100% - 300px - 80px );
    white-space: normal;
    vertical-align: middle;
}

.price_legend {
    display: inline-block;
    width: 300px;
    padding: 20px;
    vertical-align: middle;
}

.price_legend > .child {
    display: block;
    position: relative;
    padding: 8px 0px;
    border-radius: 3px;
    background-color: var(--var-price-background-color);
    color: var(--var-price-color);
    margin: 5px 0px;
    text-align: center;
    font-size: var(--font-size-small-text);
}

@media (max-width: 900px) {
    .welcome_text {
	display: block;
	width: calc( 100% - 40px );
    }

    .price_legend {
	display: block;
	margin: 0 auto;
    }
}

.register {
    display: block;
    position: relative;
    margin: 20px;
    padding: 20px 0px 20px 20px;
    border-radius: 5px;
    height: 200px;
    background-color: var(--col-background-con-pale10);
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.register > .info {
    display: inline-block;
    position: relative;
    width: 400px;
    height: 200px;
    color: var(--col-background-con);
    margin-right: 10px;
    white-space: normal;
    vertical-align: top;
}

.register > .info .title{
    display: block;
    font-size: var(--font-size-h2);
    font-weight: 300;
}

.register > .info .subtitle {
    display: block;
    position: relative;
    font-size: var(--font-size-text);
    font-weight: 300;
    color: var(--col-background-con-pale80);
}

.register > .info .description {
    display: block;
    position: relative;
    font-size: var(--font-size-small-text);
    font-weight: 300;
    height: 130px;
    margin-top: 5px;
}

.register > .info .description .readmore {
    float: right;
    color: var(--col-background-con-pale75);
    cursor: pointer;
    transition: color 300ms;
}

.register > .info .description .readmore:hover {
    color: var(--col-background-con);
}

.register .pfeifen {
    display: inline-block;
    position: relative;
    height: 200px;
    margin: 0px 20px 0px 10px;
    vertical-align: top;
    /* min-width: calc(100% - 400px - 40px); */
}

.register .pfeifen .pfeife {
    display: inline-block;
    position: relative;
    width: 14px;
    padding: 0px 3px;
    cursor: pointer;
    transition: opacity 300ms;
}

.register .pfeifen .pfeife._disabled {
    cursor: default;
}

.register .pfeifen:hover .pfeife {
    opacity: 0.5;
}

.register .pfeifen .pfeife:hover:not(._disabled) {
    opacity: 1;
    transition: none;
}

.register .pfeifen .pfeife:hover:not(._disabled) .info {
    opacity: 1;
    transition: none;
}

.register .pfeifen .pfeife .info {
    display: inline-block;
    position: absolute;
    background-color: var(--var-pfeife-fill);
    color: var(--var-pfeife-fill-con);
    right: 10px;
    top: calc(200px - var(--var-pfeife-hoehe));
    padding: 5px 8px 5px 15px;
    opacity: 0;
    font-size: var(--font-size-text);
    border-radius: 3px 0px 0px 3px;
    pointer-events: none;
}

.register .pfeifen .pfeife .info .tone {
    display: inline-block;
    font-weight: 600;
}

.register .pfeifen .pfeife svg {
    fill: var(--var-pfeife-fill);
}

.footer {
    display: block;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 20px);
    background-color: var(--col-pri);
    color: var(--col-pri-con);
    font-size: var(--font-size-small-text);
    padding: 10px;
}

.footer._invisible {
    position: relative;
    visibility: hidden;
}

.footer .copyright {
    display: block;
    float: left;
    padding: 10px;
}

.footer .links{
    display: block;
    text-align: center;
}

.footer .branding {
    display: block;
    float: right;
    padding: 10px;
}

.footer .links .links_container {
    display: inline-block;
    white-space: nowrap;
    padding: 10px;
    overflow: hidden;
    max-width: calc(100% - 20px);
}

/* BASE DESIGN */

.menu_button {
    font-size: var(--font-size-menubutton);
    color: var(--col-dark-con);
    display: inline-block;
    position: relative;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--col-dark-pale50);
    cursor: pointer;
    transition: background-color 300ms, color 300ms;
    margin-bottom:10px;
}

.menu_button:hover:not(._disabled) {
    background-color: var(--col-dark);
    color: var(--col-dark-con);
}

.menu_button .notify {
    position: absolute;
    bottom: 100%;
    left: 100%;
    transform: translateX(-50%) translateY(50%);
    background-color: var(--col-msg-positive-pale75);
    color: var(--col-msg-positive-con);
    font-size: var(--font-size-smallest-text);
    padding: 3px 8px;
    border-radius: 3px;
    transition: background-color 300ms;
}

.menu_button:hover:not(._disabled) .notify{
    background-color: var(--col-msg-positive);
}

.menu_button._disabled {
    background-color: var(--col-pri);
    color: var(--col-pri-con);
    cursor: default;
}

.menu_button._disabled .notify {
    background-color: var(--col-msg-positive);
}

.link {
    display: inline-block;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.footer .link {
    font-weight: 600;
}

.content {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(calc( -50% - 20px));
    background-color: var(--col-background-con-pale10);
    color: var(--col-background-con);
    max-width: 800px;
    width: calc(100% - 80px);
    padding: 20px;
    border-radius: 5px;
    margin: 40px 20px 20px 20px;
}

.content .title{
    display: block;
    font-size: var(--font-size-h2);
    font-weight: 300;
    margin: 0px 0px 15px 0px;
    transition: margin-top 300ms;
}

.content .title._h3 {
    font-size: var(--font-size-h3);
    margin: 30px 0px 15px 0px;
}

.content .title._collapse_fix._h3 {
    margin-top: 20px;
}

.content p {
    margin: 10px 0px;
}

.content p._top_space {
    margin: 20px 0px 10px 0px;
}

input[type=text], input[type=password], input[type=number], input[type=email], input[type=date], select, textarea {
    display: block;
    position: relative;
    font-size: var(--font-size-input);
    font-family: var(--font-family);
    border: none;
    margin: 10px 15px;
    padding: 5px 15px;
    cursor: text;
    background-color: var(--col-background-con-con-pale80);
    color: var(--col-background-con);
    border-radius: 3px;
    transition: background-color 500ms;
    width: calc( 100% - 30px - 30px );
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input[type=date]:focus, select:focus, textarea:focus {
    background-color: var(--col-background-con-con);
}

input[type=text]._split_2, input[type=password]._split_2, input[type=number]._split_2, input[type=email]._split_2, input[type=date]._split_2, select._split_2, textarea._split_2 {
    display: inline-block;
    width: calc( 50% - 14px - 30px );
    margin: 0px 7px;
}

input[type=text]._split_4, input[type=password]._split_4, input[type=number]._split_4, input[type=email]._split_4, input[type=date]._split_4, select._split_4, textarea._split_4 {
    display: inline-block;
    width: calc( 25% - 14px - 30px );
    margin: 0px 7px;
}

input[type=text]._split_5, input[type=password]._split_5, input[type=number]._split_5, input[type=email]._split_5, input[type=date]._split_5, select._split_5, textarea._split_5 {
    display: inline-block;
    width: calc( 20% - 14px - 30px );
    margin: 0px 7px;
}

select._split_4 {
    width: calc( 25% - 14px );
}

select._split_5 {
    width: calc( 20% - 14px );
}

input[type=text]._split_4_3, input[type=password]._split_4_3, input[type=number]._split_4_3, input[type=email]._split_4_3, input[type=date]._split_4_3, select._split_4_3, textarea._split_4_3 {
    display: inline-block;
    width: calc( 75% - 14px - 30px );
    margin: 0px 7px;
}

select._split_4_3 {
    width: calc( 75% - 14px );
}

input[type=text]._short, input[type=password]._short, input[type=number]._short, input[type=email]._short, input[type=date]._short, select._short, textarea._short {
    display: inline-block;
    width: calc( 150px - 14px - 30px );
    margin: 0px 7px;
}

input[type=text]._no_collapse, input[type=password]._no_collapse, input[type=number]._no_collapse, input[type=email]._no_collapse, input[type=date]._no_collapse, select._no_collapse, textarea._no_collapse {
    display: inline-block;
}

.input_side_by_side, .text_side_by_side {
    margin: 10px 8px;
}

.text_side_by_side div._split_4 {
    display: inline-block;
    width: calc( 25% - 12px );
    padding: 0 6px;
}

.text_side_by_side div._split_5 {
    display: inline-block;
    width: calc( 20% - 12px );
    padding: 0 6px;
}

select {
    cursor: pointer;
    width: calc( 100% - 30px );    
}

select._dummy {
    cursor: default;
}

textarea {
    resize: vertical;
    min-height: 26px;
    height: 120px;
}

.button {
    display: inline-block;
    position: relative;
    font-size: var(--font-size-button);
    padding: 5px 15px;
    background-color: var(--col-background-con-pale75);
    color: var(--col-background-con-con);
    border-radius: 3px;
    margin: 0px;
    cursor: pointer;
    transition: background-color 300ms;
}

.button._topright {
    position: absolute;
    top: 20px;
    right: 20px;
}

input[type=radio], input[type=checkbox] {
    display: none;
}

input[type=radio] + label, input[type=checkbox] + label {
    display: block;
    position: relative;
    font-size: var(--font-size-text);
    padding: 10px 15px 10px 45px;
    margin: 10px 15px;
    background-color: var(--col-background-con-con-pale70);
    color: var(--col-background-con);
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 300ms, box-shadow 200ms;
    text-align: left;
}

input[type=checkbox] + label {
    margin: 20px 15px;
}

input[type=radio]._required + label, input[type=checkbox]._required + label {
    box-shadow: 0px 0px 2px 1px var(--col-msg-negative);
}

input[type=radio] + label::before, input[type=checkbox] + label::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--col-background-con-pale30);
    margin-right: 20px;
    transition: background-color 200ms;
}

input[type=checkbox] + label::before {
    border-radius: 3px;
    width: 14px;
    height: 14px;
}

input[type=radio] + label:hover, input[type=checkbox] + label:hover {
    background-color: var(--col-background-con-con-pale90);
}

input[type=radio]:checked + label::before, input[type=checkbox]:checked + label::before {
    background-color: var(--col-background-con-pale80);
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
    background-color: var(--col-background-con-con);
}

input[type=radio]._dummy + label, input[type=checkbox]._dummy + label {
    cursor: default;
}

input[type=radio]._specific_dotcolor + label::before, input[type=checkbox]._specific_dotcolor + label::before {
    background-color: var(--var-dotcolor);
}

.downloadbutton {
    display: block;
    position: relative;
    font-size: var(--font-size-button);
    padding: 5px 15px 5px 45px;
    background-color: var(--col-background-con-pale75);
    color: var(--col-background-con-con);
    border-radius: 3px;
    margin: 0px;
    cursor: pointer;
    text-align: left;
    transition: background-color 300ms, background 500ms, color 500ms;
}

.downloadbutton::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    height: 28px;
    width: 28px;
    background-image: url("../images/download.svg");
    opacity: 0.75;
    transition: opacity 300ms;
}

.downloadbutton._loading, .button._loading {
    animation: downloadbutton_loading 2s linear;
    animation-iteration-count: infinite;
    cursor: default;
    background-color: transparent !important;    
    color: var(--col-background-con-con-pale60);
    background: repeating-linear-gradient(-70deg, var(--col-background-con-pale60) 0%, var(--col-background-con-pale75) 10%, var(--col-background-con-pale75) 90%, var(--col-background-con-pale60) 100%);
    background-size: 200% 100%;
}

.downloadbutton._loading::after {
    opacity: 1 !important;
}

.downloadbutton._disabled {
    cursor: default;
    opacity: 0.75;
}

@keyframes downloadbutton_loading {
    0% {
	background-position: 0% 0%;
    }
    50% {
	background-position: -100% 0%;
    }
    50.001% {
	background-position: 100% 0%;
    }
    100% {
	background-position: 0% 0%;
    }
}

.left .downloadbutton, .left input[type="checkbox"] + label {
    margin: 0px 10px 0px 0px;
}

.right .downloadbutton, .right input[type="checkbox"] + label {
    margin: 0px 0px 0px 10px;
}

input[type="checkbox"]._bottom_pair + label {
    margin: 10px 15px;
}

.downloadbutton:hover::after {
    opacity: 1;
}

.button:hover:not(._disabled), .downloadbutton:hover:not(._disabled) {
    background-color: var(--col-background-con-pale90);
}

.button._remove {
    background-color: var(--col-msg-negative);
    color: var(--col-msg-negative-con);
}

.button._remove:hover {
    background-color: var(--col-msg-negative);
    color: var(--col-msg-negative-con);    
}

.button._wichtig {
    background-color: var(--col-pri-pale90);
    color: var(--col-pri-con);
}

.button._wichtig:hover {
    background-color: var(--col-pri);
    color: var(--col-pri-con);    
}

.button._disabled {
    cursor: default;
    opacity: 0.75;
}

.errorcode {
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-smallest-text);
    margin-top: 20px;
    background-color: var(--col-msg-negative);
    color: var(--col-msg-negative-con);
    padding: 10px;
    border-radius: 3px;
    white-space: pre;
}

.sidebar {
    display: block;
    position: fixed;
    background-color: var(--col-background-con-pale10);
    color: var(--col-background-con);
    width: 300px;
    top: 220px;
    bottom: calc(var(--var-footer-height) + 20px);
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidebar._pri {
    left: 20px;    
    border-radius: 5px 0px 0px 5px;
}

.sidebar._sec {
    left: 330px;
    border-radius: 0px;
}

.mainbar {
    display: block;
    position: relative;
    background-color: var(--col-background-con-pale10);
    color: var(--col-background-con);
    padding: 20px;
    border-radius: 5px;
    min-height: calc(var(--var-sidebar-height) - 40px);
    margin: 20px;    
}

.mainbar._pri {
    margin: 20px 20px 20px 330px;    
    border-radius: 0px 5px 5px 0px;
}

.mainbar._sec {
    margin: 20px 20px 20px 640px;    
    border-radius: 0px 5px 5px 0px;
}

.mainbar .title {
    display: block;
    font-size: var(--font-size-h2);
    font-weight: 300;
    margin: 0px 0px 25px 0px;
}

.mainbar .title._h3 {
    font-size: var(--font-size-h3);
    margin: 30px 0px 15px 0px;
}

.mainbar .subtitle {
    display: block;
    position: relative;
    font-size: var(--font-size-text);
    font-weight: 300;
    color: var(--col-background-con-pale80);
    margin: -25px 0px 25px 0px;    
}

.mainbar .subtitle .vt {
    display: inline-block;
    background-color: var(--col-mark-3);
    color: var(--col-mark-3-con);
    padding: 0px 5px;
    margin-left: 10px;
    border-radius: 3px;
}

.mainbar .date{
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: 300;
    font-size: var(--font-size-text);
}

.sidebar .child {
    display: block;
    position: relative;
    padding: 15px 95px 15px 20px;
    background-color: transparent;
    color: var(--col-background-con);
    cursor: pointer;
    transition: background-color 300ms;
    font-size: var(--font-size-button);
    border-bottom: 1px solid var(--col-background-con-pale20);
    background-clip: padding-box;
}

.sidebar .child .subtitle {
    font-weight: 300;
    font-size: var(--font-size-small-text);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar .child._marked {
    box-shadow: inset 8px 0px 0px 0px var(--var-mark-color);
}

.sidebar .child:hover {
    background-color: var(--col-background-con-pale20);
}

.sidebar .child._active {
    background-color: var(--col-background-con-pale75);
    color: var(--col-background-con-con);
    cursor: default;
}

._clickable {
    cursor: pointer;
}

.sidebar .add {
    display: block;
    padding: 15px 20px;
    background-color: transparent;
    color: var(--col-background-con-pale80);
    cursor: pointer;
    font-size: var(--font-size-small-text);
    background-clip: padding-box;
    text-align: right;
    transition: color 300ms;
}

.sidebar .add:hover {
    color: var(--col-background-con);
}

.compact_table {
    display: table;
    position: relative;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
    border-radius: 3px;
    overflow: hidden;
}

.compact_table td {
    background-color: var(--var-row-background-color);
    color: var(--var-row-color);
    padding: 8px 15px;
    font-size: var(--font-size-small-text);
    cursor: pointer;
    white-space: nowrap;
    opacity: 0.9;
    transition: opacity 300ms;
}

.compact_table td._important {
    font-weight: 600;
}

.compact_table td._align_right {
    text-align: right;
}

.compact_table td.expand {
    width: 100%;
}

.compact_table tr:hover:not(.disabled) td {
    opacity: 1;
}

.compact_table tr.disabled td {
    opacity: 0.6;
    cursor: default;
}

.compact_table tr.disabled._clickable td {
    cursor: pointer !important;
}

.compact_table tr.disabled._clickable:hover td {
    opacity: 0.7;
}

.compact_table tr td:first-child {
    box-shadow: inset 0px 0px 0px 0px var(--var-row-background-color);
    transition: box-shadow 300ms, opacity 300ms;
    padding: 8px 7px;
}

.compact_table td.buyer {
    background-color: var(--col-background-pale75);
    color: var(--col-background-con);
    transition: background-color 300ms;
    opacity: 1 !important;
    cursor: pointer !important;
}

.compact_table td.buyer:hover {
    background-color: var(--col-background);
}

.compact_table tr.selected td:first-child {
    opacity: 1;
    box-shadow: inset 14px 0px 0px 0px var(--col-background);
}

.pfeife_eckdaten {
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0px;
    color: var(--var-pfeife-eckdaten-color);
    font-size: var(--font-size-text);
    border-radius: 3px;
    overflow: hidden;
    width: calc(100% - 15px - 20px);
    height: 175px;
    margin: 10px 0px 0px 0px;
    background-color: var(--var-pfeife-eckdaten-background-color);
}

.pfeife_eckdaten td {
    padding: 5px 20px;
}

.pfeife_eckdaten tr:first-child td {
    padding: 15px 20px 10px 20px;
}

.pfeife_eckdaten tr:last-child td {
    padding: 10px 20px 15px 20px;
}

.pfeife_eckdaten td:first-child {
    font-weight: 300;
}

.pfeife_eckdaten td:last-child {
    width: 100%;
}

.preview_pfeife {
    display: inline-block;
    width: 15px;
    height: 175px;
    fill: var(--var-pfeife-fill);
    vertical-align: top;
    margin: 10px 20px 0px 0px;
}

.optional_container {
    display: block;
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
}

.optional_container._active {
    opacity: 1;
    max-height: var(--var-optional-container-max-height);
}
.optional_container._transition {
    transition: max-height 300ms, opacity 300ms;
}

.optional_container._collapse_fix {
    margin-top:-20px;
}

.pseudo, .dummy {
    display: none;
}

.prevent_collapse{
    display: inline-block !important;
}

.indented_text {
    margin: 0px 15px;
}

.content .token {
    font-weight: 300;
    font-size: var(--font-size-text);
    text-align: right;
}

.statusbar {
    display: block;
    margin: 20px 15px;
    border: 2px solid var(--col-background-con-pale80);
    font-size: var(--font-size-text);
    padding: 8px;
    border-radius: 3px;
    text-align: center;
    color: var(--var-statusbar-color);
    background: linear-gradient(90deg, var(--col-background-con-pale80), var(--col-background-con-pale80));
    background-size: var(--var-statusbar-width) 100%;
    background-repeat: no-repeat;
    transition: background 1s, color 1s;
}

div.zahlung_status {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: var(--var-zahlung-status-background-color);
    margin: 20px 20px 20px 35px;
    vertical-align: top;
}

select.zahlung_status {
    display: inline-block;
    width: calc(100% - 85px);
    margin: 10px 10px 10px 0px !important;
    vertical-align: top;
}

.page_disclaimer {
    margin: 20px 20px 0px 20px;
    display: block;
    font-weight: 300;
}

.page_disclaimer .link {
    font-weight: 400;
}