@charset "UTF-8";
/* design by koppenwallner ©25.02.25 /* Fonts & font-colors > css-file "amc_fonts_colors"
   ========================================================================== */
/* BASIC colorS
   ========================================================================== 
amc-red: color: #B42A2C;
amc-grey light: color: #96AAB2;
amc-grey dark: color: #3A494F;
yellow: background-color: #FDE86A;
   ========================================================================== */
/* BASICS ################################################################################### */
/* dimensions of all boxes incl. padding & borders  */
/* width of right sidebar: 440px */
/**{
border: 1px solid #96AAB2;	
}*/
#noJavascript {
  display: block;
  width: 100%;
  height: auto;
  padding: 50px;
  text-align: center;
}
html {
  width: 100%;
  min-height: 100vH;
  overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}
*:hover, *:active {
  /* -webkit-user-select: none; PROBLEM: no Input in text-fields possible!*/
  -webkit-touch-callout: none;
}
.hidden {
  display: none;
}
/*img, video, object {
  max-width: 100%;
}*/
h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}
/*reduce width of first headlines not to collide with right header-pict on big screens*/
.txt_b h1:first-child, .txt_b h2:first-child, .txt_b h3:first-child {
  max-width: 90%;
}
h4 {}
/*shadows*/
.shadow, .popmenu:hover label, .popmenu:hover .popmenu_item, #anmeldetipp, #listview_chooser_1, #listview_chooser_2, #listview_chooser_3, #gototop, #nav_back, .popup_prof .popup_close, #popup_video_1 .popup_close, #slideshow_big_header .popup_close {
  -webkit-box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.22);
}
/* no shadows */
.popmenu, .popmenu label {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*MAIN STRUCTURE xxxxxxxxxxxxxxxxxxxxxxxxx */
/** {
  border: solid 1px rgba(185, 183, 183, 1.00)
}*/
/* Body */
body {
  margin: 0px;
  width: 100%;
  height: 100%;
}
/* Container */
.container {
  overflow: hidden;
}
.container, .popup_prof {
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.container, .popup_prof, .overlay {
  width: auto;
  /*min-width: 51em;*/
  /*OVER-ALL-WIDTH*/
  max-width: 1500px;
}
/* HEADER */
header {
  position: relative;
  float: left;
  clear: both;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  /* min-height: 485px;*/
  /*min-height: 44vw;*/
  margin-bottom: 0;
  z-index: 5000;
}
.header_bar {
  top: 0;
  left: 0;
  width: 100%;
  /* when changing height, then you must change margin-top of #header-content an .header_pict too! */
  height: 40px;
  z-index: 150;
}
#content {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
/* CONTENT LEFT ========================================================================== */
#content_left_wrapper {
  display: block;
  position: relative;
  float: left;
  clear: none;
  top: 0;
  left: 0;
  /*	WIDTH OF LEFT COLUMN*/
  width: 53%;
  height: auto;
  /* background-color:aqua;*/
}
.content_left {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0;
  padding-left: 50px;
  padding-top: 0;
  /*  padding-bottom: 30px;*/
  z-index: 150;
  /* margin-bottom: 3em;*/
  /*   background-color:aqua;*/
}
/* CONTENT RIGHT ========================================================================== */
#content_right_wrapper {
  display: block;
  position: relative;
  float: right;
  clear: right;
  width: 39%;
  margin-top: -4.9em;
  text-align: center;
  /*  margin-bottom: 3em;*/
}
.content_right {
  display: block;
  position: relative;
  /* float: right;
  clear: both;*/
  /*controls width of sidebar*/
  right: 0;
  width: 75%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  /* padding-left: 70px;
  padding-right: 50px;*/
  height: auto;
  z-index: 50;
}
.calendar_wrapper, .calendar_item_wrapper {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  padding: 0;
}
.calendar_wrapper {
  margin-top: -1em;
  margin-bottom: 1.2em;
  padding-bottom: 1em;
}
.calendar_overlay {
  position: absolute;
  bottom: 30px;
  width: 100%;
  height: 120px;
  background-image: url("../images/calendar_list_overlay.svg");
  background-size: cover;
  /*	background-color:aqua;*/
}
.calendar_overlay_off {
  display: none;
  /*	background-color:aqua;*/
}
/*visible part of calender*/
.calendar_inner_wrapper {
  height: 17.5em;
  overflow: hidden;
}
.calendar_item_wrapper:nth-child(1) {
  margin-top: -0.3em;
  margin-bottom: 0em;
  padding: 0;
  padding-bottom: 10px;
}
.calendar_item_wrapper:nth-child(1n) {
  margin-top: 10px;
  margin-bottom: 0em;
  padding: 0;
  padding-bottom: 10px;
}
.calendar_box_left, .calendar_box_right {
  display: block;
  position: relative;
  margin-top: 0;
  margin-bottom: 0.1em;
  cursor: pointer;
}
/*calendar list text*/
.calendar_box_left {
  width: 68%;
  float: left;
  margin-left: 0;
  padding-left: 0;
}
/*calendar list image-container */
.calendar_box_right {
  float: right;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  padding: none;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
/*calendar list image*/
.calendar_box_right img {
  width: 100%;
  height: 100%;
}
/*button "show more"*/
.button_show_more_cal, .button_show_more_cal_2 {
  display: block;
  position: relative;
  float: right;
  width: 30px;
  height: 30px;
  margin-right: 18px;
  margin-top: 0px;
  margin-bottom: -0.75em;
  background-image: url("../images/icon_down_grey.svg");
  cursor: pointer;
}
.button_show_more_cal_2 {
  background-image: url("../images/icon_up_grey.svg");
  cursor: pointer;
}
.button_show_more_cal:hover {
  background-image: url("../images/icon_down_red.svg");
}
.button_show_more_cal_2:hover {
  background-image: url("../images/icon_up_red.svg");
}
/* FOOTER ========================================================================== */
footer {
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  margin-top: 80px;
}
#footer_bar {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 50px;
  margin-top: -40px;
  padding-top: 0px;
}
.footer_pict {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.footer_pict_overlay, .footer_pict_picture {
  position: relative;
  left: 0;
  bottom: 0;
  width: 80%;
  height: auto;
}
.footer_pict_picture {
  position: absolute;
  margin-bottom: -0.5%;
  margin-left: -0.5%;
}
.footer_logo, .footer_links {
  position: relative;
  float: left;
  margin-left: 13px;
  margin-top: 16px;
}
.footer_logo {
  width: 120px;
  height: auto;
}
.footer_links {
  float: right;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 13px;
  margin-top: 1em;
}
#gototop {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 10px;
  cursor: pointer;
  background-image: url("../images/icon_arrow_top_white.svg");
  /* -webkit-transition: position 0.2s ease-in;
  -o-transition: position 0.2s ease-in;
  transition: position 0.2s ease-in;*/
  z-index: 5000;
}
#gototop:hover {
  background-image: url("../images/icon_arrow_top_red.svg");
}
/* END MAIN STRUCTURE xxxxxxxxxxxxxxxxxxxxxxxxx */
/* MENU #################################################### */
/* Navigation */
#menu {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  /*  if changed, then change in amc_2019.js too (function slideshow_big_off())*/
  top: -5px;
  left: 0px;
  background-image: none;
  cursor: pointer;
  z-index: 250000;
}
#menu:hover, #menu:active {
  background-image: none;
}
/* show menu */
#menu:hover .popmenu {}
#menu a img {
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
}
/* menu */
.popmenu {
  display: block;
  position: absolute;
  /* menu width xxxxxxxxxxxxxxxxxxxxxxxxx */
  width: 90vw;
  height: 95px;
  /* menu-distance to top */
  left: 50px;
  margin-left: -5px;
  margin-top: -75px;
  padding-top: 50px;
  overflow: hidden;
  padding-bottom: 0.6em;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;*/
  /* transition: all 0.2s ease-in;*/
  cursor: pointer;
  z-index: 50000;
}
.popmenu_item {
  display: block;
  float: left;
  width: auto;
  height: 0;
  margin-right: 1px;
  padding-top: 35px;
  padding-bottom: 0;
  cursor: pointer;
}
/*main menu items*/
.popmenu label {
  display: block;
  width: auto;
  margin-top: -31px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  z-index: 100;
  cursor: pointer;
}
.popmenu label:after {
  content: ' |';
}
.popmenu .popmenu_item:last-child label:after {
  content: '';
}
/*submenu items*/
.popmenu .panel {
  width: 0px;
  height: 0px;
  margin-top: 0;
  padding-left: 20px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
/*menu content*/
.popmenu .panel li {
  width: 100%;
  float: left;
  clear: both;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 40px;
  transition: all 1s ease-in;
}
/*menu hover xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.popmenu:hover {
  /* menu width xxxxxxxxxxxxxxxxxxxxxxxxx */
  margin-left: 1px;
  width: 90vw;
  /* over-all height of menu */
  height: 20em;
  transition: all 0.3s ease-in;
}
.popmenu:hover label:after {
  content: '';
}
/*main menu items*/
.popmenu:hover label {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  z-index: 600000;
}
.popmenu:hover .popmenu_item {
  height: auto;
  margin-right: 1px;
  margin-bottom: 0;
}
/* submenu items */
.popmenu:hover .panel {
  width: 100%;
  /*	HEIGHT OF MENU */
  height: 10.5em;
  margin-top: 0;
  padding-left: 20px;
  box-sizing: border-box;
  transition: all 0.5s;
  overflow: hidden;
  cursor: pointer;
}
/*	hide menu items */
.popmenu_item:nth-child(1), .popmenu_item:nth-child(2) {
  display: none;
}
/* submenu hover */
.popmenu .panel li:hover {
  cursor: pointer;
}
.popmenu .panel li:first-child {
  margin-top: 0.5em;
}
.popmenu .panel li:last-child {
  margin-bottom: 0.5em;
}
.popmenu input {
  display: block;
  text-decoration: none;
  border: none;
}
.popmenu input:checked + label:before {
  transition: 0.5s;
}
.popmenu input:checked ~ .panel {
  transition: 0.5s;
}
/*End navigation*/
/*language*/
#lang_chooser {
  position: absolute;
  top: 137px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 90;
  background: none;
}
#lang_chooser > ul > li:hover > ul {
  position: absolute;
  height: auto;
  width: 50px;
}
#lang_chooser ul {
  height: 50px;
  margin-top: -12px;
  margin: 0;
  padding: 0;
}
#lang_chooser > ul > li {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
}
#lang_chooser li img {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 13px;
  width: 25px;
  height: auto;
}
/*lang-menu*/
#lang_chooser > ul > li > ul {
  display: none;
  margin-top: -18px;
  -webkit-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
#lang_chooser > ul > li:hover > ul {
  display: block;
}
/*distance between flags*/
#lang_chooser ul li ul li {
  margin-bottom: 2em
}
#lang_chooser img:hover {
  width: 30px;
  height: auto;
}
/* submenues in overview-pages (list-views) */
.content_left .section_item_wrapper_2 ul.listview_classes li {
  position: relative;
  display: block;
  float: left;
  clear: both;
  padding-left: 0;
  padding-right: 1em;
}
/* submenues in overview-pages (list-views) */
.content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
  margin-top: 8px;
}
.content_left .section_item_wrapper_2 ul.listview_classes li:last-child {
  padding-right: 0;
}
.content_left .section_item_wrapper_2 ul.listview_classes li a {
  padding-left: 0;
  padding-right: 0;
}
/* color gradient in overview-pages (list-views) */
.popup_prof_courses, ul.listview_classes, .section_item_wrapper_3 {
color: #000000;
/* background-color: rgba(150, 170, 178, 0.5); */
background-image: linear-gradient(to left, white 0%, rgba(150, 170, 178, 0.35));
}

#nav_back_to_overview {
  display: none;
}
/* END menus #################################################### */
/* HEADER-HEADLINE */
#header_content {
  position: relative;
  float: left;
  top: 0;
  margin-left: 50px;
  width: 65%;
  height: auto;
  margin-top: 0;
  margin-bottom: 2em; /* Distance to Content */
  z-index: 80;
}
.header_spacer, .header_txt_wrapper {
  border-left: solid 1px #000000;
}
/* corrects headline-distance to top */
.header_spacer {
  position: relative;
  float: left;
  clear: both;
  width: 150px;
  height: 190px; /* Distance to Top */
  /*  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;*/
}
.header_txt_wrapper {
  display: table;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 0;
  padding-top: 2em;
  padding-left: 10px;
  z-index: 100;
}
.header_txt {
  display: block;
  vertical-align: top;
  width: 120%;
  float: left;
  margin-bottom: 20px;
}
.header_txt_wrapper h1, .header_txt_wrapper h2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
/* HEADER_TEXT_WRAPPER first Sub-header */
.header_txt_wrapper h2:nth-child(2) {
  margin-top: 0.5em;
}
/* HEADER_TEXT_WRAPPER following Sub-headers */
.header_txt_wrapper h2:nth-child(n+3) {
  margin-top: 0em;
}
/* HEADER_PICTURE FRAME */
#header_pict {
  position: relative;
  float: right;
  clear: none;
  width: 10%;
  height: auto;
  margin-top: 0;
  margin-bottom: 1em;
  overflow: visible;
}
/* CONTAINER OF HEADER-PICT ========================================================================== */
#header_pict_wrapper {
  position: relative;
  float: right;
  clear: none;
  top: 0;
  right: 0;
  /*HEADER Pict Size*/
  width: 1000%;
  height: 40vw; /*necessary to prevent flickering (slideshow)*/
  max-width: 100em;
  max-height: 37em;
  margin-bottom: -3.5em;
  padding-bottom: 0.5em;
  overflow: hidden;
}
/*HEADER Pict */
#header_pict_wrapper img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
/*HEADER Pict OVERLAY Size*/
.header_pict_overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100em;
  background-image: url("../images/amc_bereichsbild_oben__abdeck_breit.svg");
  background-repeat: no-repeat;
  z-index: 10;
}
/* END HEADER PICTURE */
#logo_top {
  position: absolute;
  top: 100px;
  left: 15px;
  width: 250px;
  height: auto;
  z-index: 10;
}
#logo_top a.img {
  cursor: pointer;
}
#nav_back {
  display: block;
  position: absolute;
  top: 50px;
  left: 8px;
  background-image: url("../images/icon_arrow_left_white.svg");
  background-color: #96AAB2;
  cursor: pointer;
  z-index: 4000;
  -moz-animation: fadeInDown .5s ease-in;
  -webkit-animation: fadeInDown .5s ease-in;
  animation: fadeInDown .5s ease-in;
}
#nav_back img {
  width: 40px;
  height: 40px;
}
#nav_back:hover {
  background-image: url("../images/icon_arrow_left_red.svg");
}
/* CONTENT
   ========================================================================== */
/*REGISTRATION FORM ################################################################################### */
.form_label_txt {
  display: block;
  float: left;
}
/*width of form*/
.formbody {
  max-width: 100%;
}
.formbody, .formbody h3, .chooser_text, .form_reg_section, .form_reg_part, .form_col_0, .form_col_1, .form_col_2, .form_col_2 label, .form_notice, .form_notice label, .formbody .button_b {
  display: block;
  float: left;
}
/*style of labels*/
.form_col_0 {
  width: 80%;
  padding-right: 1.5em;
  margin-bottom: 0.5em;
}
.form_col_0 ul li {
  display: block;
}
.form_col_1 {
  width: 100%;
  padding-right: 0;
}
.form_col_1, .form_sum_total {
  padding-top: 0.2em;
}
.form_sum_total {
  float: right;
}
/*style of costs*/
.form_col_3 {
  float: left;
  width: auto;
  margin-left: 1em;
  padding-top: 0em;
}
.form_sum_total {
  float: right;
}
/*width of input fields, etc.*/
.form_col_2, .form_col_2 select, .form_col_2 input, .form_col_2 textarea {
  width: 100%;
}
.form_col_2_2 input, .form_col_2_2 select {
  /* look at bottom of page!*/
}
.form_col_2_3 input, .form_col_2_3 select {
  /* look at bottom of page!*/
}
/*width of radio-buttons*/
.form_col_2 label input[type='radio'] {
  width: auto;
  margin-bottom: 0.1em;
}
.form_radio_button_label_txt {
  display: block;
  margin-left: 1.5em;
  margin-top: -1.5em;
  margin-bottom: 0.8em;
}
.form_reg_section, .form_reg_part, .form_notice {
  width: 100%;
}
/*form margins --------------*/
.form_margin_top_1 {
  margin-top: 0.5em;
}
.form_margin_bottom_0 {
  margin-bottom: 0;
}
.form_margin_bottom_1, .form_col_1, .form_col_2, .form_col_3, .form_sum_total {
  margin-bottom: 0.5em;
}
.form_margin_bottom_2 {
  margin-bottom: 1em;
}
.form_margin_bottom_3 {
  margin-bottom: 2em;
}
.form_margin_bottom_4 {
  margin-bottom: 3em;
}
/*special margins*/
#condition_Kurs_2_Anfang, #condition_Kurs_3_Anfang {
  margin-top: -1em;
}
.form_reg_part.form_margin_bottom_2 h3 {
  margin-top: 1em;
}
.form_reg_part.form_margin_bottom_2 label.custom_checkbox input {
  margin-top: 1.7em;
}
#form_section_1, #form_section_4 {
  margin-top: -1em;
}
/*END form margins*/
input, textarea {
  cursor: default;
  height: auto;
  padding: 0.5em;
  border-right: none;
  border-left: 1px solid #3A494F;
  border-top: none;
  border-bottom: 1px solid #3A494F;
  -webkit-appearance: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-weight: 200;
}
/*XXXXXXXXXXXX custom select*/
/* class applies to select element itself, not a wrapper element */
select {
  display: block;
  /*  color: #444;*/
  line-height: 1.3;
  padding: .5em 1.3em .4em .7em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #96AAB2;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
  border-radius: .4em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("../images/icon_down_grey.svg");
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
select::-ms-expand {
  display: none;
}
/* Hover style */
select:hover {
  border-color: #888;
}
/* Focus style */
select:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  /*  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;*/
}
/* Set options to normal weight */
select option {
  font-weight: normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] select, :root:lang(ar) select, :root:lang(iw) select {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}
/* Disabled styles */
select:disabled, select[aria-disabled=true] {
  color: graytext;
  background-image: url("../images/icon_down_red.svg");
}
select:disabled:hover, select[aria-disabled=true] {
  border-color: #aaa;
}
/*END custom select*/
/*select {
  border: none;
}*/
select.profs_filter {
  width: 185px;
  margin-bottom: 0.5em;
}
#profs_filter_line {
  position: absolute;
  width: 1px;
  height: 18px;
  border-right: 1px solid #B42A2C;
  top: -18px;
  right: 23px;
}
/*style of button in form*/
.formbody input {
  /*  background: none;*/
  height: 2em;
  margin: 0;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
}
/*style of checkbox after subheadlines*/
.formbody .custom_checkbox input[type='checkbox'] {
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.8em;
  margin-top: 0.2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #3A494F;
}
.formbody .custom_checkbox input[type='checkbox']:checked {
  border: none;
}
.formbody .custom_checkbox [type='checkbox']:checked:after {
  width: 0.5em;
  height: 1.2em;
  margin-left: 0.15em;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  display: inline-block;
}
/*END style of checkbox after subheadlines*/
/*style of radio-buttons*/
.formbody .form_col_0 .custom_checkbox [type='checkbox'], .formbody .form_notice .custom_checkbox [type='checkbox'] {
  display: block;
  float: left;
  margin-left: 0;
  margin-top: 0.1em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
.custom_radio {
  display: inline-block;
  margin-top: 0.2em;
  line-height: 1.5em;
}
.formbody .custom_radio input[type='radio'] {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -0.1em;
  margin-right: 0.1em;
  vertical-align: middle;
  border: 1px solid #3A494F;
  border-radius: 100px;
  background: #FFFFFF;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
}
.formbody .custom_radio input[type='radio']:checked {
  border: none;
  border-radius: 100px;
  background: #B42A2C;
}
/*END style of radio-buttons*/
.form_col_2 label {
  margin-right: 1em;
}
/*hidden parts of the form - DO NOT MOVE UPWARDS!*/
.form_hidden {
  display: none;
}
.form_show {
  display: block;
}
.form_border {
  border-bottom: 1px solid black;
}
/*confirm email-message*/
.confirmEmailMessage {
  margin-left: 0;
  color: #B42A2C;
}
/*tipp below course-chooser*/
#anmeldetipp {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  padding: 0.6em;
  margin-top: 0.6em;
  background-color: #FDE86A;
  /* radius */
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* triangle on top of tipp */
#anmeldetipp:before {
  content: " ";
  position: absolute;
  width: 1.3em;
  height: 1.3em;
  z-index: -1;
  margin-top: -0.9em;
  margin-left: 5px;
  background-color: #FDE86A;
  transform: rotate(45deg);
}
/*END REGISTRATION FORM xxxxxxxxxxxxxxxxxxxxxxxxx */
/*adapts top-position of left content*/
.content_left_spacer_1 {
  margin-top: -3.65em;
}
#content_left_wrapper {
  float: left;
  clear: both;
  margin-bottom: 1em;
}
ul li.teaser a, ul li ul li.teaser a {
  white-space: normal;
}
.content_left .teaser_content, #list_section_2, #list_section_3, #list_section_4 {
  display: none;
}
/*#listview_chooser_1::before, li#listview_chooser_2::before, #listview_chooser_3::before {
  display: inline-block;
  width: 1.5em;
  height: 1.2em;
  content: "";
  background-image: url("../images/icon_eye_grey.svg");
  background-repeat: no-repeat;
  background-size: 1.2em;
  background-position: 0 0.23em;
  cursor: pointer;
  padding-right: 0.7em;
}*/
#listview_chooser_1, #listview_chooser_2, #listview_chooser_3 {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 13px;
  margin-top: -0.2em;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: center;
  background-color: #B42A2C;
  cursor: pointer;
}
#listview_chooser_1 {
  background-image: url("../images/icon_time-2_white.svg");
}
#listview_chooser_2 {
  background-image: url("../images/icon_music_white.svg");
  background-color: #96AAB2;
  background-size: 30px;
}
#listview_chooser_3 {
  background-image: url("../images/icon_teacher-2_white.svg");
  background-color: #96AAB2;
}
#listview_chooser_caption {
  display: block;
  position: absolute;
  left: 48px;
  top: -27px;
  margin-top: 0;
  margin-bottom: 0.5em;
}
/*filter-menu in section profs*/
.profs_filter_wrapper {
  display: block;
  float: left;
}
/* infoblock */
.content_left_infoblock, .content_left_textblock, .content_left ul.listview_chooser, .content_left .section_wrapper {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  margin-bottom: 0.8em;
  padding-bottom: 0;
}
.content_left .section_wrapper {
  width: 120%;
}
#section_list_wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
}
/*list chooser*/
.content_left ul.listview_chooser {
  width: auto;
  clear: none;
  margin-left: -0.5em;
}
.content_left ul.listview_chooser li, .content_left .section_wrapper h2 {
  clear: none;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
/*title "choose course"*/
.content_left div.section_wrapper h3 {
  position: relative;
  float: left;
  clear: none;
  width: auto;
  min-width: 230px;
  height: 1.2em;
  margin-top: 0.2em;
  margin-left: -50px;
  margin-right: 1em;
  margin-bottom: 1em;
  padding-top: 0.08em;
  padding-left: 50px;
  padding-right: 0.5em;
  -webkit-border-radius: 0px 3px 3px 0px;
  -khtml-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.section_item_wrapper h3 {
  margin-top: 3.5em;
  margin-bottom: 0.1em;
  /* background-color: aqua;*/
}
section_item_wrapper h3, .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
  width: 100%;
  max-width: 670px;
  /* background-color: red;*/
}
.content_left_infoblock ul, .content_left_infoblock p, .content_left_textblock ul, .content_left_textblock p, .txt_b p {
  padding-left: 1em;
  margin-bottom: 1em;
  padding-bottom: 0;
  white-space: normal;
  list-style-position: inside;
}
.content_left_textblock p, .txt_b p {
  margin-bottom: 0.5em;
}
/*corrects padding-left on introtext/startpage*/
.content_left #txt_intro p {
  padding-left: 0;
}
.content_left_infoblock h3:first-child {
  margin-top: 0;
}
.content_left_infoblock ul:last-child {
  margin-bottom: 1.5em;
}
.content_left_infoblock ul li, .content_left_textblock ul li {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  white-space: normal;
}
.kursZeitraum:before {
  content: " |\00a0";
}
.txt_a, .txt_b {
  display: block;
  width: 100%;
  height: auto;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  word-wrap: break-word;
  word-break: break-word;
  overflow: visible;
}
.txt_a {
  margin-bottom: 1.5em;
}
/*text without headline / distance to top*/
p.txt_spacer_top {
  display: block;
  float: left;
  width: 100%;
  height: 2.25em;
  padding: 0;
  margin: 0;
  /*  background-color: aqua;
*/
}
.chooser_text {
  width: 100%;
  clear: both;
}
.chooser_a {
  position: relative;
  float: left;
  width: 200px;
  height: auto;
  margin-left: 0px;
  margin-right: 50px;
  margin-top: -20px;
  margin-bottom: 30px;
}
.chooser_a_pict {
  width: 160px;
  height: 160px;
  margin: auto;
  margin-bottom: 20px;
  cursor: pointer;
}
/*prof-chooser A-B-C*/
.content_left .section_chooser h3 {
  display: block;
  position: relative;
  float: left;
  width: 70%;
  height: auto;
  margin-top: 0;
  margin-left: -50px;
  margin-bottom: 1em;
  padding-right: 0.3em;
}
/*title "A-B-C...*/
.content_left .section_chooser, .content_left .section_chooser h3 {
  display: table;
  position: relative;
  margin-left: 0;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.content_left .section_chooser {
  display: block;
  width: 185px;
  height: auto;
  margin-left: -8px;
  margin-top: -20px;
  margin-bottom: 0;
}
/*width of alphabet-chooser*/
.content_left .section_chooser_profs_2 {
  width: auto;
}
.content_left .section_chooser h3 {
  margin-top: -2.2em;
}
/*title "A-B-C... items if on top of list*/
.content_left .section_chooser ul {
  margin-bottom: 0;
}
/*title "A-B-C... items*/
.content_left .section_chooser ul, .content_left .section_chooser ul li {
  display: block;
  position: relative;
  float: left;
  padding-bottom: 0.3em;
}
/*title "A-B-C... items*/
.content_left .section_chooser ul li {
  width: 1.2em;
  height: 1.2em;
  -webkit-border-radius: 0.6em;
  -khtml-border-radius: 0.6em;
  -moz-border-radius: 0.6em;
  border-radius: 0.6em;
  margin-right: 0.55em;
  margin-bottom: 0.6em;
  padding-bottom: 1.5em;
  cursor: pointer;
  text-align: center;
}
.content_left .section_chooser_2 {
  margin-bottom: -1em;
}
.content_left .section_chooser_2 ul li {
  width: auto;
  min-width: 3.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
/*item in listview */
.content_left .section_item {
  float: left;
  width: 100%;
  height: auto;
  min-height: 6em;
  margin: 0;
  margin-right: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding: 0;
  /*      background-color: aqua;*/
}
/*first item in listview */
.content_left .section_item:first-child {
  margin-top: 0;
}
/*last item in listview */
.content_left .section_item:last-child {
  margin-bottom: 0;
}
.content_left .section_item_wrapper {
  display: block;
  position: relative;
  float: left;
  width: 70%;
  min-width: 250px;
  max-width: 670px;
  margin-bottom: 1em;
  /*background-color: aqua;*/
}
.content_left .welcome_video_link {
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
  /*same as image size!*/
  margin-right: 1em;
  margin-left: -0.8em;
  /*  margin-top: -13.5em;*/
  margin-bottom: 1.5em;
  cursor: pointer;
  /*  border: 1px solid;*/
}
.content_left .welcome_video_link img, .content_left_textblock p img, .txt_a p img, .txt_b p img {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 200px;
  height: 200px;
  margin-bottom: 1em;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer;
}
/*images in text - needs quadratic images! basic definitions see >> .content_left .welcome_video_link img, .content_left_textblock p img, .txt_a p img, .txt_b p img*/
.content_left_textblock p img, .txt_a p img, .txt_b p img {
  margin-top: 1em;
  margin-left: -2em;
}
/*corrects left position of img in text*/
.txt_a p img, .txt_b p img {
  margin-left: -1em;
}
.content_left article {
  position: relative;
  display: block;
  float: left;
  clear: both;
}
/*listview-pictures*/
.content_left .section_item_pict_link, .content_left .section_item_pict, .content_left .gallery_picts li:first-child, .videogallery_pict {
  display: block;
  float: left;
  width: 200px;
  height: 200px;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: 1.5em;
  margin-bottom: 0.5em;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  overflow: hidden;
  cursor: pointer;
  pointer-events: none;
}
.gallery_picts iframe, .section_item_pict_link iframe {
  width: 500px;
  height: 375px;
  margin-top: -87px;
  margin-left: -148px;
  border-radius: 0;
  cursor: pointer;
}
.gallery_picts:hover ul li iframe, .section_item_pict_link:hover iframe {
  margin-top: -89px;
  margin-left: -130px;
}
/*makes video-iframes clickable*/
.gallery_picts li::before {
  display: block;
  position: relative;
  width: 200px;
  height: 200px;
  margin-left: 0;
  top: 200px;
  margin-top: -200px;
  /* 	background-color:rgba(246,109,111,0.56);*/
  content: "";
  cursor: pointer;
  z-index: 10000;
}
/*google streetview-logo as overlay in gallery pict */
.streetview_logo {
  position: relative;
  width: 100px;
  height: auto;
  float: none;
  top: 85px;
  left: 32px;
  background-color: none;
}
.streetview_logo img {
  position: absolute;
  top: 0;
  left: 0;
}
/*videos in content*/
.txt_a iframe, .txt_b iframe, .video_pict_caption {
  position: relative;
  float: left;
  clear: both;
  width: 500px;
  height: auto;
  margin-bottom: 2.5em;
}
.video_pict_caption {
  padding-top: 0.8em;
  margin-top: -30px;
  padding-left: 7px;
  border-left: solid 1px #000;
}
.txt_a iframe, .txt_b iframe, .txt_a p iframe, .txt_b p iframe {
  margin-left: 0;
  width: 500px;
  height: 375px;
  border-radius: 5px;
}
.content_left .section_item_pict {
  cursor: auto;
}
/*listview-pictures / image */
.content_left .section_item_pict_link img, .content_left .section_item_pict img {
  object-fit: cover;
  width: 110%;
  height: 110%;
  margin-top: -5%;
  margin-left: -5%;
}
/*listview-header & list of classes*/
.content_left .section_item_header, .content_left ul.listview_classes, .popup_prof .popup_prof_courses ul.listview_classes {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 0.2em;
  padding-top: 0.8em;
  /*   background-color: darkgoldenrod;*/
}
/*listview with colored background*/
.content_left ul.listview_classes {
  width: 105%;
  margin-left: -50px;
  padding-left: 50px;
  margin-top: -20px;
  padding-top: 18px;
  padding-bottom: 25px;
}
.content_left .section_item_header {
  margin-top: 0;
  /*    min-height: 4em;*/
}
.content_left .section_item_header p {
  margin-top: 0;
  margin-bottom: 0;
}
.content_left .section_item_header h5, .content_left .section_item_header h6 {
  margin-top: 0.5em;
  margin-bottom: 0;
}
/*list of classes*/
.content_left ul.listview_classes, .popup_prof .popup_prof_courses ul.listview_classes {
  display: block;
  float: left;
  clear: both;
  /*  width: auto;*/
  height: auto;
  /*    line-height*/
  margin-bottom: 0;
}
/*list of classes / overwrite li-wrapping*/
.content_left ul.listview_classes li, .content_left ul.listview_classes li a, .popup_prof .popup_prof_courses ul.listview_classes li, .popup_prof .popup_prof_courses ul.listview_classes li a {
  white-space: normal;
}
/*course-details / date & time*/
.kursZeiten .label:after {
  content: ' ';
}
.kursZeiten .datum, .kursZeiten .uhrzeit {
  word-break: keep-all;
}
.kursZeiten .uhrzeit:before {
  content: " |\00a0";
}
.popup_close {
  position: absolute;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  background-size: 25px;
  cursor: pointer;
  z-index: 1500;
}
/*round buttons*/
#gototop, #nav_back, .popup_prof .popup_close, #popup_video_1 .popup_close, #slideshow_big_header .popup_close {
  width: 34px;
  height: 34px;
  padding: 0;
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 2em;
  border: none;
  outline: none;
}
/*GALLERIES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.intro_videos {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 50px;
  float: left;
  width: 105%;
  height: auto;
  /*	background-color: aqua;*/
  margin-top: -1em;
  margin-bottom: 1.5em;
}
.content_left .section_item_gallery_wrapper {
  float: left;
  width: 195px;
  height: auto;
  margin-bottom: 2em;
  margin-right: 3em;
  cursor: pointer;
}
/*gallery-pictures on start-page*/
.gallery_start {
  width: 180px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  /*	background-color: aquamarine;*/
}
.start_video_caption {
  display: block;
  position: absolute;
  float: none;
  background-color: none;
  width: 195px;
  height: auto;
  margin-top: 165px;
  margin-left: -15px;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 6px;
  background-image: linear-gradient(to left, white 0%, rgba(180, 200, 208, 0.9));
  /* z-index: 2000;*/
}
/*listview: gallery-pictures images*/
.content_left .gallery_picts li:first-child img {
  width: auto;
  height: 150%;
  margin-top: -25%;
  margin-left: auto;
  margin-right: auto;
}
ul.content_left_prof_list li {
  float: left;
  clear: both;
}
ul.content_left_prof_list li:last-child {
  margin-bottom: 1em;
}
ul.content_left_prof_list li a {
  display: block;
  margin-top: 13px;
}
/* popup profs / changed 11/2022, no longer pop-up, but prof-page  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.popup_prof {
  display: none;
  position: absolute;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 20%;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 0px;
  margin-bottom: 30px;
  overflow: hidden;
  z-index: 3000;
}
#popup_video_1 .popup_close, #slideshow_big_header .popup_close, .popup_prof .popup_close {
  margin-left: 9px;
  background-image: url("../images/icon_arrow_left_white.svg");
  -moz-animation: all .5s ease-in;
  -webkit-animation: all .5s ease-in;
  animation: all .5s ease-in;
  /*z-index: 10000;*/
}
#popup_video_1 .popup_close:hover, #slideshow_big_header .popup_close:hover, .popup_prof .popup_close:hover {
  background-image: url("../images/icon_arrow_left_red.svg");
}
.popup_prof .popup_close {
  margin-top: 10px;
  margin-left: -42px;
  /*background-image: url("../images/icon_arrow_left_white.svg");*/
}
/*.popup_prof .popup_close:hover {
  background-image: url("../images/icon_arrow_left_red.svg");
}*/
#overlay_costs .popup_close {
  position: relative;
  float: right;
  margin-top: -10px;
  margin-right: -10px;
  background-image: url("../images/icon_close_grey.svg");
}
#overlay_costs .popup_close:hover {
  background-image: url("../images/icon_close_red.svg");
}
#overlay_costs .button_show_more_txt {
  display: block;
  position: relative;
  float: right;
  margin-right: -25px;
  margin-top: -15px;
  margin-bottom: 0px;
}
.popup_prof_content, .chooser_popup_prof_content, .popup_prof_nav {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.popup_prof_header_wrapper {
  margin-top: 40px;
}
.popup_prof_content {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin: 0;
  padding-top: 2em;
  padding-bottom: 1.3em;
}
/*popup "professors" course list */
.popup_prof_courses {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 120%;
  min-height: 2em;
  margin: 0;
  margin-left: -50px;
  margin-top: 10px;
  margin-bottom: 2em;
  padding-left: 50px;
  padding-right: 50px;
}
/*popup "professors" course list title*/
.popup_prof_courses h3 {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: auto;
  max-width: 100%;
  margin: 0;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
  padding-top: 0.2em;
}
/*popup "professors" course list: wrapper*/
.popup_prof .popup_prof_courses ul.listview_classes {
  float: left;
  width: 100%;
  padding-top: 2em;
  margin-bottom: 1.8em;
}
/*popup "professors" course list: correction margin-top listview_classes*/
.content_left .popup_prof_courses ul.listview_classes {
  margin-top: 0.3em;
}
/*course list: wrapper*/
.popup_prof_courses ul.listview_classes {
  margin-top: 0.5em;
  margin-bottom: 0;
  background: none;
}
/*course list: buttons*/
#content_left_wrapper .popup_prof_courses .button_a, #content_left_wrapper .popup_prof_courses .button_b {
  margin-bottom: 1.1em;
}
/*popup "professors" no courses */
.popup_prof_no_courses {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 120%;
  height: 2em;
  margin: 0;
  margin-left: -50px;
  margin-top: 10px;
  margin-bottom: 0;
}
.popup_prof_nav {
  width: 105%;
  margin-top: 0;
  margin-bottom: 0;
  /*background-color: aqua;*/
}
.popup_prof_nav h4 {
  margin-bottom: 2em;
}
.popup_prof_nav_item, .popup_prof_nav_item img {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 40px;
  margin-bottom: 40px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
}
/*popup profs: list of other profs*/
.popup_prof_title ul {
  float: left;
  text-align: left;
  display: block;
  width: 50%;
  height: auto;
  margin: 0;
  margin-top: 4.375em;
  margin-left: 30px;
  padding: 0;
}
.popup_prof_pict {
  position: relative;
  float: left;
  width: 200px;
  height: 200px;
  /*    distance to top >> change .popup_prof_title ul too!*/
  margin-top: -10px;
  margin-top: 20px;
  margin-left: -1em;
  margin-bottom: -20px;
  z-index: 100;
}
/*END Popup Profs*/
.chooser_instr_pict img, .popup_prof_pict img {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.chooser_a_txt, .chooser_instr_txt, .chooser_instr_title {
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
.chooser_instr_txt {
  margin-bottom: 0px;
  cursor: pointer;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 1000%;
  display: none;
  top: 0;
  z-index: 200;
  opacity: 0.9;
  -moz-animation: fadeInDown .5s ease-in;
  -webkit-animation: fadeInDown .5s ease-in;
  animation: fadeInDown .5s ease-in;
}
#overlay_a, #overlay_b {
  opacity: 0.95;
}
#overlay_a {
  background-color: #3A494F;
  opacity: 0.95;
}
#overlay_b {
  background-color: #FFFFFF;
  opacity: 0.95;
}
#overlay_costs {
  display: block;
  position: absolute;
  top: -40px;
  /* left: auto; */
  right: 0;
  width: 40%;
  height: auto;
  padding: 30px;
  padding-bottom: 25px;
  opacity: 0.98;
  font-size: 0.78em;
  z-index: 15000;
}
.overlay_costs_wrapper {
  width: 100%;
  float: right;
  margin-top: -30px;
  ;
  padding-right: 0;
}
/*width of content of costs-pop-up*/
#overlay_costs .overlay_costs_wrapper .form_reg_part, #overlay_costs .overlay_costs_wrapper .form_reg_part .form_notice {
  width: 100%;
}
.form_costs_hidden {
  display: block;
}
/* OVERLAY */
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
/* SLIDESHOW BIG
   ========================================================================== */
/* END SLIDESHOW BIG

/* SIDEBAR (ASIDE)
   ========================================================================== */
#top-of-site-pixel-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 300px;
  left: 0;
  opacity: 0;
}
.content_right p, .content_right h2, .content_right h3, .content_right_spacer, .content_right .teaser, .sponsors, .banner {
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0.8em;
}
.content_right .teaser {
  margin-bottom: 0.4em;
}
.content_right_subnav_wrapper, .content_right_subnav_wrapper ul, .content_right_subnav_wrapper ul li {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
}
.content_right_subnav_wrapper {
  margin-top: 0;
  margin-bottom: 2em;
  padding: 1em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  opacity: 0.95;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
}
.content_right_subnav_wrapper ul li {
  margin-bottom: 0.5em;
}
/*space after first menu-block*/
.content_right_subnav_wrapper ul li:nth-child(3) {
  margin-bottom: 1em;
}
/*space after last menu-block*/
.content_right_subnav_wrapper ul li:last-child {
  margin-bottom: 0.3em;
}
.content_right_spacer {
  margin-bottom: 0.8em;
}
ul.teaser_content, ul.teaser_content li, .content_right ul.teaser_content_registration {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  margin-bottom: 1.3em;
}
.content_right ul.teaser_content_registration {
  margin-bottom: -0.3em;
}
.content_right ul.teaser_content_registration li {
  border-bottom: none;
}
ul.teaser_content li {
  display: block;
  padding: 4%;
  margin-bottom: 0.5em;
  white-space: normal;
}
.sponsors {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  width: 97%;
  height: auto;
  margin-top: 0.5em;
  flex-wrap: wrap;
  align-items: center;
  -ms-flex-align: center; /*IE10*/
  justify-content: space-between;
  -ms-flex-pack: justify; /*IE10*/
}
/*.sponsors .sponsor_item {
  display: inline-block;
  text-align: center;
  margin-bottom: 1em;
}*/
.banner, .sponsors {
  display: table;
  position: relative;
  text-align: center;
  margin-bottom: 1em;
}
.banner h3, .sponsors h3 {
  width: 100%;
}
.banner_item, .sponsor_item {
  display: table-cell;
  position: relative;
  float: left;
  width: 50%;
  margin-bottom: 1em;
  margin-right: 10%;
  cursor: pointer;
}
.banner_item img, .sponsor_item img {
  width: 100%;
}
/*BUTTONS XXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.button_open_slideshow_big, .button_show_more_txt {
  position: absolute;
  top: 10px;
  right: 15px;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  background-image: url("../images/icon_eye_grey.svg");
  background-size: 30px;
  background-position: 80% 50%;
  background-repeat: no-repeat;
  z-index: 100;
  cursor: pointer;
}
/*buttons appearance*/
.button_a, .button_b, .button_c {
  display: block;
  position: relative;
  height: auto;
  padding: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
}
.button_txt_a, .button_txt_b {
  margin-bottom: 1px;
}
#content_left_wrapper .button_a, #content_left_wrapper .button_b {
  display: block;
  float: left;
  clear: both;
  margin-right: 0.5em;
  margin-bottom: 1.3em;
  padding-left: 3em;
  padding-right: 3em;
}
.content_left_wrapper.button_in_text .button_b {
  margin-top: 0;
  margin-bottom: 0;
}
.button_show_more_txt {
  position: relative;
  display: none;
  float: left;
  clear: both;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 15px;
  background-image: url("../images/icon_down_grey.svg");
}
.button_show_more_txt:hover, .content_left .button_show_more_txt:hover {
  background-image: url("../images/icon_down_red.svg");
}
/*button for expanding intro-text on start page*/
.content_left .button_show_more_txt {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: -10px;
  margin-bottom: 10px;
  /* margin-left: 15px;*/
  background-image: url("../images/icon_down_grey.svg");
  background-position: top left;
  background-repeat: no-repeat;
  /* overflow: hidden;*/
}
/*fade out collapsed info-text*/
.content_left .button_show_more_txt::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5em;
  background: linear-gradient(transparent, white);
  background-repeat: no-repeat;
  margin-top: -5em;
}
/*button in popup-prof*/
.popup_prof_courses .button_a, .popup_prof_courses .button_b {
  float: left;
  clear: both;
  margin-top: 0;
  margin-bottom: 1.5em;
  margin-right: 1.2em;
  padding-left: 3em;
  padding-right: 3em;
}
/* END buttons */
/* slideshow content frame */
/* SLIDESHOWS ################################################################################### */
#header_pict_wrapper img:nth-of-type(1) {
  animation-name: fadeOut;
  animation-delay: 3s;
  animation-duration: 1s;
  z-index: 7;
}
#header_pict_wrapper img:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
#header_pict_wrapper img:nth-of-type(n+3) {
  display: none;
}
/* END SLIDESHOWS ############### */
/* ANIMATION ################################################################################### */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes smaller {
  from {
    width: 100%;
  }
  to {
    width: 50%;
  }
}
/* Standard syntax */
@keyframes smaller {
  from {
    width: 100%;
  }
  to {
    width: 50%;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fade-out {
  opacity: 1;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
.fade-in {
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*ANIMATED ITEMS*/
.header_bar, #header_content, #content, #header_pict {
  /*  -webkit-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;*/
}
/*#content, .content_left, .content_right, #overlay_costs {
-webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}*/
/* END ANIMATION ############### */
/*makes width of content smaller to fit between left margin and header pict*/
.content_left_top {
  width: 80%;
}
/* SCREEN SIZES ################################################################################### */
/* Big Desktops (min-width: 1480px) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media (max-width: 90.5em) {} /* end big Desktops 1 */
@media (max-width: 88.5em) {
  /*.content_right {
    margin-right: 50px;
  }*/
} /* end big Desktops */
/* Normal Desktops (max-width: 1280px) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media (max-width: 80em) {
  /* REGISTRATION FORM*/
  .form_col_1 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  #header_content {
    /*   width: 45%;*/
  }
  /*.content_right {
    margin-right: 0;
  }*/
  .content_left {
    /*   width: 55%;*/
  }
  .content_left .section_item_wrapper {
    width: 60%;
    /* background-color: aqua;*/
  }
  section_item_wrapper h3, .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
    /* background-color: red;*/
  }
} /* end Normal Desktops */
/* Normal Desktops smaller (max-width: 1100px) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media (max-width: 68.75em) {
  .content_left_top {
    width: 100%;
  }
  section_item_wrapper h3, .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
    /* background-color: aqua;*/
  }
  .content_left .section_item_wrapper {
    width: 50%;
  }
  /*reset width of first headlines not to collide with right header-pict on big screens*/
  .txt_b h1:first-child, .txt_b h2:first-child, .txt_b h3:first-child {
    max-width: 100%;
  }
} /* end Normal Desktops smaller */
/* Middle Desktops (max-width: 1024px) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media (max-width: 64em) {
  #header_content {
    width: 70%;
  }
  /*   corrects headline-distance to top 
*/
  /*	.header_spacer {
    height: 9em;
  }*/
  .content_right {
    /*  width: 380px;*/
    /* margin-right: 0;*/
  }
  .chooser_a {
    margin-top: -20px;
  }
  #listview_chooser_1, li#listview_chooser_2, #listview_chooser_3 {
    margin-top: 0;
  }
  .content_left .section_item_wrapper {
    width: 87%;
    /* background-color: aqua;*/
  }
	
  .section_item_wrapper h3 {
    margin-top: 0;
    margin-bottom: 2em;
  }
  .txt_a, .txt_b, #txt_intro .txt_a, #txt_intro .txt_b {
    width: 90%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  section_item_wrapper h3, .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
    width: 50vw;
  }
  .content_left ul.listview_classes {
    margin-top: -3em;
  }
  .form_costs_hidden {
    display: none;
  }
  /*popup "professors" course list title*/
  .popup_prof_courses h3 {}
  /*popup "professors" course list: wrapper*/
  .popup_prof .popup_prof_courses ul.listview_classes {
    /*   padding-left: 1em;
    padding-right: 1em;*/
  }
  /* REGISTRATION FORM*/
  .formbody {
    max-width: 100%;
  }
  /*style of costs*/
  .form_col_3 {
    float: right;
    margin-left: 0;
  }
} /* end Middle Desktops */
/* Small Desktops/Tablets + Mobiles (max-width: 916px)xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* 1C CHANGE APPEARANCE TO 1 column */
@media (max-width: 51em) {
  /* MENU #################################################### */
  /* Navigation */
  /*shadows*/
  .popmenu {
    -webkit-box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.22);
  }
  /* no shadows*/
  .popmenu:hover label, .popmenu:hover .popmenu_item {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #menu {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    /*  if changed, then change in amc_2019.js too (function slideshow_big_off())*/
    top: 0px;
    left: 0px;
    background-image: url("../images/icon_menu_white.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 250000;
  }
  #menu:hover, #menu:active {
    background-image: url("../images/icon_menu_grey.svg");
    background-size: 25px;
  }
  /* show menu */
  #menu:hover .popmenu {
    display: block;
    left: -3px;
  }
  #menu a img {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
  }
  /* menu */
  .popmenu {
    display: none;
    position: absolute;
    /* menu width xxxxxxxxxxxxxxxxxxxxxxxxx */
    width: 101vw;
    height: 0;
    height: auto;
    /* hide menu */
    left: -3000px;
    padding-bottom: 0.2em;
    cursor: pointer;
    transition: none;
  }
  .popmenu:hover {
    top: 40px;
    left: 0;
    width: 101vw;
    /* over-all height of menu */
    height: auto;
  }
  /*restore hidden menu items */
  .popmenu_item:nth-child(1), .popmenu_item:nth-child(2), .popmenu_item:nth-child(3) {
    display: block;
  }
  /*main menu items*/
  .popmenu label {
    display: block;
    width: 100%;
    height: 2.5em;
    margin-left: 30px;
    padding-left: 50px;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    box-sizing: border-box;
    z-index: 100;
    cursor: pointer;
    transition: position 1s ease-in;
  }
  .popmenu .popmenu_item {
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  /* submenu items */
  .popmenu .panel {
    width: 200%;
    height: auto;
    margin-top: 1em;
    padding-left: 50px;
    box-sizing: border-box;
    transition: all 0.5s;
    overflow: hidden;
  }
  /*menu content*/
  .popmenu .panel li {
    width: 200%;
    float: left;
    clear: both;
    margin-left: 1px;
    padding-left: 30px;
    padding-bottom: 0px;
  }
  /* submenu items */
  .popmenu:hover .panel {
    /*	HEIGHT OF MENU */
    height: auto;
  }
  /* submenu hover */
  .popmenu .panel li:hover {
    cursor: pointer;
  }
  .popmenu .panel li:first-child {
    padding-top: 0;
  }
  .popmenu .panel li:last-child {
    padding-bottom: 0;
  }
  .popmenu input {
    display: none;
  }
  .popmenu input:checked + label:before {
    transition: 0.7s;
  }
  .popmenu input:checked ~ .panel {
    height: auto;
    margin-top: -5px;
    padding-top: 3px;
    padding-bottom: 2px;
  }
  /*  icon for opening accordeon */
  .popmenu label:before {
    position: absolute;
    left: 20px;
    content: ">";
  }
  /*  icon for closing accordeon */
  .popmenu input:checked + label:before {
    position: absolute;
    margin-top: 0.6em;
    left: 20px;
    content: "|";
  }
  /*  icon for opening/closing accordeon */
  .popmenu label:before, .popmenu input:checked + label:before {
    left: 14px;
  }
  .popmenu input:not(:checked) ~ .panel {
    display: none;
    height: auto;
  }
  /*End navigation xxxxxxxxxxxxxxxxxxxx */
  #logo_top {
    top: 100px;
    width: 220px;
  }
  /*language*/
  #lang_chooser {
    top: 145px;
  }
  #header_content {
    margin-bottom: 1em;
  }
  .header_bar {
    height: 50px;
  }
  /*    corrects distance to top*/
  .header_spacer {
    height: 250px;
  }
  .header_txt {
    width: 100%;
  }
  #header_content {
    width: 100%;
    margin-left: 0;
  }
  #header_pict {
    position: absolute;
    top: 0;
    right: 0;
  }
  #header_pict_wrapper {
    /*    height: 18.75em;*/
    margin-bottom: 5em;
  }
  #nav_back {
    top: 60px;
  }
  /*width of content*/
  #content {
    width: 100%;
  }
  #content_left_wrapper, #content_right_wrapper {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    /* margin-bottom: 2em;*/
  }
  #section_list_wrapper {
    margin-top: -1em;
  }
  #content_right_wrapper {
    margin-top: 5em;
  }
  .content_left .section_chooser {
    margin-top: -27px;
    padding-right: 0;
  }
  #listview_chooser_caption {
    left: -2px;
    top: -35px;
  }
  #listview_chooser_1, li#listview_chooser_2, #listview_chooser_3 {
    margin-top: -0.2em;
  }
  .content_left {
    float: left;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 0;
  }
  .content_right {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: -6em;
  }
  .content_right h2, .sponsors, .footer_pict_overlay, .footer_pict_picture, .content_left ul.listview_classes li {
    width: 100%; /*width of buttons and sponsor-block*/
  }
  .content_left_textblock, .video_wrapper {
    width: 95%;
  }
  .start_video_caption {
    width: 200px;
    height: auto;
    margin-left: -20px;
  }
  .video_pict_caption {
    width: 100%;
  }
  .content_left .section_item_header h5, .content_left .section_item_header h6 {
    margin-top: 3.7em;
    margin-bottom: 0;
  }
  .content_left .teaser_content {
    display: none;
  }
  /*height of intro-text on start page*/
  #txt_intro {
    height: 15em;
    overflow: hidden;
    /*margin-bottom: -1em;*/
  }
  .button_show_more_txt {
    display: block;
  }
  .popup_video iframe {
    margin-top: 100px;
    width: 100%;
    height: 350px;
  }
  .chooser_a {
    margin-top: 0px;
  }
  #overlay_costs {
    position: absolute;
    width: 100%;
    margin-top: -10px;
  }
  .popup_prof {}
  .popup_prof_content {
    padding-top: 2em;
  }
  .txt_a, .popup_prof_content {
    width: 90%;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .txt_a {
    padding-left: 0;
    padding-right: 0;
  }
  .txt_b {
    /*corrects visibility of round imgs / no cutting of left part */
    width: 108.5%;
    height: 15.5em;
    margin-left: -50px;
    padding-left: 50px;
    overflow-y: hidden;
    /* background-color: aqua;*/
  }
  .content_left_infoblock ul, .content_left_textblock p, .txt_b p, .txt_b p {
    padding-left: 0;
  }
  .content_left .listview_links {
    margin-left: 0;
    width: auto;
  }
  /*text without headline / distance to top*/
  p.txt_spacer_top {
    display: none;
  }
  /*button calendar "show more"*/
  .button_show_more_cal, .button_show_more_cal_2 {
    margin-right: 28px;
    margin-top: -5px;
  }
  .section_item_wrapper h3, .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
    width: 96%;
  }
  /* submenues in overview-pages (list-views) */
  .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li, .popup_prof .popup_prof_courses ul.listview_classes li, .popup_prof .popup_prof_courses ul.listview_classes li a {
    margin-top: 8px;
  }
  .content_left ul.listview_classes {
    padding-bottom: 1.5em;
  }
  .popup_prof_pict {}
  .popup_prof_title ul {
    width: 90%;
    margin: 0;
    margin-top: 1.5em;
    margin-bottom: 1.6em;
  }
  /* REGISTRATION FORM*/
  .formbody, .chooser_text, .form_reg_section, .form_reg_part, .form_col_2, .form_col_2 select, .form_col_2 input, .form_col_2 textarea, .form_notice, #content_left_wrapper, #content_left_wrapper .button_a, #content_left_wrapper .button_b {
    width: 100%;
  }
  .formbody {
    max-width: 100%;
  }
  .form_col_1 {
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  /*END REGISTRATION FORM*/
  .content_right_subnav_wrapper {
    /*margin-top: -2.5em;*/
  }
  .footer_links {
    margin-top: 0.7em;
  }
  #footer_bar {
    height: 60px;
    margin-top: -50px;
  }
  #gototop {
    right: 8px;
    margin-bottom: 0.7em;
  }
  .popup_close, .popup_close:hover {
    margin-top: 10px;
    margin-right: 5px;
    z-index: 10000;
  }
  .content_left .section_item_gallery_wrapper {
    width: 85em;
    margin-right: 0;
    /*background-color: aqua;*/
  }
  .content_left .section_item_gallery_wrapper .section_item_header {
    float: left;
    width: 40%;
    margin-left: 0;
  }
  .popup_video iframe {
    margin-top: 50px;
    height: 400px;
  }
  .gallery_picts ul::before {
    margin-left: -20px;
  }
  /*google streetview-logo as overlay in gallery pict */
  .streetview_logo {
    left: 28px;
  }
  /*button in popup-prof*/
  .popup_prof_courses .button_a, .popup_prof_courses .button_b {
    width: 100%;
    margin-bottom: 1.75em;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .calendar_inner_wrapper {
    height: 16.9em;
  }
  /*calendar list image-container */
  .calendar_box_right {
    width: 87px;
    height: 87px;
  }
  .banner_item, .sponsor_item {
    float: right;
    clear: both;
    width: 50%;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
} /* END Small Tablets + Mobiles (max-width: 767px) */
/* Small Screens (max-width: 720px) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media screen and (max-width: 45em) {
  /*    corrects distance to top*/
  /*  .header_spacer {
    height: 10em;
  }*/
  .txt_a iframe, .txt_b iframe {
    width: 500px;
    height: 375px;
  }
} /* END Small Screens */
/* Mobile (max-width: 360px) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media screen and (max-width: 360px) {
  .footer_pict_overlay, .footer_pict_picture {
    width: 95%;
  }
} /* END Small Tablets + Mobiles */
/* Mobiles portrait xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media screen and (max-width: 500px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .container {
    min-width: 500px;
    max-width: 500px;
    width: 500px;
  }
  #logo_top {
    top: 150px;
    width: 230px;
  }
  header {
    padding-top: 10px;
  }
  .header_bar {
    height: 50px;
    margin-top: -10px;
  }
  #header_content {
    margin-top: -50px;
  }
  /* corrects headline-distance to top */
  .header_spacer {
    height: 150px;
  }
  .header_txt_wrapper {
    padding-top: 1em;
  }
  #header_pict_wrapper {
    max-height: none;
    height: 50em;
  }
  /*	 Corrects upper distance to headline*/
  .content_left {
    margin-top: 0;
  }
  /*over-all width of content*/
  #content_left_wrapper, #content_right_wrapper {
    width: 100%;
    /*	background-color: aqua;*/
  }
  .content_left .section_item_wrapper {
    width: 85%;
    /* background-color: aqua;*/
  }
  .popup_instr, .popup_prof, #slideshow_big, .content_left .section_item_gallery_wrapper {
    /*   corrects width on iphones */
    min-width: 500px;
    max-width: 500px;
    width: 500px;
    height: auto;
  }
  /*popup "professors" course list */
  .popup_prof_courses {
    width: 125%;
  }
  /*button in popup-prof*/
  .popup_prof_courses .button_a, .popup_prof_courses .button_b {
    float: left;
    clear: both;
    margin-top: 0;
    margin-bottom: 1.75em;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .popup_prof_nav {
    width: 120%;
  }
  .popup_prof_nav h4 {
    width: 90vw;
  }
  .popup_prof_nav_item, .popup_prof_nav_item img {
    margin-right: 50px;
    margin-bottom: 50px;
  }
  /*height of intro-text on start page*/
  #txt_intro {
    height: 20em;
  }
  .txt_a iframe, .txt_b iframe {
    width: 410px;
    height: 307px;
  }
  .video_pict_caption {
    margin-top: -40px;
    padding-top: 0;
    padding-left: 10px;
  }
  .overlay {
    /*   corrects width on iphones */
    min-width: 500px;
    max-width: 500px;
    width: 500px;
  }
  #overlay_costs {
    position: absolute;
    width: 100%;
  }
  .popmenu {
    /*   corrects width on iphones */
    min-width: 503px;
    max-width: 503px;
    width: 503px;
    padding-left: 5px;
  }
  .popup_prof_title ul {
    width: 100%;
    margin: 0;
    margin-top: 1.5em;
    margin-bottom: 0;
  }
  .section_item_wrapper h3, .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li {
    width: 100%;
  }
  /* corrects headline-distance to top */
  .header_spacer {
    height: 250px;
  }
  /*list chooser*/
  .content_left ul.listview_chooser {
    margin-left: -15px;
  }
  .content_left .section_chooser {
    margin-left: -12px;
  }
  /* submenues in overview-pages (list-views) */
  .content_left ul.listview_classes li, .content_left .section_item_wrapper_2 ul.listview_classes li, .popup_prof .popup_prof_courses ul.listview_classes li, .popup_prof .popup_prof_courses ul.listview_classes li a {
    margin-top: 12px;
  }
  /*gallery-pictures on start-page*/
  /*  .gallery_start {
    margin-top: 0;
  }*/
  .start_video_caption {
    width: 200px;
    height: auto;
    margin-left: -20px;
  }
} /* END Mobiles portrait */
@media screen and (max-width: 1000px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #logo_top {
    top: 150px;
    width: 230px;
  }
  header {
    padding-top: 10px;
  }
  .header_bar {
    height: 50px;
    margin-top: -10px;
  }
  #header_content {
    margin-top: -50px;
  }
  /* corrects headline-distance to top */
  .header_spacer {
    height: 280px;
  }
  .header_txt_wrapper {
    width: 100%;
  }
  .popmenu {
    /*   corrects width on iphones */
    width: 110vw;
    padding-left: 5px;
  }
  /*popup profs: list of other profs*/
  .popup_prof_title ul {
    margin-left: 1em;
    width: 70%;
  }
  /*	 Corrects upper distance to headline*/
  .content_left {
    margin-top: 0;
  }
  /*listview profs - Name*/
  .content_left .section_item_header {
    width: 70%;
  }
  #overlay_costs {
    top: 0;
  }
  #content_left_wrapper .button_a, #content_left_wrapper .button_b {
    width: auto;
  }
  /*button in popup-prof*/
  .popup_prof_courses .button_a, .popup_prof_courses .button_b {
    float: left;
    clear: both;
    margin-top: 0;
    margin-bottom: 1.75em;
    width: auto;
    padding-left: 3em;
    padding-right: 3em;
  }
  /*.popup_video {
    padding-top: 60px;
  }*/
} /* END Mobiles landscape */
/* CSS für alte Versionen von IE xxxxxxxxxxxxxxxxxxxxx */
@media screen and (min-width:0\0) {
  .header_pict_overlay {
    background-image: url("../images/amc_bereichsbild_oben__abdeck_breit.png");
    background-size: 100%;
  }
}
/* DO NOT MOVE UPWARDS!*/
.form_col_2_2 {
  float: left;
  width: 40%;
  margin-right: 10%;
}
.form_col_2_3 {
  float: left;
  width: 30%;
  margin-right: 5%;
}
.form_col_2_last {
  margin-right: 0;
}
.form_col_2_2 input, .form_col_2_2 select, .form_col_2_3 input, .form_col_2_3 select {
  width: 100%;
}
.txt_left {
  text-align: left;
}
.txt_right {
  text-align: right;
}
.txt_center {
  text-align: center;
}
.form_width_half input {
  width: 50%;
}
.marg_top_0 {
  margin-top: 0;
}
.marg_top_1 {
  margin-top: 1em;
}
.marg_top_2 {
  margin-top: 2em;
}
.marg_bot_0 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.marg_bottom_1 {
  margin-bottom: 1em;
}
.marg_bottom_2 {
  margin-bottom: 2em;
}
/*PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT*/
@media print {
  .container {
    width: 210mm;
    height: auto;
    min-height: 280mm;
    overflow: hidden;
  }
  #menu, #lang_chooser, .header_bar, .content_right, #header_pict, footer, #content_left_wrapper .button_a, #content_left_wrapper .button_b, #slideshow_big {
    display: none;
  }
  #gototop {
    display: none;
    left: 10000px
  }
  /*hide unnecessary objects*/
  .header_spacer {
    height: 5em;
  }
  #logo_top {
    top: 20px;
    width: 200px;
  }
  #header_content {
    top: 5mm;
    margin-bottom: 3em; /* Distance to Content */
  }
  /* left margin */
  .content_left, #header_content, .form_notice .content_left_top {
    margin-left: 25mm;
    margin-right: 10mm;
    padding-left: 0;
  }
  .form_notice .content_left_top {
    margin-bottom: 3em;
  }
  .form_notice {
    margin-left: 5mm;
  }
  .form_intro.form_notice {
    margin-bottom: 2em;
    margin-left: 5mm;
  }
  .form_costs {
    margin-top: -1em;
  }
  .form_border {
    margin-left: 5mm;
  }
  .formbody:last-child {
    margin-bottom: 3mm;
  }
  .header_txt {
    height: auto;
    margin-bottom: 1em;
  }
  /*width of text*/
  .content_left {
    width: 160mm;
    margin-top: 0;
  }
  .form_intro.form_notice {
    margin-bottom: 0;
  }
  /*width of costs*/
  .form_reg_part.form_border {
    width: 155mm;
  }
  p {
    width: 160mm;
  }
  /* .form_margin_bottom_1 {
    margin-bottom: 0;
  }
  .form_margin_bottom_2 {
    margin-bottom: 0.7em;
  }
  .form_margin_bottom_3 {
    margin-bottom: 1.5em;
  }*/
  .form_col_0, .print .form_sum_total {
    margin-top: 0.5em;
  }
  .button_b {
    margin-top: -5mm;
  }
}
/*END PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT*/
.kursTitel {
  word-break: normal;
}