/* Template for Winzap Tierärzte © admotion*/


html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:     'Karla', sans-serif;
   font-weight:		400;
   font-size:		17px;
   color:			#000000;
   line-height:		160%;
   letter-spacing:	0.02em;
}


#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }


* { box-sizing: inherit; }
#container-header { background: #ffffff; }

#header { margin: 0px auto; width: 1200px; position: relative; }

#logo { width: 300px; float: left; padding: 30px 0px 20px 0px; }
#notfall { float: right; margin: 32px 0px 0px 0px; }

#showbox { margin: 0px 0px 30px 0px; }
#container-menu { background: #CC003D; }
#menubalken { margin: 0px auto; width: 1200px; }
#menu { float: left; }
#wechsel { float: right; color: #ffffff; line-height: 20px; }
#wechsel a { color: #ffffff; padding: 10px 0px 0px 0px; display: block; }
#wechsel-mobile { display: none; }

#search { float: right; margin: 0px 0px 0px 20px; padding: 4px 0px 0px 0px; width: 20px; }
#search p { margin: 0px; }

#search-mobile { display: none; }

#menu-small { display: none; }
#container-mobile { display: none; }

.notfall-text { float: left; padding: 5px 20px 0px 0px; }
.notfall-beschrieb { float: left; padding: 5px 7px 0px 0px; }
.notfall-nummer { float: left; color: #CC003D; font-weight: 700; font-size: 30px; margin: 0px 0px 0px 15px; }

.notfall-nummer a { color: #CC003D; }

.inhalt-notfallnummer-text { float: left; padding: 6px 15px 0px 0px; }
.inhalt-notfallnummer-nummer { float: left; }

#showbox { height: 150px; overflow: hidden; }
#showbox p { margin: 0px; }

#container-shop { width: 1200px; margin: 0px auto; position: relative; }
#shop { position: absolute; right: 0px; top: 10px; width: 170px; }

.anchor { height: 50px; }
#sticky.stick { position: fixed; top: 0; margin: 0px; z-index: 99999; width: 100%; }

#inhalt { padding: 0px 0px 50px 0px; margin: 0px auto; width: 1200px; }
#inhalt ul { margin: 0px 0px 10px 0px; padding: 0px; }
#inhalt li { line-height: 160%; margin: 0px 0 7px 0; padding: 0px 0px 0px 20px; list-style: none; background: url(../images/list.jpg) no-repeat scroll 0 9px; }
#inhalt a { color: #CC003D; }

.item-content { margin: 0px auto; width: 1200px; padding: 0px 0px 60px 0px; }
.titel { margin: 0px auto; width: 1200px; }
    
.blog-item:nth-child(odd) { background: #ffffff; }
.blog-item:nth-child(even) { background: #f8f8f8; }

.col-left { float: left; width: 49%; }
.col-right { float: right; width: 49%; padding: 5px 0px 0px 0px; }
.text { padding: 0px; }


.rahmen { border: 1px solid #CC003D; padding: 15px; box-sizing: border-box; }
.col-full .rahmen { padding: 0px; }
.col-full .rahmen p { margin: 0px; }


.team { float: left; width: 380px; background: #f0f0f0; margin: 0px 20px 20px 0px; min-height: 357px; }
.team-text { padding: 0px 15px 2px 15px; }
.team-text a { color: #000000 !important; }
.team-text h6 a { color: #CC003D !important; }


#back { display: none; }
#ontop { display: none; cursor: pointer; width: 35px; height: 35px; position: fixed; z-index: 99999; bottom: 10px; right: 10px; background: url(../images/totop.png) no-repeat scroll 0 0; background-size: 35px 35px; }

.random-image img { min-width: 100%; }


#social { float: right; margin: 0px 0 0 15px; }
.socialmedia { float: left; margin: 0px 0px 0px 10px; width: 35px; }


#container-footer { border-top: 1px solid #bebebe; }
#footer { margin: 0px auto; width: 1200px; padding: 40px 0px 30px 0px; }
#footer a { color: #CC003D; }

#adresse { float: left; }
#adresse ul { margin: 0px; padding: 0px; }
#adresse li { float: left; line-height: 160%; margin: 0px; padding: 0px 10px 0px 10px; list-style: none; background: url(../images/footer-list.jpg) no-repeat scroll 0 6px; }
#adresse li:first-child { padding: 0px 10px 0px 0px; background: none; }
#adresse li a { color: #CC003D; }

#webdesign { float: right; }
#webdesign a { color: #CC003D; }
#webdesign p { margin: 0px; padding: 5px 0px 0px 0px; }



label, input, button, select, textarea { font-size: 17px; }



/* Cookies */

#cookiesck { background: #ffffff; left: 0px; bottom: 0px; right: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
#cookiesck_text { padding: 20px; }
#cookiesck > .inner { text-align: left; }
#cookiesck_buttons { padding: 0px 20px 15px 20px; }

#cookiesck_interface { top: auto; margin: 30px; border: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
.cookiesck-main-title { text-align: left; font-size: 20px; line-height: 130%; }
.cookiesck-main-desc { padding: 0px 20px 10px 20px; }
.cookiesck-main-buttons { justify-content: flex-start; padding: 0px 20px; }
.cookiesck-main .cookiesck_button, .cookiesck-main-buttons .cookiesck-button { margin: 10px 10px 0px 0px; border-radius: 0px; }
.cookiesck-platform { align-items: flex-start; }
.cookiesck-main-close { font-size: 14px; }
.cookiesck-platform-name { margin: 0px 0px 10px 0px; }
.cookiesck-main-close { padding: 10px 20px; }
.cookiesck-category-name { font-size: 20px; margin: 10px 0px 0px 0px; }

.cookiesck-main .cookiesck-decline.cookiesck-active { color: #666; border: 2px solid #dddddd; background: #e5e5e5; }
.cookiesck-main .cookiesck-decline:hover { color: orange; border: 2px solid orange; background: #ffffff; }



@media(min-width:460px)
{
    #cookiesck { left: 30px; bottom: 30px; right: auto; width: 400px; }
}


@media(min-width:660px)
{
    #cookiesck_interface { width: 600px; }
}




/* Team */

.uk-subnav { display: none !important; }
.uk-card-body { background: #f0f0f0; }
.uk-scope .uk-card-body { padding: 10px 15px 2px 15px; min-height: 93px; }
.uk-scope * + h6 { margin: 0px; }
.uk-scope .uk-h6, .uk-scope h6 { margin: 0px; font-size: 17px; line-height: 160%; font-family: 'Karla', sans-serif; color: #CC003D; font-weight: 700; }
.uk-scope * + p { margin: 0px 0px 10px 0px; color: #000000; }
.uk-scope .uk-card-default { box-shadow: none !important; }


.inhalt-notfallnummer-nummer h2 { padding: 0px; }

h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 40px; line-height: 130%; font-weight: 400; color: #CC003D; letter-spacing: 0.02em; }
h2 { margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; font-size: 27px; line-height: 130%; font-weight: 700; color: #CC003D; letter-spacing: 0.02em; }
h3 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 20px; line-height: 130%; font-weight: 700; color: #CC003D; letter-spacing: 0.02em; }
h4 { margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; font-size: 17px; line-height: 130%; font-weight: 700; letter-spacing: 0.02em; }
h5 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 30px; line-height: 100%; font-weight: 700; letter-spacing: 0.02em; color: #CC003D; }
h6 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 17px; line-height: 160%; font-weight: 700; letter-spacing: 0.02em; color: #CC003D; }


h1 + h2 { padding: 0px; }

a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }


p { margin: 0px 0px 10px 0px; }
.clear { line-height: 0; }
table { margin: 0px 0px 10px 0px; }


.responsiveContainer { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }





@media(max-width:1250px)
{
    #notfall { float: right; margin: 5px 0px 0px 0px; }
    .notfall-text { float: none; padding: 7px 0px 0px 0px; }
    
    #header { width: 900px; }
    #menubalken { width: 900px; }
    .item-content { width: 900px; }
    .titel { width: 900px; }

    #inhalt { width: 900px; }
    
    #container-shop { width: 900px; }
    
    .team { width: 280px; min-height: 290px; }

    #footer { width: 900px; }
    #adresse { float: none; }
    #webdesign { float: none; margin: 20px 0px 0px 0px; }
    #social { float: right !important; margin: -50px 0 0 0px !important; }

}



@media(max-width:950px)
{
    #logo { float: none; }
    #notfall { float: none; }
    
    #notfall { margin: 5px 0px 0px 0px; width: 320px; }
    .notfall-text { text-align: right; }
    .notfall-text p { margin: 0px 0px 2px 0px; } 
    .notfall-nummer { float: none; text-align: right; margin: 0px; font-size: 28px; }

    .notfall-text { padding: 0px 0px 5px 0px; text-align: left; }
    .notfall-nummer { text-align: left; margin: 0px; }
    
    #header { width: auto; margin: 0px 40px; }
    #menu-small { display: block; }
    #menu { display: none; }

    #sticky { display: none; }
    #showbox { margin: 0px; }
    
    #wechsel-mobile { display: block; float: left; color: #ffffff; line-height: 20px; padding: 10px 0px 0px 20px; }
    #wechsel-mobile a { color: #000000; padding: 10px 0px 9px 0px; display: block; }
    
    #search { display: none; }
    #search-mobile { display: block; float: right; margin: 0px 0px 0px 20px; padding: 14px 10px 10px 0px; width: 20px; }
    #search-mobile p { margin: 0px; }

    #menu { float: none; }

    #sticky.stick { position: static !important; }
    #container-menu { margin: 0px; }
    #menubalken { width: auto; margin: 0px 40px; }

    #menu-open { display: none; }
    #container-shop { width: auto; margin: 0px 40px; }

    #inhalt { margin: 0px 40px; width: auto; }
    
    .item-content { width: auto; margin: 0px 40px; }
    .titel { width: auto; margin: 0px 40px; }
    
    .col-left { float: none; width: auto; }    
    .col-right { float: none; width: auto; margin: 20px 0px 0px 0px; }    
    
    .team { width: 47%; margin: 0px 3% 3% 0px; min-height: 365px; }

    #footer { width: auto; margin: 0px 40px; }
    #adresse li { float: none; padding: 0px; background: none; }
    #social { float: right !important; margin: -184px 0 0 0px !important; }

}



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




@media(max-width:650px)
{
    #header { margin: 0px 20px; }
    
    #container-shop { margin: 0px 20px; }
    .item-content { margin: 0px 20px; }
    #inhalt { margin: 0px 20px; }
    .titel { margin: 0px 20px; }
    
    #menubalken { margin: 0px 20px; }
    #footer { margin: 0px 20px; }

}



@media(max-width:550px)
{    
    #header-mobile { padding: 0px; }
    #logo-mobile { float: none; margin: 20px 0px 0px 0px; }
    
    .team { width: auto; float: none; margin: 0px 0px 3% 0px; min-height: 0; }
    
    #webdesign { display: none; }

    h1 { font-size: 25px; }
}


@media(max-width:500px)
{
    #showbox { height: auto; overflow: auto; }

    #shop { width: 80px; top: 30px; }
}


@media(max-width:440px)
{
    #logo { width: 220px; }
    h2 { hyphens: auto; }
}