/***********************/
/* Bootstrap einbinden */
/***********************/
@import "bootstrap-4.2.1.css";


/****************************/
/* Korrekturen zu Bootstrap */
/****************************/

ul {padding-left:15px}
h1 {font-size:1.5rem; }														/* Überschriften in den Bereichen */
h2 {font-size:1.2rem; margin-top:20px; margin-bottom: 6px; } 				/* Zwischenüberschriften in den Bereichstexten */
h2.blau {color:#007ac2; } 													/* Zwischenüberschriften in den News */
h3 {font-size:1.25rem; margin-top:0px; margin-bottom: 2px; } 				/* Überschriften auf den Karteireitern */
h4 {font-size:1.25rem; color:#007ac2;margin-top:2vh; margin-bottom: 1vh } 	/* Blaue Überschriften für Stellenanzeigen */
h5 {font-size:1.2rem; }
/* Kontakt-Karteireiter (Länderstandorte) mit und ohne Abstand für Flaggen */
h6 		{font-size:1.6rem; color:black;}
h6.flag {padding-left: 63px;}


/*****************/
/* Standardtexte */
/*****************/

div.SAR {
	hyphens: manual;
}

/* Unterschiedliche Spaltenzahlen im Einleitungstext der Hauptseiten, je nach Fensterbreite: */
@media (max-width: 768px)
{
	div.SAR {column-count:1; }
	/* auf Handys kleinen Rand links und rechts lassen: */
	div.row {padding-left:8px; padding-right:8px;}
}

@media (min-width: 769px) and (max-width: 1280px)
{div.SAR {column-count: 2; column-gap: 4vw; text-align: justify; hyphens: auto}}

@media (min-width: 1281px)
{
	div.SAR {
		column-count: 3; 
		column-gap: 3vw; 
		text-align: left;
	}
}


/********************/
/* Eigene Standards */
/********************/

body.SAR 			{padding-top:56px;}
p.Bildbeschriftung 	{padding-left:4px; color:#666}
p.Videobeschriftung	{padding-left: 4px;	color: #888; font-size:0.8rem;}
p.Fussnote	        {color: #888; font-size:0.8rem;}
a.Unterstrich       {text-decoration: underline;}
a.DownloadOFS       {text-decoration: underline; color:black; font-weight: bold; }
a.DownloadOFS:hover {color:#73A533;}
a.job 				{font-size:1.3rem; color:#007ac2;}
p.job 				{padding-top:12px; margin:0px;}
p.Absatz 			{padding-top:6px; margin:0px;}

div.OFSTechnischeDaten	{display:none; position:absolute; width:35%; height:85%; top:10%; left:64%; right:0; bottom:0; background-color:#e5edd1; z-index:3; color:black; padding:20px;}
div.OFSTechnischeDaten2	{display:none; width:100%; height:auto; background-color:#e5edd1; z-index:3; color:black; padding:20px;}
div.OFSmenu					{cursor: pointer; background-color: #e5edd1; border: 1px solid #73A533; padding: 4px; padding-left: 15px; padding-right:15px; margin-bottom:3px; }
div.OFSmenu:hover			{color: white; background-color: #73A533}
div.OFSmenu2				{cursor: pointer;	background-color: #c6dc8d;	border: 1px solid #73A533;	padding: 4px; padding-left: 15px; padding-right: 15px; margin-bottom: 3px;}
div.OFSmenu2:hover		{color: white;	background-color: #73A533}
/* bei Handys das Menü etwas kleiner: */
@media (max-width: 768px) {
	div.OFSmenu {padding: 2px; padding-left: 5px; padding-right: 5px;	margin-bottom: 3px; font-size:0.85rem;}
	div.OFSmenu2 {
		padding: 2px;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 3px;
		font-size: 0.85rem;
	}
}



/*******************/
/*	ONLINEBEWERBUNG */
/*******************/
td.bewl             {height:28px;text-align:right;padding-top:4px;padding-bottom:4px;}
textarea.bewerbung  {height:100px;margin-top:4px;font-family:Arial;font-size:1rem;}
input.bewerbung 	{text-align:left; height:24px; margin-top:0px; margin-bottom:0px; font-size:1rem; }
input.bewerbungPLZ 	{text-align:left; width:60px; height:24px; margin-top:0px; margin-bottom:0px; font-size:1rem; margin-right:10px; }
input.bewerbungORT 	{text-align:left; height:24px; margin-top:0px; margin-bottom:0px; font-size:1rem; }
iframe.iframe 		{height:100px;margin-top:7px; border:1px solid #AAAAAA;}
select.bewerbung 	{height:24px;font-size:1rem;}

@media (max-width: 768px)
{
	td.bewr 			{padding-left:5px;text-align:left}
	textarea.bewerbung  {width:200px;}
	input.bewerbung 	{width:200px;}
	input.bewerbungORT 	{width:130px;}
	iframe.iframe 		{width:200px;}
	select.bewerbung 	{width:200px}
}

@media (min-width: 769px)
{
	td.bewr				{height:28px;padding-left:20px;text-align:left}
	textarea.bewerbung  {width:350px;}
	input.bewerbung 	{width:350px;}
	input.bewerbungORT 	{width:280px;}
	iframe.iframe 		{width:350px;}
	select.bewerbung 	{width:350px}
}