.main-section .container {
    background: #E2EDEF url("bg_hellblau.png") repeat-y;
    background-size: 231px auto;
}


header h1.element-header {
	background: #00a4cc;
	display: block;
	width: 100%;
	padding: 15px;
	color: #fff;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	margin-top: -15px;
}

.navbar-logo-addition {
    width: 100%;
    background: #00a4cc;
    position: fixed;
    right: 0;
    top: 0;
    color: #fff;
    padding-top: 5px;
    z-index: 100;
}

header h1.element-header { color: #fff; }

h2, h3, h4, a { color: #00a4cc; }
h3.seminare, #mainSiteMenu li a, #mainSiteMenu li ul li a { color: #000; }


hr.seminare { 
    height: 80px; 
    background: transparent url("bg_hr_hellblau.png") no-repeat;
    background-position: 230px bottom;
    border-top: 0;

}


.panel li { 
    border: 2px solid #000;
    color: #fff;
    background-color: #03A4CC;
}

.panel li a {
    color: #fff;
}



/*
****************************************************************
** SMALL DEVICES **
****************************************************************
*/


@media (max-device-width: 768px) {

	.main-section .container {
	    background: #E2EDEF;
	    background-size: auto auto;
	}

	#c3370 { 
	    background: #00a4cc url("jbw_back_hellblau_smartphone.png") no-repeat; 
	    background-position: right bottom;
	    background-size: auto 100%;
	    padding: 25px 25px 40px 25px; 
	    border-top-left-radius: 15px;
	    border: 3px solid #fff;
	    height: 400px;
	}

	#c3370 h2 { margin-bottom: 100px; font-size: 30px; font-weight: bold; color: #000; text-shadow: 0 0 #999999, 0 0 #999999, 0 0 #999999, 0 0 #999999; }
	#c3370 h3 { margin-left: 50px; font-size: 24px; font-weight: 400; color: #000; text-shadow: 0 0 #333, 0 0 #333, 0 0 #333, 0 0 #333; }
	#c3370 a { color: #000;  }

	hr.seminare { 
	    height: 80px; 
	    background: transparent ;
	    background-position: 230px bottom;
	    border-top: 0;

	}

}