header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
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}.media{display:flow-root}.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}.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%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/css/fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/css/fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/css/fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/css/fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/css/fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/css/fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/css/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/css/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/css/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/css/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/css/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/css/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/css/fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/css/fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/css/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/css/fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/css/fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/css/fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


/*     --html
------------------------------------------------- */
html {height: 100.1%; margin-bottom: 1px;-webkit-text-size-adjust: 100% }

/*     --tags
------------------------------------------------- */
a {color: #444; text-decoration: none;}
a:hover {color:#999999}
p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
cite, em, i {font-style: italic; color: #999; font-size: 14px;}
img {max-width: 100%; height: auto; vertical-align: middle;}


/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 500; line-height: 1.3em;}
h1 {font-size: 24px; margin: 10px 0 20px 0;color: #444;}
h2 {font-size: 22px; margin-bottom: 15px;}
h3 {font-size: 18px; font-weight: 300; margin-bottom: 10px;}
h4 {font-size: 22px; margin-bottom: 0px;}
h5 {font-size: 18px; margin-bottom: 10px;}
h6 {font-size: 16px; margin-bottom: 10px;}

/*     --body
------------------------------------------------- */
body {background: #fff; color: #777777; font-family: 'Ubuntu', Helvetica, Arial, sans-serif; line-height: 23px; font-size: 14px; padding: 30px 0; overflow-x: hidden;}

/*     --wrapper
------------------------------------------------- */
#wrapper {width: 980px; margin: 0 auto; background: #fff; margin-bottom: 20px; -moz-box-shadow: 0px 0px 5px #d8d8d8; -webkit-box-shadow: 0px 0px 5px #d8d8d8; box-shadow: 0px 0px 5px #d8d8d8; position: relative; z-index: 1000;}

.mobile_menu_wrapper {padding-top:5px}


/*     --header
------------------------------------------------- */
#logo {float:left; height:40px;padding:0;margin:70px 0 50px 30px;color: #444;}
#logo .medium {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 500;font-size: 24px;text-rendering: optimizeLegibility;}
#logo .light1 {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 300;font-size: 24px;padding-left:30px;margin-left:12px;background:url(../../files/images/kreis.png) left center no-repeat;}
#logo .light2 {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 500;font-size: 24px;padding-left:30px;margin-left:14px;background:url(../../files/images/punkt.png) left center no-repeat;}

/*
#header #suchfeld {float:right;width:30%;margin-top:80px;font-size:14px;}
input#ctrl_1_submit.submit {border:1px solid #e4e4e4;}
*/

#mainnav{
	margin: 0 30px 0 0;
	width:100%;
	float: left;
	background:#dcdcdc;
}

#mainnav strong {font-weight:normal}


#mainnav ul{
padding:7px 50px 10px 30px;
}

#mainnav li{
	display: inline;
	font-size: 16px;
	line-height:16px;
	float: left;
	padding-right:30px;
}

#mainnav .trail {color:#777777;}

#mainnav .level_2, #mainnav li.impressum {display:none;}

/* #mobilenavi {display:none;} */

#container {padding: 20px 30px 10px 30px; clear: both;}

/* Hauptspalte u. rechte Spalte */
#main {width:65%; float:left;}
.contact #main {width:90%; float:left;}
#right {overflow: hidden; margin-left: 5%; width:30%; float:left;}
#subnav .level_1 {width:60%; float:right;margin-top:20px;}
.mod_article ul li {list-style:disc inside;padding-left:10px}


.info {margin-bottom:0px;margin-top:18px;}
#right h2 {margin-top:0px;}

.mod_newsmenu {float:right;font-weight:500;margin-top:15px;}
#newsreader input, #newsreader textarea {margin-bottom:8px;border:1px solid #ccc;color: #777777;}
#newsreader input.submit {background:#e1e1e1;cursor: pointer}

/*     --footer
------------------------------------------------- */
#footer {padding:0 30px 10px 30px;}
#footer .inside {padding: 20px 0px 0 0px; border-top:1px solid #00ff00;text-align:center;font-size:12px;}


/*     Tabelle Services
------------------------------------------------- */
.services table td {vertical-align:bottom;padding:0; margin:0;}
.services table td p {vertical-align:bottom;padding:0; margin:0;}

/*     Accordion
------------------------------------------------- */
.ce_accordion .toggler {background: url(../../files/images/toggle-plus.png) left center no-repeat; cursor: pointer; padding: 7px 0 9px 20px; border-bottom: 1px solid #E7E7E7; font-size: 18px; font-weight: bold;}
.ce_accordion .toggler.active {background: url(../../files/images/toggle-minus.png) left center no-repeat; margin-bottom: 10px;}

.toggler {font-family: 'Ubuntu', Helvetica,sans-serif;font-weight:300 !important;margin-bottom:20px !important;}

/*     Kommentare
------------------------------------------------- */
.ce_comments .form .widget {margin-bottom:10px}
.ce_comments .form label {display:inline-block;width:40%}
.ce_comments .form .textarea {width:76%; height:150px}
.ce_comments .form .checkbox {vertical-align:top;margin:5px 10px 0 0}
.ce_comments .form .checkbox_container span label {width:80%}
.form .widget button.submit {padding:5px;border:1px solid #999; border-radius:0;-webkit-appearance:none;}
.form .widget button.submit:hover {background:#666; color:#fff;cursor:pointer}

.mod_quicknav button.submit {display:none}

/* Media Queries
------------------------------------------------- */

@media only screen and (max-width: 767px) {
body {padding: 0;}
img {display:block;width:100%;margin-bottom:10px}
#wrapper {width: 98%;max-width:760px; -moz-box-shadow: 0px 0px 5px #fff; -webkit-box-shadow: 0px 0px 5px #fff; box-shadow: 0px 0px 5px #fff}
#logo {padding:0;margin:40px 0 20px 30px;}
#logo span.medium {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 700;font-size:25px;text-rendering: optimizeLegibility}
#logo .light1 {font-size:20px;margin-left:20px;padding-left:30px;}
#logo .light2 {font-size:20px;margin-left:20px;padding-left:30px;}

#container {padding: 20px 30px 10px 30px; clear: both;}
.seiten #main {width:98%;}

#footer {padding:30px;padding-bottom:10px;}
h1 {margin-top:0;}

#mymobilenav {display:block}

.inner {background:#fff!important}
#mymobilenav > ul > li > a, #mymobilenav > ul > li > .active, #mymobilenav > ul > li > .trail {
display:block;padding:8px;text-decoration:none;color:#1c1c1c;border-bottom:1px solid #1c1c1c;font-size:1em}
#mymobilenav > ul > li:hover > a, #mymobilenav > ul > li.active > span {background:#1c1c1c;color:#fff}

#mymobilenav > ul > li.sub > a, #mymobilenav > ul > li.sub > .active, #mymobilenav > ul > li.sub > .trail {
padding-left:20px}
#mymobilenav ul.level_1 li.submenu ul.level_2 {padding:10px 0 0 20px}

#jump-to-nav {display:block;position:absolute; z-index:999999;top:23px;right:10px; background:url("../../files/images/menubutton.png") no-repeat top left; width:42px; height:36px; text-indent:-9999px;cursor:pointer;}
#jump-to-nav:hover {background-position:top right;}
}


@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  { 
#wrapper {width: 98%;max-width:960px;}
#logo .medium {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 500;font-size:25px;text-rendering: optimizeLegibility;}
#logo .light1, #logo .light2 {font-size:20px;}
#logo {margin-bottom:30px;}
#ctrl_comment_15 {width:85%}

}


@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px) {

#wrapper {width: 100%;-moz-box-shadow: 0px 0px 5px #fff; -webkit-box-shadow: 0px 0px 5px #fff; box-shadow: 0px 0px 5px #fff!important}
#logo {padding:0;margin:30px 0 20px 10px;}
#logo .medium {font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-style:normal; font-weight: 500;font-size:16px;text-rendering: optimizeLegibility;}
#logo .light1 {font-size:15px;margin-left:7px;padding-left:20px;}
#logo .light2 {font-size:15px;margin-left:7px;padding-left:20px;}
#main, #right, .mod_newsmenu {clear:both; float:left;width:100%;margin-left:0;}
span.light1, span.light2 {background-size:22px 15px;}

#container {padding: 0px 20px 10px 10px; clear: both;}
.seiten #main {width:98%;}
#contact img {margin-bottom:20px;}

#footer {padding:0 20px 10px 20px;}
h1 {margin-top:0;}

#mainnav {display:none;}
#mobilenavi {float:left;display:block;margin:0 20px 30px 10px;width:95%}
.seiten #mobilenavi {margin-bottom:15px;}

#mobilenavi.mod_quicknav .select {display:block;height:30px;border:1px solid #ccc; width:98%;}
#mobilenavi.mod_quicknav option {padding:5px;}

#mobilenavi.mod_quicknav input.submit {display:none;}
}