a, .btn-link { border: 0; color: #003A74; margin: 0; padding: 0; text-decoration: underline; }
a:hover, a:focus, a:active { background-color: #903; color: #fff; }
a.btn:hover, a.btn:focus, a.btn:active {  background-color: #903; color: #fff; }
body { color: #000; font-size: 12px; font-family:Verdana, Helvetica, sans-serif; }
h1, h2 { color: #3574b1; font-family:'Minion Pro',Cambria,Georgia,'Times New Roman',Times,serif; font-size:3em; font-weight: normal; line-height: 1.25; margin: 0.4em 0 0.8333em 0; }
h3, .h3 { color: #000; font-family:Arial,Helvetica,sans-serif; font-size: 1.75em; font-weight: normal; line-height: 1.5; margin: 1.375em 0 0.8333em 0; }
h4, .h4 { color: #3574b1; font-family:Arial,Helvetica,sans-serif; font-size: 1.333em; font-weight:bold; line-height: 1.5; margin: 0.9375em 0 0.625em 0; }
h5, .h5, h6, .h6 { color: #000; font-family:Arial,Helvetica,sans-serif; font-size: 1.2em; font-weight:bold; line-height: 1.4; margin: 0.7em 0 0.2em 0; }

h2.roof, h3.roof, h4.roof, h5.roof { line-height: 2; } /* keine h6, die ist nur für Produkte */
h2.roof > span, h3.roof > span, h4.roof > span, h5.roof > span { color: #a91c1a; display:block; font-size: 0.875em; font-weight: normal; line-height: 1.5; }

hr { border-top: 1px solid #C9E1F3; }

.alert-info { background-color: #f5f5f5; border: 1px solid #e3e3e3; color: #000; }
.alert-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

#main > ul + img + ul { background-color: #c9e1f3; margin-top:-40px; padding-top:35px; }
.navi a { height: 2em; }
.pipe { margin: 0 0 0 0.15em; }
div.bubble > p { margin-bottom: 15px; }
legend { font-weight: normal; }
p#podcast-comment a { height:60px; width: 105px; }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    /*z-index:-1;*/ color: #fff; cursor: default; background-color: #003A74; border-color: #003A74;
}

.alert, .btn, .form-control, .modal-content, .pagination a, .pagination span { border-radius: 0 !important; }

.help-block { color: #555; }

div.dataTables_paginate { text-align:left !important;}
div.dataTables_paginate ul.pagination { margin: 0 !important; }
.row-menu { background-color: #c9e1f3; margin: 0; padding-top: 10px; }
.row-pagination { margin-top: 2rem; }
.row-pagination label { margin: 0; }

a > i.fa { margin-right:5px; }
a > i.fa-fw { margin-right:3px; }
button > i.fa { margin-right:7px; }
table h6 { margin: 0; }

/* ### TODO: use more generic selector, i. e. .btn+.btn */
a.btn.btn-xs + a.btn.btn-xs,
button + button {
    margin-left: 5px;
}

.btn-slim {
    padding: 0 1px;
}

.btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.btn-default {
    background-color: #C9E1F3;
    border: 1px solid #C9E1F3;
    color: #003A74;
}
.btn-primary {
    background-color: #003A74;
    border: 1px solid #003A74;
    color: #fff;
}
.btn-white:focus,
.btn-white:hover,
.btn-white:active,
.btn-white:focus:active,
.btn-white:focus:active,

.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:focus:active,
.btn-default:focus:active,

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:active,
.btn-primary:focus:active {
    background-color: #903;
    border: 1px solid #903;
    color: #fff;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-top: 2px;
}

.btn-group a {
    text-align: left;
}
.btn-group-xs > .btn, .btn-xs {
    border-radius: 0;
}
.dropdown-menu {
    border-radius: 0;
}
.dropdown-menu > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: #903;
    color: #fff;
}

button.clear-filter {
    float: none;
    position: absolute;
    margin-left: -22px;
    top: 3px;
    color: #444;
    opacity: .8;
    display: none;
}
button.clear-filter:hover,
button.clear-filter:focus,
button.clear-filter:active {
    color: #d00;
    opacity: 1;
}

.img-thumbnail { border-radius: 0; }

/*@media (min-width:768px) {*/
    /*.modal-dialog { width:750px; }*/
/*}*/

#accordion-register .panel  { border: none; border-radius: 0; }
#accordion-register .panel-heading { border-radius: 0; padding: 0; }
#accordion-register .panel-heading a  { display:block; padding: 10px 15px; }
#accordion-register .panel-heading a[aria-expanded=true]  { background-color: #003A74; color: #fff; }
#accordion-register .panel-body  { border: none; padding: 0; }
#accordion-register .back i.fa, #accordion-register .next i.fa { margin: 0; }

#accordion-register .panel-heading a.valid { position:relative; }
#accordion-register .panel-heading a.valid::after { content:"\f00c"; font-family:FontAwesome; font-size: 24px; position:absolute; top: 0.25em; right: 0.5em; }

.nav-tabs { border-bottom: 1px solid #003A74; }
.nav-tabs > li > a { border-radius: 0; }
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:active { background-color: #c9e1f3; color: #003A74; border: 1px solid #003A74; border-bottom-color: #c9e1f3; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:active { background-color: #003A74; color: #fff; border: 1px solid #003A74; text-decoration: none; }
.tab-content { padding: 10px 10px 0 10px; }

.fake-tabs { background:repeating-linear-gradient(45deg, #c9e1f3, #c9e1f3 5px, #fff 6px, #fff 6px); display:block; }
.fake-tabs .btn { border: 1px solid transparent; border-bottom: none; /*margin-bottom:-1px;*/ color: #000; z-index: 1; }
.fake-tabs .btn.active { background-color: #003A74; color: #fff; border-color:#c9e1f3; font-weight:bold; z-index:9; -webkit-box-shadow: none; box-shadow: none; }
/*.fake-tabs .btn.active { background-color: #fff; color: #000; border-color:#c9e1f3; font-weight:bold; z-index:9; -webkit-box-shadow: none; box-shadow: none; }*/
.fake-tabs .btn-default { background-color:#fff; border-color:#c9e1f3; }
/*.fake-tabs .btn-default { background-color:transparent; }*/
.fake-tabs .btn-default:hover,
.fake-tabs .btn-default:focus,
.fake-tabs .btn-default:active { background-color: #903; color: #fff; }
/*.fake-tabs .btn-default:active { background-color: #003A74; color: #fff; }*/

.cool-bubble { border: 2px dotted #c9e1f3; display: inline-block; font-size: 14px; margin-bottom: 10px; position:relative; }
.cool-bubble p { margin:5px 10px; }

a.btn.btn-white.btn-xs[href="#erweitert"] { margin-top: 15px; }

#cookie-consent { background-color:#003a74; color:#fff; padding:10px 20px; position:fixed; bottom:0; z-index:100; width:100%; }
#cookie-consent p { margin:10px 0; }
#cookie-consent a { color:#fff; }
#cookie-consent button { font-weight:bold; margin:10px 0; }


#loginornot .modal-body [class*="col-"] { display:flex; }
#loginornot .modal-body [class*="col-"]:first-child { margin-bottom:15px; }
#loginornot .modal-body a { display:flex; flex:1; flex-direction:column; white-space:inherit; text-decoration:none; }
#loginornot .modal-body a span { margin:0.5em 0; }
#loginornot .modal-body a span+span { margin:1em 0; }
#loginornot .modal-body a span:first-child { font-size:2em; }
@media ( min-width:768px ) {
    #loginornot .modal-body .row { display:flex; }
    #loginornot .modal-body [class*="col-"]:first-child { margin-bottom:0; }
}

/* overwrite defaults from awesome-bootstrap-checkbox */
.checkbox label::after { color:#003a74; }
.radio label::after { background-color:#003a74; }

button.close {
    filter: alpha(opacity=60);
    opacity: .6 !important;
}
button.close:hover,
button.close:focus,
button.close.active {
    filter: alpha(opacity=100);
    opacity: 1 !important;
}
.delete-highlight { background-color: #f8d7da !important; }


/* loading icon in jquery ui autocomplete */
.ui-autocomplete-loading {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgc3Ryb2tlPSIjQzlFMUYzIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiIGN4PSIyNSIgY3k9IjI1IiByPSIyMiI+PC9jaXJjbGU+CiAgICA8Y2lyY2xlIHN0cm9rZT0iIzAwM0E3NCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjIiIHN0cm9rZS1kYXNoYXJyYXk9IjM1LDEzOCI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICA8L2NpcmNsZT4KPC9zdmc+) no-repeat 98% center;
    background-size:1.6em;
}


.dzb-loading-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgc3Ryb2tlPSIjQzlFMUYzIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiIGN4PSIyNSIgY3k9IjI1IiByPSIyMiI+PC9jaXJjbGU+CiAgICA8Y2lyY2xlIHN0cm9rZT0iIzAwM0E3NCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjIiIHN0cm9rZS1kYXNoYXJyYXk9IjM1LDEzOCI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICA8L2NpcmNsZT4KPC9zdmc+) no-repeat center center;
}
.dzb-loading-icon.s {
    background-size:1em;
    height:1em;
}
.dzb-loading-icon.m {
    background-size:3em;
    height:3em;
}.dzb-loading-icon.l {
     background-size:6em;
     height:6em;
 }