@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.woff');
    font-weight: normal;
    font-style: normal;
}

html {
	color-scheme: light dark;
	font-family: "robotoregular", Helvetica, Arial, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	font-size: 1.3vw;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.3;
	color: #3b3b3b;
	overflow-x: hidden;
}
@media (prefers-color-scheme: dark) {
    body {
	color: #dbdbdb;
	background-color: #505050;
    }
}

nav {
	font-size: 1.1vw;
	text-align: right;
	margin: 0em 7em;
}

a:link {
	color: #337ab7;
	text-decoration: none;
}

a:visited {
	color: #606060;
	text-decoration: none;
}

a:hover {
	color: #337ab7;
	text-decoration: none;
}

/* a:active { */
/* 	color: #337ab7; */
/* 	text-decoration: none; */
/* } */

.gelb {
	color: #f3dc1b;
}

.outer {
	width: 100%;
 	position: center;
	min-height: 100%;
	margin: auto;
}

.logo-container {
	background-image: url('../gfx/BWOER_logo_Srechts.png');	
	background-size: 58em;
	background-repeat: no-repeat;
	background-position: left;
	height: 125px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px;
}

.searchbar {
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding: 2vw;
	width: 100%;
}


#trenner {
	display: block;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	margin: 4vw;
	padding: 4vw;
}

#inner {
	display: block;
	align-items: center;
	justify-content: center;
	margin: 0vw;
	padding: 0vw;
}

#content {
	display: block;
	align-items: center;
	justify-content: center;
	text-align: justify;
	margin: 0.1vw;
	padding: 0vw 5vw 0vw 5vw;
	/* border-top: 9px solid #000; */
}

#content-right {
	width: 25% !important;
	overflow: hidden;
	float: right;
	border: 3px solid #f3dc1b;
	/* margin: 0 20px 20px 20px; */
	margin: 0 1vw 1vw 1vw;
	padding: 1vw 1.5vw 1vw 1.5vw;
	/*color: #98021e;*/
	color: #337ab7;
	font-size: 1.1em;
}

.hervor {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: 600;
}

.info {
    border-left: 6px solid #2196F3;
    font-style: italic;
    padding-left: 1vw
}

.tip {
    border-left: 6px solid #04AA6D;
    font-style: italic;
    padding-left: 1vw
}

.bsp {
    border-left: 6px solid #919191;
    padding: 0 1.5vw 0.5vw 1vw
}

#suche {
	border: 2px 2px 2px 2px solid #999;
	border-radius: 0.0em;
	background-position: center;
	font-size: 1.1em;
	width: 28vmax;
	height: 37px;
}

#lupe {
	border: 1px solid #999999;
	border-radius: 0.0em;
	background-image: url('../gfx/searchIcon.bmp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 37px;
	height: 37px;
	cursor: hand;
	cursor: pointer;
}

.zentriert {
    /* these 3 settings are needed for centered box text - */
    /* all other 'vertical-align', 'margin-' etc. are not helpful */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0vw 0vw 1vw 1vw;
}

.button {
	vertical-align: middle;
	text-align: center;
	clear: both;
}

h1 {
	font-size: 1.8em;
	margin: 0.9em 1em 0.9em 15px;
	padding: 0;
}

hr {
    width: 60%;
    text-align: center
}

p {
    padding-bottom: 0.5em;
}

p.nutz {
    margin-bottom: 0.28cm;
    line-height: 108%
}

ol {
    padding: 0 0.8vw
}

ul {
    margin: 0 0 0.5vw 2vw;
    padding: 0
}

img {
    vertical-align: middle;
    border: 0;
    max-width: 1200px;
}

img.sticky {
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    right: 0;
    width: 10vw
}

img.intext {
    width: 100%;
    margin: 2vw 0px 2vw
}

img.infoot {
    width: 25%;
    min-width: 150px;
    max-width: 250px;
}

/* Magnify image on mouse hover */
.imgmag > img:hover {
    width:170%;
    position: relative;
    left: -5vw;
}

.imgmag {
    text-align: center;
    font-style: italic;
    font-size: smaller;
}

/* Position the pink entry symbol absolute to the centre_cell */
.stick {
    position: absolute;
    top: -0.1vw;
    left: 3.3vw;
}

/* Ensure the pink entry symbol adjusts to window size */
#stick_size {
    width: 5vw
}

footer {
    display: block;
    align-items: center;
    justify-content: center;
    font-size: small;
    margin: 0.2vw;
    padding: 0vw 5vw 0vw 5vw;
    text-align: left;
    border-top: 9px solid #a6a6a6;
    vertical-align: top;
}

.footer_rechts_bw:after {
    content: "Baden-Württemberg";
    font-family: Times, serif;
    font-weight: bold;
}

.footer_rechts:after {
    content: "MINISTERIUM FÜR WISSENSCHAFT, FORSCHUNG UND KUNST";
    font-size: 0.6em;
}

.footer_rechts {
    background-image: url('../gfx/MWK.png');
    background-repeat:no-repeat;
    background-position: center center;
    float: right;
    margin-right: 3vw;
    text-align: center;
    vertical-align: middle;
}

@media all and (min-width: 1600px) {
	body {
		font-size: 1.1em;
	}
}

@media all and (max-width: 1250px) {
	body {
		font-size: 1.6vw;
	}
	#content-right {
		width: 90% !important;
	}
	#footer {
		height: 120px;
	}
	#footer img {
		height: 46px;
	}
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td, th {
    padding: 1vw;
}

video {
    width: 100%
}

/* Necessary for working columns */
* {
    box-sizing: border-box;
}

@media (prefers-color-scheme: light) {
    .row {
	background-color: #EBDFD3;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iMTAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0gMCAwIEwgNjIgMzggUSA3MCA0MyA2MiA1MCBMIDAgMTAxIEggMCBWIDAgeiIKICAgICAgICBmaWxsPSJyZ2IoMjQzLCAyMzQsIDIyOSkiIC8+Cjwvc3ZnPg==');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
    }
}
@media (prefers-color-scheme: dark) {
    .row {
    background-color: #8B7F73;
    background-image: url('data:image/svg+xml,%3Csvg width="70" height="101" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M 0 0 L 62 38 Q 70 43 62 50 L 0 101 H 0 V 0 z" fill="rgb(163, 154, 149)" /%3E%3C/svg%3E');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
    }
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Columns */
.column {
    float: left;
    width: 25%;
    padding: 1px;
}

.middle {
    width: 75%;
}

.middle_small {
    width: 50%;
}

/* Cells */
.centre_cell {
    /* Needed to position the pink entry symbol relative to it */
    position: relative;
    padding-left: 6vw;
    padding-top: 2vw;
    padding-right: 6vw;
}

.right {
    padding-left: 11vw
}    

.right_text {
    text-align: right
}

/* Rounded corner boxes */
.rcorners_big {
    border-radius: 28px;
    padding: 10px; 
    width: 12vw;
    height: 12vw;  
}

.rcorners_std {
    border-radius: 25px;
    padding: 10px; 
    width: 10vw;
    height: 10vw;  
}

.rcorners_small {
    border-radius: 20px;
    padding: 7px; 
    width: 7vw;
    height: 7vw;  
}

.rcorners_border {
    border: 0.5vw solid #FFFFFF;
}

.rcorners_black {
    background: #404040;
}

.rcorners_yellow {
    background: #FFCB25;
}

/* Text in rounded corner boxes */
.boxtext_big {
    font-weight: bold;
    font-size: 2.5vw;
}

.boxtext_std {
    font-size: 1.5vw;
}

.boxtext_small {
    font-size: 1.2vw;
}

.boxtext_white {
    color: #FFFFFF
}

.boxtext_black {
    color: #000000
}