/******************************/
/****** Joomla Templates ******/
/******************************/

html {width: 100%; height:100%; margin:0; padding:0; position: relative;}

body { font-size: 24px; color:#333333; line-height: 1.5; width:100%; height:100%; min-height: 100%; margin: 0; padding:0; font-family: 'Forum', cursive; position: relative; background-color:#000;
background-image: url(../images/bg-all.jpg); background-repeat: no-repeat; background-position:top center;}

#wrapperall { }

#header-outer {position: relative; width:100%; margin:0 auto; border-top:16px solid #000; z-index:200;}
#header-inner {position: relative; width: 100%; margin: 0 auto; display: flex; align-items: center; flex-direction: column;}

#banner-outer {width: 100%; margin: 0 auto; position: relative; margin-top: 0px; z-index:100; }
#banner-float {width: 100%; margin:0 auto; }
#banner-inner {width:100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; align-content: center; background-color:#428284; max-height: 700px; overflow: hidden;}

div.custom-bannerlogo {width:30%; float:left; background-color:#428284; position: relative; display: flex; align-items: center; justify-content: center; align-content: center;}
div#banner-inner div.custom {width:70%; float:left; background-color:#428284;}
@media screen and (max-width:800px){div#banner-inner div.custom {display:none;}}

html body#-startseite div#wrapperall div#body-outer {width:100%; float:left; margin-top:0px;}
#body-outer  {position: relative; width:100%; margin:0 auto; margin-top:47px; display: flex; align-items: center; justify-content: center;}
#body-inner {position: relative; width:100%; max-width:1800px; margin:0 auto; }

#footer-outer {position: relative; width:100%; margin: 0 auto; height:auto; z-index:200; float: left;}
#footer-float {position: relative; width: 100%; margin: 0 auto; }
#footer-inner {position: relative; margin:0 auto; color:#fff; font-size:24px; padding:40px 40px 30px 40px; text-shadow: #3d3d3d 1px 1px 2px; }
.footer.first {}
.footer.second {}

div.user.full {position: fixed; right:0; top: 50%; background-color:#f4b837; margin:0 auto; opacity:0.6; z-index:300; border-radius: 10px;}
div.user.full div.moduletable {padding:20px; opacity:1;}

/******************************/
/****** Joomla Templates ******/
/******************************/
#advert-inner, #upper-inner, #body-inner, #bottom-inner { padding: 0px 0px; }
@media screen and (min-width:768px){
#header-inner { padding: 0px 0px; }
#top-inner, #banner-inner, #advert-inner, #upper-inner, #bottom-inner, #copyright-inner { margin: 0 auto; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/

#top-float { margin:0 auto; padding: 0px 0px; max-width:1200px;}
#top-inner {float:right; color:#fff; font-size:18px; font-weight:300;}
#topright { margin-top:30px; width:250px;}
#banner2-float { float: left; width: 100%; }
#advert-float { float: left; width: 100%; padding: 15px 0px 0px 0px; }

/******************************/
/****** Joomla Templates ******/
/******************************/
#copyright, #designer { color: #000000; }
#spacer { height: 0px; width:100%; margin: 0 auto;}


#logo img{ }
#logo {display:none; }
@media screen and (min-width:1200px){
#logo { /*width:318px; height:124px;*/ }
/*#header-inner { width:100%; margin:0 auto; display: flex; align-items: center; justify-content: center;}*/
}

/*#logo img.logo {visibility:hidden;} /*ausblenden des normalen logos und skalieren beim kleinerwerden damit der scrolbalken verschwindet */
/*#logo {background-image: url(../images/logo-carolin-kampehl-small.jpg); background-repeat: no-repeat; background-position:center center;}  /*einblenden des kleinen logos */

/*@media screen and (min-width:890px){
#logo { width:566px; height:66px; padding: 0px 0px 0px 0px; margin-top:35px; float: left; }
#logo img.logo {visibility:visible;}
}*/


/******************************/
/****** Joomla Templates ******/
/******************************/


#body-right-only { float: left; width:100%; max-width: 795px; margin-bottom:20px; background-color:#fff; border-bottom: 10px solid #f26c4f; box-shadow: #848484 0px 0px 4px; font-size:15px;}
@media screen and (min-width:768px){

#body-left-only { float: right; width: 640px; }
#body-left-right { float: left; width: 520px; margin-left: 20px; }
#body-right-center { float: left; width: 690px; }
#body-left-center { float: right; width: 690px; }
#body-left-right-center { float: left; width: 520px; margin-left: 20px; }
/*#right-right-only { float: right; width: 300px; }*/
#left-left-only { float: left; width: 300px; }
#left-left-right { float: left; width: 200px; }
#right-left-right { float: right; width: 200px; }
#right-right-center { float: right; width: 250px; }
#left-left-center { float: left; width: 250px; }
#left-left-right-center { float: left; width: 200px; }
#right-left-right-center { float: right; width: 200px; }
}
@media screen and (min-width:768px){
.centerright #layer-right-center { float: left; width: 470px; }
.centerright #center-right-center { float: right; width: 200px; }
.centerleft #layer-right-center { float: right; width: 470px; }
.centerleft #center-right-center { float: left; width: 200px; }
.centerright #layer-left-center { float: left; width: 470px; }
.centerright #center-left-center { float: right; width: 200px; }
.centerleft #layer-left-center { float: right; width: 470px; }
.centerleft #center-left-center { float: left; width: 200px; }
.centerright #layer-left-right-center { float: left; width: 300px; }
.centerright #center-left-right-center { float: right; width: 200px; }
.centerleft #layer-left-right-center { float: right; width: 300px; }
.centerleft #center-left-right-center { float: left; width: 200px; }
.centerright #layer-center-only { float: left; width: 740px; }
.centerright #center-center-only { float: right; width: 200px; }
.centerleft #layer-center-only { float: right; width: 740px; }
.centerleft #center-center-only { float: left; width: 200px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/

p {  margin:0;}
ul.menu, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul.category-module, .nav-tabs li { position:relative; list-style: none; padding: 0; margin: 0 auto;}
ul.menu ul { position:relative; list-style: none; padding: 0; margin: 0 auto; margin-top: 0px;}
img { border: none; padding: 0; margin: 0; }
/*.clr { clear: both; }*/
h1, h2, h3, h4, h5 { margin: 0px;}
h1 { font-size: 30px; margin-bottom:40px; color:#3c3c3c; text-align:center;}
h2 { font-size: 30px; margin-bottom:40px; color:#3c3c3c; text-align:center;}
h3 { font-size: 30px; margin-bottom:40px; color:#3c3c3c; text-align:center;}
h3 a { font-size: 30px; margin-bottom:40px; color:#3c3c3c; font-weight:normal;}
h3 a:hover { font-size: 18px; color:#52acb8; font-weight:normal; text-decoration:none;}
h4 { font-size: 26px; margin-bottom:20px; margin-top:40px; color:#006c8c; font-weight:bold;}
h5 { font-size: 18px; }
form input, form select { font-size: 17px; }
@media screen and (min-width:480px){
form input, form select { font-size: 16px; }
}
@media screen and (min-width:768px){
form input, form select { font-size: 15px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
.fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: 'Forum', cursive;}
.fontfamily2, .fontfamily2 .inputbox, .fontfamily2 input.button { font-family: "Times New Roman", Times, serif; }
.fontfamily3, .fontfamily3 .inputbox, .fontfamily3 input.button { font-family: "Courier New", Courier, monospace; }
.fontfamily4, .fontfamily4 .inputbox, .fontfamily4 input.button { font-family: "Georgia", Times New Roman, Times, serif; }
.fontfamily5, .fontfamily5 .inputbox, .fontfamily5 input.button { font-family: "Verdana", Arial, Helvetica, sans-serif; }
.fontfamily6, .fontfamily6 .inputbox, .fontfamily6 input.button { font-family: "Geneva", Arial, Helvetica, sans-serif; }
.fontfamily7, .fontfamily7 .inputbox, .fontfamily7 input.button { font-family: "Book Antiqua"; }
/******************************/
/******* Joomla Default *******/
/******************************/
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: .8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; }
/******************************/
/******* Joomla Default *******/
/******************************/
.upper a, .user a, .inside a, .bottom a, .blog-featured h2 a, .blog h2 a, .item-page h2 a, .dropdown-menu li a, ul.pagenav a, .result-title a, .contact-emailto a, a.btn, #right-right-only .newsflash-title a, #left-left-only .newsflash-title a, #left-left-right .newsflash-title a, #right-left-right .newsflash-title a, #right-right-center .newsflash-title a, #left-left-center .newsflash-title a, #left-left-right-center .newsflash-title a, #right-left-right-center .newsflash-title a, #center-right-center .newsflash-title a, #center-left-center .newsflash-title a, #center-left-right-center .newsflash-title a, #center-center-only .newsflash-title a, #right-right-only a.readmore, #left-left-only a.readmore, #left-left-right a.readmore, #right-left-right a.readmore, #right-right-center a.readmore, #left-left-center a.readmore, #left-left-right-center a.readmore, #right-left-right-center a.readmore, #center-right-center a.readmore, #center-left-center a.readmore, #center-left-right-center a.readmore, #center-center-only a.readmore, #designer a { color: #000000; text-decoration: none; }
.btn-toolbar a.btn { margin: 0px 5px; }
#topmenu { color: #380000; }
#topmenu a  { color: #FFFFFF; text-decoration: none; }
#topmenu .menu li { float: left; margin-right: 15px; }
#topright .menu li { float: left; margin-left: 15px; }
#topmenu .menu li li, #topmenu .menu li li li, #topright .menu li li, #topright .menu li li li { display: none; }
/******************************/
/******* Joomla Default *******/
/******************************/
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { }
.dropdown-menu li { display: inline; margin-right: 10px; }
dl.article-info dd { padding: 0; margin: 0; }
.newsflash-title { margin-top: 10px; }
.pagination { text-align: center; float: left; width: 100%; margin-bottom: 35px; }
.pagination li { display: inline; }
li.pagination-page { display: none; }
.pagination .pagenav { padding: 5px 10px; text-decoration: none; margin: 0px 2px; }
ul.pagenav .previous { float: left; margin-bottom: 15px; }
ul.pagenav .next { float: right; margin-bottom: 15px; }
p.counter { margin-top: -10px; }
p.readmore a { padding: 5px 10px; text-decoration: none; }
@media screen and (min-width:480px){
li.pagination-page { display: inline; }
}



/******************************/
/******* Joomla Config ********/
/******************************/
#right-right-only .moduletable, #right-right-only .moduletable_menu, #left-left-only .moduletable, #left-left-only .moduletable_menu, #left-left-right .moduletable, #left-left-right .moduletable_menu, #right-left-right .moduletable, #right-left-right .moduletable_menu, #right-right-center .moduletable, #right-right-center .moduletable_menu, #left-left-center .moduletable, #left-left-center .moduletable_menu, #left-left-right-center .moduletable, #left-left-right-center .moduletable_menu, #right-left-right-center .moduletable, #right-left-right-center .moduletable_menu, #center-right-center .moduletable, #center-right-center .moduletable_menu, #center-left-center .moduletable, #center-left-center .moduletable_menu, #center-left-right-center .moduletable, #center-left-right-center .moduletable_menu, #center-center-only .moduletable, #center-center-only .moduletable_menu { padding-bottom: 15px; }
#right-right-only .moduletable h3, #right-right-only .moduletable_menu h3, #left-left-only .moduletable h3, #left-left-only .moduletable_menu h3, #left-left-right .moduletable h3, #left-left-right .moduletable_menu h3, #right-left-right .moduletable h3, #right-left-right .moduletable_menu h3, #right-right-center .moduletable h3, #right-right-center .moduletable_menu h3, #left-left-center .moduletable h3, #left-left-center .moduletable_menu h3, #left-left-right-center .moduletable h3, #left-left-right-center .moduletable_menu h3, #right-left-right-center .moduletable h3, #right-left-right-center .moduletable_menu h3, #center-right-center .moduletable h3, #center-right-center .moduletable_menu h3, #center-left-center .moduletable h3, #center-left-center .moduletable_menu h3, #center-left-right-center .moduletable h3, #center-left-right-center .moduletable_menu h3, #center-center-only .moduletable h3, #center-center-only .moduletable_menu h3 { padding-bottom: 5px; margin-bottom: 10px; }
#right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a, #right-right-only .category-module li a, #left-left-only .category-module li a, #left-left-right .category-module li a, #right-left-right .category-module li a, #right-right-center .category-module li a, #left-left-center .category-module li a, #left-left-right-center .category-module li a, #right-left-right-center .category-module li a, #center-right-center .category-module li a, #center-left-center .category-module li a, #center-left-right-center .category-module li a, #center-center-only .category-module li a { text-decoration: none; padding: 3px 10px; margin: 2px 0px; display: block; }
/******************************/
/******* Joomla Config ********/
/******************************/
#login-form { padding: 10px; background: #fafafa; }
#form-login-username, #form-login-password { margin-bottom: 10px; }
#login-form .inputbox { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#member-registration, #user-registration { margin-bottom: 15px; }
#member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; }
#login-form ul { margin-top: 10px; }
#login-form a { color: #000000; text-decoration: none; }
@media screen and (min-width:1120px){
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
.search .inputbox { padding: 3px; border: 1px solid #c0c0c0; }
.search .form-limit { text-align: center; margin-top: 10px; }
.result-created, .result-category, .result-text { padding: 0; margin: 0; }
.result-created { margin-bottom: 10px; }
#searchForm #ordering, #searchForm #limit { padding: 3px; }
.highlight { color: #000000; }
#searchForm { color: #000000; }
/******************************/
/******* Joomla Config ********/
/******************************/
#contact-form { margin: 15px 0px; }
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#jform_contact_message { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
.contact h3 { padding: 3px 10px; }
.contact h2 { margin-bottom: 15px; }
@media screen and (min-width:1120px){
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; }
#jform_contact_message { height: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
input.button, button.button, button.btn { padding: 4px 10px; border: none; }
.btn-toolbar { padding-bottom: 10px; }
.btn-group { display: inline; }
.nav-tabs li { display: inline; margin: 0px 5px; }
.nav-tabs li a { color: #000000; text-decoration: none; }


/******************************/
/******* Joomla Toolbar *******/
/******************************/

#navigation { width:100%; margin:0 auto; margin:0 auto; display: block; border-bottom:1px solid #fff; font-weight:300; }

/* kleinerwerden der menübar auf 100% */
.navigation { float: left; margin: 4px 0px 0px 15px; font-weight:300; }
/*@media screen and (min-width:480px){ */    
.navigation { display: none; }

@media screen and (min-width:1200px){
#navigation {width:100%; margin:0 auto;margin:0 auto; display: flex; align-items: center; border-bottom:1px solid #fff; font-weight:300; }
.navigation { float: left; margin: 4px 0px 0px 15px; font-weight:300; }
/*@media screen and (min-width:480px){ */    /* ausblenden der menü-überschrift ab 480pixel */
.navigation { display: none; }
}

@media screen and (min-width:1200px){
/*#navigation { height: 50px; }*/
.navigation { display: none; }
}

/******************************/
/******* Joomla Toolbar *******/
/******************************/

#toolbar { clear: both; width: 100%; position: relative; z-index: 999; background-color:#e4e4e4;}
#toolbar .menu a { font-size: 19px; display: block; text-decoration: none; padding: 6px; padding-left:25px; padding-right:25px; height:37px; line-height:1.7;}
#toolbar .menu li li a { font-size: 15px; font-weight:300; margin-left:20px;}
#toolbar .menu li li li a { font-size: 15px; font-weight:300; }

@media screen and (min-width:1200px){
#toolbar { margin: 0px 0px 15px 0px; }
}

@media screen and (min-width:1200px){
#toolbar { clear: none; margin: 0 auto; width: auto; z-index: auto; }
#toolbar .menu a { font-size: 22px; font-weight:300;}
#toolbar .menu a:hover {}
#toolbar .menu li { position:relative; padding: 0px; vertical-align: middle; display:inline-block;}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li a { font-weight: normal; font-size: 18px; background: none; padding: 10px 15px 10px 15px; min-width:200px; color:#428284; margin-left: 0px;}
#toolbar .menu li li a:hover { font-weight: normal; font-size: 18px; background: #f9ba31; padding: 10px 15px 10px 15px; min-width:200px; color:#428284; margin-left: 0px;}
#toolbar .menu ul { float:none; left:-999em; position:absolute; z-index: 99; }
#toolbar .menu ul { padding: 0px; }
#toolbar .menu ul li { width: auto; height:auto; padding: 0px; position:relative;  margin-left: 0px; line-height: 1.8; }
#toolbar .menu li li, #toolbar li:hover ul, #toolbar li.sfhover ul { left: auto; }
#toolbar ul.menu li li:hover { background: none; }
/*#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu ul li.active a, #toolbar ul.menu ul li.active a:hover, #toolbar ul.menu ul li.active a:active, #toolbar ul.menu ul li.active a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }*/
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li li a { font-weight: normal; font-size: 14px; }
#toolbar .menu ul ul { margin: -1.8em 0 0 12.5em; }
#toolbar .menu ul ul { position: absolute; z-index: 99; height: auto; }
#toolbar .menu ul ul { padding: 0px; }
#toolbar ul.menu li li li:hover { }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar li:hover ul ul, #toolbar li:hover ul ul ul, #toolbar li.sfhover ul ul, #toolbar li.sfhover ul ul ul, #toolbar ul.menu li:hover ul ul, #toolbar ul.menu li:hover ul ul ul, #toolbar ul.menu li.sfhover ul ul, #toolbar ul.menu li.parentsfhover ul ul, #toolbar ul.menu li.parent-activesfhover ul ul, #toolbar ul.menu li.activesfhover ul ul, #toolbar ul.menu li.sfhover ul ul ul, #toolbar ul.menu li.parentsfhover ul ul ul, #toolbar ul.menu li.parent-activesfhover ul ul ul, #toolbar ul.menu li.activesfhover ul ul ul { left: -999em; }
#toolbar li:hover ul, #toolbar li li:hover ul, #toolbar li li li:hover ul, #toolbar li.sfhover ul, #toolbar li li.sfhover ul, #toolbar li li li.sfhover ul, #toolbar ul.menu li:hover ul, #toolbar ul.menu li li:hover ul, #toolbar ul.menu li li li:hover ul, #toolbar ul.menu li.sfhover ul, #toolbar ul.menu li.parentsfhover ul, #toolbar ul.menu li.parent-activesfhover ul, #toolbar ul.menu li.activesfhover ul, #toolbar ul.menu li li.sfhover ul, #toolbar ul.menu li li.havesubchildsfhover ul, #toolbar ul.menu li li.havesubchild-activesfhover ul, #toolbar ul.menu li li.activesfhover ul, #toolbar ul.menu li li li.sfhover ul, #toolbar ul.menu li li li.havesubchildsfhover ul, #toolbar ul.menu li li li.havesubchild-activesfhover ul, #toolbar ul.menu li li li.activesfhover ul { left: auto; }
}
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:1200px){
#body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1 { width: 204px; float: left; }
#body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2 { width: 204px; float: left; margin-left: 14px; }
#body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3 { width: 204px; float: right; }
#body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1 { width: 312px; float: left; }
#body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2 { width: 312px; float: right; }
#body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1 { width: 640px; float: left; }
#body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1 { width: 148px; float: left; }
#body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2 { width: 148px; float: left; margin-left: 16px; }
#body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 148px; float: left; margin-left: 16px; }
#body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4 { width: 148px; float: right; }
#body-left-right .cols-3 .column-1 { width: 164px; float: left; }
#body-left-right .cols-3 .column-2 { width: 164px; float: left; margin-left: 14px; }
#body-left-right .cols-3 .column-3 { width: 164px; float: right; }
#body-left-right .cols-2 .column-1 { width: 252px; float: left; }
#body-left-right .cols-2 .column-2 { width: 252px; float: right; }
#body-left-right .cols-1 .column-1 { width: 520px; float: left; }
#body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1 { width: 470px; float: left; }
#body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1 { width: 227px; float: left; }
#body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2 { width: 227px; float: right; }
#body-center-only .cols-1 .column-1 { width: 740px; float: left; }
#body-center-only .cols-2 .column-1 { width: 362px; float: left; }
#body-center-only .cols-2 .column-2 { width: 362px; float: right; }
#body-center-only .cols-3 .column-1 { width: 236px; float: left; }
#body-center-only .cols-3 .column-2 { width: 236px; float: left; margin-left: 16px; }
#body-center-only .cols-3 .column-3 { width: 236px; float: right; }
#body-center-only .cols-4 .column-1 { width: 173px; float: left; }
#body-center-only .cols-4 .column-2 { width: 173px; float: left; margin-left: 16px; }
#body-center-only .cols-4 .column-3 { width: 173px; float: left; margin-left: 16px; }
#body-center-only .cols-4 .column-4 { width: 173px; float: right; }
#body-left-right-center .cols-1 .column-1 { width: 300px; float: left; }
}
/******************************/
/******* Joomla Modules *******/
/******************************/

/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:1200px){
#user-right-only .user99 .full, #user-left-only .user99 .full { float: left; width: 640px; }
#user-right-only .user49 .first, #user-left-only .user49 .first { float: left; width: 312px; }
#user-right-only .user49 .second, #user-left-only .user49 .second { float: right; width: 312px; }
#user-right-only .user33 .first, #user-left-only .user33 .first { float: left; width: 204px; }
#user-right-only .user33 .second, #user-left-only .user33 .second { float: left; width: 204px; margin-left: 14px; }
#user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 204px; }
#user-left-right .user33 .first { float: left; width: 164px; }
#user-left-right .user33 .second { float: left; width: 164px; margin-left: 14px; }
#user-left-right .user33 .third { float: right; width: 164px; }
#user-left-right .user49 .first { float: left; width: 252px; }
#user-left-right .user49 .second { float: right; width: 252px; }
#user-left-right .user99 .full { float: left; width: 520px; }
#user-wide .user99 .full { /*float: left; width: 960px; */}
#user-wide .user49 .first { float: left; width: 472px; }
#user-wide .user49 .second { float: right; width: 472px; }
#user-wide .user33 .first { float: left; width: 310px; }
#user-wide .user33 .second { float: left; width: 310px; margin-left: 15px; }
#user-wide .user33 .third { float: right; width: 310px; }
#user-center-only .user99 .full { float: left; width: 960px; }
#user-center-only .user49 .first { float: left; width: 472px; }
#user-center-only .user49 .second { float: right; width: 472px; }
#user-center-only .user33 .first { float: left; width: 310px; }
#user-center-only .user33 .second { float: left; width: 310px; margin-left: 15px; }
#user-center-only .user33 .third { float: right; width: 310px; }
#user-right-center .user99 .full, #user-left-center .user99 .full { float: left; width: 690px; }
#user-right-center .user49 .first, #user-left-center .user49 .first { float: left; width: 337px; }
#user-right-center .user49 .second, #user-left-center .user49 .second { float: right; width: 337px; }
#user-right-center .user33 .first, #user-left-center .user33 .first { float: left; width: 220px; }
#user-right-center .user33 .second, #user-left-center .user33 .second { float: left; width: 220px; margin-left: 15px; }
#user-right-center .user33 .third, #user-left-center .user33 .third { float: right; width: 220px; }
#user-left-right-center .user99 .full { float: left; width: 520px; }
#user-left-right-center .user49 .first { float: left; width: 252px; }
#user-left-right-center .user49 .second { float: right; width: 252px; }
#user-left-right-center .user33 .first { float: left; width: 164px; }
#user-left-right-center .user33 .second { float: left; width: 164px; margin-left: 14px; }
#user-left-right-center .user33 .third { float: right; width: 164px; }
}
#user-center-only .user99 .full, #user-center-only .user49 .first, #user-center-only .user49 .second, #user-center-only .user33 .first, #user-center-only .user33 .second, #user-center-only .user33 .third, #user-left-right-center .user99 .full, #user-left-right-center .user49 .first, #user-left-right-center .user49 .second, #user-left-right-center .user33 .first, #user-left-right-center .user33 .second, #user-left-right-center .user33 .third, #user-left-center .user99 .full, #user-left-center .user49 .first, #user-left-center .user49 .second, #user-left-center .user33 .first, #user-left-center .user33 .second, #user-left-center .user33 .third, #user-right-center .full, #user-right-center .user49 .first, #user-right-center .user49 .second, #user-right-center .user33 .first, #user-right-center .user33 .second, #user-right-center .user33 .third, #user-right-only .user99 .full, #user-left-only .user99 .full, #user-right-only .user49 .first, #user-left-only .user49 .first, #user-right-only .user49 .second, #user-left-only .user49 .second, #user-right-only .user33 .first, #user-left-only .user33 .first, #user-right-only .user33 .second, #user-left-only .user33 .second, #user-right-only .user33 .third, #user-left-only .user33 .third, #user-left-right .user33 .first, #user-left-right .user33 .second, #user-left-right .user33 .third, #user-left-right .user49 .first, #user-left-right .user49 .second, #user-left-right .user99 .full, #user-wide .user99 .full, #user-wide .user49 .first, #user-wide .user49 .second, #user-wide .user33 .first, #user-wide .user33 .second, #user-wide .user33 .third { margin-bottom: 0px; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:1200px){
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first { float: left; width: 312px; }
#inside-right-only .inside49 .second, #inside-left-only .inside49 .second { float: right; width: 312px; }
#inside-right-only .inside99 .full, #inside-left-only .inside99 .full { float: left; width: 640px; }
#inside-left-right .inside49 .first { float: left; width: 252px; }
#inside-left-right .inside49 .second { float: right; width: 252px; }
#inside-left-right .inside99 .full { float: left; width: 520px; }
#inside-wide .inside49 .first { float: left; width: 472px; }
#inside-wide .inside49 .second { float: right; width: 472px; }
#inside-wide .inside99 .full { float: left; width: 960px; }
#inside-right-center .inside49 .first, #inside-left-center .inside49 .first { float: left; width: 227px; }
#inside-right-center .inside49 .second, #inside-left-center .inside49 .second { float: right; width: 227px; }
#inside-right-center .inside99 .full, #inside-left-center .inside99 .full { float: left; width: 470px; }
#inside-left-right-center .inside49 .first { float: left; width: 142px; }
#inside-left-right-center .inside49 .second { float: right; width: 142px; }
#inside-left-right-center .inside99 .full { float: left; width: 300px; }
#inside-center-only .inside49 .first { float: left; width: 362px; }
#inside-center-only .inside49 .second { float: right; width: 362px; }
#inside-center-only .inside99 .full { float: left; width: 740px; }
}
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first, #inside-right-only .inside49 .second, #inside-left-only .inside49 .second, #inside-right-only .inside99 .full, #inside-left-only .inside99 .full, #inside-left-right .inside49 .first, #inside-left-right .inside49 .second, #inside-left-right .inside99 .full, #inside-wide .inside49 .first, #inside-wide .inside49 .second, #inside-wide .inside99 .full, #inside-right-center .inside49 .first, #inside-left-center .inside49 .first, #inside-right-center .inside49 .second, #inside-left-center .inside49 .second, #inside-right-center .inside99 .full, #inside-left-center .inside99 .full, #inside-left-right-center .inside49 .first, #inside-left-right-center .inside49 .second, #inside-left-right-center .inside99 .full, #inside-center-only .inside49 .first, #inside-center-only .inside49 .second, #inside-center-only .inside99 .full { margin-bottom: 15px; }
/******************************/
/********** Bootstrap *********/
/******************************/
.collapse { display: none }
.collapse.in { display: block }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition:height .35s ease }

@media (min-width:1200px){   /* hauptmenü ein und ausblenden */
.navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
.navbar-toggle { position: relative; float: left; padding: 7px; margin:10px; background-color: transparent; border-radius:2px; cursor:pointer; }
@media (min-width:1200px){    /* bootstrap button menü-funktion ein und ausbleden */
.navbar-toggle { margin: 15px 15px 15px 0px; }
}
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
/*@media (min-width:768px){ .navbar-toggle { display: none; } }*/
.navbar-inverse .navbar-toggle { border: 1px solid #3f3f3f; background: #baa07a; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #428284; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #bfe2e0; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#copyright-outer {  }
/*#banner-float { border-bottom:5px solid #0072bc; }*/
#banner2-float { border-bottom:5px solid #0072bc; }
#advert-float { border-bottom:5px solid #0072bc; background: #0064a5; }
#footer-outer { }
/*****************************/
/*********** STYLES **********/
/*****************************/
.advert a, .footer a { color: #fff; text-decoration: none; }
.pagination .pagenav { background: #31639e; color: #FFFFFF; }

/*****************************/
/*********** STYLES **********/
/*****************************/
#right-right-only .moduletable h3, #right-right-only .moduletable_menu h3, #left-left-only .moduletable h3, #left-left-only .moduletable_menu h3, #left-left-right .moduletable h3, #left-left-right .moduletable_menu h3, #right-left-right .moduletable h3, #right-left-right .moduletable_menu h3, #right-right-center .moduletable h3, #right-right-center .moduletable_menu h3, #left-left-center .moduletable h3, #left-left-center .moduletable_menu h3, #left-left-right-center .moduletable h3, #left-left-right-center .moduletable_menu h3, #right-left-right-center .moduletable h3, #right-left-right-center .moduletable_menu h3, #center-right-center .moduletable h3, #center-right-center .moduletable_menu h3, #center-left-center .moduletable h3, #center-left-center .moduletable_menu h3, #center-left-right-center .moduletable h3, #center-left-right-center .moduletable_menu h3, #center-center-only .moduletable h3, #center-center-only .moduletable_menu h3 { border-bottom: 3px solid #0072bc; }
#right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a, #right-right-only .category-module li a, #left-left-only .category-module li a, #left-left-right .category-module li a, #right-left-right .category-module li a, #right-right-center .category-module li a, #left-left-center .category-module li a, #left-left-right-center .category-module li a, #right-left-right-center .category-module li a, #center-right-center .category-module li a, #center-left-center .category-module li a, #center-left-right-center .category-module li a, #center-center-only .category-module li a { background: #0072bc; color: #FFFFFF; }
#login-form { border: 2px solid #0072bc; }
.contact h3 { background: #0072bc; color: #FFFFFF; }
input.button, button.button, button.btn { background: #0064a5; color: #FFFFFF; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#toolbar { }
/*#toolbar .menu a { color: #380000; }*/
/*#toolbar .menu li li a { color: #380000; }*/
#toolbar .menu li li li a { color: #380000; }


@media screen and (min-width:1200px){    /*bootstrap menü blendet sich ein*/
#toolbar { background: none; }
#toolbar .menu a { color: #fff; }
#toolbar .menu a:hover { color: #fff; background-color: #000;}
#toolbar .menu li.active a { color: #fff; background-color: #000;}
#toolbar .menu li.active ul li a { color: #31639e; font-weight:300; }
#toolbar .menu li.active ul li a:hover { color: #fff; }
#toolbar .menu ul li ul li a:hover {background-color:#e53517;}
#toolbar .menu li li a { color: #428284; font-weight:300;}
#toolbar .menu li li li a { color: #FFFFFF; text-shadow: #3d3d3d 1px 1px 1px; }
#toolbar .menu ul { background: #c4c4c4; width:auto; }   /*background vom untermenü nicht vom bootstrap*/
#toolbar .menu ul ul { background: #0082d7; }
}
@media (min-width:1200px){ .navbar-toggle { display: none; } }  /*bootstrap einblenden*/




/*********** eigenes **********/



@media (max-width:1200px){  }


div#layer-wide {width: 100%; margin:0 auto;}
div#mainbody {padding:10px 30px 30px 30px; margin:0 auto; margin-bottom:30px; background-color:#fff;}
html body#-startseite div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody {padding:0px 30px 30px 30px; margin:0 auto; margin-bottom:30px; background-color:transparent;}
div.item-page {width:100%; margin:0 auto;}

div.user99 {padding: 40px 30px 0px 30px; margin:0 auto;}


a {color:#006c8c; text-decoration:none;}
a:hover {color:#025168; text-decoration:none;}

div#toolbar.navbar-collapse.collapse ul.menu.nav li {
list-style-type:none;
}



#toTop {
    bottom: 23px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 10px;
	z-index: 99999;
}

.gotop {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px #888;
    font-size: 30px;
    font-weight: bolder;
    padding: 5px 10px 5px 10px;
    transition: color 0.5s ease-in-out 0s;
    z-index: 99999;
	color: #5c5c5c;
}

html body div#toTop div.gotop span a {color:#006c8c; text-decoration:none;}




p.readmore {margin-top:40px; margin-bottom: 80px;}
p.readmore a.btn {background-color:#31639e; padding:15px; color:#FFFFFF; font-size:16px;}


div.pagination p.counter.pull-right {padding-bottom:20px;}


div#unten a {color:#fff;}
div#unten a:hover {color:#8a8b8b;}


div.control-group {display: inline-block; position: relative;}
div.fc-tbxfield2 {display: inline-block; position: relative;}
div.fc-tbxfield3 {display: inline-block; position: relative;}
div.fc-tbxfield4 {display: inline-block; position: relative;}
div.fc-tbxfield5 {display: inline-block; position: relative;}
div.fc-tbxfield6 {display: inline-block; position: relative;}
div.fc-tbxfield7 {display: inline-block; position: relative;}
div.fc-tbxfield8 {display: inline-block; position: relative;}
div.fc-tbxfield9 {display: inline-block; position: relative;}
div.fc-tbxfield10 {display: inline-block; position: relative;}
div.fc-tbxfield11 {display: inline-block; position: relative;}
div.fc-tbxfield12 {display: inline-block; position: relative;}
div.fc-tbxfield16 {display: inline-block; position: relative;}

div.form-actions {background-color:transparent!important; border:none!important;}
html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable {padding-top:20px;}
label {font-size:18px!important;}
html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.control-group.field7 div.controls div.field-calendar.uk-width-1-1 div.input-append button#field7_btn.btn.btn-secondary {margin-right:-34px;}
html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.control-group.field6 div.controls div.field-calendar.uk-width-1-1 div.input-append button#field6_btn.btn.btn-secondary {margin-right:-34px;}

@media (max-width:1000px){  
html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div:nth-child(1) {width: 100%; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap;}
#banner-outer {margin-top:0px;}
div#start1 {text-align: left!important;}
}

@media (max-width:700px){  
div#kontakt {width:90%!important; float:none!important; padding-right:0px!important; margin-bottom:20px;}
div#kontakt2 {width:90%!important; float:none!important; padding-right:0px!important; margin-bottom:20px;}
}

@media (max-width:500px){  
html body#default div#wrapperall div#banner-outer.clr div#banner-float div#banner-inner div.custom div {font-size:24px!important; color:#FFFFFF!important;}
html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div {font-size:20px;}

div#kalendermobil {display:block!important; margin-bottom:30px;}
div#mainbody.clr div.item-page div table {display:none;}

div#kontakt {width:100%!important; float:none!important; padding-right:0px!important; margin-bottom:20px;}
div#kontakt2 {width:100%!important; float:none!important; padding-right:0px!important; margin-bottom:20px;}
div#start1 {width:100%!important; padding:0px!important;}

div#kontakt2 div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.control-group label {float:none!important; display: inline-block!important; margin-left:10px!important;}
div#kontakt2 div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.control-group div.controls {margin-left:10px!important;}
div#kontakt2 div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.form-actions {padding-left:10px!important;}

div#startbuttons p a {display: table !important; margin:0 auto !important; margin-top: 10px !important; }

#banner-inner {width:100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; align-content: center; background-color:#428284; max-height: 200px; overflow: hidden;}
#banner-inner div.custom-bannerlogo p a img {width:100%; height:auto;}

html body#-naehrstoffe div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-naehrstoffe div h2#start1 {font-size:24px;}
html body#-naehrstoffe {font-size:18px; line-height: 1.3;}
html body#-naehrstoffe div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-naehrstoffe div div span#start3 {font-size:22px!important;}

div#button-treffen {float:left; padding: 10px 15px!important;}

html body {font-size:18px; line-height: 1.3;}

div#kontakt2 div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.control-group.field8 {display:block!important;}

}

div#kontakt2 div.moduletable div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.form-horizontal fieldset.fieldset-1.active div.control-group {display:inline-block!important;}