/* CSS Document */



/* BOF ICONS MAINPAGE */
	/* bof allgem.: */
#disciplines h2 {line-height: 1;}
#disciplines .logo { margin: 2% 37% 1% 40%; padding-top: 14%;}
#disciplines ul.cb {margin: 4vh 22%;}
#disciplines ul.cb li{width: 15%; padding-top: 15%;}
	/* eof allgem. */

	/* bof responsive: */
@media screen and (max-width: 600px){
	#disciplines .logo { margin: 13% 32% 1% 37%; padding-top: 30%; width: 36%;}
	#disciplines h2 {margin:3vh 0; font-size: 5em;}
	#disciplines ul.cb {margin: 6vh 15%;}
	#disciplines ul.cb li{width: 30%; padding-top: 30%;}
}
@media screen and (max-width: 450px){
	#disciplines h2 {font-size: 4em;}
	.slick-dots li{margin: 0 5px;}
	.slick-dots li,	.slick-dots li button{width: 16px;}
}
@media only screen and (max-device-width: 400px) and (min-device-width: 320px){
	#disciplines .logo {margin: 2% 37% 2% 40%; padding-top: 36%;}
	#disciplines ul.cb {margin: 4vh 4vw 0 4vw;}
	#disciplines ul.cb li {    width: 26%;    padding: 26% 0 0 0;    margin: 2% 2% 2% 0;}
}
	/* eof responsive */

	/* NORMAL: */
	/* new image and reset old individual sizes for SVG ins styles.css: */
#disciplines ul li.cycling {		background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/cycling_color.png");}
#disciplines ul li.athletics {		background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/athletics_color.png");}
#disciplines ul li.triathlon {		background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/triathlon_color.png");}
#disciplines ul li.rowing {			background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/rowing_color.png");}
#disciplines ul li.gymnastics {		background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/gymnastics_color.png");}
#disciplines ul li.beachvolleyball{	background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/beachvolleyball_color.png");}
#disciplines ul li.canoesprint {	background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/canoesprint_color.png");}
#disciplines ul li.sportclimbing {	background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/sportclimbing_color.png");}
#disciplines ul li.tabletennis {	background-size: 60%; background-position: center center;	background-image: url("../img/discip/color/tabletennis_color.png");}

	/* HOVER: just overide old hover-images: */
#disciplines ul li.cycling:hover {		background-image: url("../img/discip/color/cycling_grey.png");}
#disciplines ul li.athletics:hover {	background-image: url("../img/discip/color/athletics_grey.png");}
#disciplines ul li.triathlon:hover {	background-image: url("../img/discip/color/triathlon_grey.png");}
#disciplines ul li.rowing:hover {		background-image: url("../img/discip/color/rowing_grey.png");}
#disciplines ul li.gymnastics:hover {	background-image: url("../img/discip/color/gymnastics_grey.png");}

#disciplines ul li.beachvolleyball:hover {	background-image: url("../img/discip/color/beachvolleyball_grey.png");}
#disciplines ul li.canoesprint:hover {		background-image: url("../img/discip/color/canoesprint_grey.png");}
#disciplines ul li.sportclimbing:hover {	background-image: url("../img/discip/color/sportclimbing_grey.png");}
#disciplines ul li.tabletennis:hover {		background-image: url("../img/discip/color/tabletennis_grey.png");}
	
#disciplines ul.cb li:hover {  background-size: 70%;}


	/* ACTIVE: overide old active-bg-colors and images: */
#disciplines ul li.cycling:active {		background-image: url("../img/discip/color/cycling_grey.png");}
#disciplines ul li.athletics:active {	background-image: url("../img/discip/color/athletics_grey.png");}
#disciplines ul li.triathlon:active {	background-image: url("../img/discip/color/triathlon_grey.png");}
#disciplines ul li.rowing:active {		background-image: url("../img/discip/color/rowing_grey.png");}
#disciplines ul li.gymnastics:active {	background-image: url("../img/discip/color/gymnastics_grey.png");}

#disciplines ul li.beachvolleyball:active {	background-color: #ef784e;	background-image: url("../img/discip/color/beachvolleyball_grey.png");}
#disciplines ul li.canoesprint:active {		background-color: #b9ce00;	background-image: url("../img/discip/color/canoesprint_grey.png");}
#disciplines ul li.sportclimbing:active {	background-color: #e71e73;	background-image: url("../img/discip/color/sportclimbing_grey.png");}
#disciplines ul li.tabletennis:active {		background-color: #1d70b8;	background-image: url("../img/discip/color/tabletennis_grey.png");}

/* EOF ICONS MAINPAGE */




/* BOF ICONS SUB-PAGES */
	/* bof allgem. */
.hpanel .copy {padding: 3vh 15vw;}
#disciplines ul.subnav {padding-top: 0;}
h2.rotated span{white-space: nowrap;}

#disciplines ul.subnav li {	width: 10%;	padding: 5% 0; 	background-size: 65%; position: relative;}
#disciplines ul.subnav li:hover{background-size: 80%;}
#disciplines ul.subnav li.active{background-size: contain;}
/*
#disciplines ul.subnav li.active{background-color:#f5f5f5; border-radius: 50%;}
*/


#disciplines ul.subnav li span{display: block; position: absolute; width: 100%; top: 90%; white-space: nowrap;}
	/* eof allgem. */

	/* bof responsive: */
@media screen and (max-width: 980px){
	#disciplines ul.subnav li span{font-size: 9px;}
}
@media screen and (max-width: 600px){
	#disciplines ul.subnav li.active { width: 50%;   padding: 50% 0 0 0; margin-left: 25%;}
	#disciplines ul.subnav li.active span{font-size: 2em; top: 90%;}
}
	/* eof responsive */

	/* NORMAL: */
#disciplines ul.subnav li.sub_cycling {		background-image: url("../img/discip/color/cycling_grey.png");}
#disciplines ul.subnav li.sub_athletics {	background-image: url("../img/discip/color/athletics_grey.png");}
#disciplines ul.subnav li.sub_triathlon {	background-image: url("../img/discip/color/triathlon_grey.png");}
#disciplines ul.subnav li.sub_rowing {		background-image: url("../img/discip/color/rowing_grey.png");}
#disciplines ul.subnav li.sub_gymnastics {  background-image: url("../img/discip/color/gymnastics_grey.png");}
#disciplines ul.subnav li.sub_beachvolleyball { background-image: url("../img/discip/color/beachvolleyball_grey.png");}
#disciplines ul.subnav li.sub_canoesprint {  	background-image: url("../img/discip/color/canoesprint_grey.png");}
#disciplines ul.subnav li.sub_sportclimbing {  	background-image: url("../img/discip/color/sportclimbing_grey.png");}
#disciplines ul.subnav li.sub_tabletennis {  	background-image: url("../img/discip/color/tabletennis_grey.png");}
	/* eof new */

	/* HOVER: just overide old hover-images: */
#disciplines ul.subnav li.sub_cycling:hover {  	background-image: url("../img/discip/color/cycling_color.png");}
#disciplines ul.subnav li.sub_athletics:hover { background-image: url("../img/discip/color/athletics_color.png");}
#disciplines ul.subnav li.sub_triathlon:hover { background-image: url("../img/discip/color/triathlon_color.png");background-position: center center;}
#disciplines ul.subnav li.sub_rowing:hover {  	background-image: url("../img/discip/color/rowing_color.png");}
#disciplines ul.subnav li.sub_gymnastics:hover {background-image: url("../img/discip/color/gymnastics_color.png");}
#disciplines ul.subnav li.sub_beachvolleyball:hover {  	background-image: url("../img/discip/color/beachvolleyball_color.png");}
#disciplines ul.subnav li.sub_canoesprint:hover {  		background-image: url("../img/discip/color/canoesprint_color.png");}
#disciplines ul.subnav li.sub_sportclimbing:hover {  	background-image: url("../img/discip/color/sportclimbing_color.png");}
#disciplines ul.subnav li.sub_tabletennis:hover {  		background-image: url("../img/discip/color/tabletennis_color.png");}

	/* ACTIVE: just overide old images: */
#disciplines ul.subnav li.sub_cycling.active {  background-image: url("../img/discip/color/cycling_color.png");}
#disciplines ul.subnav li.sub_athletics.active {background-image: url("../img/discip/color/athletics_color.png");}
#disciplines ul.subnav li.sub_triathlon.active {background-image: url("../img/discip/color/triathlon_color.png");}
#disciplines ul.subnav li.sub_rowing.active {  	background-image: url("../img/discip/color/rowing_color.png");}
#disciplines ul.subnav li.sub_gymnastics.active {		background-image: url("../img/discip/color/gymnastics_color.png");}
#disciplines ul.subnav li.sub_beachvolleyball.active {  background-image: url("../img/discip/color/beachvolleyball_color.png");}
#disciplines ul.subnav li.sub_canoesprint.active {  	background-image: url("../img/discip/color/canoesprint_color.png");}
#disciplines ul.subnav li.sub_sportclimbing.active { 	background-image: url("../img/discip/color/sportclimbing_color.png");}
#disciplines ul.subnav li.sub_tabletennis.active {  	background-image: url("../img/discip/color/tabletennis_color.png");}
/* EOF ICONS SUB-PAGES */


/* BOF  TOP+BOTTOM-BORDERS PANELS AND HEADLINE: just override old-colors: */
/*
.hpanel.h_cycling {  	border-color: #1c0e52;}
.hpanel.h_athletics { 	border-color: #1c0e52;}
.hpanel.h_triathlon {  	border-color: #1c0e52;}
.hpanel.h_rowing {  	border-color: #1c0e52;}
.hpanel.h_gymnastics {  border-color: #1c0e52;}

.hpanel.h_cycling h2.rotated span {  	color: #64c3d5;}
.hpanel.h_athletics h2.rotated span {  	color: #64c3d5;}
.hpanel.h_triathlon h2.rotated span {  	color: #64c3d5;}
.hpanel.h_rowing h2.rotated span {  	color: #64c3d5;}
.hpanel.h_gymnastics h2.rotated span {  color: #64c3d5;}
*/

/* BOF neue Farben: */
.hpanel.h_beachvolleyball{ 	border-color: #ef784e;}
.hpanel.h_canoesprint{  	border-color: #b9ce00;}
.hpanel.h_sportclimbing{  	border-color: #e71e73;}
.hpanel.h_tabletennis{  	border-color: #1d70b8;}

.hpanel.h_beachvolleyball h2.rotated span { color: #ef784e;}
.hpanel.h_canoesprint h2.rotated span {  	color: #b9ce00;}
.hpanel.h_sportclimbing h2.rotated span {  	color: #e71e73;}
.hpanel.h_tabletennis h2.rotated span {  	color: #1d70b8;}
/* EOF neue Farben */
/* EOF BORDER TOP+BOTTOM PANELS */

/* BOF MAX IMG WIDTH IN PANELS */
.hpanel .copy p{margin:10px 0; width: 100%;}
/*
.hpanel .copy img.big {width: 33%;}
.hpanel .copy img.small {width: 18%; margin-bottom: 0;}
*/


/* BOF RESTORE RESPONSIVE: */
@media screen and (max-width: 600px) {
	.hpanel .copy p{margin:2vh 0;}
	.hpanel .copy img.big,
	.hpanel .copy img.small,
	.hpanel.h_cycling .copy img.big, 
	.hpanel.h_cycling .copy img.small{width: 100%;}

	.hpanel .copy img.left,
	.hpanel .copy img.right {margin: 0 0 1vh 0;  }
}
/* EOF RESTORE RESPONSIVE */

/* BOF MAP in DE+EN neu: */
#map{ height: auto; min-height: auto; padding-top: 65%;}
body.de #map{ background-image: url("../img/ec2022_map_oct_de.jpg");}
body.en #map{ background-image: url("../img/ec2022_map_oct_en.jpg");}
/* EOF MAP in DE+EN neu */

/* BOF MEDIA: */
#press .content td a{color:#64c3d5; white-space: nowrap;}
/* EOF MEDIA */
