/*
 * Banner ads ausblenden
 * Breadcrumb ausblenden
 * Newsletter-Footer ausblenden
 */
#bannerContentTop, .hjrbc, .sxFooterNesletter { display:none; }

/* 
 * Allgemein
 */
.container { font-family:Nunito; }

.sxOnePageTitle h1{
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}

.sxOnePageTitle h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}

.textFragment li {
    font-size: 15pt;
}
.sxOneText p, .container .textFragment p {
    font-size: 15px;
}
.text-start-big:first-letter {
    font-size: 48px;
    float: left;
    margin-top: 8px;
}
.teaser, .container .teaser-big, .teaser-big p, .textFragment p, .teaser-big .container .textFragment p,  .teaser-big .textFragment p, .container div.teaser-big.textFragment p {
    font-size: 20px ;
}

table td {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
} 

/*
 * Buttons
 */

.sxOpenMenu ul li a, a.buttonlink {
    height: 36px;		
    border-radius: 4px;
    padding: 9px 15px;
    display: inline-block;
    min-width: 180px;
    line-height: 20px;
    font-size: 15px;
}
a.buttonlink { text-decoration: none; text-align: center; }
.navi-boxen .sxOpenMenu ul li a {
	border-radius: 3px;
	background: #003D8D;
	display: block;
	line-height: 24px;
	padding: 15px 0;
	height:auto;
	margin-bottom:20px;
}

.sxOpenMenu ul li a .fa { 
    display:none;
}

@media (max-width: 1170px) { 
    .sxOpenMenu ul li a {
        margin:auto;
    }
    .sxOpenMenu {
        text-align:center;
    }
    .sxOpenMenu ul li {
        width:100%;
    }
}

@media (min-width: 1170px) {
    .sxOpenMenu ul li {
        margin-bottom: 20px;
    }
}


/* 
 * Lasche
 */

.eline-lasche {
    height: 38px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
    left: 0;
    right: 0;
    z-index: 1;
}

.eline-lasche > .bg-shape-container-1.sxModule {
    z-index: -1;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    -moz-transform: perspective(100px) rotateX(-18deg);
    -webkit-transform: perspective(100px) rotateX(-18deg);
    transform: perspective(100px) rotateX(-18deg);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.eline-lasche .container {
    width: 400px;
}

.eline-lasche .container .textFragment {
    text-align:center;
    height: 26px;	
    font-family: Nunito;	
    line-height: 26px;
    -moz-transform: translateZ(10px);
    -webkit-transform: translateZ(10px);
    transform: translateZ(10px);
    margin-top: 4px;
}

.eline-lasche .container .textFragment p {
    font-size: 15px;
    line-height: 36px;
}

@media (max-width: 1170px) { 
    .eline-lasche {
        width: 400px;
        border-bottom-left-radius: 100%;
        border-bottom-right-radius: 100%;
    }

    .eline-lasche .container {
        width: 400px;
    }

    .eline-lasche .container .textFragment p {
        font-size: 14px;
    }
}

.hintergrund-orange.eline-lasche { 
    background: transparent !important;
}
.hintergrund-orange.eline-lasche > .bg-shape-container-1.sxModule {
    background: #F60 !important;
}

.hintergrund-zyan.eline-lasche { 
    background: transparent !important;
}
.hintergrund-zyan.eline-lasche > .bg-shape-container-1.sxModule {
    background: #00879A !important;
}


/*
 * eLine Navigation
 */

.eline-navigation .sxOpenMenu .defaultButtonColor {
    text-align:inherit;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
    height: 60px;
    width: 460px;
    border-radius: 0;
}

.eline-navigation .sxOpenMenu ul li a {
    display:block;
    overflow: hidden;
    white-space: nowrap;
}

.eline-navigation .sxOpenMenu ul li ul {
    width: 460px;
    box-shadow:none;
    background: inherit;
    border-top: 5px solid transparent;
}

.eline-navigation .sxOpenMenu ul li ul li a {
    padding: 20px;
    font-size: 24px;
    font-weight: normal;
    height: 60px;
}

.eline-navigation .sxOpenMenu ul li a .fa { 
    display: inline-block;
    float: right;
}

.eline-navigation .sxOpenMenu ul li ul li {
    height: 60px;
}

.eline-navigation .sxOpenMenu ul li ul li a:hover {
    background: rgb(0,0,0,3%);
}

.eline-navigation .sxOpenMenu ul li a i {
    padding-left:0px;
}

@media (max-width: 1170px) { 
    .eline-navigation .sxOpenMenu .defaultButtonColor{
        text-align: left;
        max-width: 460px;
        width: 100%;
    }

    .eline-navigation .sxOpenMenu ul li{
        height: auto;
    }

    .eline-navigation .sxOpenMenu ul li ul {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: 460px;
        width: 100%;
    }
}
@media (min-width: 1170px) {
    .eline-navigation .sxOpenMenu > ul > li {
        margin-bottom:30px;
    }
    .column-container-right .eline-navigation {
        padding-left:40px;
    }
}

/*
 * eLine Kontakt
 */

.eline-kontakt {
    margin-bottom: 35px;
}

.eline-kontakt td {
    font-size:23px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 0px;
    vertical-align: middle;
}

.eline-kontakt tr {
    border-bottom: 10px solid transparent;
}

.eline-kontakt img {
    padding-right: 10px;
}

.eline-kontakt table {
    margin-top: 40px;
}

@media (max-width: 1170px) {
    .eline-kontakt table {
		margin-top: inherit;
    }
}



/*
 * eLine Text-Bild
 */

.eline-text-bild h2 {
    font-size: 24pt;	
    font-weight: bold;	
    line-height: 35px;
}

.eline-text-bild h3 {
    font-size: 18pt;	
    font-weight: bold;	
    line-height: 26pt;
    margin-top: 4px;
}

.eline-text-bild .sxOnePageTitle {
    padding: 0px;
}

.eline-text-bild .textFragment, 
.eline-text-bild .textFragment p {
    padding-top:5px;
    font-size: 20px;	
    line-height: 26px;
}

.eline-text-bild img {
    margin-bottom:20px;
}

@media (max-width: 1170px) { 
    .eline-text-bild img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .eline-text-bild .sxOpenMenu ul {
        text-align:left;
    }
}



/* 
 * eLine Downloads
 */

.eline-downloads table {
    margin-top:35px;
    display:block;
}

.eline-downloads tr {
    display:block;
}

.eline-downloads td {
    display: inline-block;
    margin-top:10px;
    padding:0px;
}

.eline-downloads img {
    width: 160px;
    margin-right: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.eline-downloads a {
    font-size: 13px;
    line-height: 22px;
    text-decoration:none;
}

.eline-downloads .textFragment, .eline-downloads .textFragment p {
    margin:0px;
    padding:0px;
}



/*
 * Eline-Newsletter
 */

.eline-newsletter h2 {
    font-size: 32px;	
    font-weight: bold;	
    line-height: 35px;
    text-align:center;
}

.eline-newsletter .textFragment,
.eline-newsletter .textFragment p {
    font-size: 20px;
    line-height: 26px;
}

.eline-newsletter .sxOpenMenu ul li {
    width:100%;
    text-align:center;
    margin-bottom: 20px;
}



/*
 * Zitat-Slider
 */

.quote-slider.sxModuleMainSlider .owl-nav .owl-prev {
    width:19px;
    height:32px;
    background: url(/__STATIC__/static/images/self/fa-angle-left.svg) no-repeat;
}

.quote-slider.sxModuleMainSlider .owl-nav .owl-next {
    width:19px;
    height:32px;
    background: url('/__STATIC__/static/images/self/fa-angle-right.svg') no-repeat;
}

.quote-slider.sxModuleMainSlider .owl-nav .owl-prev i {
    display:none;
}

.quote-slider.sxModuleMainSlider .owl-nav .owl-next i {
    display:none;
}

.quote-slider .sxBlogHeader .image img {
    border-radius: 0px;
}

.quote-slider .sxBlogHeader .image img {
    width: auto;
}

.quote-slider .sxBlogHeader .title {
     color: #666666;
     font-family: Nunito;	
     font-size: 24px;	
     font-style: italic;	
     line-height: 27px;
     text-shadow: none;
     font-weight: normal;
}

.quote-slider .sxBlogHeader .name {
     color: #666666;	
     font-family: Nunito;	
     font-size: 20px;	
     line-height: 26px;
     text-shadow: none;
}

@media (min-width: 1170px) { 
    .quote-slider .sxBlogHeader .title {
        font-size: 32px;	
        line-height: 40px;
    }

    .quote-slider .sxBlogHeader .name {
        font-size: 20px;	
        line-height: 26px;
    }

    .quote-slider .sxBlogHeader .title {
        max-width: 975px;
    }
}
@media (max-width: 768px) { 
    .container .textFragment { padding: 0 12px; }
    .quote-slider.sxModuleMainSlider .owl-nav .owl-next {
         right: 40px;
    }
	
/*
 * Quiz Header
 */
	
	.game-header .sxOnePageTitle,
	.game-header_schultz .sxOnePageTitle {
		background-size: 200px;
	}
	
	.game-header h1,
	.game-header_schultz h1{
		left:0px;
		font-size: 35px;
	}
	
}
/*
 * Slider: Text links, Hintergrund oben, links, Höhe automatisch
 */
.slider-bg-top-left .sxModuleMainSlider .sxOnePageHeader{background-position: top left;} 
.slider-bg-top-bottom .sxModuleMainSlider .sxOnePageHeader{background-position: bottom left;} 
.slider-text-left-autoheight .sxModuleMainSlider .sxOnePageHeader{
    height: auto;
}
.slider-text-left-autoheight .sxModuleMainSlider .sxOnePageHeader > div {
    padding: 18px 30px 23px 18px;
}
.slider-text-left-autoheight .sxModuleMainSlider .sxOnePageHeader > div > p {
    font-size: 15px;
    line-height: 24px;
}
.slider-text-left-autoheight .sxModuleMainSlider .sxOnePageHeader > div > p:empty { display: none; }
.slider-text-left-autoheight .sxModuleMainSlider .sxOnePageHeader > div h2 { margin-top: 10px;}





/*
 * Mini-Slider
 */

.mini-slider.sxStartSliderContainer .cms-start-carousel .owl-stage-outer .owl-stage .owl-item > div{
    display:inline;
}

.mini-slider.sxStartSliderContainer .cms-start-carousel .owl-item > div .sxOver .h1{
    line-height:22px;
    font-weight: normal;
}

.mini-slider.sxStartSliderContainer .cms-start-carousel .owl-item > div .sxOver{
    position:relative;
    margin: auto;
    width: 285px;
    top: initial;
    left: initial;
}

.mini-slider .owl-carousel .owl-item img{
    width: initial;
    margin:auto;
}

.mini-slider.sxStartSliderContainer .cms-start-carousel .sxStartSliderNavigation{
    bottom: initial;
    position: relative;
}

.mini-slider.sxStartSliderContainer .cms-start-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border: 1px solid white;
}

.mini-slider.sxStartSliderContainer .cms-start-carousel .owl-dots .owl-dot.active span{
    background: #d3a78a;
    border: 1px solid #d3a78a;
}

.mini-slider.sxStartSliderContainer .cms-start-carousel .sxStartSliderNavigation > span{
    display: none;
}
}

/*
 * Login-/ Registrierungsbox
 */
 
.hellgraublau-grau .loginBox { margin:0; border: 0; background: #dae8f1 !important; color:  #666666 !important; } 

.hellgraublau-grau .sxOnePageTitle { padding: 10px 0; } 

.hellgraublau-grau .sxOnePageTitle h2 { color:#666666; font-weight: bold; margin: 0; font-size: 21px; } 

.registerBox { padding: 20px 20px; } 

.loginBoxTitle, .loginBoxRightTitle, p.loginBoxRightText  { display:none; }   
  
}
  
/*
 * Datenabfrage für Auswertungen
 */

.background-image {
	float: left; 
	width: 50%; 
	height:300px;
	padding:0px;
}

.background-image .control-label {
    display : block;
    width: 100%;
	height: 100%;
}
.background-image .control-label > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.background-image .control-label > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:0px;
	width: 100%;
	height: 100%;	
	text-align: center;
	padding: 40px 0;
	font-size: 40px;
	font-weight: bold;
	color: #ccc;
	background-position-x: 50% !important;
	background-position-y: 50% !important;
	background-repeat: no-repeat !important;
}

/*
 * ======================= Abfrage Icons / Auto vs Fahrrad ========================
 */

.background-car .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
	background-image: url(/__STATIC__/static/images/self/dummy_car_an.gif);
	margin:auto;
}

.background-bike .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
    background-image: url(/__STATIC__/static/images/self/dummy_bike_an.gif);
	margin:auto;
}

.background-bike .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/static/images/self/dummy_bike.gif);
	background-color: #6daf2b;
	border: 3px solid white;

}

.background-car .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/static/images/self/dummy_car.gif);
	background-color: #6daf2b;
	border: 3px solid white;
}

/*
 * ======================= Abfrage Icons / Gemuese vs Fleisch ========================
 */


.background-gemuese .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/gemuese_an.gif);
	margin:auto;
}

.background-fleisch .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/fleisch_an.gif);
	margin:auto;
}

.background-fleisch .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/fleisch.gif);
	background-color: #6daf2b;
	border: 3px solid white;

}

.background-gemuese .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/gemuese.gif);
	background-color: #6daf2b;
	border: 3px solid white;
}

/*
 * ======================= Abfrage Icons / Angesteller vs Fuehrungskraft ========================
 */


.background-angestellter .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/angestellter_an.gif);
	margin:auto;
	padding-top: 230px;
}

.background-fuehrungskraft .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/fuehrungskraft_an.gif);
	margin:auto;
	padding-top: 230px;
}

.background-fuehrungskraft .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/fuehrungskraft.gif);
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 230px;
}

.background-angestellter .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/angestellter.gif);
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 230px;
}

/*
 * ======================= Abfrage Icons / Besinnlichkeit vs Weihnachtsstress ========================
 */


.background-besinnlich .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/besinnlich_an.gif);
	margin:auto;
	padding-top: 250px;
	font-size:30px;
}

.background-stressig .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/stressig_an.gif);
	margin:auto;
	padding-top: 250px;
	font-size:30px;
}

.background-stressig .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/stressig.gif);
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 250px;
	font-size:30px;
}

.background-besinnlich .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/besinnlich.gif);
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 250px;
	font-size:30px;
}

/*
 * ======================= Abfrage Icons / Weihnachtslieder ========================
 */


.background-cheesy .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/cheesy_an.gif);
	margin:auto;
	padding-top: 240px;
	font-size: 25px;
}

.background-classy .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/classy_an.gif);
	margin:auto;
	padding-top: 240px;
	font-size: 25px;
}

.background-classy .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/classy.gif);
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 240px;
	font-size: 25px;
}

.background-cheesy .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/cheesy.gif);
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 240px;
	font-size: 25px;
}

/*
 * ======================= Abfrage Icons / Monate ========================
 */
 
.abfrage .control-label > input + div{ /* DIV STYLES */
	border-radius: 650px;
	background-color: #0096ff;
    width: 300px;
    height: 300px;
	margin:auto;
	padding-top: 240px;
	font-size: 25px;
}

.abfrage .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-color: #6daf2b;
	border: 3px solid white;
	padding-top: 240px;
	font-size: 25px;
}

.abfrage03a .control-label > input + div, /* DIV STYLES */
.abfrage03a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_03a.png);
}

.abfrage03b .control-label > input + div, /* DIV STYLES */
.abfrage03b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_03b.png);
}

.abfrage04a .control-label > input + div, /* DIV STYLES */
.abfrage04a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_04a.png);
}

.abfrage04b .control-label > input + div, /* DIV STYLES */
.abfrage04b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_04b.png);
}

.abfrage05a .control-label > input + div, /* DIV STYLES */
.abfrage05a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_05a.png);
}

.abfrage05b .control-label > input + div, /* DIV STYLES */
.abfrage05b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_05b.png);
}

.abfrage06a .control-label > input + div, /* DIV STYLES */
.abfrage06a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_06a.png);
}

.abfrage06b .control-label > input + div, /* DIV STYLES */
.abfrage06b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_06b.png);
}

.abfrage07a .control-label > input + div, /* DIV STYLES */
.abfrage07a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_07a.png);
}

.abfrage07b .control-label > input + div, /* DIV STYLES */
.abfrage07b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_07b.png);
}

.abfrage08a .control-label > input + div, /* DIV STYLES */
.abfrage08a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_08a.png);
}

.abfrage08b .control-label > input + div, /* DIV STYLES */
.abfrage08b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_08b.png);
}

.abfrage09a .control-label > input + div, /* DIV STYLES */
.abfrage09a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_09a.png);
}

.abfrage09b .control-label > input + div, /* DIV STYLES */
.abfrage09b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_09b.png);
}

.abfrage10a .control-label > input + div, /* DIV STYLES */
.abfrage10a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_10a.png);
}

.abfrage10b .control-label > input + div, /* DIV STYLES */
.abfrage10b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_10b.png);
}

.abfrage11a .control-label > input + div, /* DIV STYLES */
.abfrage11a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_11a.png);
}

.abfrage11b .control-label > input + div, /* DIV STYLES */
.abfrage11b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_11b.png);
}

.abfrage12a .control-label > input + div, /* DIV STYLES */
.abfrage12a .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_12a.png);
}

.abfrage12b .control-label > input + div, /* DIV STYLES */
.abfrage12b .control-label > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
	background-image: url(/__STATIC__/gamification-rehm-quiz-welt/self/Quiz-Auswertung_12b.png);
}
/*
 * ======================= Abfrage Icons / Ende ========================
 */

.form-horizontal .form-group label.control-label{
	font-size: 15pt;
}

/*
 * Quiz
 */

.column-container-right .loginBox .column-container-left {
  display:none;
}

.column-container-right .loginBox .column-container-right {
  width:100%;
  padding:0px;
} 

.bootstrap-select.form-control {
  background-color:white;
  border: 1px solid #ccc;
}

.height300{
	height:300px;
}

.height350{
	height:350px;
}

.game-header .sxOnePageTitle,
.game-header_schultz .sxOnePageTitle {
	background-repeat:no-repeat;
	position:relative;
	background-position-y:15px;
}

.game-header .sxOnePageTitle {
	height: 300px;
	background-image: url('/__STATIC__/static/images/eline/self/kronen_icons_1568895031000.png');
}


.game-header_schultz .sxOnePageTitle {
	height: 350px;
	background-image: url('/__STATIC__/gamification-rehm-quiz-welt/personalamt-schultz/self/kronen_icons_comic_schultze.png');
}

.game-header h1,
.game-header_schultz h1{
	top: 175px;
	position: relative;
	background-color: transparent !important;
}

.game-header > .bg-image-container-mobile, .game-header > .bg-image-container-desktop
.game-header_schultz > .bg-image-container-mobile, .game-header > .bg-image-container-desktop{
	background-repeat: no-repeat;
	background-position-x: 1250px;
	background-position-y: 10px;
	background-size: 250px;
}

.quiz-teams label.control-label{
	margin-bottom: 40px;
	font-weight:600;
}

.quiz-teams .btn{
	margin-bottom: 40px;
	font-size:30px;
	padding:20px;
	
}

.quiz-login{
	font-size:15pt;
}

.quiz-login .panel-submit {
	margin-top:60px;
}

.quiz-login .btn {
	font-size:15pt;
}




@media (max-width: 1170px) { 
	.game-header h1,
	.game-header_schultz h1{
		left: 400px;
	}
}

@media (min-width: 1170px) {
	.game-header h1,
	.game-header_schultz h1{
		left: 400px;
	}
}

@media (max-width: 768px) { 
	.game-header h1,
	.game-header_schultz h1{
		left: 0px;
	}
}

/*
 * eLine Stories
 */
 /* Navigation */
 #eline-stories-nav .sxOnePageNavContainer .sxOnePageNav   {
     height: 30px; line-height: 30px;
     background: #f5f8f9;
}
.small-box.box div.container { padding-left: 0; padding-right: 0; } 
.small-box.box .container .sliderimage { width: 325px; max-width: 325px; }
 
a[href^="#_ftn"] {
  vertical-align:super;
  font-size: 50%;
}