.menu a {
    font-family: 'Amatic SC';
    font-weight: bold;
    color: black;
    font-size: 2em;
}
.menu a:hover {
    color: #29A7DE;
}
h2 {
    font-family: 'Amatic SC';
    font-weight: bold;
    font-size: 2em;
}
.outer.body {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    background-color: white;
}
.outer.header {
    display: inline-block;
    background-color:rgba(0,113,184,0.2);
    padding: 20px 0;
}
.outer {
    padding: 0;
}
.outer.menu2,
.outer.menu {
    background-color: #C1F6E4;
    padding: 15px;
}
.outer.menu2 a,
.outer.menu a {
    margin-right: 30px;
}
.outer.menu2 {
    background-color: #EEEEEE;
}
.outer.footer {
    background-color: #F5DA93;
    padding: 10px;
}
.steps {
    margin-bottom: 30px;
    color: #0071B8;
    line-height: 45px;
}
.steps .left, .steps .right {
    background-color: #F5DA93;
}
.steps .right {
    text-align: right;
}
.basicitems .basicitem2,
.basicitems .basicitem,
.ages a.link {
    line-height: 45px;
}
.basicitem,
.age.item {
    margin-bottom: 20px;
    cursor: pointer;
}
.age.item {
    border:2px solid black;
    color: black;
}
.basicitem .left,
.age.item .left {
    background-color: rgba(200,200,200,1);
    font-family: "watikwil";
    content: 'a';
    padding-top: 4px;
    line-height: 41px;
}
.basicitem .right,
.age.item .right {
    background-color: #eeeeee;
    padding-left: 10px;
    font-size: 20px;
}
.age.item .right {
    background-color: transparent;
    font-family: 'Amatic SC';
    font-size: 2em;
    font-weight: bold;

}
.basicitem:hover .left,
.basicitems .checked .left,
.age.item:hover .left ,
.ages .checked .left {
    background-color: #0071B8;
    color:white;
}
.basicitem:hover .right,
.basicitems .checked .right,
.age.item:hover .right ,
.ages .checked .right {
    background-color: #29A7DE;
    color:white;
}
.row.ages {
    margin-top: 58px;
}
.subgoal .basicitem {
    margin-bottom: 0;
}
.basicitem2 {
    margin-bottom: 20px;
}
.basicitems .basicitem2 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    border: 2px solid black;
    color: black;
}
.basicitems .basicitem2:hover {
    background-color: #29A7DE;
    color:white;
}
.basicitems .basicitem2 .title {
    padding: 10px 9px;
    font-family: 'Amatic SC';
    font-size: 2em;
    font-weight: bold;
}
.basicitem2 .left {
    border-bottom: 4px solid #0071B8;
    color: #0071B8;
    font-family: "watikwil";
    content: 'a';
    padding-top: 4px;
    line-height: 41px;
}
.basicitem2 .right {
    border-bottom: 4px solid #29A7DE;
    color: #29A7DE;
}
.basicitem2.end {
    line-height: 25px;
    border: 0;
    pointer-events: none;
}
.introtitle {
    display: inline-block;
    width: 100%;
}
.doors {
    margin-top: 30px;
}
.door {
    cursor: pointer;
    margin-bottom: 30px;
}
/*.door .door-image {
    background: url(/images/door.svg) no-repeat top center;
    min-height: 280px;
}
.door.checked .door-image,
.door:hover .door-image {
    background: url(/images/door-checked.svg) no-repeat top center;
}*/
.door .subtitel {
    text-align: center;
}
.door .extra {
    text-align: center;
}
.door h3 {
    padding: 0;
    padding-top: 10px;
    margin: 0;
    color: #333;
    font-size: 18px;
}
.introtext {
    padding: 20px 0;
    display: inline-block;
}
.text-center {
    text-align: center;
}
#goals .input {
    background-color: rgba(41,167,222,0.15);
    padding: 15px;
}
.subgoal {
    margin-bottom: 4px;
}
#goals .container .wrapper {
    background-color: rgba(41,167,222,0.15);
    display: inline-block;
    width: 100%;
}
.basicitem2.head {
    display: inline-block;
    width: 100%;
}
.basicitem.del .right {
    background-color: rgba(0,0,0,0.1) !important;
    text-align: center;
    cursor: pointer;
}
.basicitem.del .left {
    pointer-events: none;
    color: #0071B8;
    background-color: rgba(0,0,0,0.06) !important;
}
.basicitem.del:hover .left {
    background-color: rgba(0,0,0,0.06) !important;
    color: #666666;
}
.basicitem.del:hover .right {
    background-color: #bf015d !important;
}
#goals .basicitem {
    /*display: inline-block;
    width: 100%;*/
}
#goals .container {
    margin-bottom: 10px;
}
#goals .answer {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 15px;
}
#goals .answer:last-child {
    border-width: 0;
}
#goals .answer p {
    padding:0;
    margin: 0;
}
#goals .answer span {
    color: #0071B8;
}
.headrow {
    margin-bottom: 10px;
}
.subgoalc {
    display: none;
}
.goalitem {
    cursor: pointer;
}
.goals {
    /*display: inline-block;
    margin: 30px 0;
    width: 100%;*/
}
.subgoals {
    display: none;
}
.extrabuttons {
    display: none;
}
.alert {
    background-color: #ffcc00;
    color: #bf015d;
    padding: 15px;
}
.inputgoal input {
    padding: 0;
    background-color: transparent;
    border-bottom: 2px dashed !important;
    line-height: 38px;
}
.door-image {
}

.rollover .image1 {
    display:block;
    width:100%;
}
.rollover .image2 {
    max-height:0px;
    display:block;
    width:100%;
}

.rollover:hover > img,
* [summary=rollover]:hover > img{
    max-height: 0px !important;
}  
.rollover:hover > div img,
* [summary=rollover]:hover > div img{
    max-height: none !important;
}

@media screen and (max-device-width:1024px) {
    .rollover:hover > img,
    * [summary=rollover]:hover > img{
        max-height: none !important;
    }
    .rollover:hover > div img,
    * [summary=rollover]:hover > div img{
        max-height: 0px !important;
    }  
}