/*Template for Dominik Meier © admotion GmbH*/


html
{
   height:			100%;
   margin:			0px;
   padding:			0px;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:     'FFDINWebProRegular';
   font-weight:		normal;
   font-size:		17px;
   color:			#000000;
   line-height:		160%;
   letter-spacing:	0.04em;
   background:		#ffffff;
}


* { box-sizing: inherit; }

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

#banner { float: left; }

#home { display: none; }
#sidebar { position: fixed; width: 320px; height: 100%; background: #ffffff; border-right: 1px solid #9b9d9d; z-index: 999 !important; }
#all { min-height: 100%; margin-bottom: -310px; }


#banner { position: absolute; width: 400px; margin: 50px 0px 0px 50px; z-index: 999; }
#lehrstelle { position: absolute; width: 400px; margin: 50px 0px 0px 80px; z-index: 999; transform: rotate(-4deg); text-align: center; z-index: 997; transition: 0.5s;}
#lehrstelle p { margin: 0;  color: #fff; }
#lehrstelle a { margin: 0;  color: #fff; font-weight: 700;}
.rot {background: #a62e3c; padding: 10px 10px 1px;}
#lehrstelle .rot p {margin-bottom: 10px;}



#content { position: absolute; margin: 0px; bottom: 0; top: 0; right: 0; left: 320px; }

#content ul { margin: 0px 0px 10px 0px; padding: 0px; }
#content li { margin: 0px; padding: 0px 0px 0px 20px; line-height: 160%; list-style: none; background: url(../images/list.jpg) no-repeat scroll 0 14px; }

.box { background: red; float: left; margin: 30px 10px 0px 0px; text-align: center; }
.box a { display: block; background: #a62e3c; padding: 20px 0px 20px 0px; color: #ffffff; width: 200px; }

#menu-small { display: none; }
#menu { padding: 15px 27px 0px 0px; }
#logo { width: 140px; padding: 30px 0px 40px 30px; }
#logo-small { display: none; }


.uk-slidenav-next::before { color: #a62e3c; }
.uk-slidenav-previous::before { color: #a62e3c; }
.uk-slideshow li { background: none !important; }


.kontakt-left { float: left; width: 48%; }
.kontakt-right { float: right; width: 48%; }

label, input, button, select, textarea{ font-size: 17px; line-height: 160%; }
.bfQuickMode .controls .control-label{ width: 15%; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 0px; }
.icon-asterisk { background: url(../images/stern.png) no-repeat scroll 0 0; background-size: 7px 7px; }
.bfQuickMode .pull-right { float: left; }
.form-actions { background: none; padding: 0px; margin: 10px 0px 0px 0px; border: 0px; }
.btn-primary { background: #a62e3c; text-shadow: none; }
.btn-primary:hover { background: #000000; }
.btn { border: 0px; border-radius: 0px; font-size: 17px; text-transform: uppercase; letter-spacing: 0.07em; }
input, button, select, textarea { font-family: 'FFDINWebProRegular'; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 17px; color: #000000; height: auto; padding: 8px 10px; box-sizing: border-box; }
.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input { max-width: 100%; }



.film { width: 700px; }

.blog-item { padding: 50px 70px 60px 70px; box-sizing: border-box; }
.blog-item:nth-child(odd) { background: #ffffff; }
.blog-item:nth-child(even) { background: #eceded; }

.item-page { padding: 50px 70px 60px 70px; }


.col-left { float: right; width: 20%; padding: 8px 0px 0px 0px; }
.col-right { float: left; width: 78%; }

.col-left p { margin: 0px; }
.button a { background: #9c9e9f; display: block; color: #ffffff !important; padding: 5px 0px 5px 10px; text-transform: uppercase; letter-spacing: 0.07em; text-align: center; }
.button:hover a { background: #a62e3c; }

#partner { padding: 0px; }
.partner { float: left; margin: 0px 20px 20px 0px; width: 208px; border: 1px solid #9b9d9d; }

#team { padding: 0px 0px 0px 0px; }
.team { float: left; margin: 0px 0px 20px 0px; width: 20%; padding: 0px 20px 0px 0px; box-sizing: border-box; min-height: 320px; }
.team p { padding: 0px !important; }
.team img { margin: 0px 0px 10px 0px; }

#jobs { width: 250px; position: absolute; right: 100px; top: 100px; z-index: 999; transition: 0.2s;}
#jobs:hover{transform: scale(1.05);}
#jobs-small { display: none; }

.uk-subnav li { text-transform: uppercase; letter-spacing: 0.07em; background: none !important; padding: 0px 30px 0px 0px !important; }
.uk-subnav > * > :focus, .uk-subnav > * > :hover { color: #a62e3c; }
.uk-subnav > .uk-active > * { color: #a62e3c; }
.uk-overlay-panel { color: #000000; }


#mobile { display: none; }

.push { height: 310px; }

#webdesign { position: fixed; right: 0; bottom: 40px; width: 18px; z-index: 9999; }

#container-footer { height: 310px; }
#footer { padding: 0px 0px 0px 25px; }
#video { float: left; margin: 0px 0px 0px 10px; width: 120px; }
#video-small { display: none; }
#footer a { color: #a62e3c; }
#footer-small { display: none; }

.socialmedia { width: 30px; margin: 15px 5px 0px 0px; float: left; }


p { margin: 0px 0px 10px 0px; }

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

strong { font-weight: normal; font-family: 'FFDINWebProBold'; }

.clear { line-height: 0; }

ul { margin: 0px 0px 10px 10px; padding: 0px; }
li { margin: 0px; padding: 0px 0px 0px 5px; }

h1 { margin: 0px 0px 20px 0px; font-weight: normal; text-transform: uppercase; font-size: 45px; padding: 0px; line-height: 140%; font-family: 'FFDINWebProRegular'; color: #a62e3c; letter-spacing: 0.07em; }
h2 { margin: 0px 0px 15px 0px; padding: 20px 0px 0px 0px; font-weight: normal; text-transform: uppercase; font-size: 30px; line-height: 140%; font-family: 'FFDINWebProBold'; color: #a62e3c; letter-spacing: 0.07em; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 20px; padding: 0px; line-height: 140%; font-family: 'FFDINWebProBold'; letter-spacing: 0.04em; }
h4 { margin: 10px 0px 0px 0px; font-weight: normal; font-size: 14px; padding: 0px; font-family: 'FFDINWebProBold'; }
h5 { color: #ffffff; font-size: 13px; font-weight: normal; margin: 0px 0px 3px 0px; padding: 0px; line-height: 140%; font-family: 'FFDINWebProBold'; }

table { margin: 0px 0px 10px 0px; width: 100%; }
td { padding: 2px 0px 2px 0px; border-bottom: 1px solid #a62e3c; }

h2:first-of-type { padding: 0px; }


.carousel { margin-bottom: 25px; }

.glyphicon { position: relative; display: inline-block; }
.carousel-control { color: #ffffff; top: 45%; left: 0; margin: 0px; background: none; border: 0px solid #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; opacity:1; }

.carousel-control.right { right: 0; left: auto; background-image: none; }
#content .carousel a { width: 29px; height: 63px; }
.carousel-control:hover { opacity:1; }

.glyphicon-chevron-left { background: url(../images/prev.png) no-repeat scroll 0 0; width: 29px; height: 63px; }
.glyphicon-chevron-right { background: url(../images/next.png) no-repeat scroll 0 0; width: 29px; height: 63px; }


.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; border: 2px solid #ffffff; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


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


.bfQuickMode .bfElemWrap .form-inline input[type="text"], .bfQuickMode .bfElemWrap .form-inline input[type="number"], .bfQuickMode .bfElemWrap .form-inline textarea, .bfQuickMode .bfElemWrap .form-inline select { max-width: 100%; }

/* widgetkit */
.uk-slidenav, .uk-scope .uk-overlay-primary .uk-slidenav {
    color: #a62e3c !important;
}
.uk-slidenav svg { width: 30px;}


.uk-scope .uk-light .uk-h3, .uk-scope .uk-light h3 { color: #000 !important; font-size: 1em; font-weight: 700; font-family: 'FFDINWebProBold';}

.uk-scope .uk-overlay-primary {
    background: rgba(255,255,255,.8);
}

.uk-scope .uk-subnav > .uk-active > a {
    color: #a62e3c;
}
.uk-scope .uk-subnav > * > :first-child {
    display: block;
    color: #000;
    font-size: 1em;
    text-transform: uppercase;
    transition: .1s ease-in-out;
        transition-property: all;
    transition-property: color,background-color;
}
.uk-scope .uk-subnav > * > a:focus, .uk-scope .uk-subnav > * > a:hover {
    color: #a62e3c;
    text-decoration: none;
    outline: 0;
}




/* Cookies CK CSS */

#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; }
}






@media(min-width:1050px) and (max-height:780px)
{
    #sidebar { overflow: scroll; }
}


@media(max-width:1800px)
{
    .team { width: 25%; }
}



@media(max-width:1500px)
{
    .team { width: 33.333%; }

    .col-left { width: 30%; }
    .col-right { width: 67%; }
    
    #lehrstelle { transform: scale(0.8) rotate(-4deg); margin-top: 0;}

}



@media(max-width:1300px)
{
	#mainmenu { float: none; border-right: 0px solid #9b9d9d; }
	.carousel-control { top: 38%; }
	
	#video { float: none; position: absolute; margin: -46px 0px 0px 18px; }
	
    .blog-item { padding: 30px 20px; }
    .item-page { padding: 30px 20px; }
    
	#footer { border: 0; }

    .kontakt-left { float: none; width: auto; }
    .kontakt-right { float: none; width: auto; }
    .scrolled #lehrstelle{opacity: 0; z-index: -1;}

}



@media(max-width:1050px)
{
    #all { margin: 0px; }
    #logo { width: 120px; padding: 20px 0px 10px 20px; }
    #sidebar { position: relative; width: auto; height: auto; padding: 0px; border: 0px; }
    #menu { display: none; background: #f6f6f6; }
	#menu-small { display: block; }

    #background { position: static; }

    #content { position: static; width: auto; margin: 0px; }

    #container-footer { display: none; }
    #ausblenden { display: none; }

    #footer-small { display: block; padding: 20px; }
    .push { display: none; }
    #mobile { display: block; }
    .container { display: none; }

    .team { width: 50%; }
    
    
    #jobs { width: 180px; position: absolute; right: 30px; top: 190px; z-index: 999; }

}




@media(max-width:850px)
{    
        #lehrstelle { transform: scale(0.7) rotate(-4deg); margin-top: 0;top:115px;left: calc(50% - 200px);}

}


@media(max-width:650px)
{    
    .col-left { float: none; width: auto; margin: 20px 0px 0px 0px; }
    .col-right { float: none; width: auto; }

    .film { width: auto; }
    
    #jobs { position: absolute; right: 20px; top: 180px; z-index: 999; }

}


@media(max-width:500px)
{

	#banner { margin: 20px 30px 0px; width: auto; }
    
	.carousel-control { top: 25%; }
	.team { width: 100%; }
	.partner { width: 46%; margin: 0 3% 3% 0; }

    .blog-item { padding: 30px 20px; }
    .item-page { padding: 30px 20px; }
    
	#jobs-small { margin: 0px 0px 0px 20px; width: 130px; }
    
    h1 { font-size: 30px; }
    
    
    #lehrstelle { transform: scale(0.6) rotate(-4deg); margin: 0; top: 88px; left: auto; right: -30px;}

}



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