/* colors */
						.csubhgold {
						  color: #D4AF37;
						}
						.csubhblue {
						  color: blue;
						}
						.csubhbluegrey {
						  color: #3C5093;
						}
						.csubhwhite {
						  color: white;
						}
						.csubhwhitegrey {
						  color: #3C5093;
						}
						.csubhgrey {
						  color: #686868;
						}
						.csubhlightgrey {
						  color: lightgrey;
						}
						.csubhorange {
						  color: #FF8300;
						}
						.csubhgreen {
						  color: #39FF14;
						}
						.csubhred {
						  color: red;
						}
/* fonts */	

						@font-face {
						  font-family: lovelo-black;
						  src: url("/fonts/Lovelo-black.woff");  
						}
						@font-face {
						  font-family: cc;
						  src: url("/fonts/cc.ttf");  
						}
						@font-face {
						  font-family: esba;
						  src: url("/fonts/esba.ttf");  
						}
						@font-face {
						  font-family: pervitina;
						  src: url("/fonts/pervitina.ttf");  
						}
						@font-face {
						  font-family: goodtime;
						  src: url("/fonts/goodtime.ttf");  
						}
						@import {
						  url('https://fonts.googleapis.com/css?family=Ruslan&display=swap');
						} 
						@import {
						  url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
						} 
						@font-face {
						  font-family: arial-black;
						  src: url("/fonts/Arial Black.ttf");  
						}
						@font-face {
						  font-family: cadogan;
						  src: url("/fonts/cadogan.otf");  
						}

/* Background */
					body {
						background-color: blue;
					}

/* all-links */	
                    a:link, a:visited {
                      text-decoration: none;
                    }
                    a:hover, a:active {
                    }

/* mailto */
                    .mailto {
                      position: absolute;
                        left: 425px;
                      top: 1910px;
                        height: 50px;
                      color: blue!important;
                      text-shadow: 1px 1px 0px transparent;
                      text-align: center;
					  font: italic 15px arial-black;
                      background-color: greenyellow;
                    }
/* mailto */
                    .mailto2 {
					  font: italic 15px arial-black!important;
                      color: blue!important;
                    }
                    .mailto2 a {
                	  font: 15px;  
                      color: blue!important;
                      text-shadow: 0px 0px 0px transparent;
                      background-color: greenyellow;

                    }
                    .contact-button {
                      color: blue!important;
                    }
/* Main */
					.wrapper-main {
					  position: fixed;
					  top: 0px;
					  left: 0px;
					  z-index: 6;

					  margin: auto;
					  width: 100%;
					  height: 100%;
					   background-color: black;	
					  overflow-x: auto;
					}
					.mainstyle {
					  position: relative;
					  z-index: 2;
						
					  margin: 0px auto 0px auto;	
					  height: 100%;
					  width: 1440px;
						background-color: ;	
					  overflow-x: hidden;
					  overflow-y: auto;
                    }

/* Logo */	
                    .logo {
                      display: block;
                      position: absolute;
                        top: -45px;
                        left: 50px;
                      width: 210px;
                      height: 200px;

                      background-image: url("../pics/logo/s4mlogo1.png");
                      background-size: contain;
                      background-position: center;
                      background-repeat: no-repeat;

                      -ms-transform: rotate(350deg); /* IE 9 */
                      transform: rotate(350deg);	

                      border-width: 0px; 
                      border-style: solid;
                      border-color: #39FF14;
                      border-radius: 0%; 
                    } 

/* Center */
					.center_header_bg {
					  padding-left: 210px;
					  width: auto;
					  height: auto;
					  overflow: hidden;
					
					  border-radius: 0px 0px 0px 0px;
					  border-style: solid;
					  border-width: 0px 0px 0px 0px;
					  border-color: #39FF14;
						
                      background: ;    
                      /*background-image: linear-gradient(blue 0%, transparent 0%, #0711be 80%);*/

					  color: blue;
                      text-align: center;
					  font: 24px arial-black;
					}
						.center_header {
							position: relative;
				            top: -40px;		
							border: 3px solid transparent;
							background-color: greenyellow;
							padding: 5px;
							border-radius: 0px;
							font-style: italic;
							
							overflow: hidden;
						}
					.top_nav_bg {
					  margin: 6px 3px;
					  text-align: center;                        
					}
				        .flip_style {
							width: 303px!important;
							-moz-box-shadow:    none!important;
							-webkit-box-shadow: none!important;
							box-shadow:  none!important;
                            background-color: transparent!important;
                            border-radius: 0px 0px 0px 0px!important;
						}
            /* Nav */
					.top_nav {
				        position: relative;
                        top: 10px;
                        left: 0px;
                        margin: auto;
				        height: 40px;
                        width: 500px;
					}
                        .top_nav div {
                            display: inline;
							top: 2px;
                            left: -1px;
                            position: relative;
                            font: italic 20px arial-black;

                            margin: auto 5px;
                            color: blue;
                            text-shadow: 1px 1px 0px transparent;
                        }
			/* Sprachauswahl */
						 .tabhs {
							cursor: pointer;
                             background-color: greenyellow;
						}
							 .tabhs:hover {
								color: #39FF14;
								text-shadow: 1px 1px 1px transparent;
							}
			/* Sprachauswahl Section */
						.tabs {
							display: none!important;
							margin: auto;
							width: 100%;
						}
							.tab-active {
								display: block!important;
							}
            /* MINMAX */    
					.minmax {
					  position: relative;
					  width: 1045px;
                      height: 240px;
					  margin: 0px 0px 0px 0px;
						
                      background-color: blue;
                      text-shadow: 1px 1px 1px #39FF14;	
					  border-radius: 50px 50px 115px 115px;
                      border: 0px solid blue;
					  overflow: hidden;
					}
						.minmaxleft {
						  width: 170px!important;
						  background-color: rgba(0,0,0,0)!important;
                          border-radius: 0px!important;
						}
						.minmaxright {
						  width: 210px!important;
						  background-color: rgba(0,0,0,0)!important;
                          border-radius: 0px!important;
						}

					.wsplits {
					  display: block!important;
					  position: absolute;
					    top: 97px;	
					  z-index: -1; 
						background-color: ;
					  height: auto;
					  width: 1400px;
					  padding: 0px 10px;
					  margin: 0px 0px 0px 0px;
					}

					.splitleft {
					  float: left;
                      background-color: ;
					}
					.splitcenter {
                      align-content: center;  
                      width: 830px;
					  background-color: ;
					  float: left;
					}
					.splitright {
					  float: right;
                      background-color: ;
					}
/* NAV */	
					.top-nav {
					  position: relative;
					  margin: 0px auto 0px auto;
					  padding-left: 15px; 
					}
/* Social */
					.social-nav {
                        position: relativ;
						top: 20px;
                        float: right;
						width: 200px;
						height: 0px;
						
						font: bold 30px cc;
						background-color: orange;
						opacity: 1;
						transition: opacity 1s;
						
						-moz-box-shadow:    0 0 10px rgba(0, 0, 0, 0.8);
						-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
						box-shadow:  0 0 10px rgba(0, 0, 0, 0.8);
						
						z-index: 3;
						
						cursor: pointer;
					}
						.social {
							float: right;
							width: 0px;
							padding: 20px;
							margin: 5px;
							background-color: greenyellow;
							border-radius: 20px;
							
							cursor: pointer;
						}
							.social:hover {
								background-color: orange;
							}
							.fb {
								background-image: url("../pics/social/fb.svg");
								background-size: cover;
							}
							.instagram {
								background-image: url("../pics/social/insta.svg");
								background-size: cover;
							}
							.twitter {
								background-image: url("../pics/social/twitter.svg");
								background-size: cover;
							}
							.linked {
								background-image: url("../pics/social/linked.svg");
								background-size: cover;
							}

/* Main Center */	
					.center_wrapper {
					  z-index: 0;
                      height: 1950px!important;
                      background-color: ;
                      text-shadow: 1px 1px 1px #39FF14;
					}
					.center-bg {
						position: absolute;
						top: 200px;
						left: 5px;
						width: 1085px;
						height: 815px;
						z-index: 1;
						
						border-width: 20px 10px 10px 10px; 
						border-style: solid;
						border-color: transparent;
						border-radius: 10px;
						
					    background-image: url("../pics/logo/s4mlogo1.png");
						background-size: cover;
						background-position: center;
						opacity: 0.05;
						
						-ms-transform: rotate(20deg)!important; /* IE 9 */
						transform: rotate(20deg)!important;
					}
			/* Introduction */        
                    .intro1 {
					  position: absolute;
                      padding: 5px;
				
					  -moz-box-shadow:    0 0 10px rgba(0, 0, 0, 0.2);
					  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
					  box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);
					  border: none;
                    }
                    /* Gemeinsame Positionierung */
                    .intro1img1,
                    .intro1img2,
                    .intro1img3,
                    .eng1,
                    .eng2,
                    .eng3 {
                      position: absolute;
                      left: 80px;
                    }

                    /* Individuelle Y-Positionierung */
                    .intro1img1, .eng1 { top: 35px; }
                    .intro1img2, .eng2 { top: 650px; }
                    .intro1img3, .eng3 { top: 1250px; }

                    /* Gemeinsame Bild-Stile */
                    .intro1img1 div,
                    .intro1img2 div,
                    .intro1img3 div,
                    .eng1 div,
                    .eng2 div,
                    .eng3 div {
                      width: 800px;
                      height: 600px;
                      background-size: contain;
                      background-repeat: no-repeat;
                      background-position: center;
                    }

                    /* Deutsche Version */
                    .intro1img1 div {
                      background-image: url("../pics/intro/de1.png");
                    }
                    .intro1img2 div {
                      background-image: url("../pics/intro/de2.png");
                    }
                    .intro1img3 div {
                      background-image: url("../pics/intro/de3.png");
                    }

                    /* Englische Version */
                    .eng1 div {
                      background-image: url("../pics/intro/eng1.png");
                    }
                    .eng2 div {
                      background-image: url("../pics/intro/eng2.png");
                    }
                    .eng3 div {
                      background-image: url("../pics/intro/eng3.png");
                    }
/* Mobile */	
    /* TOP */	
						.mobile-all {
							position: fixed;
							  top: 0px;
							  left: 0px;
							width: 100%;
							height: 100%;
							overflow: none;
							background: url("../pics/bg/camera.jpg");
							background-size: cover;
							background-position: center;	
							background-repeat: no-repeat;
						}
						.top-nav-mobile {
							position: absolute;
								top: -5px;
								right: 0px;
							z-index: 3;
						}
					.mobile-content {
						position: absolute;
                        overflow: scroll;
							top: 70px;
						width: 100%;
						height: 100%;
                        margin: auto;                        
						background-color: ;	
					}
    /* Mobile */
                        .mobile_intro {
                            height: auto;
                            width: auto;
                            margin: auto;
                            background-color: none;
                        }
						.mobile_frame {
                            position: relative;
                            display: block;
                            width: 1000px;
                            max-width: 100%;
                            height: auto;
                            margin: auto;
                            padding: 0px 0px 0px 0px;

							background-color: ;
                            
							border-radius: 0px 0px 0px 0px; 
							border-width: 0px 0px 0px 0px; 
							border-style: solid;
							border-color: black; 
							
							-moz-box-shadow:    0 0 10px rgba(71,71,71,0.00);
							-webkit-box-shadow: 0 0 10px rgba(71,71,71,0.00);
							box-shadow:  0 0 10px rgba(71,71,71,0.0);
				        }
                                .mobile_frame div {                            
                                    padding: 0px 0px 0px 0px;
                                    margin: 0px 0px 20px 0px;
                                    border: 0px solid darkblue;
                                    background-color: darkorange;
                                    
                                    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
                                    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
                                    box-shadow:  inset 0 0 10px rgba(0, 0, 0, 0.4);

                                    border-radius: 65px 65px 65px 65px;                                    
                                    
                                    text-align: center;
							        text-shadow: 0.5px 0.5px 0.5px black;
							        color: black;
                                }
                                      @media screen and (max-width: 700px) {
                                          .mobile_frame div {
                                              font-size: 20px;
                                          }
                                      }
                                .mobile_frame2 div {   
                                    font: italic 20px arial;
                                    color: darkorange;
                                    height: auto;
                                    width: 280px;
                                    margin: auto;
                                    margin-bottom: 220px;
                                    text-shadow: 1px 1px 1px blue;
                                    
                                    -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.4);
                                    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.4);
                                    box-shadow:  inset 0 0 0px rgba(0, 0, 0, 0.4);
                                    
                                    background-color: transparent;
                                }
                        img {
                            height: auto;
                            width: 100%;
                            max-width: 1000px;
                            margin: auto;
                            padding-bottom: 0px;
                        }

/* sports and digital-news */
		/* rss-feeds */
				/* header */
					.sports-news {
						margin: 15px 0px 0px 0px!important;
						width: 200px!important;
						border-radius: 10px 10px;
						background-color: ;
						overflow: hidden;
					}
					.wfeedsubh {
						margin: 50px 0px 0px 0px;
					}
					.feedsubh {
					    margin: 0px 0px 0px 10px;	
					    padding: 0px 0px 0px 0px;
					
					    width: 150px;
					    height: 190px;
						
					    border-width: 0px;
						border-radius: 10px;
					    border-style: solid;
					    border-color: blue;
						
					    -moz-box-shadow:    0 0 10px rgba(0, 0, 0, 0.8);
					    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
					    box-shadow:  0 0 10px rgba(0, 0, 0, 0.8);
					}
						.feedsubh-digital {
						    margin: 0px 120px 0px 32px!important;	
						}
				/* feed */
					.w-feed {
					    margin: 10px 0px 0px 5px;
					    width: 170px;
                        padding: 0% 0%;
						
					    border-width: 0px 0px 0px 0px;
					    border-style: solid;
					    border-color: blue;
					    border-radius: 0px 0px 0px 0px;
						
						
					    overflow: hidden;
						
					    -moz-box-shadow:    0 0 5px rgba(0, 0, 0, 0.5);
					    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
					    box-shadow:  0 0 5px rgba(0, 0, 0, 0.5);
					}
						.w-feed-digital {
							margin: 10px 0px 0px 25px!important;
					  		width: 171px!important;
						}
					
					.feed {
						margin: auto;
                        padding: 0px 0px 0px 0px;
						height: auto;
						width: auto;
						overflow: auto;				
						
						border-width: 0px 0px 0px 0px; 
						border-style: ;
						border-color: blue;
						border-radius: 0px;
					}
						.feed-digital {
						}
					.feed-bg {
						position: absolute;
							top: 235px;
							left: 5px;
						width: 171px;
						height: 450px;
						z-index: -1;
												
						border-width: 6220px 0px 0px 0px; 
						border-style: solid;
						border-color: transparent;
						border-radius: 0px;
						
						opacity: 1;
						filter: blur(0px);
						WebkitFilter: blur(0px);
					}
						.feed-bg-digital {
							top: 235px!important;
							left: 25px!important;
							width: 171px!important;
							border-radius: 0px!important;
							
							-webkit-transform: scaleX(-1)!important;
							transform: scaleX(-1)!important;
						}
						.feed iframe {
							margin: 0px 0px 0px 0px;
							width: 170px;
							height: 2000px;
							
							background-color:;
							
							overflow: hidden;
						}
						.feed-digital iframe {
							width: 171px;
							margin: 0px 0px 0px 0px!important;
						}