#dnn_content {
  padding-bottom: 0;
  margin-bottom: -18px;
}

body {
  line-height: 1.2em;
}

.LogoMenuBox {
  width: 100%;
}
.LogoMenuBox .head_mid {
  padding: 0;
}
.HeadRight {
  position: relative;
  float: none;
  text-align: center;
  background: #e6007e;
  padding: 55px 0;
}
.headerBox .HeaderPaneB  {
    background: #e6007e;
	padding: 50px;
  display: block;
}
.headerBox .HeaderPaneB > div {
    display: block;
}
.HeadRight .Login {
  position: absolute;
  top: 0;
  right: 20px;
}
.HeadRight .Login .sep {
  display: none;
}

.Login a, .Login a:link, .Login a:active, .Login a:visited {
  color: #fff;
}

.header h1 {
  font-size: 80px;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 24px;
  font-family: 'museo-sans-rounded', sans;
  font-weight: 500;
}


.roll_menu .pulldownsearch {
  display: none;
}

.roll_menu nav {
  float: none;
  text-align: center;
}

.roll_menu nav a {
  color: #009fe3 !important;
}

.roll_menu nav a:hover,
.roll_menu nav .current a {
  color: #e6007e !important;
}

.roll_menu nav a span {
  color: inherit !important;
}


.intro-text {
	color: #e6007e;
	font-size: 14px;
	line-height: 24px;
	max-width: 600px;
	margin: 80px auto;
	text-align: center;
	font-weight: bold;
}

.intro-text.with-bg {
  max-width: 948px;
  background: url(/Portals/68/images/bg-flashmob.png) center center no-repeat;
}

.intro-text.with-bg.with-bg2 {
  background: url(/Portals/68/images/bg-intro2.png) bottom left no-repeat;
  max-width: 900px;
  padding-bottom: 30px;
}

.intro-text.with-bg p {
   max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

hr {
	border: none;
	background: url(/Portals/68/Images/hr.png?ver=2018-07-05-090914-647);
	background-size: 212px 3px;
	display: block;
	width: 100%;
	max-width: 212px;
	height: 3px;
	margin: auto;
}

.flyer {
  text-align: center;
  padding: 100px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.flyer1 {
  background: url(/Portals/68/Images/bg-flyer1.png) center center no-repeat;
  margin-top: -50px;
}

.flyer2 {
  background: url(/Portals/68/Images/bg-flyer2.png) center center no-repeat;
}

.flyer3 {
  background: url(/Portals/68/Images/bg-flyer3.png) 110px center no-repeat;
}

.flyer4 {
  background: url(/Portals/68/Images/bg-flyer4.png) left center no-repeat;
}

.flyer h3 {
  color: #009fe3;
  font-size: 18px;
  line-height: 21.6px;
  font-family: 'museo-sans-rounded', sans;
  font-weight: 700;
}

.flyer hr {
  margin: 12px auto;
}
.flyer p.h3 {
  font-family: 'museo-sans-rounded', sans;
  font-weight: 700;
}
.flyer p {
  font-size: 14px;
  color: #009fe3;
  font-weight: bold;
}

.flyer .links {
  margin-top: 14px;
}

.flyer .links a {
  display: inline-block;
  color: #fff;
  line-height: 42px;
  font-size: 14px;
  margin: 0 10px;
  position: relative;
}

.flyer .links a span {
  display: block;
  background: #009fe3;
  border-radius: 100px;
  width: 42px;
  height: 42px;
  position: relative;
  z-index: 1;
}
.flyer .links a:hover {
  text-decoration: none;
}
.flyer .links a:hover span {
  background: #e6007e !important;
  color: #fff !important;
}

.flyer .links a:before {
  content: '';
  display: inline-block;
  width: 42px;
  height: 42px;
  background: #f6f6f6;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100px;
}

.flyer .links a:nth-of-type(1):before {
  top: -5px;
  left: -10px;
}
.flyer .links a:nth-of-type(2):before {
  top: 10px;
  left: -10px;
}
.flyer .links a:nth-of-type(3):before {
  left: 10px;
}

.flyer5 {
  background: #d4edfc url(/Portals/68/Images/bg-brochure.png) center center no-repeat;
  max-width: none;
}

.flyer5 .links a span  {
  background: #fff;
  color: #009fe3;
}
.flyer5 .links a:nth-of-type(1):before  {
  top: 0;
  left: 15px;
  background: #acddf8;
}

.zu-den-ubungen {
  background: #d4edfc;
  margin-top: -50px;
  padding-bottom: 100px;
  text-align: center;
}

.zu-den-ubungen a {
	background: url(/Portals/68/Images/bg-button.png) no-repeat;
  	background-size: 272px 69px !important;
	display: block;
	width: 272px;
	height: 69px;
	line-height: 60px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	color: #fff;
	letter-spacing: 4px;
  	position: relative;
	left: 5px;
  	font-family: 'museo-sans-rounded', sans;
	font-weight: 700;
}
.zu-den-ubungen a:hover {
  background: url(/Portals/68/Images/bg-button-hover.png) no-repeat;
  text-decoration: none;
}

.lied {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 150px;
}

.lied-icon {
  float: left;
  margin-right: 80px;
}
.lied-icon:hover {
  text-decoration: none;
}
.img-hover {
  position: relative;
  left: -16px;
}
.img-hover img.hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.lied-icon:hover .img-hover img.hover,
.img-hover:hover img.hover {
  opacity: 1;
}

.lied-icon p {
  color: #e6007e;
  font-size: 18px;
  text-align: center;
  line-height: 1.2em;
  margin-top: 12px;
  font-family: 'museo-sans-rounded', sans;
  font-weight: 700;
}

.lied .text {
  color: #009fe3;
  font-size: 14px;
  line-height: 24px;
  margin: 16px 0;
  font-weight: bold;
}


.icons {
  text-align: center;
  margin-bottom: 28px;
}

.icons a {
  display: inline-block;
  margin: 0 12px;
}


.Footer_Bottombg {
  background: #e6007e;
  padding: 0;
}

.copyright_style {
  float: none;
  text-align: center;
  color: #fff;
  padding: 18px 0;
  font-size: 12px;
}

.copyright_style a {
  color: #fff !important;
  font-size: 12px !important;
}

#to_top {
  background: #e6007e url(/Portals/68/Images/top.png) center center no-repeat;
  background-size: 32px auto;
  bottom: 6px;
}

#to_top:hover {
  background-color: #009fe3;
}

.video {
	max-width: 890px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}

.iframe {
  width: 870px;
  height: 489px;
  margin: auto;
  position: relative;
}

.video .iframe {
  width: 433px;
  height: 244px;
}

.video .iframe:after {
	content: '';
	background: url(/Portals/68/Images/bg-video.png) bottom right;
	background-size: 100% 100%;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 15px;
	left: 15px;
}

.video .iframe iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.video h3 {
  color: #009fe3;
  font-size: 18px;
  font-family: 'museo-sans-rounded', sans;
  font-weight: 700;
  margin: 35px 0;
}

.video1 {
  background: url(/Portals/68/Images/bg-video-1.png) center center no-repeat;
}

.video2 {
  background: url(/Portals/68/Images/bg-video-2.png) center center no-repeat;
}

.video3 {
  background: url(/Portals/68/Images/bg-video-3.png) center center no-repeat;
}

.video4 {
  background: url(/Portals/68/Images/bg-video-4.png) center center no-repeat;
}

.video5 {
  background: url(/Portals/68/Images/bg-video-5.png) center center no-repeat;
}

.video6 {
  background: url(/Portals/68/Images/bg-video-6.png) center center no-repeat;
}

.video6 hr {
  display: none;
}

.video7 {
  max-width: none;
  background: #d4edfc;
  padding: 130px 0;
}

.video7 .iframe:before {
  content: url(/Portals/68/Images/bg-video-7.png);
  position: absolute;
  top: -30px;
  right: 100%;
  margin-right: 75px;
}

.video7 .iframe:after {
  display: none;
}

.video7 h3 {
  margin-bottom: 0;
}


.flashmob {
  padding-bottom: 100px;
}

.ubungen {
  text-align: center;
  max-width: 1002px;
  margin-left: auto;
  margin-right: auto;
  background: url(/Portals/68/Images/bg-ubungen.png) center center no-repeat;
}

.ubungen .wrapper {
  	max-width: 669px;
	margin-left: auto;
	margin-right: auto;
}

a.ubung {
  display: inline-block;
  width: 170px;
  height: 156px;
  vertical-align: top;
  margin: 0 25px 36px;
  position: relative;
  color: #fff;
}

a.ubung span {
  display: inline-block;
  width: 170px;
  height: 156px;
  background: #009fe3;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}


a.ubung:hover span {
  background: #e6007e;
}

a.ubung:after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 7px;
  left: 7px;
  background: url(/Portals/68/Images/bg-ubung.png) center center no-repeat;
  background-size: 100% 100%;
}

a.ubung h3 {
  font-size: 18px;
  font-family: 'museo-sans-rounded', sans;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  margin-top: 12px;
  letter-spacing: 4px;
}

a.ubung p {
  font-family: 'museo-sans-rounded', sans;
  font-size: 18px;
  position: absolute;
  right: 0;
  left: 0;
  line-height: 1.2em;
  top: 83px;
  top: calc(50%   6px);
  transform: translateY(-50%);
  text-decoration: underline;
}

@media only screen and (max-width: 979px) {
  .dnn_layoutB {
    width: 100%;
  }
  
  .iframe {
    width: 600px;
    height: 338px;
  }
  
  iframe {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 800px) {
  .video {
    background: none;
  }
  
  .video.video7 {
    background: #d4edfc;
	padding: 50px 0;
	margin-bottom: -22px;
  }
  
  .video7 .iframe:before {
    display: none;
  }
  
  .Footer_Contentbg {
    display: none;
  }
}

@media (max-width: 767px) {
  #dnn_wrapper {
    
  }
  .searchBox2 {
    display: none;
  }
  
  #mobile_menu {
    padding-top: 0;
    border-top: 0;
  }
  
  #dnn_wrapper > .wrapper > .hidden-xs {
    display: block !important;
  }
  .roll_menu {
    display: none;
  }
  .phoneHeadTop {
    position: absolute;
	top: 0;
	right: 0;
	background: none;
	border-bottom: none;
  }
  
  .phoneHeadBottom {
	display: none;
  }
  
  .Login a, .Login a:link, .Login a:active, .Login a:visited {
    position: relative;
	right: 50px;
  }
  
  .switchOpen:before {
    color: #fff;
  }
  
  .lied {
    text-align: center;
  }
  
  .lied-icon {
    float: none;
	text-align: center;
	display: inline-block;
    margin-right: 0;
  }
  
  .lied .text {
    text-align: left;
	padding: 0 20px;
  }
  
  .copyright_style .sep {
    display: block;
	height: 4px;
	font-size: 0;
  }
  
  .intro-text {
    padding-left: 20px;
    padding-right: 20px;
    background: none;
  }
  
  .multi_menu > ul > li.current {
    background-color: #e6007e;
	border: 1px solid #e6007e;
  }
}
@media (max-width: 700px) {
  .iframe {
    width: 400px;
    height: 225px;
  }
}

@media (max-width: 650px) {
  .header h1 {
    font-size: 50px;
  }
  
  .header p img {
    max-width: 200px !important;
  }
  
  .flyer {
    background: none !important;
    padding: 35px 0;
  }
  .flyer.flyer5 {
    background: #d4edfc !important;
  }
  
  .zu-den-ubungen {
    margin-top: 0;
  }
}

@media (max-width: 550px) {
  .video .iframe {
    width: 250px;
	height: 141px;
  }
  
  .iframe {
    width: 200px;
    height: 113px;
  }
}

@media (max-width: 450px) {
  .header h1 {
    font-size: 30px;
  }
  
  .header p img {
    max-width: 120px !important;
  }
  
  .icons a {
    display: block;
	margin: 12px 0;
  }
}

.copyright_style {
  display: none;
}