body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* allgemeine Definition */
.sc {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	clear:none !important;
}
.sc-first
{
	clear: both !important;
}
.sc-last {
}
.sc-clear {
	clear:left;
}

.sc-rowspan > *
{
	margin: 0!important;
	padding: 0!important;
}

/* 2-spaltig */
.sc2 {
	width:49.5%;padding-right:1%;float:left;display:inline;
}
.sc2-first {
	clear:left;
}
.sc2-last {
	padding-right:0;
}

/* 3-spaltig */
.sc3 {
	width:32.3%;padding-right:1%;float:left;display:inline;
}
.sc3-first {
	clear:left;
}
.sc3-last {
	padding-right:1.1%;
}
.sc3-2 {
	width:65.6%;padding-right:1%;float:left;display:inline;
}
.sc3-2-first {
	clear:left;
}
.sc3-2-last {
	padding-right:1.1%;
}

/* 4-spaltig */
.sc4 {
	width:24%;padding-right:1%;float:left;display:inline;
}
.sc4-first {
	clear:left;
}
.sc4-last {
}
.sc4-2 {
	width:49%;padding-right:1%;float:left;display:inline;
}
.sc4-2-first {
	clear:left;
}
.sc4-2-last {
}
.sc4-3 {
	width:74%;padding-right:1%;float:left;display:inline;
}
.sc4-3-first {
	clear:left;
}
.sc4-3-last {
}

/* 5-spaltig */
.sc5 {
	width:19%;padding-right:1%;float:left;display:inline;
}
.sc5-first {
	clear:left;
}
.sc5-last {
}
.sc5-2 {
	width:39%;padding-right:1%;float:left;display:inline;
}
.sc5-2-first {
	clear:left;
}
.sc5-2-last {
}
.sc5-3 {
	width:59%;padding-right:1%;float:left;display:inline;
}
.sc5-3-first {
	clear:left;
}
.sc5-3-last {
}
.sc5-4 {
	width:79%;padding-right:1%;float:left;display:inline;
}
.sc5-4-first {
	clear:left;
}
.sc5-4-last {
}

body {
    margin:25px 50px;
    padding:0;
    background-color:#6a6968;
}
a,
body,
div,
em,
input,
label,
legend,
li,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u,
ul {
    font-family:Alegreya Sans,Arial,Sans-Serif;
}
a,
body,
div,
input,
label,
li,
legend,
ol,
p,
select,
td,
th,
textarea,
u,
ul {
    font-size:100%;
    line-height:105%;
    color:#4f4f4e;
}
h1 {
    margin:15px 0 30px;
    padding:10px 0 0;
    font-size:20px;
    color:#1b7677;
    text-transform:uppercase;
    letter-spacing:3px;
}
.start h1 {
    margin:15px 0 30px;
    padding:10px 0 0;
    font-size:25px;
    line-height:105%;
    color:#1b7677;
    text-transform:uppercase;
    letter-spacing:3px;
}
h2 {
    margin:8px 0 6px;
    padding:10px 0 0;
    font-size:16px;
    color:#1b7677;
    text-transform:uppercase;
    letter-spacing:1px;
}
.start h2 {
    margin:8px 0 6px;
    padding:10px 0 0;
    font-size:16px;
    line-height:105%;
    color:#1b7677;
    text-transform:uppercase;
    letter-spacing:1px;
}
h3 {
    margin:8px 0 6px;
    padding:10px 0 0;
    font-size:16px;
    line-height:105%;
    color:#333;
    letter-spacing:1px;
}
a {
    text-decoration:underline;
    color:#1b7677;
}
a:hover,
a:active {
    text-decoration:none;
    color:#4f4f4e;
}
p,
pre,
form,
figure {
    margin:0;
    padding:0;
}

/* alegreya-sans-regular - latin */
@font-face {
    font-family: 'Alegreya Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../../files/ballion/layout/fonts/alegreya-sans-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../../files/ballion/layout/fonts/alegreya-sans-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
#wrapper {
    border-right:60px solid #309ba7;
}
.blau {
    height:100%;
    position:relative;
    overflow:hidden;
}
.blau:before {
    content: ''; position: absolute; top: -250px; left: -200px; width: 250px; height: 1000px; background: rgba(48, 155, 167, 0.5);; transform: rotate(35deg);
}
.mod_coverpicture {
    height:100%;
    position:relative;
    overflow:hidden;
    margin-bottom:-4px;
    background-color:#b3b5b5;
}
.mod_coverpicture:before {
    content: ''; position: absolute; top: -250px; left: -200px; width: 250px; height: 1000px; background: rgba(48, 155, 167, 0.5);; transform: rotate(35deg);
}
.inside {
    background-color:#FFF;
}
#main .inside {
    border-right:0px;
}
#logo {
    margin:21px 0 16px 60px;
    text-align:center;
}
#center {
    text-align:center;
}
input {
    margin-top:2px;
    margin-bottom:2px;
}
label {
    width:180px;
    float:left;
    display:block;
}
.caption {
    position:absolute;
    margin-top:-70px;
    padding:10px 12px 8px;
    background-color:#fff;
    font-size:90%;
    text-transform:uppercase;
}
.mod_article p {
    line-height:150%;
}
#container {
    margin:0 auto;
    padding:45px 75px 25px 150px;
    text-align:left;
    background-color:#FFF;
}
#footer {
    padding-top:70px;
    padding-left:150px;
    background-color:#fff;
    color:#000;
}
#footer,
#footer p {
    font-size:90%;
}
#footer .inside {
    padding-top:8px;
    border-right:0px;
}
table {
    margin-bottom:15px;
    font-size:107%;
}
.mod_navigation {
    width:100%;
    height:39px;
    background-color:#309ba7;
}
.mod_navigation ul {
    margin-top:12px;
    margin-left:100px;
}
.mod_navigation li {
    float:left;
    display:block;
    margin-right:30px;
    padding:0 10px;
    list-style-type:none;
}
.mod_navigation ul li a:focus,
.mod_navigation ul li a:hover,
.mod_navigation ul li a:active,
.mod_navigation ul li.active,
.mod_navigation ul li.active strong,
.mod_navigation ul li.active a,
.mod_navigation ul li.active a:focus {
    text-decoration:underline;
    font-weight: normal;
    color:#FFF;
    text-transform:uppercase;
    letter-spacing:1px;
}
.mod_navigation ul li a,
.mod_navigation ul li strong {
    text-decoration:none;
    color:#FFF;
    text-transform:uppercase;
    letter-spacing:1px;
}
.mod_navigation.submenu {
    height:100%;
    min-height:39px;
    margin-top:-45px;
    margin-bottom:30px;
    margin-left:-150px;
    padding-bottom:0;
    background-color:#909090;
    width:calc(100% + 225px);
}
.mod_navigation.submenu ul {
    margin-left:10%;
}
.mod_navigation.submenu li {
    float:left;
    margin-right:0;
    padding:0 20px 10px 0;
}
.mod_navigation.submenu li.last {
    padding-right:0px!important;
}
.mod_navigation .level_2 {
    width:150px;
    position:absolute;
    display:none;
    margin-top:-25px;
    margin-right:0;
    margin-left:200px;
    padding:5px 10px 35px 30px;
    text-align:left;
    background-color:rgba(166,90,90,.75);z-index: 1;
}
.mod_navigation .level_2 li {
    float:left;
    clear:both;
    display:none;
    margin-right:0;
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
}
.mod_navigation.submenu a:focus,
.mod_navigation.submenu a:hover,
.mod_navigation.submenu a:active,
.mod_navigation.submenu ul li.active a,
.mod_navigation.submenu ul li.active a:focus,
.mod_navigation.submenu ul li.hover a:hover {
    max-height:0;
    text-decoration:underline;
    color:#e6d8b9;
}
.mod_navigation.level_2 ul {
    margin-left:10%;
}
.mod_navigation.level_2 li {
    float:left;
    margin-right:0;
    padding:5px 20px 15px 0;
}
.mod_navigation.level_2 li.last {
    padding-right:0px!important;
}
ul#fontsizer {
    margin:0;
    list-style-type:none;
}
.weiter {
    margin-right:50px;
    padding:20px;
    text-decoration:none;
    color:#fff;
    position: relative; background: #309ba7;
}
.weiter:after {
    left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #309ba7; border-width: 30px; margin-top: -30px;
}
.zurueck {
    margin-left:50px;
    padding:20px;
    text-decoration:none;
    color:#fff;
    position: relative; background: #309ba7;
}
.zurueck:after {
    right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #309ba7; border-width: 30px; margin-top: -30px;
}
.mitte {
    padding:20px;
    text-decoration:none;
    color:#fff;
    position: relative; background: #309ba7;
}
.hoch:after {
    bottom: 100%;
    	left: 50%;
    	border: solid transparent;
    	content: " ";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    	border-color: rgba(48, 155, 167, 0);
    	border-bottom-color: #309ba7;
    	border-width: 30px;
    	margin-left: -30px;
}

@media screen and (max-width: 767px) {
.mod_navigation.submenu {
    width:100%;
    margin-top:-8px;
    margin-right:-8px;
    margin-left:-8px;
}
.mod_navigation.submenu li {
    float:left;
}
#wrapper {
    border-right: 30px solid #309ba7!important;
}
body {
    margin:0;
    padding-top:15px;
}
#container {
    padding:8px 8px 8px 15px;
}
.sc1,
.sc2 {
    float:none;
}
#footer {
    padding-left:8px;
}
#footer p {
    font-size:108%;
    line-height:130%;
}
#mainmenu {
    width:inherit;
    left:0;
    top:0;
    overflow:visible!important;
}
#mainmenu ul {
    height:80px;
    margin-top:0;
    margin-left:40px;
    background-color:#4fcad1;
}
#mainmenu li {
    margin-left:-35px;
    padding:10px 8px 10px 20px;
    color:#000;
}
#mainmenu a {
    color:#000;
}
.zurueck::after,
.weiter::after {
    display:none;
}
.zurueck,
.weiter,
.mitte {
    margin:0;
    padding:2px;
}
#main .inside {
    margin-top:15px;
}
}