/*
    Theme Name: MAS Applied History 2024
    Theme URI: MAS Applied History 2024
    Description: mas-applied-history.ch
    Version: 2.0
    Author: Felix Schlatter
    Author URI: https://SchlatterCorporate.com
    Tags: No Tags

*/
:root {

  --text:#333333;

  --lightorange:rgb(215, 129, 89);
  --orange:#dc6027;
  --orangered:#c0440b;
  --red:#9b483a;

  --lightgrey:#cad6db;
  --darkgrey:#4e5558;

  --lightgreen:#42915d;
  --green:#306643;
  --darkgreen:#1a4627;

  --lightblue:#c5edf9;
  --blue:#70afc1;
  --greyblue:#495961;

  --beige:#d5a891;
  overscroll-behavior: none;
}

@font-face {
	font-family:"thesans5";
	src:url("fonts/TheSansB5.woff");
	font-weight:normal;
	font-style:normal;
	padding:0px;
}
@font-face {
	font-family:"thesans7";
	src:url("fonts/TheSansB7.woff");
	font-weight:normal;
	font-style:normal;
	padding:0px;
}

@font-face {
	font-family:"palatino";
	src:url("fonts/palatino.woff");
	font-weight:normal;
	font-style:normal;
	padding:0px;
}
@font-face {
	font-family:"palatinobold";
	src:url("fonts/palatinobold.otf");
	font-weight:normal;
	font-style:normal;
	padding:0px;
}



html {
  scroll-behavior: smooth;
}

body {
    font-weight: normal;
	font-family:"thesans5", arial;
	color:var(--text);
	background-color:#fff;
	text-align:left;

  font-size: 17px;
  line-height: 22px;

  letter-spacing: 0.02em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -moz-osx-font-smoothing:grayscale;

  position: relative;

  margin:0;
  color: var(--text);

}

* {

  text-rendering:optimizeLegibility;
}

h1,h2,h3 {
font-family:"palatinobold";
margin:0px;
margin-bottom: 25px;
font-weight: normal;
}
h1 {font-size: 24px;line-height: 28px;}
h1.big {font-size: 36px;line-height: 42px;color: var(--text);}
h2 {font-size: 24px;line-height: 28px;margin-bottom: 0px;}
h3 {font-size: 18px;line-height: 22px;margin-bottom: 0px;}

strong, b {font-family: "thesans7";font-weight: normal;}


button, html, input, select, textarea {  color: var(--text);}
a {
  color: var(--schwarz);
  text-decoration: none;
  cursor: pointer !important;
}
/*
.no-touch a:hover { color: var(--orange);  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}
  */
.noscroll {
  overflow:hidden;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: var(--text);
}

::selection {
  color: #fff;
  background: var(--text);
}

a {outline: none; text-decoration: none; } a:active {outline: none; } a, a:active, a:focus {outline: none; } * {outline: none; }

.no-touch .curri_lefty a:hover {color:#fff;}


button, html, input, select, textarea {
  font-family:"thesans5";

}



a {outline: none; text-decoration: none; } a:active {outline: none; } a, a:active, a:focus {outline: none; } * {outline: none;}

body {
margin:0;
color: #333;
background: rgb(255,255,255);
background: linear-gradient(170deg, rgb(255, 255, 255) 10%, rgb(238, 238, 238) 100vh, rgb(255, 255, 255) 100%);
position: relative;

}
body.clearbg {
  background: rgb(255,255,255);
}
p:first-child {margin-top: 0px;}

.container {
  /*
  hyphens: auto;
  -webkit-hyphens:auto;
  */
display: block;
}
.ins {display: table;width: 100%;max-width: 1440px;margin:0 auto;position: relative;}


.logo {width: 200px;float: left;
  margin-right: 0px;
  transition: all 0.5s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.scrl .logo {width: 150px;margin-right: 50px;}
.logo svg {display: block;width: 100%;height: auto;}
.scrl .meta {margin-bottom: 15px;padding-bottom: 0px;}

nav {float: left;
  margin-left: calc(720px - 200px);
  font-family: "thesans7";
  font-size: 22px;
  line-height: 24px;
  padding-top: 40px;
  transition: all 0.5s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.scrl nav {
  padding-top: 10px;
}
.navpoint {
  user-select: none;

  display: inline;
  margin-right: 30px;
  position: relative;
  padding-right: 20px;
  transition: all 0.15s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.navpoint:after {
  content: " > ";
  position: absolute;
  top: 4px;
  right: 0px;
  color: #333;
  transition: all 0.4s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.navpoint.active:after {
  transform: rotate(90deg);
  color: #fff;
}
.no-touch .navpoint:hover, .no-touch .navpoint:hover:after {cursor: pointer;color:var(--orange);}

.no-touch #int.navpoint:hover, .no-touch #int.navpoint:hover:after {
  color:var(--lightgreen);
}
.no-touch #alu.navpoint:hover, .no-touch #alu.navpoint:hover:after {
  color:var(--blue);
}
.no-touch #footer_int a:hover {color:var(--lightgreen); }
.no-touch #footer_alu a:hover {color:var(--blue); }

#footer .subnav h1 {
  font-family: "thesans5", arial;
  font-size: 14px;
  line-height: 16px;
  padding-top: 7px;
  padding-left: 12px;
  padding-bottom: 8px;
  padding-right: 12px;
  display: table;
}
#footer .subnav h1.alumni {
  border: 2px solid var(--blue);
  color: var(--blue);
}
#footer .subnav h1.interessenten {
  border: 2px solid var(--lightgreen);
  color: var(--lightgreen);
}
#footer .subnav h1.imstudium {
  border: 2px solid var(--orange);
  color: var(--orange);
}


.subnav {
    margin-top: 25px;
    position: relative;
    color: #fff;
    overflow: hidden;
    background: #171516;
    background: linear-gradient(170deg, var(--darkgreen) 20%, var(--green) 100%);
    background: var(--darkgreen);
    box-shadow: inset 3px 12px 13px -2px rgba(0,0,0,0.3);
    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
header .subnav.one   {
  background: var(--darkgreen);
}
header .subnav.two   {
  background: var(--orange);
  background: #ce551e;
}
header .subnav.three {
  background:  var(--lightblue);
}


.subnav .spickel {
  z-index: 3;
  position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    left: calc(50% + 58px);
    top: -20px;
    transform: rotate(-45deg);
    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.subnav .spickel.int { left: calc(50% - 2px) !important; }
.subnav .spickel.ims { left: calc(50% + 187px) !important; }
.subnav .spickel.alu { left: calc(50% + 355px) !important; }

.subnav a {color: #fff;}
.subnav .ins {position: relative;z-index: 3;}
.subnav .bg {
  display: none;
  position: absolute;
  top:0px;
  left:50%;
  width: 1440px;
  transform:translateX(-50%);
  bottom:0px;
  z-index: 1;
  background-image: url('img/Arcimboldo_Vertumnus.jpg');
  background-size: 165% auto;
  opacity: 0.4;
  background-color: linear-gradient(90deg, #000B10 0%, #6c93a4 100%);
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.subnav .bg.int {}
.subnav .bg.ims {}
.subnav .bg.alu {}

.subnav ul {
  display: none;
  margin:0px;margin-left: 50%;padding:0;
  padding-top: 37px;
  padding-bottom: 35px;
}

footer .subnav {margin-top: 0;background: none;box-shadow: none;}
footer .subnav ul {display: block;background: none;margin-left: 0;padding-bottom: 40px;padding-top: 0;}

footer .subnav ul a {color: var(--text);}
.subnav ul#interessenten {padding-left: 0px;}
.subnav ul#imstudium {padding-left: 191px;}
.subnav ul#alumni {padding-left: 360px;}

.subnav ul li {display: block;list-style-type: none;margin-bottom: 10px;}
footer .subnav ul li {margin-bottom: 0;}
.subnav ul li a:after {content:" > ";}
.subnav ul li a {
  display: block;

  transition: all 0.15s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.no-touch .subnav ul li:hover a {color: var(--orange);}


.subnav.three a {color:var(--text);}
.no-touch .subnav.two ul li:hover a {color:var(--text);}

a {position: relative;font-family: "thesans7"; }
button {
  position: relative;
  font-family: "thesans7";
  border:none;cursor: pointer;
}
.no-touch .interessenten button:hover {
  background: var(--lightgreen);
}
#broschuere button {display: none;}
a.h {
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);

  position: relative;display: table;font-family: "thesans7";
}


a.h span {
  padding-left:0px;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
a.h span:after {content:" > ";  transition: all 0.35s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}
.no-touch a.h:hover {padding-left: 10px;}
.no-touch a.h:hover span:after {padding-left:10px;}


nav a:after {content: " > ";}

.button {display: table;
padding:25px;
padding-top: 9px;
padding-bottom: 10px;
color: #fff;
margin-top: 25px;
}
.alumni .button{
  color: var(--text);
  background:var(--lightblue);
}
.imstudium .button{
  color: #fff;
  background:var(--orange);
}
.interessenten .button {
  color: #fff;
  background:var(--green);
}
.interessenten .button.download_disabled {
  background: var(--lightgrey);
  color: var(--text);
  margin-top: 25px;
}
.curriculum_holder   .button{
  color: var(--orange);
  background: #fff;
    position: absolute;
    left:75%;
    top: -100px;
    margin-top: 0px;
}

.teaser .button {
  position: absolute;
  bottom: 75px;
    left: 100px;
}

.bereich {
  position: absolute;
    top: 75px;
    font-size: 14px;
    line-height: 16px;

    padding-top: 7px;
    padding-left: 12px;
    padding-bottom: 8px;
    padding-right: 12px;
    left: 100px;
    background: #fff;
    color: var(--text);
}
.alumni .bereich {border:2px solid var(--lightblue);   color:var(--blue) }
.imstudium .bereich {border:2px solid var(--orange);   color:var(--orange) }
.interessenten .bereich {border:2px solid var(--green);color:var(--green) }


.hider {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  font-family: "thesans7";
}


.no-touch a.h.button:hover span:after {padding-left:25px;}
.no-touch a.h.button:hover {padding-left: 25px;}

.meta {display: block;margin-bottom: 45px;position: relative;background:#eeeeee;padding-bottom: 7px;
background: linear-gradient(170deg, #f9f9f9 0%, #ededed 70%);
transition: all 0.5s ease-in-out;
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.breadcrumbs {font-size: 12px; display: block; clear: both;  margin-top: 5px; margin-left: 78px;
  transition: all 0.5s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);


}

.scrl .breadcrumbs {margin-top: 2px;margin-left: 60px;}
.breadcrumbs a:first-child {font-family: "thesans5";}
.no-touch .breadcrumbs a:hover {color: var(--orange);}
.topright {
  position: absolute;
    top: 0;
    left: calc(50% - 0px);
    text-align: right;
    font-size: 14px;
    line-height: 16px;
}
.topright .tr_point {
  font-family: "thesans7";
  cursor: pointer;
    float: left;
    color: #fff;
    padding: 7px;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 15px;
    background: var(--darkgreen);
    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.tr_point a {    transition: all 0.25s ease-in-out;  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}
.scrl .topright .tr_point {
  padding: 3px;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
}

.topright .tr_point:nth-child(1){
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: var(--lightgreen);
}

.topright .tr_point:nth-child(2){
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: var(--green);
}
.topright .tr_point:nth-child(2) a{background: var(--green);}
.topright .tr_point:nth-child(3){
  border-radius: 0px;
  background: var(--darkgreen);
  color: #fff;
}
.topright .tr_point:nth-child(4){
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  background: var(--blue);
  color: #fff;
}
.topright .tr_point.loggedin {
  border-radius: 0px !important;
  position: relative;
  padding: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  white-space: nowrap;
    background:var(--darkgrey);
    font-size: 12px;
      line-height: 12px;
height: 34px;
}
.topright .tr_point.loggedin .half:nth-child(1){
  white-space: nowrap;
  padding: 3px;
  padding-left: 10px;
  padding-bottom: 2px;
  padding-right: 15px;
  padding-top: 3px;
  z-index: 1;
  text-align: left;
  background:var(--blue);
}
.topright .tr_point.loggedin .half:nth-child(2){
  padding-top: 3px;
  padding-left: 10px;
  padding-bottom: 12px;
  padding-right: 15px;
  white-space: nowrap;
  z-index: 2;
  font-family: "thesans5";
  text-align: left;
}


.no-touch .topright .tr_point:hover, .no-touch .topright .tr_point:hover a {

}


.formylogin {}
header {
  z-index: 999;

  transition: all 0.5s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  background: #fff;
  position: relative;
  z-index: 1000;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);

}
.scrl header {

}


main {
    padding-top: 50px;
    display: block;
    filter: blur(0);
    transition: all 0.15s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
main.nopadd {
  padding-top: 0px;
}
footer {
  transition: all 0.15s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}


.readmore {  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);cursor: pointer;font-family: "thesans7";margin-top: 5px;color:var(--orange);}

.readmore:after {content: " > ";}
.no-touch .readmore:hover:after {}
.fullpreview {display: block;}
.full {display: none;}

.leftright {display: block;}
.left {float: left; width: 50%;}
.right {position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  top: 0;
}
.leftright img {width: 100%;height: auto;}
.right .offset {

  position: relative;
  z-index: 1;
  margin-top: 50px;
  margin-left: -100px;
  background:#fff;
  padding:100px;
  padding-bottom: 100px;
  padding-top: 75px;
  border-bottom-right-radius: 70px;

}
.right .linkbox {
  bottom: 50px;
    position: absolute;
    background: linear-gradient(170deg, var(--orange) 10%, var(--orangered) 70%);
    padding: 50px;
    left: 0px;
    color: #fff;
    max-width: 500px;
    z-index: 2;
}
.right .linkbox p {margin:0}


.yo {

  position: relative;
  max-width: 577px;
  float: right;
}
.yo #napoleon3 {
  position: relative;display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}
.yo #napoleon2 {
  position: absolute;
  left:0px;
  width: 100%;
  z-index: 2;
}
.yo #napoleon1 {
  position: absolute;
  left:0px;
  width: 100%;
  z-index: 3;
}


.quicklinks {

  padding:10px;
  padding-right: 10px;
  font-family: "thesans7";
  cursor: pointer;
    z-index: 1001;
  position: fixed;
    top: 50%;
    right: 0;
    background: #5A5A5A;

    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.no-touch .quicklinks:hover {
  background:var(--red);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;

}
.quicklinks svg {
  width: 17px;
    height: auto;
    display: block;
    padding: 10px;
    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.quicklinks svg path {
  stroke: #fff;
  fill:#fff;
    stroke-width: 3px;
}
.scrl .quicklinks  {
  padding:5px;
  padding-right: 10px;
}

.scrl .quicklinks svg {
    width: 14px;
}


.toggler {cursor: pointer;}

.down {position: relative;
  cursor: pointer;
  font-size: 56px;
  line-height: 56px;
  width: 70px;
  height: 70px;
  text-align: center;
  display: table;
  margin: 0 auto;}
.down span {
  transform: rotate(90deg);
  position: absolute;
  transform-origin: center;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  left: 35%;
  top: 14%;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.no-touch .down:hover span {top:25%;color: var(--orange);}
.start .down {transform: translateX(65px) translateY(-50px);}

.second, .third {display: block;padding-top: 100px;}

.teaser {display: block;position: relative;margin-bottom: 100px;}
.teaserimg {float: left;width: 50%;position: relative;}
.smallerteaser .teaserimg {z-index: 2;position: relative;width: calc(50% - 50px);float: none;}

.teaserimg img {width: 100%; height: auto;}
.smallerteaser .teaserimg img {width: 400px;float: right;}
.teaser .lead {
  position: absolute;
  z-index: 2;
  padding:100px;
  padding-top: 140px;
  background: #fff;
  top: 50px;
  bottom:50px;
  left:calc(50% - 100px);
  width: calc(50% - 100px);
}
.teaser.smallerteaser .lead {
  padding-left: 100px;
  z-index: 1;
}
.teaserimg .badge  {
font-family: "thesans7";
  overflow: hidden;
    text-align: left;
    position: absolute;
    z-index: 2;
    left: 100px;
    top: 280px;
    padding: 25px;
    border-radius: 500px;
    color: #fff;
    background: var(--green);

    height: 115px;
    width: 150px;
    transform: rotate(-15deg);
    padding-top: 60px;
}
.badge span {display: block;}

.imgholder {
margin-right: 50px;
  position: relative;
  display: table;
  float: right;
  z-index: 1;
}
.imgholder img {position: relative;z-index: 10;transform-origin: 0px center;}
.imgholder .brschpge {position: absolute;background:#e8e8e8;width: 100%;height: 100%;top:2px;left:2px;
border:1px solid #ccc;
transform-origin: 0px center;
}
.imgholder .p1 {
  top: 0px;
  left: 0px;
  z-index: 8;

}
.imgholder .p2 {
  top: 2px;
  left:2px;
  z-index: 7;
}
.imgholder .p3 {
  top: 4px;
  left:4px;
  z-index: 6;
}
.imgholder .p4 {
  top: 6px;
  left:6px;
  z-index: 5;
}
.imgholder .p5 {
  top: 8px;
  left:8px;
  z-index: 4;
}
.imgholder .p6 {
  top: 10px;
  left:10px;
  z-index: 3;
}
.imgholder .p7 {
  top: 12px;
  left:12px;
  z-index: 2;
}
.imgholder .p8 {
  top: 14px;
  left:14px;
  z-index: 1;
}
section.single {

  background: #fff;
  min-height: 50vh;

}
section.single.evaluation, .schoolsformholder, #jrkcbl, .specialschoolsformholder {
  color: #fff;
  padding-bottom: 100px;
  background: linear-gradient(170deg, var(--orange) 10%, var(--orangered) 70%);
}
#alumni_jrkcbl {
  color: #fff;
  padding-bottom: 100px;
  background: linear-gradient(170deg, var(--lightblue) 10%, var(--blue) 70%);
}
section.single.evaluation#alumnievaluation {
  color: var(--text);
  padding-bottom: 100px;
  background: linear-gradient(170deg, var(--lightblue) 10%, #fff 70%);
}
section.single h1.big {
  margin-left: -245px;
  background:#fff;
  padding:50px;
  padding-right: 0px;
  margin-top: 50px;
  padding-left: 75px;
  margin-bottom: 0px;
  hyphens: auto;
  -webkit-hyphens:auto;
}
section.single .lefty.leftybig h1.big {
  margin-top: 75px;
}
 #eventformular_all.ins h1.big, #eventformular_all99.ins h1.big {
   margin-left: 0px;
   margin-top: 0px;
   background: none;
   color: #fff;
 }
#alumnieventsform .ins h1.big{
   margin-left: 0px;
   margin-top: 0px;
   background: none;
   padding-top: 0;
   padding-left: 0;
 }
section.allothersingle h1.big {
  margin-left: 0px;
  margin-top: 0px;
}
section.single img.thumby {
  width: 100%;
  height: auto;

}
.evcontent {
  display: table;
    max-width: 955px;
    width: 100%;
    color: #fff;
    margin-bottom: 50px;
    margin-left: 75px;
    background: var(--lightorange);
    padding: 50px;
}
#alumnievaluation .evcontent {
  background: #fff;
  color:var(--text);
}
.evcontent a {color: #fff}
.evaluation form, .schoolsformholder form, .specialschoolsformholder form{
  padding-left: 75px;
}
.content ul {
  padding-left: 0px;

}
.content ul li {
  list-style-type: none;
  padding-left: 17px;

  position: relative;
}
.content ul li:before {
  content:"> ";
  position: absolute;
  left:0px;
  font-size: 14px;
}
.content pre {
  display: table;
  font-family: "thesans5";
  font-size: 14px;
  line-height: 16px;
  padding-top: 7px;
    padding-left: 12px;
    padding-bottom: 8px;
    padding-right: 12px;

}
.imstudium .content pre {
  border: 2px solid var(--orange);
  color: var(--orange);
}
.interessenten .content pre {
  border: 2px solid var(--green);
  color: var(--green);
}
.alumni .content pre {
  border: 2px solid var(--lightblue);
  color: var(--blue);
}

.side {
  width: 100%;
max-width: 550px;
float: left;
}
.side.sidesmall {
  max-width: 265px;
}
.lefty {
  padding-left: 170px;
float: left;
max-width: 720px;
width: 100%;
}
.lefty.leftybig {
  max-width: 1005px;
}
#impressionen_page .lefty {max-width: unset;width: unset;padding-left: 0;}
#impressionen_page .eventholder {padding-left: 0px;}
#impressionen_page  h1.big {padding-left: 75px;margin-left: 0;margin-left: 0px;
  margin-top: 0px;}
#impressionen_page .ev_lefty {
  width: 370px;
  float: left;
  margin-right: 50px;
}
#impressionen_page .ev_lefty img {width: 100%; height: auto;}

.fullwidthimg {
  padding-top: 75px;
  clear:both;
  float: none;
  display: block;
  padding-left: 80px;
}

.fullwidthimg img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 25px;
}

.imprfull {
  display: block;
  min-height: 75vh;
  background-size: cover;
  background-position: center;
  position: relative;
}
.imprfull .overlay {
  position: absolute;
    background-color: #fff;
    padding: 100px;
    left: calc(50% - 100px);
    padding-top: 75px;
    top: 100px;
    padding-bottom: 75px;
    right: 75px;
}
.imprfull .overlay .bereich {
  position: relative;
    top: unset;
    left: unset;
    display: table;
    margin-bottom: 25px;
}
.pagenavholder {
  margin-top: 50px;
}
.pagenav {
  padding-top: 50px;
    padding-left: 720px;
    padding-bottom: 125px;
}
.pagenav ul {
  padding:0;
  margin:0;
  padding-left: 25px;
}
.pagenav ul li {
  margin-bottom: 0px !important;
  list-style-type: none;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;  /* Number of lines displayed before it truncate */
     overflow: hidden;
}
.pagenav ul li a {color: #8e8e8e;}
main  section.curriculum .pagenav ul li a {color: #fff;}
.no-touch .pagenav ul li a:hover {color: var(--orange);}
.no-touch main section.curriculum .pagenav ul li a:hover {color: var(--text);}
.pagenav ul li a:after{content: " > ";}

footer {position: relative;margin-top: 150px;}
footer.nopadd {margin-top: 0px;}
footer .ins {position: relative;z-index: 2;

}
footer .fifty {
  float: left;
  width: 50% ;

}
footer .fifty#kontakt {
  width: 50%;
  padding-left: 0px;
  position: absolute;
  left:50%;
  top:0px;

}
footer {}


footer .bg {
  position: absolute;
    z-index: 1;
    background-image: url('img/Arcimboldo_Vertumnus.png');
    background-size: auto 50%;
    opacity: 1;
    height: 50vh;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: left bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #000;
}
footer .holder {
  padding-top: 100px;
  padding-bottom: 50px;
  background: #fff;
  background: linear-gradient(100deg, #f9f9f9 0%, #e8e8e8 60%, #e8e8e8 100%);
  z-index: 2;
  position: relative;
  display: block;
  margin-bottom: 50vh;

}
.social {display: block;margin-top: 10px;margin-bottom: 10px;}
.social svg {
  width: 13px;
  height: auto;
  background: #4F84BF;
  border-radius: 100px;
  padding: 5px;
  transform: translateY(5px);
  margin-right: 10px;
}

footer a {}
.up {
  cursor: pointer;
	font-family:"thesans7";
  position: absolute;
  left:50%;
  top:50%;
  color:#fff;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.c {
  position: absolute;
  bottom:25px;
  right:25px;
  font-size: 12px;
  line-height: 14px;
  color:#ccc;
  text-align: right;
  font-family: "thesans7";
}
.c strong {}
.no-touch .up:hover {color: var(--orange);}
.up span {
  position: absolute;
    transform: rotate(-90deg);
    right: 7px;
    top: -8px;
    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.no-touch .up:hover span { top:-25px;}
.upper {
  position: relative;
  display: block;
  padding-right: 25px;
}
main  section.curriculum {
  color: #fff;
  background: linear-gradient(170deg, var(--orange) 10%, var(--orangered) 70%);
}
.curriculumcheck {
  padding-bottom: 50px;
  display: none;
}
.currinav_holder {
  display: block;
  padding-top: 50px;
  padding-bottom: 50px;
}
.currinav {

  cursor: pointer;
  display: block;
  padding-left: 75px;
  font-size: 36px;
    line-height: 42px;
  font-family: "palatinobold";
  color: var(--red);
}
.currinav.active {color: #fff;}
.currinav:after {
  content: " > ";
  font-family: "thesans7";
  font-weight: normal;
}
.curriculum_holder {display: block;position: relative;}
.curripreview {
  padding-top: 100px;
  padding-bottom: 125px;
  color: #fff;
    background: linear-gradient(170deg, var(--orange) 10%, var(--orangered) 70%);
}

.curripreview h1 {
  margin-bottom: 50px;
}

.curriculum_semester {
  width: calc(25% - 50px);
  float: left;
  font-size: 14px;
  line-height: 18px;
  margin-right: 50px;
}


.ctitle {
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 2px solid var(--lightorange);
  hyphens: none; -webkit-hyphens:none;
  position: relative;

}
.curriculum .ctitle {cursor: pointer;  padding-right: 25px;
  padding-left: 13px;color:rgb(240, 175, 145);}

.curriculum .ctitle.highlight{
animation: hiiigh 3s infinite;
}
@keyframes hiiigh {
  0%    {background:var(--orangered);}
  50%   {background:var(--red);}
  100%  {background:var(--orangered);}
}
.curriculum .ctitle strong {display: block;margin-bottom: 3px;color:#fff;}
.ctitle.active, .no-touch .curriculum .ctitle:hover {
  background:rgba(255,255,255,0.3) !important;
  border-bottom: 2px solid var(--lightorange) !important;
}
.ctitle .plusminus, .eventholder .plusminus {
  position: absolute;
  width: 15px;
  line-height: 15px;
  background: #fff;
  padding-bottom: 1px;
  top:50%;
  right: 5px;
  transform: translateY(-50%);
  color: var(--orange);
  border-radius: 50px;
  text-align: center;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.singlemodul .row.alumnirow {
  padding-left: 25px;
}
.alumnimodul {
  position: absolute;
    top: 8px;
    left: -7px;
    bottom: 0;
    width: 14px;
    height: 34px;
    background-image: url("img/flag-01.svg");
    background-size: 14px auto;
    background-repeat: no-repeat;
}
.singlemodul .row.alumnirow .alumnimodul {
  left: 0px;
  top:3px;
}
.alumnimodulelink {
  background-image: url("img/flag-01.svg");
    background-size: 15px auto;
    background-repeat: no-repeat;
    padding-left: 17px;
    min-height: 34px;
}
.no-touch .alumnimodulelink:hover  a {color: var(--text) !important;}

.no-touch .ctitle:hover .plusminus, .ctitle.active .plusminus {
  background: var(--red);
  color:#fff;
}
.singlemodul {display: none;padding-bottom: 50px;
  font-size: 14px;
  line-height: 18px;
}
.singlemodul .curri_lefty {
  min-height: 10px;
  width: calc(25% - 25px);
  float: left;
  margin-right: 25px;
  hyphens: none;
  -webkit-hyphens:none;
}
.curri_lefty span {
  font-family: "thesans7";
}

.singlemodul .curri_righty {
  margin-left: 12.5px;
  width: calc(50% - 22px);
  float: left;
}
.curri_img {
  float: right;
  width: calc(25% - 25px);
}
.curri_img img {
  width: 100%;
  height: auto;
  border-bottom-right-radius: 25px;
}
.singlemodul .row {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.semestertitel {
  font-family: "thesans7";
  padding-bottom: 3px;
  padding-top: 5px;
  display: table;
  border-left: 2px solid var(--lightorange);
  border-top: 2px solid var(--lightorange);
  border-right: 2px solid var(--lightorange);
  padding-left: 10px;
  padding-right: 10px;
}
.curriline {
  display: block;
  border-bottom: 2px solid var(--lightorange);
}

.content a:after {content:" > ";    transition: all 0.25s ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}
.no-touch .content a:hover:after {padding-left: 10px; content:" > ";}


.grid {   display: flex;
  flex-wrap:wrap;

}
.col {
  flex-grow: 0;
  flex-basis: 25%;
  flex: 0 0 25%;
}
.col .img {
  width: 100%;
  padding-bottom: 125%;
  background-size: cover;
  background-position: center;
  margin-bottom: 25px;

  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.col img {display: block;width: 100%;height: auto;}
.col a {display: block;margin-top: 10px;}
#broschuere .col a {display: table;}
.presse.col a {display: table;}

#broschuere a.download_enabled {display: none;}

.col .inside {
display: block;padding-right: 75px;
padding-bottom: 50px;
hyphens: none;
-webkit-hyphens:none;
}
.col_right {
  margin-left: -25px;
}
.presse .col_right {
  margin-left: 0px;
}
.col .inside p {margin-left: 25px;}
.col h1 {font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  background: #fff;
  margin-top: -60px;
  position: relative;
  z-index: 1;
  display: table;
  padding-top: 20px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: 25px;
}
#broschuere .col h1  {
  margin-top:unset;
  padding-left: 0;
}
#broschuere .broschholder {
  position: relative;display: block;
}
#broschuere .broschholder img {
  position: relative;
  z-index: 20;
  border:1px solid #ccc;
}
.broschholder .brp {position: absolute;background:#e8e8e8;width: 100%;height: 100%;top:2px;left:2px;
border:1px solid #ccc;
transform-origin: 0px center;
}
.broschholder .brp1 {
  top: 0px;
  left: 0px;
  z-index: 8;

}
.broschholder .brp2 {
  top: 2px;
  left:2px;
  z-index: 7;
}
.broschholder .brp3 {
  top: 4px;
  left:4px;
  z-index: 6;
}
.broschholder .brp4 {
  top: 6px;
  left:6px;
  z-index: 5;
}
.broschholder .brp5 {
  top: 8px;
  left:8px;
  z-index: 4;
}
.broschholder .brp6 {
  top: 10px;
  left:10px;
  z-index: 3;
}
.broschholder .brp7 {
  top: 12px;
  left:12px;
  z-index: 2;
}
.broschholder .brp8 {
  top: 14px;
  left:14px;
  z-index: 1;
}


.col.presse h1  {
  padding-left: 0;
  padding-right: 0;
  margin-right: 25px;
  margin-top: 0px;
  font-family: "thesans5";
  font-weight: normal;
}
.shortdesc {
  display: block;
  padding-left: 145px;
  padding-bottom: 75px;
    margin-bottom: 10px;

}

section#schools.single img.thumby {
  margin-top: 25px;
}
.eventholder {display: block;padding-left: 75px;margin-bottom: 25px;}
#schools .eventholder {padding-left: 0px;margin-bottom: 50px;}

.ev_fifty {padding-left: 250px;}
#schools .ev_fifty {padding-left: 0;}
.ev_right h1 {
  margin-bottom: 10px !important;
}
.ev_right {
  margin-left: 175px;
}
#schools .ev_right {
  margin-left: 0;
}
.ev_right img {
  display: block;
  width: 100%;
  height: auto;
}
.ev_right .preview { padding-bottom: 25px; }
#schools .ev_right .preview { padding-bottom: 0px; }
.ev_detail {
  margin-left: calc(50% - 37.5px);;
  float: none;clear:both;
  display: none;
}
.ev_right .full {
  display: none;
}
.prov_anml, .def_anml {
  background:var(--text);
  color:#fff;
  cursor: pointer;
  display: block;
  font-family: "thesans7";
  display: table;
  padding: 25px;
  padding-top: 9px;
  padding-bottom: 10px;
}
.no-touch .prov_anml:hover, .no-touch .def_anml:hover {
  background: var(--orange);
}
.date {
  float: left;
  width: 125px;
  color: #fff;
  margin-right: 50px;
  font-size: 14px;
  line-height: 18px;
  font-family: "thesans7";
  text-align: center;
}

.date .day {
  color: var(--orange);
    display: block;
    padding: 10px;
    border: 2px solid var(--orange);
    font-size: 24px;
    line-height: 28px;
    font-family: "palatinobold";
    padding-top: 17px;
    padding-bottom: 17px;
}
.int .date .day {
  color: var(--green);
  border: 2px solid var(--green);
}
.alumni .date .day {
  color: var(--blue);
  border: 2px solid var(--blue);
}
.date .month_year {
  color:var(--orange);
  padding:5px;
  border:2px solid var(--orange);
  border-top: none;
}
.int .date .month_year {
  color: var(--green);
  border: 2px solid var(--green);
  border-top: none;
}
.alumni .date .month_year {
  color: var(--blue);
  border: 2px solid var(--blue);
  border-top: none;
}

#imstudium_events .button  {
  margin-left:425px;
  margin-top: 0px;
}
#interessenten_events .button  {
  margin-left: 425px;
  margin-top: 0px;
}


#imstudium_events {}
.donut_holder {
  display: block;
  padding-bottom: 25px;
  margin-left: -100px;
}
.donut {
  width:  350px;
  height: 350px;
  float: left;
}
.donut svg text {font-family:"palatinobold";}
.donut svg text:last-child {font-family: "thesans7"}
.donut_values {float: left;margin-left: 50px;}
.donut_values div {display: block;}
.donut_values span {display: inline-block;
  min-width: 35px;
  font-family: "thesans7";
  color: var(--orange);
  text-align: right;
  margin-right: 10px;}

.allothersingle .fifty {
  width: calc(50% - 50px);
  float: left;padding-right: 50px;
}
.allothersingle .fifty .holder {
  display: block;
  padding-top: 75px;
}
#abschluesse ul li {
  margin-bottom: 10px;
}

.alstimme {display: block;padding-bottom: 50px;}
.alstimme .left {float: left;width: 260px;padding-right:25px;padding-bottom: 25px;}
.alstimme .left img {width: 100%;height: auto;}
.alstimme h1 {margin-bottom: 0px;}

.alstimme .right {margin-left: 285px;position: relative;left:unset;top:unset;bottom:unset;right:unset;}
.alstimme .right div p:first-child {margin-top: 0px;}



.login_form {
display: none;
background: var(--lightblue);
padding:75px;
background: linear-gradient(170deg, var(--lightblue) 10%, var(--blue) 100%);
}
.login_fifty {float: left;width: 50%;}
.login_fifty h1 {
  margin-top: 45px;
  text-align: center;

    color: #fff;
  font-size: 36px;
  line-height: 42px;
}
.login_fifty.rechts h1 {text-align: left;}
.login_fifty h1 span {
  font-family: "thesans7";
  color: var(--blue);
}
.formy input , #contact_form100 input.contact {display: block;border:none;
background:#fff;
color:var(--text);
padding:10px;
padding-left: 15px;
padding-right: 15px;
width: calc(100% - 30px);
margin-bottom: 5px;
font-family: "thesans5";
font-size: 17px;
  line-height: 22px;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#contact_form100 input.contact#pdfselection100 {display: none;}
.formy input.submit {font-family: "thesans7";display: table;}
.no-touch .formy input.submit:hover {background: var(--text);color:#fff;}

.formy.formylogin input {
  width: unset;
}

.formy#adduser input {
  padding:5px;
  padding-left: 10px;
  padding-right: 10px;
  width: calc(100% - 20px);
}

#message .error {
  background:var(--orangered);color:#fff;
  padding:25px;
}
form#adduser {display: block;clear: both;
  padding-left: 50%;
}
.usr_superholder {
  padding-bottom: 10px;
  width: calc(50% - 10px);
  float: left;
  padding-right: 10px;
}
.usr_title {font-family: "thesans7";}
.tr_point.toggler span {position: relative;padding-right: 10px;}
.tr_point.toggler span:after {content:"●";
position: absolute;
right:0px;
top:-3px;
color:var(--orangered);
animation: dotty 3s infinite;
}
@keyframes dotty {
  0%    {color:var(--beige);}
  50%   {color:var(--red);}
  100%  {color:var(--beige);}
}



.vorstand.ins {
  padding-top: 100px;
  clear: both;
  display: block;
}
.alumnikontaktbox {
  z-index: 2;
    padding: 50px;
    padding-left: 75px;
    padding-bottom: 60px;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: -70px;
    background:var(--lightblue);
    display: block;
    position: relative;
}

.filterholder {
  margin-left: 500px;
  display: block;
}

.filtr {display: inline-block;padding:5px;
  padding-left: 22px;padding-right: 22px;
  padding-bottom: 6px;
  position: relative;
  border:2px solid var(--greyblue);
  border-radius: 100px;
  font-size: 14px;
    line-height: 18px;
    font-family: "thesans7";
    text-align: center;
    hyphens: none;
    -webkit-hyphens:none;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.filtr.active {
  padding-left: 34px;
  padding-right: 10px;
  color:#fff;
  background:var(--greyblue);
  border:2px solid var(--greyblue);
}
.no-touch .filtr:hover {
  background: var(--lightblue);
  color:#000;
}
.no-touch .filtr:hover span:before {color:#000;}
.filtr span {
    font-family: "thesans7";
  position: absolute;
    left: 4px;
    top:2px;
    bottom: 0px;
    width: 28px;
    padding-top: 4px;
    color: #000;
    text-align: center;
  color: var(--lightblue);
}
.filtr.active span {
  color:var(--lightblue);
}
.filtr span:before {
  content:" ";
}
.filtr.active span:before {
  content:"✓";

}
.hinweis {display: table;
  clear: both;
  margin-top: 50px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--lightblue);
  color:#000;
  font-size: 14px;
    line-height: 18px;
    font-family: "thesans7";
}
.currihinweis.hinweis {
  margin-left: 75px;
  margin-top: 0px;
  margin-bottom: 25px;
  background:none;
padding-left: 0px;
  color:#fff;
}
.content img {
  width: 100%;
  height: auto;
}




#aformular, #broschuere-bestellen, #bformular {
  display: none;
  padding:100px;
  background: var(--darkgreen);
  background: linear-gradient(-90deg, var(--darkgreen) 20%, var(--green) 100%);
  color: #fff;
}
#aformular,  #bformular {padding:75px;}
#broschuere-bestellen {display: block;
padding-left: 0px;padding-right: 0px;
}
#aformular input.texter,
#aformular textarea.texter,
#bformular input.texter,
#bformular textarea.texter,
#broschuere-bestellen input.texter,
#broschuere-bestellen textarea.texter,
#event_form_all input.texter,
#event_form_all textarea.contact,
#event_form_all99 input.texter,
#event_form_all99 textarea.contact,
#event_form_alumniall input.texter,
#event_form_alumniall textarea.contact
 {
  display: block;
  border: none;
  background: #fff;
  color: var(--text);
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 30px);
  margin-bottom: 5px;
  font-family: "thesans5";
  font-size: 17px;
  line-height: 22px;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#event_form_all input.texter,
#event_form_all textarea.contact,
#event_form_all99 input.texter,
#event_form_all99 textarea.contact,
#event_form_alumniall input.texter,
#event_form_alumniall textarea.contact
 {
  font-size: 14px;
  line-height: 18px;
}
.inputholder_l{
  float: left;
  width: calc(50% - 50px);
  padding-right: 50px;
}
.inputholder_r{
  float: left;
  width: 50%;
}
#contact_form99 .inputholder_r, #contact_form991 .inputholder_r, #event_form_all .inputholder_r,  #event_form_all99 .inputholder_r, #contact_form2 .inputholder_r{
  margin-left: 10px;
  width: calc(50% - 10px);
}
 #event_form_alumniall .inputholder_r {
   margin-left: 50px;
  width: calc(50% - 50px);
 }


#broschuere-bestellen .inputholder_r, #aformular .inputholder_r, #bformular .inputholder_r{
  margin-left: 50px;
    width: calc(50% - 50px);
  }
.themenholder .inputholder {display: block;padding-bottom: 15px;}
.themenholder {margin-bottom: 35px;
/*border: 2px solid var(--lightgreen);*/
position: relative;
}
h1.ev_title {
  padding: 15px;
  border: 2px solid var(--lightorange);

    color: #fff;
    display: table;

    font-family: "thesans7";
    font-size: 17px;
    line-height: 22px;
}
#alumnievaluation h1.ev_title {
  color:var(--text);
  border: 2px solid var(--greyblue);
}
.schoolsformholder, .specialschoolsformholder {
  display: none;
}
.themenholder .inputholder.ausfuellen, h1.ausfuellen,
#reise_error_all.ausfuellen, #gender_error_all.ausfuellen, #reise_error_all99.ausfuellen, #gender_error_all99.ausfuellen, #reisecheck99.ausfuellen,  #anmeldereisecheck99.ausfuellen, #reise_error_all991.ausfuellen, #gender_error_all991.ausfuellen, #reisecheck991.ausfuellen,  #anmeldereisecheck991.ausfuellen
  {color:yellow;}

#alumnievaluation .themenholder .inputholder.ausfuellen, #alumnievaluation h1.ausfuellen {
  color:var(--orangered);
}

#alumnieventsform #gender_error_alumniall.ausfuellen,
#alumnieventsform #gender_error_alumniall.ausfuellen
 {
  color: #c00;
}
#alumnieventsform #reise_error_alumniall {display: none;visibility: hidden;}
#gender_error {margin-bottom: 25px;}
#study_error {margin-top:25px;}
#mail_fail, #mail_success, #mail_success99, #mail_success991, #mail_fail99, #mail_fail991, #mail_success2, #mail_fail2, #mail_success_all, #mail_success_all99, #mail_success_all991, #mail_success_alumniall,  #mail_fail55, #mail_success55, #mail_fail_alumniall {display: none;}
#mail_success, #mail_success2, #mail_success_all, #mail_success_all99, #mail_success_all991, #mail_success99, #mail_success991, #mail_success_alumniall, #mail_success55 {
  padding: 25px;
  background: var(--lightgreen);
}
#mail_fail, #mail_fail2, #mail_fail_all, #mail_fail_all99, #mail_fail_all991,  #mail_fail_alumniall, #mail_fail55, #mail_fail99, #mail_fail991 {
  padding: 25px;
  background: var(--orangered);
}

input#send_message, input#send_message99, input#send_message991, input#send_message2, input#send_message_all, input#send_message_all99, input#send_message_all991, input#send_message55, input#send_message_alumniall{
  display: block;
  border: none;
  background: #fff;
  color: var(--text);
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 30px);
  margin-bottom: 5px;
  font-family: "thesans5";
  font-size: 17px;
  line-height: 22px;
  transition: all 0.25s ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  font-family: "thesans7";
  display: table;
  width: unset;
  margin-top: 50px;
}
input#send_message99,  input#send_message_all, input#send_message_all99, input#send_message_all991 {
  background:#fff;color:var(--orangered);
}

input#send_message_alumniall, input#send_message991 {
background:var(--greyblue);color:#fff;
}
.no-touch input#send_message99:hover,.no-touch input#send_message991:hover, .no-touch input#send_message_all:hover, .no-touch input#send_message_all99:hover, .no-touch input#send_message_all991:hover {
    background:var(--orange);color:#fff;
}

.no-touch input#send_message2:hover, .no-touch input#send_message55:hover{
    background:var(--lightgreen);color:#fff;
}
.no-touch input#send_message_alumniall:hover, .no-touch input#send_message991:hover {
  background:var(--blue);color:#fff;
}
#aformular input#secura, #bformular input#secura55, input#secura99, input#secura991, #broschuere-bestellen input#secura2, #contact_form100 input.contact#secura100, #event_form_all input.texter#secura_all, #event_form_all99 input.texter#secura_all99,  input.texter#secura_all991,
#event_form_alumniall input.texter#secura_alumniall
{
  display: inline-block;
  width: 50px;
  text-align: center;
}
.no-touch input#send_message:hover {
  background:var(--text);
  color:  #fff;
}
textarea {
  width: 100%;
  resize: none;
}
#contact_form99,#contact_form991, #event_form_all,#event_form_all99, #eventformular_all99, #eventformular_all, #event_form_alumniall  {font-size: 14px;
  line-height: 18px;}
#contact_form99 textarea, #contact_form99 input#secura99,
#contact_form991 textarea, #contact_form991 input#secura991,
#event_form_all textarea,
#event_form_all input#secura_all,
#event_form_all99 textarea,
#event_form_all99 input#secura_all,
#event_form_alumniall textarea,
#event_form_alumniall input#secura_all
 {border:0px;padding:12px;background: #f2f2f2;}

#contact_form99 input#secura99,
#contact_form991 input#secura991,
#event_form_all input#secura_all,
#event_form_all99 input#secura_all99,
#event_form_alumniall input#secura_all
 {background:#f2f2f2;}

#alumnieventsform {
  display: block;
  margin-top: 50px;
  clear: both;float: none;
  padding-top: 50px;
  padding-bottom: 50px;
  background: var(--lightblue);
}

form *,
form *:before,
form *:after {
  box-sizing: border-box;
}

#aformular  input[type="radio"],
#bformular  input[type="radio"],
#broschuere-bestellen input[type="radio"]
 {
  display: none;
}

#aformular  input[type="radio"]+label:before,
#bformular  input[type="radio"]+label:before,
#broschuere-bestellen input[type="radio"]+label:before{
  content: "";
    display: block;
    width: 25px;
    height: 25px;
    padding: 6px;
    margin-right: 3px;
    background-clip: content-box;
    border: 0px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
}


#aformular input[type="radio"]:checked + label:before,
#bformular input[type="radio"]:checked + label:before,
#broschuere-bestellen input[type="radio"]:checked + label:before

{
  background-color: #fff;
}

label {
  display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 25px;

}
.ausfuellen input {
  background:#ffd0d0 !important;
}
#alumnievaluation textarea.ausfuellen {
  background:#ffd0d0 !important;
}
.ausfuellen label {color:#fbc8c8;}

#gender_error100.ausfuellen  {
  color:#ffd0d0 !important;
}
#gender_error100.ausfuellen input[type="radio"] {
  background:#ffd0d0 !important;
}

#download_form_allover_bg {
    width: 100%;
    min-height: 100%;
    background-color: #000;
      opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    position: fixed;
    z-index: 2000;
    background-color: #000;
    top:0px;
    left:0px;
    right: 0px;
    bottom: 0px;
    display: none;
}
#download_form_allover {

    display: none;
     position: fixed;
     left: 50%;
    margin-left:-200px;
      top:100px;
    right: 0px;
    bottom: 0px;
    z-index: 2001;
    width: 100%;
    max-width: 400px;
}
.content.buehne {
  background: var(--darkgreen);
  background: linear-gradient(-90deg, var(--darkgreen) 20%, var(--green) 100%);
  color: #fff;
}
#mail_fail70 {display: none;}
#contact_form100  .error {

}
#contact_form100 .gender {
    float: left;
    margin-right: 5px;
}
#contact_form100 .contact {
    padding-left: 0px;
    width: 100%;
    border:none;
}
#contact_form100 .ausfuellen input{

}
#contact_form100 ::-webkit-input-placeholder {
   opacity: 1;
}

#contact_form100 :-moz-placeholder { /* Firefox 18- */
   color: #000;
   opacity: 1;
}

#contact_form100 ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
   opacity: 1;
}

#contact_form100 :-ms-input-placeholder {
   color: #000;
   opacity: 1;
}
#download_form_allover .inside {
    padding:25px;
    width: auto;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.download_hinweis {
    margin-top: 40px;
    padding: 20px;
    margin-bottom: 20px;
}
#download_x {
    position: absolute;
    right: 20px;
    top:20px;
    font-size: 24px;
    cursor: pointer;
}

#firststep {
    border:none;
    border:0px none;
    cursor: pointer;
    margin-top: 20px;
    padding:10px;
    text-align: center;
   background-color: var(--lightgreen);
   display: block;
  margin-right: 30px;
}
#mail_fail100, #mail_fail99, #mail_fail_all , #mail_fail_all99{
    display: none;
}




.jhrhead {
  display: block;
  padding:25px;
  background:rgb(251, 183, 151);
  background:var(--orange);
  position: relative;
  z-index: 10;
  margin-bottom: 50px;

}
.alumni_jhrhead {
  display: block;
  padding:25px;
color:var(--text);
  position: relative;
  z-index: 10;
  margin-bottom: 50px;
}


.jahresueckblick_holder {
  hyphens: none;
  -webkit-hyphens:none;
  display: block;
    padding: 25px;
    padding-bottom: 100px;
    max-width: 1285px;
    display: table;
    margin: 0 auto;
}
.jahresueckblick_holder h1 {
  display: block;text-align: center;
  z-index: 10;
  position: relative;
  font-size: 36px;
  line-height: 42px;
  font-family: "palatinobold";
}
.jhrover {display: table;
max-width: 700px;margin:0 auto;
font-family: "thesans7";
font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.02em;
position: relative;
text-align: center;
z-index: 10;
padding:50px;
padding-top: 25px;
}

.jhr {
  position: relative;
  padding-bottom: 100px;
  margin-top: 50px;
}
.jhrline {position: absolute;
left: 50%;
width: 18px;
background-color: rgb(251, 183, 151);
top: 0px;
bottom: 0px;
margin-left: -9px;
z-index: 1;
}
.alumni_jhrline {
  background-color: var(--lightblue);
}
.jhr_single {width: 50%;position: relative;overflow: hidden;}
.jhr_single.leftyy {float: left;text-align: right;}
.jhr_single.rightyy {float: right;text-align: left;}
.jhr_single .inside {
  display: block;padding:25px;
}
.jhr_single.p1 .inside { padding:100px; }
.jhr_single.p2 .inside { padding:75px; }
.jhr_single.p3 .inside { padding:25px; }

.jhr_single.leftyy  .inside {padding-right: 50px;}
.jhr_single.rightyy  .inside {padding-left: 50px;}

.jhr_single .inside img {width: 100%;height: auto;position: relative;z-index: 10;}
.jhr_single h2 {padding-bottom: 15px;  font-family: "thesans5";font-size: 17px;
  line-height: 22px;}
#alumni_jrkcbl .jhr_single h2 {color:var(--text);}
.allholder {  display: flex; flex-wrap: wrap; }

.jhr_single .circle {
  position: absolute;
  border-radius: 50px;
  border:10px solid rgb(251, 183, 151);
  top: 50%;
  width: 25px;
  height: 25px;
  background: #fff;
  z-index: 2;
}
#alumni_jrkcbl .jhr_single .circle {
  border: 10px solid var(--blue);
}
.jhr_single.rightyy .circle {left: -22px;}
.jhr_single.leftyy .circle {right: -22px;}
.jhr_single .circle .dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 9px;

  border-radius: 100%;
  margin-left: -6px;
  margin-top: -5px;
}

.jhr_single .liney {position: absolute;background: rgb(251, 183, 151);width: 50px;height:4px;z-index: 2;
top:50%;margin-top: 20px;
}
#alumni_jrkcbl .jhr_single .liney {
  background: var(--blue);
}
.jhr_single.leftyy .liney {right: 0px;}
.jhr_single.rightyy .liney {left: 0px;}

.ausblick {margin-bottom: 100px;
  min-height: 75vh;background-attachment: fixed;background-size: cover;position: relative;background-position: center;}

.jahresueckblick_holder h1.supertitle.lasty  {
  max-width: 850px;
  display: table;
  margin:0 auto;
}

form {hyphens: none;-webkit-hyphens:none;}
form input, form textarea {border-radius: 0px;font-family: "thesans5";}

#usr_login label {padding-left: 0;}
.start .right h1 br.res {display: none;visibility: hidden;}
.content p:first-of-type {margin-top: 0;}
section.allothersingle.evaluation h1.big {
  background: none;color: #fff;
}
section.allothersingle.evaluation#alumnievaluation h1.big {color:var(--text)}





@media (max-width:1450px) {
  .container {overflow: hidden;display: block;}
  .ins {width: unset;display: block;padding-left: 25px;padding-right: 25px;}
  nav {margin-left: 50%;float: none;}
  .pagenav {padding-left: 50%;}
  .lefty { padding-left: 25px; max-width: unset; width: calc(50% - 25px); }
  .side { width: 50%; max-width: unset; }
  .donut_holder {margin-left: 0px;}
  .donut_values {display: block;}
  .donut {width: unset; float: none; display: block; height: unset;}
  .side.sidesmall {max-width: unset;}

  section.allothersingle h1.big, #impressionen_page  h1.big  { margin-left: 0px; margin-top: 0px; padding-left: 0px; }

  #alumnistimmen .side.sidesmall {display: none;}
  section#alumnistimmen.single h1.big {margin-left: 0px;margin-top: 0px;padding-left: 0px;}
  #alumnistimmen .lefty.leftybig { max-width: unset; width: unset; padding-left: 0;}
  .teaser .button { position: relative; bottom: unset; left: unset; }
}


@media (max-width:1250px) {
  #aformular, #bformular {padding:0px;padding-top: 50px;padding-bottom: 50px;}
  .inputholder_l, .inputholder_r, .usr_superholder { float: none !important; width: unset !important; padding-right: unset !important; display: block !important;margin-left: unset !important;}
  .login_form {padding:25px;}
  form#adduser {padding-left: 0px;}
  #aformular input.texter, #aformular textarea.texter, #bformular input.texter, #bformular textarea.texter, #broschuere-bestellen input.texter, #broschuere-bestellen textarea.texter, #event_form_all input.texter, #event_form_all textarea.contact, #event_form_all99 input.texter, #event_form_all99 textarea.contact, #event_form_alumniall input.texter, #event_form_alumniall textarea.contact {width: 100%;}
   #bformular .inputholder_r {margin-top: 10px;}
  .teaser .lead {bottom:unset;top: 0;  padding: 50px;}
  .bereich {position: relative; top: unset; left: unset; display: table; margin-bottom: 10px;}
  .teaser.smallerteaser .lead {padding-left: 50px;}
  .ins {max-width: unset;}
  #eventformular_all.ins h1.big, #eventformular_all99.ins h1.big, #alumnieventsform .ins h1.big, .evaluation form, .schoolsformholder form, .specialschoolsformholder form {padding-left: 0px;}
  .right { bottom: unset; }
  .right .offset {padding:50px;margin-top: 25px;}
  .right .linkbox {position: relative;bottom:unset;top:unset;}
  .quicklinks svg {padding:5px;}
  .imprfull .overlay {padding:50px;}
  .teaserimg img { width: 100%; height: auto; margin-top: -25px; }
  .evcontent {display: block;
  max-width: unset;
  width: unset;padding:25px;margin-left: 0;}
}

@media (max-width:1099px) {
  body, #aformular input.texter, #aformular textarea.texter, #bformular input.texter, #bformular textarea.texter, #broschuere-bestellen input.texter, #broschuere-bestellen textarea.texter, #event_form_all input.texter, #event_form_all textarea.contact,  #event_form_all99 input.texter, #event_form_all99 textarea.contact,#event_form_alumniall input.texter, #event_form_alumniall textarea.contact, .formy input, #contact_form100 input.contact,
  input#send_message, input#send_message99, input#send_message2, input#send_message_all, input#send_message_all99, input#send_message55,
  .jhrover, .jhr_single h2
  {font-size: 15px;line-height: 20px;}
  h1.big, h1, .currinav, h2, nav, .login_fifty h1, .jahresueckblick_holder h1 {
    font-size: 18px;
      line-height: 22px;
}
.subnav ul#imstudium { padding-left: 178px; }
.subnav ul#alumni { padding-left: 335px; }
.subnav ul li {hyphens: none;-webkit-hyphens:none;}
.navpoint:after {top:2px;}
.teaserimg .badge {display: none;}
main {padding-top: 25px;}
section.single h1.big { margin-left: -75px;padding: 25px;}
.logo { width: 150px;}
.meta { margin-bottom: 25px; padding-bottom: 9px;background: none;}
nav {padding-top: 25px;}
.teaser .lead {width: 50%;}
.side { width: 30%; }
.lefty { width: calc(70% - 25px); }
.pagenav { padding-left: 0; padding-bottom: 50px;padding-top: 50px;}
footer .holder {padding-bottom: 50px;padding-top: 50px;margin-bottom: 400px;}
section.single h1.big {margin-left: 0px;padding-left: 0;margin-top: 0;padding-top: 0;padding-bottom: 15px;}
.eventholder, .ev_fifty {padding-left: 0px;}
#interessenten_events .button, #imstudium_events .button { margin-left: 175px;}
#imstudium_events .content .ins {padding-left: 0;padding-right: 0;}
.shortdesc, .currinav {  padding-left: 0; padding-bottom: 0; }
.currihinweis.hinweis {margin-left: 0;}
.curriculum_semester {display: block;float: none;width: unset;margin-bottom: 25px;margin-right: 0px;}
.breadcrumbs {margin-left: 0px;}
.alumnikontaktbox {padding:25px;margin:0;}
section#schools.single img.thumby, section.single .lefty.leftybig h1.big {margin-top: 0px;}
.fullwidthimg {padding-left: 0px;}
.filterholder { margin-left: 0; }
.hinweis {margin-top: 25px;margin-bottom: 10px;}
.topright { position: relative; top: unset; left: unset;text-align: left; font-size: 12px; line-height: 16px;}
.topright .tr_point {padding:5px;padding-left: 7px;padding-right: 7px;padding-bottom: 6px;}

footer { position: relative; margin-top: 50px; }
footer .bg {background-attachment: unset;
    background-size: auto 400px;
    height: 400px;}
.login_form {padding:25px;}
.login_fifty {float: none;width: unset;display:block;}
.login_fifty h1 { margin-top: 0; text-align: left;}
.alumnikontaktboxpage .ins {display: flex;flex-direction: column;}
.alumnikontaktboxpage .side {order:2;float: none;display: block;width: unset;max-width: 450px;margin-top: 50px;}
.alumnikontaktboxpage .lefty {order:1;float: none;width: unset;padding-left: 0;}

section.single {padding-top: 25px;}
h1.big.resbig {font-size: 24px;line-height: 28px;}
h1.big.resbig::before {}
  .topright {font-size: 10px; line-height: 14px;}
  .topright .tr_point.loggedin .half:nth-child(2), .topright .tr_point.loggedin .half:nth-child(1) {font-size: 10px; line-height: 12px;}
  .topright .tr_point.loggedin .half:nth-child(2) {padding-top: 11px;padding-bottom: 2px;}
  .alumnimodulelink {
    background-size: 14px auto;}
.schoolsformholder, .specialschoolsformholder {padding-top: 25px;}
.topright .tr_point.loggedin {height: 25px;}
.topright .tr_point.loggedin .half:nth-child(1) {padding-top: 0px;padding-bottom: 1px;}
.topright .tr_point.loggedin .half:nth-child(2) { padding-top: 0px; padding-bottom: 0px; }
.jhr {margin-top: 0px;}
.jhrhead {margin-bottom: 0;}
}



@media (max-width:990px) {
  .logo { width: 120px; float: right;margin-top: 18px; }
  nav {margin-left: 0px;clear: both;padding-top: 0;}
  .meta {float: left;}


  .subnav ul{margin-left: 0px;}
  .subnav ul#imstudium, .subnav ul#alumni {padding-left: 0;}
  .subnav .spickel.int, .subnav .spickel.alu, .subnav .spickel.ims {
  left: 20px !important;
  }

  .brschpge {display: none;}
  .start .down {display: none;}
  .start .left {position: relative;display: block;float: none;clear: both;width: unset;}
.start .right {position: relative;left:unset;right:unset;top:unset;bottom:unset;/* margin-top: -100px; */}
.start .right h1 {
  margin-top: -100px;
  background:#fff;
  padding:25px;padding-bottom: 0;
}
.start .right h1 br.res {display: block;visibility: visible;}
  .yo { position: relative; max-width: unset; float: none; display: block; margin-left: -25px;margin-right: -25px;}
  .right .offset {margin-left: -25px; margin-right: -25px; margin-top:0; z-index: 10;border-bottom-right-radius:0;padding:25px;}
  .right .linkbox {max-width: unset;margin-left: -25px; margin-right: -25px;padding:25px;}
  .teaser .lead { width: unset; position: relative; display: block; top: unset; left: unset; }
  .imgholder { margin-right: 50px; position: relative; display: block; float: none; z-index: 1; }
  .teaser {margin-bottom: 75px;}
  .imgholder { margin-right: 0; }
  .teaserimg img, #second .smallerteaser .teaserimg img {margin-top: 0px;}
  #second .smallerteaser .teaserimg img { width: 100%; }
  .teaser .lead, .teaser.smallerteaser .lead {padding:25px;}
  .bereich, .button {white-space: nowrap;}
  .lead h1 {display: block;margin-top: 30px;}
  .teaserimg, .smallerteaser .teaserimg  { float: left; width: 150px; position: relative; z-index: 3; margin-left: 25px; margin-right: 25px; margin-top: -55px; margin-bottom: 0; }
  .curriculum_holder .button {  left: 0; top: -165px; }
  .curripreview {padding-bottom: 50px;}
  .imprfull .overlay { padding: 25px; left: 50%; right: 0px; top: 50px; }
  main { padding-top: 0; }
  .col { flex: 0 0 33.33%; }
  #stats .side {display: none;}
  #stats .lefty {width: unset;display: block;padding-left: 0px;}
  .allothersingle .fifty {width:unset;padding:0;display: block;}
}
@media (max-width:840px) {
  .jahresueckblick_holder, .jhrhead, .jhrover {padding:0;}
  .jhrover {padding-bottom: 15px;}
  .jhrline {left: 0;margin-left: 0;width: 5px;}
  .jhr_single.leftyy, .jhr_single.rightyy {
    width: unset;float: none;display: block;
    margin:0;padding:0;
    margin-bottom: 50px;
  }
  .jhr_single .liney {margin-top: 16px !important;}
  .jhr_single.leftyy .liney {right: unset;}
  .jhr_single .circle {width: 14px;height: 14px;left: -16px !important;}
  .jhr_single.rightyy .inside, .jhr_single.leftyy .inside {
    padding:0;
    padding-left: 25px;
    text-align: left;

  }
}

@media (max-width:800px) {
  footer .fifty { float: none; width: unset; display: block; }
  footer .fifty#kontakt { width: unset; padding-left: 0px; position: relative; left: unset; top: unset; display: block; }
  .up {left: unset; right: 25px; top: 25px;}
  .imprfull .overlay {position: relative;left:unset;right:unset;top:unset;bottom:unset;display: block;margin-top: 50px;}
  .col { flex: 0 0 50%; }
  .cholder {display: flex;flex-direction: column;}
  .curri_righty {order:1;} .curri_lefty {order:2;} .curri_img {order:3;}
  .singlemodul .curri_righty, .singlemodul .curri_lefty, .singlemodul .curri_img {width: unset;display: block;margin:0px;margin-bottom: 25px;margin-right: 0px;margin-left:0px;}
  .quicklinks { padding: 5px;padding-right: 7px;}
  .quicklinks svg {width: 10px;padding: 3px;}
  .lefty.leftybig h1.big {
    hyphens: auto;
    -webkit-hyphens: auto;
  }
  .alstimme .left, .alstimme .right {
    float: none;display: block;clear: both;width: unset;margin-left: 0;
  }
  #schools .side.sidesmall {display: none;}
  #schools .lefty.leftybig {max-width: unset;padding-left: 0;width: unset;}
  #impressionen_page .ev_lefty {float: none;display: block;margin-right: 0px;width: unset;max-width: 500px;margin-bottom: 25px;}
  #impressionen_page .ev_right {margin-left: 0;}
}

@media (max-width:560px) {
  .meta { float: none; margin-left: -25px; margin-right: -25px; display: block; margin-bottom: 10px; }
    .breadcrumbs { margin-left: 25px; }
  .topright .tr_point:nth-child(1) {padding-left: 25px;}
  .logo { width: 120px; float: none; margin-top: 0;margin-bottom: 10px;}
  .navpoint {font-size: 15px;line-height: 20px;margin-right: 10px;padding-right: 10px;}
  .navpoint:after { top: 1px; font-size: 12px; }
  .subnav ul li {margin-bottom: 3px;}
  .teaserimg, .smallerteaser .teaserimg {float: none;margin-top: 0px;margin-bottom: -15px;}
  .teaser { margin-bottom: 25px; }
  .second, .third {  padding-top: 25px; }
  .col { flex: 0 0 100%; }
  .side { width: 100px; float: left; margin-left: -25px; margin-right: 25px; margin-bottom: 15px; }
  .lefty {float: none;width: unset;padding-left: 0;}
  .date { width: 60px; margin-right: 0; }
  .ev_right { margin-left: 70px; }
  #interessenten_events .button, #imstudium_events .button { margin-left: 70px; }
  h1.big, h1, .currinav, h2, nav, .login_fifty h1, .date .day{ font-size: 16px; line-height: 20px; }
  .date .month_year {font-size: 10px; line-height: 10px;}
  .filtr, .hinweis {font-size: 10px; line-height: 10px;}
  .filtr.active {padding-left: 25px;}.filtr span {width: 20px;}
  .date .day {padding:5px;}
  #interessenten_events .button, #imstudium_events .button { margin-left: 70px; }
  .alumnikontaktboxpage .side {order:2;float: none;display: block;width: unset;max-width: 450px;margin-top: 50px;margin-right: -25px;}
  .c {color: #fff;}
  .defaultthumb .side {display: none;}
}




@media (max-width:400px) {
  #download_form_allover {top:25px;max-width: unset;left:0;right:0;margin-left: 0;}
  .download_hinweis {margin-top: 0px;padding:0;margin-right: 30px;}
}