*{ font-family: Maven Pro, Arial, sans-serif !important; letter-spacing: 0; color: #3c3b36; font-size:17px; } body{ width:100%; margin: 0px auto; /*background-color:#3c3b36;*/ background-color:#41423d; font-weight:400; font-size: 1em; /* line-height: 1.5em; */ } h3{ font-weight:600; font-size: 1.5em; line-height: 1.4em; margin-top:50px; } a{ text-decoration:none; color:#FFFFFF; } .marginright5{ margin-right:5px; } header{ background-color:#ffffff; } .header_div{ position:absolute; /* max-width:1180px; */ max-width:100%; width:100%; text-align: left; margin: 0 auto; height:112px; padding-top:0px; } .header_div_container{ margin-left:30px; } .content_div{ max-width:1180px; text-align: left; margin: 0 auto; padding-top:20px; padding-bottom:40px; } .object-right{ float:right; margin-left: 20px; clear:both; } .content_div a{ color:#3c3b36 !important; text-decoration:underline; } .content_div a:hover{ color:#e94c0a !important; text-decoration:underline; } .image_container{ position:relative; } .news_container{ position:relative; } .news_div{ position:absolute; top:-42px; z-index:9997; left: 0; right: 0; margin: 0 auto; /* Neu 11.12.2019 */ width:175px; /* EOF Neu 11.12.2019 */ } .news_div a:hover{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } #logo{ float:left; position:relative; top:30px !important; z-index:1000; } @media only screen and (max-width: 1180px){ #logo{ top:30px !important; } } @media only screen and (max-width: 1000px){ #logo{ margin-bottom: 40px !important; } } @media only screen and (max-width: 882px){ #logo{ margin-bottom: 0px !important; } } @media only screen and (max-width: 660px){ #logo{ margin-bottom: 40px !important; } #social{ margin-top: 100px !important; } } #metamenu{ /* float:right; display: flex; flex-direction: row; flex-direction: row | row-reverse | column | column-reverse; */ padding-top:20px; } .flex_right{ float:right; display: flex; flex-direction: row; } .flex_right_footer{ display: flex; flex-direction: row; padding-top:40px; position: relative; /*left: -30px;*/ } .flex_right_footer a{ margin-left: 12px; } #social a{ margin-left:8px; } #social a:hover{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } #social_inhalt a{ margin-right:8px; } #social_inhalt a:hover{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } /* Neu 11.12.2019 */ #languages{ margin-right:1px; } /* EOF Neu 11.12.2019 */ #languages a{ margin-left:6px; } #languages a:hover{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } footer{ /*background-color:#3c3b36;*/ background-color:#41423d; color:#ffffff; border-top: 0px solid #FFFFFF; /*#fafbfc;*/ overflow:hidden; } .paddingtop20{ padding-top:20px; } #navigation_div{ max-width:1180px; text-align: left; margin: 0 auto; position:relative; top:-35px; } #footer_div{ max-width:1180px; text-align: left; margin: 0 auto; margin-bottom:30px; display: flex; } #footer_div a{ color:#ffffff; font-size:0.9em; line-height: 1.5em; } #footer_div a:hover{ /* font-weight:800; */ } #footer_map{ float:left; display: flex; flex-direction: row; display: table-cell; margin-top:40px; padding:0px; } #footer_map .map_item{ display: inline-block; vertical-align: top; min-width: 300px; line-height: 1.8em; color:#FFFFFF; } #footer_map .map_item_smaller{ min-width: 150px; } #footer_map .map_item_smaller_250{ min-width: 250px; } #footer_map .logos_oben span img{ margin-bottom:10px; } .footer_map{ float:left; display: flex; flex-direction: row; display: table-cell; margin-top:40px; padding:0px; } .footer_map .map_item{ display: inline-block; vertical-align: top; min-width: 280px; /*300px*/ } .footer_map .map_item b{ color:#FFFFFF; font-size: 0.9em; line-height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .footer_map .map_item_smaller{ min-width: 150px; } .footer_map .map_item_smaller_250{ min-width: 170px; /*250px*/ } .footer_map .logos_oben span img{ margin-bottom:10px; } #footer_impr .map_item{ height:30px; display: table-cell; vertical-align: bottom; padding-left:10px; } .map_item a:hover{ /* text-decoration:underline; */ color:#e94c0a !important; } #footer_impr{ float:right; /* margin-top:150px; */ } #footer_impr a{ font-size: 0.75em; text-align:right; } #logo_modell{ display:none; position: absolute; right:-200px; top: -103px; } #modell_div{ } main{ /* max-height:940px; */ } .ocd_orange{ border: 0px solid #000000; color:#FFFFFF; } .ocd_orange_flexbox{ display:flex; flex-wrap:wrap; justify-content: center; /* align-items: center; margin-left: -0.5%; max-width:100%; */ } /* Info und Kontaktmenu */ .div0{ position:relative; max-width:1180px; text-align: left; margin: 0 auto; } .infocontact_div0{ position:relative; text-align: left; top:143px; margin-right:30px; } .infocontact_div{ padding-top:20px; z-index:9998; margin:0px; padding:0px; float:right; position:absolute; right:0; top:-50px; } .infocontact_div nav{ width:272px; min-height: 46.8px; } .infocontact_div nav ul { padding: 0; margin: 0; list-style: none; position: relative; width:100%; } .infocontact_div nav ul li { display:inline-block; width:100%; } .infocontact_div nav ul li:hover { display:inline-block; background: rgba(255,255,255,1); width:100%; } .infocontact_div nav a { display:block; line-height: 45px; text-decoration:none; } .infocontact_first > a{ text-align:center; } .infocontact_div nav a:hover { color:#e94c0a; } /* Hide Dropdowns by Default */ .infocontact_div nav ul ul { display:inherit; display:none; /* Neu 19.05.2022 */ top: -6px; /* the height of the main nav */ /* EOF Neu 19.05.2022 */ } /* Display Dropdowns on Hover */ .infocontact_div nav ul li:hover > ul { display:inherit; } .mobilversion{ display:none; } .mobilversion_detect{ display:none; } /* First Tier Dropdown */ .infocontact_div nav ul ul li { float:none; display:list-item; position: relative; } /* Second, Third and more Tiers */ /* Change this in order to change the Dropdown symbol */ .infocontact_div li > a:after { content: url("../images/aufklapppfeilweiss.png"); } .button_infosundkontakt:hover li > a:after{ content: url("../images/aufklapppfeilorange.png"); } .button_infosundkontakt_hwtk:hover li > a:after{ content: url("../images/aufklapppfeilorange_hwtk.png"); } .infocontact_div li > a:only-child:after { content: ''; } .infocontact_first{ /* Neu 19.05.2022 border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; */ -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; height:46.8px; } /* Neu 19.05.2022 */ #infocontact_first_link{ border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } /* EOF Neu 19.05.2022 */ #infocontact_submenu{ -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding-bottom:10px; background: rgba(255,255,255,1); width: 272px; /* 19.05.2022 border-right:3.5px solid #FFFFFF !important; left: -1.5px; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; */ } .infocontact_first a{ color:#FFFFFF !important; font-weight:600; font-size:1.25em; /*22px*/ line-height: 1.25em; } .infocontact_first:hover > a{ color:#e94c0a !important; font-weight:600; font-size: 1.25em; /*22px*/ line-height: 1.25em; } .infocontact_first_hwtk:hover > a{ color:#e3000f !important; font-weight:600; font-size: 1.25em; /*22px*/ line-height: 1.25em; } .infocontact_second a{ color:#3c3b36 !important; font-weight:400; font-size:1em; line-height: 1.5em; padding-left:15px; } .infocontact_second a:hover{ color:#e94c0a !important; } .menu_icon{ border-radius:0px !important;margin-right:6px; border: 0; } /* Menu unten */ .menu { position:absolute; top:-66px; z-index:9999; margin:0px; padding:0px; float:right; display: flex; flex-direction: row; } .menu_studienorte{ top:-49px; } .menu_studienorte2{ top:-69px; } .menu ul ul { } .menu_first{ display:block; height:50px; text-decoration:none; display:block; text-decoration:none; width:285px; } .menu_first h2{ color:#3c3b36; font-weight:600; font-size: 1.25em; /*22px*/ line-height:50px; text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background:#FFF; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; } .menu_first_h2{ color:#3c3b36; font-weight:600; font-size: 1.25em; /*22px*/ line-height:50px; text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background:#FFF; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; } .menu_first h2:hover{ background-color: #e74c0a !important; color:#FFFFFF !important; border-top:2px solid #e74c0a; border-left:2px solid #e74c0a; border-right:2px solid #e74c0a; } .menu_first_h2:hover{ background-color: #e74c0a !important; color:#FFFFFF !important; border-top:2px solid #e74c0a; border-left:2px solid #e74c0a; border-right:2px solid #e74c0a; } .book_icon_mobil:after { position: relative; content: ""; display: block; height: 20px; width: 50px; background-image: url('../images/aufklapppfeilorange.png'); background-repeat: no-repeat; float: right; right: 0px; top: 15px; } .book_icon_mobil_noarrow:after { position: relative; content: ""; display: block; height: 20px; width: 50px; background-image: url('../images/aufklapppfeilorange_keinpfeil.png'); background-repeat: no-repeat; float: right; right: 0px; top: 15px; } .book_icon_mobil_noarrow2:after { display:none; } .book_icon_mobil_orange:after { position: relative; content: ""; display: block; height: 20px; width: 50px; background-image: url('../images/aufklapppfeilweiss.png'); background-repeat: no-repeat; float: right; right: 0px; top: 15px; } } .book_icon_weiss h2:after { /* position:relative; content: ""; display:block; height:50px; width:50px; background-size: 50px 50px; background-image: url('../images/Icon_Studienangebot_weiss.svg'); background-repeat: no-repeat; float: right; right: 30px; top: 5px; */ } .team_icon_mobil:after { position: relative; content: ""; display: block; height: 20px; width: 50px; background-image: url('../images/aufklapppfeilorange.png'); background-repeat: no-repeat; float: right; right: 0px; top: 15px; } .team_icon_weiss h2:after { /* position:relative; content: ""; display:block; height:45px; width:45px; background-size: 45px 45px; background-image: url('../images/Icon_TeamJobs_weiss.svg'); background-repeat: no-repeat; float: right; right: 30px; top: 5px; */ } .partner_icon_mobil:after { position: relative; content: ""; display: block; height: 20px; width: 50px; background-image: url('../images/aufklapppfeilorange.png'); background-repeat: no-repeat; float: right; right: 0px; top: 15px; } .studienorte_icon_mobil:after { position: relative; content: ""; display: block; height: 20px; width: 50px; background-image: url('../images/aufklapppfeilorange.png'); background-repeat: no-repeat; float: right; right: 0px; top: 15px; } .studienorte_icon_weiss h2:after { /* position:relative; content: ""; display:block; height:45px; width:45px; background-size: 50px 50px; background-image: url('../images/Icon_Studienorte_weiss.svg'); background-repeat: no-repeat; float: right; right: 30px; top: 5px; */ } .menu_second{ display:block; text-decoration:none; color:#3c3b36 !important; font-weight:500; font-size:1em; line-height: 1.5em; padding-left:0px; width:285px; min-height:20px; } .menu_second_smaller{ font-weight:400; font-size: 1em; line-height: 1.5em; } .menu_second_noclick{ width:255px; margin-top:10px; } .menu_second_noclick2{ width:255px; margin-top:5px; height:20px; } .width_140px{ width:140px !important; } .background_white{ background-color:#FFF; } .menu_second div{ margin-top:8px; } .toggle-content .menu_second div{ display: block; text-decoration: none; color: #9d9d9d !important; font-size: 1em; line-height: 1.5em; padding-left: 0px; min-height: 20px; } .bold{ font-weight:600; } .border_bottom{ border-bottom: 1px solid #3c3b36; margin-bottom: 15px; padding-bottom: 15px; } .border_bottom2{ border-bottom: 1px solid #3c3b36; padding-bottom: 12px; } .padding_leftright{ padding-left:15px; padding-right:15px; } .padding_leftright a{ width:255px; } .toggle-content .padding_leftright a{ width:100% !important; } /* Hovereffekt des obersten Links */ .menu a:hover, .menu ul ul a:hover{ } /* Hovereffekt zweite Ebene */ .menu :hover > a, .menu ul ul :hover > a { /* color: #e94c0a !important; */ color: #3c3b36 !important; } .hover_orange_link div h2:hover{ color: #3c3b36 !important; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; margin-right: 14px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li { float:left; position:relative; width:100%; } /* Ausblenden und Position der aufklappbaren Ebene */ .menu ul ul { visibility:hidden; position:absolute; bottom:0px; left:0; width: 1182px; width: 1202px; width: 1222px; background-color: #FFF; padding-bottom: 100px; display: flex; flex-direction: row; padding-top: 30px; min-height: 200px; overflow: hidden; } * html .menu ul ul { bottom:0px; } /* Anzeige der aufklappbaren Ebene */ .menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; height:auto; z-index:-1; } .menu_second_last_element{ height:46.8px; width:255px; } .menu_second_last_element2{ height:30px; width:255px; } .toggle_div{ display:none; } .toogle_modell{ display:none; } .toggle_mobil{ max-width:1180px; text-align: left; margin: 0 auto; } .toogle_modell{ text-align: center; padding-bottom:35px; } .toogle_modell_visitenkarten{ text-align: center; margin-top:30px !important; } .toggle{ padding-top: 13px; background-color:#FFFFFF; } .togglenichtausklappen{ padding-top: 13px; background-color:#FFFFFF; } .toggle-trigger{ border-bottom:1px solid #3c3b36; } .toggle-trigger div{ font-size: 1.25em !important; /*22px*/ text-align: center !important; height: 41px !important; color: #e74c0a; } .toogle_first_hwtk div{ font-size: 1.25em !important; /*22px*/ text-align: center !important; height: 41px !important; color: #e3000f; } @media only screen and (max-width: 510px){ .toogle_first_hwtk div{ font-size: 4.2vw !important; } } .toggle-trigger-orange div{ font-size: 1.25em !important; /*22px*/ text-align: center !important; height: 41px !important; color: #FFFFFF; background-color: #e74c0a; } .toogle_first_hwtk{ border: 2px solid #e3000f !important; } .toggle-trigger-hwtk div{ font-size: 1.25em !important; /*22px*/ text-align: center !important; height: 41px !important; color: #FFFFFF; background-color: #e3000f; } .toogle_first{ display:block; height:41px; text-decoration:none; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; display:block; text-decoration:none; width:285px; width:100%; background:#FFF; text-align: center; border:2px solid #e74c0a; } .toogle_first{ color:#3c3b36 !important; font-weight:600; font-size: 1em; line-height: 1.5em; line-height: 41px; } .toggle .team_icon h2:after { float:right; right:20px; } .toggle .team_icon_weiss h2:after { float:right; right:20px; } .toggle .book_icon:after { float:right; right:20px; } .toggle .book_icon_weiss h2:after { float:right; right:20px; } .togglenichtausklappen .book_icon_weiss h2:after { float:right; right:20px; } .toggle .partner_icon h2:after { float:right; right:20px; } .toggle .studienorte_icon h2:after { float:right; right:20px; } .toggle .studienorte_icon_weiss h2:after { float:right; right:20px; } .toggle-content a:hover{ color: #e94c0a !important; } .menu_second div:hover{ /* color: #3c3b36 !important; */ font-weight:600; color: #e94c0a !important; letter-spacing: -0.15px; } a.menu_second:hover div *{ font-weight:600; color: #e94c0a !important; letter-spacing: -0.15px; } .menu_second_hwtk div:hover{ color: #e3000f !important; } .toggle-content a{ color:#3c3b36 !important; text-decoration:none; font-weight:400; font-size: 1em; line-height: 1.5em; /* padding: 10px; line-height:30px; padding-left:0px; height:30px; */ } .toggle-content div{ color:#9d9d9d !important; font-size: 1em; line-height: 1.5em; } .toggle-content a div{ width:100%; } .toggle-content { background-color:#FFFFFF; padding-bottom:20px; } .divimage_bottom{ position: relative; height:100%; width:100%; } .divimage_bottom img { position: absolute; left: 0; bottom: 0; } video#bgvideo { /* position: relative; top: 65%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; */ } /* .videoContainer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } #herovideo { position: relative; width:100%; height:80vh; background-color:#000; } iframe { width: 100%; height: 100%; } */ iframe{ width:100%; border: 0px solid black; } .object-center{ margin-left: auto; margin-right: auto; text-align: center; } .management_color_hwtk:hover{ background-color:#5f6162 !important; } .management_color_hwtk{ background: #e3000f !important; } .management_color_hwtk h2{ color:#FFFFFF !important; } .sprachen_color_berlin:hover{ background-color:#003365 !important; } .sprachen_color_berlin{ background: #00488e !important; } .sprachen_color_berlin h2{ color:#FFFFFF !important; } .management_color:hover{ background-color:#5f86a3 !important; } .management_color{ background: #79a8ce !important; } .management_color h2{ color:#FFFFFF !important; } .soziales_color:hover{ background-color:#f47b25 !important; } .soziales_color{ background: #f39654 !important; } .soziales_color h2{ color:#FFFFFF !important; } .gesundheit_color:hover{ background-color:#8cb05c !important; } .gesundheit_color{ background: #abc786 !important; } .gesundheit_color h2{ color:#FFFFFF !important; } .physio_color:hover{ background-color:#5a9b87 !important; } .physio_color{ background: #7bb2a1 !important; } .physio_color h2{ color:#FFFFFF !important; } .hwtk_color:hover{ background-color:#5f6162 !important; } .hwtk_color{ background: #e3000f !important; } .hwtk_color h2{ color:#FFFFFF !important; } .international_color:hover{ background-color:#FFFFFF !important; } .international_color{ background: #FFFFFF !important; } .international_color h2{ color:#3c3b36 !important; } .technik_color:hover{ background-color:#7b8490 !important; } .technik_color{ background: #9ca4ae !important; } .technik_color h2{ color:#FFFFFF !important; } /* Neu 11.12.2019 */ .iba_color:hover{ background-color:#171042 !important; } .iba_color{ background: #0f225a !important } .iba_color h2{ color:#FFFFFF !important; } .iba_color2:hover{ background-color:#171042 !important; } .iba_color2{ background: #0f225a !important } .iba_color2 h2{ color:#FFFFFF !important; } .orange_color:hover{ background-color:#ca5726 !important; } .orange_color{ background: #e94c0a !important } .orange_color h2{ color:#FFFFFF !important; } .paddingbottom15{ padding-bottom:15px; } .paddingbottom12{ padding-bottom:12px; } .paddingbottom8{ padding-bottom:8px; } .teampicture_div img{ width:150px !important; height:150px !important; } .picture_div img{ width:150px !important; height:150px !important; } .content-right{ /*max-width: 880px;*/ max-width: 100%; } .fullwidth_content_div .content-right{ max-width:1180px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .video-container_mobil { position: relative; padding-bottom: 150%; padding-top: 0px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container video, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 510px){ .video-container{ padding-top: 80px; } .video-container_header{ padding-top: 0px !important; } } @media only screen and (max-width: 360px){ .video-container{ padding-top: 120px; } .video-container_header{ padding-top: 0px !important; } } .video-container_header{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; } .text-center-bildunterschrift{ text-align:center; margin-top: 0px; padding-top: 0px; } @media only screen and (max-width: 792px){ .ichbinalles_link{ display:none; } .ichbinalles_link_mobil{ display:block; text-decoration:none !important; } .news_div{ top: -42px; } } @media only screen and (min-width: 792px){ .ichbinalles_link{ display:block; } .ichbinalles_link_mobil{ display:none; } .studienplatzsichern_link{ display:block; } } @media only screen and (min-width: 580px) and (max-width: 1200px){ .videoplayer_desktop{ display:none; } .videoplayer_tablet{ display:block; text-decoration:none !important; } .videoplayer_mobil{ display:none; } } @media only screen and (max-width: 580px){ .videoplayer_desktop{ display:none; } .videoplayer_tablet{ display:none; } .videoplayer_mobil{ display:block; text-decoration:none !important; } } @media only screen and (min-width: 1201px){ .videoplayer_desktop{ display:block; } .videoplayer_tablet{ display:none; } .videoplayer_mobil{ display:none; } } @media only screen and (min-width: 1130px){ .center_heroimage_maindiv2{ position:relative; overflow:hidden; } } .button_wasbistdu{ max-width: 1180px; text-align: left; margin: 0 auto; position:absolute; top:0px; z-index:1; margin-left: -webkit-calc((100% - 1180px)/2); margin-left: -moz-calc((100% - 1180px)/2); margin-left: calc((100% - 1180px)/2); } @media only screen and (max-width: 1200px){ .button_wasbistdu{ margin-left: -webkit-calc((100% - 98%)); margin-left: -moz-calc((100% - 98%)); margin-left: calc((100% - 98%)); } } /* Neu 11.12.2019 */ .button_studienplatzsichern{ max-width: 1180px; text-align: left; margin: 0 auto; z-index:1; position:absolute; top:0px; margin-left: -webkit-calc((100% - 840px)/2); margin-left: -moz-calc((100% - 840px)/2); margin-left: calc((100% - 840px)/2); min-height: 46.8px; } .button_broschuereanfordern{ max-width: 1180px; text-align: left; margin: 0 auto; z-index:1; position: absolute; top: 0px; margin-left: -webkit-calc((100% - 1420px)/2); margin-left: -moz-calc((100% - 1420px)/2); margin-left: calc((100% - 1420px)/2); min-height: 46.8px; } .button_sprache{ max-width: 1180px; text-align: left; margin: 0 auto; z-index:1; position: absolute; top: 0px; margin-left: -webkit-calc((100% - 250px)/2); margin-left: -moz-calc((100% - 250px)/2); margin-left: calc((100% - 250px)/2); min-height: 46.8px; border-left: 2px solid #FFF; } .button_infosundkontakt{ max-width: 1180px; text-align: left; margin: 0 auto; z-index:1; position: absolute; top: 0px; margin-left: -webkit-calc((100% - 840px)/2); margin-left: -moz-calc((100% - 840px)/2); margin-left: calc((100% - 840px)/2); min-height: 46.8px; } @media only screen and (max-width: 1200px){ .button_studienplatzsichern{ margin-right: -webkit-calc((100% - 78%)); margin-right: -moz-calc((100% - 78%)); margin-right: calc((100% - 78%)); } .button_broschuereanfordern{ margin-right: -webkit-calc((100% - 78%)); margin-right: -moz-calc((100% - 78%)); margin-right: calc((100% - 78%)); } } /* EOF Neu 11.12.2019 */ /* Kacheln Startseite */ .experts_in{ width:100%; background-color:#FFFFFF; color:#3c3b36; } .experts_in_first{ border-top:0px solid #cccccc; overflow:hidden; } @media only screen and (max-width: 1200px){ .experts_in_first{ border-top:0px solid #cccccc; } } .experts_in_flex{ max-width: 700px; margin: 0 auto; } .experts_container{ --width-content: 1180px; max-width: 1180px; margin: 0 auto; min-height: 115px; padding-left:0px; } .experts_container_boxes{ padding-bottom:0px !important; } .experts_container_startseite h2{ color: #3c3b36 !important; font-weight: 800 !important; font-size: 2.75em !important; line-height: 1.2em !important; margin: 0px; padding-top: 60px; padding-bottom: 40px; } .content-right h2{ font-size: 1.5em; font-weight: 400; margin-top:40px; line-height: 1.3em; } .zitat_div2{ font-weight: 300; padding-top: 40px; max-width: 900px; font-size: 1.25em; line-height: 1.4em; } .experts_container_visitenkarten h2{ color: #3c3b36 !important; font-weight: 800 !important; font-size: 2.75em !important; line-height: 1.2em !important; margin: 0px; padding-top: 40px; padding-bottom: 40px; } .flex-columns{ max-width:1196px; margin: 0 auto; display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row; justify-content: left; align-content: flex-start; } .col { background-color: #ffffff; flex: 0 0 auto; max-width:278px; margin-right:22px; margin-bottom:22px; position:relative; overflow:hidden !important; padding-bottom: 15px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .col_transparent{ background: rgba(0,0,0,0) !important; margin-top: 50px; } .col_transparent2{ background: rgba(0,0,0,0) !important; } .col_100 { background-color: #FFFFFF; flex: 0 0 auto; max-width:1180px; margin-right:0px; margin-bottom:14px; position:relative; overflow:hidden !important; padding-bottom: 25px; } .col_1000 { background-color: #FFFFFF; flex: 0 0 auto; max-width:1180px; margin-right:0px; position:relative; /* overflow:hidden !important; */ padding-bottom: 45px; } .col_1000_minus_300 { background-color: #ffffff; flex: 0 0 auto; max-width:1180px; margin-right:0px; position:relative; padding-bottom: 45px; width: calc(100% - 300px); } .col_1000_minus_300 .col_100_content{ margin-right:0px; } @media only screen and (max-width: 1200px){ .col_1000_minus_300 { width: 100%; } } .col_content{ margin:0px; text-align: center; vertical-align: middle; } .col_100_content{ margin:0px; text-align: center; vertical-align: middle; margin-bottom:0px; /* padding-left:298px; padding-right:298px; */ } @media only screen and (max-width: 1200px){ .col_100_content{ padding-left:0px !important; padding-right:0px !important; } } .col_title { color: #0f225a !important; font-size: 1.25em; /*22px*/ line-height: 1.25em; font-weight:800; margin-top:20px; margin-bottom:15px; text-align: center; vertical-align: middle; min-height:45px; } .col_100_title{ color: #e74c0a !important; font-size: 1.25em; /*22px*/ line-height: 1.25em; font-weight:800; margin-bottom:15px; text-align: left; vertical-align: middle; } .col_100_title_black{ color: #3c3b36 !important; } @media only screen and (max-width: 650px){ .col_100_title{ text-align: center; } .col_100_title_black{ text-align: left; } .col_100_titleweiss{ text-align: left; } } .col_subline{ text-align: left; color:#3c3b36 !important; font-size: 1em; line-height: 1.5em; } .col_100_subline{ text-align: left; color:#3c3b36 !important; font-size: 1em; line-height: 1.5em; } .col_100_subline h1{ line-height:40px; } .col_100_subline a{ color:#3c3b36 !important; text-decoration:underline; } .textcolor_white a{ color:#FFFFFF !important; text-decoration:underline !important; } .textcolor_e94c0a a{ color:#e94c0a !important; text-decoration:underline !important; } .col_100_subline a:hover{ color:#e74c0a !important; text-decoration:underline; } .toggle_main-trigger:hover div div, .toggle_main-trigger:hover div div b{ color:#e74c0a !important; } .toggle_main-trigger:hover div h4{ color:#e74c0a !important; } .grey_section_container{ display:flex; flex-direction: inherit; } .grey_section_column1{ width:49%; margin-right:2%; line-height: 24px; font-size: 1.25em; line-height: 1.1em; position:relative; } .grey_section_column1 a{ color:#3c3b36 !important; text-decoration:underline; } .grey_section_column1 a:hover{ color:#e74c0a !important; text-decoration:underline; } .grey_section_column2{ width:49%;color: #3c3b36 !important; line-height: 24px; font-size: 1.25em; line-height: 1.1em; position:relative; } .grey_section_column2 a{ color:#3c3b36 !important; text-decoration:underline; } .grey_section_column2 a:hover{ color:#e74c0a !important; text-decoration:underline; } .no_margin_right{ margin-right:0px !important; } /* EOF Kacheln Startseite */ .link_startpage{ color:#3c3b36 !important; text-decoration:underline; } .link_startpage:hover{ color:#e74c0a !important; text-decoration:underline; } .studienplatzsichern_div_bottom{ background-color: #e94c0a; color:#FFF !important; font-weight:800; font-size:2.75em; text-align:center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 400 !important; line-height: 72px; text-decoration:none !important; border: 3px solid #e94c0a !important; } .studienplatzsichern_div_bottom_isba{ -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .studienplatzsichern_div_bottom2_hwtk{ background-color: #e3000f !important; } .zuveranstaltungen_div_bottom{ background-color: #e94c0a; color:#FFF !important; font-weight:800; font-size:2.75em; text-align:center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 400 !important; line-height: 72px; text-decoration:none !important; } .whatsapp_div_bottom{ background-color: #49c858; color:#FFF !important; font-weight:800; font-size:2.75em; text-align:center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: 400 !important; line-height: 72px; text-decoration:none !important; } .studienplatzsichern_link_bottom{ text-decoration:none !important; } .studienplatzsichern_maindiv_bottom{ width:590px; margin:0 auto; margin-top:0px; } .studienplatzsichern_maindiv_bottom_left{ margin: inherit; } @media only screen and (max-width: 1200px){ .studienplatzsichern_maindiv_bottom{ padding-right:0px !important; } } @media only screen and (max-width: 710px){ .experts_container_cta .studienplatzsichern_maindiv_bottom{ width:100%; max-width: 100% !important; } } @media only screen and (max-width: 650px){ .studienplatzsichern_maindiv_bottom{ width:100%; max-width: 590px !important; } .studienplatzsichern_div_bottom{ font-size: 6.5vw !important; } .whatsapp_div_bottom{ font-size: 6.5vw !important; } } .headerfix{ width: 100%; margin: 0 auto; position:fixed; top:0px; z-index:10000; opacity: 0; display:none; } #infocontact_submenu_fix{ -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding-bottom:10px; background: rgba(255,255,255,1); width: 272px; /* Neu 19.05.2022 border-right:3.5px solid #FFFFFF !important; left: -1.5px; */ } .infocontact_headerfix{ top:0px !important; position:relative; } .infocontact_headerfix .button_studienplatzsichern{ /*margin-left: calc((100% - 1540px)/2);*/ margin-left: calc((100% - 960px)/2); } .infocontact_headerfix .button_broschuereanfordern{ /*margin-left: calc((100% - 2120px)/2);*/ margin-left: calc((100% - 1540px)/2); } .infocontact_headerfix .button_infosundkontakt{ margin-left: calc((100% - 960px)/2); } .infocontact_headerfix .studienplatzsichern_div{ background-color: #e94c0a; /*Neu 12.08.2024*/ border:2px solid #e94c0a; font-weight:800; font-size: 1.25em; /*22px*/ text-align:center; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-weight:600; line-height: 45px; text-decoration:none; height: 46.8px; } .infocontact_headerfix .studienplatzsichern_div:hover{ background-color: #FFF !important; /*Neu 12.08.2024*/ border:2px solid #e94c0a !important; } .infocontact_headerfix_hwtk .studienplatzsichern_div{ background-color: #FFF; border:2px solid #e3000f; font-weight:800; font-size: 1.25em; /*22px*/ text-align:center; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-weight:600; line-height: 45px; text-decoration:none; } .infocontact_headerfix_hwtk .studienplatzsichern_div:hover{ border:2px solid #e3000f; } .infocontact_headerfix .infocontact_first{ -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; /* Neu 19.05.2022 border:2px solid #e94c0a; */ background-color: #e94c0a; } .infocontact_headerfix_hwtk .infocontact_first{ -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; /* Neu 19.05.2022 border:2px solid #e94c0a; */ background-color: #e3000f; } #infocontact_first_link_fix{ border:2px solid #e94c0a; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background-color:#e94c0a; } #infocontact_first_link_fix{ border:2px solid #e94c0a; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background-color:#e94c0a; } #infocontact_first_link_fix_hwtk{ border:2px solid #e3000f; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background-color:#e3000f; } #infocontact_first_link_fix_hwtk{ border:2px solid #e3000f; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background-color:#e3000f; } .infocontact_headerfix .infocontact_first:hover { background-color: #FFFFFF; } .infocontact_headerfix .infocontact_first:hover > a{ background-color: #FFFFFF !important; border: 2px solid #FFFFFF !important; } .infocontact_headerfix_hwtk .infocontact_first:hover { background-color: #FFFFFF; } .infocontact_headerfix_hwtk .infocontact_first:hover > a{ background-color: #FFFFFF !important; border: 2px solid #FFFFFF !important; } .infocontact_headerfix_show { display:block !important; opacity: 1; } @media only screen and (max-width: 1200px){ .headerfix{ width:94% !important; margin-right:3% !important; } } /* Neu 27.09.2021 */ @media only screen and (max-width: 882px){ .infocontact_headerfix_show { display:none !important; opacity: 0; } } .scroller_horizontal_headline{ color:#3c3b36; font-weight:800; text-align: center; margin-top: 20px; font-size: 1.25em; /*22px*/ line-height: 1.25em; margin-bottom:15px; } .scroller_horizontal_main{ background-color:#e9ecef; border-top: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; margin-top:10px; margin-bottom:25px; overflow-y: hidden; max-height:0px; height:0px; } .scroller_horizontal_main_white{ background-color:#FFFFFF !important; } .scroller_horizontal_main_fafbfc{ background-color:#fafbfc !important; border-top: 5px solid #fafbfc !important; border-bottom: 5px solid #fafbfc !important; } .scroller_horizontal_orange{ margin-top:10px; margin-bottom:0px; overflow-y: hidden; max-height:0px; height:0px; } .horizontal_show2{ width: 100%; height:100%; max-height:100%; } .grey_section{ background-color:#e9ecef; border-top: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; margin-top:10px; margin-bottom:25px; overflow-y: hidden; padding-top: 50px; padding-bottom: 50px; min-height: 280px; } .grey_section_studienort_contactdiv{ margin-top:0px; margin-bottom:0px; padding-bottom:0px; min-height: auto !important; overflow:hidden; padding-top:35px; } .white_section{ background-color:#FFFFFF; overflow-y: hidden; padding-top: 20px; min-height: 280px; } .horizontal_show_zitate{ width: 100%; } .horizontal_show_zitate a{ text-decoration:none; color: #3c3b36 !important; } .horizontal_show{ width: 100%; height:250px; max-height:250px; } .horizontal_show a{ text-decoration:none; color: #3c3b36 !important; } .horizontal_show img{ width:80px; height:80px; margin: auto; padding:20px; } .horizontal_show a:hover img{ width:90px; height:90px; } .horizontal_show_element{ } /* Neu 30.05.2023 2 */ .horizontal_show_element_link2{ padding-top:10px; padding-bottom:25px; margin-left:45px; margin-right:45px; } .horizontal_show_element_link2 img{ margin: 0 auto !important; } .horizontal_show_element_link2 p{ margin: 0px; margin-bottom: 35px; } @media only screen and (max-width: 800px){ .horizontal_show_element_link2 { margin-left:45px; margin-right:45px; padding-top: 5px; } } @media only screen and (max-width: 620px){ .horizontal_show_element_link2 { margin-left:40px !important; margin-right:40px !important; } } .logo_alumni{ margin:20px; margin-left:0px; } .horizontal_show_element_link{ padding-top:25px; padding-bottom:25px; margin-left:15px; margin-right:15px; } .horizontal_show_element_link > div:first-child{ overflow: hidden; position: relative; max-height: 120px; } .horizontal_show_element_subline{ text-align:center; padding-left:15px; padding-right:15px; font-size:1em; font-weight:600; color: #0f225a !important; font-size: 1.25em; line-height: 1.3em; } .slick-prev{ left:10px; } .slick-prev::before, .slick-next::before { font-size: 50px; /*bleibt so*/ } .slick-next{ right:10px; } .slick-prev, .slick-next{ width:40px; height:25px; z-index: 1000; height: 100%; } .slick-prev::before{ content: url(../images/pfleil_links_black.png); font-weight:800; font-size: 40px; /*bleibt so*/ font-family: arial; display:flex; width:25px !important; height:25px !important; } .slick-next::before{ content: url(../images/pfeil_rechts_black.png); font-weight:800; font-size: 40px; /*bleibt so*/ font-family: arial; display:flex; height:25px !important; float:right; } .full_width_darkorange_div .slick-prev::before{ content: url(../images/pfleil_links.png) !important; } .full_width_darkorange_div .slick-next::before{ content: url(../images/pfeil_rechts.png) !important; } @media only screen and (max-width: 800px){ .horizontal_show_element_link { margin-left:15px; margin-right:15px; padding-top: 5px; } .horizontal_show_element_subline{ /* line-height:18px; */ } } @media only screen and (max-width: 620px){ .horizontal_show_element_link { margin-left:0px; margin-right:0px; padding-top: 5px; } .horizontal_show img{ width:80px; height:80px; margin: auto; padding:20px; } .horizontal_show a:hover img{ width:90px; height:90px; } .horizontal_show_element_subline{ font-weight:600; font-size: 1.125em; line-height: 1.5em; padding-left:0px; padding-right:0px; } .slick-current a{ margin-left:40px !important; display:block; } .slick-active a{ margin-right:40px !important; display:block; } .slick-track{ top:20px; } } #videobereich { position: relative; height: 0; padding-bottom: 56.25%; } .col_columns2_hwtk_picture { position: relative; } .col_columns2_hwtk_picture img{ width:100%; } .col_columns2_hwtk_text{ margin-top: 10px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; } .experts_container_hwtk{ padding-top: 10px; } #streetviewbereich { position: relative; height: 0; padding-bottom: 76.25%; } #streetviewbereich2 { position: relative; height: 0; padding-bottom: 56.25%; } @media only screen and (max-width: 660px){ #streetviewbereich2 { position: relative; height: 0; padding-bottom: 76.25%; } } @media only screen and (max-width: 490px){ #streetviewbereich2 { position: relative; height: 0; padding-bottom: 100%; } #streetviewbereich { position: relative; height: 0; padding-bottom: 100%; } } .videoextern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col_100_subline_standort{ /*font-size:16px; Muss so bleiben*/ } .standort_twocolumn{ max-width: 1180px; margin: 0 auto; display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row; justify-content: left; align-content: flex-start; } .standort_twocolumn_first{ max-width:48.5%; margin-right:1.2% !important; padding-right:1%; } .standort_twocolumn_second{ max-width:49%; } .videoextern_roundcorners{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media only screen and (max-width: 1020px){ .standort_twocolumn_first{ max-width:100%; margin-right:0% !important; padding-right:0%; } .standort_twocolumn_second{ max-width:100%; } } .toggle-content ul{ margin:0px !important; list-style-type: none; padding: 0; } .footer_space{ padding-left:8px !important; width:352px !important; /*210px*/ } .footer_icons{ float: right; display: flex; flex-direction: row; height: 150px !important; width: 500px !important; /*320px*/ margin-top: 20px; } .footer_digitalreadness_img{ margin-right: 40px; } .footer_studycheck_img{ margin-right: 40px; } .grey_section_column1 a{ color:#FFFFFF !important; } .col_100_titleweiss{ color:#FFFFFF !important; } .grey_section_column2 a{ color:#FFFFFF !important; } .grey_section_column_contactstudienort{ color:#3c3b36 !important; } .grey_section_column_contactstudienort a{ color:#3c3b36 !important; } .links_orange a{ color:#e74c0a !important; } .links_black a{ color:#3c3b36 !important; text-decoration:underline !important; } .underline_none a{ text-decoration:none !important; } .grey_section_column1_text{ float: right; width: 40%; margin-right:5%; position: absolute; top: 230px; color:#FFFFFF !important; padding-left: 55%; top: 10%; } .grey_section_column2_text{ float: left; width: 50%; margin-left:5%; position: absolute; top: 10%; color:#FFFFFF !important; } /* Neu 27.09.2021 */ .studienplatzsichern_div:hover{ background-color:#FFFFFF !important; border: 2px solid #FFFFFF; } /* EOF Neu 27.09.2021 */ .studienplatzsichern_link:hover > div{ color: #e94c0a !important; } .studienplatzsichern_link_ibacareer > div{ color:#FFFFFF !important; } .studienplatzsichern_link_ibacareer:hover > div{ background-color:#FFFFFF !important; color:#e94c0a !important; border: 2px solid #FFFFFF !important; } .studienplatzsichern_link_hwtk2:hover > div{ color: #e3000f !important; } .studienplatzsichern_link_hwtk > div{ color:#e3000f !important; } .studienplatzsichern_link_hwtk:hover > div{ background-color:#e3000f !important; color:#FFFFFF !important; } .studienplatzsichern_div_broschuere{ background: #FFFFFF !important; border: 2px solid #FFFFFF !important; color:#e94c0a !important; } .infocontact_headerfix .studienplatzsichern_div_broschuere{ background: #FFFFFF !important; border: 2px solid #e94c0a !important; color:#e94c0a !important; } .infocontact_second a { text-decoration: none !important; color: #9d9d9d !important; line-height: 35px !important; font-weight: 400 !important; padding-left: 50px !important; font-size: 1em !important; line-height: 1.5em; } .displaycookie:not([src]) { display: none; } .horizontal_show_element a:hover{ color:#3c3b36 !important; text-decoration:none !important; } @media only screen and (max-width: 950px){ .col_2spaltig{ width: 49% !important; min-width: 49% !important; max-width: 49% !important; margin-right: 1% !important; } } @media only screen and (max-width: 1280px){ .col_3spaltig{ width:100% !important; min-width:100% !important; max-width:100% !important; } } @media only screen and (max-width: 890px){ .col_2spaltig{ width:100% !important; min-width:100% !important; max-width:100% !important; } } .logo_left_div img{ width:170px !important; height:170px !important; } .logo_left_div .content-view-embeddedmedia{ margin-bottom: 0px !important; margin-top: 40px !important; } .full_width_greylight2_div{ background-color:#ebebeb; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; } .full_width_greylight2_div{ -webkit-box-shadow: calc(-880px + 500px) 0px 0px 0px #ebebeb, calc(880px - 500px) 0px 0px 0px #ebebeb; box-shadow: calc(-880px + 500px) 0px 0px 0px #ebebeb, calc(880px - 500px) 0px 0px 0px #ebebeb; } @media only screen and (min-width: 950px){ .full_width_greylight2_div{ -webkit-box-shadow: calc(-880px + 300px) 0px 0px 0px #ebebeb, calc(880px - 300px) 0px 0px 0px #ebebeb; box-shadow: calc(-880px + 300px) 0px 0px 0px #ebebeb, calc(880px - 300px) 0px 0px 0px #ebebeb; } } @media only screen and (min-width: 1600px){ .full_width_greylight2_div{ -webkit-box-shadow: -880px 0px 0px 0px #ebebeb, 880px 0px 0px 0px #ebebeb; box-shadow: -880px 0px 0px 0px #ebebeb, 880px 0px 0px 0px #ebebeb; } } @media only screen and (min-width: 2100px){ .full_width_greylight2_div{ width: 1280px; -webkit-box-shadow: -1280px 0px 0px 0px #ebebeb, 1280px 0px 0px 0px #ebebeb; box-shadow: -1280px 0px 0px 0px #ebebeb, 1280px 0px 0px 0px #ebebeb; } } @media only screen and (min-width: 2500px){ .full_width_greylight2_div{ width: 1880px; -webkit-box-shadow: -1880px 0px 0px 0px #ebebeb, 1880px 0px 0px 0px #ebebeb; box-shadow: -1880px 0px 0px 0px #ebebeb, 1880px 0px 0px 0px #ebebeb; } } @media only screen and (min-width: 4000px){ .full_width_greylight2_div{ width: 2580px; -webkit-box-shadow: -2580px 0px 0px 0px #ebebeb, 2580px 0px 0px 0px #ebebeb; box-shadow: -2580px 0px 0px 0px #ebebeb, 2580px 0px 0px 0px #ebebeb; } } .full_width_greylight3_div{ background-color:#e9ecef; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; } .full_width_greylight3_div{ -webkit-box-shadow: calc(-880px + 500px) 0px 0px 0px #e9ecef, calc(880px - 500px) 0px 0px 0px #e9ecef; box-shadow: calc(-880px + 500px) 0px 0px 0px #e9ecef, calc(880px - 500px) 0px 0px 0px #e9ecef; } @media only screen and (min-width: 950px){ .full_width_greylight3_div{ -webkit-box-shadow: calc(-880px + 300px) 0px 0px 0px #e9ecef, calc(880px - 300px) 0px 0px 0px #e9ecef; box-shadow: calc(-880px + 300px) 0px 0px 0px #e9ecef, calc(880px - 300px) 0px 0px 0px #e9ecef; } } @media only screen and (min-width: 1600px){ .full_width_greylight3_div{ -webkit-box-shadow: -880px 0px 0px 0px #e9ecef, 880px 0px 0px 0px #e9ecef; box-shadow: -880px 0px 0px 0px #e9ecef, 880px 0px 0px 0px #e9ecef; } } @media only screen and (min-width: 2100px){ .full_width_greylight3_div{ width: 1280px; -webkit-box-shadow: -1280px 0px 0px 0px #e9ecef, 1280px 0px 0px 0px #e9ecef; box-shadow: -1280px 0px 0px 0px #e9ecef, 1280px 0px 0px 0px #e9ecef; } } @media only screen and (min-width: 2500px){ .full_width_greylight3_div{ width: 1880px; -webkit-box-shadow: -1880px 0px 0px 0px #e9ecef, 1880px 0px 0px 0px #e9ecef; box-shadow: -1880px 0px 0px 0px #e9ecef, 1880px 0px 0px 0px #e9ecef; } } @media only screen and (min-width: 4000px){ .full_width_greylight3_div{ width: 2580px; -webkit-box-shadow: -2580px 0px 0px 0px #e9ecef, 2580px 0px 0px 0px #e9ecef; box-shadow: -2580px 0px 0px 0px #e9ecef, 2580px 0px 0px 0px #e9ecef; } } .full_width_white_div{ background-color:#FFFFFF; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; } .full_width_white_div{ -webkit-box-shadow: calc(-880px + 500px) 0px 0px 0px #FFFFFF, calc(880px - 500px) 0px 0px 0px #FFFFFF; box-shadow: calc(-880px + 500px) 0px 0px 0px #FFFFFF, calc(880px - 500px) 0px 0px 0px #FFFFFF; } .full_width_orange_div{ background-color:#fef0e6; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; } .full_width_orange_div{ -webkit-box-shadow: calc(-880px + 500px) 0px 0px 0px #fef0e6, calc(880px - 500px) 0px 0px 0px #fef0e6; box-shadow: calc(-880px + 500px) 0px 0px 0px #fef0e6, calc(880px - 500px) 0px 0px 0px #fef0e6; } @media only screen and (min-width: 950px){ .full_width_white_div{ -webkit-box-shadow: calc(-880px + 300px) 0px 0px 0px #FFFFFF, calc(880px - 300px) 0px 0px 0px #FFFFFF; box-shadow: calc(-880px + 300px) 0px 0px 0px #FFFFFF, calc(880px - 300px) 0px 0px 0px #FFFFFF; } .full_width_orange_div{ -webkit-box-shadow: calc(-880px + 300px) 0px 0px 0px #fef0e6, calc(880px - 300px) 0px 0px 0px #fef0e6; box-shadow: calc(-880px + 300px) 0px 0px 0px #fef0e6, calc(880px - 300px) 0px 0px 0px #fef0e6; } } @media only screen and (min-width: 1600px){ .full_width_white_div{ -webkit-box-shadow: -880px 0px 0px 0px #FFFFFF, 880px 0px 0px 0px #FFFFFF; box-shadow: -880px 0px 0px 0px #FFFFFF, 880px 0px 0px 0px #FFFFFF; } .full_width_orange_div{ -webkit-box-shadow: -880px 0px 0px 0px #fef0e6, 880px 0px 0px 0px #fef0e6; box-shadow: -880px 0px 0px 0px #fef0e6, 880px 0px 0px 0px #fef0e6; } } @media only screen and (min-width: 2100px){ .full_width_white_div{ width: 1180px; -webkit-box-shadow: -1180px 0px 0px 0px #FFFFFF, 1180px 0px 0px 0px #FFFFFF; box-shadow: -1180px 0px 0px 0px #FFFFFF, 1180px 0px 0px 0px #FFFFFF; } .full_width_orange_div{ width: 1180px; -webkit-box-shadow: -1180px 0px 0px 0px #fef0e6, 1180px 0px 0px 0px #fef0e6; box-shadow: -1180px 0px 0px 0px #fef0e6, 1180px 0px 0px 0px #fef0e6; } } @media only screen and (min-width: 2500px){ .full_width_white_div{ width: 1180px; -webkit-box-shadow: -1180px 0px 0px 0px #FFFFFF, 1180px 0px 0px 0px #FFFFFF; box-shadow: -1180px 0px 0px 0px #FFFFFF, 1180px 0px 0px 0px #FFFFFF; } .full_width_orange_div{ width: 1180px; -webkit-box-shadow: -1180px 0px 0px 0px #fef0e6, 1180px 0px 0px 0px #fef0e6; box-shadow: -1180px 0px 0px 0px #fef0e6, 1180px 0px 0px 0px #fef0e6; } } @media only screen and (min-width: 4000px){ .full_width_white_div{ width: 1180px; -webkit-box-shadow: -1180px 0px 0px 0px #FFFFFF, 1180px 0px 0px 0px #FFFFFF; box-shadow: -1180px 0px 0px 0px #FFFFFF, 1180px 0px 0px 0px #FFFFFF; } .full_width_orange_div{ width: 1180px; -webkit-box-shadow: -1180px 0px 0px 0px #fef0e6, 1180px 0px 0px 0px #fef0e6; box-shadow: -1180px 0px 0px 0px #fef0e6, 1180px 0px 0px 0px #fef0e6; } } /* Neu 30.05.2023 */ .full_width_darkorange_div{ background-color:#e94c0a; padding-top: 20px; padding-bottom: 30px; margin-bottom: 70px; color:#FFFFFF !important; } .full_width_darkorange_div{ -webkit-box-shadow: calc(-880px + 500px) 0px 0px 0px #e94c0a, calc(880px - 500px) 0px 0px 0px #e94c0a; box-shadow: calc(-880px + 500px) 0px 0px 0px #e94c0a, calc(880px - 500px) 0px 0px 0px #e94c0a; } @media only screen and (min-width: 950px){ .full_width_darkorange_div{ -webkit-box-shadow: calc(-880px + 300px) 0px 0px 0px #e94c0a, calc(880px - 300px) 0px 0px 0px #e94c0a; box-shadow: calc(-880px + 300px) 0px 0px 0px #e94c0a, calc(880px - 300px) 0px 0px 0px #e94c0a; } } @media only screen and (min-width: 1600px){ .full_width_darkorange_div{ -webkit-box-shadow: -880px 0px 0px 0px #e94c0a, 880px 0px 0px 0px #e94c0a; box-shadow: -880px 0px 0px 0px #e94c0a, 880px 0px 0px 0px #e94c0a; } } @media only screen and (min-width: 2100px){ .full_width_darkorange_div{ width: 1280px; -webkit-box-shadow: -1280px 0px 0px 0px #e94c0a, 1280px 0px 0px 0px #e94c0a; box-shadow: -1280px 0px 0px 0px #e94c0a, 1280px 0px 0px 0px #e94c0a; } } @media only screen and (min-width: 2500px){ .full_width_darkorange_div{ width: 1880px; -webkit-box-shadow: -1880px 0px 0px 0px #e94c0a, 1880px 0px 0px 0px #e94c0a; box-shadow: -1880px 0px 0px 0px #e94c0a, 1880px 0px 0px 0px #e94c0a; } } @media only screen and (min-width: 4000px){ .full_width_darkorange_div{ width: 2580px; -webkit-box-shadow: -2580px 0px 0px 0px #e94c0a, 2580px 0px 0px 0px #e94c0a; box-shadow: -2580px 0px 0px 0px #e94c0a, 2580px 0px 0px 0px #e94c0a; } } .anfuehrungszeichen_rechts_hell{ position: absolute; width: 180px; height: 180px; left: 930px; } @media only screen and (max-width: 1200px){ .anfuehrungszeichen_rechts_hell{ display:none; } } .margin_inherit{ margin: inherit !important; } .grey_section_marginbottom_0{ margin-bottom:0px; border-top:0px solid #FFFFFF !important; border-bottom:0px solid #FFFFFF !important; padding-top:40px; padding-bottom:50px; overflow:hidden !important; } input, textarea, select, .uneditable-input{ display: inline-block; width: 100% !important; padding: 4px; margin-bottom: 9px; font-size: 1em; line-height: 21px; color: #333; border: 1px solid #dbdbdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .content-right #termine table tr td{ font-size: 1.25em !important; line-height: 1.1em !important; color: #3c3b36 !important; padding-bottom:5px; } .content-right .termintable_main1 tr td{ padding-bottom:5px; } .content-right .termintable_main1 select{ width: 220px !important; } .content-right #termine table .calendarTop1 td{ color: #FFFFFF !important; } .content-right #termine table{ width:100% !important; } .horizontal_button_menu{ display: flex; flex-direction: initial; } .horizontal_button_menu div{ padding-right:20px; } @media only screen and (max-width: 690px){ .horizontal_button_menu{ display: block; flex-direction: initial; } .horizontal_button_menu div{ padding-right:0px; width: 100% !important; max-width: 100% !important; } .horizontal_button_menu .toogle_first div{ padding-left: 0px !important; } } @media only screen and (max-width: 350px){ .studienplatzsichern_div_bottom2_zuveranstaltungen{ font-size: 6.5vw !important; } } .mobil_picture_100{ padding-top:30px; } .mobil_picture_100 .attribute-image p{ margin-top:0px; } @media only screen and (max-width: 660px){ .mobil_picture_100 .object-right{ float: left; margin-left: 0px; clear: both; width: 100%; } } @media only screen and (min-width: 1020px){ .zitat_div_small_text{ padding-top: 35px !important; } } @media only screen and (max-width: 400px){ .studienplatzsichern_div_bottom2_hwtk{ font-size: 5vw !important; } .studienplatzsichern_div_bottom2_isba{ font-size: 5vw !important; } } .col_content_hwtk{ background-color: #e3000f !important; max-width: 556px; padding-bottom: 1px; } .col_content_isba_physician{ background-color: #009a85 !important; max-width: 556px; padding-bottom: 1px; } .col_content_isba_sozialearbeit{ background-color: #f19653 !important; max-width: 556px; padding-bottom: 1px; } .col_content_iba_sozial{ background-color: #f39654 !important; max-width: 556px; padding-bottom: 1px; } .col_content_iba_management{ background-color: #79a8ce !important; max-width: 556px; padding-bottom: 1px; } .col_columns2_hwtk { background-color: #ffffff; flex: 0 0 auto; margin-bottom:0px; padding-bottom: 0px; position:relative; overflow:hidden !important; width:47%; min-width:47%; max-width:47%; margin-right:6%; color: #FFF; font-weight: 600; font-size: 1.2em; } .col_columns2_hwtk a{ color:#FFFFFF !important; text-decoration: none !important; } @media only screen and (max-width: 1200px){ .margin_right_mobil_video{ margin-right:0% !important; } .col_columns2_hwtk{ width:100%; min-width:100%; max-width:100%; } .margin_right_mobil_hwtk{ margin-bottom:30px; } .col_content_hwtk{ margin: 0 auto; } .col_content_isba_physician{ margin: 0 auto; } .col_content_isba_sozialearbeit{ margin: 0 auto; } .col_content_iba_sozial{ margin: 0 auto; } .col_content_iba_management{ margin: 0 auto; } } .stern_auflistung{ padding-left: 28px; } .stern_auflistung li{ list-style-image: url("https://www.ibadual.com/design/ibadual/images/sternchen_ul_li.png"); margin-bottom: 15px; font-size: 1em !important; line-height: 1.5em; } .last_stern_auflistung{ margin-top: 0px !important; } .grey_section_container_marginleft{ margin:0; } .eingerueckt_punkt_nopadding{ position:relative; background-size: 220px 220px; background-image: url('https://www.ibadual.com/design/ibadual/images/Bubble_hellhellorange.svg') !important; background-repeat: no-repeat; margin-top: 60px; padding-top: 20px; left: -40px; padding-left: 40px; } .eingerueckt_punkt{ position:relative; /*top:15px; */ padding-left: 7%; background-size: 220px 220px; background-image: url('https://www.ibadual.com/design/ibadual/images/Bubble_hellblaugrau.svg'); background-repeat: no-repeat; min-height: 220px; padding-bottom: 10px; margin-top: 40px; } .eingerueckt_punkt_sozm2{ background-image: url('https://www.ibadual.com/design/ibadual/images/Bubble_hellhellorange.svg') !important; } .eingerueckt_punkt_sozm{ background-image: url('https://www.ibadual.com/design/ibadual/images/Bubble_hellhellorange.svg') !important; top: 18px; } .eingerueckt_punkt_div_sozm{ padding-bottom: 0.01px; } .eingerueckt_punkt_div{ padding-top: 25px; padding-bottom: 5px; } .margin_bottom_30{ padding-bottom: 30px; } @media only screen and (max-width: 600px){ .margin_bottom_30{ margin-bottom: 40px; } .eingerueckt_punkt{ padding-left: 5% !important; background-size: 100% 100% !important; } .eingerueckt_punkt_nopadding{ /* padding-left: 5% ! important; padding-left: 40px; background-size: 40% 40% !important; margin-top: 0px !important; padding-top: 60px; margin-left: 40px; padding-left: 0px; */ background-size: 50vw !important; padding-top: 0.01px; margin-left: 40px; padding-left: 0px; } .eingerueckt_punkt_zitat{ padding-left: 5% !important; background-size: 60% 60% !important; background-position: 50% 50% !important; } .eingerueckt_punkt_div{ padding-top: 0px !important; } } .hover_darkorange{ background-color:#f39654 !important; } .hover_darkorange:hover{ background-color:#f47b25 !important; } .submenu_incontent{ display:flex; margin-top: 0px; margin-bottom: 70px; } .submenu_incontent_firstline{ margin-bottom: 25px; } .studienplatzsichern_div_bottom_submenu{ font-size: 1.25em !important; /*22px*/ } @media only screen and (max-width: 1200px){ .submenu_incontent{ display:flex; flex-direction: column; } .submenu_incontent .experts_container_bwl .studienplatzsichern_maindiv_bottom_submenu{ margin-bottom: 0px; } .studienplatzsichern_maindiv_bottom_submenu{ max-width: none !important; width: 100% !important; margin-bottom:25px; } } .studienplatzsichern_maindiv_bottom_submenu{ width: 590px; margin-top:0px; } .col_grey_3spaltig{ margin-top: 10px; padding-top: 15px; margin-bottom: 0px; background-color: #e9ecef; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .col_white_3spaltig{ margin-top: 10px; padding-top: 15px; margin-bottom: 0px; background-color: #FFFFFF; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .haken_auflistung li{ list-style-type: "✓ "; padding-left: 15px; } .haken_auflistung li::marker { margin-right:20px; padding-right:20px; } .whatsapp_icon_contactdiv{ display: flex; flex-direction: inherit; } .grey_section_column1_contactstudienort{ width:32%; } .grey_section_column2_contactstudienort{ width:65%; } .whatsapp_icon_contactdiv_row1{ width:55%; } .whatsapp_icon_contactdiv_row2{ width:45%; } .experts_container_cta{ display: flex; } .studienplatzsichern_maindiv_column1{ max-width: 320px; margin-top: 40px; margin-bottom: 40px; } .studienplatzsichern_maindiv_column2{ max-width: 320px; margin-top: 40px; margin-bottom: 40px; } @media only screen and (max-width: 710px){ .experts_container_cta{ display: flex; flex-direction:column; } .studienplatzsichern_maindiv_column1{ margin-bottom: 0px !important; } .studienplatzsichern_maindiv_column2{ } } .studienplatzsichern_div_bottom_infomaterialanfordern{ background-color: #FFF !important; color: #e94c0a !important; border: 3px solid #e94c0a !important; } .btn_whatsappchat_49c858{ background-color: #49c858 !important; color: #FFF !important; border: 3px solid #49c858 !important; } .btn_mehrerfahren_57808f{ background-color: #FFF !important; color: #57808f !important; border: 3px solid #57808f !important; } .btn_mehrerfahren_d9ad47{ background-color: #FFF !important; color: #d9ad47 !important; border: 3px solid #d9ad47 !important; } .btn_praxisunternehmenwerden_0f225a{ background-color: #0f225a !important; color: #FFF !important; border: 3px solid #0f225a !important; } .btn_mehrerfahren_b7d087{ background-color: #FFF !important; color: #b7d087 !important; border: 3px solid #b7d087 !important; } .studienplatzsichern_div_bottom_studienplatzsichern{ border: 3px solid #e94c0a !important; } .col_flex_main_2{ display: flex; flex-wrap: wrap; width: 100%; align-content: center; align-items: center; max-width:860px; } .col_flex_main_2leftmain{ padding-bottom: 10px; padding-top: 25px; } .col_flex_main_2rightmain{ padding-left: 30px; padding-right: 30px; margin: 0 auto; /* padding-bottom:25px; */ transform: scale(0.75); position: relative; } #whatsapp_bottom_desktop2{ position: absolute; top: -110px; } @media only screen and (max-width: 840px){ .col_flex_main_2leftmain{ padding-bottom: 25px; } #whatsapp_bottom_desktop2{ position:relative; top:0px; } } .col_flex_main_3{ display: flex; flex-wrap: wrap; width: 100%; max-width: 700px; } .col_flex_main_3leftmain{ width:50%; } .col_flex_main_3rightmain{ width:50%; } .col_flex_main_3telefon_item{ margin-bottom: 20px; } .col_flex_main_3leftmain > div:last-child{ margin-bottom: 0px; } .col_flex_main_3rightmain > div:last-child{ margin-bottom: 0px; } .col_flex_main_3leftmain > div:first-child{ margin-top: 20px; } .col_flex_main_3rightmain > div:first-child{ margin-top: 20px; } @media only screen and (max-width: 600px){ .col_flex_main_3leftmain{ width:100%; } .col_flex_main_3rightmain{ width:100%; } .col_flex_main_3leftmain > div:first-child{ margin-top: 0px; } .col_flex_main_3rightmain > div:first-child{ margin-top: 20px; } .col_flex_main_3rightmain > div:last-child{ margin-bottom: 20px; } } .news_pic_left .content-view-embeddedmedia{ margin-top: 0px; margin-bottom: 0px !important; } .news_pic_left img{ width:100% !important; height:auto !important; } @media only screen and (max-width: 900px){ .news_flex_content{ flex-direction: column; flex-flow: column-reverse; } .news_pic_left{ margin-right: 0px !important; max-width: 100% !important; min-width: 100% !important; } .news_pic_left .text-bildunterschrift{ max-width: 100%; } } .news_inhalt .newslink h2{ margin-bottom: 0px !important; } .news_inhalt .datenews{ margin-top: 0px; margin-bottom: 0px !important; } .news_inhalt .newssummary{ margin-top: 0px; } @media only screen and (min-width: 1200px) and (max-width: 1450px) and (min-height: 765px) { .slider-image picture{ background-color: #FFFFFF; } .slider-image { height: 100% !important; } .main-home .slider-image{ height: 100% !important; } .heroimage_center2{ position: relative !important; } .heroimage_bottom2{ position: relative !important; } .video-container_header{ display: block; justify-content: normal; align-items: normal; width: 100%; height: 100%; } } @media only screen and (min-width: 1451px) and (max-width: 1800px) and (min-height: 850px) { .slider-image picture{ background-color: #FFFFFF; } .slider-image { height: 100% !important; } .main-home .slider-image{ height: 100% !important; } .heroimage_center2{ position: relative !important; } .heroimage_bottom2{ position: relative !important; } .video-container_header{ display: block; justify-content: normal; align-items: normal; width: 100%; height: 100%; } } @media only screen and (min-width: 1800px) and (min-height: 1070px) { .slider-image picture{ background-color: #FFFFFF; } .slider-image { height: 100% !important; } .main-home .slider-image{ height: 100% !important; } .heroimage_center2{ position: relative !important; } .heroimage_bottom2{ position: relative !important; } .video-container_header{ display: block; justify-content: normal; align-items: normal; width: 100%; height: 100%; } } @media only screen and (max-width: 1200px){ .video-container_header{ display: block; justify-content: normal; align-items: normal; width: 100%; height: 100%; } } .login_icon_div{ background-image: url('https://www.ibadual.com/design/ibadual/images/login_icon.png'); background-size: 25px 25px; background-repeat: no-repeat; background-position: center; } .login_icon_div:hover{ background-image: url('https://www.ibadual.com/design/ibadual/images/login_icon_hover.png'); } .studienplatzsichern_div_broschuere:hover{ background: #e94c0a !important; border: 2px solid #e94c0a !important; color:#FFFFFF !important; } .studienplatzsichern_link_broschuere:hover > div{ color:#FFFFFF !important; } .infocontact_headerfix .studienplatzsichern_div_broschuere:hover{ background: #e94c0a !important; color:#FFFFFF !important; } .infocontact_headerfix .studienplatzsichern_link_broschuere:hover > div{ color:#FFFFFF !important; } .menu_mega_div_1{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menu_mega_div_1 li{ } .menu_mega_div_2{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menu_mega_div_3{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menu_mega_div_4{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menu_first_h2{ margin: 0px; } .menu_mega_subheader{ color: #3c3b36 !important; margin-bottom: 30px !important; height:20px !important; font-weight:600; font-size: 1em; line-height: 1.5em; } .menu_mega_subheader_a{ color: #3c3b36 !important; font-weight:600; font-size: 1em; line-height: 1.5em; } .menu_mega_subheader_a:hover div span{ color: #e94c0a !important; } @media only screen and (min-width: 1201px){ .experts_container_adressbox{ max-width: 880px; transform: translateX(-150px); } } /* Rechte Spalte - Menu */ @media only screen and (max-width: 1200px){ .flex-content-right{ width:100%; margin-top: 40px; } .rechteleiste_div0{ top:0px; } .rechteleiste_div0{ width:100%; } .rechteleiste_div nav{ width:100%; } .rechteleiste_div{ width:100%; } } .flex-content-right{ display:flex; float:right; margin-right: -3px; } .rechteleiste_div0{ position:relative; text-align: left; top: -49px; z-index: 9996; } .rechteleiste_div1 a:hover{ text-decoration:none !important; } .rechteleiste_div{ margin:0px; padding:0px; float:right; right:0; } .rechteleiste_div nav{ width:285px; } .rechteleiste_div nav ul { padding: 0; margin: 0; list-style: none; position: relative; } .rechteleiste_div nav ul li { display:inline-block; } .rechteleiste_div div { display:block; line-height: 40px; text-decoration:none; } .rechteleiste_div nav a { display:block; line-height: 40px; text-decoration:none !important; } .rechteleiste_div nav a:hover { color:#e94c0a; } .rechteleiste_div nav ul ul { display:inherit; } .rechteleiste_div nav ul li:hover > ul { display:inherit; } .rechteleiste_div nav ul ul li { float:none; display:list-item; position: relative; } .rechteleiste_first > a{ text-align:center; } .rechteleiste_first{ } .rechteleiste_first div{ color:#FFF !important; font-weight:800; font-size: 1.25em; /*22px*/ text-align:center; line-height: 50px; background: #e94c0a !important; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top:2px solid #e94c0a; border-left:2px solid #e94c0a; border-right:2px solid #e94c0a; } .rechteleiste_first div a{ color:#FFF !important; font-weight:500; font-size: 1.25em; /*22px*/ text-align:center; background: #e94c0a !important; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:1px solid #3c3b36; } .rechteleiste_first div a:hover{ color:#FFF !important; } .rechteleiste_first div a:after { content: url("../images/aufklapppfeilweiss.png"); } .rechteleiste_first a{ color:#e94c0a !important; font-weight:800; } #rechteleiste_submenu{ -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-bottom:10px; background-color: #FFFFFF; background-color: #e7e7e7; /* border-bottom: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; */ width:283.4px; } .padding_leftright_rechteleiste{ margin-left: 15px; margin-right: 15px; width: 236px !important; } .rechteleiste_second a{ color:#3c3b36 !important; font-weight:400; line-height: 5px; padding-left:25px; } .rechteleiste_second a:hover{ color:#3c3b36 !important; font-weight:800; } /* EOF Rechte Spalte - Menu */ .studienplatzsichern_link_mobil{ display:none; } @media only screen and (max-width: 1200px){ .main-home .slider-image{ height: 70vh !important; } } @media only screen and (max-width: 1460px){ .slider-image picture img{ width:100% !important; } } @media only screen and (max-width: 1420px){ } @media only screen and (max-width: 1200px){ .studienplatzsichern_link_mobil{ display:block; text-decoration:none !important; } .button_studienplatzsichern{ display:none; } .button_broschuereanfordern{ display:none; } .button_infosundkontakt{ display:none; } .button_sprache_text{ display:none; } .button_sprache_flagge{ display:block; } .button_sprache{ border-left: 0px solid #FFF !important; } .experts_in{ position:relative; top:-4px; } } @media only screen and (min-width: 1201px){ .button_sprache_flagge{ display:none; } .button_sprache_text{ display:block; } .heroimage_center2{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .heroimage_bottom2{ position: absolute; margin: auto; left: 0; right: 0; bottom: 0; } } @media only screen and (max-width: 510px){ .studienplatzsichern_link_mobil .studienplatzsichern_div{ font-size: 4vw !important; } } @media only screen and (min-width: 1600px){ #logo_modell{ display:block; } } @media only screen and (max-width: 1215px){ .experts_container{ padding-left:0.15vw !important; } } @media only screen and (max-width: 1200px){ .col{ width:32.3333%; min-width:32.3333%; max-width:32.3333%; margin-right:1%; margin-bottom:2%; } .col_100{ width:99%; min-width:99%; max-width:99%; margin-right:0%; margin-bottom:2%; } .experts_container_startseite h2{ font-size:5vw !important; } .experts_container_visitenkarten h2{ font-size:3.8vw !important; } .no_margin_right{ margin-right:0% !important; } } @media only screen and (max-width: 950px){ .col{ width:49%; min-width:49%; max-width:49%; margin-right:1%; } .col_100{ width:99%; min-width:99%; max-width:99%; margin-right:0%; } .experts_container_startseite h2{ font-size:6vw !important; } } @media only screen and (max-width: 650px){ .col{ width:100%; min-width:100%; max-width:100%; } .col_100{ width:100%; min-width:100%; max-width:100%; } .experts_container_startseite h2{ font-size:9vw !important; } } @media only screen and (max-width: 1200px){ .header_div{ width:94%; margin-left:3%; margin-right:3%; } .content_div{ width:94%; margin-left:3%; margin-right:3%; } .col_columns_fullsize{ width:94%; margin-left:3%; margin-right:3%; } .margin_left_subdivs_only > div { margin-left:0px; margin-right:14px; margin-bottom: 14px; } .infocontact_div0{ width:94%; margin-left:3%; margin-right:3%; } #footer_div{ width:94%; margin-left:3%; margin-right:3%; } #footer_map .map_item{ padding-right:0px; } .footer_map .map_item{ padding-right:0px; } .toggle_mobil{ width:94%; margin-left:3%; margin-right:3%; } .image_container{ background-color:#FFFFFF; } .image_container picture{ background-color:#FFFFFF; } footer{ border-top: 0px solid #FFF; } .div0{ display:none; } .toggle_div{ display:block; } .toogle_modell{ display:block; } /* Neue Kacheln Startseite */ .experts_container{ --width-content: 94% !important; width:94% !important; margin-left:3%; margin-right:3%; /* --width-content: calc(100% - 40px) !important; width: calc(100% - 40px) !important; margin-left:20px; margin-right:20px; */ } /* EOF Neue Kacheln Startseite */ .margin_inherit{ width:100% !important; } #footer_div{ display: flex; flex-direction: row; flex-direction: column; } #footer_impr .map_item{ height:auto; } #footer_map{ display:flex; width:100%; margin-top:70px; } #footer_map .map_item{ height:auto; display: inline-block; vertical-align: top; min-width: 30%; line-height: 0.8em; width: 100%; margin-right: 8%; } #footer_map .map_item_smaller{ margin-right: 0%; } #footer_map .map_item a{ width:100%; padding-top: 10px; padding-bottom: 10px; line-height:1.2em; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } #footer_map .map_item div{ padding-top: 10px; padding-bottom: 10px; } #footer_map .map_item span{ padding-top: 5px; } .footer_map{ display:flex; width:100%; margin-top:70px; } .footer_map .map_item{ height:auto; display: inline-block; vertical-align: top; min-width: 30%; line-height: 0.8em; width: 100%; margin-right: 8%; } .footer_map .map_item_smaller{ margin-right: 0%; } .footer_map .map_item a{ width:100%; padding-top: 10px; padding-bottom: 10px; line-height:1.2em; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .footer_map .map_item div{ padding-top: 5px; padding-bottom: 5px; } .footer_map .map_item span{ padding-top: 5px; } #footer_impr{ margin: 0px; padding: 0px; width:100%; } .impressum{ float:left; padding-left:0px !important; margin-top:20px; margin-bottom:20px; } .datenschutz{ float:left; margin-top:20px; margin-bottom:20px; } .agb{ float:left; margin-top:20px; margin-bottom:20px; } .logos_oben{ display:none !important; } .logos_rechts{ display:flex !important; flex-direction: row; padding-bottom: 2px !important; } .logos_rechts span img{ width:25px; margin-right: 15px; } .logos_rechts div{ padding-top: 2px; margin-right: 15px; } .footer_space{ display:block !important; text-align:center; margin-top:0px !important; padding-left:0px !important; width: 0px !important; height: 0px !important; max-width: 0px !important; max-height: 0px !important; margin-top:0xp !important; } .footer_icons{ width:100% !important; height:100% !important; } .footer_digitalreadness_img{ margin-right:0px !important; } .footer_studycheck_img{ margin-right:0px !important; } .footer_icons{ display:block !important; text-align:center; margin-top:10px !important; padding-left:0px !important; } .footer_icons img{ width: 35vw !important; height: 35vw !important; max-width: 200px !important; max-height: 200px !important; } .footer_studycheck_img{ margin-top: 20px; } .footer_kununu_img{ margin-top: 30px; } .footer_kununu_img a img{ height:100% !important; } .flex_right_footer{ /* float:right; display: flex; flex-direction: column; */ display: block; position: absolute; padding-top: 20px; right: 0px; width: 100%; text-align: center; left: 0px; } .flex_right_footer div{ display: block; } .flex_right_footer a{ display: inline-block; width: 18%; /*11%*/ text-align: center; margin-left:0px; } #footer_map .map_item_smaller_250{ min-width: auto !important; } #footer_map .map_item_smaller{ min-width: auto !important; } #footer_map .map_item{ min-width: auto !important; } .footer_map .map_item_smaller_250{ min-width: auto !important; } .footer_map .map_item_smaller{ min-width: auto !important; } .footer_map .map_item{ min-width: auto !important; } } @media only screen and (max-width: 420px){ #footer_div a{ font-size: 3.5vw !important; } .footer_map .map_item b{ font-size: 3.5vw !important; } } /* Neu 11.12.2019 */ @media only screen and (max-width: 1200px){ #news_btn{ } .news_div{ margin:0px; margin-left:16%; } } @media only screen and (max-width: 792px){ .news_div{ margin:0px; margin-left:35%; } #languages{ flex-direction: initial; } #social{ text-align: right; } } /* EOF Neu 11.12.2019 */ @media only screen and (max-width: 660px){ #metamenu{ position:absolute; right:15px; } #languages { margin-right: 0px; } #languages a { margin-left: 9px; /*margin-bottom:5px;*/ margin-bottom:40px; } #social{ margin-top: 60px; z-index:1; } .flex_right{ float:right; display: flex; flex-direction: column; } } /* 27.09.2021 */ @media only screen and (max-width: 882px){ .infocontact_div nav ul li:hover > ul { display:none; } .infocontact_div nav a{ line-height: 35px !important; } .infocontact_first{ -webkit-border-top-left-radius: 7px !important; -webkit-border-top-right-radius: 7px !important; -moz-border-radius-topleft: 7px !important; -moz-border-radius-topright: 7px !important; border-top-left-radius: 7px !important; border-top-right-radius: 7px !important; } .infocontact_div0{ position:absolute; bottom:-11px; } } @media only screen and (max-width: 580px){ #news_btn{ width:55px !important; height:55px !important; } /* Neu 11.12.2019 */ .news_div{ top:-32px; margin: 0 auto; width:55px; } /* EOF Neu 11.12.2019 */ /* Neu 27.09.2021 */ /* .mobilversion{ display:inherit; } */ /* EOF Neu 27.09.2021 */ .flex_right{ float:right; display: flex; flex-direction: column; } #metamenu{ position:absolute; right:15px; } #languages { margin-right: 0px; } #languages a { margin-left: 9px; /*margin-bottom:5px;*/ margin-bottom:40px; } .content_div{ height:100%; padding-bottom:10px; } #social{ margin-top: 60px; z-index:1; } .toogle_first{ text-align: left; } .toogle_first div{ padding-left:10px; } } /* EOF Neu 27.09.2021 */ @media only screen and (max-width: 280px){ /* #logo{ overflow: hidden !important; display: flex !important; flex-wrap: nowrap !important; } */ } @media only screen and (max-width: 321px){ #logo a img{ /*min-width: 50% !important;*/ min-width: 165px !important; } /* //Neu 09.10.2024 */ } @media only screen and (max-width: 400px){ .studienplatzsichern_div{ font-size: 1.1em !important; } .studienplatzsichern_div_bottom{ font-size: 1.1em !important; } .whatsapp_div_bottom{ font-size: 1.1em !important; } } #iframe_borschuere_complete{ height: 135px !important; margin-top:20px; } @media only screen and (max-width: 865px){ #iframe_borschuere_complete{ height:175px !important; } } @media only screen and (max-width: 480px){ #iframe_borschuere_complete{ height:195px !important; } } @media only screen and (max-width: 380px){ #iframe_borschuere_complete{ height:220px !important; } } #iframe_borschuere_bwlfachrichtung_complete{ height: 100px !important; margin-top:20px; } @media only screen and (max-width: 865px){ #iframe_borschuere_bwlfachrichtung_complete{ height:145px !important; } } @media only screen and (max-width: 480px){ #iframe_borschuere_bwlfachrichtung_complete{ height:170px !important; } } @media only screen and (max-width: 380px){ #iframe_borschuere_bwlfachrichtung_complete{ height:200px !important; } } #iframe_borschuere_formular{ height:895px !important; margin-top:20px; } @media only screen and (max-width: 955px){ #iframe_borschuere_formular{ height:915px !important; } } @media only screen and (max-width: 665px){ #iframe_borschuere_formular{ height:935px !important; } } @media only screen and (max-width: 530px){ #iframe_borschuere_formular{ height:985px !important; } } @media only screen and (max-width: 430px){ #iframe_borschuere_formular{ height:1005px !important; } } @media only screen and (max-width: 370px){ #iframe_borschuere_formular{ height:1025px !important; } } #iframe_borschuere_formular_bwlfachrichtung{ height:895px !important; /*895px*/ } @media only screen and (max-width: 955px){ #iframe_borschuere_formular_bwlfachrichtung{ height:915px !important; } } @media only screen and (max-width: 665px){ #iframe_borschuere_formular_bwlfachrichtung{ height:935px !important; } } @media only screen and (max-width: 530px){ #iframe_borschuere_formular_bwlfachrichtung{ height:985px !important; } } @media only screen and (max-width: 430px){ #iframe_borschuere_formular_bwlfachrichtung{ height:1005px !important; } } @media only screen and (max-width: 370px){ #iframe_borschuere_formular_bwlfachrichtung{ height:1025px !important; } } .iframeanmeldung_ocd{ height:550px !important; } @media only screen and (max-width: 506px){ .iframeanmeldung_ocd{ height:580px !important; } } @media only screen and (max-width: 340px){ .iframeanmeldung_ocd{ height:650px !important; } } .iframeanmeldung_terminanmeldung{ height:720px !important; min-height:720px !important; } @media only screen and (max-width: 506px){ .iframeanmeldung_terminanmeldung{ height:780px !important; min-height:780px !important; } } @media only screen and (max-width: 340px){ .iframeanmeldung_terminanmeldung{ height:850px !important; min-height:850px !important; } } .iframeanmeldung_alumni{ height:560px !important; } @media only screen and (max-width: 506px){ .iframeanmeldung_alumni{ height:590px !important; } } @media only screen and (max-width: 340px){ .iframeanmeldung_alumni{ height:660px !important; } } .iframeanmeldung_ibameetup{ height:600px !important; } @media only screen and (max-width: 506px){ .iframeanmeldung_ibameetup{ height:630px !important; } } @media only screen and (max-width: 340px){ .iframeanmeldung_ibameetup{ height:700px !important; } } @media only screen and (max-width: 1200px){ .grey_section_container{ display:block; } .grey_section_container_mobilreserve{ display:flex; flex-direction: column-reverse; } .grey_section_container_mobilnoreserve{ display:flex; flex-direction: column; } .grey_section_column2_contactstudienort { margin-top: 45px; } .whatsapp_icon_contactdiv_row1{ width: auto; padding-bottom: 50px; } .whatsapp_icon_contactdiv_row2{ width: auto; } .grey_section_column1{ margin-bottom: 15px; width:100% !important; } .grey_section_column2{ width:100% !important; } } @media only screen and (max-width: 1200px){ .grey_section_studienort_contactdiv{ position: relative; top: -4px; } } @media only screen and (max-width: 530px){ .col_100_titleweiss{ font-size: 1.2em; } .grey_section_column2_text{ font-size: 0.79em !important; line-height: 1.5em !important; width:50% !important; } .grey_section_column1_text{ font-size: 0.79em !important; line-height: 1.5em !important; width:50% !important; padding-left: 45% !important; } .grey_section_column1_text_mobilsmall{ width: 40% !important; padding-left: 55% !important; } .spezialisierung_flex_colum_mobil{ display: flex; flex-direction: column; } .spezialisierung_flex_colum_mobil .picture_div2{ margin-right: 0px !important; width: 100% !important; max-width: 100% !important; text-align: center; } } @media only screen and (max-width: 1200px){ .slider-image picture img{ width:100% !important; } .main-home .slider-image{ height: 97vh;; } #logo{ display: flex; } .logo_img{ width: 270px !important; height: auto !important; min-width: 250px !important; } .header_div_container{ margin-left: 0px; } .button_sprache_flagge img{ width:30px !important; min-width:30px !important; height:30px !important; } .infocontact_div{ top: -10vh !important; } .button_sprache_flagge{ display:block; z-index: 1000; position: relative; float: right; margin-top: 65px; /*Neu 09.10.2024*/ margin-right: 70px; } } .button_sprache_flagge2{ display:none; } @media only screen and (max-width: 580px){ #logo{ display:block; width:100% !important; margin-bottom: 0px !important; top: 15px !important; } .button_sprache_flagge{ display:none; } .logo_img{ width: 30vw !important; height: auto !important; /*min-width: 45% !important;*/ min-width: 200px !important; } .button_sprache_flagge2{ display:block; z-index: 1000; position: relative; float: right; margin-top: 20px; /*Neu 09.10.2024*/ margin-right: 70px; } .button_sprache_flagge2 img{ width:30px !important; min-width:30px !important; height:30px !important; } } #iframe_formular_schulbesuch_complete{ height:960px !important; } @media only screen and (max-width: 865px){ #iframe_formular_schulbesuch_complete{ height: 960px !important; } } @media only screen and (max-width: 480px){ #iframe_formular_schulbesuch_complete{ height: 980px !important; } } @media only screen and (max-width: 380px){ #iframe_formular_schulbesuch_complete{ height: 980px !important; } } @media only screen and (max-width: 460px){ .studienplatzsichern_div_bottom_submenu{ font-size: 4.8vw !important; } } .col_title_iconsubline_left{ text-align: left; } .col_title_iconsubline_left_span{ display: block; padding-left: 20px; padding-right: 20px; } .eingerueckt_punkt_nopadding_3spaltig{ position: relative; background-size: 80px 80px; background-image: url('https://www.ibadual.com/design/ibadual/images/Bubble_hellhellorange.svg') !important; background-repeat: no-repeat; padding-top: 25px; left: -20px; padding-left: 20px; } .zitat_background_gaensefuesschen{ background-size: 80px 80px; background-image: url('https://www.ibadual.com/design/ibadual/images/Anfuehrungszeichen_orange.svg') !important; background-position: right bottom; background-repeat: no-repeat; } @media only screen and (max-width: 730px){ .zitat_background_gaensefuesschen{ background-size: 0px 0px !important; } } #iframe_formular_logoplatzierung_complete{ height:850px !important; } @media only screen and (max-width: 865px){ #iframe_formular_logoplatzierung_complete{ height: 850px !important; } } @media only screen and (max-width: 480px){ #iframe_formular_logoplatzierung_complete{ height: 870px !important; } } @media only screen and (max-width: 380px){ #iframe_formular_logoplatzierung_complete{ height: 870px !important; } } @media only screen and (min-width: 581px) and (max-width: 1200px){ .main-home .slider-image { height: auto !important; max-height:767px !important; } .hero_studienort{ height: auto !important; max-height:767px !important; } } @media only screen and (max-width: 581px){ .main-home .slider-image { height: auto !important; max-height:860px !important; } .hero_studienort{ height: auto !important; max-height:860px !important; } } .slider_show { margin: 0; padding: 0; overflow: hidden; background-color:#FFFFFF; } /* slider stuff */ .main-home .slider { position: relative; left: 0; width: 100vw; } .main-home .slider2pictures { position: relative; left: 0; width: 200vw; } .main-home .slider1picture { position: relative; overflow: hidden; width: 100vw !important; } /* IE10, EDGE specific code */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .main-home .slider { } .main-home .slider2pictures { } } /* slider stuff */ .main-home .slider2 { position: relative; left: 0; /* Neu 25.04.2019 */ width: 200vw; animation-name: autoSlider2bilder; animation-duration: 16s; /* EOF Neu 25.04.2019 */ animation-iteration-count: infinite; } /* IE10, EDGE specific code */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .main-home .slider2 { /* Neu 25.04.2019*/ animation-name: autoSlider2bilder !important; /* EOF Neu 25.04.2019*/ } } .hero_studienort{ float: left; width: 100vw; height: 90vh; max-height:100% !important; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .main-home .slider-image { float: left; width: 100vw; height: 97vh; max-height:100% !important; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } /* Neu 05.10.2020*/ #slide1:checked ~ .main-home .slider { margin-left: 0; } /* #slide2:checked ~ .main-home .slider { margin-left: -100vw; } #slide3:checked ~ .main-home .slider { margin-left: -200vw; } */ #slide1:checked ~ .main-home .slider2pictures { margin-left: 0; } #slide2:checked ~ .main-home .slider2pictures { margin-left: -100vw; } .main-home .slider { transition: margin-left 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000); } .main-home .slider2pictures { transition: margin-left 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000); } .slide_radio { display: none; } #bullets { text-align: center; position:absolute; bottom:85px; z-index:1001; padding-top:5px; padding-bottom:5px; width:100%; } @media only screen and (max-width: 1200px){ #bullets { bottom:10px; } } @media only screen and (max-width: 1200px){ #bullets { bottom:55px; } } /* 27.09.2021 */ @media only screen and (max-width: 1200px){ .mobilversion{ display:inherit; } .button_studienplatzsichern_mobil{ display:block !important; margin-left:calc((100% - 560px)/2) !important; } .button_broschuereanfordern_mobil{ display:block !important; left: calc((100% - 1110px)/2) !important; margin-left: 0px !important; } .studienplatzsichern_link_mobil{ display:block; text-decoration:none !important; padding-top:20px; z-index:9998; margin:0px; padding:0px; position:absolute; bottom:0; } } @media only screen and (max-width: 1200px){ .studienplatzsichern_link_mobil{ display: flex; flex-direction: row-reverse; width: 94% !important; margin-right: 3%; margin-left: 3%; bottom: 1px !important; } .button_studienplatzsichern_mobil{ position: relative; float: right; width: 100% !important; width: 50% !important; margin-left: 0px !important; margin:0px !important; } .button_studienplatzsichern_mobil_hwtk{ width: 100% !important; } .button_studienplatzsichern_mobil100{ position: relative; float: right; width: 100% !important; margin-left: 0px !important; margin:0px !important; } .button_studienplatzsichern_mobil div{ float: right; width: 97% !important; } .button_studienplatzsichern_mobil_hwtk div{ width: 99% !important; } .button_studienplatzsichern_mobil100 div{ float: right; width: 100% !important; } .button_studienplatzsichern_mobil .studienplatzsichern_div{ width:100% !important; } .button_broschuereanfordern_mobil{ float: right; width: 100% !important; width: 50% !important; margin-left: 0px !important; left: 0px !important; margin:0px !important; } .button_broschuereanfordern_mobil div{ float: left; width: 97% !important; } .button_broschuereanfordern_mobil .studienplatzsichern_div{ width:100% !important; } } #bullets label { cursor:pointer; text-decoration: none; margin-left:5px; margin-right:5px; } #bullets label { display: inline-block; width: 15px; height: 15px; border-radius:100%; background: none; border: 2px solid #FFFFFF; /*background-color:#3c3b36;*/ background-color:#41423d; opacity:0.7; } #slide1:checked ~ #bullets label:nth-child(1), #slide2:checked ~ #bullets label:nth-child(2), #slide3:checked ~ #bullets label:nth-child(3){ background: #FFFFFF; opacity: 1; } /* EOF Neu 05.10.2020*/ @keyframes autoSlider2bilder { 0%, 47.5% { transform: translate(0%); opacity: 1; } 50%, 100% { transform: translate(-50%); opacity: 1; } } /* Tablet */ @media only screen and (min-width: 581px){ .picture_slidermain_css{ width: 100vw !important; height: 68vw !important; } } /* Mobil */ @media only screen and (max-width: 580px){ .picture_slidermain_css{ width:100vw !important; height:134vw !important; } } /* Desktop */ @media only screen and (min-width: 1130px){ .picture_slidermain_css{ width: 100vw !important; height: 45vw !important; } .picture_slidermain_css2{ width: 100vw !important; height: 49vw !important; } .picture_slidermain_css3{ width: 100vw !important; height: 42vw !important; } } .hwtk_site a:hover{ color: #e3000f !important; } .menu_studienorte_subdiv_hwtk ul a h2{ background-color:#e3000f !important; color:#FFFFFF !important; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menu_studienorte_subdiv_hwtk ul a h2:hover{ background-color:#5f6162 !important; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .col_columns2_hwtk a:hover{ color:#FFFFFF !important; } .studienplatzsichern_div_bottom:hover{ background-color: #FFFFFF !important; color: #e94c0a !important; border: 3px solid #e94c0a !important; } .studienplatzsichern_div_bottom_infomaterialanfordern:hover{ background-color: #e94c0a !important; color: #FFFFFF !important; } .btn_whatsappchat_49c858:hover{ background-color: #FFFFFF !important; color: #49c858 !important; border: 3px solid #49c858 !important; } .btn_mehrerfahren_57808f:hover{ background-color: #57808f !important; color: #FFFFFF !important; border: 3px solid #57808f !important; } .btn_mehrerfahren_d9ad47:hover{ background-color: #d9ad47 !important; color: #FFFFFF !important; border: 3px solid #d9ad47 !important; } .btn_praxisunternehmenwerden_0f225a:hover{ background-color: #FFFFFF !important; color: #0f225a !important; border: 3px solid #0f225a !important; } .btn_mehrerfahren_b7d087:hover{ background-color: #b7d087 !important; color: #FFFFFF !important; border: 3px solid #b7d087 !important; } .submenu_items{ display: flex; flex-wrap: wrap; } .submenu_item{ display: flex; flex-wrap: wrap; } .submenu_item a{ text-decoration: none; color: #3c3b36 !important; font-weight: 500; font-size: 1em; line-height: 1.5em; } .submenu_item a:hover{ text-decoration: none; font-weight: 600; color: #e94c0a !important; letter-spacing: -0.15px; } .submenu_item_separator{ margin-left: 15px; margin-right: 15px; } .submenu_item_separator_12px{ margin-left: 12px; margin-right: 12px; } @media only screen and (max-width: 1200px) { .submenu_items{ display:none; } } .overlay_linear_gradient{ /* position: relative; display: block; */ } .overlay_linear_gradient::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40%; /* 25% des Bildbereichs */ background: linear-gradient(to bottom, rgba(15, 34, 90, 0.75), rgba(255, 255, 255, 0.0)); /*iba-blau 0f225a*/ background: linear-gradient(to bottom, rgba(60, 59, 54, 0.75), rgba(255, 255, 255, 0.0)); /*iba-schwarz (Schriftfarbe)*/ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(255, 255, 255, 0.0)); /*iba-schwarz (Schriftfarbe)*/ pointer-events: none; /* Damit der Farbverlauf keine Interaktionen blockiert */ } @media only screen and (max-width: 580px) { .programm_div_time_description{ flex-direction: column !important; margin-bottom: 15px; } .programm_div_time_description div{ text-align:left !important; } .programm_div_time_description_sub:last-child{ right: 0px !important; float: left !important; margin-left: 5px !important; } } .horizontal_show_zertifikate{ /* height: 100%; */ margin-top:30px; height:auto !important; } .horizontal_show_element_link_zertifikate{ padding-top: 0px; padding-bottom: 0px; margin-top: 0px; } .horizontal_show_element_link_zertifikate > div:first-child{ overflow: hidden; position: relative; max-height: 100% !important; } .horizontal_show_element_link_zitate{ padding-top: 0px; padding-bottom: 0px; margin-top: 0px; } .horizontal_show_element_link_zitate > div:first-child{ overflow: hidden; position: relative; max-height: 100% !important; } .horizontal_show_element_link_bilder_slideshow{ padding-top: 0px; padding-bottom: 0px; margin-top: 0px; } .horizontal_show_element_link_bilder_slideshow > div:first-child{ overflow: hidden; position: relative; max-height: 100% !important; } .horizontal_show_zertifikate .slick-track{ display: flex; align-items: center; height: 100%; } .img_width_280 img{ min-width:280px !important; } .horizontal_show_element_link_zertifikate div img{ min-width:150px; height:100%; } .horizontal_show_element_link_zertifikate div{ max-height: 175px !important; } .horizontal_show_element_link_zitate div img{ height:100%; } .horizontal_show_element_link_bilder_slideshow div img{ height:100%; } .horizontal_show_element_link_zitate div{ } @media only screen and (max-width: 620px){ .horizontal_show_zertifikate .slick-track{ top:0px; } } .partner_logo_container{ display: flex; flex-flow: wrap; } .partner_logo_div{ position: relative; width: calc(12.5% - 5px); padding-top: calc(12.5% - 5px); display: flex; justify-content: center; align-items: center; margin-top:5px; margin-bottom:5px; margin-left: 2.5px; margin-right: 2.5px; height: 100%; } .partner_logo_div_wrapper{ line-height: 0px; position: absolute; top: 0; overflow: hidden; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 40px !important; /*112px !important;*/ border: 0px solid black; background-color:#FFFFFF; } .partner_logo_div img{ position: relative; width: 85%; } .top_minus_10{ top:-10px; } @media only screen and (max-width: 815px){ .partner_logo_div{ width: calc(20% - 5px); padding-top: calc(20% - 5px); } } @media only screen and (max-width: 480px){ .partner_logo_div{ width: calc(25% - 5px); padding-top: calc(25% - 5px); } } @media only screen and (max-width: 480px){ .partner_logo_div{ width: calc(25% - 5px); padding-top: calc(25% - 5px); } } @media only screen and (max-width: 415px){ .partner_logo_div{ width: calc(33.3333% - 5px); padding-top: calc(33.3333% - 5px); } } @media only screen and (max-width: 310px){ .partner_logo_div{ width: calc(50% - 5px); padding-top: calc(50% - 5px); } } .box_horizontal_show_zitate{ margin-left: 30px; margin-right: 30px; } .box_horizontal_show_bilder_slideshow{ margin-left: 30px; margin-right: 30px; } .content_horizontal_show_zitate{ } .content_horizontal_show_zitate img{ border: 1px solid #0f225a; background-color: #FFF; max-height:100px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .content_horizontal_show_bilder_slideshow{ text-align: center; } .content_horizontal_show_bilder_slideshow img{ max-height:525px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: block; margin-left: auto; margin-right: auto; } .no_border{ border: 0px solid black !important; } .zitat_div_slider{ text-align:left; border-left: 7px solid #0f225a !important; padding-left:30px; margin-top:30px; margin-right: 30px; } .zitat_div_person{ margin-left: 37px; } @media only screen and (max-width: 620px){ .horizontal_show_zitate_mobil_top17{ position:relative; top:-17px; } .box_horizontal_show_zitate{ margin-left: 40px; margin-right: 40px; } .box_horizontal_show_bilder_slideshow{ margin-left: 40px; margin-right: 40px; } .zitat_div_slider{ text-align:left; border-left: 0px solid #0f225a !important; padding-left:0px; margin-top:30px; margin-right: 0px; } .zitat_div_person{ margin-left: 0px; padding-bottom: 20px; } } @media only screen and (max-width: 450px){ .box_horizontal_show_zitate{ margin-left: 40px; margin-right: 30px; } .box_horizontal_show_bilder_slideshow{ margin-left: 40px; margin-right: 40px; } .zitat_div_slider{ text-align:left; border-left: 0px solid #0f225a !important; padding-left:0px; margin-top:30px; margin-right: 0px; } .zitat_div_person{ margin-left: 0px; padding-bottom: 20px; } } .tipnumber_div{ font-size: 6em; font-weight: 500; line-height: 1.1em; margin-right: 30px; min-width: 65px; } .tips_div{ display:flex; } @media only screen and (max-width: 450px){ .tipnumber_div{ min-width: auto !important; font-size: 15vw !important; } } @media only screen and (max-width: 600px){ .iframe_deutschlandkarte{ min-height: calc(100vw * (780 / 600)) !important; } } @media only screen and (max-width: 600px){ .horizontal_show_element_link_bilder_slideshow div img{ width:100% !important; } } .circle { width: 90px; height: 90px; border-radius: 45px; color: #fff; line-height: 90px; text-align: center; font-weight: 600; font-size: 33px; } .circle_euro { padding-left: 3px; color: #fff; font-weight: 600 !important; font-size: 33px; } .calender_item_circle { padding-right: 20px; margin-right: 20px; min-width: 75px; display: flex; align-items: center; height: 100%; } .calender_item_price{ display: block !important; margin-top:5px; } .calender_item_top{ margin-bottom: 0px !important; padding-bottom: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .calender_item_bottom{ margin-top: 0px !important; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-border-radius-topright: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .tip_div_horizontal_text{ margin-top: 35px; margin-right:35px; } @media only screen and (max-width: 1200px){ .tip_div_horizontal_text{ margin-top: 4vw; margin-right:0px; } } .chatra--side-bottom{ width: 66px !important; height: 66px !important; bottom: unset !important; right: unset !important; transform-origin: unset !important; /*left: calc(97.5% - 38px) !important;*/ right: 10px !important; top: calc(97.5% - 145px) !important; } .chatra--expanded{ left:0 !important; top:0 !important; scale: 1 !important; width: 100% !important; height: 100% !important; } .no_margin_bottom .content-view-embeddedmedia p{ margin-bottom: 0px !important; } .no_margin_bottom .content-view-embeddedmedia img{ max-width: 100%; height: auto; } @media only screen and (max-width: 680px){ #show_mobil_deutschlandkarte{ display:block !important; } #show_desktop_deutschlandkarte{ display:none !important; } } @media only screen and (min-width: 681px){ #show_mobil_deutschlandkarte{ display:none !important; } #show_desktop_deutschlandkarte{ display:block !important; } } @media only screen and (max-width: 792px){ .deutschlandkarte_mobil2{ max-width: 100% !important; float: none !important; display:block; } } .picture_div_noimg_margin .content-view-embeddedmedia p{ margin:0px; } .picture_div_img_orginalsize{ width: 150px !important; padding-top: 25px; } .picture_div_img_orginalsize img{ width: 100% !important; height: 100% !important; } @media only screen and (max-width: 450px){ .picture_div_img_orginalsize{ padding-top: 0px; } }