html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
    display:block
}

body
{
    line-height:1;
}

ol,ul
{
    list-style:none
}

blockquote,q
{
    quotes:none
}

blockquote:before,blockquote:after,q:before,q:after
{
    content:none
}

table
{
    border-collapse:collapse;
    border-spacing:0
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html
{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

body
{
    margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{
    display:block
}

audio,canvas,progress,video
{
    display:inline-block;
    vertical-align:baseline
}

audio:not([controls])
{
    display:none;
    height:0
}

[hidden],template
{
    display:none
}

a
{
    background-color:transparent;
    color: #c86b37;
}

a:active,a:hover
{
    outline:0
}

abbr[title]
{
    border-bottom:1px dotted
}

b,strong
{
    font-weight:bold
}

dfn
{
    font-style:italic
}

h1                                              /* VORSICHT */
{
    font-size:2em;
    margin:0.67em 0
}

mark
{
    background:#ff0;
    color:#000
}

small
{
    font-size:80%
}

sub,sup
{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}

sup
{
    top:-0.5em
}

sub
{
    bottom:-0.25em
}

img
{
    border:0
}

svg:not(:root)
{
    overflow:hidden
}

figure
{
    margin:1em 40px
}

hr
{
    box-sizing:content-box;
    height:0
}

pre
{
    overflow:auto
}

code,kbd,pre,samp
{
    font-family:monospace, monospace;
    font-size:1em
}

button,input,optgroup,select,textarea
{
    color:inherit;
    font:inherit;
    margin:0
}

button
{
    overflow:visible
}

button,select
{
    text-transform:none
}

button,html input[type="button"],input[type="reset"],input[type="submit"]
{
    -webkit-appearance:button;
    cursor:pointer
}

button[disabled],html input[disabled]
{
    cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner
{
    border:0;
    padding:0
}

input
{
    line-height:normal
}

input[type="checkbox"],input[type="radio"]
{
    box-sizing:border-box;
    padding:0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button
{
    height:auto
}

input[type="search"]
{
    -webkit-appearance:textfield;
    box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
    -webkit-appearance:none
}

fieldset
{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}

legend
{
    border:0;
    padding:0
}

textarea
{
    overflow:auto
}

optgroup
{
    font-weight:bold
}

table
{
    border-collapse:collapse;
    border-spacing:0
}

td,th
{
    padding:0
}


/*# neue klasse */
.foundation-mq
{
    font-family:"small=0;
    medium=40;
    large=64;
    xlarge=75;
    xxlarge=90"
}

html,body
{
    font-size:100%;
    box-sizing:border-box
}

*,*:before,*:after
{
    box-sizing:inherit
}

body
{
    padding:0;
    margin:0;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.85rem;
    font-weight:normal;
    line-height:1.5;
    color:#222222;
    /*background: red; */                                     /* #fefefe; */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

img
{
    max-width:100%;
    height:auto;
    -ms-interpolation-mode:bicubic;
    display:inline-block;
    vertical-align:middle
}

textarea
{
    height:auto;
    min-height:50px;
    border-radius:0
}

select
{
    width:100%;
    border-radius:0
}

#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object
{
    max-width:none !important
}

button
{
    -webkit-appearance:none;
    -moz-appearance:none;
    background:transparent;
    padding:0;
    border:0;
    border-radius:0;
    line-height:1
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td
{
    margin:0;
    padding:0
}

p
{
    font-size:inherit;
    line-height:1.6;
    margin-bottom:1rem;
    text-rendering:optimizeLegibility
}

em,i
{
    font-style:italic;
    line-height:inherit
}

strong,b
{
    font-weight:bold;
    line-height:inherit
}

small
{
    font-size:80%;
    line-height:inherit
}

h1,h2,h3,h4,h5,h6
{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-style:normal;
    color:#222222;
    text-rendering:optimizeLegibility;
    margin-top:0;
    margin-bottom:0.5rem;
    line-height:1.4
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small
{
    color:#cacaca;
    line-height:0
}

h1
{
    font-size:1.6rem
}

h2
{
    font-size:1.4rem;
    /*color: red;*/
}

h3
{
    font-size:1.2rem;
    /*color: green;*/
}

h4
{
    font-size:1rem;
}

h5
{
    font-size:1.05rem;
}

h6
{
    font-size:1rem
}

@media screen and (min-width: 40em)
{
 /*   h1
    {
    font-size:3rem
    }

    h2
    {
    font-size:2.5rem
    }

    h3
    {
    font-size:1.9375rem
    }

    h4
    {
    font-size:1.5625rem
    }

    h5
    {
    font-size:1.25rem
    }

    h6
    {
    font-size:1rem
    }*/
}

a
{
    color:#c86b37;
    text-decoration:none;
    line-height:inherit;
    cursor:pointer
}

a:hover,a:focus
{
    color:#d89570;
}

a img
{
    border:0
}

hr
{
    max-width:62.5remrem;
    height:0;
    border-top:0;
    border-bottom:1px solid #cacaca;
    margin:1.25rem auto;
    clear:both
}

ul,ol,dl
{
    line-height:1.6;
    margin-bottom:1rem;
    list-style-position:outside
}

li
{
    font-size:inherit
}

ul
{
    list-style-type:disc;
    margin-left:1.25rem;
}

ol
{
    margin-left:1.25rem;
}

ul ul,ol ul,ul ol,ol ol
{
    margin-left:1.25rem;
    margin-bottom:0;
    list-style-type:inherit;
}

dl
{
    margin-bottom:1rem;
}

dl dt
{
    margin-bottom:0.3rem;
    font-weight:bold;
}

dd{
    margin-bottom: 8px;
}

blockquote
{
    margin:0 0 1rem;
    padding:0.5625rem 1.25rem 0 1.1875rem;
    border-left:1px solid #cacaca;
    font-size: 0.8rem;
    font-style: italic;
}

blockquote,blockquote p
{
line-height:1.6;
color:#8a8a8a
}

cite
{
display:block;
font-size:0.8125rem;
color:#8a8a8a
}

cite:before
{
content:'\2014 \0020'
}

abbr
{
color:#222222;
cursor:help;
border-bottom:1px dotted #0a0a0a
}

code
{
font-family:Consolas, "Liberation Mono", Courier, monospace;
font-weight:normal;
color:#0a0a0a;
background-color:#e6e6e6;
border:1px solid #cacaca;
padding:0.125rem 0.3125rem 0.0625rem
}

kbd
{
padding:0.125rem 0.25rem 0;
margin:0;
background-color:#e6e6e6;
color:#0a0a0a;
font-family:Consolas, "Liberation Mono", Courier, monospace
}

/*# neue klasse */
.subheader
{
margin-top:0.2rem;
margin-bottom:0.5rem;
font-weight:normal;
line-height:1.4;
color:#8a8a8a
}

/*# neue klasse */
.lead
{
font-size:125%;
line-height:1.6
}

/*# neue klasse */
.stat
{
font-size:2.5rem;
line-height:1
}

p+.stat
{
margin-top:-1rem
}

/*# neue klasse */
.no-bullet
{
margin-left:0;
list-style:none
}

/*# neue klasse */
.text-left
{
text-align:left
}

@media screen and (min-width: 40em)
{
/*# neue klasse */
.medium-text-left
{
text-align:left
}


}

@media screen and (min-width: 64em)
{
/*# neue klasse */
.large-text-left
{
text-align:left
}


}

/*# neue klasse */
.text-right
{
text-align:right
}

@media screen and (min-width: 40em)
{
/*# neue klasse */
.medium-text-right
{
text-align:right
}


}

@media screen and (min-width: 64em)
{
/*# neue klasse */
.large-text-right
{
text-align:right
}


}

/*# neue klasse */
.text-center
{
text-align:center
}

@media screen and (min-width: 40em)
{
/*# neue klasse */
.medium-text-center
{
text-align:center
}


}

@media screen and (min-width: 64em)
{
/*# neue klasse */
.large-text-center
{
text-align:center
}


}

/*# neue klasse */
.text-justify
{
text-align:justify
}

@media screen and (min-width: 40em)
{
/*# neue klasse */
.medium-text-justify
{
text-align:justify
}


}

@media screen and (min-width: 64em)
{
/*# neue klasse */
.large-text-justify
{
text-align:justify
}


}

/*# neue klasse */
.show-for-print
{
display:none !important
}

@media print
{
*
{
background:transparent !important;
color:black !important;
box-shadow:none !important;
text-shadow:none !important
}

/*# neue klasse */
.show-for-print
{
display:block !important
}

/*# neue klasse */
.hide-for-print
{
display:none !important
}

table.show-for-print
{
display:table !important
}

thead.show-for-print
{
display:table-header-group !important
}

tbody.show-for-print
{
display:table-row-group !important
}

tr.show-for-print
{
display:table-row !important
}

td.show-for-print
{
display:table-cell !important
}

th.show-for-print
{
display:table-cell !important
}

a,a:visited
{
text-decoration:underline
}

a[href]:after
{
content:" (" attr(href) ")"
}

/*# neue klasse */
.ir a:after,a[href^='javascript:']:after,a[href^='#']:after
{
content:''
}

abbr[title]:after
{
content:" (" attr(title) ")"
}

pre,blockquote
{
border:1px solid #999;
page-break-inside:avoid
}

thead
{
display:table-header-group
}

tr,img
{
page-break-inside:avoid
}

img
{
max-width:100% !important
}

@page
{
margin:0.5cm
}

p,h2,h3
{
orphans:3;
widows:3
}

h2,h3
{
page-break-after:avoid
}


}

/*# neue klasse */
.button
{
    display:inline-block;
    text-align:center;
    line-height:1;
    cursor:pointer;
    -webkit-appearance:none;
    transition:all 0.25s ease-out;
    vertical-align:middle;
    border:1px solid transparent;
    padding:0.5em 0.5em;                                    /* padding:0.85em 1em; */
    margin:1rem 0.5rem 1rem 0;
    font-size:0.9rem;
    background:#222222;
    color:#fff
}

[data-whatinput="mouse"] .button
{
    outline:0
}

/*# neue klasse */
.button:hover,.button:focus
{
    background:#7e7e7e;
    color:#fff
}

/*# neue klasse */
.button.tiny
{
font-size:0.6rem
}

/*# neue klasse */
.button.small
{
font-size:0.75rem
}

/*# neue klasse */
.button.large
{
font-size:1.25rem
}

/*# neue klasse */
.button.expanded
{
display:block;
width:100%;
margin-left:0;
margin-right:0
}

/*# neue klasse */
.button.primary
{
background:#2199e8;
color:#fff
}

/*# neue klasse */
.button.primary:hover,.button.primary:focus
{
background:#147cc0;
color:#fff
}

/*# neue klasse */
.button.secondary
{
background:#777;
color:#fff
}

/*# neue klasse */
.button.secondary:hover,.button.secondary:focus
{
background:#5f5f5f;
color:#fff
}

/*# neue klasse */
.button.success
{
background:#3adb76;
color:#fff
}

/*# neue klasse */
.button.success:hover,.button.success:focus
{
background:#22bb5b;
color:#fff
}

/*# neue klasse */
.button.alert
{
background:#ec5840;
color:#fff
}

/*# neue klasse */
.button.alert:hover,.button.alert:focus
{
background:#da3116;
color:#fff
}

/*# neue klasse */
.button.warning
{
background:#ffae00;
color:#fff
}

/*# neue klasse */
.button.warning:hover,.button.warning:focus
{
background:#cc8b00;
color:#fff
}

/*# neue klasse */
.button.hollow
{
border:1px solid #2ba6cb;
color:#2ba6cb
}

/*# neue klasse */
.button.hollow,.button.hollow:hover,.button.hollow:focus
{
background:transparent
}

/*# neue klasse */
.button.hollow:hover,.button.hollow:focus
{
border-color:#165366;
color:#165366
}

/*# neue klasse */
.button.hollow.primary
{
border:1px solid #2199e8;
color:#2199e8
}

/*# neue klasse */
.button.hollow.primary:hover,.button.hollow.primary:focus
{
border-color:#0c4d78;
color:#0c4d78
}

/*# neue klasse */
.button.hollow.secondary
{
border:1px solid #777;
color:#777
}

/*# neue klasse */
.button.hollow.secondary:hover,.button.hollow.secondary:focus
{
border-color:#3c3c3c;
color:#3c3c3c
}

/*# neue klasse */
.button.hollow.success
{
border:1px solid #3adb76;
color:#3adb76
}

/*# neue klasse */
.button.hollow.success:hover,.button.hollow.success:focus
{
border-color:#157539;
color:#157539
}

/*# neue klasse */
.button.hollow.alert
{
border:1px solid #ec5840;
color:#ec5840
}

/*# neue klasse */
.button.hollow.alert:hover,.button.hollow.alert:focus
{
    border-color:#881f0e;
    color:#881f0e
}

/*# neue klasse */
.button.hollow.warning
{
    border:1px solid #ffae00;
    color:#ffae00
}

/*# neue klasse */
.button.hollow.warning:hover,.button.hollow.warning:focus
{
    border-color:#805700;
    color:#805700
}

/*# neue klasse */
.button.disabled
{
    opacity:0.25;
    cursor:not-allowed;
    pointer-events:none
}

/*# neue klasse */
.button.dropdown::after
{
    content:'';
    display:block;
    width:0;
    height:0;
    border:inset 0.4em;
    border-color:#fefefe transparent transparent;
    border-top-style:solid;
    position:relative;
    top:0.4em;
    float:right;
    margin-left:1em;
    display:inline-block
}

/*# neue klasse */
.button.arrow-only::after
{
    margin-left:0;
    float:none;
    top:0.2em
}

/*# neue klasse */
.button-group
{
    margin-bottom:1rem;
    font-size:0.9rem
}

/*# neue klasse */
.button-group::before,.button-group::after
{
    content:' ';
    display:table
}

/*# neue klasse */
.button-group::after
{
    clear:both
}

/*# neue klasse */
.button-group .button
{
    float:left;
    margin:0;
    font-size:inherit
}

/*# neue klasse */
.button-group .button:not(:last-child)
{
    border-right:1px solid #fefefe
}

/*# neue klasse */
.button-group.tiny
{
    font-size:0.6rem
}

/*# neue klasse */
.button-group.small
{
    font-size:0.75rem
}

/*# neue klasse */
.button-group.large
{
    font-size:1.25rem
}

/*# neue klasse */
.button-group.expanded .button:nth-last-child(2):first-child,.button-group.expanded .button:nth-last-child(2):first-child ~ .button
{
    width:50%
}

/*# neue klasse */
.button-group.expanded .button:nth-last-child(3):first-child,.button-group.expanded .button:nth-last-child(3):first-child ~ .button
{
    width:33.33333%
}

/*# neue klasse */
.button-group.expanded .button:nth-last-child(4):first-child,.button-group.expanded .button:nth-last-child(4):first-child ~ .button
{
    width:25%
}

/*# neue klasse */
.button-group.expanded .button:nth-last-child(5):first-child,.button-group.expanded .button:nth-last-child(5):first-child ~ .button
{
    width:20%
}

/*# neue klasse */
.button-group.expanded .button:nth-last-child(6):first-child,.button-group.expanded .button:nth-last-child(6):first-child ~ .button
{
    width:16.66667%
}

/*# neue klasse */
.button-group.primary .button
{
    background:#2199e8;
    color:#fff
}

/*# neue klasse */
.button-group.primary .button:hover,.button-group.primary .button:focus
{
    background:#147cc0;
    color:#fff
}

/*# neue klasse */
.button-group.secondary .button
{
    background:#777;
    color:#fff
}

/*# neue klasse */
.button-group.secondary .button:hover,.button-group.secondary .button:focus
{
    background:#5f5f5f;
    color:#fff
}

/*# neue klasse */
.button-group.success .button
{
    background:#3adb76;
    color:#fff
}

/*# neue klasse */
.button-group.success .button:hover,.button-group.success .button:focus
{
    background:#22bb5b;
    color:#fff
}

/*# neue klasse */
.button-group.alert .button
{
    background:#ec5840;
    color:#fff
}

/*# neue klasse */
.button-group.alert .button:hover,.button-group.alert .button:focus
{
    background:#da3116;
    color:#fff
}

/*# neue klasse */
.button-group.warning .button
{
    background:#ffae00;
    color:#fff
}

/*# neue klasse */
.button-group.warning .button:hover,.button-group.warning .button:focus
{
    background:#cc8b00;
    color:#fff
}

/*# neue klasse */
.button-group.stacked .button,.button-group.stacked-for-small .button
{
    width:100%;
    border-right:0
}

@media screen and (min-width: 40em)
{
/*# neue klasse */
.button-group.stacked-for-small .button
{
    width:auto
}

/*# neue klasse */
.button-group.stacked-for-small .button:not(:last-child)
{
    border-right:1px solid #fefefe
}


}

/*# neue klasse */
.close-button
{
    position:absolute;
    color:#8a8a8a;
    right:1rem;
    top:0.5rem;
    font-size:2em;
    line-height:1;
    cursor:pointer
}

[data-whatinput="mouse"] .close-button
{
    outline:0
}

/*# neue klasse */
.close-button:hover,.close-button:focus
{
    color:#0a0a0a
}

/*# neue klasse */
.menu
{
    margin:0;
    list-style-type:none;
}

/*# neue klasse */
.menu>li
{
    display:table-cell;
    vertical-align:middle;
}

[data-whatinput="mouse"] .menu>li
{
    outline:0;
}

/*# neue klasse */
.menu>li>a
{
    display:block;
    padding:0.7rem 1rem;
    line-height:1;
}

/*# neue klasse */
.menu input,.menu a,.menu button
{
    margin-bottom:0;
}

/*# neue klasse */
.menu>li>a>img,.menu>li>a>i
{
    vertical-align:middle;
}

/*# neue klasse */
.menu>li>a>span
{
    vertical-align:middle;
}

/*# neue klasse */
.menu>li>a>img,.menu>li>a>i
{
    display:inline-block;
    margin-right:0.25rem;
}

/*# neue klasse */
.menu>li
{
    display:table-cell;
}

.menu.vertical>li
{
    display:block;
}

/*# neue klasse */
.menu.buttons>{
    display:block;
    background-color: blue;
    width:100%;
}

.menu.buttons>li>a                           /*.menu.vertical>li */
{
    /* display:block; */
    background-color: #222222;
    color: white;
    margin-right: 10px;
    padding: 8px;
}

.menu.buttons>li>a:hover
{
    /* display:block; */
    background-color: #7e7e7e;
}

.menu .menu-item--active-trail{
    background-color: white;
    color:#222222;
}


#block-myswhzb-tools a{
    background-color: #c86b37;
    margin-top: 10px;
    padding: 8px;
    color: white;
}

#block-myswhzb-tools a:hover{
    background-color: #c6825c;
    margin-top: 10px;
    padding: 8px;
    color: white;
}

@media screen and (min-width: 40em)
{
/*# neue klasse */
.menu.medium-horizontal>li
{
    display:table-cell
}

/*# neue klasse */
.menu.medium-vertical>li
{
    display:block
}


}

@media screen and (min-width: 64em)
{
/*# neue klasse */
.menu.large-horizontal>li
{
    display:table-cell
}

/*# neue klasse */
.menu.large-vertical>li
{
    display:block
}


}

/*# neue klasse */
.menu.simple a
{
    padding:0;
    margin-right:1rem;
}

/*# neue klasse */
.menu.align-right>li
{
    float:right;
}

/*# neue klasse */
.menu.expanded
{
    display:table;
    width:100%;
}

/*# neue klasse */
.menu.expanded>li:nth-last-child(2):first-child,.menu.expanded>li:nth-last-child(2):first-child ~ li
{
    width:50%
}

/*# neue klasse */
.menu.expanded>li:nth-last-child(3):first-child,.menu.expanded>li:nth-last-child(3):first-child ~ li
{
    width:33.33333%
}

/*# neue klasse */
.menu.expanded>li:nth-last-child(4):first-child,.menu.expanded>li:nth-last-child(4):first-child ~ li
{
    width:25%
}

/*# neue klasse */
.menu.expanded>li:nth-last-child(5):first-child,.menu.expanded>li:nth-last-child(5):first-child ~ li
{
    width:20%
}

/*# neue klasse */
.menu.expanded>li:nth-last-child(6):first-child,.menu.expanded>li:nth-last-child(6):first-child ~ li
{
    width:16.66667%
}

/*# neue klasse */
.menu.expanded>li:first-child:last-child
{
    width:100%
}

/*# neue klasse */
.menu.icon-top>li>a
{
    text-align:center
}

/*# neue klasse */
.menu.icon-top>li>a>img,.menu.icon-top>li>a>i
{
    display:block;
    margin:0 auto 0.25rem
}

/*# neue klasse */
.menu.nested
{
    margin-left:1rem
}

/*# neue klasse */
.menu-text
{
    font-weight:bold;
    color:inherit;
    line-height:1;
    padding-top:0;
    padding-bottom:0;
    padding:0.7rem 1rem
}

html
{
    font-size:100%
}

body
{
    -webkit-font-smoothing:antialiased;
    background:#fff;
    font-family:sans-serif
}

*
{
    box-sizing:border-box
}

.allinone{

    background-color: #ededed;
    padding-top: 20px;
}

/*# neue klasse */
.container
{
    width: 950px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    background: white;
}

/*# neue klasse */
.container:after
{
    content:" ";
    display:block;
    clear:both
}

* html .clearfix
{
    height:1%;
    overflow:visible
}

*+html .clearfix
{
    min-height:1%
}

/*# neue klasse */
.clearfix:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    font-size:0
}

/*# neue klasse */
.clr
{
    clear:both
}


/*# neue klasse */
.main-header{
    /*background-color: rosybrown;*/
    width:950px;
}

.usernav{
    /*background-color: blue;*/
    display: inline-block;
    clear:right;
    padding-top: 10px;
    padding-left: 83px;
    font-size: 0.8rem;
}

/*# neue klasse */
.header-bild{
    height:350px;
    display: block;
    clear:both;
}

.header-bild-node, .header-bild-artikel{
     background:url(../images/home.jpg) no-repeat center center;
}
.header-bild-intern, .header-bild-aktuelle-user-liste{
     background:url(../images/intern.jpg) no-repeat center center;
}
.header-bild-anomalien, .header-bild-aktuelle-user-liste{
     background:url(../images/intern.jpg) no-repeat center center;
}
.header-bild-zuchthunde, .header-bild-aktuelle-user-liste{
     background:url(../images/intern.jpg) no-repeat center center;
}

.header-bild-verein{
     background:url(../images/verein.jpg) no-repeat center center;
}
.header-bild-mitglieder{
     background:url(../images/mitglieder.jpg) no-repeat center center;
}
.header-bild-zucht{
     background:url(../images/zucht.jpg) no-repeat center center;
}
.header-bild-veranstaltungen{
     background:url(../images/veranstaltungen.jpg) no-repeat center center;
}
.header-bild-media{
     background:url(../images/media.jpg) no-repeat center center;
}
.header-bild-faqs{
     background:url(../images/faqs.jpg) no-repeat center center;
}
.header-bild-contact{
     background:url(../images/contact.jpg) no-repeat center center;
}
.header-bild-form{
     background:url(../images/contact.jpg) no-repeat center center;
}


.header-bild-visitenkarten{
     background:url(../images/visitenkarten.jpg) no-repeat center center;
}
.header-bild-hunde{
     background:url(../images/hunde.jpg) no-repeat center center;
}
.header-bild-impressum{
     background:url(../images/impressum.jpg) no-repeat center center;
}
.header-bild-datenschutz{
     background:url(../images/impressum.jpg) no-repeat center center;
}
.header-bild-user{
     background:url(../images/user.jpg) no-repeat center center;
}
.header-bild-zuechter{
     background:url(../images/zucht.jpg) no-repeat center center;
}

.header-bild-richter{
     background:url(../images/richter.jpg) no-repeat center center;
}

/*# neue klasse */
.logo
{
    box-sizing:border-box;
    /*width:16.66667%;*/
    float:left;
    /*padding-left:0.83333%;*/
    /*padding-right:0.83333%;  */
    padding-right:20px;
    padding-top: 5px;
    padding-left: 5px;
    margin:0;
    /*background-color: palegreen;*/
}


/*# neue klasse */
.logo img
{
max-width:100%
}


/*# neue klasse */
.logotext{

    /*background-color: black;*/
    height:105px;
    display: inline-block;
    padding-top: 15px;
    float:left;
}

.logotext a {

    font-size: 1.3rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #222222;
    margin-top: 0px;
    padding-top: 0px;
    /*display: inline;*/
 }

.logotext p {
    font-size: 0.9rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: sans-serif;
    color: #222222;
}


/*# neue klasse */
.main-navigation
{
    /*display: block;*/
    background-color: #222222;
                                /* margin-top:25px; */
    box-sizing:border-box;
    width:100%;                 /* 41.66667% */
    float:left;
                                /* padding-left:0.83333%; */
                                /* padding-right:0.83333%  */
}

/*# neue klasse */
.main-navigation li
{
    float:left;
    position:relative;
}

/*# neue klasse */
.main-navigation ul ul                  /* Edge problem in Navi ---------------------*/
{
    position:absolute;
    width:200px;
    /*height: 30px;*/
    /*background:red;*/
    display:none;
}

/*# neue klasse */
.main-navigation ul ul li{
    float:none;
    z-index: 99;
    /*background-color: aqua;*/
    /*height:35px;*/
    list-style-type: none;
}

/*# neue klasse */
.main-navigation ul ul li a{
    color:#222222;
    background-color: white;
    display:block;
    padding:5px;
    border-bottom:1px solid #7e7e7e;
    /*border-top:1px solid #7e7e7e; */
    border-left:1px solid #7e7e7e;
    border-right:1px solid #7e7e7e;
}

/*# neue klasse */
.main-navigation ul ul li a:hover{
    background:#222222;
    color:#fff;
    text-decoration:none;
    border-top:1px solid #7e7e7e;
}


/*# neue klasse */
.main-navigation a{
    display:block;
    color:white;
    text-decoration:none;
    padding:0 0px;
    background-color: #222222;
    border-bottom:1px solid #222222;
    border-left:1px solid #222222;

}

/*# neue klasse */
.main-navigation a:hover{
    /* text-decoration:underline */
    text-decoration: none;
    color: #222222;
    background-color: white;
}

.main-navigation a:default{
    /* text-decoration:underline */
    text-decoration: none;
    color: white;
    background-color: #222222;
}


main
{
    margin-top:0px;                /*100px */
}

/*# neue klasse */
.nodeheader{
    padding-top: 20px;
}

.internansicht .nodeheader{
    padding-top: 20px;
}

/*# neue klasse */
.layout-content100{
    box-sizing:border-box;
    width:100%;
    float:left;
    padding-left:2%;
    padding-right:2%;
}

.layout-content75{
    box-sizing:border-box;
    width:73%;
    float:left;
    padding-left:2%;
    padding-right:0.83333%;
}

.layout-content50{
    box-sizing:border-box;
    width:46%;
    float:left;
    padding-left:2%;
    padding-right:0.83333%
}

/*# neue klasse */
.layout-sidebar-first
{
    box-sizing:border-box;
    width:27%;
    float:left;
    padding-left:0.83333%;
    padding-right:0.83333%
}

/*# neue klasse */
.layout-sidebar-second
{
    box-sizing:border-box;
    width:27%;                                    /*width:16.66667%;*/
    float:right;
    padding-left:0.83333%;
    padding-right:0.83333%;
    margin:30px 0;
    /*background-color: pink;*/
}


.layout-sidebar-second h2 {
    border-bottom: 1px solid #7e7e7e;
    font-size: 1em;
    line-height: 1.2;
    margin: 0 0 0.5em;
    padding-bottom: 5px;
    padding-top: 5px;
    text-shadow: 0 1px 0 #fff;
}

.layout-sidebar-second ul{
    /* display:list-item; */
    /*list-style:disc outside none; */
    /*background-color: aquamarine; */
    width:100%;
    /* text-align: right;*/
}

/*.layout-sidebar-second li{
    display:list-item;
    list-style:disc outside none;
}*/

.layout-sidebar-second a, .link {
    color: #c86b37;
}
.layout-sidebar-second a, a.link {
                                        /* border-bottom: 1px dotted; */
    text-decoration: none;
}



article{

   /* background-color: pink;*/
}

article footer{
    color: gray;
    font-size: 0.75rem;
    margin-bottom: 10px;
}

/*# neue klasse */
.views-row
{
    margin: 10px 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ededed;

}

/*# neue klasse */
.article-list h3 a
{
    color: blue;
    font-size: 1.2rem;                  /* größe mit standard abgeglichen für h3 */
    text-decoration:none
}

/*# neue klasse */
.article-list h2 a
{
    color: #222222;
    font-size: 1.2rem;                    /* größe mit standard abgeglichen für h3 */
    text-decoration:none;
    /*font-size:20px*/
}

/*# neue klasse */
.article-list p
{
    line-height:1.5
}

/*# neue klasse */
.article-list .views-row
{
    margin: 10px 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ededed;
}

.teaser .artikelhund{
    font-weight: bold;
}

.internteasertitel::before {
        content: "Intern: ";   
}

.full .verein{
  background-color: #ededed;
  padding-bottom: 5px;
  padding-left: 8px;
  vertical-align: top;
}

.full .verein div{
  display: inline-block;
  font-weight: bold;
  margin-top: 5px;
  vertical-align: top;
}

.full .verein .multi ul{
    margin-bottom: 0;
    margin-left: 20px;
}

.full .ausgabeA{
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

.full .ausgabeA ul{
    margin-left:20px;
}

.full .verein .ausgabeB{
    /*background-color: red;*/
    font-weight: normal;
}

.full .verein .multi .ausgabeB{
    font-weight: normal;
}


.list-in{
    margin-left: 30px;
}

.visitenkarte .full .label{
    margin-bottom: 5px;
}

.visitenkarte .full .label div{
    display: inline-block;
    font-weight: bold;
}

.visitenkarte .full .label .inhalt{
    font-weight: normal;
}

.full .visitenkarte .label{
    display: block;
    margin-bottom: 5px;
}

.full .visitenkarte .label div{
    font-weight: bold;
    display: inline-block;
}

.full .visitenkarte .label div a{
    font-weight: normal;
}

.default .label div{
    display: inline-block;
    font-weight: bold;
}

.default .label div a{
    font-weight: normal;
}

.hundetabelle .visitenkarte {
    font-size: 0.8rem;
}

.homepagelink::before, .facebooklink::before{
    content: "»";    
    margin-right: 4px;
    font-size: 0.9rem;
}


.full .downloadintern div div{
  background-color: #ededed;
  padding-bottom: 5px;
  padding-left: 8px;
  vertical-align: top;
}

.full .downloadintern .linkintern{
  padding-left: 20px; 
  font-weight: bold;
}

.full .downloadintern .linkintern p{
  font-weight: normal;
}


.full .downloadintern .linkintern ul{
  display: inline-block;
  padding-left: 15px;
  font-weight: normal;
  list-style: disc;
}


.full .zucht{
  background-color: #ededed;
  padding-bottom: 5px;
  padding-left: 8px;
  vertical-align: top;
}

.full .zucht div{
  /*background-color: aquamarine;*/
  display: inline-block;
  font-weight: bold;
  margin-top: 5px;
  vertical-align: top;
}

.full .zucht .multi ul{
    margin-bottom: 0;
}

.full .zucht .multi li{
    margin-left: 15px;
}

.full .ausgabeA{                /* doppelt da schon bei verein */
    font-weight: normal;
    margin-top: 20px;
}

.full .zucht .ausgabeB{
    /*background-color: red;*/
    font-weight: normal;
}

.full .zucht .multi .ausgabeB{
    font-weight: normal;
}

/*# neue klasse */
.cols-0{
    border-collapse:separate;
    border-spacing: 0 10px;
    /*background-color: firebrick;*/
}

/*# neue klasse */
.cols-1,.cols-2,.cols-3,.cols-4,.cols-5,.cols-6,.cols-7,.cols-8,.cols-9,.cols-10 {
    border-collapse:separate;
    border-spacing: 5px 10px;
    /*border: 1px solid #222222;*/
    margin-top: 10px;
    margin-bottom: 20px;
    /*background-color: firebrick;*/

 }

.cols-8,.cols-9, .cols-10, .cols-11{
    border-collapse:separate;
    border-spacing: 5px 10px;
    /*border: 1px solid #222222;*/
    margin-top: 10px;
    margin-bottom: 20px;
    /*background-color: firebrick;*/
    font-size: 0.8rem;

 }

.cols-1,.cols-2,.cols-3{
}

.cols-4,.cols-5,.cols-6,.cols-7,.cols-8,.cols-9,.cols-10 th{
    font-weight: bold;
    background-color: antiquewhite;
}


.kennelhundeliste td{
    font-weight: normal;
    margin: 10px 10px 20px 10px;
    padding: 8px 10px;
    border: 1px solid #222222;
    background-color: #ededed;
}

.ausstellungslistehund td{
    font-weight: normal;
    /*margin: 10px 10px 20px 10px;*/
    padding: 5px 8px;
    border: 1px solid #222222;
    background-color: #ededed;
}

/*#view-field-hundegeburtstag-table-column  a{
    color:#222222;
}*/


.ingedenken{
    background-color: antiquewhite;
    font-weight: normal;
    display: inline-block;
    width:48%;
    height: 260px;
    margin-right: 10px;
    margin-bottom: 20px;
    vertical-align: top;
}

.ingedenken span{
    /*background-color: red;*/
    vertical-align: top;
    padding-right: 5px;
    font-weight: bold;
}

.ingedenken div{
    /*background-color: azure;*/
    display: inline-block;
    vertical-align: top;
    /*clear:right;*/
    /*float:left;
    padding-right: 5px;*/
}

.ingedenken .Name{
    /*background-color: blue;*/
    font-size: 1rem;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}

.ingedenken .bild{
    /*background-color: skyblue;*/
    margin-right: 5px;
    box-sizing: border-box;
    float: left;
}

.ingedenken .rufname{
    /*background-color: pink;*/
    display:flex;
}

.ingedenken .vondatum{
    display: inline-block;
}

.ingedenken .bisdatum{
    /*background-color: orange;*/
    display:inline-block;           /*mit flex gibts einen umbruch*/
    padding-left: 5px;
}
                                    /*Problem dass es nach wert kein Umbruch gibt immer noch */

.ingedenken .todesursache-label{
    /*background-color: olivedrab;*/
    display:flex;
    padding-top: 10px;
    font-weight: bold;
}

/*.ingedenken .field-content{
    background-color: olivedrab;
}*/

.multihidden {
    /*display: flex;*/
}

/* für die Bildergallerie auf der Hundeseite */

.full .hunde .hunde-blockA .bildit .myBilder {display:none;}

.full .hunde .hunde-blockA .bildit .myBilderInaktiv {
    display:none;
    border:2px solid #fb4343;
    margin:0 0 10px 0;
    padding: 5px;
    background-color: #fb4343;
}

.xfull .hundekarten .teaserblock .hundeblock .hundentity .welpen .ausgabeA .dispay_suite_darstellung .hunde .hunde-blockA .bildit .myBilder {        
    display:block;
    border:3px solid #ff0000;
}

.sliderpfeil-left, .sliderpfeil-right {
    cursor:pointer;
    /*border:1px solid #000000;*/
    color:black;
    background-color: rgba(250,250,250,0.5);
;
    padding-left:5px;
    padding-right: 5px;
    padding-top:0;
    padding-bottom:0;
    display: inline-block;
    margin:0;
}

.sliderpfeil-hover-text:hover{color:black;}

.slider-badgegroup{
    background-color: rgba(250,250,250,0.5);
    display: inline-block;
    vertical-align: bottom;
    margin:0;
}

.slider-badge{
    /*cursor:pointer;*/
    background-color:#000;
    color:#fff;
    display:inline-block;
    margin-left:2px;
    margin-right:2px;
    margin-bottom: 2px;
    text-align:center;
    border-radius:50%;
    height:7px;
    width:7px;
}

.slider-content{max-width:400px;}
.slider-display-container{position:relative;}

.slider-center{display: block; text-align:center;}
.slider-section{margin-top:0;margin-bottom:20px;}
.slider-large{font-size:18px;}
.slider-text-white{color:#fff;}
.slider-display-bottommiddle{
    position:absolute;
    left:47%;
    bottom:0;
    transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
}

.slider-border{border:1px solid #000;}
.slider-hover-white:hover{color:grey;background-color:grey;border-color:black;}

.slider-white{
    color:grey;
    background-color:grey;
    border-color:black;
}


.hunde{
    /*background-color: greenyellow;*/
    margin-bottom: 20px;
    padding: 5px;
}

.hunde .infoit .redit{
    color:red;
}

.hunde img{
    padding-right: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
    float: left;
}

.hunde div div div{
    /*background-color: yellow;*/
    display:inline-flex;
    /*vertical-align: top;*/
    padding-right: 5px;
    /*padding-bottom: 5px;*/
}

.hunde div div {
    /*background-color: green;*/
    /*display: inline-grid;*/
    vertical-align: top;
}

.hundelabel{
    font-weight: bold;
    display: inline-block;
    padding-top: 3px;
    /*padding-bottom: 3px;*/
    /*background-color: red;*/
}

.hunde .infoit .verst{
    /*background-color: aqua;*/
    display: inline-block;
}

.verstdate{
    font-weight: normal;
}

.hunde-blockA {
    /*background-color: skyblue;*/
    vertical-align: top;
}

.hunde-blockB {
    background-color: #ededed;
    display: inline-block;
    width:31%;
    padding: 5px;
    margin-right: 5px;
    vertical-align: top;
    font-size: 0.8rem;
}

 .hunde-blockB{
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
}

.hunde-blockB .headline{
    font-weight: bold;
    display: block;
    background-color: grey;
    color: white;
    padding: 3px;
}

.hundelink .linkkleid{
    font-weight: bold;
}

.hunde-blockC {
    background-color: #ededed;
    display: block;
    width:100%;
    padding: 5px;
    margin-right: 5px;
    margin-top: 10px;
    vertical-align: top;
    font-size: 0.8rem;
}

.hunde-blockC .hundelabel{
    display: block;
}

.hunde .hunde-blockA .bildit, .hunde .hunde-blockA .infoit{
    display: inline-block;
}

.hunde .hunde-blockA .infoit div{
    display: block;
    margin-bottom:3px;
    padding:0;
}

.hunde .hunde-blockA .infoit div .hundelabel, .hunde .hunde-blockA .infoit div div{
    display: inline-block;
}

.hunde-blockB div .hundelabel, .hunde-blockB div div{
    display: inline-block;
    margin-top: 3px;
}

.hundelabelwerte{
    /*margin-top: 3px;*/
    padding-top: 3px;
    vertical-align: top;
}

.clearit {
    clear: both;
}


.visitenkarte .teaser h4{
    color:#c86b37;
}

.visitenkarte .teaser .nodeheader{
    margin: 0;
}

.visitenkarte .teaser .hunde{
    margin: 0;
    padding: 0;
}

.visitenkarte .teaser .hunde-blockB{
    background-color: white;
    margin: 0;
    padding: 0;
}


.full .hunde {
    /*border: 1px solid #222222;*/
    padding: 10px;
}


.hundetabelle{                                  /* betrifft nur die TRs */
    /*background-color: purple;*/
}

.hundetabelle td{
    padding: 5px 8px;
    font-weight: normal;
    border: 1px solid #222222;
    background-color: #ededed;
    vertical-align: middle;
    text-align: center;
}

.hundetabelle .views-field-field-meine-visitenkarte-1, .hundetabelle .views-field-field-meine-visitenkarte{
    text-align: left;
}

.hundetabelle a{
    /*color:#222222;*/
    /*text-decoration: underline;*/
}

.full .welpen{
    margin-top: 0;
    margin-bottom: 20px;
}

.full .hundeblock{
    margin:0;
    text-align: center;
}

.full .hundentity{
    display: inline-block;
    /*background-color: red;*/
    vertical-align: top;
    margin: 0 30px 0 0;
}

.full .hundentity .welpen .ausgabeA .nodeheader{
      text-align: left;
      margin-left: 5px;
}

.full .hundentity .hunde{
    text-align: left;
}

.full .hundentity .welpen .hunde .hunde-blockA {
    /*background-color: aqua;*/
}

.full .hundentity .welpen .hunde .hunde-blockB {
    width:48%;
    min-height:100px;
    font-size: 0.8rem;
}

.hunde .hunde-blockB div{
    margin-bottom: 0;
}

.paraeins{
    font-weight: bold;
}

.hunde .hunde-blockB .paragraph, .hunde .hunde-blockB .paragraph div{
    margin: 0;
    padding: 0 5px 0 0;
    /*background-color: aquamarine;*/
}

.full .teaserblock .hundeblock .hundentity .welpen .ausgabeA{
    border: 1px solid #222222;
}

.full .hundentity .welpen .ausgabeA .hunde .clearit {
    clear: both;
    display: block;
    height: 0;
    /*background-color: blue;*/
}

.full .hundentity .welpen .hunde .hunde-blockA img{
    display: block;
    float:none;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
}

.full .hundentity .welpen .ausgabeA{
    background-color: white;
    min-height:500px;
    width: 420px;
}

.full .welpen .ausgabeA .hunde .hunde-blockA, .full .welpen .ausgabeA .hunde .hunde-blockB{
  text-align: left;
  margin:0;
}

.full .welpen .multi .ausgabeA{
  display: inline-block;
  background-color: white;
}

.full .welpen .multi div{
    text-align:center;
    margin: 0;
}

.full .welpen .ausgabeA{
    text-align:center;
    background-color: #ededed;
    padding-top: 10px;
    padding-bottom: 10px;
}

.full .welpen .label, .full .welpen .ausgabeB{
    display: inline-block;
}

.full .welpen .label{
    font-weight: bold;
}

.full .welpen p{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.full .welpen .label, .full .welpen .ausgabeB, .full .welpen a{
    font-size: 0.9rem;
    /*font-weight: bold;*/
}

.teaser .teaserblock{
    margin-left: 10px;
    vertical-align: top;
}

.teaser .welpen, .teaser .hundeblock, .teaser .teaserblock, .teaser .teaserblock .welpen .ausgabeB, .teaserblock .welpen .label{
    display: inline-block;
}

.teaser .teaserblock .welpen{
    display:block;
    padding-bottom: 8px;
}

.teaser .teaserblock .welpen .label{
    font-weight: bold;
}

.teaser .links{
    margin-bottom: 0;
    margin-top: 10px;
}

.teaser_2 .teaserblock{
    margin-left: 10px;
    vertical-align: top;
}

.teaser_2 .welpen, .teaser_2 .hundeblock, .teaser_2 .teaserblock, .teaser_2 .teaserblock .welpen .ausgabeB, .teaser_2 .teaserblock .welpen .label{
    display: inline-block;
}

.teaser_2 .teaserblock .welpen{
    display:block;
    padding-bottom: 8px;
}

.teaser_2 .links{
    margin-bottom: 0;
    margin-top: 10px;
}

.teaser_2 .teaserblock .welpen .label{
    font-weight: bold;
}

.zuechterblock {
    display: block;
    clear: both;
    background-color: #ededed;
    border: 1px solid #222222;
    margin-bottom: 10px;
    min-height: 230px;
}

/*.zuechterblock:nth-child(even){*/
/*    background-color: #ededed;*/
/*}*/

.zuechterblock div{
    display: block;
    /*background-color: aquamarine;*/
}

.zuechterblock .views-field-field-bild{
    float: right;
    background-color:#fff;
    width:340px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #222222;
}

.zuechterblock .views-field-field-bild img{
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

.zuechterblock .views-field-title{
    display: block;
    /*background-color: mediumvioletred;*/
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.zuechterblock .views-field-field-meine-visitenkarte-1{
    display: block;
    /*background-color: seagreen;*/
    margin-left: 5px;
}

.zuechterblock .views-field-field-meine-visitenkarte{
    margin-left: 5px;
}

.zuechterblock .views-field-body{
    display: block;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 10px;
}

.zuechterblock .views-field-field-visitenkarte .visitenkarte {
    display: inline-block;
    margin-right: 60px;
    vertical-align: top;
}

.homezuechter .grusslink{
    font-weight: bold;
}

.homezuechter ul{
    margin: 8px 0 0 0;
}


.zuechterblock .labelaktiv{
    display: inline-block;
    font-weight: bold;
    background-color: #c86b37;
    padding: 5px 8px 5px 8px;
    margin-right: 15px;
}

.full .zuechterfeld .labelaktiv{
    display: block;
    font-weight: bold;
    background-color: #c86b37;
    padding: 5px;
}


.full .zuechterfelder .visitenkarte .teaser_2 .visitenkarte{
    display: block;
    margin: 0;
}

.full .zuechterfelder .visitenkarte .teaser_2 .visitenkarte .teaser{
    padding: 0;
    margin: 0;
    /*background-color: antiquewhite;*/
}

.full .zuechterfelder .visitenkarte .teaser_2 .visitenkarte .teaser h2{
    padding: 0;
    margin: 0;
    /*background-color: antiquewhite;*/
}

.full .zuechterfelder .visitenkarte .teaser_2 .visitenkarte .teaser .hunde{
    padding: 0;
    margin: 0;
    /*background-color: aqua;*/
}

.full .zuechterfelder .visitenkarte .teaser_3 .visitenkarte{
    display: block;
    margin: 0;
}

.zuechter .full{
    margin-bottom: 10px;
}

.zuechter .full .label{
    font-weight: bold;
    display: inline-block;
}

.zuechter .full div div{
    display: inline-block;
    margin-bottom: 10px;
}

.zuechter .full .zuechterfelder div{
    margin-bottom: 10px;
}

.zuechter .full .zuechterfelder{
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.zuechter .full .zuechterfelder .visitenkarte h2 .nodeheader{
    margin-top: 0;
    padding-top: 0;
}

.zuechter .full .zuechterfelder img{
    /*border: 1px solid #ededed;*/
}

.zuechter .full .zuechterfelder .teaser_2 .visitenkarte .label {
    display: block;
    margin: 0;
    padding: 0;
}

.zuechter .full .zuechterfelder .teaser_3 .visitenkarte .label {
    display: block;
    margin: 0;
    padding: 0;
}

.zuechter .full .zuechterfelder .teaser_2 .hunde {
    width:500px;
    /*height:100px;*/
}

.zuechter .full .zuechterfelder .teaser_2 .hunde .hunde-blockA div{
    margin:0;
}

.zuechter .full .zuechterfelder p{
    display: inline-block;
    max-width: 600px;
}

.zuechter .full .zuechterfelder .label{
    display: inline-block;
    font-weight: bold;
}


.ausgabeA blockquote,blockquote p
{
    margin:0 0 1rem;
    padding:0.5625rem 1.25rem 0 1.1875rem;
    border-left:0px;
    font-size: 0.9rem;
    font-style: normal;

    line-height:1.6;
    color:#000000;
}


.veranstaltung{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.veranstaltung div{
    display: inline-block;
}

.veranstaltung img{
    margin-right: 20px;
}

.veranstaltung .label{
    font-weight: bold;
    vertical-align: top;
}

.veranstaltung p{
    margin-top: 10px;
    padding: 8px;
    background-color: #ededed;
    width: 910px;
}

.veranstaltung #Ende {
    margin-bottom: 10px;
}

.veranstaltung .abschnitt1{
    /*background-color: green;*/
    display: block;
    background-color: #ededed;
    padding: 8px;
    padding-right: 15px;
}

.veranstaltung .abschnitt2{
    display: block;
    /*background-color: gray;*/
}

.veranstaltung .abschnitt2 time{
    /*font-style: italic;*/
    font-weight: bold;
}

.veranstaltung .abschnitt2 li{
    list-style: none;
}

.full .seitenblock{
    /*background-color: red;*/
    display: inline-block;
    padding: 8px;
    /*width:650px;*/
}

.full .seitenblock .veranstaltung{
    display: block;
    margin-bottom: 2px;
}

.full .seitenblock .veranstaltung .abschnitt1 {
     background-color: white;
}

.full .seitenblock .veranstaltung .abschnitt2  li{
     list-style: disc;
}

.full .seitenblock .veranstaltung .liste li{
    margin-left: 15px;
}

.full .veranstaltung p{
    background-color: white;
}

.full .veranstaltung .liste .listenitem{
    display: block;
}
.full .veranstaltung .liste li{
    margin-left: 15px;
}

.teaser .seitenblock{
    display: inline-block;
    width:75%;
    vertical-align: top;
}

.teaser .seitenblock .veranstaltung{
    display: inline-block;
    /*background-color: aqua;*/
    vertical-align: top;
    margin-right: 30px;
}

.teaser .seitenblock #Beginn{
    display: block;
}

.teaser .seitenblock #Ende{
    display: block;
    margin-bottom: 0;
}

.teaser .seitenblock .veranstaltung .abschnitt1{
    padding:0;
}

.teaser .seitenblock .veranstaltung .abschnitt2 li{
    list-style:disc;
}

.teaser .links {
    margin-left: 0;
}

.speziale table {
    border: 1px solid #222222;
}

.speziale thead td {
    font-weight: bold;
    border: 1px solid #222222;
    padding: 4px;
    margin: 2px;
}

.speziale tbody td{
    border: 1px solid #222222;
    font-weight: normal;
    padding: 4px;
    margin: 2px;
}

.veranstaltungen {
    /*background-color: black;*/
    /*display: flex;*/
}

.veranstaltungen .views-field-view-node{
     margin-top: 10px;
}

.veranstaltungen .views-field-view-node span a{
    float:none;
    font-size: 0.75rem;
}

.veranstaltungen span a::before{
    content: "»";    
    margin-right: 4px;
    font-size: 0.9rem;
}


.veranstaltungstitel{
    /*background-color: yellow;*/
    display: block;
    margin-bottom: 5px;
}

.veranstaltungstitel a{
    font-size: 1.1rem;
    font-weight: bold;
}

.veranstaltungsbild{
    width:15%;
    vertical-align: top;
    display: inline-block;

}

.veranstaltungsart{
    /*background-color: mediumvioletred;*/
    width:15%;
    /*height: 67px;*/
    vertical-align: top;
    display: inline-block;

}

.veranstaltungsbeginn{
    /*background-color: antiquewhite;*/
    width:25%;
    /*height: 25px;*/
    vertical-align: top;
    display: inline-block;
}

.veranstaltungsbeginn span{
   font-weight: bold;
}
.veranstaltungsbeginn .field-content{
    display: inline-block;
 }

/*.veranstaltungsbeginn .field-content::after{
    content: " Uhr";
 }*/

.veranstaltungsende{
    /*background-color: aqua;*/
    /*width:22%;*/
    /*height:25px;*/
   vertical-align: top;
    display: inline-block;
}

.veranstaltungsende span{
    font-weight: bold;
}

.veranstaltungsende .field-content{
    display: inline-block;
}

.veranstaltungsort{
    /*background-color: skyblue;*/
    width:42%;
    vertical-align: top;
    display: inline-block;
}

.veranstaltungsort span{
   font-weight: bold;
}

.veranstaltungsort .field-content{
    /*display: inline-block;*/
}



.full .ergebnisse{
    margin-right: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: inline-block;
}

.full .ergebnisse div .label{
    font-weight: bold;
    display: inline-block;
    /*background-color: lightgray;*/
}

.ergebnisse .label div, .ergebnisse div div{
    display: inline-block;
}

.full .ergebnisse .ausgabeB{
  display: inline-block;
  /*background-color: pink;*/
}

.ergebnisse div div .ausgabeB:nth-child(1n+2):before{
    content: ', ';
}

.full .ergebnisseB{
    display: block;
}
.full .ergebnisseB .paragraph_tab{
    /*background-color: green;*/
}

.full .ergebnisseB .paragraph_header .tab_header{
    background-color: #ededed;
    font-weight: bold;
    margin: 0 5px 0 5px;
    border: 1px solid #222222;
    padding: 5px;
}

.full .ergebnisseB .paragraph{
    /*background-color: red;*/
}

.full .ergebnisseB .paragraph .hund_para{
    /*background-color: yellow;*/
    /*display: inline-block;*/
    border: 1px solid #222222;
    text-align: center;
    padding: 5px;
}
.full .ergebnisseB .paragraph .hund_para .ausgabeA{
  margin:0;
}

.full .ergebnisseB .paragraph_tab{
    margin-bottom: 20px;
}

.paragraph .nichtleer{
    /*background-color: pink;*/
}

.full .ergebnisseZG .paragraph div{
    width: 150px;
    display: inline-block;
}

.teaser .ergebnisse {
    display: inline-block;
    /*background-color: aqua;*/
    width:35%;
}
.teaser .ergebnisse .label{
    display: inline-block;
    font-weight: bold;
}

.teaser .ergebnisse .ausgabeB{
    display: inline-block;
}

.ergebnistabelle .hunde tbody td{
    font-weight: normal;
    padding-right:5px;
    padding-left: 5px;
    text-align: center;
    /*background-color: red;*/    
}

#block-views-block-ausstellungen-pro-hund-block-1-2{
    display: block;
    clear: both;
}


.ampel{
    margin-left: 15px;
    margin-right: 15px;
}

.ampel .taxonomie-marker {
    display: inline-block;
    height: 10px;
    width: 20px;
    border-radius: 25%;
    border:1px solid;
    border-color: grey;
    padding: 3px;
}

.ampel .marker-top{background-color: green;}
.ampel .marker-neutral{background-color: yellow}
.ampel .marker-vorsicht{background-color: red;}
.ampel .marker-no{background-color: white;}


.taxonomie-term .taxonomie-label div{
    display: inline-block;
}
.taxonomie-term .taxonomie-label .ampel{
    margin-left: 15px;
}

.taxonomie-term .taxonomie-label .ampel .taxonomie-marker {
    display: inline-block;
    height: 10px;
    width: 20px;
    border-radius: 25%;
    border:1px solid;
    border-color: grey;
    padding: 3px;
}

.taxonomie-term .taxonomie-label .ampel .marker-top{background-color: green;}
.taxonomie-term .taxonomie-label .ampel .marker-neutral{background-color: yellow}
.taxonomie-term .taxonomie-label .ampel .marker-vorsicht{background-color: red;}

.ampel{
    margin-left: 15px;
}

.ampel .taxonomie-marker {
    display: inline-block;
    height: 10px;
    width: 20px;
    border-radius: 25%;
    border:1px solid;
    border-color: grey;
    padding: 3px;
}

.ampel .marker-top{background-color: green;}
.ampel .marker-neutral{background-color: yellow}
.ampel .marker-vorsicht{background-color: red;}

.full ul{
    margin:0;
}

.full .links{
    vertical-align: top;
    margin-bottom: 10px;
    margin-top: 10px;
  }

.full .links a{
  background-color: none;
}

.slick-prev, .slick-next{
    background-color: #222222;
    color:white;
    padding: 5px 5px 6px 5px;
    margin-right: 10px;
    margin-bottom: 10px;   
}

.slick-prev:hover, .slick-next:hover{
    background-color: grey;
    color:#222222;
}

/*# neue klasse */
.faqs{
    background-color: #c9c9c9;
    font-weight: bold;
}

.faqs:nth-child(even){
    background-color: #ededed;
}

.faqs td {
    /*background-color: #c9c9c9;*/
    /*border: 2px dashed blue;*/
    padding: 5px 10px;
}

.faqs p{
    /*background-color: #ededed;*/
    font-weight: normal;
    /*margin-bottom: 0;*/
}

.faqs p em {
    color:#c86b37;
}


.faqs ul li {
    font-weight: normal;
}


.anomalien {
     font-weight: normal;
}

.userlabel{
    margin-right: 5px;
    float: left;
}

.userwert{
    font-weight: bold;
}

.userseite h4, .userseite div{
    display: inline-block;
    font-size: 0.9rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

.userseite h4::after{
    content: ":";
}

.entity-pager{
    font-size: 0.82rem;
    display: inline-block;
}

/*# neue klasse */
.allfooter
{
    background-color:#222222;
}

.main-footer
{
    background-color:#222222;
    padding:10px 0;
    margin:0px 0 0 0;
    color:#fff;
    font-size: 0.8rem;
}

#footerinfo {
    margin-left:30px;
    font-size: 0.8rem;
}

.main-footer .a-link {
    margin-left:15px;
}

.adtoany_list, .a2a_kit{
    display: block;
    /*background-color: red;*/
}


.js-pager__items{
    margin: 0 0 8px 0; 
}

.js-pager__items li{
    list-style: none;
    display: inline-block;
    margin: 0 5px 0 0; 
}


/* für Comments und Read more links etc -------------------*/

.node__links{
    /*background-color: yellow;*/
    margin-bottom: 10px;
}

.node__links .inline {
    margin:0;
    padding:0;
}

.node__links .inline li{
    padding:0;
}

.layout--onecol ul{
    margin:0;
    padding:0;
}

.node-readmore {
    /*background-color: #222222;*/
    font-size: 0.75rem;
    margin-right:40px;
    margin-left:0;
  list-style: none;
}

.comment-comments, .comment-new-comments, .comment-add, .comment-forbidden {
  font-size: 0.75rem;
  margin-right:5px;
  padding: 0 5px 0 5px;
  list-style: none;
  display: inline-block;
}

.teaser .comment-comments, .teaser .comment-new-comments, .teaser .comment-add, .teaser .comment-forbidden {
    background-color: #d1d1d1;
    /*border-top: 1px dotted #222222;*/
}

.node-readmore a::before, .comment-comments a::before, .comment-new-comments a::before, .comment-add a::before {
    content: "»";                               /*  "\25BA";  */
    margin-right: 4px;
    font-size: 0.9rem;
}

.js-comment {
    margin-right: 10px;
    padding: 8px;
    border-top: 1px dotted #222222;
    border-left: 1px dotted #222222;
    border-bottom: 1px dotted #222222;
    border-right: 1px dotted #222222;
    max-width:100%;
}

.js-comment div{
    background-color: #ededed;
    padding: 5px;
    max-width:100%;
}

.js-comment h3{
    font-size: 0.9rem;
}

.js-comment p{
    font-size: 0.8rem;
    margin-bottom: 5px;
    max-width:100%;
}

.js-comment .links{
    display: inline-block;
    list-style: none;
    margin:0 0 20px 0;
    padding:0;
}

.comment-delete, .comment-edit, .comment-reply{
    display: inline-block;
    margin-right: 10px;
}

.js-comment .comment-delete, .comment-edit, .comment-reply{
        font-size: 0.8rem;
}

.ausgabe .js-comment{
    width:95.5%;
    /*background-color: red;*/
}

.full .js-comment .links {
  margin: 0;
}

.js-comment .comment-delete a::before, .comment-edit a::before, .comment-reply a::before{
    padding-left: 0;
    content: "»";
    margin-right: 4px;
    font-size: 0.9rem;
}

.indented .js-comment{
    margin: 20px 0 20px 30px;
    padding: 8px;
    max-width:95.5%;
    border-top: 1px dotted #222222;
    border-left: 1px dotted #222222;
    border-bottom: 1px dotted #222222;
    border-right: 1px dotted #222222;
    /*background-color: red;*/
}


.js-form-item {
    margin-bottom: 10px;
}

.js-form-item label{
    font-weight: bold;
}

.js-form-item textarea{
    width:500px;
}

.js-form-type-checkbox label{
    font-weight: normal;
}

#edit-field-es-geht-um, #edit-es-geht-um{
    display: block;
    width: 250px;
}

#edit-anzahl-der-menschen, #edit-anzahl-der-hunde{
    display: block;
    width: 40px;
}

#edit-field-wie-uebernachtest-du-, #edit-wie-uebernachtest-du-{
    display: block;
    width: 250px;
}

#edit-pass::before{
    content: "<b>Passwort:</b>";
}


.rotmarkiert{
    color: red;
}

#edit-besitzer-adresse-country{width: 360px;}

.elementaround ,form-text{display: block;}

.elementaround label{display: block;}
.elementaround label:after{content: ":";}

.elementaround .option{display: inline-block;}
.elementaround .option:after{content: "";}


/*# alter Kram von dem Endymion Beispiel------------------ */
.director
{
    margin-top:50px
}

/*# neue klasse */
.director strong,.actors strong
{
    font-weight:bold;
    font-size:24px
}

/*# neue klasse */
.movie-description
{
    padding:20px;
    background-color: green;
}

/* --------------- forms  --------------- */

form .elementaround{
    /*background-color: red;*/
}

form .elementaround .labelit{
    /*background-color: aqua;*/
    font-weight: bold;
}

form .elementaround .description{
    font-size: 0.72rem;
    content: "das ist ein text";
}

form .elementaround .stern{
    color:red;
    font-size: 1.1rem;
    margin-left: 3px;
    
}


/*# sourceMappingURL=style.css.map */

/* --------------- Bartik System Tabs  --------------- */

#block-myswhzb-local-tasks {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}

#block-myswhzb-local-tasks ul {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px dashed gray;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
    width:80%;
    
}

#block-myswhzb-local-tasks ul li{
    display: inline-block;
    list-style: none;
}

#block-myswhzb-local-tasks ul li a {
  color: #000;
  background-color: #ededed;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  padding: 0 10px 3px;
  text-shadow: 0 1px 0 #fff;
}

#block-myswhzb-local-tasks ul li a:hover {
  background-color: #dadada;
}

#block-myswhzb-local-tasks ul li .is-active a {
  background-color: #ffffff;
  border: 1px solid #bbb;
}


/*.... Stammbaum CSS .................. */
    
.pedigree table{
    margin: 10px;
}

.pedigree table tr td{
    border: 1px solid #222222;
    margin: 5px;
    padding 5px;
    text-align: center;
    vertical-align: middle;    
}    

/* neuer Stammbaum - Modul ---------  */    

.pedigree{
    background-color: antiquewhite;
    margin: 0;
    overflow: auto;
}


.pedigree .table-it-aussen{
    margin: 10px 0 10px 0;
    border: none;
    text-align: left;
    vertical-align: middle;
    /*width: 1050px;*/
}

.pedigree .tr-it-aussen{
    border: none;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
}    

.pedigree .table-it{
    margin: 0;
    vertical-align: middle;
}    
    
.pedigree .table-it .tr-it{
    /*margin-bottom: 10px;*/
}


.pedigree .table-it .tr-it .td-it, .pedigree .table-it-aussen .tr-it-aussen .td-it, .td-it-first, .tr-it-halb{
    display: inline-block;
    /*background-color: aquamarine;*/
    /*border: 1px solid #222222;*/
    text-align: center;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 0.95em;
    min-height: 76px;                   /* Höhe */
}     

.td-it-first{
    /*background-color: orchid;*/
}    

.pedi-spalte{
    display: inline-block;
    margin: 0;
    /*background-color: darkgray;*/
    max-width: 172px;
    /*height: 850px;*/
    vertical-align: middle;
}

.pedi-spaltebreit{
    width: 340px;
}

.tr-it-halb{
    min-height: 38px;                   /* Höhe */
    display: block;
    /*margin-bottom: 2px;*/
}

.tr-it{
    display: block;
    /*margin-bottom: 10px;*/
    min-height: 76px;                   /* Höhe */
    /*border: 1px solid #222222;*/
}

.tr-it-mitte{
    border-left: 2px dotted #222222;
}

.pedi-hund-outline{
    padding: 0 0;
    min-height: 76px;                   /* Höhe */
    /*border: 1px solid red;*/
}

.pedi-hund{
    font-weight: bold;
    border: 1px solid #222222;
    min-height: 66px;                   /* Höhe */
    margin: 0px 0px 0px 0px;
    padding: 0 3px;
    width: 164px;
    border-radius: 4px;
    box-shadow: 7px 7px 5px -3px rgba(0, 0, 0, 0.4);
}
 
.pedi-hundbreit{
    width: 300px; text-align: left;
}

.fellfarbe0{ background-color: lightgray; }
.fellfarbe1{ background-color: sandybrown; }
.fellfarbe2{ background-color: white; }

.mittelliniendefekt0{
    border-color: red;
    border-style: dashed;
}

.mittelliniendefekt1{
    border-color: red;
    border-bottom-style: solid;
}

.pedigree .pedi-hund .name{
    display: inline-block;
    font-size: 0.95em;
}

.pedigree .pedi-hundbreit .name{
    text-align: left;
}

.pedigree .pedi-hund a{
    color: #000;
}

.pedigree .dm, .pedigree .hz, .pedigree .hd, .pedigree .ed, .pra, .katarakt, .pdtest{
    display: inline-block;
    height: 16px;
    width: 22px;
    font-weight: normal;
    font-size: 0.8em;
    border: 1px solid #222222;
    vertical-align: bottom;
    text-align: center;
}

.zuchtwerte{display: block; text-align: left;}

.dm2, .dm5{background-color: green; color: white;}
.dm3, .dm6{background-color: yellow;}
.dm7, .dm8{background-color: yellow; color: red;}
.dm4{background-color: red; color: white;}

.hz2, .hz5{background-color: green; color: white;}
.hz3, .hz6, .hz7{background-color: yellow;}
.hz4{background-color: red; color: white;}

.hd2, .hd3, .hd4, .hd5, .hd60, .hd7{background-color: green; color: white;}
.hd8, .hd9, .hd10{background-color: yellow;}
.hd11, .hd12, .hd13{background-color: red; color: white;}

.ed10, .ed2{background-color: green; color: white;}
.ed3, .ed4{background-color: yellow;}
.ed11, .ed5, .ed6, .ed7, .ed8, .ed9{background-color: red; color: white;}

.pra2 {background-color: green; color: white;}
.pra3 {background-color: yellow;}
.pra4 {background-color: red; color: white;}

.katarakt2 {background-color: green; color: white;}
.katarakt3 {background-color: yellow;}
.katarakt4 {background-color: red; color: white;}

.pdtest1 {background-color: green; color: white;}
.pdtest2 {background-color: yellow;}
.pdtest3 {background-color: red; color: white;}
.pdtest4 {background-color: hotpink;}
.pdtest5 {background-color: lightgreen; color: white;}

.outcross{color: red;}

.mydogdnawerte{display: block; text-align: left;}
.mydogdnawertebreit{display: inline-block; text-align: left;}

.healthindex, .diversity, .brauntraeger, .weisstraeger, .emtraeger, .wolfcontent{
    display: inline-block;
    height: 16px;
    width: 27px;
    font-weight: normal;
    font-size: 0.8em;
    border: 1px solid #222222;
    vertical-align: bottom;
    text-align: center;
}

.brauntraeger{ background-color: sandybrown; width: 14px; font-weight: bold;}
.weisstraeger{ background-color: white; width: 14px; font-weight: bold;}

.emtraeger{background-color: black; color: white; font-weight: bold;width: 25px;}

.pedigree .alokus, .pedigree .slokus, .pedigree .coatlength, .pedigree .furnishing, .curly, .ears{
    display: inline-block;
    height: 16px;
    width: 22px;
    font-weight: normal;
    font-size: 0.8em;
    border: 1px solid #222222;
    vertical-align: bottom;
    text-align: center;
    margin: 3px 0;
}

.pedigree .mydogdnawertebreit .alokus, .pedigree .mydogdnawertebreit .slokus, .pedigree .mydogdnawertebreit .coatlength, .pedigree .mydogdnawertebreit .furnishing, .mydogdnawertebreit .curly, .mydogdnawertebreit .ears{
    margin: 0px 0;
}
    

.alokus0{background-color: green; color: white;}
.alokus1, .alokus2, .alokus3, .alokus4, .alokus5, .alokus10{background-color: red; color: white;}

.slokus1{background-color: green; color: white;}
.slokus2{background-color: yellow;}
.slokus3{background-color: red; color: white;}

.coatlength0{background-color: green; color: white;}
.coatlength1{background-color: yellow;}
.coatlength2{background-color: red; color: white;}

.furnishing1{background-color: green; color: white;}
.furnishing2, .furnishing3, .furnishing4, .furnishing5, .furnishing6, .furnishing7, .furnishing8{background-color: yellow;}
.furnishing9{background-color: red; color: white;}

.curly1{background-color: green; color: white;}
.curly2{background-color: yellow;}
.curly3{background-color: red; color: white;}

.ears1{background-color: green; color: white;}
.ears2{background-color: yellow;}
.ears3{background-color: red; color: white;}

.pedigree .epi, .pedigree .epitraeger, .stammbauminfo .epi, .stammbauminfo .epitraeger{
    display: inline-block;
    height: 12px;
    width: 12px;
    font-weight: normal;
    font-size: 0.85em;
    vertical-align: middle;
    text-align: center;
    margin: 0px 0;
    background-color: red;
    color: white;
    border-radius: 10px;
    /*box-shadow: 7px 7px 5px -3px rgba(0, 0, 0, 0.4);*/
}

.pedigree .epi, .stammbauminfo .epi{
    border: 2px solid dodgerblue;
}

.pedigree .epitraeger, .stammbauminfo .epitraeger{background-color: dodgerblue;}

.footernote{
    margin-left: 15px;
    margin-right: 10px;
    font-size: 0.85em;
}

#note1, #note2, #note3, #note4, #note5{margin-bottom: 10px; /*font-size: 0.85em;*/}

#stammbaum-block-form .elementaround{
    display: inline-block;
}

#edit-ahnenstufe{width: 50px;}

.form-item-werte{
    margin: 0;
    display: inline-block;
}

.js-form-submit{
    margin: 5px 0 10px 0;
    padding: 4px 6px;
    display: block;
}

.stammbauminfo{
    display: block; 
    margin-bottom: 10px; 
    font-size: 0.95em;
}

.stammbauminfo sup{
    font-size: 1.3em;
    font-weight: bold;
    top: -0.05em;
    //color: red;
}

.stammbauminfo1{display: inline-block;width: 37%}
.stammbauminfo2{display: inline-block;}

.stammbauminfohelp{ 
    display: inline-block; 
    text-align: left;
    vertical-align: top;
    margin-left: 40px;
}

.bildhelp{
    width: 100px;
    height: 75px;
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 7px 7px 5px -3px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
}

.hundback{ 
    text-align: left;
}
.hundback a{
    color: #fff;
    font-weight: bold; 
    background-color: #222222; 
    text-align: left;
    margin: 5px 0 10px 0;
    padding: 4px 6px;
}

.zumstammbaum{ 
    text-align: left;
    margin: 10px 0 0 0;
}
.zumstammbaum a{
    color: #fff;
    font-weight: normal; 
    background-color: #222222; 
    text-align: left;
    margin: 5px 0 10px 0;
    padding: 4px 6px;
}

.notvermittlung .notbody ul {
    margin: 0 20px 10px 20px;
}

.notvermittlung .notpedigree div div {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

.notvermittlung .notpedigree div div a {
    font-weight: normal;
}

.notteasertitel::before {
        content: "Notvermittlung: ";   
}