@charset "utf-8";
@font-face { font-family: 'FiraSans'; src: url('fonts/FiraSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'FiraSansM'; src: url('fonts/FiraSans-Medium.ttf') format('truetype'); }
@font-face { font-family: 'FiraSansB'; src: url('fonts/FiraSans-Bold.ttf') format('truetype'); }

/* ckeditor CLEANIT*/
.cke_panel_listItem * {
	font-size: 13px;
	line-height: 1.6;
	padding: 0px 3px !important;
}
.cke_panel_listItem a:hover { background-color: rgb(245,245,245); }
.cke_combopanel { height:400px !important; }
.cke_combopanel__format { height:110px !important; }


/* Website */
html {
	overflow:auto scroll;
	scroll-behavior: smooth;
	font-size: 20px;
	min-width: 15rem;
	height: 100%;
}

body {
	font-size: 20px;
	font-family: "FiraSans", Arial, Helvetica, sans-serif;
	line-height:1.5;
	width:100%;
	max-width:66rem;
	color:rgb(51,51,51);
	background-color:rgb(255,255,255);
}

/* Links */
.Farbe_HBL a, a .Farbe_HBL, .Farbe_HBL a *, a .Farbe_HBL *  { color:rgb(211,233,246); }
.Farbe_BL a, a .Farbe_BL, .Farbe_BL a *, a .Farbe_BL * { color:rgb(26,112,184); }
.Farbe_OR a, a .Farbe_OR, .Farbe_OR a *, a .Farbe_OR * { color: rgb(233,76,10); }
.Farbe_WS a, a .Farbe_WS, .Farbe_WS a *, a .Farbe_WS * { color: rgb(240,240,240); }
a { color:rgb(51,51,51); text-decoration:none; outline:0; transition:color .3s ease; display: inline-block; }
a:hover, a:hover * {
	color:rgb(233,76,10) !important;
	text-shadow:
		1px 1px 0px rgb(255,255,255),
		-1px -1px 0px rgb(255,255,255),
		1px -1px 0px rgb(255,255,255),
		-1px 1px 0px rgb(255,255,255);
	outline:0;
}
.Farbe_WS a:hover, a:hover .Farbe_WS, .Farbe_WS a:hover *, a:hover .Farbe_WS * {
	color:rgb(26,112,184) !important;
}
a * { transition:color .3s ease; }
a img { border:0; }
h1 a, h1 a:hover { color:rgb(233,76,10); outline:0; }
h2 a, h2 a:hover,
h3 a, h3 a:hover { color:rgb(26,112,184); outline:0; }

/* Tags */
p,div,ul,li,hr,h1,h2,h3,h4,h5,h6,td {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
p { clear:both; }

hr { height:0; border:0; border-top:2px solid rgb(26,112,184); margin:0.4rem 0 0.5rem 0; clear:both; }

h1 {
	font-family: "FiraSansB", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 3rem;
	line-height:1.2;
	color:rgb(233,76,10);
}
h2 {
	font-family: "FiraSansB", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 1rem;
	line-height:1.2;
	color:rgb(26,112,184);
}
h3 {
	font-family: "FiraSansB", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 0.8rem;
	line-height:1.5;
	color:rgb(26,112,184);
}

ul { padding: 0 0 0 1em; }
.cke_editable ul { list-style-image:url(images/li-dot.svg); }

table {	border-spacing: 0; }
td {
	min-width: 6px;
	vertical-align:top;
	border:1px solid rgba(0,0,0,.1) !important;
}

img, video {
	display:initial;
	vertical-align:middle;
	border-radius:.15rem;
}

img {
  transition:all .3s ease;
}

strong { font-family: "FiraSansB", Arial, Helvetica, sans-serif; font-weight:normal; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }
.indent { padding-left:1rem; }

.p_pad { font-size:0.5rem; line-height:1.2; }
.p13 { font-size:0.65rem; line-height:1.5; }
.p16 { font-size:0.8rem; line-height:1.5; }
.p18 { font-size:0.9rem; line-height:1.5; }
.p20 { font-size:1rem; line-height:1.5; }
.p24 { font-size:1.2rem; line-height:1.5; }
.p32 { font-size:1.6rem; line-height:1.2; }
.p60 { font-size:3rem; line-height:1.2; }
.p80 { font-size:4rem; line-height:1.2; }

.Hintergrund_HBL { background-color: rgb(211,233,246); padding: .6rem; border-radius:0.5rem; }
.Hintergrund_BL { background-color: rgb(26,112,184); padding: .6rem; border-radius:0.5rem; }
.Hintergrund_OR { background-color: rgb(233,76,10); padding: .6rem; border-radius:0.5rem; }
.Hintergrund_WS { background-color: rgb(255,255,255); padding: .6rem; border-radius:0.5rem; }

.Rand_HBL, .Rand_BL, .Rand_OR, .Rand_WS  { border: .1rem solid rgb(26,112,184) !important; padding: .6rem; border-radius:0.5rem; margin: 0 -.1rem; overflow: hidden; }
.Rand_HBL { border-color: rgb(211,233,246) !important; }
.Rand_BL { border-color: rgb(26,112,184) !important; }
.Rand_OR { border-color: rgb(233,76,10) !important; }
.Rand_WS { border-color: rgb(240,240,240) !important; }

.Farbe_HBL { color:rgb(211,233,246); }
.Farbe_BL { color:rgb(26,112,184); }
.Farbe_OR { color: rgb(233,76,10); }
.Farbe_WS { color: rgb(240,240,240); }

.Bild_links { float:left; display:block; margin-right:0.6rem; }
.Bild_rechts { float:right; display:block; margin-left:0.6rem;  }
.Bild_rund { border-radius:100%; 	max-width:100%; height: initial !important; }

.text-shadow { text-shadow: .075em .075em .075em rgba(0,0,0,.3); }
.FiraSansM { font-family: "FiraSansM", Arial, Helvetica, sans-serif; font-weight:normal; }

.nolist { list-style:none; }

/* Spezialitäten + Benutzerdefinierte Elemente */

/* Spalten */
.Spalten_33_33_33,
.Spalten_33_66,
.Spalten_50_50,
.Spalten_25_25_25_25,
.Spalten_66  {
	display:flex !important;
	flex-flow: row nowrap;
	margin: auto -.75rem;
	justify-content: center;
}
.Spalten_33_33_33 div[class^="Spalten"],
.Spalten_33_66 div[class^="Spalten"],
.Spalten_50_50 div[class^="Spalten"],
.Spalten_25_25_25_25 div[class^="Spalten"],
.Spalten_66 div[class^="Spalten"]
{ margin: auto -0.75rem; }
.Spalten_33_33_33 > div,
.Spalten_33_66 > div,
.Spalten_50_50 > div,
.Spalten_25_25_25_25 > div,
.Spalten_66 > div {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	border:1px solid rgba(200,200,200,.5);
}
.Spalten_33_33_33 > div,
.Spalten_33_66 > div:nth-of-type(2n-1) {
	flex:0 1 33.3333%;
}
.Spalten_33_66 > div:nth-of-type(2n),
.Spalten_66 > div {
	flex:0 1 66.6666%;
}
.Spalten_50_50 > div {
	flex:0 1 50%;
}
.Spalten_25_25_25_25 > div {
	flex:0 1 25%;
}

/* Button */
div[class^="But_"]  {
	position: relative;
	display: block;
	margin: 1rem 0 0 0;
	font-family:"FiraSansB";
	font-size:1.6rem;
	line-height:1.3;
	border-radius:0.5rem;
}
div[class^="But_"] > div  { padding: 0; }
div[class^="But_"] a { display:block; padding: .5rem 1rem; color:rgb(255,255,255); }
/*
div[class^="But_"] a:hover { color:rgb(51,51,51) !important; }
*/

.But {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	min-width: 2rem;
	min-height: 2rem;
	border-radius: .5rem;
}
.But a { 
	display: inline-block;
	width:100%;
	padding: .6rem;
}
.But div[class^="Hintergrund"] {
	transition:all .3s ease;
	padding:0;
}
.But:hover div[class^="Hintergrund"] {
	background-color: rgb(233,76,10);
}
.But div[class^="Hintergrund"] a:hover,
.But div[class^="Hintergrund"] .Farbe_WS a:hover,
.But div[class^="Hintergrund"] a:hover .Farbe_WS { 
	color:rgb(255,255,255) !important;
	text-shadow:none !important;
}

/* Rund */
.Rund {
	position: relative;
	display: block;
	width:21rem;
	height:21rem;
	margin: auto;
}
.Rund > div {
	width:100%;
	height:100%;
	border-radius: 100%;
	padding: 0.5rem;
}

/* Logo HSG-Logo_WS-rund.svg */
img[src*="WS-rund.svg"] { margin-left:-20%; max-width: initial; }

/* Hauptsymbole */
img[src*='Icon'] {
	margin: .5rem;
	border-radius: 100%;
	transform-origin:50% 40%;
}
a:hover img[src*='Icon'] {
	box-shadow: 1px 3px 10px rgba(0,0,0,.5);
	transform:scale(1.1);
}

/* Link Block */
.Link_block { display:block; }

/* Vertical Align middle Block */
.valignBlock {
	display: table;
	height:100%;
	width: 100%;
}
.valignBlock > div {
	display: table-cell;
	vertical-align: middle;
}