/*##############################
########### Done ###############
##############################*/

/* @Sven: mansche Bugs scheinen sich nicht ohne Templateanpassungen lösen zu lassen und ich empfehle dringendst bei der übernahme mal selbst in den IE11 zu schauen, besonders bei #5 um weiteres CSS-PingPong zu vermeiden */

/* #1 _footer.scss:152 footer social media icons, die Höhendefinition mit important ist nötig, da die svg sonst den Container aufspannen und nach unten rücken */
/**
@Christian Regel hinzugefügt
 */
.ie11 #footer .socialmedia .image_container .skip {
	height: 1.7rem !important;
}

/* @Chrsitian: Es lag den Bildeinstellungen darum diese Regel mit Skip deaktiviert */
/* #2 für die Startseitengalerie, die sonst auch Inhalte außerhalb der Container anzeigt */
.ie11 .ce_rsce_text_with_gallery_2column .column-gallery .column-row .skip {
	display: block;
	overflow: hidden;
}

/* #3 fix für chromebug (grauer Rand rechts) http://tai.dev.brainplanner.de/en/topics/datacenter-cloud/
Ticket: https://app.asana.com/0/430413922248334/493799840582668
macht keine Probleme in anderen Browsern */
/**
@Christian Regel hinzugefügt
 */
.ce_slick-slide-separator .skip {
	overflow: hidden;
}

/* #4 Layout Rückmeldung von Hannes Neu: Kein Abstand beim button in diesem Element http://tai.dev.brainplanner.de/en/topics/topics-preview/ https://app.asana.com/0/430413922248334/493799840582665 */
/*.ce_rsce_text_with_gallery_2column .ce_hyperlink > a {
	margin-top: 0;
}*/

/* #5.1 _text_grid_1_2.scss
Code löst das Problem des nicht aufspannenden Logos auf: http://tai.dev.brainplanner.de/en/about/our-story/
erzeugt aber ein Problem der zu weit aufspannenden Infografik auf: http://tai.dev.brainplanner.de/en/partners/eco-system/ Ich sehe keine Unterscheidungsmöglichkeit bei den betroffenen Elementen. */
/**
@ Chrsitian: Habe des problem mit mit den zwei zusätzlichen Klassen .first.last lösen können.
Denn dieses Problem tritt nur auf wenn die zweite Spalte nur eine column besitzt daher .first.last.
 */
@media all and (min-width:992px){
	.ie11 .mod_jobForm .column.column-1 .column-content .skip,
	.ie11 .ce_rsce_text_grid_1_2 .column.column-1 .column-content .skip {
		flex: 1;
		-ms-flex: 1 0 auto;
	}
}
/* #5.2 _text_grid_1_2.scss
der container wo das formular drin ist spannt im ie sonst nicht auf, steht im zusammenhang mit #5.1 http://tai.dev.brainplanner.de/en/careers/vacancies/competition/spontaneous-application/ */
/**
@Christian habe die Regel hinzugefügt.
 */
@media all and (min-width:992px){
	.ie11 .mod_jobForm .column.column-1 .column-content .skip {
		flex: 1;
		-ms-flex: 1 0 auto;
	}
}

/* #6.1 _slick_slider:131 der Logoslider auf http://tai.dev.brainplanner.de/en/partners/eco-system/
Hier ist aktuell "flex-direction: column;"" gesetzt und spannt im IE11 divs unnötig auf.
scheint andere Slider nicht zu beeinflussen, eine Unterscheidungsmöglichkeit wäre aber sinnvoll. */
/**
@Christian habe flex für diesen Selektor entfernen können. Daher wird dieses nicht gebraucht.
 */
.ie11 .ce_slick-content-start.element-row-5 .ce_slick-slide-separator > * .skip {
	flex-direction: row;
}

/* #6.2 _slick_slider:131 der Logoslider auf http://tai.dev.brainplanner.de/en/partners/eco-system/
Das 5te Logo bricht um. Hier wäre auch eine unterscheidung von anderen slidern wünschenswert. */
/**
@Christian: Durch einen Rundungsfehler wenn man eine Breite von 100% teilt mit der calc css Funktion. Habe alle diese calc Funtkionen ersetzt die man direkt in Sass errechnen kann.
 */
.ie11 .ce_slick-content-start.element-row-5 .ce_slick-slide-separator > * .skip {
	width: 20%;
}

/* #7 Folgender von mir gemachter Code kann/muss wieder entfernt werden da er beispielsweiße unter http://tai.dev.brainplanner.de/en/about/news-events/news/ Bilder ungewünscht aufspannt */
/**
@Christian habe diese Code entfernt.
 */
/*.ie11 .mod_jobForm .column-1.column .image_container, .ie11 .mod_jobReader .column-1.column .image_container, .ie11 .mod_jobList .column-1.column .image_container, .ie11 .ce_rsce_text_grid_1_2 .column-1.column .image_container {
	width: 100%;
}*/

/* #8 die Logos bei den Partnern neben der Überschrift haben eigentlich width 100%, was aber von einer anderen Codezeile auf inherid gesetzt wird http://tai.dev.brainplanner.de/en/partners/oracle/ */
/**
@Christian Für Bilder die auf float_center eingestellt sind wird jetzt grundsätzlich auf 100% Breite gesetzt.
 */
.ie11 #container .mod_article .ce_text img .skip {
	width: 100%;
}

/* #9 Komischer Bug im ie11: einzelne Bilder im Slider unten sind im ie11 manschmal zu groß (aber nicht nach einem f5 reload) Ich habe keine Lösung. Nachtrag: Problem tritt seltener auf.
http://tai.dev.brainplanner.de/en/topics/datacenter-cloud/
http://tai.dev.brainplanner.de/en/topics/big-data-analytics-iot/
http://tai.dev.brainplanner.de/en/topics/digital-transformation/
http://tai.dev.brainplanner.de/en/topics/software-development/
*/
/**
@Christian das liegt wahrscheinlich denke ich an dem teilweise langsamen laden des IE selbst und der kommt dann mit den srcset der Bilder nicht zurecht.
Wenn dann müsste man schauen hier den Hebel anzusetzen.
 */


/*#############################################
########### is sass übernommen ################
#############################################*/