/* start styling */
html
{
    height: 100%;
    font-family: 'Roboto', Calibri, Arial, sans-serif;
}

body
{
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    color: #5e5959;
    /*color: #383535;*/
}

a
{
    text-decoration: none;
    color: #3068b7;
    vertical-align: baseline;
}

a:hover
{
    text-decoration: underline;
    color: #1564d2;
}

a.clean:hover
{
    color: inherit;
}

p,
.p,
ul,
ol,
table
{
    display: block;
    font-size: 1.00em;
    line-height: 1.45em;
    margin: 0 0 1.2em;
    color: #1c1a1a;
    /*/*font-weight: 300;*/*/
}

.article-info p,
.article-info .p
{
    line-height: 1.65em;
    /*letter-spacing: 0.5px;
    font-size: 1.05em;*/
}

h1 p,
h2 p
{
    font-size: inherit;
    display: inherit;
    font-size: inherit;
    line-height: inherit !important;
    margin: 0;
    color: inherit;
    font-weight: inherit;
}

ul,
ol
{
    display: table;
    margin: 0;
    line-height: 1.65em;
}

.breadcrumb ol li,
.breadcrumb img 
{
    color: #999;
    line-height: 1em;
}

.h1
{
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    display: block;
    font-size: 2.0em;
    font-weight: 400;
    line-height: 1.2em;
}

.h2
{
    font-family: 'Roboto Condensed', sans-serif;
    color: #1c1a1a;
    display: block;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2em;
    margin: 1.2em 0;
    margin-top: 2em;
}

.h3
{
    color: #1c1a1a;
    display: block;
    font-size: 1.17em;
    line-height: 1.25em;
    font-weight: 700;
}

.h4
{
    display: block;
    font-weight: 700;
}

.article-section
{
    display: block;
    margin: 4em 0;
    clear: both;
    overflow: hidden;
}

small
{
    font-size: 0.9em;
}

.small
{
    font-size: 0.9em !important;
}

strong,
.strong,
b,
.b
{
    font-weight: 700;
    color: #000;
}

i,
em,
.i,
.em
{
    font-style:italic;
}

.mT10px
{
    margin-top: 10px;    
}

.grey
{
    color: #d6d4d4 !important;
}

.breadcrumb
{
    /*font-weight: 300;*/
}

.breadcrumb > *
{
    margin: 0;
    padding: 0;
}

hr
{
    border: none;
    border-bottom: 1px solid #d6d4d4;
}

#header
{
    background: #fff;
    width: 100%;
}

.grid-wrapper
{
    max-width: 1100px;
}

#header > .grid-wrapper,
#section > .grid-wrapper,
#footer > .grid-wrapper
{
    display: block;
	margin: 0 auto;
}


#section > .grid-wrapper,
#footer > .grid-wrapper
{
    overflow: hidden;
}

#section
{
    margin-top: 15px;
    margin-bottom: 85px;
}

.start #section
{
    margin-top: 35px;
}

.min-height-500
{
    min-height: 500px;
}

/**
 * header menu
 */

#menu-root
{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    padding: 0;
    border: 0;
    z-index: 101;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #d6d4d4;
    border-radius: 4px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,236,236,1) 98%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(98%,rgba(237,236,236,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=0 );
}

#home
{
    margin: 0px 0 15px 15px;
    display: inline-block;
    vertical-align: middle;
}

#menu-root #menu
{
	margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    white-space: nowrap;
    z-index: 100;
    vertical-align: bottom;
    box-shadow: none;
    display: block;
    position: relative;
}

#menu-root #menu .menu-element
{
    display: inline-block;
}

#menu-root #menu .menu-element#menu-search,
#menu-root #menu .menu-element#menu-user_registration
{
    display: none !important;
}

#menu-root #menu .menu-element-link
{
    color: #000;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease 0s, background 0.2s ease 0s;
    background: rgba(0, 0, 0, 0);
    vertical-align: middle;
    padding: 16px 25px 15px 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#menu-root #menu .menu-element-link:before,
#menu-root #menu .menu-element-link:after,
#menu-root #menu #menu-news > a:after,
#menu-root #menu .menu-element-link.focus:after,
#menu-root #menu .menu-element-link.focus:before
{
    content: "";
    position: absolute;
}

#menu-root #menu .menu-element-link:before,
#menu-root #menu .menu-element-link:after,
#menu-root #menu #menu-news > a:after
{
    width: 1px;
    height: 100%;
    top: 0;
    background: #d6d4d4;  
}

#menu-root #menu .menu-element-link:before,
#menu-root #menu .menu-element-link.focus:before
{
    left: 1px; 
}

#menu-root #menu .menu-element-link:after,
#menu-root #menu .menu-element-link.focus:after
{
    right: -1px; 
}

#menu-root #menu .menu-element-link.focus:after
{
    right: -2px;
}

#menu-root #menu #menu-news > a:after
{
    right: 0; 
}


#menu-root #menu .menu-element-link:hover
{
    text-decoration: none;
    color: #000;
    background: #EEE;
}

#menu-root #menu #menu-start
{
    margin-left: 30px;
}

#menu-root #menu .menu-element:last-child
{
    margin-right: 15px;
}

#menu-root #menu .menu-element-link.focus 
{
    text-decoration: none;
    border: none;
      color: #E81919;
    background-image: -moz-linear-gradient(62% 9% -90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    background-image: -webkit-gradient(linear,62% 9%,62% 72%,color-stop(0, #F8F8F8),color-stop(1, #FFF));
    background-image: -webkit-linear-gradient(-90deg,#F8F8F8 0%,#FFF 100%);
    background-image: -o-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 100%);
    background-image: linear-gradient(180deg,#F8F8F8 0%,#FFF 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0);
}

#menu-root #menu .menu-element-link.focus:hover
{
    cursor: default;
}

#menu-root #menu .menu-element-link.focus:after,
#menu-root #menu .menu-element-link.focus:before
{
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

#menu-root #menu button
{
	display: none;
}

button#menuMobileButton::before
{
    content: "Menü";
    display: block;
    position: absolute;
    left: -3em;
    top: 30%;
    font-size: 1.5em;
    font-weight: 500;
    color: #d6d4d4;
}

#menu-top
{
    color: #777;
    height: 25px;
    line-height: 25px;
}

#menu-top .menu-element-link
{
    color: inherit;
}

.seach-wrap
{
    margin: 25px;
    text-align: center;
}

.menu-login-wrap
{
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: right;
}

/**
 * Google Maps
 */

.map-wrapper
{
    position: relative;   
}

.map-wrapper .map-menu
{
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 1px 3px -2px #000;
    padding: 7px;
    position: absolute;
    right: 10px;
    top: 30px;
    width: 30px;
}

.map-menu.small-map
{
    top: 10px;
}

.map-wrapper .map-menu .map-menu-element
{
    border: medium none;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 0;
}

.map-wrapper .map-menu > :last-child
{
    margin-bottom: 0px;
}

.map-wrapper .map-menu .map-menu-element > *
{
    opacity: 0.6;   
}

.map-wrapper .map-menu > *:hover
{
    box-shadow: 0 0 3px -1px #000;    
}

.map-wrapper .map-menu > .map-menu-element:hover::before
{
    background-color: #fff;
    content: attr(title);
    padding: 8px;
    position: absolute;
    right: 100%;
    border-radius: 2px 0 0 2px;
}

.map-wrapper .map-menu .map-menu-element.focus > *
{
    opacity: 1;
}

.map
{
    height: 400px;
}

.map.map-deco
{
    height: 200px;
}


.map img
{
    max-width: inherit;
}

.gMapsInfo
{
    max-width: 250px;
    font-size: 1em;
    color: #5e5959;
    margin: 10px 10px 15px 10px;
    font-weight: 500;
    line-height: 1.2em;
}

.gm-style-iw
{
    overflow: hidden !important;
}

.portrait
{
    height: 300px;
    width: 95%;
    opacity: 0.5;
}

img.c
{
    display: block;
    margin: auto;    
}

.img.fR
{
    margin-left: 15px;
    margin-bottom: 15px;
}

.img.fL
{
    margin-right: 15px;
    margin-bottom: 15px;
}

/**
 * Rating
**/

.rating
{
    display: inline-block;
    padding: 10px;
    /*border: solid 1px #F2F2F2;*/
}

.rating::before
{
    content: "";
    clear: both;
}

.rating p
{
    margin-top: 0px;
    margin-bottom: 5px;
}

#msg_ok
{
    display: inline-block;
    vertical-align: middle;
    float: right;
    padding: 3px;
      color: #E81919;
}

.userRating
{
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 120px;
}

.userRating > div
{
    width: 120px;
    height: 20px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: left;
}

.userRating > div > div
{
    background: rgb(252,234,187); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 20px;
    left: 0px;
}

.userRating:hover > div > div
{
    background: #fff;
}

.userRating > div > span
{
    position: relative;
    bottom: 20px;   
}

.userRating > div span
{
    background: transparent url("/file/img/rating_star.png") left top no-repeat;
    display: inline-block;
    height: 20px;
    width: 0px;
    cursor: pointer;
    padding-left: 24px;
    vertical-align: top;
}

.userRating > div span[onclick]:hover
{
    background-color: rgb(255,168,76);
}

/* FIXED CONTENT */

#fixed-content
{
    position: fixed;
    left: 0px;
    top: 220px;
    z-index: 200;
}

#fixed-content .btn
{
    width:40px;
    cursor: pointer;
    margin-left: -8px;    
    transition: margin 0.3s ease-out;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

#fixed-content .btn:hover
{
    margin-left: -4px;
}

#fixed-content .btn > a
{
    color: inherit;
}

.btn.btn-sozial
{
    background: #fff;
    border-radius:0;
    border: none;
    color: #363333;
}

.btn.btn-sozial > a .icon
{
    font-size: 30px;
}

.btn.btn-sozial .icon::before
{
    line-height: 40px;
    width: 38px;
    display: block;
    box-sizing: border-box;
    position: absolute;
}

.btn.btn-sozial .icon.icon-basenio::before
{
    content: "";
    background: url("/file/img/layout/social_icon-basenio.svg");
    speak: none;
    background-size: contain;
    display: inline-block;
    background-position: 0;
    height: 36px;
    margin-right: .2em;
    padding: 0px;
    background-repeat: no-repeat;
}

.btn.btn-sozial.btn-small
{
    width:40px;
    height: 40px;
}

#fixed-content #anfrage
{
    height:107px;    
    background: #FF8B19;
    box-shadow: none;
    color: #fff;
    outline: none;    
}

#fixed-content #anfrage img
{
    width: 20px;
    height: 80px;
    margin: 12px 14px;
}

/**
 * FOOTER
 */

.footer-wrapper
{
    position: relative;
    background: #edecec;
    border-top: solid 1px #d6d4d4;
}

#footer
{
    color: #525252;
    min-height: 50px;
    position: relative;
    width: 100%;
    z-index: 2;
    padding-top: 40px;
}

#footer a
{
    text-decoration: none;
    color: inherit;
}

#footer a:hover
{
    text-decoration: underline;
}

#footer .logo
{
    position: absolute;
    top: -54px;    
}

#footer .footer-box
{
    
}

#footer .footer-box .link
{
    display: block;
}

#footer .footer-box+.footer-box
{
    margin-top: 32px;
}

#footer .footer-box > .top
{
    font-size: 1em;
    font-weight: 500;
    display: block;
    margin-bottom: 1em;
}

.border-bottom
{
    border-bottom: solid 1px #d6d4d4;
}

.h2.border-bottom
{
    line-height: 1.5em;
}

/* logo slider */

.logo-slider .swap-slider > .nav
{
    padding: 0;
}

.logo-slider .swap-slider > .mask
{
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

/*-------------------------

LISTEN 

-------------------------*/

.list > .item
{
    width: 100%;
}

.list.list-item-2 > .item,
.list.list-item-3 > .item,
.list.list-item-4 > .item
{
    display: inline-block;    
    box-sizing: border-box;
}

.list.list-item-2 > .item
{
    max-width: 50%;
}

.list.list-item-3 > .item
{
    max-width: 31.3%;
    max-width: calc(94% / 3);
    margin-right: 3%;
}

.list.list-item-3 > .item:nth-child(3n)
{
    margin-right: 0;
}

.list.list-item-4 > .item
{
    max-width: 25%;
}

.list.list-clean,
.list.list-clean .item
{
    padding: 0;
    list-style: none;
}

/* NEWS LIST */


.blogAuthor
{
    display: block;
    border-color: #EEE;
    color: #999;
    text-align: left;
    font-size: 0.9em;
}

.imgContainer figcaption 
{
    display: block;
    padding: 5px 8px;
    background: #F9F9F9;
    text-align: right;
}

.imgContainer figcaption a
{
    color: inherit;
    font-size: 0.8em;
}

.list.list-article-overview .img-wrap+.text,
.list.list-article-overview .img-wrap
{
    width: 100%;
    display: inline-block;
}

.list.list-article-overview .img-wrap+.text .member
{
    font-size: 0.9em;
    color: #999;
}

.list.list-article-overview .img-wrap
{
    max-width: 42%;
}

.list.list-article-overview .img-wrap+.text
{
    max-width: 58%;
}

.list.list-article-overview .text-author
{
    font-style: italic;
    /* font-family: 'Roboto Condensed', sans-serif; */
    /*font-weight: 300;*/
    color: #1c1a1a;
}

/* BRANCHENBUCH LISTE */

.list.list-category-icon
{
    list-style: none;
    padding: 0;
}

.list.list-category-icon .item
{
    display: block;
    margin-right: 0;
    padding-bottom: 10px;
    line-height: 1em;
    position: relative;
    padding: 6px;
    color: #363333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.0em;
    /*font-weight: 300;*/
    transition: background 0.2s ease-in;
}

.list.list-category-icon .item > *:hover
{
    
    background: rgb(249,249,249);
    background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );
    border-radius: 50px 0 0 50px;
}

.list.list-category-icon .item > .text
{
    text-align: left;
    color: #000;
    display: inline-block;
    max-width: 65%;
    max-width: calc(100% - 65px);
    padding: 10px;
    position: relative;
    font-size: 1.1em;
    /*font-weight: 300;*/
    vertical-align: middle;
    line-height: 1.2em;
    transition: color 0.2s ease-in-out, background-color 0.1s ease-in;
}

.list.list-category-icon .item:hover > .text
{
    text-decoration: none;
    color: #E81919;
}

.list.list-category-icon .item .img
{
    background: url("/file/img/layout/icon/icon_set_branchenbuch-erfurt.png");
    background-size: 430px;
    background-repeat: no-repeat;
    background-position: -8px -8px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: inline-block;
}

.list.list-category-icon .item.item.item-hotels-erfurt .img
{
    background-position: -130px -191px;
}

.list.list-category-icon .item.item-restaurants-cafes .img
{
    background-position: -145px -22px;
    background-position: -130px -69px;
}

.list.list-category-icon .item.item-shopping-erfurt .img
{
    background-position: -69px -130px;
    background-position: -374px -69px;
}

.list.list-category-icon .item.item-handwerker .img
{
    background-position: -191px -130px;
}

.list.list-category-icon .item.item-bauen-renovieren .img
{
    background-position: -130px -130px;
    background-position: -69px -191px;
    background-position: -8px -191px;
}

.list.list-category-icon .item.item-vereine-verbaende .img
{
    background-position: -191px -191px;
    background-position: -191px -69px;
}

.list.list-category-icon .item.item-bildung-wissenschaft .img
{
    background-position: -130px -252px;
}

.list.list-category-icon .item.item-computer-elektronik .img
{
    background-position: -252px -130px;
}

.list.list-category-icon .item.item-dienstleistungen .img
{
    background-position: -130px -130px;
}

.list.list-category-icon .item.item-freizeit-reisen .img
{
    background-position: -8px -70px;
}

.list.list-category-icon .item.item-geld-recht .img
{
    background-position: -8px -252px;
}

.list.list-category-icon .item.item-gesundheit-wellness .img
{
    background-position: -374px -191px;
}

.list.list-category-icon .item.item-kultur-veranstaltungen .img
{
    background-position: -252px -8px;
}

.list.list-category-icon .item.item-natur-umwelt .img
{
    background-position: -252px -191px;
}

.list.list-category-icon .item.item-werbung-medien .img
{
    background-position: -252px -69px;
}

.list.list-category-icon .item.item-wohnen-einrichten .img
{
    background-position: -191px -252px;
}

.list.list-member .item.item-member
{
    position: relative;
    min-height: 185px;
    padding: 5px;
    box-sizing: border-box;
}

.list.list-member .item.item-member .img
{
    display: block;
    padding: 5px;
    box-sizing: content-box;
}

.list.list-member .item.item-member .img > img
{
    margin: auto;
}

.list.list-member .item.item-member .img+.text
{
    max-width: 65%;
    max-width: calc(100% - 225px);
}

.list.list-member .item.item-member .contact > .link
{
    color: inherit;
    display: block;
    line-height: 1.5em;
    margin: 10px 0px;
    text-align: right;
}

.list.list-member .item.item-member .contact > .link:before
{
    font-size: 1.2em;
}

.list.list-member .item.item-member .contact > .link:hover
{
    text-decoration: none;
    color: #1574d2;
}

.list.list-member .item.item-member .contact > .link:hover:before
{
    text-decoration: none;
    color: #5e5959;
}

.list.list-member .item.item-member .category
{
      color: #5e5959;
  font-size: 1em;
}

.list.list-category .item
{
    line-height: 1em;
    box-sizing: border-box;
    position: relative;
    padding: 8px 0px 6px 15px;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in;
    color: #1c1a1a;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.0em;
    font-weight: 500;
    /*border-bottom: solid 1px #EEE;*/
}

.list.list-category .item .list.list-subcategory
{
      padding: 0px 0px 0px 10px;
}

.list.list-category .item .list.list-subcategory .item
{
    padding: 2px 20px;
    /*font-weight: 300;*/
    color: #000;
}

.list.list-category .item .list.list-subcategory .item *
{
    display: inline-block;
}

.list.list-category .item .list.list-subcategory .item a
{
    padding: 4px 0;
}

.list.list-category .item .list.list-subcategory .item:hover
{
    color: inherit;
}

.list.list-category .item .list.list-subcategory .item:before
{
    font-family: "fontello";
    content: '\e8ae';
    color: #E81919;
    position: absolute;
    left: 5px;
    top: 7px;
}

.businessdirectory .list.list-category .item
{
    padding: 0;
}

.businessdirectory .list.list-category .item > *
{
    color: inherit;
    text-decoration: none;
    padding: 8px 0px 6px 15px;
    line-height: 1em;
    font-size: 1em;
    display: block;
}

.list.list-category .item > *.focus
{
    text-decoration: underline;
    color: #E81919;
}

.list.list-category > .item:before
{
    font-family: "fontello";
    content: '\e8a8';
    content: '\e8ae';
    color: #E81919;
    position: absolute;
    left: 0;
    top: 7px;
    transition: left 0.2s ease-in-out;
}

.list.list-category .item.focus:before
{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.list.list-category .item.focus:hover:before
{
    left: 0;
}

.list.list-category > .item.list.list-subcategory:before
{
    content: none;
}

.list.list-category > .item:hover
{
    text-decoration: none;
    color: #E81919;
}

.list.list-category .item:hover:before
{
    left: 5px;
}

/*-------------------------

USER LIST 

-------------------------*/

.user_profile .user-list-logo
{
    height: 180px;
    display: block;
    text-align: center;
}

.user_profile .user-list-logo > img
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
}

.user_profile .item.item-member
{
    /*border: solid 1px #d6d4d4;
    padding: 15px;*/
    min-height: 350px;
    border-radius: 4px;
    transition: box-shadow 0.2s ease-in-out;
}

.user_profile .item.item-member > *:hover+.text .h3
{
    text-decoration: underline;
}

.color-red
{
    color: #E81919 !important;
}


/*-------------------------

BOXEN 

-------------------------*/

.box
{
    
}

.box.box-primary
{
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
}

.box.box-border-grey,
.box .header-border-grey
{
    border: solid 1px #d6d4d4;
}

.box.box-padding
{
    padding: 20px;
}

#sidebar .box
{
    border: 0;
}

.box > .header
{
    position: relative;
    color: #000;
}

.box > .header > *
{
    margin-top: 0;
    font-size: 1.5em;
    line-height: 1.5em;
    color: inherit;
}

.search .box > .header > *
{
    font-size: 1.3em;
}

.box > .header .more
{
    font-size: 0.85em;
    /*font-weight: 300;*/
    color: #aaa;
    position: absolute;
    right: 0;
    bottom: 3px;
    transition: color 0.2s ease-in;
}

.box > .header .more.fR
{
    position: static;
    margin-top: 6px;
}

.box > .header .more:hover
{
    color: #000;
    text-decoration: none;
}

.box > .header.header-grey .more
{
    right: 5px;
    bottom: 5px;
}

.box.box-category
{
    margin-right: 45px;
}

.box.box-category .item
{
    display: inline-block;
    /*box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);*/
    box-sizing: border-box;
    /*border: solid 1px #d6d4d4;*/
    margin-bottom: 15px;    
    overflow: hidden;
}

.box.box-category .item .img-source,
.box.box-category .item .img-description
{
    transition: color 0.2s ease-in, opacity 0.2s ease-in;
    
}

.box.box-category .item .img-source
{
    width: 100%;   
}

.box.box-category .item .img-description
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.6em;
    line-height: 1em;
    padding: 18px 0;
    font-weight: 500;
    text-align: center;
    color: #1c1a1a;
    border: solid 1px #d6d4d4;
    border-top: 0;
}

.box.box-category .item:hover
{
    text-decoration: none;    
}

.box.box-category .item:hover .img-source
{
    /*opacity: 0.9;*/
}

.box.box-category .item:hover .img-description
{
    color: #E81919;
}

.box.box-clear
{
    clear: both;    
}

.box.box-clear::after,
.box.box-clear .body::after
{
    content: " ";
    display: table;
    clear: both;
}


.box.box-grey .body,
.box.box-white .body
{
    background: #ffffff;
    padding: 20px 15px;
    border: solid 1px #d6d4d4;
    border-top: 0;  
}

.box.box-grey .body
{
      background: #F9F9F9;
  background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#FFF));
  background: -webkit-linear-gradient(top, #F9F9F9 0%,#FFF 100%);
  background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, #F9F9F9 0%,#FFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
  background-size: 125px;
  background-repeat: repeat-x; 
}

.box .header
{
    background: transparent;
    padding: 6px 5px 3px 10px;
    border-radius: 3px 3px 0 0px;
}

.box.box-white .header
{
    border-bottom: none;    
}

.box .header.header-grey
{
    background: #f2f2f2;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 98%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(98%,rgba(237,236,236,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,236,236,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=0 );
    border: solid 1px #d6d4d4;
    padding: 6px 5px 3px 10px;
    border-radius: 3px 3px 0 0px;
}

.box-round
{
    border-radius: 3px;
}

.box-round .body
{
    border-radius: 0px 0px 3px 3px;
}

.box.box-contact
{
    text-align: center;
}

.box.box-contact .top
{
    text-align: center;
    font-size: 2em;
}

.box.box-contact .icon
{
    margin: auto;
    width: 200px;
    height: 200px;
    background: url("/file/img/layout/icon/icon-kontakt.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 440px;
}

.box.box-contact .icon.icon-clf-mail
{
    background-position: -205px 0;
}

.box.box-contact .link
{
    font-size: 1.2em;
}

.h1 a.clean:hover,
.h2 a.clean:hover,
.h3 a.clean:hover
{
    color: inherit;
    text-decoration: none;
}

/*-------------------------

OFFER 

-------------------------*/

.offer .item.item-offer 
{
    position: relative;
    transition: all 0.2s ease-in-out;
}

.offer .item.item-offer .img
{
    background: #F9F9F9;
    display: block;
}

.offer .item.item-offer .price
{
    text-decoration: line-through;
    color: #888;
    line-height: 1.2em;
    font-size: 0.8em;
    display: block;
    text-align: right;
    margin-bottom: 4px;
}

.offer .item.item-offer .price-offer
{
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 10px;
    font-weight: 500;
    color: #E81919;
    font-size: 1.4em;
    display: block;
    text-align: right;
}

.offer .item.item-offer .price-saving
{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    font-size: 1.5em;
    height: 80px;
    line-height: 50px;
    text-align: right;
    z-index: 1;
    overflow: hidden;
    padding-right: 5px;
}

.offer .item.item-offer .price-saving:before
{
    content: "";
    background: #E81919;
    display: block;
    width: 150px;
    height: 100px;
    position: absolute;
    z-index: -1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -50px;
    right: -65px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.offer .item.item-offer:hover .price-saving
{
    color: #fff;    
}

.offer .member
{
    color: #888;
    font-size: 0.9em;
}

.offer .item.item-offer:hover
{
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
}

/*-------------------------

EVENTS 

-------------------------*/

.article-wrapper .h3
{
    margin-top: 2em;
}

.news .article-wrapper,
.event .article-wrapper
{
    padding: 15px;
    border: solid 1px #d6d4d4;
    border-radius: 3px;
}

.news .imgContainer,
.event .imgContainer
{
    background: #f8f8f8;
    min-height: 250px;
    display: block;
    text-align: center;
    vertical-align: middle;
    position: relative;
}


.news .imgContainer figcaption,
.event .imgContainer figcaption
{
    position: absolute;
    bottom: 0;
    right: 0;
}

.box.box-article-detail
{
    width: 100%;
    display: block;
    padding: 15px;
    background: #f9f9f9;
    border: solid 1px #eee;
    box-sizing: border-box;
}

.event .box.box-article-detail
{
    float: left;
    width: 250px;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.box.box-article-detail .header
{
    border-bottom: solid 1px #d6d4d4;
    padding: 5px 0;
    color: #5e5959;
    font-size: 1.1em;
}

.event .blogAuthor 
{
  /*display: block;
  border-color: #EEE;
  text-align: left;
  font-size: 1.1em;*/
}



.list .item .text .h2
{
    transition: color 0.3s ease-in-out, background-color 0.1s ease-in;
}

.list .item .text .h2 > a:hover
{
    text-decoration: none;
    
}

.list .item .text .h2:hover,
.list .item .img:hover+.text .h2,
.list .item .img-wrap:hover+.text > .h2
{
    color: #E81919;
}


/*-------------------------

SIDEBAR 

-------------------------*/

#sidebar .box.box-news .list .item
{
    margin-bottom: 25px;
    display: block;
}

#sidebar .box.box-news .list .item .thumb,
#sidebar .box.box-news .list .item .text
{
    display: inline-block;
}

#sidebar .box.box-news .list .item .thumb
{
    width: 125px;
}

#sidebar .box.box-news .list .item .thumb+.text
{
    width: calc(100% - 125px);
}

#sidebar .box.box-news .list .item .thumb:empty:after
{
    font-family: "fontello";
    content: '\e85b';
    display: block;
    background: #F8F8F8;
    width: 108px;
    height: 76px;
    text-align: center;
    line-height: 76px; 
    color: #888;
}

#sidebar .box.box-news .list .item .thumb+.text .date
{
    font-size: 0.85em;
    /*font-weight: 300;*/
    color: #999;
}

#sidebar .box.box-news .list .item .thumb+.text .title
{
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    color: #363333;
    margin: 0;
    transition: color 0.2s ease-in-out;
}

#sidebar .box.box-news .list .item:hover .thumb+.text .title
{
    color: #E81919;
}

#sidebar .box .header.color-red
{
    color: #E81919;
}

#sidebar .box .body p
{
    margin-top: 0;
}

/*-------------------------

LOGO SLIDER 

-------------------------*/

.logo-slider .item
{
    height: 155px;
}

.logo-slider .item .logo
{
    display: block;
    height: 100%;
    padding: 10px 0;
    transition: all 0.2s ease-in-out;
}

.logo-slider .item .logo > .img
{
    margin: 0 35px 0 35px;
    display: flex;
    height: 100%;
    position: relative;
}

.logo-slider .item .logo > .img .img-src
{
    margin: auto;
    max-height: 100%;
}

.logo-slider .item:hover .logo
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.flex
{
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-flow: justify-content;
    -webkit-flex-flow: justify-content;
    -ms-flex-align: center;
    -moz-flex-flex-flow: justify-content;
}

/*-------------------------

TEASER SLIDER 

-------------------------*/

.img-teaser
{
    margin-right: 15px;
    /*border: solid 1px #d6d4d4;*/
    background: #F8F8F8;
}

.img-teaser.img-slider
{
    
}

.swap-slider > .radio-1:checked~.nav > .btn.button-1, 
.swap-slider > .radio-2:checked~.nav > .btn.button-2, 
.swap-slider > .radio-3:checked~.nav > .btn.button-3, 
.swap-slider > .radio-4:checked~.nav > .btn.button-4, 
.swap-slider > .radio-5:checked~.nav > .btn.button-5, 
.swap-slider > .radio-6:checked~.nav > .btn.button-6 
{
    background: #E81919;
}

.img-teaser.img-slider .img
{
    position: relative;
}

.img-teaser.img-slider .img .img-description
{
    left: 15px;
    padding: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.5em;
    font-weight: 500;
    bottom: 50px;
    max-width: 65%;
    color: #E81919;
    background-color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    text-shadow: 1px 1px #fff;
    width: auto;
}


.img-teaser.img-slider .img .img-description,
.img-teaser.img-teaser-small .img-description
{
    
    transition: all 0.2s ease-in-out;
    position: absolute;    
    overflow: hidden;
}

.img-teaser.img-slider .img .img-description:after,
.img-teaser.img-teaser-small .img-description:after
{
    font-family: "fontello";
    content: '\e8a8';
    content: '\e8ae';
    display: block;
    background: #fff;
    left: -20px;
    top: 18px;
    position: absolute;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    transition: left 0.3s ease-in-out;
}

.img-teaser.img-slider .img:hover .img-description:after,
.img-teaser.img-teaser-small:hover .img-description:after
{
    left: 5px;
}

.img-teaser.img-slider .img:hover .img-description,
.img-teaser.img-teaser-small:hover .img-description
{
  background: #fff;
  color: #E81919;
  padding-left: 30px;
  max-width: calc(65% + 30px);
}

.img-teaser.img-teaser-small
{
    position: relative;
}

.img-teaser.img-teaser-small .img-description
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.7em;
    color: #2a2727;
    bottom: 8px;
    background: rgba(255,255,255, 0.9);
    padding: 10px;
    position: absolute;
    font-weight: 500;
}

/*-------------------------

MELDUNGEN

-------------------------*/

.error, 
.info, 
.notice
{
    border: 1px solid #d6d4d4;
    padding: 15px 5px;
    padding-left: 55px;
    margin: 15px 5px;
    border-radius: 5px;
    border-width: 1px;
    position: relative;
    color: #000;
    line-height: 1.2em;
}

.error:before, 
.info:before, 
.notice:before
{
    font-family: "fontello";
    display: block;
    font-size: 25px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
    min-width: 42px;
    text-align: center;
}

.info
{
    background-color: #D8ECF5;
    border-color: #AED7EA;
}

.info:before 
{
    content: '\e83b';
    color: #5694B1;
    background: #AED7EA;
}

.error
{
    background-color: #F9E5E6;
    border-color: #FAD2D3;  
}

.error:before
{
    content: '\e82f';
    color: #F02932;
    background: #FAD2D3;
}

/* TOGGLE */

.swap-toggle > .nav > .btn
{
    background: #f8f8f8;
    border: solid 1px #eee;

}

.swap-toggle > .nav > .btn::after
{
    color: #E81919;
}

.swap-toggle+.swap-toggle
{
    margin-top: 5px;    
}

.swap-toggle .content
{
    border: solid 1px #d6d4d4;
    box-sizing: border-box;
}

.swap-toggle > .checkbox:checked ~ .content
{
    padding: 25px;    
}

.box.box-faq-edit
{
    border: solid 1px #d6d4d4;
    padding: 15px;
}

.start .swap-slider.swap-horizontal > .mask > .list
{
    -webkit-transition: left 2s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: left 2s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: left 2s cubic-bezier(0.5, 0, 0.5, 1);
    transition: left 2s cubic-bezier(0.5, 0, 0.5, 1);
}

/* 

BEITRAGSORDNUNG 

*/

.member_statute table
{
    display: table;
    border-collapse: collapse;
    border: 0;
    width: 100%;
}

.member_statute table tbody 
{
    display: table-row-group;
    vertical-align: middle;
    border: 0;
}

.member_statute table tr
{
    border-bottom: solid 1px #d6d4d4;
    display: table-row;
    vertical-align: inherit;
}

.member_statute table tr > td
{
    display: table-cell;
    vertical-align: inherit;
    padding: 5px;
}

.member_statute table tr:first-child
{
    background: #f1f0f0;
    border-collapse: collapse;
    color: #000;
}

.member_statute table tr:first-child > td
{
    padding: 10px 5px;
}

.member_statute table tr:nth-child(2n+2)
{
    background: #F8F8F8;
}

.rotate-right
{
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);

}

.rotate-left
{
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}

.info-icon 
{
    /*font-size: 1.05em;*/
    padding-left: 30px;
    position: relative;
    line-height: 1.5em;
}

.info-icon:before
{
    color: #E81919;
    position: absolute;
    left: 0;
    top: 3px;
}

.info-icon:before:hover
{
    cursor: help;
}

.swap-slider.swap-img-slider > .nav
{
    bottom: 15px;
    z-index: 100;
    text-align: left;
    left: 15px;
    display: block;
    position: absolute;
    z-index: 100;
    text-align: left;
    width: auto;
    float: none;
}

.swap-slider > .nav > .btn
{
    background: #fff;
}

.breadcrumb
{
    font-family: 'Roboto Condensed', sans-serif;
    
}

.breadcrumb img
{
    opacity: 0.6;
}

/* ZOOM IMG */

.img-zoom
{
    position: relative;    
}

.img-zoom:after
{
    font-family: "fontello";
    content: '\e833';
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: #fff;
    opacity: 1;
    font-size: 2em;
    left: 50%;
    background: rgba(0,0,0,0.3);
    padding: 15px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    box-sizing: content-box;  
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.img-zoom:hover:after
{
    opacity: 1;
}

.img-zoom.zoomed:after
{
    opacity: 0;
}

.news #clLB > .bg > .content
{
    max-width: 1024px;
}

.zoomer
{
    cursor: zoom-in;    
}

.admin_mail2member .user_list
{
    margin: 10px 0;
}

.admin_mail2member .email_check_wrapper
{
    border: 1px solid #ccc;
    margin-bottom: 35px;
    
}

.admin_mail2member .email_check_wrapper > .head
{
    background: #edecec;
    border-bottom: solid 1px #d6d4d4;
    padding: 10px 15px;
}

.admin_mail2member .email_check_wrapper > .body
{
    padding: 10px 15px;
}

.admin_mail2member .btn.btn-icon
{
    background: none;
    border: none;
    font-size: 1.2rem;
    font-weight: lighter;
    color: #000;
    font-family: inherit;
    line-height: 1rem;    
}

.admin_mail2member .btn.btn-icon:hover
{
    text-shadow: 0px 0px #000;
}

.user_login #section
{
    min-height: 420px;
}

/*lightbox*/

.clLB iframe
{
    width: 100%;
    height: 500px;
}


/*-------------------------

MEDIA QUERIES

-------------------------*/

@media (max-width:1100px) 
{
    #menu-root #menu
    {
        position: relative;
        padding-top: 54px;
        float: none;
        z-index: 1;
        display: block;
    }
    
    #menu-root #menu > div
    {
        background-color: white;
        display: none;
    }
    
    #menu-root #menu .menu-element-link
    {
        display: block;
        margin: 0;
        padding: 15px;
        width: auto;
        font-size: 1.2em;
    }
    
    #menu-root #menu .menu-element-link:last-of-type 
    {
        background: #fff;
        border-color: #f4f4f4;
        border-bottom: solid 1px #f4f4f4;
    }
    
    #menu-root #menu button
    {
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
        user-select: none; 
        background: url("/file/img/layout/menu_mobile.svg") no-repeat left top transparent;
        background-size: 100% 100%;
        cursor: pointer;
        display: block;
        height: 54px;
        position: absolute;
        right: 6px;
        top: 0px;
        width: 54px;
        border: none;
    }
    
    .no-svg #menu-root #menu button
    {
        background-image: url("/file/img/layout/menu_mobile.png");
    }
    
    #menu-root #menu.open button
    {
        opacity: 0.6;   
    }
    
    #menu-root #menu.open div
    {
        display: block !important;
    }
    
    #menu-root #menu.open > div
    {
        position: absolute;
        z-index: 1;
        width: 100%;
    }
    
    #menu-root #menu.open > div:after
    {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 100%;
        background: rgba(0,0,0,0.2);
          box-shadow: inset 0 5px 15px -5px rgba(0,0,0,0.5);
    }
    
    #menu-root #menu.open #menu-start
    {
        margin-left: 0px;
    }
    
    #menu-root #menu.open .menu-element-link:before, 
    #menu-root #menu.open .menu-element-link:after, 
    #menu-root #menu.open #menu-news > a:after
    {
        display: none;
    }
    
    #menu-root #menu.open #menu-user_registration
    {
        background: #e52421;
        background: -moz-linear-gradient(50% 0% -90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
        background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,121,120)),color-stop(0.51, #f73f3f),color-stop(0.96, rgb(230,44,47)),color-stop(0.98, rgb(229,43,46)));
        background: -webkit-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
        background: -o-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
        background: -ms-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
        background: linear-gradient(180deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    }
    
    #menu-root #menu.open #menu-user_registration > a
    {
        /*color: #FFF;*/ 
    }
    
    #menu-root #menu.open #menu-user_registration > a.focus,    
    #menu-root #menu.open #menu-user_registration:hover > a
    {
        color: inherit;
    }
    
    .list.list-article-overview .img-wrap,
    .list.list-article-overview .img-wrap+.text
    {
        max-width: inherit;
    }
    
    #menu-root #menu .menu-element:first-child {
        margin-left: inherit;
    }

    #menu-root #menu .menu-element:last-child
    {
        margin-right: inherit;
        border-bottom: 1px solid #ccc;
    }
    
    #menu-root #menu .menu-element-link:before, 
    #menu-root #menu .menu-element-link:after, 
    #menu-root #menu .menu-element:last-child > a:after
    {
        width: 0px;
    }
    
    #section > .grid-wrapper,
    #footer > .grid-wrapper
    {
        padding-left: 1em;
        padding-right: 1em;
    }
}


@media only screen and (max-width:1000px){

    
    .menu-login-wrap,
    .seach-wrap
    {
        margin-bottom: 5px;
        text-align: center;
    }
    
    .menu-login-wrap
    {
        margin-bottom: 10px;
    }
    
    .start #section
    {
        margin-top: 15px;
    }
    
    .box.box-category
    {
        margin-right: 0px;
    }

}


@media (max-width:800px) 
{
    .list.list-member .item .address ,
    .list.list-member .item .category 
    {
        font-size: 0.9em;
    }
    
    .mA0-at-800
    {
        margin: 0px !important;
    }
    
    .mA1-at-800
    {
        margin: 5px !important;
    }
    
    .mT2-at-800
    {
        margin-top: 10px !important;
    }
    
    .mT3-at-800
    {
        margin-top: 15px !important;
    }
    
    #menu-root
    {
        border-radius: 0;    
    }
    
    .map
    {
        height: 300px;
        min-height: inherit;
    }
    
    #menu-root #menu.open .menu-element#menu-search
    {
        display: block !important;
    }
    
    .img-teaser
    {
        margin-right: 0;
    }
    
    .img-teaser.img-slider .img .img-description
    {
        font-size: 1.5em;
        left: 0px;
        bottom: 0px;
        width: 100%;
        max-width: 100%;
    }
    
    .swap-slider.swap-img-slider > .nav
    {
        bottom: inherit;
        display: block;
        float: none;
        left: 15px;
        position: absolute;
        text-align: left;
        top: 15px;
        width: auto;
        z-index: 100;
    }
    
    .img-teaser.img-slider .img .img-description::after, 
    .img-teaser.img-teaser-small .img-description::after
    {
        top: 10px;
    }
    
    #footer .link
    {
        padding: 5px;
        margin: 5px;
        display: block;
    }
    
    .news .article-wrapper,
    .event .article-wrapper
    {
        padding: 10px;
    }
    
    .box > .header.header-grey .more
    {
        display: none;
    }
    
    .list.list-item-2 > .item
    {
        max-width: 100%;
          margin-bottom: 1em;
    }
    
    #footer .footer-box > .top
    {
        background: rgb(237,236,236);
        background: -moz-linear-gradient(left,  rgba(237,236,236,1) 0%, rgba(225,223,223,1) 20%, rgba(225,223,223,1) 80%, rgba(237,236,236,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,236,236,1)), color-stop(20%,rgba(225,223,223,1)), color-stop(80%,rgba(225,223,223,1)), color-stop(100%,rgba(237,236,236,1)));
        background: -webkit-linear-gradient(left,  rgba(237,236,236,1) 0%,rgba(225,223,223,1) 20%,rgba(225,223,223,1) 80%,rgba(237,236,236,1) 100%);
        background: -o-linear-gradient(left,  rgba(237,236,236,1) 0%,rgba(225,223,223,1) 20%,rgba(225,223,223,1) 80%,rgba(237,236,236,1) 100%);
        background: -ms-linear-gradient(left,  rgba(237,236,236,1) 0%,rgba(225,223,223,1) 20%,rgba(225,223,223,1) 80%,rgba(237,236,236,1) 100%);
        background: linear-gradient(to right,  rgba(237,236,236,1) 0%,rgba(225,223,223,1) 20%,rgba(225,223,223,1) 80%,rgba(237,236,236,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edecec', endColorstr='#edecec',GradientType=1 );

        line-height: 2em;
    }  
    
    .list.list-article-overview .item:after
    {
        content: "";
        display: block;
        width: 68%;
        height: 1px;
        background: #EEE;
        margin: 25px auto;
    }
    
    .flex-wrapper 
    {
    	display:-ms-flex;
    	display:-webkit-flex;
    	display:flex;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    
    .flex-wrapper > *
    {
        -ms-flex: 1 100%;
        -webkit-flex: 1 100%;
    	flex: 1 100%;
        -ms-order:100;
        -webkit-order:100;
    	order:100;
    }
    
    .flex-wrapper > .flex-at-800-first
    {
    	-ms-order:1;
    	-webkit-order:1;
    	order:1;
    }
}

@media (max-width:600px)
{  
    .user_profile .banner-wrapper
    {
        min-height: inherit;    
    }
    
    .img-zoom:after
    {
        content: none;    
    }
    
    .h1
    {
        font-size: 1.5em;    
    }

    .h2
    {
        font-size: 1.25em;    
    }
    
    iframe
    {
        max-height: 180px;   
    }
    
    .user_profile .box.box-article-detail
    {
        padding: 0;
        padding-bottom: 5px;
        border: 0;
    }
    
    .news .imgContainer, .event .imgContainer
    {
        min-height: inherit;    
    }
    
    #sidebar .box.box-news .list .item
    {
          text-align: center;
    }
    
    #sidebar .box.box-news .list .item .thumb+.text 
    {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1.5em;
    }

    .swap-toggle > .checkbox:checked ~ .content
    {
          padding: 10px;
    }
    
    .user_profile .banner-wrapper .banner-logo
    {
        background: transparent;
        border-radius: 8px;
        box-shadow: inherit;
        box-sizing: border-box;
        display: block;
        height: inherit;
        left: inherit;
        padding: 15px;
        position: inherit;
        vertical-align: middle;
        width: 100%;
        bottom: inherit;
    }
    
    .profile-navi .link 
    {
        display: inline-block;
        padding: 5px 15px;
        margin-bottom: 5px;
        width: 100%;
        box-sizing: border-box;
    }
    
    .user_profile .banner-wrapper .banner-logo > img 
    {
        position: inherit;
        top: inherit;
        transform: inherit;
        -webkit-transform: inherit;
        left: inherit;
        margin: auto;
    }
    
    .user_profile .banner-wrapper .banner-logo+.banner-text
    {
          padding: 5px;
    }
    
    .swap-slider > .mask > .list > .item > .img
    {
        padding-bottom: 75px;
    }
    
    .m-hidden
    {
        display: none !important;
    }

    .img
    {
        display: block;
    }
    
    .img.fR,
    .img.fL
    {
        float: none !important;
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .img > img
    {
        display: block;
        margin: auto;
    }
        
    .article-section
    {
        width: 100%;
        max-width: 100% !important;
    }
    
    .rating
    {
        display: block;
        text-align: center;
    }
    
    .box > .header .more
    {
        position: inherit;
    }
    
    #home
    {
        margin: 15px 0 10px 0px;
        margin-bottom: 0;
    }
    
    .map
    {
        height: 200px;
    }
    
    .user_profile .banner-wrapper .banner-img
    {
        display: none;
    }
    
    .event .box.box-article-detail
    {
        width: 100%;
        float: none;
    }
    
    .clForm .element > button
    {
        width: 100%;
    }
    
    #menu-root #menu.open .menu-element#menu-user_registration
    {
        display: block !important;
    }
    
    .user_profile .profile-navi
    {
        display: none;
    }
    
    .user_profile .box.box-primary
    {
        box-shadow: none;
    }
    
    .user_profile .box .header.header-grey,
    .user_profile .box.box-grey .body
    {
       border-left: 0;
       border-right: 0;
       border-radius: 0;
    }
    
    .user_profile .box.box-grey .body
    {
        border-bottom: 0;
    }
    
    .user_profile .offer-wrapper,
    .user_profile .offer-wrapper .offer-price-new,
    .user_profile .offer-wrapper .offer-price-old
    {
        float: inherit;
        text-align: left;
    }
    
    .user_profile .offer-wrapper .offer-price-old:before
    {
        content: "Statt: ";
    }
    
    .user_profile .offer-wrapper .offer-price-new:before
    {
        content: "Jetzt: ";
    }
    
    #menu-root
    {
        border-top: 0;
    }
}