body {
 background-color: #ffffff;
 
}

div.dideonheader {
 width:100%;
}

div.dideonmain {
 background-color: #ffffff;
}

#middle {
 min-height:750px;
}



#teststart {
 background-image: url("../images/box_3_start.jpg");
background-size: 100% 100%;
 
}


.dideonboxheight {
 height: 25em;
}


/*
footer {
    position: fixed; 
    left: 0px;
    bottom: 0px; 
    height: 64px;
    width: 100%; 
}
*/

div#dideontestpanel {
    min-height:300px;
    margin:10px;
	  }
	  
	  
.ktextpad {
 padding: 6px 0px 6px 2px;
}	  
	  
.navbar-default {
	background-color:transparent !important;
	border-color:transparent;
	background-image:none;
	box-shadow:none;	
}
.main_navigation ul li a {
    padding:0px !important;
}


.dformbutton {
    background: -moz-linear-gradient( top, #579a1d 0%, #99cc2e 90%, #99cc2e 90%, #99cc2e 90%, #99cc2e);
    background: -webkit-gradient( linear, left top, left bottom, from(#579a1d), color-stop(0.90, #99cc2e), color-stop(0.90, #99cc2e), color-stop(0.90, #99cc2e), to(#99cc2e));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #579a1d;
    -moz-box-shadow: 0px 0px 5px rgba(87,154,29,0), inset 0px 0px 0px rgba(87,154,29,0);
    -webkit-box-shadow: 0px 0px 5px rgba(87,154,29,0), inset 0px 0px 0px rgba(87,154,29,0);
    box-shadow: 0px 0px 5px rgba(87,154,29,0), inset 0px 0px 0px rgba(87,154,29,0);
    text-shadow: 0px 2px 2px rgba(0,0,0,0), 0px 2px 2px rgba(0,0,0,0);
}


@font-face {
  font-family: "Lexend";
  src: url("/daten/dideonobj/font/lexend-regular.woff2");
}

.btn-primary:focus, .btn-primary:hover,.btn-primary:active,.btn-primary.active {
    background-color: #31AA47;
    border-color: #31AA47;
}



.roundedbutton {
    border-radius: 6px;
    background: #505050 0% 0% no-repeat padding-box;
    border-color: #505050;
    letter-spacing: 0px;
    color: #FFFFFF;
    font: normal normal bold 12px Lexend;
}

.arrow{ display: none !important}


.roundedbuttonorange {
    background: #FCBF00 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    letter-spacing: 0px;
    color: #000000;
    font-size:14px;
    font-family: "Lexend";
    border-color:  #FCBF00;
}

.roundedbuttongreen {
    background:#C0DEBC 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    letter-spacing: 0px;
    color: #000000;
    font-size:14px;
    font-family: "Lexend";
    border-color:  #C0DEBC;
}

.panel {
    box-shadow: none;
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    border-top-right-radius: 28px;
    border-top-left-radius: 28px;
    border-top:  2px solid #31AA47;
    border-left:  2px solid #31AA47;
    border-right:  2px solid #31AA47;
    border-bottom:  2px solid #31AA47;
 }


.panel .panel-heading {
    background: #C0DEBC 0% 0% no-repeat padding-box;
    height:62px;
    border-top-right-radius: 28px;
    border-top-left-radius: 28px;
    border-left:  0px;
    border-right:  0px;
    border-top:  0px;
    font-family: "Lexend";
    padding-top: 20px;
}

.panel .panel-body {
    font-family: "Lexend";
}

.panel-footer {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top: 0px;
    border-left:   0px;
    border-right:  0px;
    border-bottom:   0px;
    background-color: white;
    font-family: "Lexend";   
    margin-left: 10px;
    margin-right:10px;
}


.popover-title { display: none; }
.popover-content {
    font-family: "Lexend";
    font-size:10px;
}


.divcenter {
    margin-left: auto;
    margin-right: auto;
    display:block;
}



.panel .panel-heading-aus {
    background: #C0DEBC 0% 0% no-repeat padding-box;
    border-top-right-radius: 28px;
    border-top-left-radius: 28px;
    border-left:  0px;
    border-right:  0px;
    border-top:  0px;
    font-family: "Lexend";
    height:42px;
    padding-top:5px;
    display:flex !important;
    
 }

#oldlogin4,#oldlogin3,#oldlogin4,#oldlogin2,#oldlogin,#lname {
    background: #FFFBED 0% 0% no-repeat padding-box;
    border: 2px solid #5F5E5E;
    border-radius: 6px;
    opacity: 1;
}

#dvers {
    background: #FFFBED 0% 0% no-repeat padding-box;
    border: 2px solid #5F5E5E;
    border-radius: 4px;
    opacity: 1;
}



.gutinp {
    background: #FFFBED 0% 0% no-repeat padding-box;
    border: 2px solid #5F5E5E;
    border-radius: 6px;
    opacity: 1;
    margin-left:5px;
    margin-right:5px;
    width:95%;
}


.headbold {
    font-weight:bold;
    
}

.panel-title {
    margin-left:10px;
    margin-right:10px;
    
}

.aus-middle {
    margin:auto;
}

.auswahlinfo {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0000005E;
    border-radius: 7px;
    opacity: 1;
    padding:10px;
    font: normal normal normal 14px Lexend;
    letter-spacing: 0px;
    color: #000000;
    line-height:1.5em;
    border-color:#0000005E;
    border-width:1px;
}


.schreibonformintro {
    text-align: left;
    font: normal normal normal 20px Lexend;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    line-height:1.1em;
    margin-bottom:20px;
}

.schreibonforminp {
    border: 2px solid var(--unnamed-color-31aa47);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #C0DEBC85;
    border: 2px solid #31AA47;
    opacity: 1;
    padding:10px;
    border-radius: 20px;
    font: normal normal normal 14px Lexend;
    letter-spacing: 0px;
    color: #000000;
    line-height:1.5em;
}

.nomoretest1{
    font: normal normal normal 20px Lexend;
    
}

.nomoretest2{
    margin-top:20px;
    font: normal normal normal 14px Lexend;
    
}

.testauswertung{
    margin-top: 20px;
    background-color: #FFFBED;
    border-color: #FCBF00;
    border-width:1px;
    
}

.taicon {
    background-color:white;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 5px #70707099;
    border-radius: 6px;
    opacity: 1;
    text-align:center;
    width:56px;
    height:56px;
}

.tat1{
    text-align: left;
    font: normal normal 600 20px Lexend;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-left:10px;
}

.tat2 {
    text-align: left;
    font: normal normal 300 18px Lexend;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-left:10px;
}


.disabledtf{pointer-events: none; opacity: 1;}