/* --- /Kopie von style-themes.css --- */
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/opensans-regular.eot');
    src: url('/fonts/opensans-regular.woff') format('woff'), url('/fonts/opensans-regular.ttf') format('truetype'), url('/fonts/opensans-regular.svg#opensans-regular') format('svg');
}

body {
    font-family: 'OpenSans',Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'OpenSans',Arial,sans-serif;
}
/*.theme-style textarea:focus, .theme-style input:focus, .theme-style button, .theme-style .button{
    outline: 0 none;
    box-shadow: none;
    border: none;
}*/
p {
    color: #5c6162;
}
/* Buttons */
.theme-style .dropdown-menu {
    border-radius: 0px;
    border-color: #d6d8d9;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    border-bottom-width: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    padding-top: 0;
}
.theme-style .dropdown-menu .divider {
    margin: 5px 0 0;
}
.theme-style .btn {
    border: none;
    border-radius: 0px;
    text-align: left;
    padding: 9px 13px;
    color: #fff;
    box-shadow: none;
    border-bottom: 2px solid #bcbcbc;
    -webkit-transition: background-color 0.05s ease;
    -moz-transition: background-color 0.05s ease;
    -o-transition: background-color 0.05s ease;
    transition: background-color 0.05s ease;
}
.theme-style .btn:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.theme-style .btn-xs {
    padding: 1px 5px;
}
.theme-style .btn-sm, .btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.theme-style .btn-default {
    background-color: #dbdbdb;
    color: #383941;
}
.theme-style .btn-default:hover,
.theme-style .btn-default:focus {
    background-color: #c6c6c6;
    border-color: #878787;
}
.theme-style .btn-default:active,
.theme-style .btn-default.active,
.theme-style .open .dropdown-toggle.btn-default {
    background-color: #aaa9a9;
    border-color: #6e6e6e;
}
.theme-style .btn-group-vertical .dropdown-toggle {
    position: relative;
}
.theme-style .btn-group-vertical .dropdown-toggle .caret{
    position: absolute;
    right: 9px;
    top: 50%;
}
.theme-style .btn-group-vertical.inverse-theme .btn-default{
    background-color: #e9e9e9;
    border-color: #fff;
    color: #292e2f;
}
.theme-style .btn-group-vertical.inverse-theme .btn-default .caret {
    border-top-color: #292e2f;
}
.theme-style .btn-group-vertical.inverse-theme .btn-default:hover .caret,
.theme-style .btn-group-vertical.inverse-theme .btn-default:focus .caret,
.theme-style .btn-group-vertical.inverse-theme .btn-default:active .caret,
.theme-style .btn-group-vertical.inverse-theme .btn-default.active .caret,
.theme-style .btn-group-vertical.inverse-theme .open .dropdown-toggle.btn-default .caret {
    border-top-color: #fff;
}
.theme-style .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.theme-style .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 0;
}
.theme-style .dropdown-header {
    color: #fff;
    font-size: 13px;
    padding: 7px 20px;
}
.theme-style .dropdown-menu > li > a {
    color: #5c6162;
    padding: 7px 20px;
    margin: 0 2px;
    -webkit-transition: background-color 0.05s ease;
    -moz-transition: background-color 0.05s ease;
    -o-transition: background-color 0.05s ease;
    transition: background-color 0.05s ease;
}
.theme-style .dropdown-menu > li > a:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.theme-style .dropdown-menu > .disabled > a,
.theme-style .dropdown-menu > .disabled > a:hover,
.theme-style .dropdown-menu > .disabled > a:focus {
    color: #999999;
}
.theme-style .dropdown-menu > li > a:hover,
.theme-style .dropdown-menu > li > a:focus {
    color: #fff;
}
/* Pagination */
.theme-style .pagination > li > a,
.theme-style .pagination > li > span {
    color: #292e2f;
    border-bottom: 3px solid #d6d8d9;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.theme-style .pagination > .active > a,
.theme-style .pagination > .active > span,
.theme-style .pagination > .active > a:hover,
.theme-style .pagination > .active > span:hover,
.theme-style .pagination > .active > a:focus,
.theme-style .pagination > .active > span:focus {
    background-color: #e9e9e9;
    border-color: #c5c5c5;
    color: #292e2f;
}
.theme-style .pagination > li:first-child > a,
.theme-style .pagination > li:first-child > span {
    border-radius: 0px;
    border-bottom-left-radius: 1px;
}
.theme-style .pagination > li:last-child > a,
.theme-style .pagination > li:last-child > span {
    border-radius: 0px;
    border-bottom-right-radius: 1px;
}
.theme-style .pagination.inverse-theme > .active > a,
.theme-style .pagination.inverse-theme > .active > span,
.theme-style .pagination.inverse-theme > .active > a:hover,
.theme-style .pagination.inverse-theme > .active > span:hover,
.theme-style .pagination.inverse-theme > .active > a:focus,
.theme-style .pagination.inverse-theme > .active > span:focus {
    background-color: #404143;
    border-color: #404143;
    color: #fff;
}
/* Forms */
.theme-style .form-control {
    height: 40px;
    border-radius: 0px;
    color: #5c6162;
}
.theme-style textarea.form-control {
    height: auto;
}
/* Navbar-form */
.theme-style .navbar-form .form-group {
    position: relative;
}
.theme-style .navbar-form .form-group .glyphicon {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -7px;
}
/* Inputs */
.theme-style .input-group-addon {
    border-radius: 0;
    background-color: #DBDBDB;
}
/* Navbar */
.theme-style .navbar .form-control {
    border: none;
}
.theme-style .navbar.inverse-theme {
    min-height: inherit;
}
.theme-style .navbar.inverse-theme .form-control {
    height: 28px;
}
.theme-style .navbar.inverse-theme .btn {
    padding-top: 3px;
    padding-bottom: 3px;
}
.theme-style .navbar.inverse-theme .navbar-nav > li > a,
.theme-style .navbar.inverse-theme .navbar-brand {
    padding-top: 13px;
    padding-bottom: 13px;
}
.theme-style .navbar-toggle {
    margin-left: 15px;
    border-radius: 1px;
}
.theme-style .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.theme-style .nav .glyphicon {
    display: block;
    margin: 0 auto;
    line-height: 20px;
    font-size: 26px;
}
.theme-style .navbar-default {
    color: #fff;
    border-radius: 0px;
    border: none;
}
.theme-style .navbar-default .navbar-nav > .active > a,
.theme-style .navbar-default .navbar-nav > .active > a:hover,
.theme-style .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
}
.theme-style .navbar-nav > li > a,
.theme-style .navbar-default .navbar-brand {
    padding: 19px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.theme-style .navbar-default .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
.theme-style .navbar .navbar-form {
    margin-left: 0;
    margin-right: 0;
}
.theme-style .navbar-default.inverse-theme .navbar-collapse {
    background-color: #26262c;
}
.theme-style .navbar-default .navbar-collapse,
.theme-style .navbar-default .navbar-form {
    border: none;
    box-shadow: none;
}
@media (max-width: 768px) {
    .navbar-collapse .navbar-nav {
        margin-left: 0;
        margin-right: 0;
    }
}
/* Nav */
.theme-style .nav-tabs > li {
    margin-bottom: -2px;
}
.theme-style .nav-tabs > li > a,
.theme-style .nav-tabs.nav-justified > li > a,
.theme-style .nav-pills > li > a {
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.theme-style .nav > li > a:hover,
.theme-style .nav > li > a:focus {
    background-color: #f3f3f3;
}
.theme-style .nav-tabs > li.active > a,
.theme-style  .nav-tabs > li.active > a:hover,
.theme-style  .nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-bottom: 0;
    color: #292e2f;
    border-color: #d6d8d9;
}
.theme-style .nav-tabs.nav-justified > .active > a,
.theme-style .nav-tabs.nav-justified > .active > a:hover,
.theme-style .nav-tabs.nav-justified > .active > a:focus {
    border-bottom: 0;
}
/* Lists */
.theme-style .list-group-item {
    border: 0;
    background-color: #f3f3f3;
    margin-bottom: 2px;
}
.theme-style .list-group-item,.list-group-item:first-child,
.theme-style .list-group-item:last-child {
    border-radius: 0;
}
.theme-style a.list-group-item {
    border: 1px solid #d6d8d9;
    border-bottom: 0;
    background-color: #fff;
    margin-bottom: 0px;
    position: relative;
    padding-right: 20px;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.theme-style a.list-group-item:hover,
.theme-style a.list-group-item:focus {
    background-color: #F3F3F3;
}
.theme-style a.list-group-item:after {
    content:"\e080";
    font-size: 8px;
    position: absolute;
    right: 5px;
    top: 12px;
    font-family: 'Glyphicons Halflings';
}
.theme-style a.list-group-item:last-child {
    border-bottom: 1px solid #d6d8d9;
}
.theme-style .badge {
    min-width: 30px;
    position: relative;
    right: -7px;
    font-weight: normal;
}
.theme-style .inverse-theme .list-group-item {
    background-color: #f3f3f3;
    margin-bottom: 0px;
}
.theme-style .list-group-item .glyphicon {
    color: #bcbcbc;
    padding-right: 10px;
    display: inline;
    font-size: 26px;
}
/* Progress bars*/
.theme-style .progress {
    background-color: #E9E9E9;
    border-radius: 8px;
    box-shadow: none;
    height: 17px;
    overflow: visible;
}
.theme-style .progress .progress-bar{
    position: relative;
    border-radius: 8px;
}
.theme-style .progress .progress-bar:after{
    content:'';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    top: 50%;
    margin-top: -13px;
    right: -13px;
}
.theme-style .progress.progress-striped .progress-bar:after{
    display: none;
}
.theme-style .progress-striped .progress-bar {
    background-size: 30px 30px;
}
.theme-style .progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.theme-style .progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.theme-style .progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.theme-style .progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* Popover */
.theme-style .popover {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    color: #fff;
}
.theme-style .popover.inverse-theme {
    background-color: #f3f3f3;
}
.theme-style .popover .arrow,
.theme-style .popover .arrow:after {
    border-bottom-color: #f3f3f3;
}
.theme-style .popover .popover-content {
    font-size: 13px;
    color: #000;
}
.theme-style .popover .popover-content p{
    margin: 5px 0;
    text-align: center;
    color: #fff;
}
.theme-style .popover.inverse-theme .popover-content p{
    color: #000;
}
/* Datepicker */
.theme-style .datepicker {
    width: 268px;
    padding: 8px;
}
.theme-style .datepicker table {
    border: none;
}
.theme-style .datepicker table tbody {
    border-top: 14px solid #fff;
}
.theme-style .datepicker .datepicker-days{
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #d6d8d9;
    padding-bottom: 10px;
}
.theme-style .datepicker .datepicker-days:after {
    content: '';
    position: absolute;
    height: 2px;
    right: 2px;
    left: 2px;
    bottom: -3px;
    background-color: #fff;
}
.theme-style .datepicker thead {
    color: #fff;
}
.theme-style .datepicker tbody {
    background-color: #fff;
}
.theme-style .datepicker th.datepicker-switch {
    width: 200px;
    font-size: 18px;
    font-weight: normal;
    padding: 1px 5px 9px 5px;
}
.theme-style .datepicker th.prev,
.theme-style .datepicker th.next {
    padding: 1px 5px 9px 5px;
}
.theme-style .datepicker th, .theme-style .datepicker td {
    border-radius: 0;
    width: 36px;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.datepicker table tr td.old, .datepicker table tr td.new {
    color: #A9ABAC;
}
.theme-style .datepicker th.dow {
    background-color: #4f5058;
    border-radius: 0;
    font-weight: normal;
    padding: 10px 5px;
}
.theme-style .datepicker thead tr:first-child th:hover,
.theme-style .datepicker tfoot tr th:hover {
    background-color: transparent;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.theme-style .datepicker table tr td.day:hover {
    background: #f3f3f3;
}
.theme-style .datepicker table tr td span:hover {
    background: #f3f3f3;
    border-radius: 0;
}
.theme-style .datepicker table tr td span.active,
.theme-style .datepicker table tr td span.active:hover,
.theme-style .datepicker table tr td span.active.disabled,
.theme-style .datepicker table tr td span.active.disabled:hover {
    border-radius: 0;
}
/* Table */
.theme-style .table > tbody > tr > td {
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.theme-style .table > thead > tr > th {
    color: #9ca5a7;
    font-weight: normal;
    border-bottom-width: 0;
}
.theme-style .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}
.theme-style .table > tbody > tr:last-child > td {
    border-bottom: 1px solid #DDDDDD;
}
.theme-style .table-striped > tbody > tr:nth-child(2n+1) > td,
.theme-style .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #F3F3F3;
}
.theme-style .table-hover > tbody > tr:hover > td,
.theme-style .table-hover > tbody > tr:hover > th {
    background-color: #e1e1e2;
}
/* Alert */
.theme-style .alert {
    border:none;
    border-radius: 0;
}
.theme-style .alert-success {
    background-color: #ecfde8;
    color: #4d8925;
}
.theme-style .alert-info {
    background-color: #ebf9ff;
    color: #1887b7;
}
.theme-style .alert-warning {
    background-color: #fff5e7;
    color: #f8a13e;
}
.theme-style .alert-danger {
    background-color: #feecef;
    color: #e64c65;
}
/* Panel */
.theme-style .panel {
    border: 1px solid #D6D8D9;
    border-bottom-width: 3px;
    border-radius: 0 0 1px 1px;
    box-shadow: none;
}
.theme-style .panel-heading {
    border: none;
    border-radius: 0;
    margin: -1px;
    color: #fff;
}
.theme-style .panel-footer {
    background-color: #f3f3f3;
    border: 0;
}
.theme-style .panel-success .panel-heading {
    background-color: #0FB97F;
}
.theme-style .panel-info .panel-heading {
    background-color: #6AB4F3;
}
.theme-style .panel-warning .panel-heading {
    background-color: #F5CD40;
}
.theme-style .panel-danger .panel-heading {
    background-color: #EF4840;
}
/* Thumbnail */
.theme-style .thumbnail {
    border: 1px solid #D6D8D9;
    border-bottom-width: 3px;
    border-radius: 0 0 1px 1px;
    padding: 9px;
}
.theme-style .thumbnail .caption {
    color: #5c6162;
}
.theme-style .thumbnail .caption h3 {
    color: #000;
}
.theme-style .thumbnail .caption .btn {
    margin-right: 6px;
}
.theme-style .thumbnail.inverse-theme {
    border: none;
    border-bottom: 2px solid #e2e3e3;
    border-radius: 0 0 1px 1px;
    background-color: #f3f3f3;
}
.theme-style .thumbnail.inverse-theme img {
    border: 1px solid #d2d2d2;
}
/* --- /Kopie von style-themes.css --- */


/* --- Kopie von style-demo.css --- */
body > .container {
    padding-bottom: 20px;
}
body > .container.demo {
    width: 940px;
}
@media (max-width: 950px) {
    body > .container.demo {
        width: auto;
    }
}
/* Style for demo */
h1.page-title {
    font-size: 90px;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 80px;
    color: #404143;
}
h2 {
    font-size: 46px;
    color: #b9b9b9;
    margin-bottom: 90px;
    font-weight: normal;
}
.btn-demo {
    display: block;
    width: 553px;
    height: 96px;
    background: #fff url(/images/btn-demo.png) no-repeat center center;
    margin: 0px auto 65px auto;
}
hr.header-line {
    height: 1px;
    background-color: #d7d7d7;
    margin-bottom: -50px;
    margin-top: 160px;
}
.column-text {
    text-align: justify;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}
.column-text ul {
    padding-bottom: 20px;
}
.column-text ul li {
    color: #2db6f1;
}
.column-text ul li span {
    color: #4a5152;
}
.switches-themes {
    font-size: 16px;
    text-align: center;
    margin-bottom: 75px;
    margin-top: 75px;
}
.switches-themes .title {
    font-size: 50px;
    margin-bottom: 25px;
    color: #404143;
}
.switches-themes .switch {
    margin: 0;
    display: inline-block;
    cursor: pointer;
    width: 165px;
    height: 57px;
    background-color: #edecec;
    border-right: 2px solid #c4c5c6;
    border-bottom: 2px solid #c4c5c6;
    color: #4a5152;
    line-height: 57px;
    position: relative;
    text-align: left;
    padding-left: 65px;

    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.switches-themes .switch.green-theme {
    border-radius: 3px 0 0 3px;
}
.switches-themes .switch:last-child {
    border-right: none;
    border-radius: 0 3px 3px 0;
}
.switches-themes .colors {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    border: 3px solid #fff;
    position: absolute;
    top: 15px;
    left: 30px;
}
.switches-themes .green-theme .colors {
    background-color: #0fa9a0;
}
.switches-themes .magenta-theme .colors {
    background-color: #e64c65;
}
.switches-themes .blue-theme .colors {
    background-color: #2db6f1;
}
.switches-themes .switch:hover,
.switches-themes .switch:active,
.switches-themes .switch.active {
    background-color: #dfe1e2;
}
.example .popover {
    display: block;
    position: relative;
    float: left;
    width: 220px;
    margin: 10px;
}
.components {
    padding-bottom: 50px;
}
.components .example {
    float: left;
    display: block;
    position: relative;
    margin-right: 30px;
    margin-bottom: 20px;
}
/* Dropdowns & Buttons */
.dropdown.opened > .dropdown-menu {
    position: static;
    display: block;
}
.navbar .navbar-collapse {
    padding: 0;
}
.example .alert {
    margin-bottom: 45px;
}
.example .btn-group-vertical, .example .btn-group-vertical .btn-group .btn {
    width: 110px;
}
.demo .nav-tabs {
    margin-bottom: 30px;
}
.thumbnail .list-group {
    margin: 10px 0 0;
}
.info-block {
    position: relative;
    margin-bottom: 30px;
}
.info-block .info-text {
    margin-bottom: 20px;
    padding-right: 240px;
}
.info-block .info-text h3 {
    margin-top: 0;
}
.info-block .list {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    margin-bottom: 10px;
}
@media (max-width: 500px) {
    .info-block .info-text {
        padding-right: 0;
    }
    .info-block .list {
        position: static;
        width: auto;
    }
}
.list h4 {
    margin-bottom: 0;
}
.social-icon {
    list-style: none;
    padding: 0;
}
.social-icon li {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
    margin-bottom: 20px;
}
.social {
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    color: #383941;
    position: relative;
}
.social:hover {
    color: #2DB6F1;
    text-decoration: none;
}
.social:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 24px;
    left: 0; top: 0;
}
.social.google_plus:before {
    background: url(/images/social-btn.png) no-repeat left top;
}
.social.twitter:before {
    background: url(/images/social-btn.png) no-repeat left -25px;
}
.social.facebook:before {
    background: url(/images/social-btn.png) no-repeat left -49px;
}
.social.skype:before {
    background: url(/images/social-btn.png) no-repeat left bottom;
}
.social.google_plus:hover:before {
    background-position: right top;
}
.social.twitter:hover:before {
    background-position: right -25px;
}
.social.facebook:hover:before {
    background-position: right -49px;
}
.social.skype:hover:before {
    background-position: right bottom;
}
.navbar .nav-pills {
    margin: 10px 10px 0 10px;
}
.navbar .nav-pills > li > a {
    padding: 5px 15px;
    color: #fff;
}
.navbar .nav-pills > li > a:hover {
    color: #088780;
}
.left-block .navbar {
    margin-bottom: 0px;
}
article {
    margin: 25px 24px 25px 26px;
}
.content-text {
    border-color: #D6D8D9;
    border-radius: 0 0 1px 1px;
    border-style: solid;
    border-width: 1px 1px 3px;
}
@media (min-width: 768px) {
    .navbar-brand {
        display: none;
    }
}
.custom-set .list-group-item {
    padding-top: 6px;
    padding-bottom: 6px;
}
.custom-set .list-group-item .glyphicon {
    font-size: 26px;
    width: auto;
    vertical-align: middle;
    padding-bottom: 4px;
}
.custom-set .list-group-item .badge {
    margin-top: 5px;
}
.custom-set .list-group-item .glyphicon-friends {
    display: inline-block;
    margin-bottom: 4px;
}
.custom-set .list-group-item .glyphicon-friends .glyphicon:first-child {
    font-size: 20px;
    padding-right: 0;
}
.custom-set .list-group-item .glyphicon-friends .glyphicon:last-child {
    font-size: 14px;
    margin-left: -5px;
    padding-right: 7px;
    padding-bottom: 0;
    position: relative;
    top: 4px;
}
footer {
    background: url(/images/logo-intersog.png) no-repeat center left;
    height: 80px;
    line-height: 90px;
    text-align: center;
    color: #5c6162;
    padding-left: 95px;
}
footer:after {
    content: '';
    float: right;
    background: url(/images/logo-dart117.png) no-repeat center right;
    width: 95px;
    height: 80px;
    margin-right: 20px;
}
/* --- /Kopie von style-demo.css --- */


/* --- Kopie von blue-theme.css --- */
.customer-theme article a {
    color: #006699;
    text-decoration: underline;
}
.customer-theme article a:hover {
    text-decoration: none;
}
.customer-theme .btn-group-vertical.inverse-theme .btn-default:hover,
.customer-theme .btn-group-vertical.inverse-theme .btn-default:focus,
.customer-theme .btn-group-vertical.inverse-theme .btn-default:active,
.customer-theme .btn-group-vertical.inverse-theme .btn-default.active,
.customer-theme .btn-group-vertical.inverse-theme .open .dropdown-toggle.btn-default {
    background-color: #2b445c;
    border-color: #2b445c;
    color: #fff;
}
.customer-theme .btn-primary {
    background-color: #006699;
    border-color: #cc324b;
}
.customer-theme .btn-primary:hover,
.customer-theme .btn-primary:focus {
    background-color: #d2324c;
    border-color: #b4233b;
}
.customer-theme .btn-primary:active,
.customer-theme .btn-primary.active,
.customer-theme .open .dropdown-toggle.btn-primary {
    background-color: #b6223a;
    border-color: #830f22;
}
.customer-theme .btn-success {
    background-color: #51ce71;
    border-color: #34b154;
}
.customer-theme .btn-success:hover,
.customer-theme .btn-success:focus {
    background-color: #3cba5c;
    border-color: #279844;
}
.customer-theme .btn-success:active,
.customer-theme .btn-success.active,
.customer-theme .open .dropdown-toggle.btn-success {
    background-color: #279444;
    border-color: #4fa8d7;
}
.customer-theme .btn-info {
    background-color: #4eafe1;
    border-color: #368fbd;
}
.customer-theme .btn-info:hover,
.customer-theme .btn-info:focus {
    background-color: #3390c0;
    border-color: #1f6b93;
}
.customer-theme .btn-info:active,
.customer-theme .btn-info.active,
.customer-theme .open .dropdown-toggle.btn-info {
    background-color: #f5d540;
    border-color: #e0bc12;
}
.customer-theme .btn-warning {
    background-color: #f5d540;
    border-color: #e0bc12;
}
.customer-theme .btn-warning:hover,
.customer-theme .btn-warning:focus {
    background-color: #ebcb35;
    border-color: #c9a80f;
}
.customer-theme .btn-warning:active,
.customer-theme .btn-warning.active,
.customer-theme .open .dropdown-toggle.btn-warning {
    background-color: #d4af05;
    border-color: #a98d09;
}
.customer-theme .btn-danger {
    background-color: #ef5840;
    border-color: #d23f28;
}
.customer-theme .btn-danger:hover,
.customer-theme .btn-danger:focus {
    background-color: #e24e35;
    border-color: #ba2c16;
}
.customer-theme .btn-danger:active,
.customer-theme .btn-danger.active,
.customer-theme .open .dropdown-toggle.btn-danger {
    background-color: #c13119;
    border-color: #951f0c;
}
.customer-theme .dropdown-header {
    background-color: #2b445c;
}
.customer-theme .dropdown-menu > li > a:hover,
.customer-theme .dropdown-menu > li > a:focus {
    background-color: #006699;
}
.customer-theme .dropdown-menu.inverse-theme {
    background-color: #cc324b;
    border-color: #cc324b;
}
.customer-theme .dropdown-menu.inverse-theme > li > a {
    color: #fff;
}
.customer-theme .dropdown-menu > .disabled > a:hover,
.customer-theme .dropdown-menu > .disabled > a:focus {
    color: #f6afba;
}
/* Navbar */
.customer-theme .navbar-default {
    background-color: #006699;
    border-bottom: 2px solid #cc324b;
}
.customer-theme .navbar-default .navbar-nav > .active > a,
.customer-theme .navbar-default .navbar-nav > .active > a:hover,
.customer-theme .navbar-default .navbar-nav > .active > a:focus {
    background-color: #cc324b;
}
.customer-theme .navbar-default .navbar-nav > li > a:hover,
.customer-theme .navbar-default .navbar-nav > li > a:focus,
.customer-theme .navbar-default .navbar-nav > .open > a,
.customer-theme .navbar-default .navbar-nav > .open > a:hover,
.customer-theme .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #cc324b;
}
.customer-theme .navbar-default.inverse-theme .navbar-nav > .active > a,
.customer-theme .navbar-default.inverse-theme .navbar-nav > .active > a:hover,
.customer-theme .navbar-default.inverse-theme .navbar-nav > .active > a:focus,
.customer-theme .navbar-default.inverse-theme .navbar-nav > li > a:hover,
.customer-theme .navbar-default.inverse-theme .navbar-nav > li > a:focus,
.customer-theme .navbar-default.inverse-theme .navbar-nav > .open > a,
.customer-theme .navbar-default.inverse-theme .navbar-nav > .open > a:hover,
.customer-theme .navbar-default.inverse-theme .navbar-nav > .open > a:focus {
    background-color: #006699;
}
.customer-theme .navbar-default.inverse-theme {
    background-color: #26262c;
    border-bottom: none;
}
.customer-theme .navbar-default.inverse-theme .nav .dropdown.open .dropdown-menu {
    background-color: #e9e9e9;
}
.customer-theme .navbar-default .navbar-toggle:hover,
.customer-theme .navbar-default .navbar-toggle:focus {
    background-color: #CC324B;
}
.customer-theme .navbar-default.inverse-theme .navbar-toggle:hover,
.customer-theme .navbar-default.inverse-theme .navbar-toggle:focus {
    background-color: #006699;
}
.customer-theme .nav-tabs > li > a,
.customer-theme .nav-pills > li > a {
    color: #cc324b;
}
.customer-theme .nav-pills > li.active > a,
.customer-theme .nav-pills > li.active > a:hover,
.customer-theme .nav-pills > li.active > a:focus {
    background-color: #cc324b;
    color: #fff;
}
/* Navbar-form */
.customer-theme .navbar-form .form-group .glyphicon {
    color: #006699;
}
.customer-theme .inverse-theme .navbar-form .form-group .glyphicon {
    color: #2b445c;
}
/* Progress bars*/
.customer-theme .progress .progress-bar{
    background-color: #006699;
}
.customer-theme .progress .progress-bar-success {
    background-color: #51ce71;
}
.customer-theme .progress .progress-bar-info{
    background-color: #6ac4f3;
}
.customer-theme .progress .progress-bar-warning{
    background-color: #f5d540;
}
.customer-theme .progress .progress-bar-danger{
    background-color: #ef5840;
}
.customer-theme .progress .progress-bar:after{
    background-color: #2b445c;
}
/* Lists */
.customer-theme .list-group-item.active,
.customer-theme .list-group-item.active:hover,
.customer-theme .list-group-item.active:focus,
.customer-theme a.list-group-item.active,
.customer-theme a.list-group-item.active:hover,
.customer-theme a.list-group-item.active:focus {
    background-color: #006699;
    border-color: #006699;
    color: #fff;
}
.customer-theme .inverse-theme .list-group-item.active,
.customer-theme .inverse-theme .list-group-item.active:hover,
.customer-theme .inverse-theme .list-group-item.active:focus,
.customer-theme .inverse-theme a.list-group-item.active,
.customer-theme .inverse-theme a.list-group-item.active:hover,
.customer-theme .inverse-theme a.list-group-item.active:focus {
    background-color: #2b445c;
    border-color: #2b445c;
    color: #fff;
}
.customer-theme .badge {
    background-color: #006699;
}
.customer-theme .active .badge {
    color: #006699;
    background-color: #fff;
}
.customer-theme .inverse-theme .badge {
    background-color: transparent;
    color: #006699;
}
.customer-theme .inverse-theme .active .badge {
    color: #fff;
    background-color: transparent;
}
/* Popover */
.customer-theme .popover {
    background-color: #006699;
}
.customer-theme .popover .arrow,
.customer-theme .popover .arrow:after {
    border-top-color: #006699;
}
/* Datepicker */
.customer-theme .datepicker {
    background-color: #2b445c;
}
.customer-theme .datepicker .datepicker-days:before,
.customer-theme .datepicker .datepicker-days:after{
    background-color: #2b445c;
}
.customer-theme .datepicker thead {
    background-color: #2b445c;
}
.customer-theme .datepicker table tr td.day.active {
    background: #006699;
}
.customer-theme .datepicker thead tr:first-child th:hover,
.customer-theme .datepicker tfoot tr th:hover {
    color: #006699;
}
.customer-theme .datepicker table tr td span.active,
.customer-theme .datepicker table tr td span.active:hover,
.customer-theme .datepicker table tr td span.active.disabled,
.customer-theme .datepicker table tr td span.active.disabled:hover {
    background: #006699;
}
/* Panel */
.customer-theme .panel-primary > .panel-heading {
    background-color: #006699;
}
.customer-theme .panel-primary.inverse-theme > .panel-heading {
    background-color: #2b445c;
}
/* --- /Kopie von blue-theme.css --- */


/* ---------------------------------
   CUSTOM
   --------------------------------- */


/* Fonts */
@font-face {
    font-family: 'entypo';
    src: url('/fonts/entypo.eot');
    src: url('/fonts/entypo.eot?#iefix') format('embedded-opentype'),
        url('/fonts/entypo.woff') format('woff'),
        url('/fonts/entypo.ttf') format('truetype'),
        url('/fonts/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* General */
.navbar {
    margin-bottom: 0px;
}

.icon {
    top: 0px;
    font-family: 'entypo';
    font-size: 36px;
}

a, a:hover, a:focus {
    color: #006699;
}

div.list > a {
    display: block;
    height: 165px;
    overflow: hidden;
}

div.list img {
    width: 100%;
}

h1 {
    margin-top: 0px;
}

h2,
h3,
h4,
div.category h1 {
    line-height: 1.42857;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    color: inherit;
}

.theme-style .thumbnail {
    margin-top: 60px;
}

.info-block .info-text {
    min-height: 248px;
}

div.logo,
.navbar-brand div {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 86px;
    background-color: rgba(0, 0, 0, 0.4);
}

div.logo img,
.navbar-brand img {
    margin: 13px;
}

.navbar-brand div {
    width: auto;
    left: 10px;
    top: 10px;
}

div.spacer {
    height: 46px;
}

div.thumb {
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    max-width: 597px;
    overflow: hidden;
}

div.followlinks {
    margin-top: 10px;
}

div.followlinks a {
    display: block;
    float: left;
    margin-right: 3px;
}

.info-block {
    margin-top: 20px;
}

.line-bottom {
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d8d9;
}

div#imagelist_big_container,
div#movielist_big_container,
div#youtubelist_big_container {
    margin-top: 20px;
}

img#imagelist_big_image,
img#movielist_big_image,
div#youtubelist_big_container iframe {
    max-width: 100%;
    height: 260px;
}

div#imagelist_big_details,
div#movielist_big_details,
div#youtubelist_big_details {
    min-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}

div#imagelist_big_link,
div#movielist_big_link,
div#youtubelist_big_link {
    float: right;
}

.textbox,
.textinput {
	width: 198px;
}

div.category {
    margin-bottom: 18px;
}

div.category:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.category img {
    float: right;
}

@media (max-width: 500px) {
}

@media (max-width: 767px) {
    #carousel {
        display: none;
    }

    .theme-style .thumbnail {
        margin-top: 0px;
    }

    div.spacer {
        height: 59px;
    }
}

@media (max-width: 991px) {
    .theme-style .thumbnail {
        margin-top: 0px;
    }
}