@font-face{font-family:'Roboto';font-weight:100;src:url('/static/webfont/Roboto-Thin.ttf') format("truetype")}@font-face{font-family:'Roboto';font-weight:normal;src:url('/static/webfont/Roboto-Regular.ttf') format("truetype")}@font-face{font-family:'Roboto';font-weight:bold;src:url('/static/webfont/Roboto-Bold.ttf') format("truetype")}body{font-family:'Roboto',sans-serif;background-color:#D7D7D9}#page{width:100%;max-width:1000px;margin:0 auto;background:#FFF;position:relative;color:#555;box-shadow:0 0 10px rgba(0,0,0,0.6)}header{padding-top:20px;margin-bottom:40px}header #logo{width:350px;margin:20px 20px 40px 20px}nav{background-color:#024873;padding-left:30px}nav ul li a,nav ul li span{display:block;padding:10px 5px;color:white}#responsiveMenu{display:none}nav ul{margin:0;padding:0;display:flex;list-style:none}nav ul li{margin-right:20px}nav ul li span,nav ul li a,nav ul li a:visited{color:white;text-decoration:none}nav ul li a:hover{color:#F18947}nav #responsiveMenu{display:none}nav #responsiveMenuClose{display:none}#spalteGesamt{background:url('/static/img/fidel_schmuckgrafik.jpg') bottom right no-repeat;background-size:30% auto;padding-right:35%;margin:0 30px;padding-bottom:30px}.ohneBild #spalteGesamt{background:none}h1{margin:5px 0 20px 0px;color:#F18947;text-transform:uppercase;font-size:30px;font-weight:600;line-height:130%;padding:0}p{font-size:16px;line-height:140%}h2{line-height:130%}a{color:#608BA6;text-decoration:none}a:hover{color:#024873}a.button,input[type=submit]{display:inline-block;background-color:#608BA6;color:white;text-decoration:none;border-radius:10px;padding:5px 15px}a.button:hover,input[type=submit]:hover{background-color:#024873}input[type=submit]{margin-top:20px;border:0px;height:30px;font-size:1em}.contentbild img{width:100%;height:auto}#seminare ul{list-style:none;padding:0;margin:0}#seminare li{padding:5px 10px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,0.3)}#seminare li h2{line-height:130%;font-weight:400}#seminare li p{padding:0;margin:0 0 3px 0}#seminare li div.beschreibung{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;margin-bottom:20px;font-size:16px;line-height:140%}#seminare li p.kategorie{display:block;background-color:#024873;padding:5px 3px 5px 10px;color:white;margin:-5px -10px 20px -10px}#seminare li p.anmeldung{display:block;text-align:center;margin:20px}#seminare li p.anmeldung a.schalter{margin-left:50px}#seminare li.closed div.beschreibung,#seminare li.closed p.kosten,#seminare li.closed p.punkte,#seminare li.closed p.terminGesamt{display:none}#seminare li.ausgebucht{border:1px solid #aaa;box-shadow:none;background-color:#eee}#seminare li.ausgebucht p.kategorie{background-color:#aaa}#seminare li.ausgebucht p.anmeldung{text-align:left}#seminare li.ausgebucht p.anmeldung a.schalter{margin-left:0;background-color:#aaa}#seminare li.abgesagt{border:1px solid #aaa;box-shadow:none;background-color:#eee}#seminare li.abgesagt p.kategorie{background-color:#aaa}.mobileOnly{display:none}@media screen and (max-width:700px){.mobileOnly{display:block}}.menuIcon{display:none;width:50px;height:44px;position:absolute;right:30px;top:40px;z-index:9999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}@media screen and (max-width:700px){.menuIcon{display:block}}.menuIcon p{margin:0;padding-top:40px;text-align:center;color:#024873}.menuIcon span{display:block;position:absolute;height:4px;width:100%;background:#024873;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.menuIcon span:nth-child(1){top:0px}.menuIcon span:nth-child(2),.menuIcon span:nth-child(3){top:14px}.menuIcon span:nth-child(4){top:28px}.menuIcon.open span:nth-child(1){top:18px;width:0%;left:50%}.menuIcon.open p{color:white}.menuIcon.open span{background-color:white}.menuIcon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menuIcon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.menuIcon.open span:nth-child(4){top:18px;width:0%;left:50%}@media only screen and (max-width:700px){#spalteGesamt{background:none;padding-right:0%}header #logo{width:62%}.contentbild img{width:100%}.contentbild .bu{box-sizing:border-box;width:100%;padding-top:10px;padding-bottom:10px}header nav{position:absolute;z-index:1000;top:0;left:0;background-color:#024873;width:100%;top:-800px;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;transition:top .5s}header nav.open{top:0px}header nav ul{padding:0;margin:0;display:block;flex-direction:column;align-items:center;justify-content:center}header nav ul li{margin:0;border-bottom:1px dotted white;width:100%;padding-bottom:12px;padding-top:5px}header nav ul li a,header nav ul li span{text-align:center;font-size:22px;transition:none}footer nav{padding:0}footer nav ul{padding:0;margin:0;display:block;flex-direction:column;align-items:center;justify-content:center}footer nav ul li{border-bottom:1px dotted white;width:100%;padding-bottom:12px;padding-top:5px;margin:0}footer nav ul li span{text-align:center;font-size:22px;color:white}footer nav ul li a{text-align:center;font-size:22px;transition:none}}