/* this file can be used to add some customized CSS rules */

:root {
	--DESKTOP-COLOR: #CCD6E0;
	--DESKTOP-FONTCOLOR: #001E49;
	--PTS-TITLE-COLOR: #6683A2;
	--PTS-TABLETITLE-COLOR: #003064;
	--PTS-CALENDAR-COLOR: #99ACC1;
	--PTS-CALENDAR-FONTCOLOR: #333333;
	
	--PTS-BACKGROUND-COLOR: #F2F4F7;
	--PTS-BUTTON-BACKGROUND-COLOR: #d4004b;
	--CUSTOM-FONT-FAMILY-TITLE: Avenir Next W01 Demi,Helvetica,Arial,sans-serif;
	--CUSTOM-FONT-FAMILY-TEXT: Avenir Next W01 Regular,Helvetica,Arial,sans-serif;
}

@font-face {
    font-display: swap;
    font-family: Avenir Next W01 Demi;
    src: url(../GMSH/Webfonts/5746845/2369337d-fcd7-4660-9e93-407ea4ef4c37.eot?#iefix);
    src: url(../GMSH/Webfonts/5746845/2369337d-fcd7-4660-9e93-407ea4ef4c37.eot?#iefix) format("eot"),url(../GMSH/Webfonts/5746845/3519cb0f-02a0-41b8-b6d5-5e404cb57afb.woff2) format("woff2"),url(../GMSH/Webfonts/5746845/585a7684-d92c-459a-9111-82ebf54d6cca.woff) format("woff"),url(../GMSH/Webfonts/5746845/9bfef55e-aabf-40e1-8454-3ebd6a2aacfb.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Avenir Next W01 Regular;
    src: url(../GMSH/Webfonts/5746790/eac20a45-98b9-41c6-82dd-b4ee8d76e41f.eot?#iefix);
    src: url(../GMSH/Webfonts/5746790/eac20a45-98b9-41c6-82dd-b4ee8d76e41f.eot?#iefix) format("eot"),url(../GMSH/Webfonts/5746790/d1d43d8e-e792-4a3d-aebe-2afeafdffbee.woff2) format("woff2"),url(../GMSH/Webfonts/5746790/0df04b85-219c-4fe0-9736-12c04931d434.woff) format("woff"),url(../GMSH/Webfonts/5746790/dc6454f2-6331-45b6-95f6-cbda55473fbf.ttf) format("truetype")
}


/* pok */

.main .inhaltsverzeichnis{
	border: none;
	padding: 10px;
}

.hauptverzeichnis P,
.hauptverzeichnis h1,
.hauptverzeichnis h2,
.hauptverzeichnis h3,
.inhaltsverzeichnis h3,
.hauptverzeichnis h4,
.hauptverzeichnis body,
.hauptverzeichnis td,
.hauptverzeichnis a,
.inhaltsverzeichnis a,
.inhaltsverzeichnis li,
.hauptverzeichnis ul,
.hauptverzeichnis .title,
.main h2#intro,
.main .intro .titel,
.main h3#allgemeines,
body div.main:first-child h3,
body div.main:first-child h4,
.main .hinweis .hinweiswort
{
	color: var(--PTS-TABLETITLE-COLOR);
	font-family: var(--CUSTOM-FONT-FAMILY-TITLE);
}

body div.main:first-child p,
body div.main:first-child ul li,
.main .normal p, 
.main .normal td,
.main .trenner a,
.main .hinweis .hinweistext
{
	font-family: var(--CUSTOM-FONT-FAMILY-TEXT);
}

.main h2#intro{
	padding-left: 20px;
	font-size: 2em;
}

.hauptverzeichnis .verzeichnisblock,
.main .inhaltsverzeichnis
{
	background-color: var(--PTS-BACKGROUND-COLOR);
}

.hauptverzeichnis .verzeichnisblock h4{
	padding-left: 20px;
    padding-top: 20px;
    font-size: 1.3em;
}

.hauptverzeichnis{
	border-spacing: 20px;
}

ul.inhalt li{
	list-style: none;
	padding-bottom: 10px;
}
ul.inhalt li a{
    vertical-align: top;
}

ul.inhalt li::before{
	content: '';
	display: inline-block;
 	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' preserveAspectRatio='xMidYMin slice'%3E%3Cpath d='m290.132 34-34.06 34.06 163.722 163.72H0v48.175h419.794L256.072 443.677l34.06 34.06L512 255.868z' fill='%23003064'/%3E%3C/svg%3E");
    background-size: contain;
    width: 1em;
    height: 1em;
    background-repeat:no-repeat;
    padding-right: 10px;
}


body div.main:first-child #top{
	color: var(--DESKTOP-FONTCOLOR);
	font-family: var(--CUSTOM-FONT-FAMILY-TITLE);
}


/* curtain */

#InitCurtain.curtain{
	background-image: url("../GMSH/Images/curtain-image.png") !important;
	background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

#InitCurtain.curtain > div{
	padding-bottom: 30vh;
	position: initial;
}

/* buton */
.forgotPassword input[type="submit"],
.NewPassword input[type="submit"],
body div.container:first-child #FormEndActionTr input[type="submit"],
body table.border2:first-child td button,
.dialog .buttonbereich .button
{
	-ms-flex-item-align: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-self: baseline;
    background-color: var(--PTS-TABLETITLE-COLOR);
    border: none;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--CUSTOM-FONT-FAMILY-TEXT);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 1.25;
    padding: 0.7em 1.25em 0.75em;
}

/* forgot password */
body div.container:first-child{
	background-color: var(--PTS-BACKGROUND-COLOR);
	border-radius: 0px;
	border-color: transparent;
}

body div.container:first-child h2,
body div.container:first-child h4,
.forgotPassword .userNameKey,
.NewPassword td b
{
	color: var(--DESKTOP-FONTCOLOR);
	font-family: var(--CUSTOM-FONT-FAMILY-TITLE);
}

body div.container:first-child p,
.forgotPassword #errorMessageRow
{
	font-family: var(--CUSTOM-FONT-FAMILY-TEXT);
}

.forgotPassword input[type="text"],
.NewPassword input[type="password"]
{
	-webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #e5eaef;
    color: #333;
    display: block;
    font-family: var(--CUSTOM-FONT-FAMILY-TEXT);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    min-height: 2em;
    overflow: hidden;
    padding: 0.7em;
    -webkit-transition: border-color .5s ease;
    transition: border-color .5s ease;
    width: 100%;
    height: auto !important;
}

.NewPassword tr td:first-child{
	vertical-align: middle;
}

.forgotPassword input[type="submit"]:hover,
.NewPassword input[type="submit"]:hover,
body div.container:first-child #FormEndActionTr input[type="submit"]:hover
{
	background-color: var(--PTS-BUTTON-BACKGROUND-COLOR);
}

body div.container:first-child #FormEndActionTr form{
	text-align: center;
}


/* browser check */
body table.border2:first-child{
	background-color: var(--PTS-BACKGROUND-COLOR);
	border-radius: 0px;
	border-color: transparent;
	padding: 25px;
	background-image: none !important;
	margin-top: 10vh;
}

body table.border2:first-child td.PTS,
body table.border2:first-child .outline1 td b
{
	color: var(--DESKTOP-FONTCOLOR);
	font-family: var(--CUSTOM-FONT-FAMILY-TITLE);
}

body table.border2:first-child td.PTS{
	font-size: 1.4rem;
}

body table.border2:first-child .outline1 td b{
	font-size: 1.125rem;
}

body table.border2:first-child .outline1 td span
{
	font-family: var(--CUSTOM-FONT-FAMILY-TEXT);
	font-size: 1.2em !important;
}

body table.border2:first-child .outline1 td img{
	padding-top: 5px; 
}

body table.border2:first-child .outline1{
	outline: none;
	background-image: none !important;
}

body table.border2:first-child td button img{
	display: none;
}

body table.border2:first-child td button:hover{
	background-color: var(--PTS-BUTTON-BACKGROUND-COLOR);
}

/* dialog */

#errorDialog.dialog,
#dialog.dialog
{
	border: none;
}

.dialog .buttonbereich .button{
	min-width: 80px;
	height: 40px;
	align-items: center;
}

.dialog .buttonbereich .button:hover{
	background-color: var(--PTS-BUTTON-BACKGROUND-COLOR);
}

#errorDialog.dialog div.titel,
#dialog.dialog div.titel
{
	font-family: var(--CUSTOM-FONT-FAMILY-TITLE);
	font-size: 1.125rem;
	background-color: var(--PTS-TABLETITLE-COLOR);
	display: flex;
	align-items: center;
	height: 40px;
	padding-left: 10px;
}

.dialog div.titel .titelicon{
	display: none;
}

#errorDialog.dialog div.errorMsg,
#dialog.dialog div.errorMsg,
#dialog.dialog div.meldung
{
	font-family: var(--CUSTOM-FONT-FAMILY-TEXT);
	font-size: 1.125rem;
}