/**MAIN**/

p,a,span,li,td,input,label,div,button,h1,h2,h3,h4,h5,h6,legend {
    font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif !important;
}
p,a,span,li,td,input,label,div,button, .btn { 
    font-size:10pt !important;
}

#head-navigation a {
    text-transform: uppercase;
}

#head-navigation ul li {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

h1 {
    text-transform: uppercase;
    color: #0080b9 !important;
}

h2 {
    color: #0080b9 !important;
}	

h5,h4 {
    font-size:10pt !important;
    text-transform: uppercase;
    color: #0080b9;

}

h3 {
    color: #0080b9 !important;
}

h3, h3>a, h3>a::before {
    font-size: 10pt;
    margin-bottom: 9px;
    margin-top: 10px; 
    text-transform: uppercase;
}

a.btn-primary {
    color: #fff;
}

a:hover {
    color: #000 !important;
}

a.btn-primary:hover {
    color: #fff !important;
}

.btn:hover,
#__toTop:hover,
#tx-indexedsearch-searchbox-button-submit:hover {
    background-color: #5ec5ed !important;
}

p > a::before,
h3 > a::before,
h4 > a::before,
h5 > a::before,
.frame-type-text a::before, 
article a::before {
    background-image: url(/fileadmin/Sites/DGPSF-Verein/pfeil_blau.gif);
    content: '' !important;
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 5px;
}

p > a:hover::before,
h3 > a:hover::before,
h4 > a:hover::before,
h5 > a:hover::before,
.frame-type-text a:hover::before,
article a:hover::before
{
    background-image: url(/fileadmin/Sites/DGPSF-Verein/pfeil_over.gif);
}

h3 > a::before {
    margin-bottom: 0;
    margin-top: 0;
}

.ce-uploads > li a > span {
	display: inline-block;
}

.ce-uploads > li {
	margin-top: 0;
	margin-bottom: 0;
}


h3 {
    font-size:12pt !important;
}

h2 {
    font-size: 14pt !important;
}

h1 {
    font-size: 22pt !important;
    line-height: 1.2;
}

#btn_home {
    height: 36px;
    line-height: 23px;
}

#p1877 #btn_home {
    display: none;
}

/*TOTOP*/

.__totop-container>a {
    width: 40px;
    height: 40px;
}

#main-content {
    min-height: 100%;
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 50px;
}

/**LOGO**/

.dgpsf-logo-bar {
    text-align: right;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
}

.dgpsf-logo-bar .dgpsf-name-header {
    height: 50px;
    position: relative;
}

.dgpsf-logo-bar .dgpsf-name-header h5 {
    font-size: 9pt;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
}
.dgpsf-logo-bar .primary-logo img {
    height: 50px;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

#insci-stage-slider {
    max-height: 134px;
    min-height: 134px;
}

#insci-stage-slider .insci-slide {
    background-position: inherit !important;
    background-repeat: inherit!important; 
    background-size: inherit !important; 
}

.dgpsf-header-background {
    background-color: #0080b9; 
    width: 100%;
}

header.dgpsf-header #head-navigation > ul {
    text-align: left;
    list-style: none;

}

header.dgpsf-header #head-navigation > ul > li {
    display: inline-block;
}

header.dgpsf-header #head-navigation > ul > li > a{
    padding: 7.5px 15px;
    color:#fff;
    display: block;
    cursor: pointer;
}

#head-navigation a:hover,
#head-navigation span:hover {
    padding: 7.5px 15px;
    color: #0080b9 !important;
    background-color: #fff; 
    cursor: pointer;
}

header.dgpsf-header #head-navigation > ul > li > ul {
    display: none;
}

/*MOBILE NAV*/

#mobile-navigation {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    left: 0;
    top: 80px;
}

#mobile-navigation ul {
    margin: 0;
    padding: 0;
}


#mobile-navigation ul > li {
    width: 100%
}

#mobile-navigation ul > li > a{
    display: block;
    padding: 15px 7.5px;
    color: #000;
}

#mobile-navigation .toggle-icon,
#mobile-navigation .toggle-icon::before {
    color: #000 !important;
}

#mobile-navigation.open {
    display: block;
}

#mobile-navigation .submenu li {
    padding: 7.5px;
}

#mobile-navigation {
    border-bottom: 1px solid #ddd;
}

#mobile-navigation>ul>li>.toggle-icon {
    top: 13px;
}

#footer {
    background-color: #0080b9;
    margin-top: -30px;
    height:30px; 
    padding: 0 50px;
}

#footer .logo_footer_minified {
    margin-top: 8px !important;
}

#footer .footer-menu-wrapper i {
    display: none;
}

#footer a,
#footer span,
#footer small {
    font-size: 10pt;
    height: 30px !important;
    line-height: 30px !important;
}

#footer a:hover {
    color: #fff !important;
}

/*BOX*/


.box hr{
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    padding-left: 7.5px;
    padding-right: 7.5px;
    border: none;
}

.box h4, 
.box h5 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.__box_blau a,
.__box_sand a {
    margin-left: -2px;
}

/*BOX BLAU*/

.dgpsf.__box_blau {
    background-color: #d5eefa;
    margin-bottom: 10px;
}

.dgpsf.__box_blau header {
    background-color: #5ec5ed;
    padding: 7.5px; 
}

.dgpsf.__box_blau p {
    padding: 7.5px; 
}

/*BOX SAND*/

.dgpsf.__box_sand {
    background-color: #f1ead7;
    margin-bottom: 10px;
}

.dgpsf.__box_sand header {
    background-color: #f6a333;
    padding: 7.5px; 
}

.dgpsf.__box_sand p{
    padding: 7.5px; 
}

.dgpsf.__box_trenner_unten {

}

/*NEWS*/

.news .article {
    padding-bottom: 0;
}

/*BILDER*/

.__bild_100 img {
    width: 100%;
    height: auto;
}

/*FORMS*/

/*LOGIN*/
.tx-felogin-pi1 > h3 {display: none;}

/*SIDE NAV DGPSF*/

#submenu {
    margin-bottom: 0;
}

.side-navigation.dgpsf h4{
    display: none;
}

.side-navigation.dgpsf ul{
    width: 100%;
    list-style: none;
    padding: 0;
}

.side-navigation.dgpsf ul > li{
    width: 100%;
}

.side-navigation.dgpsf ul > li > a{
    width: 100%;
    display: block;
    padding: 7.5px;
    background-color: #f1ead7;
    color: #000 !important;
    margin-bottom: 3px;
}

.side-navigation.dgpsf li a:hover {
    background-color: #0080b9;
    color: #fff !important;
    text-decoration: none;
}



/*LOGIN*/

#c16202 .row {
    margin-bottom: 5px !important;
}

#c16202 button {
    margin-bottom: 0 !important;
    width: 100%;
    text-align: left;
}
#c16202 button i {
    float: right;
    margin-top: 2px;
}

#submenu.dgpsf > li > ul{
    display: none;
}

#submenu.dgpsf > li > ul a{
    background: #f9f7ef;
}

#submenu.dgpsf > li > ul a:hover{
    color: #0080b9 !important;
}

#submenu.dgpsf > li.showsubmenu > ul{
    display: block;
}

#submenu.dgpsf .sidnav-sub-1 li a{
    padding-left: 15px;
}

#submenu.dgpsf .sidnav-sub-2 a {
    padding-left: 15px;
}

/*BREADCRUMB*/

.dgpsf-breadcrumb {
    margin-top: 3px;
    margin-bottom: 3px;
}

.dgpsf-breadcrumb input {
    width: 192px !important;
}
.dgpsf-breadcrumb .col {
    text-align: right;
}

.dgpsf-breadcrumb ul {
    width: 100%
        list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
.dgpsf-breadcrumb ul li {
    list-style: none;
    float: left; 
    margin-left: 7.5px;
}

#page_print {
    width: 36px !important;
    margin-left: 0 !important;
}

/*CONTENT*/


/*MEDIA QUERY*/

#mobile-nav-trigger {
    height: 40px;
    padding-top: 6px;
}



@media (max-width: 768px) {
    #footer {
        height: initial !important;
    }

    #submenu {
        margin-top: 15px;
    }
}

@media (max-width: 992px) {
    #footer small { 
        display: none;
    }

}

.__breadcrumb {
    margin-top: 10px;
}

.side-navigation {
    margin-bottom: 15px;
}

.mobile-nav {

}

.news .footer {padding: 0;}
.news .article {
    margin-bottom: 0;
}

.news .teaser-text p {
    margin-bottom: 0 !important;
}

#c20318 hr {
    margin-top: 0px;
}

.fa-remove:before, .mfp-close:before, .fa-close:before, .fa-times:before {
    content: "X" !important;
}

.mfp-close {
    top: 3px !important;
}

.mfp-close:before {
    height: 22px;
    width: 19px;
}

.logo_footer_minified {
    display: none;
}
/*MOBILE*/

@media(max-width: 594px) {
    .dgpsf-name-header {
        display: none;
    }

    .col-xs-left {
        float:right;
    }
}

.displaced-burger #mobile-nav-trigger {
    display: none;
}


@media(max-width: 844px) {
    .xs-pt-15 {
        padding-top:15px;
    }

    .dgpsf-logo-bar {
        padding-top:15px;
        padding-bottom: 15px;

    }

    .dgpsf-logo-bar .primary-logo img {
        height: 34px;
    }

}

#mobile-navigation {
    top: 44px;
}

#mobile-navigation > ul > li > a {
    padding: 15px;
}

#mobile-navigation .submenu > li > a {
    padding: 7.5px;
}

#mobile-nav-trigger {
    padding-top: 1px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    width: 60px !important;
}

#__body_text_content .frame {
    overflow-x: auto; 
}

#head-navigation > ul a,
#mobile-navigation li.active > a {color:#fff !important;}

.content-wrapper a:not(.btn-primary) {color: #0080b9;}

#c20657 h3 {
    margin-top: 0px !important;
}

#c20664 .ce-div {
    background-color: transparent !important;
    border-top: none!important;
    border-bottom: 1px solid #eee !important;
    margin-top: 15px;
}

nav#head-navigation > ul > li:hover > ul {
    display: block;
    top: 34px;
    z-index: 9998;
    background-color: #fff;
} 

nav#head-navigation > ul > li:hover > ul > li > a{
    color: #000 !important;
} 

nav#head-navigation > ul > li > ul > li:hover {
    background-color: inherit !important;
} 

nav#head-navigation > ul > li > ul > li {
    padding: 0 !important;
    margin-right: 0px !important;
}

nav#head-navigation > ul > li > ul > li > a{
    display: block;
    padding: 7.5px 15px;
}

nav#head-navigation > ul > li > ul > li:hover > a {
    color: #fff !important;
    background-color: #0080b9 !important;
} 

#tx-indexedsearch-searchbox-button-submit, .page-item.active > .page-link {
    background-color: #0080b9 !important;
}
.blockqoute-box .card-header,
.blockqoute-box .card-body {
    padding: 10px;
}

.blockqoute-box blockquote > p {
    margin-bottom: 0;
}

.__card-footer .nav-item {
    margin-left: 5px;
}

.card-header, .card-body {
    padding: 10px;
}

#c20731 .mb-15 {
    margin-bottom: 0 !important;
}

#c20731 .col-sm-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: inherit;
}

.sidnav-sub-2 a {
    padding-left: 30px !Important;
}

.klaro.we_cookie_consent .cookie-notice { 
top: 0;
}

.klaro.we_cookie_consent .cookie-notice {
    padding: 15px;
}

.powermail_submit {
    background-color: #0080b9 !important;
}

select {
    font-size: 10pt !important;
}