.tabs .tab-nav li {
  display: table-cell;
}
.tab-content {
  max-width: 52em;
}

.tab-content > div {
  margin-top: 1em;
}

h1 {
  font-size: 2.25em;
}
.stage h1 {
  font-size: 3em;
}
.studios h1,
.search h1 {
  font-size: 1.85em;
  font-weight: 400;
}
.sekHeadline,
.dashboard h1 {
  font-size: 1.5em;
}

.arrow-ul li {
  float: left;
  width: 38%;
}
.main .arrow-ul li,
.stage .arrow-ul li {
  width: 50%;
}

.square-ul li {
  float: left;
  width: 30%;
}
.kursplan.square-ul li {
  width: 49%;
}
.square-ul.block li {
  float: none;
  width: 100%;
}


body > div {
  width: 95%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
body .head {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  display: table;
  padding: 24px 2%;
 // width: 100%;
 // max-width: none;
    width: 95%;
    max-width: 1600px;
    margin: 0 auto;
}

.dashboard .head,
.studios .head,
.register .head .logo {
  padding-top: 4em;
}

body.home > div {
  width: 100%;
  max-width: none;
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}

.csc-textpic, div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

body.home > .stage {
  width: 100%;
  max-width: none;
  overflow: hidden;
}



.home .stage .container {
  padding: 0;
}

.cont-white > div,
.box_head, .box_main {
  padding: 0;
}

.cont-white .fullcontainer,
.fullcontainer,
.container,
.form-container {
  width: 100%;
  padding: 3em 2%;
  margin-bottom: 0;
}

.dashboard .fullcontainer {
  padding: 0 15px;
}

.studios .cont-white {
  margin-bottom: 10px;
}

.studios .cont-white > .container {
  padding: 2em 2%;
}

.dashboard .container,
.dashboard .form-container {
  padding: 1.25em 20px;
  position: relative;
  overflow: hidden;
}

.ggd_rightbox { position: relative; }

.ggd_rightbox > div {
  padding: 1em 20px 1em 10px;
  margin-bottom: 1px;
}

.ggd_rightbox.ggd_hurde > div {
  margin-bottom: 0;
}


.head .fullcontainer,
.fullcontainer > div,
.container, .form-container {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}
.footer .fullcontainer > div { max-width: 1160px; }
.fullcontainer > .login {
  width: 400px;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    padding: 0;
    font-size: 125%;
}
.login { padding-top: 4em; }

.register .login,
.dashboard .login,
.studios .login { padding-top: .75em;}

.login a {
  display: inline-block;
}

.head > .fullcontainer > div.logo { max-width: 160px; }

.register .head > .fullcontainer .logo,
.studios .head > .fullcontainer .logo,
.dashboard .head > .fullcontainer .logo {
  max-width: 250px;
}

.ggd_rightbox, .form-container {
  margin-top: 10px;
}

.main .fullcontainer {
  padding-top:5em;
  padding-bottom: 5em;
  margin: 10px 0;
}

.no-spacing {
  margin-top: -1px;
}

.main .no-spacing .fullcontainer,
.main .no-spacing .fullcontainer > div {
  max-width: none;
  padding: 0;
}

.studios .main {
  position: relative;
  z-index: 10;
  margin-top: -60px;
}

.head .fullcontainer,
.map .fullcontainer {
  padding: 0;
}

.map .fullcontainer > div {
  max-width: 1600px;
  margin-top: -10px;
}


.stage.studiodetail .cont-white > .fullcontainer {
  padding: 4em 2% 1em;
  position: relative;
}

.stage:after {
  clear:both;
  display: block;
  height: 0;
  content: ' ';
}


.copyright {
	float: left;
   // max-width: 30%;
}

.navfoot {
  float: right;
  margin-left:-100%;
}

.footer .fullcontainer > .fb-like {
  float: left;
  width: 20%;
  text-align: center;
}

.footer .fullcontainer > div + div + div {
  position: relative;
}

.footer .fullcontainer > div + div + div > .fblike {
  //display:none;
  width: 29px;
  position: absolute;
  right: -29px;
  top: -6px;
}

/* REFORM ************************ */

.form-submit { margin-left: 200px; }

.form-fields .form-field > *:first-child {
  width: 225px;
  padding-right: 10px;
}

.form-field .three-row > span {
  width: 33.333%;
  float:left;
  margin-bottom: 1em;
}

.form-field.select-field label {
  padding: 1em 0 .65em;
}


.dashboard .form-fields {
  z-index: 2;
  position: relative;
}

/* columns */

.columns {
  overflow: auto;
}
.columns-1-1,
.columns-1-1-1,
.columns-1-2,
.columns-2-1,
.columns-1-2-1,
.columns-1-1-1-1,
.columns-teaser-left,
.dashboard .main, .dashboard-cols {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 auto;
}

.columns-teaser-left,
.columns-teaser-left > div:first-child,
.columns-teaser-left > div:first-child > div {
  height: 100%;
}
.columns-teaser-left > div > div {
  background-position: center top !important;
}


.columns-1-1 > div,
.columns-1-1-1 > div,
.columns-1-1-1-1 > div,
.columns-1-2 > div,
.columns-2-1 > div,
.columns-1-2-1 > div,
.columns-teaser-left > div,
.dashboard > .main > div,
.dashboard-cols > div {
  display: table-cell;
  vertical-align: middle;
}

.centered .columns-1-1-1-1 > div {
  vertical-align: top;
  padding-left: 1em;
}

.columns-teaser-left > div,
.dashboard > .main > div { vertical-align: top; }

.dashboard > .main > div { width: 15%;}
.dashboard > .main > div + div { width: 85%;}

.columns-1-1 > div { width: 50%; }
.columns-1-1 > div + div { padding-left: 2%; }

.columns-1-2 > div { width: 35%; vertical-align: top; }
.columns-1-2 > div + div { padding-left: 2em; width: 65%; }

.columns-2-1 > div { width: 65%; padding-right: 2em; vertical-align: top; }
.columns-2-1 > div + div  { width: 35%; padding-right: 0; }

.dashboard-cols > div { width: 70%; padding-right: 10px; vertical-align: top; }
.dashboard-cols > div + div  { width: 30%; padding-right: 0; }

.stage .columns-1-1 > div { vertical-align: top; }
.stage .columns-1-1 > div + div {padding-left: 0;}

.columns-1-1-1 > div { width: 33.3333%; }

.studios .stage .columns-1-1-1 > div { width: 340px; vertical-align: top; }
.studios .stage .columns-1-1-1 > div + div { width: 395px; }
.studios .stage .columns-1-1-1 > div + div + div { width: 395px; }

.columns-1-1-1-1 > div { width: 25%; }

.cta-section .columns-2-1 > div { vertical-align: middle; width: 65%; padding-right: 4%; }
.cta-section .columns-2-1 > div + div { width: 35%; }


.columns-teaser-left > div {
  width: 30%;
}
.columns-teaser-left > div + div {
  width: 70%;
  padding: 7em 0 0 5em;
}
.register .columns-teaser-left > div + div {
  padding: 5em 7em;
}


html,
body.home,

.home .stage > div,
.home .stage > div > div {
  height: 100%;
}

/* inherit bg image */

.stage .backgroundimage4ce {
  padding: 275px 0 2em;
}

.home .stage .backgroundimage4ce {
  padding: 0;
  padding-bottom: 0;
  min-height: 0;
}
.home .stage .backgroundimage4ce > div,
.home .stage .backgroundimage4ce > div > div {
  background: inherit;
}


  .home .stage .backgroundimage4ce > div > div {
    padding: 250px 2% 2em;
    padding: 250px 2vw 2em; /* ie11 looses % padding on hover?! */
    background-position: center 0;
    background-size: cover;
    transform: translate3d(0, 0, 0);
    -webkit-transition: background-position 0.5s;
    transition: background-position 0.5s;
  }
    .home .stage .backgroundimage4ce > div > div + div {
      background-position: center 0;
    }
    .home .stage .backgroundimage4ce > div > div:hover {
      background-position: center -20px;
    }
    .home .stage .backgroundimage4ce > div > div + div:hover {
      background-position: center -20px;
    }


@media (min-width: 1281px ) {
  .home .stage .backgroundimage4ce > div > div {
    padding: 250px 10% 2em;
    padding: 250px 8vw 2em; /* ie11 looses % padding on hover?! */
  }
  .dashboard .container,
  .dashboard .form-container {
    padding: 1.25em 3em;
  }
  .ggd_rightbox > div {
    padding: 1em 2em;
  }
  .dashboard .form-fields {
    width: 85%;
  }
}


@media (min-height: 700px) {
  .home .stage .backgroundimage4ce > div > div {
    padding-top: 300px;
  }
}
@media (min-height: 800px) {
  .home .stage .backgroundimage4ce > div > div {
    padding-top: 350px;
  }
}


@media (min-width: 1281px) and (max-height: 750px) {
  .home .stage .backgroundimage4ce > div > div {
    background-position: left 0;
  }
  .home .stage .backgroundimage4ce > div > div + div {
    background-position: right 0;
  }
  .home .stage .backgroundimage4ce > div > div:hover {
    background-position: left -20px;
  }
  .home .stage .backgroundimage4ce > div > div + div:hover {
    background-position: right -20px;
  }
}


@media  (max-width: 1280px) {

  body > div {
    width:100%;
  }

  body > .register > div {
    width: 95%;
    margin: 0 auto;
  }

  body.home .stage .columns > .container {
    width:60%;
    min-width: 450px;
  }

  .columns-teaser-left > div + div {
    padding: 3.5em 2em;
  }

  .register .columns-teaser-left > div + div {
    padding: 1.8em 2em 2em;
  }
  
  .register .main a.back {  
    top: 4.5em;
    left: 42.5%;
    left: calc(30% + 10em);
  }
  
  .tabs {
    width: 90%;
  }

  .studios .stage .columns-1-1-1 > div { width: 325px; }
  .studios .stage .columns-1-1-1 > div + div { width: 340px; }
  .studios .stage .columns-1-1-1 > div + div + div { width: 100%; }

  .register .columns-teaser-left > div { width: 40%; }
  .register .columns-teaser-left > div + div { width: 60%; }

  .register form .form-field > * {
    float: none;
    display: block;
  }
  
  
	#pat_carousel div.wrap2 {
		margin-left: 0%;
	}
	
	body .head {
		width: 100%;
	}
	
}


@media (max-width: 1000px) {
  .columns > div {
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }
  .columns > div:last-child { margin-bottom: 0; }
  .home .stage .columns-1-1 > div {
    display: table-cell;
    width: 50%;
  }
  .columns.columns-teaser-left { display: table; }
  .columns.columns-teaser-left > div {
    display: table-cell;
    width: 25%;
  }
  .columns.columns-teaser-left > div + div { width: 75%; }

  .columns.columns-teaser-left > div img {
    max-width: 100%;
  }
  .main .cta-section .columns > div {
    width: 100%;
    margin-bottom: 1em;
  }

  /** DASHBOARD **/
  .dashboard .head {
    padding-top: 1.5em;
  }
  .studios .stage .columns-1-1-1 > div {
    width: 50%;
    float: right;
  }
  .studios .stage .columns-1-1-1 > div:first-child {
    float:left;
  }

  .footer .fullcontainer > div + div + div > .fblike {
    width: 29px;
    position: absolute;
    right: 110px;
    top: 2px;
  }

}

@media (max-width: 1014px) {
	.webTrailer { 
		float: none;
		clear: both;
	}
	
	
	.navfoot {
		float:none;
	}
	
}

@media (min-width: 1015px) {
	.navfoot {
		width: 400px;
	}
}


@media (max-width: 1000px) {
	.bupper { 
		left: 400px;
		top: -18%;
		max-width: 155px;
	}
	.footer .fullcontainer > div + div + div > .fblike {
		width: 29px;
		position: absolute;
		right: 0;
		    top: -6px;
	}
	.navfoot .partnerstudio {
		font-size: 120%;
		top: -12px;
		margin-left: 25px;
	}
	.footer .fullcontainer > div + div + div > .fblike > a > img {
		right: 0;
	}
	
	.navfoot ul{
		padding-left: 0;
		padding-top: 0;
	}
	
	.copyright {
		float: none;
		margin-bottom: 20px;
	}
}

@media (max-width: 978px){
	.navfoot .partnerstudio {
		font-size: 100%;
		top: 0;
		margin-left: 0;
	}	
}

@media (max-width: 995px){
	.navfoot .partnerstudio {
		margin-left: 0px;
	}
}



@media (max-width: 921px){
	.navfoot ul {
		float: right;
	}
}