/************************************************************************/
/*********      G E N E R E L L E   D E F I N I T I O N E N      ********/
/************************************************************************/

/* GOOGLE FONTS:

    Roboto
    -------
    Light 300
    Normal 400
    Normal 400 Italic
    Medium 500
    Bold 700

    Roboto Slab
    ------------
    Bold 700

    Roboto Condensed
    -----------------
    Normal 400
    Bold 700
*/

/* ################## -> siehe auch Inline-Styles ################## */

@font-face {
    font-family:'FontAwesome';
    src:url('fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.1');
    src:url('fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),
        url('fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),
        url('fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.1') format('woff'),
        url('fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),
        url('fonts/FontAwesome/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}

a {
    color: #006fa7;
    text-decoration: none;
}
b {
    font-weight: 700;
}
i {
    font-weight: 400;
    font-style: italic;
}

strong a {
    font-weight: 700;
}
a:hover {
    text-decoration:underline;
}

/* ################## -> siehe auch Inline-Styles ################## */

a img, p a img {
    border:none;
}

input[placeholder], textarea[placeholder],[placeholder], *[placeholder] {
    color: #333;
    opacity: 1 !important;
}

/* Blaettern */
.blaettern_step {
    display: inline-block;
    text-align: center;
    padding: 0px 3px;
    margin: 0px 6px;
    border: 1px solid #006fa7;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 2px #ccc;
    min-width: 20px;
}
.this_step {
    background-color: #006fa7;
    color: white;
}

/*********        G L O B A L E  L A Y O U T B O X E N         **********/
@media only screen and (min-width:768px) {
    #container .start {
        background: url(images/bgbild_start_1600.jpg) 0px 0px / contain no-repeat;
    }
    #container .allgemein {
        background: url(images/bgbild_allgemein.jpg) 0px 0px / contain no-repeat;
    }
    #container .buecher {
        background: url(images/bgbild_buecher1.jpg) 0px 0px / contain no-repeat;
    }
    #container .kostenrechner {
        background: url(images/bgbild_kostenrechner.jpg) 0px 0px / contain no-repeat;
    }
    #container .anwalt_suchseiten {
        background: url(images/bgbild_anwalt_suchseiten.jpg) 0px 0px / contain no-repeat;
    }
    #container .tischblock {
        background: url(images/bgbild_tischblock.jpg) 0px 0px / contain no-repeat;
    }
    #container .stadionstuehle {
        background: url(images/bgbild_teilnahme.jpg) 0px 0px / contain no-repeat;
    }
    #container .generator {
        background: url(images/bgbild_impr_gen.jpg) 0px 0px / contain no-repeat;
    }
}

#footer {
    height:350px;
    clear:both;
    padding:0;
    text-align:left;
    margin:0 0 0 0px;
    background:#9c9c9d;
}

/************************************************************************/
/*********     E I N Z E L N E    L A Y O U T B O X E N        **********/
/************************************************************************/


#logo img {
    width:424px;
    height:auto;}

.small #logo 		{margin:10px 0 0 31px;}
.small #logo img	{width:320px; height:62px;}

#logo-print {display:none;}

#content .link-teilnahme a,
.link-teilnahme a {
    width:220px;
    height:140px;
    position:fixed;
    right:0;
    bottom:50px;
    background: linear-gradient(to bottom,rgba(140,216,60,0.95) 0%,rgba(79,140,20,0.95) 100%);
    box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.4);
    z-index:3;
    border-radius: 20px 0 0 20px;
    font: 400 22px/32px 'Roboto Condensed',Arial,sans-serif;
    color:#fff;
    text-align:right;
    opacity: 0.92;
    filter: opacity(92);
    clear:both;
}

.link-teilnahme a span {
    display:block;
    margin:20px 19px 0 0;
    background:url(images/pfeil_link_teilnahme.png) 20px 28px no-repeat;
}
#content .link-teilnahme a:hover,
.link-teilnahme a:hover {
    text-decoration:none;
    right: 0px;
}


.ortsbeschreibung {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.ortsbeschreibung-overlay {
    position: absolute; 
    top: 210px; 
    left: 0px; 
    height: 40px; 
    width: 100%; 
    background-image: linear-gradient(to bottom , rgba(255,255,255,0), rgba(255,255,255,1));
}
.ortsbeschreibung-opener {
    display: flex;
    justify-content: flex-start;
}
.ortsbeschreibung-opener div {
    cursor: pointer;
    color: #808080;
    text-decoration: underline;
}
.ortsbeschreibung, .ortsbeschreibung p {
    font-size: 17px; 
    line-height: 18px;
    color: #808080;
}

.ortsbeschreibung .inline-img-right {
    padding: 0 0 0 10px;
}
.ortsbeschreibung img {
    width: 100%;
}
.ortsbeschreibung-img-credit {
    font-size: 10px; 
    line-height: 10px;
}


@media only screen and (min-width:768px) {
    .breadcrumb 		{padding:20px 20px 38px 0; font:15px/28px 'Roboto',Arial,sans-serif;}
    .breadcrumb ol,
    .breadcrumb li		{padding:0;margin:0 0 0 -4px;}
    .breadcrumb a 		{padding:2px 5px 3px 4px; color: #828282; background:#ebebeb;}
    .breadcrumb a.act	{color: #333;background:#fff;}
    .pfeil-breadcrumb 	{background:url(images/pfeil_breadcrumb.png) 0 center no-repeat;padding:2px 15px 3px 0px;}
    .pfeil-breadcrumb-re{background:url(images/pfeil_breadcrumb_re.png) 0 center no-repeat;padding:2px 15px 3px 0px;}
    .left-breadcrumb	{background:#ebebeb; margin-left:-5px; padding:2px 5px 3px 0px;}
}

div.totop {
    position:fixed;
    cursor: pointer;
    width:70px;
    height:50px;
    background:#fff;
    border-radius:			15px 15px 0px 0px ;
    opacity: 0.90;
    filter: opacity(90);
    z-index:11;
    display:block;
    bottom:0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow:			0 0 9px 0 rgba(50,50,50,0.30);
    -webkit-box-shadow:	0 0 9px 0 rgba(50,50,50,0.30);
}

div.totop span {
    display:block;
    width:30px;
    height:30px;
    margin:20px 0 0 22px;
    background:url(images/pfeil_nach_oben.png) no-repeat 0px 0px; /* IE < 9 */
    background:url(images/pfeil_nach_oben.svg) no-repeat 0px 0px, none; /* alle anderen */
}

div.totop:hover {
    opacity: 1;
    filter: opacity(100);
}

/*******************************************************/
/********************* F O O T E R *********************/
/*******************************************************/
.footer-wrapper {float:right;}

.footer-box {
    float:left;
    color:#fff;
    font:300 18px/22px 'Roboto',Arial,sans-serif;
    padding:48px 0 0 0;
}
.footer-box.box-links {
    float:none;
    position:absolute;
    width:270px;
    margin:4px 0 0 0px;
    padding-left:30px;
}

.footer-box.box-1 {width:285px; margin:0 30px 0 0;}
.footer-box.box-2 {width:240px; margin:0 30px 0 0;}
.footer-box.box-3 {width:158px; margin:0 70px 0 0;}


.ft-text {
    margin:118px 0 16px 1px;
    padding:0;
    font:300 16px/19px 'Roboto', Arial, sans-serif;
}

.footer-box ul 		{margin:0 0 5px 0;list-style:none;}
.footer-box ul li	{margin-bottom:15px;}

.footer-box a {
    background: url(images/pfeil_link_footer.png) no-repeat 10px 8px; /* IE < 9 */
    background: url(images/pfeil_link_footer.svg) no-repeat 10px 8px, none; /* alle anderen */
    display:block;
    color: #fff;
    padding:4px 4px 4px 27px;
}
.footer-box a:hover {
    text-decoration:none;
    background-color:#b0b0b1;
}

/*******************************************************/
/*** N A V I G A T I O N    E B E N E   1 **************/
/*******************************************************/

.small #navigation {margin:27px 0 0 0;}

#navigation a.act, #navigation div.act,
#navigation a.act:hover {
    cursor:pointer;
    border-bottom:4px solid #006fa7; /*blau*/
}

#navigation a:hover {
    cursor:pointer;
    border-bottom:4px solid #91c858; /*gruen*/
}
#navigation a.teilnehmerwerden,
#navigation a.teilnehmerwerden:hover {
    border: none;
}
/*******************************************************/
/***************** C O N T E N T   *********************/
/*******************************************************/

/* BUTTONS */

a.button-blau,
#content a.button-blau,
.button-blau,
#content .button-blau {
    display:inline-block;
    font:500 22px/27px 'Roboto',Arial,sans-serif;
    color:#fff;
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:12px 0 13px 0;
    background:#006fa7 url(images/bg_button_blau.png) repeat-x 0 0;
    border-radius: 5px;
    position: relative;
    cursor:pointer;
}
.button-blau span {
    padding:0 30px 0 0;
    margin:0 17px 0 30px;
    background:	url(images/pfeil_button_blau.png) no-repeat right 5px; /* IE < 9 */
    background: url(images/pfeil_button_blau.svg) no-repeat right 5px, none; /* alle anderen */
    cursor:pointer;
    display:block;
}

a.button-blau:hover,
#content a.button-blau:hover,
.button-blau:hover,
#content .button-blau:hover {
    text-decoration:none;
    background-position:0 -150px;
    background-color:#00689c;
}
.button-blau.no-arrow span {
    background: none;
    margin: 0 38px;
    padding: 0;
}
a.button-blau.zurueck,
#content a.button-blau.zurueck,
.button-blau.zurueck,
#content .button-blau.zurueck {
    margin:0 20px 20px 0;
}
.button-blau.zurueck span {
    padding:0 0px 0 30px;
    margin:0 30px 0 17px;
    background:	url(images/pfeil_button_blau_zurueck.png) no-repeat 0 5px; /* IE < 9 */
    background: url(images/pfeil_button_blau_zurueck.svg) no-repeat 0 5px, none; /* alle anderen */
}
a.button-blau.inactive,
#content a.button-blau.inactive,
.button-blau.inactive,
#content .button-blau.inactive {
    color:#fff;
    background:#006fa7 url(images/bg_button_blau.png) repeat-x 0 0;
    cursor:unset;
    opacity:0.5;
    filter: opacity(50);
}
.button-blau.inactive span {
    cursor:default;
}

/* BUTTON OUTLINE */
a.button-outline,
#content a.button-outline,
.button-outline,
#content .button-outline {
    display:inline-block;
    font:500 22px/27px 'Roboto',Arial,sans-serif;
    color:#fff;
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:10px 0 11px 0;
    border-radius: 5px;
    position: relative;
    cursor:pointer;
    border:2px solid #59a2c6;
    text-align: center;
    color:#006fa7;
}

.button-outline span {
    padding:0 30px 0 0;
    margin:0 15px 0 28px;
    background:	url(images/pfeil_button_outline.png) no-repeat right 5px; /* IE < 9 */
    background: url(images/pfeil_button_outline.svg) no-repeat right 5px, none; /* alle anderen */
    cursor:pointer;
    display:block;
}

.button-outline.mehr span,
.button-outline.weniger span {
    padding:0 32px 0 0;
    margin:0 13px 0 28px;
    background:	url(images/pfeil_profil_kontakt.png) no-repeat right 8px;
}
.button-outline.weniger span {
    background-position: right -143px;
}
.button-outline.weniger {background:#eff6fa;}

a.button-outline:hover,
#content a.button-outline:hover,
.button-outline:hover,
#content .button-outline:hover {background:#eff6fa;}

/* BUTTON BLAU SMALL*/
a.button-blau-small,
#content a.button-blau-small,
.button-blau-small,
.button-gruen-small,
#content .button-blau-small  {
    display:inline-block;
    font:500 18px/22px 'Roboto',Arial,sans-serif;
    color:#fff;
    text-align:center;
    margin:10px 0px 20px 0px;
    padding:6px 20px 7px 20px;
    background: linear-gradient(to bottom,rgba(147,193,220,1) 0,rgba(1,111,167,1) 100%);
    border-radius: 5px;
    position: relative;
    cursor:pointer;
}
.button-gruen-small {
    background: linear-gradient(to bottom,rgb(117, 225, 0) 0%,rgb(79, 168, 0) 100%);
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    display: block;
}
a.button-blau-small:hover,
#content a.button-blau-small:hover,
.button-blau-small:hover,
#content .button-blau-small:hover {
    text-decoration:none;
}
a.button-blau-small.down span,
#content a.button-blau-small.down span,
.button-blau-small.down span,
#content .button-blau-small.down span {
    padding:0 30px 0 0;
    background:	url(images/pfeil_down_up_weiss.png) no-repeat right 5px;
}


/* BUTTON OUTLINE SMALL */
a.button-outline-small,
#content a.button-outline-small,
.button-outline-small,
#content .button-outline-small  {
    display:inline-block;
    font:500 18px/23px 'Roboto',Arial,sans-serif;
    text-align:center;
    padding:7px 0 8px 0;
    margin:10px 0 10px 0;
    border-radius: 5px;
    position: relative;
    cursor:pointer;
    border:2px solid #59a2c6;
    text-align: center;
    color:#006fa7;
}
.button-outline-small span {
    padding:0 30px 0 0;
    margin:0 15px 0 28px;
    background:	url(images/pfeil_button_outline.png) no-repeat right 3px; /* IE < 9 */
    background: url(images/pfeil_button_outline.svg) no-repeat right 3px, none; /* alle anderen */
    cursor:pointer;
    display:block;
}
a.button-outline-small:hover,
#content a.button-outline-small:hover,
.button-outline-small:hover,
#content .button-outline-small:hover {background:#eff6fa;text-decoration:none;}


/* Button LINK PFEIL */
.link-pfeil {
    box-sizing:border-box;
    display: block;
    float: left;
    width: 49.2%;
    background:url(images/pfeil_link_re_blau.png) no-repeat 13px 10px; /* IE < 9 */
    background:url(images/pfeil_link_re_blau.svg) no-repeat 13px 10px, none; /* alle anderen */
    display:block;
    font: 700 18px/25px "Roboto",Arial,sans-serif;
    margin: 0 0.8% 3px 0;
    padding: 3px 0px 3px 30px;
    color:#006fa7;
    cursor:pointer;
}

.link-pfeil:hover {
    background-color:#dfeef5;
    text-decoration:none;
}

/* CONTENT ALLG */
.mehr-text,
.weniger-text {
    display: block;
    padding:1px 0 5px 40px;
    margin-bottom: 25px;
    color: #006fa7;
    cursor: pointer;
    background: url(images/mehr_weniger.png) no-repeat scroll 1px 0px;
}
.weniger-text {background-position:1px -90px;}

.mehr-text:hover,.weniger-text:hover {text-decoration:underline;}


.kategorie {
    margin:7px 0 10px 0;
    font:400 15px/18px 'Roboto',Arial,sans-serif;
}
.kategorie .lesedauer {
    display: inline;
}
.kategorie .sterne img {
    width: 23px;
    height: 23px;
    margin: 5px 2px -5px 0;
}
#content .kategorie a 		{font:400 15px/18px 'Roboto',Arial,sans-serif;}
#content .kategorie a:hover {text-decoration:underline; border:none;}

.zusatzinfo {
    font:18px/28px 'Roboto',Arial,sans-serif;
    margin:-17px 0 22px 0;
    color:#666;
}

.bild-exptipp {
    float:left;
    margin:6px 25px 15px 0;
    position:relative;
}
img.bild-exptipp {
    width:280px;
    height:auto;
}

/* spezialfall, grosse mediamanager bilder  ANFANG */
.media-280 .bild-exptipp{
    width: 280px;
}
.media-800 .bild-exptipp{
    width: 100%;
    max-width: 100%;
    margin: 6px 25px 3px 0;
}
.media-800 .caption-exptipp {
    float: none;
    width: 800px;
}
/* spezialfall, grosse mediamanager bilder  ENDE */

.anwalt span.bild-exptipp  { /* runde aeuessere Box */
    float:left;
    margin:6px 25px 15px 0px;
    width:155px;
    height:155px;
    border-radius: 			155px;
    overflow:hidden;
}
.anwalt span.bild-exptipp img {width:155px;height:auto;margin-top:-13px;}

.caption-exptipp {
    display:block;
    clear:left;
    float:left;
    margin:-12px 25px 10px 0;
    width:280px;
    color:#999;
    font: 300 15px/18px 'Roboto',Arial,sans-serif;
}


/* BUTTONS SOCIAL MEDIA EXPERTENTIPPS */

.ft-socialmedia {margin:40px 0 20px 0;}

.bewertung {
    padding:25px 30px 20px 30px ;
    background:#f0f0f0;
    margin:0;
}
.bewertung img {width:23px;height:23px;margin:0 2px -5px 0;}

img#sterne1,img#sterne2,img#sterne3,img#sterne4,img#sterne5 {
    margin: 0 2px -5px 0;
    cursor:pointer;
}

/* sterne bei teilnehmer single ANFANG */
.sX {
    width: 211px;
    height: 18px;
    display: inline-block;
    font-style: italic;
    font-size: 16px;
    line-height: 1.2;
    color: #ccc;
    text-align: right;
    background: url(images/sterne-5.png) 0px 0px / contain no-repeat;
}
.sX.s5 {
    background-image: url(images/sterne-5.png);
}
.sX.s4 {
    background-image: url(images/sterne-4.png);
}
.sX.s3 {
    background-image: url(images/sterne-3.png);
}
.sX.s2 {
    background-image: url(images/sterne-2.png);
}
.sX.s1 {
    background-image: url(images/sterne-1.png);
}
/* sterne bei teilnehmer single ENDE */

.socialtext {
    padding:0 0 14px 0;
    font-size: 16px;
    font-weight: 500;
}

.social-likes {padding:0 0 20px 0;}

#content .social-likes a,
.social-likes a,
.bt-plus {
    float:left;
    width:116px;
    color:#006fa7;
    height:38px;
    margin:0px 10px 15px 0px;
    padding:6px 10px 14px 0px;
    border-radius: 3px;
    box-sizing:border-box;
    font:400 17px/20px 'Roboto',Arial,sans-serif;
    text-align:center;
    display:block;
    background:#f0f0f0 url(images/bg_social_bt.png) repeat-x 0 0;
    border: 1px solid #bac4c9;
}
#content .social-likes a:hover,.social-likes a:hover {
    text-decoration:none;
    background-position:0 -100px;
    background-color:#f9f8f8;
}

.social-likes span 	{padding:2px 0 4px 35px; display:block;}

.bt-fb span 		{background:url(images/bt_fb.png) no-repeat 0 0px;}
.bt-tw span 		{background:url(images/bt_tw.png) no-repeat 0 0px;}
.bt-mail span		{background:url(images/bt_mail.png) no-repeat 0 0px;}
.bt-gplus span		{background:url(images/bt_gplus.png) no-repeat 0 0px;}
.bt-linkedin span	{background:url(images/bt_linkedin.png) no-repeat 0 0px;}
.bt-xing span		{background:url(images/bt_xing.png) no-repeat 0 0px;}
.bt-wa span 		{background:url(images/bt_wa.png) no-repeat 0 0px;}

.bt-plus {
    background:url(images/bt_plus.png) no-repeat center 0px;
    width:38px;
    margin-right:0px;
    cursor:pointer;
}
.bt-plus:hover {background-position:center -100px;background-color:#f9f8f8;}

.popup-plus {
    visibility:hidden;
    position:absolute;
    margin:28px 10px 0 -162px;
    padding:12px 0 0 0px;
    z-index:200;
    opacity:0;
    transition:			opacity 0.2s;
}
.popup-plus.visible {
    visibility:visible;
    opacity:1;
}

.popup-plus .popup-inner {
    margin:0px 0 0 0px;
    padding:20px 24px 5px 24px;
    background:#fff;
    border-radius: 5px;
    box-shadow:0 0 5px 0 #919191;
}

*+html .popup-plus .popup-inner {border:1px solid #ccc;}
.popup-plus .popup-inner {border:1px solid #ccc\9;}
:root .popup-plus .popup-inner {border:none\0/IE9; }


#content .social-likes .popup-plus a,
.social-likes .popup-plus a {
    float:none;
    margin:0px 0px 15px 0px;
}

@media only screen and (min-width:1380px) {

    /* NUR EXPERTENTIPPS */
    .ft-socialmedia .social-ET {
        float:none;
        width:81px;
        height:460px;
        position: fixed;
        top:50px;
        bottom:0;
        margin:208px 0 0 1230px;
        padding:7px 0 15px 0;
        z-index:3;
        overflow:hidden;
    }
    .ft-socialmedia .social-ET.unten {
        top:auto;
        margin-bottom:-40px;
        position:absolute;
    }

    #content .social-ET a,
    .social-ET a,
    .social-ET .bt-plus {
        width:64px;
        height:54px;
        margin:0px 0px 11px -10px;
        padding:0px;
        border:none;
        border-radius:0px 7px 7px 0px;
        box-sizing:border-box;
        box-shadow:			0px 0 6px -0px rgba(50, 50, 50, 0.35);
        background:#f0f0f0 url(images/bg_social_bt_gross.png) repeat-x 0 0;
        /*overflow:hidden;*/
        transition:			width 0.1s;
    }

    #content .social-ET.social-likes a:hover,.social-likes a:hover {
        background-position:0 0;
        width:72px;
    }

    #content .social-ET.social-likes span:hover,
    .social-ET.social-likes span:hover {
        background-position:8px 0;
        width:62px;
    }


    .social-ET span { /* Ausblenden des Textes */
        padding:0px 0 0px 0px;
        margin: 0 0 0 10px;
        width:54px;
        height:54px;
        display: block;
        overflow: hidden;
        text-indent: 200%;
        white-space: nowrap;
        box-shadow:			18px 0 12px -17px rgba(0, 49, 74, 0.1) inset;
        transition:			background-position 0.1s;
    }
    .social-ET .bt-fb span 		{background:url(images/bt_fb_gross.png) no-repeat 0 0px;}
    .social-ET .bt-tw span 		{background:url(images/bt_tw_gross.png) no-repeat 0 0px;}
    .social-ET .bt-mail span	{background:url(images/bt_mail_gross.png) no-repeat 0 0px;}
    .social-ET .bt-gplus span	{background:url(images/bt_gplus_gross.png) no-repeat 0 0px;}
    .social-ET .bt-linkedin span{background:url(images/bt_linkedin_gross.png) no-repeat 0 0px;}
    .social-ET .bt-xing span	{background:url(images/bt_xing_gross.png) no-repeat 0 0px;}


    .social-ET .bt-plus {
        background:url(images/bt_plus_gross.png) no-repeat 0 0;
        width:64px;
        cursor:pointer;
        transition:				none;
    }
    .social-ET .bt-plus:hover {background-position:0px -100px;}

    .social-ET .popup-plus {
        margin:54px 10px 0 0px;
        padding:11px 0 0 10px;
    }

    .social-ET .popup-plus .popup-inner {
        margin:0px 0 0 -10px;
        padding:0px 0px 0px 0px;
        background:none;
        border-radius: none;
        box-shadow:none;
    }

    #content .social-ET .popup-plus a,
    .social-ET.social-likes .popup-plus a {
        float:none;
        margin:0px 0px 7px 0px;
    }
}

.trennlinie {
    clear:both;
    height:0px;
    margin: 16px 0px;
    border-bottom: 1px solid #ccc;
    background-size:100%;
}

/* UEBERSICHT EXPERTENTIPPS */
.imagelink-exptipp {
    float: left;
    margin: 15px 20px 10px 15px;
    max-width: 250px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    box-shadow: 5px 6px 8px 2px #ccc;
    padding: 5px 5px;
}
.imagelink-exptipp img {
    display: block;
    margin: 0px auto 8px auto;
}
a.button-link, div.button-link {
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    font: 500 22px/27px 'Roboto',Arial,sans-serif;
    color: #fff;
    margin: 10px 10px 0px 0px;
    padding: 8px 8px 8px 8px;
    border-radius: 5px;
    background: linear-gradient(to bottom,rgba(247, 131, 69, 1) 0%,rgba(245, 80, 20, 1) 100%);
}
a.button-link.orange, div.button-link.orange {
    background: linear-gradient(to bottom,rgba(247, 131, 69, 1) 0%,rgba(245, 80, 20, 1) 100%);
}
a.button-link.red, div.button-link.red {
    background: linear-gradient(to bottom,rgba(243, 134, 134, 1) 0,rgba(221, 32, 32, 1) 100%);
}
a.button-link.blue, div.button-link.blue {
    background: linear-gradient(to bottom,rgba(147,193,220,1) 0,rgba(1,111,167,1) 100%);
}
a.button-link.green, div.button-link.green {
    background: linear-gradient(to bottom,rgba(140,216,60,0.95) 0%,rgba(79,140,20,0.95) 100%);
}
a.button-link.gray, div.button-link.gray {
    color: white;
    background: linear-gradient(to bottom,rgba(80,80,80,0.9) 0%,rgba(130,130,130,0.8) 100%);
}

.serie .serie-img {
    width: 100%;
}
.serie .serie-h1-wrapper {
    position: absolute;
    margin-top: -100px;
    width: 100%;
}
.serie .serie-h1-wrapper h1 {
    width: 80%;
    margin: auto;
    text-align: center;
    display: block;
    color: white;
    background-color: #222;
    letter-spacing: 2px;
    font-size: 32px;
}
@media only screen and (min-width:767px) {
    .serie .serie-h1-wrapper {
        margin-top: -200px;
    }
    .serie .serie-h1-wrapper h1 {
        letter-spacing: 4px;
        font-size: 60px;
    }
}
.menu-box-serie a.menu-box-serie img {
    width: 90%;
}
.menu-box-serie a.menu-box-serie div.wrapper {
    position: absolute;
    margin-top: -70px;
}
.menu-box-serie a.menu-box-serie div.wrapper div.inner {
    text-align: center;
    color: white;
    background-color: #222;
    padding: 3px 10px;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
}
.menu-box-serie {
}
.menu-box-serie .menu-box-artikel {
    margin: 10px 0px;
    border-bottom: 1px solid #ccc;
}
.menu-box-serie .menu-box-artikel a {
    font-weight: bold;
}
.menu-box-serie .menu-box-artikel .datum {
    font-style: italic;
}
.box-serie {
    margin-bottom: 25px;
}
.box-serienueberschrift {
    font: 400 1.6rem/127% 'Roboto Condensed',Arial,sans-serif;
}
.box-serienbild img {
    width: 85%;
}
@media only screen and (min-width:767px) {
    .box-serie {
        width: 50%;
        float: left;
        margin-bottom: 25px;
    }
    .box-serienbild {
         height: 200px;
    }
}

.box-serie h2 {
    text-transform: none;
    font-size: 1.4rem;
    margin: 0px;
}

.box-exptipp {
    clear:both;
    padding:0;
    margin-bottom:20px;
}
.redaktion-dyn .box-artikelbody{
    max-height: 320px;
    overflow: hidden;
}

.box-exptipp.arabic {
    direction: rtl;
    text-align: right;
}

.box-artikelinfo {
	font:400 15px/19px 'Roboto',Arial,sans-serif;
}
.box-artikelinfo .gelesen-hint {
    font-style: italic;
}

.box-exptipp .box-artikelhead {
    font: 400 18px/28px "Roboto",Arial,sans-serif;
    color:#006fa7;
    margin:0 0 9px 0;
    padding-bottom:0;
    word-wrap: break-word;
    /*word-break: break-all;*/
}
.box-exptipp .box-artikelhead a {
    color: #006fa7;
    font: 400 1.6rem/127% 'Roboto Condensed',Arial,sans-serif;
}
.redaktion-dyn .dyn-text {
    margin: 0px;
}
.redaktion-dyn .box-artikelbild {
    width: 300px;
    float: right;
}

.redaktion .box-artikelbild img {
    float:left;
    margin:3px 15px 20px 0;
    width:175px;
    height:auto;
}

.anwalt .box-artikelbild span { /* runde aeuessere Box */
    float:right;
    margin:3px 0 20px 15px;
    width:100px;
    height:100px;
    border-radius: 			100px;
    overflow:hidden;
}
.anwalt .box-artikelbild img {width:100px;height:auto;margin-top:-10px;}


.box-artikelbild .caption-exptipp {
    margin:-10px 15px 10px 0;
    width:175px;
    font: 400 12px/16px 'Roboto',Arial,sans-serif;
}

.box-artikeltext p	{
    margin-bottom: 2px;
}
.box-artikeltext .podcast-hint {
    padding: 0px 5px;
    color: white;
    background-color: #888;
    white-space: nowrap;
}
.box-artikelbody {
    
}
.box-artikelbody .sterne img {width:23px;height:23px;margin: 0 2px -5px 0;}
.box-artikelbody .sterne {
    font:13px/17px 'Roboto',Arial,sans-serif;
    color: #666666;
    margin: 0 0px 7px 0;
}

.artikelbody {
    hyphens: auto;
}
.artikelbody section {
    margin-bottom: 20px;
}

.artikelbody a, .rechtsinfo a {
    font-weight: 700;
}
.artikelbody h2 {
    margin-top: -160px !important;
    padding-top: 160px !important;
}

.artikelbody .table {
    display: table;
    border-spacing: 5px;
}
.artikelbody .table .row {
    display: table-row;
}
.artikelbody .table .cell {
    display: table-cell;
}

.artikelBild {
    padding: 20px;
    float: left;
}
#content .artikelbody .artikelindex {
    background-color: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
}
#content .artikelbody .artikelindex ul {
    margin: 0px;
}
#content .artikelbody .artikelindex li {
    list-style: square;
    background: none;
    margin: 5px 0px 5px 30px;
    padding: 0 0 0 10px;
    color: #006fa7;
}

#content .artikelbody div.artikelbody-highlight-orange,
#content .artikelbody div.artikelbody-highlight-red, 
#content .artikelbody div.artikelbody-highlight-green,
#content .artikelbody div.artikelbody-highlight-blue {
    padding: 10px 20px;
    /*border-radius: 10px;
    box-shadow: 0px 0px 2px 2px #ccc;*/
}

#content .artikelbody div.artikelbody-highlight-orange {
    /*background: linear-gradient(to bottom,rgba(247, 131, 69, 0.9) 0%,rgba(245, 80, 20, 1) 100%);*/
    border: 1px solid #f08936;
}
#content .artikelbody div.artikelbody-highlight-red {
    /*background: linear-gradient(to bottom,rgba(243, 134, 134, 0.9) 0,rgba(221, 32, 32, 1) 100%);*/
    border: 1px solid #f08936;
}
#content .artikelbody div.artikelbody-highlight-green {
    /*background: linear-gradient(to bottom,rgba(140,216,60,0.95) 0%,rgba(79,140,20,0.95) 100%);*/
    border: 1px solid #36f089;
}
#content .artikelbody div.artikelbody-highlight-blue {
    /*background: linear-gradient(to bottom,rgba(147,193,220, 0.9) 0,rgba(1,111,167,1) 100%);*/
    border: 1px solid #3689f0;
}

.artikelquote {
    padding-left: 10px;
    border-left: 2px solid lightgray;
}
.artikelhighlight {
    background-color: #ff4;
}
/* WEITERE TEILNEHMER UNTEN */

.box-teilnehmer {
    clear:both;
    padding:0;
    margin:10px 0 0px 0;
}
.tn-text {
    margin: 0 0 0 120px;
}
.tn-name .tn-kanzlei {
    font-weight: 700;
    color: #888;
}
.tn-name .tn-extra {
    font-size: 18px;
    color: #888;
    display: block;
}
.tn-name .tn-adresse {
    font-size: 18px;
}
.tn-name .tn-beschreibung {
    font-size: 18px;
}
.tn-name a {
    font: 700 22px/27px 'Roboto',Arial,sans-serif;
    margin:0 0 9px 0;
}
.tn-name a.tn-kanzlei {
    font: 400 21px/28px 'Roboto',Arial,sans-serif;
    margin:0 0 9px 0;
}
.tn-gelistet {
    font: 400 15px/18px 'Roboto',Arial,sans-serif;
}
#content .tn-gelistet a	{font-weight: 400;}


.tn-bild span { /* runde aeuessere Box */
    float:left;
    margin:0px 15px 20px 0;
    width:100px;
    height:100px;
    border-radius:100px;
    overflow:hidden;
}
.tn-bild img {width:100px;height:auto;margin-top:-10px;}

.box-rechts .box-menu-formular {
    /*max-width: 90%;
    padding: 5px 0px 5px 0px;*/
}
.box-rechts .box-menu-formular a {
    background: none;
    padding: 0px;
}
.box-rechts .box-menu-formular a img {
    width: 100%;
}

.box-rechts .box-menu-formular a::before {
    margin-right: 0px;
    content: "";
}
/*******************************************************/
/***************** R I G H T   *********************/
/*******************************************************/
#right p {
    margin-bottom:12px;
}

/* BOX RECHTS */
.box-rechts {
    border: 1px solid #777;
    box-shadow: 0px 0px 2px 2px #ccc;
    margin:0 0 50px 0;
    padding: 10px 20px;
    clear: both;
}

.box-rechts p {
    margin: 0px 0px;
}

.box-rechts a {
    display:block;
    font: 400 18px/25px "Roboto",Arial,sans-serif;
    margin: 7px 0 7px 0px;
    padding: 0px;
    color: #006fa7;
}
.box-rechts a:before {
    font: 100 23px/1 FontAwesome;
    margin-right: 10px;
    content: "\f105";
}
.box-rechts a.plain:before {
    margin-right: 0px;
    content: none;
}

.box-rechts .abc_verteiler a {
    color: #006fa7;
    margin: 4px 8px 4px 0px;
    padding: 4px 6px 4px 6px;
}
.box-rechts .abc_verteiler a::before {
    content: none;
}

.box-rechts a:hover {
    text-decoration:none;
    background-color:#fff;
    display:block;
}

.box-rechts a.telefon {
    display: inline;
}
.box-rechts a.telefon:hover {
    display: inline;
}

.headline-box-re {
    display: block;
    color: #555;
    font: 100 1.6rem/127% 'Roboto Condensed',Arial,sans-serif;
    margin: 0 0 15px 0;
    padding: 0;
}

.content-box-re {
    display: block;
    margin: 0;
    padding: 0px 0px 23px 0px;
    background: white;
    overflow: hidden;
    transition: max-height 0.3s;
    border-radius: 0px 0px 20px 20px;
    position: relative;
}

.klappbox .content-box-re {
    max-height: 348px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
}
.klappbox .show-box-re {
    max-height: 2400px; /* muss groesser sein als erwartete Gesamthoehe */
    transition: max-height 0.9s;
}
/* fuer boxen, die nicht so hoch werden sollen */
.klappbox.klappbox-small .content-box-re {
    max-height: 148px;
}
.klappbox.klappbox-small .show-box-re {
    max-height: 2400px;
    transition: max-height 0.9s;
}

.plus-box-re,
.minus-box-re {
    height: 30px;
    text-align: center;
    font: 500 22px/30px "Roboto",Arial,sans-serif;
    color: #555;
    margin: 10px 0 0 0;
    border-top: 1px solid #777;
    position: relative;
    cursor: pointer;
    transition: 0.15s;
}
.plus-box-re span:before {
    font: 100 23px/1 FontAwesome;
    margin-right: 10px;
    content: "\f107";
}
.minus-box-re span:before {
    font: 100 23px/1 FontAwesome;
    margin-right: 10px;
    content: "\f106";
}

.box-rechts .button-box-re {
    text-align:center;
    font: 500 19px/25px "Roboto",Arial,sans-serif;
    margin: 20px 25px 0px 25px;
    padding: 7px 10px 8px 0px;
    background:#a2cbe0;
    border-radius: 6px;
    position: relative;
    transition: 0.15s;
}

.box-rechts .button-box-re a {
    display:inline;
    color: #fff;
    font: 500 19px/25px "Roboto",Arial,sans-serif;
    padding: 7px 0px 8px 20px;
    background:url(images/pfeil_button_re.png) no-repeat 0px 11px; /* IE < 9 */
    background:url(images/pfeil_button_re.svg) no-repeat 0px 11px, none; /* alle anderen */
}

.box-rechts .button-box-re:hover {background:#006fa7;}


/* BOX RECHTS EXPTIPP KURZPROFIL */

.kurzprofil .headline-box-re	{color:#c4c4c4;}
.kurzprofil .content-box-re 	{
    background: #ececec;
    padding: 25px 30px 25px 30px;
    height: auto; /*IE8*/
}

.box-rechts.kurzprofil {
    border: none;
    box-shadow: none;
    padding: 0px;
}
.box-rechts.kurzprofil a {
    background: none;
    font: 400 18px/28px 'Roboto',Arial,sans-serif;
    padding: 0px;
    color: #006fa7;
}
.box-rechts.kurzprofil a::before {
    content: none;
}
.box-rechts.kurzprofil a:hover {
    text-decoration:underline;
    background-color:none;
    /*display:inline;*/
}
.box-rechts.kurzprofil .kontakt-tel
, .box-rechts.kurzprofil .kontakt-fax
, .box-rechts.kurzprofil .kontakt-mob {
    padding: 0px 0px 0px 40px;
    color: #006fa7;
    cursor: pointer;
    font-style: normal;
}
.box-rechts.kurzprofil .kontakt-tel {
    background: url(images/ic_tel.png) no-repeat 6px 5px;
    margin-top: 28px;
}

.box-rechts.kurzprofil .kontakt-fax {
    background: url(images/ic_fax.png) no-repeat 4px 5px;
}

.box-rechts.kurzprofil .kontakt-mob {
    background: url(images/ic_mob.png) no-repeat 7px 3px;
}

.plus.anwaltstermin {
    background: url(images/anwaltstermin.png) no-repeat scroll 1px 0px;
    margin-top:32px;
}

.kp-text-klein 	{font:400 16px/24px 'Roboto',Arial,sans-serif;margin:10px 0 0 0;}
.kurzprofil .kp-text-klein b {font:700 16px/24px 'Roboto',Arial,sans-serif;}

.box-rechts.kurzprofil .plus-inner {padding:0 0 10px 40px;}

.box-rechts.kurzprofil .hidden a,
.box-rechts.kurzprofil .plus-inner a {
    background:url(images/pfeil_link_re_blau.png) no-repeat 2px 10px; /* IE < 9 */
    background:url(images/pfeil_link_re_blau.svg) no-repeat 2px 10px, none; /* alle anderen */
    display:block;
    font: 400 18px/25px "Roboto",Arial,sans-serif;
    margin: 0 0 0px 0;
    padding: 5px 0px 5px 22px;
}
.box-rechts.kurzprofil .plus-inner div {
    cursor: pointer;
    color: #006fa7;
    background:url(images/pfeil_link_re_blau.svg) no-repeat 2px 10px, none;
    margin: 0px;
    padding: 5px 0px 5px 22px;
}
.plus,
.minus {
    display: block;
    font:700 18px/22px 'Roboto Slab',Arial,sans-serif;
    padding:3px 0 5px 40px;
    margin-bottom:10px;
    color: #006fa7;
    cursor: pointer;
    background: url(images/plusminus.png) no-repeat scroll 1px 0px;
}
.minus {background-position:1px -90px;margin-bottom:0;}

.plus_minus_div {
    background-color: #f3f3f3;
    padding: 10px;
    margin: 10px 0px;
    display: none;
}

.box-rechts.kurzprofil li {
    background:url(images/listpoint_klein_re.png) no-repeat 3px 13px;
    display:block;
    font: 400 18px/25px "Roboto",Arial,sans-serif;
    margin: 0 0 0px 0;
    padding: 5px 0px 5px 22px;
}

/* KONTAKTFORM EXPTIPP KURZPROFIL */

.box-kontaktform .form-row {
    width:100%;
    float:left;
    margin:0;
}

.box-kontaktform label {font: 400 18px/22px "Roboto",Arial,sans-serif;}

.box-kontaktform input.text, .box-kontaktform textarea {
    box-sizing:border-box;
    position: relative;
    width: 100%;
    padding:8px 7px 7px 7px;
    margin:3px 0px 7px 0px;
    border:2px solid #59a2c6;
    font: 400 18px/22px "Roboto",Arial,sans-serif;
    border-radius: 5px;
    background:#fff;
}
.box-kontaktform textarea {
    height: 150px;
}

.box-kontaktform .form-row.kp-captcha 		{width:50%;margin:0;}
.box-kontaktform .form-row.kp-captcha img	{padding-top:23px;width:100%;height:auto;}


.box-kontaktform .form-row.kp-code {
    width:46%;
    float:left;
    margin:0 0 0 4%;
}
.box-kontaktform .kp-code label {font-size:15px;}


.box-kontaktform input.bt_submit {
    box-sizing:border-box;
    display:block;
    width:100%;
    clear:both;
    font:500 22px/27px 'Roboto',Arial,sans-serif;
    border:1px solid #fff;
    color:#fff;
    margin:20px 0px 0px 0px;
    padding:8px 0 9px 0;
    /*background:#006fa7 url(images/bg_button_blau.png) repeat-x 0 0;*/
    background: linear-gradient(to bottom,rgba(140,216,60,0.95) 0%,rgba(79,140,20,0.95) 100%);
    border-radius: 5px;
    position: relative;
    cursor:pointer;
}

.box-rechts.kurzprofil .hidden .kp-close a {
    background:url(images/kp_close.png) no-repeat right 4px;
    display:block;
    font: 400 16px/20px "Roboto",Arial,sans-serif;
    margin: 0 0 0px 0;
    padding: 1px 20px 1px 0px;
    float:right;
}

/* SUCHBOX RECHTS */

.suchbox-rechts {
    display:block;
    margin:0 0 50px 0;
    padding:25px 30px 25px 30px;
    background:#67b224 url(images/bg_suchbox_rechts.png) repeat-x 0px 0px;
    border-radius: 			0px 0px 20px 20px;
    position: absolute; 			/* CSS3-Effekte im IE8*/
    box-sizing: border-box;
    right: -465px;
    top: 7px;
    width: 395px;
    z-index: 1;
}

.suchbox-rechts .headline {
    display:block;
    color:#fff;
    font: 400 30px/33px 'Roboto Condensed',Arial,sans-serif;
    margin:0 0 31px 0;
    padding:0;
    text-transform:uppercase;
}

/* Was-Wo Suchbox im rechten Menu ohne spezielle Artistik ANFANG */
.suchbox-rechts-inline {
    padding: 0px 10px 30px 10px;
}
.suchbox-rechts-inline .headline {
    color: #006fa7;
    font: 400 36px/52px "Roboto Slab",Arial,sans-serif;
    margin: 0 0 7px;
    padding: 0;
    text-transform: none;
}
/* Was-Wo Suchbox im rechten Menu ohne spezielle Artistik ENDE */

.suchbox-rechts.exptipp {
    background:#d8d8d8 url(images/bg_suchbox_rechts_exptipp.png) repeat-x 0px 0px;
}
.suchbox-rechts.exptipp .headline {
    color:#006fa7;
}

.info-text-re {padding:0 30px;}


/* SUCHBOX RECHTS WAS-WO*/

.suchbox-rechts .was-wo .headline {
    font: 400 30px/33px 'Roboto Slab',Arial,sans-serif;
    margin:0 0 7px 0;
    padding:0;
    text-transform:none;
}

/* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
/* PROFIL RECHTE SPALTE */
.profil #right {
    padding-bottom:50px;
}
.profil .box-rechts	{
    margin: 0 0 20px;
    padding: 0px;
    border: none;
    box-shadow: none;
}
.profil .box-rechts p {
    margin: 0px;
}
.profil .kurzprofil .content-box-re	{
    background: none;
    padding: 0px 30px 25px 30px;
    overflow: auto;
    overflow: visible;
}

.flag 	{
    padding:5px 20px 10px 40px;
    display:inline-block;
}

.en 	{background: url(images/flag_en.png) no-repeat 0px 0px;}
.fr 	{background: url(images/flag_fr.png) no-repeat 0px 0px;}
.ar 	{background: url(images/flag_ar.png) no-repeat 0px 0px;}
.de 	{background: url(images/flag_de.png) no-repeat 0px 0px;}
.in 	{background: url(images/flag_in.png) no-repeat 0px 0px;}
.id 	{background: url(images/flag_id.png) no-repeat 0px 0px;}
.it 	{background: url(images/flag_it.png) no-repeat 0px 0px;}
.kanton	{background: url(images/flag_kanton.png) no-repeat 0px 0px;}
.hr 	{background: url(images/flag_hr.png) no-repeat 0px 0px;}
.kurd 	{background: url(images/flag_kurd.png) no-repeat 0px 0px;}
.lv 	{background: url(images/flag_lv.png) no-repeat 0px 0px;}
.mandarin {background: url(images/flag_mandarin.png) no-repeat 0px 0px;}
.nl 	{background: url(images/flag_nl.png) no-repeat 0px 0px;}
.pers 	{background: url(images/flag_pers.png) no-repeat 0px 0px;}
.pl 	{background: url(images/flag_pl.png) no-repeat 0px 0px;}
.pt 	{background: url(images/flag_pt.png) no-repeat 0px 0px;}
.ru 	{background: url(images/flag_ru.png) no-repeat 0px 0px;}
.sv 	{background: url(images/flag_sv.png) no-repeat 0px 0px;}
.sr 	{background: url(images/flag_sr.png) no-repeat 0px 0px;}
.es 	{background: url(images/flag_es.png) no-repeat 0px 0px;}
.cs 	{background: url(images/flag_cs.png) no-repeat 0px 0px;}
.tr 	{background: url(images/flag_tr.png) no-repeat 0px 0px;}
.ro 	{background: url(images/flag_ro.png) no-repeat 0px 0px;}
.lat 	{background: url(images/flag_lat.png) no-repeat 0px 0px;}


.box-rechts.kurzprofil a.social {
    height:48px;
    width:48px;
    padding:0;
    margin:0 6% 15px 0;
    float:left;
    opacity:0.7;
    filter: opacity(70);
}
.box-rechts.kurzprofil a.social.last {margin:0;}
.box-rechts.kurzprofil a.social:hover {
    opacity:1;
    filter: opacity(100);
}

a.facebook 	{background: url(images/ic_facebook.png) no-repeat 0px 0px !important;}
a.twitter 	{background: url(images/ic_twitter.png) no-repeat 0px 0px !important;}
a.gplus 	{background: url(images/ic_gplus.png) no-repeat 0px 0px !important;}
a.xing 		{background: url(images/ic_xing.png) no-repeat 0px 0px !important;}
a.linkedin 	{background: url(images/ic_linkedin.png) no-repeat 0px 0px !important;}

.plus.anbieterkennzeichnung {background: url(images/anbieterkennzeichnung.png) no-repeat scroll 1px 0px;}

img.fortbildungszertifikat {
    float:left;
    clear:left;
    padding:8px 20px 10px 0;
}

.profil .box-rechts.kurzprofil.kontakt {
    margin: 0px 0 15px 0;
}

.profil .box-rechts.kurzprofil.kontakt.open {
    background:#c0dcea;
    width: 100%;
    padding: 25px 30px 10px 0;
}
.profil .box-rechts.kurzprofil .content-box-re {
    background:none;
    padding:0px 30px 5px 30px;
    overflow: auto;
    overflow: visible;
}

.bewertungen-anwalt {
    margin-top: 20px;
    padding: 0px;
}
.bewertungen-anwalt .bewertungen-ueberschrift{
    font-size: 1.5em;
    font-weight: bold;
    color: #777;
}
.bewertung-anwalt {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.bewertung-anwalt:last-child {
    border-bottom: none;
}
.bewertung-anwalt:hover {
    background-color: #eee;
}
.bewertung-anwalt .bewertung-ueberschrift {
    font-size: 1.1em;
    color: #777;
    font-weight: bold;
    margin-bottom: 5px;
}
.bewertung-anwalt .bewertung-meta {
    color: #777;
}
.bewertung-anwalt .bewertung-verfasser {
    font-style: italic;
    font-size: 0.9em;
    color: #777;
}
.bewertung-anwalt .bewertung-feedback {
    font-size: 0.9em;
    color: #777;
}
.bewertung-anwalt .bewertung-sterne img {
    width: 20px;
    margin-right: 4px;
}
.bewertung-anwalt .bewertung-bemerkung {
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ccc;
    color: #777;
    background-color: white;
}
.bewertung-anwalt .bewertung-feedback {
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ccc;
    color: #777;
    background-color: #ddd;
}

.terminplanung .anwalt-ts {
    float: left;
}
.terminplanung .anwalt-ts .teilnehmer {
    margin-right: 30px;
    float: left;
}

.terminplanung .anwalt-tel  {
    float: left;
}
.terminplanung .drucken {
    float: right;
}
@media only screen and (max-width:1023px) {
    .terminplanung .drucken {
        display: none;
    }
}
@media only screen and (max-width:767px) {
    .terminplanung .anwalt-tel div {
        float: left;
        margin-right: 20px;
    }
}

@media only screen and (max-width:600px) {
    .terminplanung .anwalt-tel div {
        float: none;
        margin: 0px;
    }
}

.terminplanung .notizen, .terminplanung .notizen_breit {
    float: left;
    width: 40%;
    border-top: 1px dotted black;
    margin-top: 50px;
    margin-right: 5%;
}
.terminplanung .notizen_breit {
    width: 85%;
}
.terminplanung .drucken {
    cursor: pointer;
}

.kontaktformular_oeffner,
.kontaktformular_schliesser {
    display:inline-block;
    width:100%;
    box-sizing:border-box;
    margin:0px 0px 0px 0px;
    padding:13px 15px 12px 0;
    border:2px solid #59a2c6;
    font:500 18px/23px 'Roboto',Arial,sans-serif;
    text-transform:uppercase;
    text-align: center;
    color:#fff;
    background:#dd2020;
    border-radius: 5px;
    position: relative;
    cursor:pointer;
}

.kontaktformular_oeffner span,
.kontaktformular_schliesser span {
    padding:0 30px 0 0;
    margin:0 0px 0 15px;
    background:	url(images/pfeil_profil_kontakt.png) no-repeat right 5px;
    cursor:pointer;
}
.kontaktformular_schliesser span {background-position:right -145px;}

.kontaktformular_oeffner:hover,
.kontaktformular_schliesser:hover {border:2px solid #006fa7;}

.gmap_typ1 .gmap {
    height:450px;
}
.gmap_info {
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
}


.funktionen {
    position:absolute;
    width: 415px;
    height:158px;
    padding:30px 0px 10px 10px;
    margin: 5px 0 0 835px;
    background: #006fa7 url(images/bg_funktionen.png) repeat-x 0 0;
    z-index: 1;
}

.funktionen .fktn {
    width:20%;
    color:#fff;
    float:left;
    margin: 0px 0 0px 9.1%;
    padding:98px 0px 0px 0px;
    font: 400 16px/18px 'Roboto',Arial,sans-serif;
    text-align:center;
    opacity:1;
    filter: opacity(100);
}
.funktionen .drucken 		{background:url(images/ic_drucken.png) 		no-repeat center 4px; cursor: pointer;}
.funktionen .visitenkarte	{background:url(images/ic_visitenkarte.png)	no-repeat center 4px; cursor: pointer;}
.funktionen .qrcode 		{background:url(images/ic_qrcode.png) 		no-repeat center 4px; cursor: pointer;}

.routenplaner {
    box-sizing:border-box;
    position:absolute;
    width: 515px;
    height:88px;
    padding:17px 0px 0px 33px;
    margin: 5px 0 0 0px;
    /* Fallback for web browsers that doesn't support RGBa */
    background:#fff;
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.80);
    z-index: 1;
}

.rp-headline {
    font:700 18px/22px 'Roboto Slab',Arial,sans-serif;
    margin:14px 30px 15px 0;
    float:left;
}

.routenplaner input.text {
    box-sizing:border-box;
    float:left;
    width:298px;
    padding:13px 60px 13px 15px;
    margin:0px 0px 4px 0px;
    border:3px solid #62b111;
    font: 400 18px/22px "Roboto",Arial,sans-serif;
    border-radius: 5px;
    background:#fff;
    color:#aabbca;
}

.routenplaner input.bt-submit {
    float:left;
    display:block;
    width: 33px;
    height:33px;
    border:none;
    text-align:left;
    padding:3px 0px 2px 14px;
    margin:10px 0 0 -50px;
    background:0px center url(images/ic_routenplaner.png) no-repeat;
    cursor:pointer;
    z-index:2;
}

.routenplaner:hover {background: rgba(255, 255, 255, 1.00);}

.galerie {margin:20px 0 20px 0 ;overflow:hidden;}
.gl-bild img{float:left;width:190px;max-width: 30%;height:auto;margin: 0 3.3% 3.3% 0;}

/* - - - - - - - - - - ### TEASER RG ORTE ### - - - - - - - - - - - */

ul.standortinfo li {
    padding: 0 0 0 20px;
    margin-bottom: 7px;
    background: url(images/listpoint.png) 0px 9px no-repeat;
}

.inline-img-left  {
    width: 50%;
    float: left;
    padding: 0px 20px 20px 0px;
}
.inline-img-right  {
    width: 50%;
    float: right;
    padding: 0px 0px 20px 20px;
}
span.inline-img-left, span.inline-img-right {
    color: #666;
    font-size: 0.8em;
    line-height: 1.2;
}
span.inline-img-left img, span.inline-img-right img {
    width: 100%;
}
/* AUSGEWAEHLTE PROFILE RECHTS */
.box-rechts-profile {
    clear: both;
    margin: 0 0 50px;
}

.box-rechts-profile .content-box-re {
    margin:0;
    padding:25px 30px 23px 30px;
}
.box-rechts-profile .tn-text {
    margin: 0 0 0 100px;
    font:17px/25px 'Roboto',Arial,sans-serif;
}
.box-rechts-profile .tn-name a {
    font: 700 20px/23px 'Roboto Slab',Arial,sans-serif;
    margin:0 0 10px 0;
}
.box-rechts-profile .tn-gelistet {
    font: 400 14px/18px 'Roboto',Arial,sans-serif;
    margin-top:5px;
}

.box-rechts-profile .tn-bild span { /* runde aeuessere Box */
    float:left;
    margin:0px 15px 20px 0;
    width:80px;
    height:80px;
    border-radius: 			80px;
    overflow:hidden;
}
.box-rechts-profile .tn-bild img {
    width: 80px;
    height:auto;
    margin-top:-8px;
}

.hl2.ort {
    padding: 9px 0 14px 65px;
    background: url(images/ic_ort_ort.png) 0 0 no-repeat;
}
.hl2.rechtsgebiet {
    padding: 9px 0 14px 65px;
    background: url(images/ic_ort_rg.png) 0 0 no-repeat;
}
.hl2.info {
    padding: 9px 0 14px 65px;
    background: url(images/ic_ort_info.png) 0 0 no-repeat;
}

#content a.umkreis {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 48%;
    padding: 24px 0px 30px 93px;
    margin:0 0 20px -10px;
    font-weight:400;
}
#content a.km20 {
    margin-right: 4%;
    background: url(images/ic_umkreis_20km.png) 0 0 no-repeat;
}
#content a.km50 {
    background: url(images/ic_umkreis_50km.png) 0 0 no-repeat;
}

/* - - - - - - - - - - ### TEASER BALLUNGSRAUM ### - - - - - - - - - - - */

.tea_box_teilnehmer {
    margin-bottom: 20px;
}
.tea_box_teilnehmer a {
    background: none !important;
}
.tea_box_teilnehmer .tea_img_teilnehmer {
    float: left;
    max-width: 20%;
}
.tea_box_teilnehmer .tea_img_teilnehmer img{
    vertical-align: top;
    width: 100px;
}
.tea_box_teilnehmer .tea_img_teilnehmer span {
    border-radius: 100px;
    float: right;
    height: 100px;
    margin: 3px 0 20px 15px;
    overflow: hidden;
    width: 100px;
}
.tea_box_teilnehmer .tea_box_teilnehmer_info{
    width: 80%;
    float: right;
}

.tea_box_teilnehmer .tea_box_teilnehmer_info .tea_box_teilnehmer_ueberschrift {
    font-size: 16px;
    font-weight: bold;
}

.tea_box_teilnehmer .tea_box_teilnehmer_info .tea_box_teilnehmer_schwerpunkt {
    font-size: 12px;
}

/* START PROFILE */
#exp-start {background:#fff;}

#profile-start {
    background:#e7e7e7 url(images/bg_profile_start.png) repeat-x 0 0;
    margin: 0 0 0px 0;
}

.wrapper-profile {width: 1200px;}

.profile-outer {
    width:970px; /*IE8*/
    margin-left:130px; /*IE8*/
    overflow:hidden;
}

.teilnehmer-mini {
    text-align: center;
    float: left;
    width: 212px;
    font: 400 16px/25px Roboto,Arial,sans-serif;
    padding:0 10px 0 10px;
}

.tn-bild-mini span {
    /*float: left;*/
    margin: 3px auto 20px auto;
    border: 15px solid #fff;
}
.tn-bild-mini span,
.tn-bild-mini span a { /* a wichtig fuer Safari */
    display:block;
    border-radius: 			120px;
    width: 155px;
    height: 155px;
    overflow: hidden;
}


.tn-bild-mini span:hover {border-color:#ccc;}

.tn-bild-mini img {
    height: auto;
    width: 155px;
}
.ra-titel {
    font: 400 16px/20px 'Roboto',Arial,sans-serif;
}
.teilnehmer-mini a {
    font: 700 20px/25px 'Roboto Slab',Arial,sans-serif;
}

/* SLIDER CONTENT */
.slider-content {
    padding: 0 50px;
    height: 300px;
    overflow: hidden;
}

.slider-content .teilnehmer-mini 		{width: 138px;font: 400 14px/22px Roboto,Arial,sans-serif;}
.slider-content .tn-bild-mini span 		{margin: 3px auto 20px auto; border: 11px solid #fff;}
.slider-content .tn-bild-mini span,
.slider-content .tn-bild-mini span a 	{width: 100px;height: 100px;}
.slider-content .tn-bild-mini img 		{margin-top: -10px;width: 100px;}
.slider-content .tn-bild-mini span:hover {border-color:#ccc;}
.slider-content .slick-dots 			{bottom: 0px;}

/* TOOLS */

.tools-verteiler img {
    float: left;
    margin: 0px 20px 40px 0px;
}

#tools 			{background:#006fa7;}

.toolbox-outer	{margin-right: -2%;}
.toolbox {
    width:23%;
    float:left;
    margin:0 2% 0 0;
    font: 400 16px/20px 'Roboto',Arial,sans-serif;
    color:#fff;
    box-sizing:border-box;
    padding:0 0 0 115px;
    display:block;
}
.hd-tools {
    color:#fff;
    font:400 22px/28px 'Roboto',Arial,sans-serif;
    margin: 0 0 15px 0;
    display:block;
}

.hd-tools:hover {
    text-decoration:underline;}

.toolbox:hover {
    opacity:0.89;
    filter: opacity(89);
}

.toolbox.kr-anwalt 		{background: url(images/ic_kr_anwalt.png) 0 0px no-repeat;}
.toolbox.kr-prozess 	{background: url(images/ic_kr_prozess.png) 0 0px no-repeat;}
.toolbox.kr-gericht 	{background: url(images/ic_kr_gericht.png) 0 0px no-repeat;}
.toolbox.impressum-gen 	{background: url(images/ic_impressum_gen.png) 0 0px no-repeat;}

/* TOP THEMEN*/
#top-themen {background:#ededee;}

.top-outer	{margin-right: -2%;}
.top-div {
    float:left;
    width: 23%;
    margin:0 2% 0 0;
    font: 400 16px/24px 'Roboto',Arial,sans-serif;
    box-sizing:border-box;
    padding:0;
}

.headline-top {
    font:400 26px/32px 'Roboto Condensed',Arial,sans-serif;
    text-transform: uppercase;
    color:#bcbcbd;
    padding-top: 40px;
    margin: 0 0 15px 0;
}

.top-div .button-outline-small a:hover {text-decoration:none;}

.start a.button-outline-small,
.start #content a.button-outline-small,
.start .button-outline-small,
.start #content .button-outline-small  {margin:0;font:400 18px/23px 'Roboto',Arial,sans-serif;}

.start a.button-outline-small:hover,
.start #content a.button-outline-small:hover,
.start .button-outline-small:hover,
.start #content .button-outline-small:hover {background:#fff;text-decoration:none;}


/* TEILNAHME START FUER ANWAELTE*/
.half-column 		{float:left;width:49%;margin-bottom:10px;}
.half-column.right 	{margin:0 0 -80px 2%;}

.hl1.tn-start {color:#006fa7;margin-top: -20px;}
.fuer-anwaelte ul li {
    font:400 22px/28px 'Roboto',Arial,sans-serif;
    padding:9px 0 11px 70px;
    margin-bottom:5px;
    background: url(images/lipo_tn_start.png) 0px 0px no-repeat;
}
.fuer-anwaelte img {width:100%;height:auto;}


a.button-blau.gruen {
    font:500 22px/27px 'Roboto',Arial,sans-serif;
    margin:0px 0px 20px 0px;
    padding:12px 0 13px 0;
    background:#58aa0c url(images/bg_button_gruen.png) repeat-x 0 0;
}

a.button-blau.gruen:hover {
    background-position:0 -150px;}


/* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */

.tn-indent 			{margin: 0 0 0 120px;padding-bottom:10px;}
.tn-pikt img 		{float:left; margin: 0 15px 0 0px;}
#content h2.tn-h2 	{clear:none;color:#006fa7;}
.kurztext 			{font:400 21px/28px 'Roboto',Arial,sans-serif;margin:0 0 20px 0;}
.langtext			{padding-top:5px;}

table.grau {
    background:#f0f0f0;
    text-align:left;
    margin: 40px 0 0 0;
    padding: 20px 25px 20px 25px;
    width:100%;
    border-radius: 			20px;
}

table.grau td {padding-bottom:7px;vertical-align:top;}

table.grau a {
    background:	url(images/tn-lupe.png) no-repeat 0px 0px;
    padding: 1px 0 0px 35px;
    /*margin-bottom:5px;*/
    display:block;
}

.tn-screen img {width:98%;margin-right:2%;}

.text-normal .content-box-re 	{
    padding:25px 30px 25px 0px;
}

.box-rechts.text-normal ul.auf-einen-blick {margin-top:10px;}

.box-rechts.text-normal ul.auf-einen-blick li {
    padding:0px 0 5px 45px;
    margin-bottom:7px;
    background: url(images/lipo_tn_rechts.png) 4px 0px no-repeat;
}

.box-rechts.text-normal b {font: 700 18px/28px "Roboto Slab",Arial,sans-serif;}

.box-rechts.text-normal a.mail {
    background:url(images/ic_mail.png) no-repeat 0px 6px; /* IE < 9 */
    padding: 0px 0px 0px 34px;
}

.reiter {
    width:51%;
    float:left;
    margin:0;
    border-radius: 			20px 20px 0px 0px;
    position: relative;
    font: 700 18px/24px "Roboto",Arial,sans-serif;
    color:#006fa7;
    padding:9px 0px 0px 22%;
    box-sizing:border-box;
    background:#f5fafc no-repeat 19% 11px; /* hell inaktiv */
    cursor:pointer;
    height:64px;
}

.reiter.eins {background-image:url(images/ic_rueckruf.png);}
.reiter.zwei {margin-left:-2%;background-image:url(images/ic_angebot.png);}

.reiter.eins.act,
.reiter.zwei.act {
    background-color:#dfeef5;
    cursor:default;
}

.ct-rueck {display:none;}
.ct-ang   {display:block;}

/* - - - - - - - - - - ### PARTNERSEITE ### - - - - - - - - - - - */

.hl2.partner {color: #898989;}

#content a.button-blau-small.partner span 	{padding:0 37px 0 0;background-position:right 0px;background-repeat:no-repeat;}
#content a.button-blau-small.info span 		{background-image:url(images/ic_prt_info.png);}
#content a.button-blau-small.position span 	{background-image:url(images/ic_prt_position.png);}
#content a.button-blau-small.profil span 	{background-image:url(images/ic_prt_profil.png);}


/**********************************************************/
/**************** FORMULARE NORMALE SEITE *****************/
/**********************************************************/


/*.box-kontaktform .form-row {
    width:100%;
    float:left;
    margin:0;
}*/

.form-kontakt label  {
    font: 700 18px/22px "Roboto slab",Arial,sans-serif;
}

.form-kontakt .text,
.form-kontakt .textarea  {
    box-sizing:border-box;
    position: relative;
    width: 100%;
    padding:12px 7px 11px 7px;
    margin:3px 0px 10px 0px;
    border:2px solid #93c1dc;
    font: 400 18px/22px "Roboto",Arial,sans-serif;
    border-radius: 5px;
    background:#fff;
    color:#333;
}

.form-kontakt input.text:focus,
.form-kontakt input.text:hover	{border-color:#2e9ad0;}



.form-kontakt .textarea {
    height: 300px;
}
.form-kontakt.form-suchhilfe .textarea {
    height: 150px;
}


.form-kontakt input.bt-submit {
    box-sizing:border-box;
    display:block;
    width:100%;
    clear:both;
    font:500 22px/27px 'Roboto',Arial,sans-serif;
    color:#fff;
    margin:20px 0px 0px 0px;
    padding:8px 0 9px 0;
    background:#006fa7 url(images/bg_button_blau.png) repeat-x 0 0;
    border-radius: 5px;
    position: relative;
    cursor:pointer;

}

.form-kontakt input.bt-submit:hover {
    text-decoration:none;
    background-position:0 -150px;
    background-color:#00689c;
}

.action_span {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 700;
}

/* PUBLIC ANFANG */
.beitrag {
    border:1px solid lightgray;
    padding: 30px;
    margin-bottom: 10px;
}
#beitrag-text{
    width: 100%;
    height: 300px;
    color: #333;
}
.pub {
    margin: 20px 0px;
}
.pub .emo {
    width: 30px;
}
.pub input, .pub textarea {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #93c1dc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #333;
    font: 400 18px/22px "Roboto",Arial,sans-serif;
    margin: 3px 0 10px;
    padding: 12px 7px 11px;
    position: relative;
    width: 100%;
}
.pub input[type=submit] {
    background: #006fa7 url("images/bg_button_blau.png") repeat-x scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 500 22px/27px "Roboto",Arial,sans-serif;
    margin: 20px 0 0;
    padding: 8px 0 9px;
    position: relative;
    width: 100%;
}
/* PUBLIC ENDE */


/* Modales Fenster*/

#overlay {
    background-color: #959ea4;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
    opacity: 0.6;
    filter: opacity(60);
    display:none;
}

#modal-window {
    background-color: #fff;
    position: absolute;
    left: 50%;
    top:50%;
    width:50%;
    max-width:600px;
    margin: -300px 0 0 -25%;
    z-index: 100;
    padding:27px 30px 13px 30px;
    box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.45);
    text-align:left;
    border-radius: 			20px 20px 20px 20px;
    display:none;
}

#modal-inner {
    max-height:400px;
    margin-bottom:13px;
    overflow: auto;
    color: #5d5d5d;
}

#modal-inner, #modal-inner p {font: 400 16px/24px 'Roboto',Arial,sans-serif;}

#modal-inner img {
    margin: 0 0 0 -150px;
    padding-left: 50%;}

#modal-window .headline {
    font: 700 18px/24px 'Roboto',Arial,sans-serif;
    color: #006fa7;
    margin:0px 0 15px 0;
}

#modal-window .bt-schliessen {
    clear: both;
    color: #006fa7;
    cursor: pointer;
    display: block;
    margin: 0;
    background:url(images/kp_close.png) no-repeat right 4px;
    font: 400 16px/20px "Roboto",Arial,sans-serif;
    margin: 0 0 0px 0;
    padding: 1px 20px 1px 0px;
    float:right;
}


/* SUCHE VORSCHLAGSTOOL */

.vorschlag {
    position: absolute;
    background-color: white;
    display: none;
    z-index: 5;
    border: 1px solid #ccc;
    overflow: hidden;
    height:auto;
    max-height: 320px;
    padding: 15px 0px 15px 0px;
    opacity: 0.97;
    filter: opacity(97);
    border-radius: 			5px;
    box-shadow:			0 0 5px 0 rgba(50, 50, 50, 0.15);
    overflow-x: hidden;
    overflow-y: auto;
}
.start .vorschlag {margin-top:-16px;}

.opt {
    position: relative;
    margin: 0;
    padding: 4px 10px 4px 20px;
    cursor: pointer;
    min-height: 0;
    list-style-image:none;
    font: 700 15px/22px 'Roboto',Arial,sans-serif;
    text-align:left;
    color:#808080;
}

.opt.sub {
    padding-left: 40px;
    font-weight: 400;
}

.opt.sel {
    border:none;
    background:#e8e8e8;
    color: #333;
    font-weight: 700;
}

.opt.sub.sel {font-weight: 400;}


.hinweis {margin-bottom: 4px;}

.err {background-color: darkred;color: white;}


/****************************************************************/
/**********************  SILBENTRENNUNG    **********************/
/****************************************************************/

.exptipp-nav,
.box-rechts.kurzprofil .plus-inner,
.box-rechts-profile,
#content a.azc,
.toolbox {
    hyphens: auto;
}

p span.flag  {
    hyphens:none;
}

@media only screen and (max-width:1150px) {
    .box-rechts-profile {
        hyphens: auto;
    }
}

@media only screen and (max-width:767px) {
    #exp-start .box-exptipp .box-artikelhead {
        hyphens: auto;
    }
}

@media only screen and (max-width:479px) {
    /* Silbentrennung AN*/
    #content,
    #content p {
        hyphens: auto;
    }

    /* KEINE SILBENTRENNUNG */
    .link-teilnahme a span,
    .button-blau,
    .hl2.partner,
    #content a.button-blau-small {
        hyphens:none;
    }
}

/****************************************************************/
/************************  TRANSITIONS    ***********************/
/****************************************************************/

#logo img,
.link-teilnahme a,
.footer-box a:hover,
#navigation,
.toolbox {
    transition: 0.5s;
}

.footer-box a,
.box-rechts a,
.routenplaner {
    transition: background-color 0.4s;
}

#navigation a {
    transition: 0.4s;
}

#navigation a:hover,
.box-kontaktform input.text {
    transition: 0.2s;
}

.box-rechts.kurzprofil a.social,
.funktionen a {
    transition: opacity 0.2s;
}

.tn-bild-mini span,
.form-kontakt .text,
.form-kontakt .textarea  {
    transition: border-color 0.2s;
}

/****************************************************************/
/********************  RESPONSIVE STYLES    *********************/
/****************************************************************/

.expertentipps {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media only screen and (min-width: 769px) { /* nur fuer Groessen ueber 768 PX! */
    .expertentipps {
        grid-template-columns: 1fr 1fr;
    }
    
    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .exp-zeile {
        clear:both;
        padding: 20px;
    }
    .exp-zeile .box-exptipp {
        clear:none;
        width:48.1%;
        box-sizing:border-box;
    }
    .exp-zeile .box-exptipp.redaktion 		{float:left;}
    .exp-zeile .box-exptipp.anwalt 			{float:right;}
    .exp-zeile .box-exptipp.thema-links		{float:left;}
    .exp-zeile .box-exptipp.thema-rechts	{float:right;}

    #exp-start .redaktion .box-artikelbild img,
    #exp-start .anwalt .box-artikelbild img {
        margin-bottom:10px;
    }
    #exp-start .anwalt .box-artikelbild span {
        float: left;
        margin: 3px 20px 15px 0;
    }
}

/* moderne Browser */
@media only screen and (min-width:320px) {
    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .profile-outer									{width: 1200px;margin-left:0}
}

@media only screen and (max-width:1650px) {
    #content .link-teilnahme.unten a, .link-teilnahme.unten a  {
        bottom:390px;
    }
} /* ENDE 1650px */

@media only screen and (max-width:1400px) {
    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .wrapper-profile {
        width: 100%;
        padding:0 50px 0px 50px;
        box-sizing:border-box;
        margin:0;
    }
    .profile-outer 		{width: 100%;}
    .bt-profile-weiter 	{margin-left:1130px;}
} /* ENDE 1400 PX */

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

    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .profil .box-rechts.kurzprofil.kontakt.open {
        margin: 0 0 0px 0;
        background:#c0dcea;
        width: 100%;
        padding: 25px 0px 10px 0;
    }

    .funktionen-outer {
        position:absolute;
        width: 33.8%;
        height:198px;
        overflow:hidden;
        right:30px;
    }
    .funktionen {
        width:100%;
        right:auto;
        padding: 30px 20px 10px 10px;
        margin: 5px 0 0 20px;
    }

    .funktionen a.fktn {margin: 0px 0 0px 7.7%;}

    .suchbox-rechts {
        margin-right: 60px;
        right: -69.5%;
        top: 7px;
        width: 52.5%;
    }

    .suchbox-rechts .headline {
        font: 400 21px/26px "Roboto Condensed",Arial,sans-serif;
        margin: 0 0 20px;
    }
    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .bt-profile-weiter 	{margin-left:0;right:25px;}
} /* ENDE 1310px */

@media only screen and (max-width:1280px) {
    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    suchbox-start {
        width: 450px;
        margin:0px 0 50px 30px;
        padding:136px 50px 30px 50px;
    }

    .teilnehmer-mini 	{width: 190px;}

    .tn-bild-mini span 	{margin: 3px auto 20px auto;border: 13px solid #fff;}
    .tn-bild-mini span,
    .tn-bild-mini span a {width: 130px;height: 130px;}



    .tn-bild-mini img 	{margin-top: -13px;width: 130px;}
}

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

    #logo 			{margin:10px 0 0 31px;}
    #logo img		{width:320px; height:62px;}

    /****************** N A V I G A T I O N ******************/
    #navigation {
        margin:27px 0 0 0;
    }
    #navigation a {
        font:300 18px/20px Roboto,Arial,sans-serif;
    }

    /********************* F O O T E R *********************/

    .footer-box.box-1 {width:200px; margin:0 20px 0 0;}
    .footer-box.box-2 {width:230px; margin:0 20px 0 0;}
    .footer-box.box-3 {width:140px; margin:0 50px 0 0;}

    /***************** C O N T E N T   *********************/

    .box-exptipp .box-artikelhead {
        font: 700 23px/28px 'Roboto Slab',Arial,sans-serif;
        margin:0 0 9px 0;
    }

    .bild-exptipp {
        max-width:40%;
        height:auto;
        margin:6px 4% 1.5% 0;
    }

    img.bild-exptipp {
        width:280px;
        height:auto;
    }

    .caption-exptipp {
        margin:-1px 4% 1.5% 0;
        font: 300 13px/16px 'Roboto',Arial,sans-serif;
    }

    /******************** R I G H T   *********************/

    .box-rechts {
        margin: 0 0 20px 0;
        padding: 10px 10px;
        box-shadow: 2px 2px 2px #777;
    }

    .headline-box-re {
        font: 400 28px/30px 'Roboto Condensed',Arial,sans-serif;
        margin:0 0 15px 0;
    }

    .link-pfeil {
        background-position:13px 9px;
        font: 700 16px/24px "Roboto",Arial,sans-serif;
        margin: 0 0.8% 2px 0;
    }


    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .toolbox-outer	{margin-right: -4%;}
    .toolbox {
        width:46%;
        margin:0 4% 0 0;
        padding:0 0 30px 115px;
    }
    .toolbox span span {display:none;}

    .top-outer	{margin-right: -4%;}
    .top-div 	{width:46%;margin:0 4% 0 0;}

    /* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */
    .kurztext 	{font:400 19px/26px 'Roboto',Arial,sans-serif;}


} /* ENDE 1279px */



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

    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .funktionen {height:128px;}
    .funktionen a.fktn {
        padding-top:80px;
        font: 400 14px/18px 'Roboto',Arial,sans-serif;
        background-size:90%;
        margin: 0px 0 0px 7%;
    }

    .gmap_typ1 .gmap 					{height:370px}
    .box-rechts-profile 				{clear: both;margin: 0 0 50px;}
    .box-rechts-profile .content-box-re {padding:25px 20px 23px 20px;}
    .box-rechts-profile .tn-gelistet a	{display:block;}
    .box-rechts-profile .tn-bild span { /* runde aeuessere Box */
        float:left;
        margin:0px 15px 20px 0;
        width:80px;
        height:80px;
        border-radius: 			80px;
        overflow:hidden;
    }
    .box-rechts-profile .tn-bild img {width:80px;height:auto;margin-top:-8px;}



} /* ENDE 1150px */

@media only screen and (max-width:1024px) {
    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .start .hl2c {padding-top: 20px;margin-bottom:15px;}

    .teilnehmer-mini 	{width: 145px;font: 400 14px/22px Roboto,Arial,sans-serif;}
    .tn-bild-mini span 	{margin: 3px auto 20px auto; border: 11px solid #fff;}
    .tn-bild-mini span,
    .tn-bild-mini span a {width: 100px;height: 100px;}
    .tn-bild-mini img 	{margin-top: -10px;width: 100px;}
    .ra-titel 			{font: 400 14px/18px 'Roboto',Arial,sans-serif;}
    .teilnehmer-mini a 	{font: 700 18px/22px 'Roboto Slab',Arial,sans-serif;}
    .toolbox span span		{display:inline;}

    .top-div 			{margin-bottom:20px;}
    .headline-top 		{padding-top: 20px;}
} /* ENDE 1024 PX */

@media only screen and (max-width:1023px) {
    .mobile-hidden-1023	{display:none !important;}
    .mobile-show-1023	{display:block;}

    div.totop {
        opacity: 		0.7;
        filter: opacity(70);
    }

    /******************** SUCHBOX RECHTS MOBILE ***********************/

    .suchbox-rechts.mobile {display:block;}

    .suchbox-rechts {
        box-sizing:border-box;
        margin:0 0 30px 0;
        padding:25px 30px 25px 30px;
        border-radius: 			20px 20px 20px 20px;
        position:relative;
        right:auto;
        top:auto;
        width:auto;
    }

    .suchbox-rechts.exptipp {
        background:url(images/bg_suchbox_rechts_exptipp.png) repeat-x 0px 0px;
    }

    .suchbox-rechts .headline {font: 400 27px/33px "Roboto Condensed",Arial,sans-serif;}
    .suchbox-rechts .was-wo .headline {width: 50%;}

    /* KONTAKTFORM EXPTIPP KURZPROFIL */

    #content .box-rechts p {
        margin-bottom: 12px;
    }
    #content .box-rechts a {
        font: 400 16px/24px "Roboto",Arial,sans-serif;
    }
    .content-box-re {
        border-radius: 			20px 20px 20px 20px;
    }

    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .routenplaner {margin:0;}

    .box-kontaktform .form-row.kp-captcha img {width: 140px;}


    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .half-column 		{float:none;width:100%;}
    .half-column.right 	{margin:0 0 0 0;}


    .hl1.tn-start {margin-top: 0px;}

    /* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */
    #right.teilnahme {display:block;width:auto;margin-right: 0;}

    .reiterbox .content-box-re {
        border-radius: 			0px 0px 20px 20px;
    }

} /* ENDE 1023px */


@media only screen and (max-width:960px) { /* siehe auch inline style */
    #logo, .small #logo 		{margin:17px 0 0 11px;}
    #logo img, .small #logo img	{width:240px; height:46px;}

    .breadcrumb	{
        padding:20px 20px 20px 0;
        font:12px/26px 'Roboto',Arial,sans-serif;
    }
    .footer-box.box-1   {width:280px; margin:0 15px 0 0;}
    .footer-box.box-2   {display: none;}
    .footer-box.box-3	{margin: 0 30px 0 0;}

} /* ENDE 960px */


@media only screen and (max-width:767px) {
    #footer {
        width: 100%;
        transition: 		0.4s;
        position: relative;
        right:0;
    }

    .mob-nav-open #footer	{
        margin: 0 0 0 -63px;
        right: -100%;
        position:relative;
    }


    #navigation,
    .small #navigation {
        float:none;
        width:auto;
        /*	height:100%;*/
        margin:0;
        padding:0 0px 0 80px;
        background:#777779;
        right:100px;
    }

    #navigation a,
    #navigation a.act,
    #navigation .sfHover a  {
        display: block;
        float: none;
        height:auto;
        padding: 5px 0px 5px 25px;
        margin: 13px 0 5px 0;
        text-decoration: none;
        color: #fff;
        font: 300 20px/20px Roboto,Arial,sans-serif;
        position: relative;
        z-index: 2;
        border:none;
        transition:none;
    }

    #navigation a.act:hover,
    #navigation a:hover {
        cursor:pointer;
        border-bottom:none;
        color:#7fc31f; /* gruen */
        font-weight:700;
        cursor:pointer;
        border-bottom:none;
        transition:none;
    }

    /********************* F O O T E R *********************/

    #footer			{height:auto;padding:0;background:#9c9c9d}
    .footer-wrapper	{float:none}
    .footer-box		{float:none;color:#fff;font:400 18px/22px Roboto,Arial,sans-serif}

    .footer-box.box-1		{width:auto;height:auto;margin:0;padding:18px 0 8px 15px}
    .footer-box.box-1 ul li	{float:left;margin:0 6% 10px 0;padding:0;text-align:center}

    .footer-box.box-3		{clear:left;width:auto;margin:0;padding:14px 0 15px 15px;background:#8d8d8e}
    .footer-box.box-3 ul li	{float:left;margin:0 9% 0 0;padding:0;text-align:left}

    .footer-box ul {margin:0;}

    .footer-box a {
        background:	url(images/pfeil_link_footer.png) no-repeat 0px 7px; /* IE < 9 */
        background: url(images/pfeil_link_footer.svg) no-repeat 0px 7px, none; /* alle anderen */
        display:inline-block;
        color: #fff;
        padding:4px 0 4px 14px;
    }
    .footer-box a:hover {background-color:transparent;}

    .footer-box .anwaelte-ft a {
        background:	url(images/pfeil_link_footer_gruen.png) no-repeat 0px 7px; /* IE < 9 */
        background: url(images/pfeil_link_footer_gruen.svg) no-repeat 0px 7px, none; /* alle anderen */
        color: #99fa35;
        font-weight:700;
    }

    .footer-logo-mobile {height:105px;background:#777779;}

    .footer-logo-mobile .ft-mobile-wrap {
        display:block;
        width:270px;
        margin:0px auto 0 auto;
        padding-top:4px;
    }

    .ft-text-mobile {
        float:left;
        padding:16px 0 0 0;
        margin:0;
        color:#fff;
        font:400 12px/16px 'Roboto', Arial, sans-serif;
    }

    .logo-ovs-mobile 		{float:right;margin:9px 0 0 0;}
    .logo-ovs-mobile img	{width:120px;height:auto;}




    /***************** C O N T E N T   *********************/

    a.button-blau-small,
    #content a.button-blau-small,
    .button-blau-small,
    #content .button-blau-small  {
        font:500 15px/22px 'Roboto',Arial,sans-serif;
        margin:7px 0px 10px 0px;
        padding:5px 20px 6px 20px;
    }

    .box-artikelhead {
        font: 700 23px/28px 'Roboto Slab',Arial,sans-serif;
        margin:0 0 9px 0;
    }

    /*.box-artikelinfo {margin:0 0 0px 90px;}*/
    /* temp ohne red. Bilder */
    .box-artikelinfo {
        line-height: 28px;
        margin:0 0 0px 0px;
    }

    /*.box-exptipp .box-artikelhead {
        font: 700 20px/25px 'Roboto Slab',Arial,sans-serif;
        margin:0 0 9px 90px;
    }*/
    /* temp ohne red. Bilder */
    .box-exptipp .box-artikelhead {
        font: 700 20px/25px 'Roboto Slab',Arial,sans-serif;
        margin:0 0 9px 0px;
    }

    .redaktion .box-artikelbild img,
    .anwalt .box-artikelbild span { /* runde aeuessere Box */
        width: 100%;
    }

    .anwalt .box-artikelbild img {
        width:80px;
        height:auto;
        margin-top:-8px;
    }

    .box-artikelbild .caption-exptipp {
        margin:-6px 10px 10px 0;
        width:auto;
        max-width:80px;
    }


    /* WEITERE TEILNEHMER UNTEN */
    .box-teilnehmer {margin:5px 0 0px 0;}
    .tn-text		{margin: 0 0 0 90px;}
    .tn-name a 		{font: 700 20px/27px 'Roboto Slab',Arial,sans-serif;margin:0 0 9px 0;}
    .tn-gelistet	{font: 400 13px/16px 'Roboto',Arial,sans-serif;margin-top:7px;}
    .tn-bild span 	{margin:0px 10px 10px 0;width:80px;height:80px;}
    .tn-bild img 	{width:80px;height:auto;margin-top:-8px;}


    #content .link-teilnahme a,
    .link-teilnahme a {
        width:auto;
        height:auto;
        position:relative;
        right:auto;
        bottom:auto;
        display:block;
        background-size:contain;
        z-index:auto;
        border-radius: 20px 20px 20px 20px;
        font: 400 26px/32px 'Roboto Condensed',Arial,sans-serif;
        margin-bottom:30px;
    }

    #content .link-teilnahme.unten a, .link-teilnahme.unten a {bottom:auto;}

    .start .link-teilnahme {display:none;}

    .link-teilnahme br {display:none;}
    /*.link-teilnahme br.firstbreak {display:inline;}*/

    .link-teilnahme a span {
        display:block;
        margin:20px 19px 0 0;
        padding:12px 0 14px 65px;
        background-position:20px center;
        background-size:18px 30px;
        text-align:center;
    }

    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .gmap_typ1 .gmap {height:300px}
    .profil .box-rechts.kurzprofil .content-box-re	{padding:0px 10px 5px 10px;}

    #modal-inner {max-height:260px;}
    #modal-inner, #modal-inner p {font: 400 15px/22px 'Roboto',Arial,sans-serif;}


    /* - - - - - - - - - - ### TEASER RG ORTE ### - - - - - - - - - - - */

    #content a.umkreis	{margin-left:0;padding-left:83px;}

    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .wrapper-profile 	{padding:0 55px;}
    .teilnehmer-mini 	{XXwidth: 130px; width: 100%;}

    .toolbox {padding:0 0 30px 95px;background-size:80px !important;}
    .top-div {font: 400 15px/22px 'Roboto',Arial,sans-serif;}

    /* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */
    .tn-indent 			{padding-bottom: 0;}
    #right.teilnahme 	{margin:0 10px;padding: 0px 0 10px;}

    /* - - - - - - - - - - ### PARTNERSEITE ### - - - - - - - - - - - */
    #content a.button-blau-small.partner span 	{background-size:18px;}


} /* ENDE 767px */

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

    a.button-blau,
    #content a.button-blau,
    .button-blau,
    #content .button-blau {
        width:100%;
        text-align:center;
    }

    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .profil .button-blau {margin: 20px 0;}

    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .fuer-anwaelte ul li {
        font:400 19px/25px 'Roboto',Arial,sans-serif;
        padding:9px 0 7px 50px;
        margin-bottom:0px;
        background-position:0px 3px;
        background-size:35px;
    }

} /* ENDE 600px */

@media only screen and (max-width:567px) {
    /******************** SUCHBOX RECHTS MOBILE ***********************/
    .suchbox-rechts {
        margin:0 0 30px 0;
        padding:25px 30px 25px 30px;
    }

    .suchbox-rechts .headline {
        color:#fff;
        font: 400 21px/26px "Roboto Condensed",Arial,sans-serif;
        margin: 0 0 20px;
    }

    #content a.umkreis	{padding:24px 0 30px 93px;width:100%;}

    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    .toolbox {
        padding:0 0 30px 0px;
        background-size:65px !important;
    }
    .hd-tools {
        font:400 20px/26px 'Roboto',Arial,sans-serif;
        padding-left:80px;
        margin-bottom:26px;
    }


} /* ENDE 567px */

@media only screen and (max-width:480px) {
    #content .link-teilnahme a, .link-teilnahme a {font: 400 22px/32px 'Roboto Condensed',Arial,sans-serif;}
    .link-teilnahme a span		{background-size:auto;text-align:left;}

    .box-exptipp .box-artikelhead {font: 700 18px/24px "Roboto Slab",Arial,sans-serif;}

    .footer-box.box-3	{font:400 16px/20px 'Roboto',Arial,sans-serif;}
    .footer-box.box-3 a	{background-position:0px 6px;}


    .redaktion-dyn .box-artikelbild {
        width: 100%;
        float: none;
    }
    .redaktion-dyn .box-artikelbild img {
        width: 100%;
    }

    .anwalt span.bild-exptipp  { /* runde aeuessere Box */
        margin:6px 4% 1.5% 0;
        width:120px;
        height:120px;
    }
    .anwalt span.bild-exptipp img {width:120px;margin-top:-13px;}




    /* WEITERE TEILNEHMER UNTEN */
    .box-teilnehmer {margin:15px 0 10px 0;}
    .tn-name a 		{font: 700 21px/24px 'Roboto Slab',Arial,sans-serif;margin:0 0 9px 0;}
    .tn-gelistet	{display:none;}
    .tn-gelistet.kontaktaufnahme	{display:inline-block;}
    .tn-bild span 	{margin:0px 10px 10px 0;}
    .tn-text 		{font:14px/18px "Roboto",Arial,sans-serif;}

    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .routenplaner {
        width: 100%;
        height:auto;
        padding:0px 10px 15px 10px;
    }
    .rp-headline {font:700 18px/22px 'Roboto Slab',Arial,sans-serif;}
    .routenplaner input.text {width:100%;}
    .profil #right		{padding-bottom:20px;}

    /* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */
    .kurztext 	{font:400 18px/25px 'Roboto',Arial,sans-serif;}



    /* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */
    /* topopt */
    .top-div a 			{margin-bottom: 10px; display: block;}
    .top-div .top-sep 	{display: none;}
    .kat-box-exptipp 	{margin: 5px 0px 5px 0px;; display: inline;}
    .top-div .button-outline-small a {margin-bottom: 0;}

} /* ENDE 480px */

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

    /******************** SUCHBOX RECHTS MOBILE ***********************/

    #content .box-artikelinfo {font-size: 17px; margin-bottom: 10px;}
    .suchbox-rechts.mobile {padding:25px 20px 25px 20px;}
    .box-artikelinfo .gelesen-hint {
        display: none;
    }
    .box-artikelinfo em {
        text-emphasis:none;
        font-style:normal;
    }

    #modal-window {
        left: 20px;
        right:20px;
        width:auto;
        top:50%; /* per JS zu berechnen*/
        position: absolute;
        margin: -200px 0 0 0;
        z-index: 100;
        padding:17px 20px 13px 20px;
    }
    #modal-inner {max-height:200px;}

    .link-pfeil {width: 100%;}

    .kurzprofil .content-box-re {padding: 25px 15px;}

    .sterne .text-15px {display:block;margin-top:8px;}

    .bewertung .hd-eigene-bew {display:block;margin:0 0 5px 0;}


    /* - - - - - - - - - - ### PROFIL ### - - - - - - - - - - - */
    .box-rechts.kurzprofil a.social {margin: 0 4.7% 15px 0;}
    .ra-logo img 	{width: 100%;}

    .profil div.totop {bottom:44px;}
    .profil .footer-logo-mobile {height:149px;}



    /* - - - - - - - - - - ### STARTSEITE ### - - - - - - - - - - - */
    #exp-start .box-exptipp.anwalt .box-artikelhead {
        margin-left: 90px;
    }

    .artikelbody h2 {
        margin-top: -134px !important;
        padding-top: 126px !important;
    }

    .box-exptipp.redaktion .box-artikelhead {
    }
    .box-exptipp.redaktion .box-artikelhead.box-artikelbild-missing {
        margin-left: 0px;
    }

    .toolbox {
        width:auto;
        padding:0 0 30px 80px;
        background-size:65px !important;
    }
    .hd-tools	{padding-left:0px; margin-bottom:12px;}
    .top-div 	{width:auto;}

    /* - - - - - - - - - - ### TEILNAHME SEITE ### - - - - - - - - - - - */
    .tn-indent 		{margin:0;}
    table.grau td	{display:inline;}
    .text-normal .content-box-re {padding: 25px 15px;}
    .reiter			{background-position:12% 11px;}

    /* - - - - - - - - - - ### PARTNERSEITE ### - - - - - - - - - - - */
    #content a.button-blau-small.partner {width:100%;box-sizing:border-box;}

    a.button-outline-small.teaser,
    #content a.button-outline-small.teaser,
    .button-outline-small.teaser,
    #content .button-outline-small.teaser {width:100%;box-sizing:border-box;}
}

/** Navigation DROP DOWNS ANFANG ************************************************/
#navigation .drop-down-button {
    cursor: pointer;
    position: relative;
    font: 300 20px/20px Roboto,Arial,sans-serif;
    float: left;
    height: 29px;
    padding: 0 3px 3px 3px;
    margin: 0 14px 0 0;
}
#navigation .drop-down-button:hover {
    border-bottom: 4px solid #91c858;
}
#navigation .drop-down-content {
    display: none;
    width: 250px;
    position: absolute;
    margin: 5px 0px 0px -5px;
    padding: 10px;
    background-color: white;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 11;
}
#navigation .drop-down-content .drop-down-link {
    display: block;
    clear: both;
    border: none;
    padding: 3px;
    height: auto;
    margin: 3px 0px;
}
#navigation .drop-down-content .drop-down-link:hover{
    background-color: #ccc;
}
@media only screen and (max-width:767px) {
    #navigation .drop-down-button {
        color: #fff;
        font: 300 20px/20px Roboto,Arial,sans-serif;
        float: none;
        height: auto;
        padding: 5px 0px 5px 25px;
        margin: 13px 0 5px 0;
        border:none;
        background:	url(images/pfeil_nav1_mobil.svg) no-repeat 3px 7px;
        transition:none;
    }
    #navigation .drop-down-button:hover {
        border-bottom:none;
        color:#7fc31f; /* gruen */
        font-weight:700;
        background:	url(images/pfeil_nav1_mobil_mo.svg) no-repeat 3px 7px;
    }
    #navigation .drop-down-content {
        margin: 0px;
        width: auto;
        border: none;
        background: #888;
        margin-top: 10px;
        padding-top: 10px;
    }
    #navigation .drop-down-content .drop-down-link {
        margin: 10px 0px;
    }
    #navigation .drop-down-content .drop-down-link:before {
        font-weight: normal;
        font-family: FontAwesome;
        margin-right: 14px;
        content: "\f105";
    }
}
/** Navigation DROP DOWNS ENDE ***************************************************/


/** FAQS Anfang ******************************************************************/
.faq {
    background-color: #b6ebab;
    border-radius: unset;
    margin: unset;
    display: flex;
    flex-flow: column;
    gap: 10px;
    box-sizing: border-box;
}

.diskussion, .faq {
    background: #f0f0f0 none repeat scroll 0 0;
    padding: 10px;
}
.faqs {
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.faq .faq-frage {
    cursor: pointer;
    padding-bottom: 10px;
    display: inline-block;
}
.faq .faq-antwort {
    display: none;
    border: 1px solid #888;
    padding: 10px;
    background-color: white;
}

.faqs .faq h2 {
    margin-top: 0px !important;
    padding: 0px 5px 0px 5px !important;
    font-weight: 600;
    font-size: 1em;
}
.faqs .faq .question {
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 20px;
    margin: 0px;
    padding: 0px;
    cursor: pointer
}
.faqs .faq .faq-plus {
    background-image: url(images/plus.svg);
    background-repeat: no-repeat;
    transition: all 298ms ease-in-out;
    width: 20px;
    height: 20px;
}
.faqs .faq.faq-open .faq-plus {
    transform: rotate(135deg);
}                    
.faqs .faq .answer {
    display: none;
    background-color: white;
    padding: 20px 10px;
}
.faqs .faq .answer p {
    font-size: 1.1em;
    font-weight: 300;
}
@media only screen and (min-width:768px) {
    .profil .faqs .faq .answer {
        display: block;
    }
    .profil .faqs .faq .faq-plus{
        display: none;
    }
}
/** FAQS Ende ********************************************************************/