@import url("../css/Glober/stylesheet.css");

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../css/Abel/abel-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../css/Abel/abel-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}






html {
  font-family: 'Abel';
    margin: 0;
    padding: 0;
    font-size: 125%;
    line-height: 130%;
}
/*body {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow-x: hidden;
    padding: 0;
    color: rgba(69,69,69,1.00);
    margin: 0;
    top: -1rem;
    min-height: 100vh;
    font-size: 100%;
    line-height: 0%;
}*/

header {
    /* [disabled]min-height: 100vh; */
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    /* [disabled]max-height: 100vh; */
    position: relative;
}
header > h1 {
    margin: 5vh 5vw 5vh 2vw;
    color: rgba(254,255,253,1.00);
    text-shadow: 0.5rem 0.25rem 2rem rgba(212,212,212,0.76);
    opacity: 1;
    font-family: Glober;
    font-size: 10vw;
    line-height: 12vw;
    text-align: right;
    z-index: 2;
}
header >  h2 {
    text-align: right;
    color: rgba(253,255,252,0.91);
    margin: 1vh auto 0vh;
    font-size: 3.8vw;
    line-height: 1.8rem;
    padding-top: 22vh;
    font-weight: 400;
    max-width: 90vw;
    z-index: 100;
    padding-right: 0px;
    padding-left: 0px;
    text-shadow: 11px 10px 25px rgba(68,97,99,0.94);
    opacity: 0;
}
.nullopacity {
    opacity: 0;
}
.startbild {
    margin: 0;
    background-image: url(../otp25/bodyback_hauptsujet_niedrig.jpg);
    background-position: 5% bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding-top: 0rem;
    padding-left: 0rem;
    min-height: 75vh;
    height: 75vh;
    position: relative;
    opacity: 1;
    max-height: 75vh;
}
.startbild-niedrig {
    margin: 0;
    background-image: url(../otp25/bodyback_hauptsujet_niedrig.jpg);
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    height: 55vh;
    background-attachment: scroll;
    padding-top: 0rem;
    padding-left: 0rem;
    max-height: 55vh;
    min-height: 0vw;
    opacity: 1;
}

.center {
    text-align: center;
}

a {

	text-decoration: none;
	color: rgba(74,75,63,1.00);
}

a:hover {
    text-decoration: none;
    color: rgba(255,0,5,1.00);
}
a img:hover {
	text-decoration: none;
}

a:active {
	color: black;
	cursor: default;
	clear: none;
}
#box {
    padding: 4rem 0 0;
    background-color: rgba(252,252,252,1.00);
    width: 100vw;
    text-align: center;
    max-width: 100vw;
    z-index: 1;
}

/*markierung linkbuttons extern*/
a[href^="http:"]:before, a[href^="https:"]:before
{
	content: url("../pics/externer-link-12.png");
	vertical-align: 0rem;
	padding-right: 0.25rem;
}
a[href^="https://gots.at"]:before, a[href^="https://gots.at"]:before
{
	content: "";
	padding-right: 0px;
}
#header_gots23_2023 {
    padding: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    visibility: visible;
    background-size: cover;
    width: 100vw;
    background-position: center center;
    max-width: 900px;
    height: auto;
}
footer {
    background-color: rgba(98,99,104,0.99);
    min-height: 20rem;
    margin: 20vh 0px 0;
    width: 100vw;
    display: block;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,1.00);
    max-width: 100vw;
    padding-top: 10vh;
    bottom: 0px;
}
footer p {
    background-color: rgba(98,99,104,0.99);
    margin: 0;
    display: block;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,1.00);
    padding: 1rem 1rem 0;
    text-align: center;
}
.impressum a   {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0rem 0 1rem;
    margin: 0rem auto 2rem;
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
.impressum a:hover    {
    display: block;
    width: 100%;
    text-align: center;
    color: rgba(0,0,0,1.00);
    text-decoration: none;
    font-weight: bold;
}
h1 {
    font-family: Glober;
    font-size: 150%;
    line-height: normal;
    font-weight: normal;
    color: #333333;
    padding-bottom: 0.1rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    letter-spacing: 1px;
    float: none;
    clear: both;
}
h2 {
    font-size: 140%;
    line-height: normal;
    font-weight: normal;
    color: #333333;
    padding-left: 0px;
    font-family: 'Abel';
    font-style: normal;
}

h3 {
    font-size: 130%;
    line-height: normal;
    font-weight: normal;
    color: #333333;
    border-bottom: 1px solid #E7E7E7;
    padding: 0.1rem 0;
    font-family: Glober;
    margin-right: 0px;
    margin-left: 0px;
}
h4 {
    line-height: normal;
    font-weight: normal;
    padding: 0.3rem 0 0;
    font-family: Glober;
    letter-spacing: 0.05rem;
    margin: 0px 0px 0.5rem;

}
h5 {
    font-weight: normal;
    color: #333333;
    margin: 5px 0 0 0;
    padding: 0 0 0 2px;
    font-size: 110%;
}
h6 {
	line-height: 140%;
	font-weight: normal;
	color: #333333;
	height: 120px;
}
#gots {
    padding: 1rem 3rem 3rem;
    margin: 0 auto;
    overflow: visible;
    /* [disabled]background-color: rgba(210,215,229,0.80); */
    max-width: 900px;
}
.dotted {
    border-top: 1px dashed rgba(158,154,154,0.66);

}

.sponsorpic   {
    width: 20vw;
    height: auto;
    margin: 2vh;
    border: 1px dotted rgba(128,128,128,1.00);
    max-width: 200px;
}

#box #gots .nopoint {
    list-style-type: none;
}

.hint {
    color: rgba(255,36,22,1.00);
    font-size: 147%;
}

#gots p {
    font-size: 100%;
    line-height: 125%;
    color: #000000;
}

#gots .inhalt img {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#gots  input {
    background-color: #F8F8F8;
    border: 0px;
    font-size: 100%;
    padding: 0 5px 0 10px;
    margin: 0px auto;
    display: inline-block;
}
#contact fieldset #FA {

}

#gots textarea {
    font-size: 100%;
    background-color: #F3F3F3;
    text-align: left;
    border: 0;
    padding: 0 5px 0 10px;
    line-height: 18px;
    margin-bottom: 3rem;
}
.ausfuellen {
    width: 80%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    /* [disabled]padding-top: 0.5rem; */
    /* [disabled]padding-bottom: 0.5rem; */
    line-height: normal;
    height: 30px;
    border-top-width: 0px;
    border-left-width: 0px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    min-height: 5rem;
    font-weight: 700;
    max-width: 80%;
    font-size: 1rem;
}
.sendebutton {
	width: auto;
	margin-top: 5px;
	margin-bottom: 2rem;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: black !important;
	line-height: normal;
	height: 30px;
	border-top-width: 0px;
	border-left-width: 0px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	color: rgba(255,255,255,1.00);
}
.senden {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: black;
	line-height: normal;
	height: 30px;
	border-top-width: 0px;
	border-left-width: 0px;
	margin-left: auto;
	margin-right: auto;
}

.glober {
	font-family: Glober;
	font-style: normal;
	font-weight: 900;
	font-variant: normal;
}
.futuraround {
	font-weight: 100;
	font-style: normal;
	font-variant: normal;
    font-family: 'Abel';
}
#veranstaltungstitel   {
    clear: both;
    padding-top: 0;
    padding-bottom: 30px;
    margin: 10px 0px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 900px;
    background-color: hsla(0,0%,100%,1.00);

}
#veranstaltungstitel img  {
	max-width: 100%;
	height: auto;
	width: 100%;
}
#menu {
	padding: 0.1rem 0rem 0.25rem;
	background-color: rgba(255,255,255,0.85);
	margin: 1rem 0rem;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
    display: inline-block;
    padding: 0.75rem;
    margin: 0;
	
}
#menu ul li:hover {
	background-color: rgba(130,108,109,0.60);
	color: rgba(255,253,253,1.00);
}
	
#menu ul li a {
    font-family: Glober;
    /* [disabled]font-size: 100%; */
    letter-spacing: 0.06rem;
}

#menu ul li a:hover {
    letter-spacing: 0.06rem;
}

#menu ul li:hover a  {
	display: inline-block;
	font-family: Glober;
	font-size: 100%;
	letter-spacing: 0.06rem;
	color: rgba(255,253,253,1.00);

}
#footer a {
	color: rgba(255,255,255,1.00);
}
.programm {
	margin: 1rem 0 !important;
	border-collapse: collapse;
}
.programm:hover {
    padding-top: 0;
    margin: 1rem 0 !important;
    background-color: rgba(206,234,251,0.77);
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.zeitspalte {
    font-family: Glober;
    font-size: 80%;
    color: rgba(0,0,0,1.00);
    width: 18%;
    vertical-align: baseline;
    padding-top: 0.5rem;
    text-align: right;
    padding-right: 10px;
    margin-right: 0px;
    line-height: 120%;
}
.referatstitel {
    color: rgba(0,0,0,1.00);
    font-family: 'Abel';
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: 115%;
    text-align: left;
    width: 40%;
    vertical-align: baseline;
    margin: 0;
    padding: 0.5em;
}
.gestrecktezelle {
	color: rgba(0,0,0,1.00);
    font-family: 'Abel';
	font-style: normal;
	font-weight: normal;
	font-size: 120%;
	line-height: 140%;
	text-align: left;
	/* [disabled]width: 50%; */
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0.5rem;
}
.referent   {
    width: 40%;
    font-family: 'Abel';
    font-size: 100%;
    line-height: 115%;
    vertical-align: baseline;
    color: rgba(0,0,0,1.00);
    padding-left: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;

}

.moderator {
    font-family: 'Abel';
	font-size: 120%;
	line-height: 140%;
	vertical-align: top;
	color: rgba(0,0,0,1.00);
}
.wo {
    margin: 3rem 0rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-radius: 10px;
    background-color: rgba(193,229,251,0.77);
}
.space {
	height: 0;
}
#home {
	background-color: rgba(148,221,149,0.75);
	padding: 1rem;
	clear: none;
	position: fixed;
	left: 5px;
	top: 5px;
	z-index: 10;
}
.hidden {
	display: none;
	opacity: 0;
}
.dicht {
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-left: 2rem;
    padding-bottom: 0.5rem;
}
.kurswahl {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding-top: 1rem;
    padding-right: 0;
    padding-left: 2rem;
    padding-bottom: 1rem;
    text-align: left;
    border-radius: 10px;
}
td {
	border-bottom: 1px none rgba(42,42,42,0.64);
}
table {
    width: 100%;
    border: 0px;
    border-spacing: 0 1em;
    max-width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 0rem;
}
.hvierbild {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

/*tabelle abstracts*/
.tagestabelle {
	width: 100%;
	top: 0px;
	margin-bottom: 2rem;
	border: 0;
}
.tabcaption {
	font-family: Glober;
	padding-bottom: r1em;
	padding-top: 10px;
	font-size: 1.6rem;
}
.tabzeit {
	font-family: Glober;
	font-size: 1em;
	padding-bottom: 0.5rem;
	border: 1px dotted rgba(3,3,3,1.00);
	padding-top: 0.5rem;
}
.tabreferat {
	font-size: 1.2rem;
	padding-bottom: 0.5rem;
	line-height: 1.5rem;
	border: 0;
}
.tabreferent {
	font-style: italic;
	font-size: 1.1rem;
	padding-bottom: 1rem;
	border: 0;
}
.tabcontainer {
	width: 30%;
	max-width: 30%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 0.8rem;
	top: 0px;
	vertical-align: top;
	border: 0;
}
.tabempty {
	width: 30%;
	max-width: 30%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 10px;
	top: 0px;
	vertical-align: top;
}
.tabtbody {
	top: 0px;
}
.tabreihe {
	margin: 1rem 0;
	border: 0;
}
.tabreihe tr .tabcontainer:hover {
    background-color: rgba(48,137,160,0.75);
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    border: 0;
}
tr .tabcontainer a {
	text-decoration: none;
	border: 0;
	color: rgba(0,0,0,1.00);
}
tr td .tablink {
	text-align: center;
	border: 0;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}
.left {
	text-align: left;
}
#gots ol li {
	text-align: left;
	padding-bottom: 10px;
}
.uppercase {
	font-size: 60%;
	vertical-align: 4px;
}
.tablink a img:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,0,0,1.00) 75.13%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,0,0,1.00) 75.13%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,0,0,1.00) 75.13%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,0,0,1.00) 75.13%);
}
#gots p .glober:hover {
	color: rgba(235,37,40,1.00);
}
#top {
	height: 1px;
	max-height: 1px;
	overflow-y: hidden;
}


/*navleiste top für verschwinden*/

.top-wrap-reiter {
    padding: 0.5rem 1rem;
    display: block;
    margin: 0;
    text-align: left;
}
.top-wrap-reiter >li {
    left: 0;
    padding: 0.5rem 0rem;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 1rem;
}
.top-wrap-reiter li a  {
    padding: 0.5rem;
    border: 1px black solid;
    border-radius: 0;
    text-decoration: none;
    margin-right: 5px;
    color: rgba(0,0,0,1.00);
}
.top-wrap-reiter >li a:hover, .top-wrap-reiter >li a:target{
    background-color: rgba(0,0,0,0.88);
    color: rgba(255,255,255,1.00);
    text-decoration: none;
    text-align: center;
    z-index: 300;
    position: relative;
}
.whiteback {
    background-color: rgba(255,255,255,1.00);
    border: 1px solid white;
    border-radius: 0;
}
tbody .programm .hasabstract {
    background-image: url(../otp24/abstractsymbol.png);
    background-position: left 0.25rem;
    background-repeat: no-repeat;
    padding-left: 1.75rem;
    text-align: left;
}
.fraglich {
    text-decoration: line-through;
}
#gots #contact .captchacontainer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
}
#gots #contact .g-recaptcha {
    text-align: center;
    margin: 0 0 1rem 0;
    padding: 0;
    max-width: 100%;
    display: inline-block;
}
a.externlink {
}
#box #gots #contact {
    background-color: #C0C0C0;
}
#contact fieldset {
    display: inline-block;
    border-width: 0px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.84);
    padding: 10px;
    line-height: 100%;
    width: 80%;
    text-align: left;
}




.webinar {
    background-image: url(../pics/webinarpic_44x30.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: auto auto;
}


#Zustimmung_01, #Auswahl_0, #Auswahl_1, #Auswahl_2, #Auswahl_3, #Auswahl_4, #Auswahl_5, #Auswahl_6, #Auswahl_7 {
    animation: glowing 2500ms infinite;
    box-shadow: 0 0 5px red;
    border-bottom-width: 2px;
    border-radius: 3px;
}
    @keyframes glowing {
      0% { opacity: 1; }
      50% { opacity: 0.1; }
      100% { opacity: 1; }
      }












@media only screen and (max-width: 555px), only screen and (max-device-width: 555px){
html {
    font-size: 100%;
    line-height: 125%;
}
body {
    text-align: center;
    padding: 0;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    font-family: 'Abel';
    width: 100%;
    max-width: 100%;
    background-image: none;
}
#box {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}
	
	nav {
    height: auto;
    width: 100vw;
    z-index: 999;
    transition: transform .25s .1s ease-in-out;
    margin: 0 0 0;
    padding: 0;
    position: fixed;
    top: 0;
    /* [disabled]font-size: 1rem; */
}
nav a:link {
    /* [disabled]font-family: abel; */
    /* [disabled]font-style: normal; */
    /* [disabled]font-weight: 400; */
}
	
	
	
	
#header_gots23_2023 #veranstaltungstitel h1 {
	margin-top: .75rem;
	padding-top: 0px;
	padding-left: 0.125rem;
	padding-right: 0.125rem;
	text-align: center;
	font-size: 1.125rem;
}
	h4 {
    line-height: normal;
    font-weight: normal;
    /* [disabled]padding-top: 0.3rem; */
    /* [disabled]padding-right: 0.125rem; */
    /* [disabled]padding-left: 0.125rem; */
    padding-bottom: 0;
    font-family: Glober;
    letter-spacing: 0;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100vw;

}
#veranstaltungstitel {
    clear: both;
    padding-top: 7rem;
    padding-bottom: 0px;
    margin: auto 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100vw;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

#gots {
    padding: 0rem 0.5rem;
    margin: 0;
    overflow: visible;
    background-color: rgba(255,255,255,1.00);
    max-width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a:hover {
    color: rgba(211,0,3,1.00);
}
h3 {
    font-size: 100%;
    line-height: normal;
    font-weight: normal;
    color: #333333;
    border-bottom: 1px solid #E7E7E7;
    padding: 0.1rem 0;
    font-family: Glober;
    margin-right: 0px;
    margin-left: 0px;
}
.zeitspalte {
    font-family: 'Abel';
    font-size: 90%;
    color: rgba(0,0,0,1.00);
    width: auto;
    vertical-align: baseline;
    padding-top: 0.5rem;
    padding-bottom: 0px;
    text-align: right;
    padding-right: 0.5rem;
    margin-right: 0px;
    line-height: 100%;
}
table {
    width: 100vw;
    border: 0px;
    border-spacing: 0 1em;
    max-width: 100vw;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
}
.referent {
    /* [disabled]width: 40%; */
    font-family: 'Abel';
    font-size: 90%;
    line-height: 100%;
    vertical-align: baseline;
    color: rgba(0,0,0,1.00);
    padding: 0px 0.5rem;
    text-align: left;

}
.wo {
    margin: 1rem 0rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-radius: 10px;
    background-color: rgba(193,229,251,0.77);
}
.referatstitel {
    color: rgba(0,0,0,1.00);
    font-family: 'Abel';
    font-style: normal;
    font-weight: normal;
    font-size: 90%;
    line-height: 115%;
    text-align: left;
    vertical-align: baseline;
    margin: 0;
    width: 45%;
}
.sponsorpic {
    width: 35vw;
    height: auto;
    margin: 2vh;
    border: 1px dotted rgba(128,128,128,1.00);
    min-width: 35vw;
    max-width: 35vw;
}
















}