:root {
    /* --title-height: 230px !important; */
    /* --grid-background-color: #ff0000 !important; */
    /* --widget-background-color: rgba(255,255,255,.8); */
    /* --font-size: 0.90rem; */
    --primary: #0063A8 !important;
    --primarya: #0063A888 !important;
    --secondary: #91A3AD !important;
    --tertiary: #47565E !important;
    --primary-light: #e008246b !important;
    --color: #1E1F2D !important;
    --mobile-breakpoint: 576px !important;
}

body.solingen {
	background: #eee;
	font-family: 'Open Sans', Roboto, Helvetica, sans-serif;
}
#gridster-container.solingen {
    height: calc(100% - 80px);
}
a {
	color: var(--primary);
}

.solingen .widget .widget-header h3 {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="rgb(0,99,168)" d="M 0 0 L 14 0 L 14 32 L 0 32 L 0 0 M 17 0 L 32 0 L 32 14 L 17 14 L 17 0 M 17 17 L 32 17 L 32 32 L 17 32 L 17 17"/></svg>') no-repeat;
  background-size: 20px;
}
/* .solingen gridster { */
    /* background-color: #fff; */
/* } */

.solingen .title h1 {
    font-size: 2.5em;
}
.solingen .title h3 {
    font-size: 2.0em;
}
.solingen .title .logo {
    height: 55px !important;
}
h1 {
    color: var(--primary);
    margin: 10px;
}
button {
    background: var(--primary);
    color: #fff;
    border: none;
    padding: 3px 5px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    cursor: pointer;
}
button:active {
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%) inset;
}
button i {
	margin-left: 5px;
	margin-right: 5px;