/*theme*/
body,html {margin:0px;padding:0px;counter-reset: h3counter;}
img {max-width:100%;}
.contentsection{font-family:Arial,Sans; display:grid }
/** {font-family:Arial,Sans;color:#222222;}*/
a {text-decoration:none;color:inherit;}
pre { white-space: pre-wrap; word-wrap: break-word; margin:0px;padding:0px;color:inherit; font-family: Arial !important}
strong {font-weight: bold;}
.font-size-14{ font-size: 14px; }
.pad-ver {padding:10px 0px;color:inherit;}
.pad-spec1 {padding:5px 20px;color:inherit;}
.pad-spec2 {padding:5px 0px 0px 0px;color:inherit;}
.pad-10 {padding:10px;color:inherit;}
.pad-15 {padding:15px;color:inherit;}
.pad-30 {padding:30px;color:inherit;}
.marg-10 {margin:10px 15px 10px 5px;}
.special {max-width: 122px !important}
.special2 {max-width: 127px !important}
.mb-15 { margin-bottom: 15px;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.hidden {display:none;}
.fixed  {width:100%;max-width:1000px;margin:0 auto;color:inherit;}
.largefixed  {width:100%;max-width:1300px;margin:0 auto;color:inherit;}
.half {width:100%;max-width:500px;float:left;}
.half2 {width:100%;max-width:480px;float:left;}
.third {width:100%;max-width:330px;float:left;}
.third2 {width:100%;max-width:310px;float:left;}
.quarter {width:100%;max-width:250px;float:left;}
.quarter2 {width:100%;max-width:230px;float:left;}
.threequarter {width:100%;max-width:750px;float:left;}
.threequarter2 {width:100%;max-width:730px;float:left;}
.eighth {width:100%;max-width:125px;float:left;}
.eighth2 {width:100%;max-width:105px;float:left;}
.menusection {background-color:white;padding:7px 0px;}
.logo {width:280px;float:left;}
.social-icons {text-align:right;}
.social-icons img {padding:7px;}
#menu-btn { margin-left:20px;display:inline;cursor:pointer;}
.menu {float:right;}
.menu ul {list-style:none;}
.menu ul li {font-size:12px;color:gray;font-weight:bold;}
.menu ul li a:hover {color:#e96a08;}

.menu > ul {padding-top:16px;}
.menu > ul > li {margin:0px 15px;float:left;position:relative;}
.menu > ul > li > a {text-transform: uppercase;}
.menu > ul > li:hover > ul {display:block;}
.menu > ul > li > ul {display:none;min-width:200px;position: absolute;top:12px;left:-20px;background-color:rgba(255,255,255,1);padding:18px 20px 30px 20px;z-index:10;}
.menu > ul > li > ul > li {width:100%;margin:10px 0px;border-bottom:solid 1px gray;}

#mobilemenucontainer {position:relative;z-index:10;}
#mobilemenu {display:none;min-width:200px;position: absolute;top:0px;right:-20px;background-color:rgba(255,255,255,1);padding:18px 20px 30px 20px;}
#mobilemenu > ul > li  {width:100%;margin:10px 0px;}
#mobilemenu > ul > li a  {font-weight:bold; color:gray;text-transform: uppercase;border-bottom:solid 1px gray;width:100%;display:inline-block;}
#mobilemenu > ul > li > ul {display:none;}
#mobilemenu > ul > li > ul > li  {font-weight:bold; color:gray;text-transform: uppercase;padding:8px 0px 5px 20px;}
#mobilemenu > ul > li > ul > li a  {font-weight:normal; color:gray;text-transform: none;}
#mobilemenu ul li a:hover {color:#e96a08;}
.color-titel-workshops { color: #e96a08;}
.headersection { }
.headerpic {max-height:450px;overflow:hidden;}
.headerpic img {width:100%;max-width:100%;height:auto;}
.headerbox {margin-top:-200px;margin-bottom:70px;z-index:1;position:relative;}
.headerinfo {width:100%;max-width:460px;height:180px;color:white;}
/*h1,h2,h3,h4,h5,h6 {padding:0px;margin:0px;}*/
h1,h2,h3,h4,h5,h6 {padding:0px;}
h3 { margin: 0 0 8px 0;}
.headerinfo h1 {font-size:60px;line-height:50px;font-weight:500;color:white;}
.headerinfo h2 {font-size:40px;line-height:50px;font-weight:normal;color:white;}
.footersection {background-color:#e96a08;min-height:300px;color:white;}
.footer ul,.footer li {list-style:none;padding:3px 0px;color:white;font-size:12px;}
.footer ul {float:left;width:130px;}
.footer li:first-child {font-weight:bold;text-transform: uppercase;}

/*theme-background-color*/
.headerinfo {background-color:rgba(168,57,138,0.8);}
.headerpic {background:#e7e2e0;}
.silverbox {background-color:#f1f1eb;}
.whitebox {background-color:#fff;}

/*events-background-color*/
.bluebox {background-color:#a8d8da;}
.bluelink {background-color:#4fb2b6;}
.greenbox {background-color:#dadb51;}
.greenlink {background-color:#aab414;}
.yellowbox {background-color:#ddc873;}
.yellowbox .text1 {color:white !important;}
.yellowlink {background-color:#c7a315;}
.creambox {background-color:#f7ecc1;}
.creambox .text1 {color:#004664 !important;}
.creamlink {background-color:#ebd065;}
.color-titel-events { color:#a8398a !important;}
.container-events, .container-workshops {
    display: flex;
    flex-wrap: wrap;
}

.container-events .event {
    background-color:#a8d8da;
    flex-basis: 50%;
    display: flex;
}

.container-events .event:nth-child(2n) {
    background-color:#dadb51;
}

.container-events .event:nth-of-type(4n){
    background-color:#a8d8da;
}

.container-events .event:nth-of-type(4n - 1) {
    background-color:#dadb51;
}

.container-events .event .linkbox {
    background-color:#4fb2b6;
}

.container-events .event:nth-child(2n) .linkbox {
    background-color:#aab414;
}

.container-events .event:nth-of-type(4n) .linkbox {
    background-color:#4fb2b6;
}

.container-events .event:nth-of-type(4n - 1) .linkbox {
    background-color:#aab414;
}

.container-workshops .event {
    background-color: #ddc873;
    flex-basis: 50%;
    display: flex;
}

.container-workshops .event:nth-child(2n) {
    background-color: #f7ecc1;
}
.container-workshops .event:nth-child(2n) .text1 { color:#004664 !important; }

.container-workshops .event:nth-of-type(4n){
    background-color: #ddc873;
}

.container-workshops .event:nth-of-type(4n - 1) {
    background-color: #f7ecc1;
}

.container-workshops .event:nth-of-type(4n - 1) .text1 { color:#004664 !important; }

.container-workshops .event .linkbox {
    background-color: #c7a315;
}

.container-workshops .event:nth-child(2n) .linkbox {
    background-color: #ebd065;
}

.container-workshops .event:nth-of-type(4n) .linkbox {
    background-color: #c7a315;
}

.container-workshops .event:nth-of-type(4n - 1) .linkbox {
    background-color: #ebd065;
}

#Cookie-Hint {
    background-color: rgba(246, 242, 235, 0.98);
    box-shadow: 0 1px 21px 0 rgba(1,19,111,0.45);
    box-sizing: border-box;
    display: block;
    position: fixed;
    left: 50%;
    bottom: 0%;
    transform: translateX(-50%);
    z-index:5000;
    width: 100%;
}

#Cookie-Hint h5{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

#Cookie-Hint p a {
    color: black;
}

#Cookie-Hint .cookie-show-options {
    background-color: rgb(232,228,220);
    overflow: hidden;
}

#Cookie-Hint .cookie-show-options div{
    float: left;
    width: 50%;
    padding: 15px 0px;
}

#Cookie-Hint .cookie-select div {
    float: left;
    width: 50%;
}

#Cookie-Hint .btn.reg-btn-success:hover{
    background: white;
}

#Cookie-Hint .hidden {
    display: none;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}

#Cookie-Hint .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

#Cookie-Hint .btn.btn-success {
    background-color: #e96a08;
    color: #fff;
    border: 1px solid #e96a08;
    border-radius: 0px;
}

@media only screen and (max-width: 1000px) {
    .bluebox-mobile {background-color:#a8d8da !important;}
    .bluelink-mobile {background-color:#4fb2b6 !important;}
    .greenbox-mobile {background-color:#dadb51 !important;}
    .greenlink-mobile {background-color:#aab414 !important;}
    .yellowbox-mobile {background-color:#ddc873 !important;}
    .yellowlink-mobile {background-color:#c7a315 !important;}
    .yellowbox-mobile .text1 {color:white !important;}
    .creambox-mobile {background-color:#f7ecc1 !important;}
    .creamlink-mobile {background-color:#ebd065 !important;}
    .creambox-mobile .text1 {color:#004664 !important;}
}

/*wir-background-color*/
.orangebox {background-color:#e96a08; position: absolute}
.lightbluebox {background-color:#b3dde0;}
.lightgreenbox {background-color:#e1e4be;}

/*fotos-videos-background-color*/
.darkorangebox {background-color:#f07122;}
.lightorangebox {background-color:#f1904d;}
.darkpurplebox {background-color:#a34994;}
.lightpurplebox {background-color:#b770a9;}

/*vermitung-background-color*/
.teal {color:#2885a6 !important;}
.teallink {background-color:#2885a6;}

/*kurse-background-color*/
.tc1 {color:#91006d !important;}
.back-1-main {background-color:#91006d;}
.back-1-1 {background-color:#cb8db9;}
.back-1-2 {background-color:#bb6d99;}
.back-1-3 {background-color:#a8418b;}
.back-1-4 {background-color:#9d7692;}
.back-1-0 {background-color:#6a385e;}

.tc2 {color:#c7a315 !important;}
.back-2-main {background-color:#c7a315;}
.back-2-1 {background-color:#dbc367;}
.back-2-2 {background-color:#d1b33f;}
.back-2-3 {background-color:#d1b33f;}
.back-2-4 {background-color:#d1b33f;}
.back-2-0 {background-color:#d1b33f;}

.tc3 {color:#7a6fb9 !important;}
.back-3-main {background-color:#7a6fb9;}
.back-3-1 {background-color:#bdb6e9;}
.back-3-2 {background-color:#9c92d1;}
.back-3-3 {background-color:#9c92d1;}
.back-3-4 {background-color:#9c92d1;}
.back-3-0 {background-color:#9c92d1;}

.tc4 {color:#4fb2b6 !important;}
.back-4-main {background-color:#4fb2b6;}
.back-4-1 {background-color:#8dcdd0;}
.back-4-2 {background-color:#69bdc1;}
.back-4-3 {background-color:#69bdc1;}
.back-4-4 {background-color:#69bdc1;}
.back-4-0 {background-color:#69bdc1;}

/* .tc5 {color:#aab414 !important;} */
/* .back-5-main {background-color:#aab414;}   */
/* .back-5-1 {background-color:#e1e875;} */
/* .back-5-2 {background-color:#c6ce45;} */
/* .back-5-3 {background-color:#c6ce45;} */
/* .back-5-4 {background-color:#c6ce45;} */
/* .back-5-0 {background-color:#c6ce45;} */

.tc5 {color:#b55e9c !important;}
.back-5-main {background-color:#b55e9c;}
.back-5-1 {background-color:#db9fca;}
.back-5-2 {background-color:#c87eb2;}
.back-5-3 {background-color:#c87eb2;}
.back-5-4 {background-color:#c87eb2;}
.back-5-0 {background-color:#c87eb2;}

.tc6 {color:#59a1bb !important;}
.back-6-main {background-color:#59a1bb;}
.back-6-1 {background-color:#a7d2e1;}
.back-6-2 {background-color:#80b9ce;}
.back-6-3 {background-color:#80b9ce;}
.back-6-4 {background-color:#80b9ce;}
.back-6-0 {background-color:#80b9ce;}

.tc7 {color:#c1b36e !important;}
.back-7-main {background-color:#c1b36e;}



/*content*/
.anmeldung,.mehrinfo {cursor:pointer;color:white;}
.formbox {position:absolute;background-color:#EEE;border:solid 2px gray;padding:10px;box-sizing:border-box;font-size:12px;box-shadow:0px 0px 10px;line-height:15px;}
.headersection {padding-top:90px;}
.studenplan-footer {text-align:center;}
.arrow {width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color:transparent transparent transparent white;float:left;margin:2px 3px 0px 8px;}
/*.contentsection h2 {font-size:45px;line-height:50px;font-weight:normal;color:#e96a08;max-width:800px;margin-bottom:20px;}*/
.contentsection h2 {margin-bottom:20px;}
/*.contentsection h3 {font-size:20px;font-weight:500;}*/
/* FWI 2022.02.16 Outcomment .contentsection h3:before {content: counter(h3counter) ". "; counter-increment: h3counter;}*/
hr {border:solid 1px #a8398a;}
.height-30 {min-height:30px;}
.height-35 {min-height:35px;}
.height-50 {min-height:50px;}
.height-70 {min-height:70px;}
.height-100 {min-height:100px;}
.height-150 {min-height:150px;}
.height-200 {min-height:200px;}
.height-250 {min-height:250px;}
.height-300 {min-height:300px;}
.height-400 {min-height:400px;}
.height-500 {min-height:500px;}
.height-550 {min-height:550px;}

.maxheight-30 {height:30px;overflow:hidden;}
.maxheight-35 {height:35px;overflow:hidden;}
.maxheight-50 {height:50px;overflow:hidden;}
.maxheight-70 {height:70px;overflow:hidden;}
.maxheight-150 {height:150px;overflow:hidden;}
.maxheight-200 {height:200px;overflow:hidden;}
.maxheight-235 {height:235px;overflow:hidden;}
.maxheight-250 {height:250px;overflow:hidden;}
.maxheight-280 {height:280px;overflow:hidden;}
.maxheight-300 {height:300px;overflow:hidden;}
.maxheight-400 {height:400px;overflow:hidden;}
.maxheight-500 {height:500px;overflow:hidden;}
.maxheight-550 {height:550px;overflow:hidden;}

.max-height-50  {max-height: 50px; overflow: hidden;}
.box {position:relative;}
.hr-white {border:solid 1px white;}
.bsize {box-sizing:border-box;}
.linkbox {font-size:14px;font-weight:bold;color:white;padding:10px;margin:15px 15px 0px 0px;position:absolute;bottom:20px;width:85%;}
.linkbox2 {font-size:14px;font-weight:bold;color:white;padding:10px;margin:15px 0px 0px 0px;}
.linkbox3 {font-size:14px;font-weight:bold;color:white;position:absolute;bottom:0px;padding:10px 5px;width:100%;box-sizing:border-box;}
.topborder {border-top:solid 2px white;}
.info {color:white;}
.right-dashed {background-image:url(border-v.png); background-position:right top; background-repeat:repeat-y;}
.left-dashed {background-image: url(border-v.png); background-position:left top; background-repeat: repeat-y;}
.lh-10 {line-height:10px !important;}
.lh-15 {line-height:15px !important;}
.lh-20 {line-height:20px !important;}
.lh-25 {line-height:25px !important;}
.lh-30 {line-height:30px !important;}
.text-klassen {white-space: pre-wrap;word-wrap: break-word;margin: 0px;padding: 0px;}
.text1 {font-size:32px;line-height:35px;font-weight:normal;color:white;}
.text2 {font-size:25px;line-height:30px;font-weight:bold;color:#666;}
.text3 {font-size:25px;line-height:27px;font-weight:100;color:#666;}
.text4 {font-size:15px;line-height:18px;font-weight:bold;color:#666;}
.text5 {font-size:18px;line-height:18px;font-weight:normal;color:white;}
.text6 {font-size:25px;line-height:25px;font-weight:normal;color:white;}
.text7 {font-size:25px;line-height:27px;font-weight:100;color:#444;}
.text8 {font-size:22px;line-height:25px;font-weight:bold;color:#333;}
.text9 {font-size:14px;line-height:22px;font-weight:100;color:#333;}
.text10{font-size:22px;line-height:26px;font-weight:500;color:#2885a6;}
.text11 {font-size:29px;line-height:32px;font-weight:normal;color:white;}
.text12 {font-size:15px;line-height:18px;font-weight:normal;color:white;}
.text13 {font-size:25px;line-height:28px;font-weight:bold;color:white;}
.text14 {font-size:24px;line-height:29px;font-weight:normal;color:white;}
.text15 {font-size:45px;line-height:50px;font-weight:normal;color:white;}
img {height:auto;}
.box img {width:100%;height:auto;}
.topbtn {box-sizing:border-box;text-align:center;height:80px; display:table;}
.topbtn a {display:block; margin:50% 0px; display:table-cell;vertical-align:middle;color:white;font-size:20px;}
.text11,.text12,.text13,.text14,.text15,.text16 {padding: 0px 10px;}
.white-logo {max-width:103px;}
.teamend {height:199px;background-color:#5ebdc3;padding:40px 50px;box-sizing:border-box;}

.pos-fix {max-height:100px;}
@media only screen and (min-width: 1000px) {
    .pos-fix {position:fixed;padding-bottom:10px;background-color:white;z-index:1000;width:100%;min-height:80px;border-bottom:solid 1px silver;}
}

/*tablet-mobile*/
@media only screen and (max-width: 1000px) {
    h1,h2,h3,.text1,.text2,.text3,.text4,.text5,.text6,.text7,.text8,.text9,.text10,.text11,.text12,.text13,.text14,.text15,.text16, .fliestexte p {padding-right:10px;padding-left:10px;}
	.ohne-pad h3 {padding-right:0px;padding-left:0px;}
    .wirimg {text-align:left;padding-top:20px;padding-left:10px;}
    .headersection {padding-top:20px;}
    .headerinfo h1,.headerinfo h2 {padding-right:0px;padding-left:0px;}
    .studenplan-footer {text-align:left;}
    .logo {width:100%;max-width:100%;}
    .menu {display:none;}
    .third {width:100%;max-width:50%;float:left;}
    .third2 {width:100%;max-width:50%;float:left;}
    .quarter {width:100%;max-width:50%;float:left;}
    .quarter2 {width:100%;max-width:50%;float:left;}
    .eighth {width:100%;max-width:25%;float:left;}
    .eighth2 {width:100%;max-width:25%;float:left;}
    .marg-10 {margin:10px 0px 10px 0px;}
    .right-dashed { background-image:url(); }
    .left-dashed {background-image:url(border-h.png) , url(border-v.png); background-position: left bottom , left bottom; background-repeat: repeat-x , repeat-y; }
    .fixed {border-bottom:none 0px !important;}
    .mobilehidden {display:none;}
    .mobilenoback {background-image:url() !important;}
    .teambox {height:700px !important;}
    .box {padding-bottom:50px;}
    .container-events .event, .container-workshops .event { flex-basis: 100%; }
    .container-events .event:nth-of-type(4n){ background-color: #dadb51; }
    .container-events .event:nth-of-type(4n - 1) { background-color: #a8d8da; }
    .container-events .event:nth-of-type(4n) .linkbox {background-color:#aab414; }
    .container-events .event:nth-of-type(4n - 1) .linkbox {	background-color:#4fb2b6; }

    .container-workshops .event:nth-of-type(4n){ background-color: #f7ecc1; }
    .container-workshops .event:nth-of-type(4n - 1) { background-color: #ddc873; }
    .container-workshops .event:nth-of-type(4n) .linkbox {background-color:#ebd065; }
    .container-workshops .event:nth-of-type(4n - 1) .linkbox {	background-color:#c7a315; }
}
@media only screen and (max-width: 700px) {
    .headerinfo h1 {font-size:8.5vw;line-height:9vw;}
    .headerinfo h2 {font-size:6.3vw;line-height:10vw;}
    .headerbox {margin-top:0px;margin-bottom:0px;}
    .headerinfo {max-width:100%;}
    .footer ul {float:left;width:100% !important;}
    .height-auto  { height: auto}
    /*.quarter2 {background: transparent;}*/
}
@media only screen and (max-width: 550px) {
    .third {width:100%;max-width:100%;float:left;}
    .third2 {width:100%;max-width:100%;float:left;}
    .quarter {width:100%;max-width:100%;float:left;}
    .quarter2 {width:100%;max-width:100%;float:left;}
    .eighth {width:100%;max-width:50%;float:left;}
    .eighth2 {width:100%;max-width:50%;float:left;}
    .right-dashed { background-image:url(); }
    .left-dashed {background-image:url(border-h.png); background-position: left bottom ; background-repeat: repeat-x; }
}