/* Offline Page */

#wrapper {
    background: #fff;
    color: #000;
}

#wrapper fieldset {
  width: 95%
}

#wrapper fieldset label {
  color: #000;
}


/* Farbe Verlinkungen */

	a, #gkMainMenu div.childcontent a:active, #gkMainMenu div.childcontent a:focus, #gkMainMenu div.childcontent a:hover, article header h1 a:hover, article header h2 a:hover, .pane-sliders .panel h3 a:hover {
        color: #183264;
    }

	#accordeonck700 li.level1 > span a {
      color: #fff;
	}

	#accordeonck700 li.level1:hover > span a {
        color: #fff;
    }


/* Profilbild */

    .profile-pic {
        max-width: 200px;
        height: auto;
    }

/* Hintergrund Profilbild angepasst */

	#gkHeaderBottom, #gkHeaderBottom .box {
        background: #ffffff!important;
    }

/* Verlinkung @juraintensiv */

	#gkHeaderBottom .box a {
        color: #183264!important;
        font-weight: 700;
    }

	#gkHeaderBottom .box a:active, #gkHeaderBottom .box a:focus, #gkHeaderBottom .box a:hover {
        color: #848484!important;
    }

/* Hintergrundbilder */

    body { 
    	background:  url("https://social-links.jura-intensiv.de/images/backgrounds/bg_smaller.jpg") fixed;
    	background-repeat:no-repeat;
     	background-size:cover;
    }

	/* Anpassung Abstand zu Rand oben */

        #gkBg {
            padding: 50px 0px;
        }


/* #gkTop entfernt */

	#gkHeader {
    	background: none;
	}
	
    #gkTop {
        display: none;
    }

/* CSS Logo ausblenden */

	#gkLogo.cssLogo {
    	display: none;
	}

/* Padding zum Footer korrigiert */

	#gkPageContent {
        padding: 0px 90px 60px 90px;
    }

/* Footer */

	#gkFooter {
        background: #183264;
        max-height: 55px;
    }

/* Styling des Menüs "Links" */

	/* Hintergrund */

        #accordeonck700 {
            background: #fff;
          	box-shadow: none;
            border: none;
        }

	/* Link-Buttons */

        a.accordeonck {
            font-size: 16px !important;
        }

		ul#accordeonck700 li {
            background: #183264;
            margin: 5px 10px 5px 10px !important;
            padding: 5px 0px!important;
        }

		.accordeonck_outer {
            text-align: center;
        }

		.accordeonck li a {
          	color: #ffffff;
            font-size: 14px!important;
            font-weight: 700;
          	display: block;
        }

		/* Zähler Buttons (bei untergeordneten Links) */

			#accordeonck700 li.level1 > span span.accordeonckdesc, ul#accordeonck700 li a span.accordeonckdesc {  /* Zahler in einer Reihe */
              display: inline;
          }

			.accordeonck a.accordeonck > .badge {
                background: #fff;
                color: #183264;
                border-radius: 30px;
                padding: 0px 0px 5px 0;
                display: inline-block;
                font-size: 13px;
                width: 27px;
                height: 22px;
                margin-left: 7px !important;
            }

			.accordeonck a.sub-menu > .badge {
                background: #183264!important;
                color: #fff!important;
            }


		/* Untergeordnete Links (sub-menu) */

            ul#accordeonck700 li.level2 {
                background: #fff;
            }

			.accordeonck li ul li a {
                color: #183264;
            }

            li.level2 span.badge.accordeonck-counter {
                background: #183264;
                color: #fff;
            }

		/* Untergeordnete Links (sub-sub-menu) */
			ul#accordeonck700 li.level2 li {
                background: #edeef0;
            }

		/* Farbe +/- */

            #accordeonck700 li.parent > span span.toggler_icon {
                background: url(/modules/mod_accordeonmenuck/assets/white_plus_11x12.png) center center no-repeat !important;
                right: 10px;
            }

            #accordeonck700 li.parent.open > span span.toggler_icon {
                right: 10px;
                background: url(/modules/mod_accordeonmenuck/assets/white_minus_11x12.png) center center no-repeat !important;
            }

			.accordeonck_outer.toggler_2 span.toggler_icon {
                -webkit-filter: invert(1);
                filter: invert(1);
            }
			
/* Footer Menu */

	/* Icons */

		#gkFooterNav > ul > li > a > span { 
			display: none
		}

        #gkFooterNav > ul > li > a > img {
            max-width: 30px;
            top: 10px;
            position: relative;
        }


	/* Links */

        #gkFooterNav > ul {
            display: inline-block;
        }

		#gkFooter a:hover {
            color: #848484;
        }

		p {
            margin: 0.5em 0 1em;
        }


/* Seiten Impressum und Datenschutz */

    .itemBody {
        padding-top: 50px;
    }

/* Tablet */

@media only screen and (min-width: 30.1em) and (max-width: 48em) { 
  
 	/* korrigiert Breite des Menüs */
  
        #gkPageContent {
        	padding: 0px 30px 0 30px;
        }
  
  	/* korrigiert Abstand von Menü zum Profil Bild */
  
  		.frontpage #gkContent {
            padding: 0px 0 0 0;
        }	
  
  	/* korrigiert Abstand vom BG */
  
  		#gkBg {
            padding: 60px 30px 90px 30px!important;
        }
  
  	/* Footer */
  
  		#gkFooter {
            max-height: 140px;
        }
  
}
  


/* Mobile */

@media only screen and (max-width: 30em) { 
  
 	/* korrigiert Breite des Menüs */
  
        #gkPageContent {
        	padding: 0px 10px 0 10px;
        }
  
  	/* korrigiert Abstand von Menü zum Profil Bild */
  
  		.frontpage #gkContent {
            padding: 0px 0 0 0;
        }	
  
  	/* Footer */
  
  		#gkFooter {
            max-height: 155px;
        }
  
  		/* Icons */
  
  			#gkFooterNav > ul {
                width: 100%;
            }
  
  			#gkFooterNav li {
                width: auto;
                display: inline-block;
  			}
  
            #gkFooterNav {
            	padding-top: 20px!important;
            }
  
  		/* Copyright */
  
  			#gkCopyrights {
                padding: 0;
            }
  
}