/*
Theme Name: Bäckerei Bauder
Theme URI: 
Author: Codamic
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

@font-face
{
    font-family: 'OpenSans-Light';
    font-style: normal;
    src: url('view/fonts/OpenSans-Light.eot#') format('eot'),
    url('view/fonts/OpenSans-Light.woff') format('woff');
}

@font-face
{
    font-family: 'OpenSans-Regular';
    font-style: normal;
    src: url('view/fonts/OpenSans-Regular.eot#') format('eot'),
    url('view/fonts/OpenSans-Regular.woff') format('woff');
}

@font-face
{
    font-family: 'OpenSans-Bold';
    font-style: normal;
    src: url('view/fonts/OpenSans-Bold.eot#') format('eot'),
    url('view/fonts/OpenSans-Bold.woff') format('woff');
}

@font-face
{
    font-family: 'hancock';
    font-style: normal;
    src: url('view/fonts/hancock.ttf#') format('eot'),
    url('view/fonts/hancock.ttf') format('woff');
}

body {
    font-family: 'OpenSans-Regular', Arial; 
    font-size: 14px;
    background-color: #f7f3ed;
}

h1 {
    font-size: 26px;
    font-weight: 100;
    font-family: "Times New Roman",'OpenSans-Bold', Arial; 
}

#myCarousel h2 {
    
    color:white;
    line-height:60px;
    font-size: 40px;
    
}

h2 {
    font-size: 60px;
    font-weight: 100;
    font-family: "Times New Roman",'OpenSans-Bold', Arial;
    color: #53270A;
    margin-top: 30px;
}

.max-img-width {
	max-width: 100%;
}

img.size-full {
     height : auto ;
     float: left;
     padding-right: 15px;
     margin-right: 20px;
}

a {
    
    color: #D80024;
}

a:focus, a:hover {
    text-decoration:none !important;
    color: #D80024;
}

a.mPS2id-clicked, 
a.mPS2id-clicked:link , 
a.mPS2id-clicked:active {
    color: #000000 !important;
}

.container-map
{
    margin-top: 0 !important;
}

.logo-header {
    float: left;
    margin-top: 315px;
}

.logo-container {
    height: 0px;
}

.logo {
    height: 10px;
}

.logo img {
    top: -83px;
    height: 125px;
    transition: height 350ms ease-out 0s;
    position: relative;
}

.jobbutton {
    background-color: #d80024;  
}

.ausbildungbutton {
    background-color: #d80024;
    margin-top:-15px;  
}

.ausbildung-div {
    background-color: #D80024;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    margin-bottom: 30px;
    
}

.ausbildung-ueberschrift {
    font-weight:bold;
    font-size:50px;
    color:#333
    
}

#header .navbar-nav > li > a
{
    color: #fff;
    font-size: 20px;
    padding-right: 50px !important;
}

#header .navbar-nav > li > a:active
{
    color: #000000;
}

.affix {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
}

.affix + .container-fluid {
    padding-top: 70px;
}

.header.affix .logo img {
    height: 50px;
    margin-top: 30px;
    width: auto;
}

.navi.affix .logo {
    top: -4px;
    width: 190px;
}

.nav > li {
    display: block;
    margin-left: -20px;
    position: relative;
}

#header {
    position: absolute;
    width:  100%;
}

#header.affix {
    background-color: #f7f3ed;
    padding-top: 60px;
}

.header {
    background: none repeat scroll 0 0 #d80024;
    border-bottom: 2px solid #eee;
    width: 100%;
    height:auto;
    z-index: 99;
    top: 0px;
    margin-bottom: 50px;
}

.header .navbar-default .navbar-nav > li > a.active:link,
.header .navbar-default .navbar-nav > li > a.active:visited {
    border-bottom: 2px solid #d80024;
}

.topbar {
    padding: 60px 0 24px 369px;
    background-image: url("view/img/header/bauder-head-default-size.jpg");
    width: 100%;
    height: 477px;
    background-repeat: no-repeat;
    border-top: 2px solid #D80024;
}

.container-map
{
    margin-top: 0 !important;
}

.footer-v1 {
	margin-top: 30px;
}

.footer-v1 a:link, .footer-v1 a:visited {
    
    color: #ffffff;
}

a.info {
    
    position:relative;
    z-index:1;
    color:#2D006B;
    text-decoration:none;
}

a.info:hover {
    
    z-index:2;
}

a.info span {
    
    display: none;
}

a.info:hover span {
    
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    width:15em;
    border:1px solid #000000;
    background-color:#FFFFFF;
    color:#000;
    text-align: center;
    padding: 5px;
    font-size: 0.8em;
}

.zitat-text {
    
    color:white;
    font-size:30px;
    font-weight:bold;
    font-style: italic;
    margin-left: 350px;
    margin-top: 160px;
    
}

#jobs-pic1 {
    background:url("view/img/3.jpg") no-repeat;    
    width: 100%;
    height: 315px;
    margin-left: -15px;
        
}

#over-header {
    background-color: #D80024;
    text-align: right !important;
    
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
}

#produkte {
    position: relative;
}

#produkte ul.filter {
    margin: 0 0 75px;
    padding: 0;
}

#produkte ul.filter > li {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
}

#produkte ul.filter > li h2 {
    color: #d80024;
}

#produkte ul.filter > li img {
    width: 100%;
}

#produkte div.mask {
    background: white none repeat scroll 0 0;
    border: medium none;
    height: 400px !important;
    overflow: hidden;
    position: relative;
}

#produkte ul.content.slick-slider {
    height: 400px;
    left: 0;
    overflow: visible;
    position: relative;
    top: 0;
    width: auto;
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.slick-track::before, .slick-track::after {
    content: "";
    display: table;
}

.slick-track::after {
    clear: both;
}
.slick-track::before, .slick-track::after {
    content: "";
    display: table;
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0;
}

#produkte ul.content > li, 
#products ul.content li.slick-slide {
    cursor: pointer;
    float: left;
    height: 400px;
    line-height: 400px;
    position: relative;
    width: 400px;
}

.slick-initialized .slick-slide {
    display: block;
}

#produkte ul.content .product-content {
    border-radius: 20px;
    color: #2a2a2a;
    height: 250px;
    opacity: 0.9;
    padding: 20px;
    top: 65px;
    position: absolute;
    vertical-align: top;
    width: 250px;
    display: none;
    margin: 10px;
    left: 65px;
}

#produkte ul.content li[data-category="brot"] .product-content {
    background-color: #b6c699;
}

#produkte ul.content li[data-category="broetchen"] .product-content {
    background-color: #eeb27f;
}

#produkte ul.content li[data-category="suesses"] .product-content {
    background-color: #e9c7c7;
}

#produkte ul.content li[data-category="konditorei"] .product-content {
    background-color: #f0807a;
}

#produkte ul.content li[data-category="snacks"] .product-content {
    background-color: #fade75;
}

.slick-prev {
    background-position: 0 0;
    height: 43px;
    left: 25px;
    width: 49px;
    z-index: 1;
}

#handwerk-slider .slick-prev {
    background-position: 0 0;
    height: 43px;
    left: 13%;
    width: 49px;
    z-index: 1;
}

.slick-next {
    background-position: 0 -86px;
    height: 43px;
    right: 0px;
    width: 49px;
}

#handwerk-slider .slick-next {
    background-position: 0 -86px;
    height: 43px;
    right: 13%;
    width: 49px;
}

#produkte ul.content > li, 
#produkte ul.content li.slick-slide {
    cursor: pointer;
    float: left;
    height: 400px;
    line-height: 20px;
    position: relative;
    width: 400px;
}

#produkte ul.content, #products ul.filter {
    list-style: outside none none;
}

#produkte ul.filter > li h2 {
    font-size: 17px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #484643;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

#produkte ul.content > li img, #produkte ul.content li.slick-slide img {
    bottom: 0;
    height: 250px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

#handwerk-header {
    font-size: 62px;
    color: #D80024;
    font-family: hancock;
    
}

.kartehandwerk {
    background-color: #ccb89d;
    border-radius: 30px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

.kartehandwerk img {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    float: left;
    margin-left: -31px;   
}

.kartehandwerk h1 {
    color: #55442e;
    line-height: 55px;
    margin-top:70px;
    margin-bottom: 40px;
    font-size: 41px;
    font-weight: bold;
    
}

.kartehandwerk p {
    text-align: center;
    font-size: 19px;

    
}

#handwerk-text {
    padding: 10px;
    font-style: italic;
    font-size: 30px;   
    font-family: hancock; 
}

#table-contact-text {
    
    font-size: 25px;
}

#filiale-opening table tr td {
    padding-right: 6px;
}

.filiale-picture {
    max-height: 40vh;
    max-width: 40vw; 
    overflow: hidden;    
}

hr.red {
    height: 2px;
    width: 40%;
    background-color: #D80024;
}

/*.page {
    min-height:100vh;
    
}*/


.back-to-top {
    display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #D80024 url("view/img/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.carousel-inner > .item-left .carousel-caption {
    left: 10%;
}

.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 30px;
    padding-top: 60px;
    position: absolute;
    width: 80%;
    text-align: center;
    text-shadow: none;
    z-index: 10;
    top: 0;
    
}

.home-header-red {
    background: rgba(216, 0 , 39, 0.9) none repeat scroll 0 0;
}

.home-header-brown {
    background: rgba(52, 33, 19, 0.9) none repeat scroll 0 0;
}

.home-header-lightbrown {
    background: rgba(170, 137, 93, 0.9) none repeat scroll 0 0;
}

.home-header-breadbrown {
    background: rgba(144, 88 , 37, 0.9) none repeat scroll 0 0;
}

.home-header-silver {
    background: rgba(155, 133 , 130, 0.9) none repeat scroll 0 0;
}

.home-header-broetchenbraun {
    background: rgba(222, 186 , 123, 0.9) none repeat scroll 0 0;
}

.home-header-broetchenbraundark {
    background: rgba(196, 115 , 55, 0.9) none repeat scroll 0 0;
}

.home-header-purple {
    background: rgba(138, 68 , 69, 0.9) none repeat scroll 0 0;
}

.home-header-orange {
    background: rgba(248, 146 , 1, 0.9) none repeat scroll 0 0;
}

.home-header-hellorange {
    background: rgba(255, 163 , 0, 0.9) none repeat scroll 0 0;
}

.home-header-green {
    background: rgba(145, 180 , 73, 0.9) none repeat scroll 0 0;
}

.home-header-purple {
    background: rgba(147, 54 , 52, 0.9) none repeat scroll 0 0;
}

.home-header-pink {
    background: rgba(230, 149 , 147, 0.9) none repeat scroll 0 0;
}





.home-header {
    display: inline;
    box-decoration-break: clone;
    padding: 0 10px;
    font-family: OpenSans-Regular;
    text-shadow: 1px 1px 1px #000;
}

.carousel-inner > .item-left .carousel-caption h1, .carousel-inner > .item-left .carousel-caption .subline {
    text-align: left;
}
.carousel-caption .subline.white {
    background-color: #f2ebe1;
    color: #6d5642;
}

.carousel-caption .subline {
    float: left;
    font-size: 14px;
    line-height: 1.42;
    padding: 4px 10px;
}

.carousel-caption h2 {
	line-height: 8vh; 
	text-align: left;
}

.joblist {
    line-height: 50px;
    margin-left: 60px;
}

.joblist > li a {
    
    color: #333;
    font-size: 24px;
    font-weight: bold;
    
}

.joblist > li a:hover {
    
    color: #D80024;
    
}

#contact-headtext {
    
    font-size: 30px;
    
}

#produkte ul.filter:first-child img {
    padding: 0 4px 0 0;
}

#border-brot {
    border:3px solid #B6C699;
    
}

#border-broetchen {
    border:3px solid #EEB27F;
    
}

#border-suesses {
    border:3px solid #E9C7C7;
    
}

#border-konditorei {
    border:3px solid #F0807A;
    
}

#border-snacks {
    border:3px solid #FADE75;
    
}

#produkte div.triangle-container {
    bottom: -123px;
    height: 200px;
    left: 100px;
    position: absolute;
    width: 100px;
    z-index: 99;
    margin-left: -50px;
}

#produktgruppenbox {
    background-color: #ffffff;
    padding-bottom: 15px;
    height:400px;
    border-color: #b6c699 #ffffff #ffffff;
    border-style: solid;    
}

.job-img {
    padding: 20px; 
    background-color: #FFF4BA;    
}

.headlinejob {
    color: #D80024;
    font-size: 45px;
    margin-top: -7px;    
}

.textjob {
    font-size: 19px;   
} 

.headlinejobgray {
    font-size: 35px;
    color: #333    
}

.liste-orte {
    margin-top: 30px !important;
    margin-left: 30%;     
}

.jobs-body-td {
    padding: 10px;
    font-size:16px;    
}

.job-title {
    color:#D80024;
    font-size:50px;
    margin-bottom:-10px;
    
}

.job-downtext {
    padding: 40px 10px 10px;
    font-size:16px;
    margin-top:10px;    
}

.underheadlineausbildung {
    font-size:33px;
    text-align:right;
    margin-right:12%;    
}

.navbar-collapse.in {
    overflow-y: hidden;
}

.ausbildung-bachelorsubtext {
    font-size:33px;
}

.dual-study {
    font-size:33px;   
}

#first-headline-slider {
    margin-top: 8%;   
}

#fourth-headline-slider {
    margin-top: 9%;
}

.underlinejob {
    font-size: 28px;
    color:#333;
}

#bauder-map {
    height: 670px;
}

#second-headline-slider {
    text-align: left; 
    margin-top: -30px;
}

#filiale-name {
    color:#D80024;
    font-size:30px;
    font-weight:bold;    
}

/* Footer */

.footer {
	padding: 40px 0;	
	background: #e6e6e6;
}

.footer p {
	color: #eee;
}

.footer h2 {
	color: #eee;
	font-size: 18px;
	font-weight: 200;
}

.footer .link-list li {
	border-top: solid 1px #353535;
}

.footer address,
.footer .link-list a,
.footer .link-list i {
	color: black;
}

.footer address {
	line-height: 23px;
}

/*Footer-Under*/
.footer-under {
	background: #222;
	border-top: none;
	
}

.footer-under p {
	color: #eee;
	margin-top: 14px;
}

.footer-under a {
	margin: 0 2px;
    color: #eee;
}

/*Filiale*/
.company-table {
    width: 100%; 
    font-size: 20px;
    
}

/*mobile*/

@media (max-width: 507px) and (min-width: 361px) {
#first-headline-slider {
    margin-top: -5%;   
}
}

@media (max-width: 507px) and (min-width: 361px) {
#second-headline-slider {
    margin-top: -14%;   
}
}

@media (max-width: 360px) and (min-width: 321px) {
#first-headline-slider {
    margin-top: -9%;   
}
}

@media (max-width: 320px) {
#first-headline-slider {
    margin-top: -13%;   
}
}

@media (max-width: 319px) {
#second-headline-slider { 
    margin-top: -22%;
}
}

@media (max-width: 319px) {
#third-headline-slider { 
    margin-top: -1%;
}
}


@media (max-width: 445px) and (min-width: 373px) {
.ausbildung-div {
    height: 110px;
    
}
}

@media (max-width: 760px) and (min-width: 562px) {
#filiale-name {
    font-size:25px;
    margin-top: 0px   
}
}

@media (max-width: 561px) and (min-width: 502px) {
#filiale-name {
    font-size:22px;
    margin-top: 0px   
}
}

@media (max-width: 501px) and (min-width: 482px) {
#filiale-name {
    font-size:21px;
    margin-top: 0px   
}
}

@media (max-width: 481px) {
#filiale-name {
    font-size:20px;
    margin-top: 0px   
}
}

@media (max-width: 372px) {
.ausbildung-div {
    width: 108%;
    height: 110px;
}
}

@media (max-width: 360px) {
.underlinejob {
    font-size: 19px;
    text-align: center;
}
}

@media (max-width: 760px) {
	.footer .footer-under,
	.footer {
		text-align: left;
        padding-left: 15px;
        padding-right: 15px;
	}
}

@media (max-width: 760px) {
.promo-box p {
    font-size: 12px;
    text-align: center
  }
}

@media (max-width: 760px) {
.logo-header {
    
    margin-top:215px;


  }
}

@media (max-width: 760px) {
#picture-first-baeckerei {
    
    background:url("view/img/mobile/mobile-5.jpg") no-repeat;
    height: 250px;
    margin-left:0px;
    width: 100%;

  }
}

@media (max-width: 760px) {
#picture-second-baeckerei {
    
    background:url("view/img/mobile/mobile-6.jpg") no-repeat;
    height: 250px;
    margin-left:0px;
    width: 100%;


  }
}

@media (max-width: 760px) {
#zitat {
    
    width: 100%;
    height: 225px;
    margin-bottom: 15px;
    
  }
}

@media (max-width: 760px) {
.zitat-text {
    
    margin-left: 90px;
    margin-top: 334px;
    
  }
}

@media (max-width: 760px) {
#picture-first-baeckerei {
    
    margin-top: -300px;
    
  }
}

@media (max-width: 760px) {
.topbar {    
    background-image: url("view/img/header/bauder-head-small-size.jpg");
    height: 358px;
    
    } 
}

@media (max-width: 900px) and (min-width: 760px) {
.home-header {    
    font-size: 29px;
    line-height: 14px;
    
    } 
}

@media (max-width: 760px) and (min-width: 508px) {
.home-header {    
    font-size: 18px;
    line-height: 14px;    
    } 
}

@media (max-width: 507px) and (min-width: 361px) {
.home-header {    
    font-size: 15px;
    line-height: 0px;   
    } 
}

@media (max-width: 507px) and (min-width: 427px) {
.home-header {    
    font-size: 15px;
    line-height: 0px;    
    } 
}

@media (max-width: 426px) and (min-width: 400px) {
.home-header {    
    font-size: 14px;
    line-height: 0px;   
    } 
}

@media (max-width: 399px) and (min-width: 374px) {
.home-header {    
    font-size: 13px;
    line-height: 14px;    
    } 
}

@media (max-width: 373px) and (min-width: 347px) {
.home-header {    
    font-size: 12px;
    line-height: 11px;    
    } 
}

@media (max-width: 346px) and (min-width: 321px) {
.home-header {    
    font-size: 11px;
    line-height: 11px;    
    } 
}

@media (max-width: 320px) {
.home-header {    
    font-size: 9px;
    line-height: 1px;    
    } 
}

@media (max-width: 901px) and (min-width: 760px) {
.logo {    
        margin-bottom: -15%;
    
    } 
}

@media (max-width: 760px) {
.logo {    
    float: left;
    position: relative;
    right: 150px;
    top: -47px;
    transition: top 350ms ease-out 0s;
    width: 99px;
    
    } 
}

@media (max-width: 760px) {
.header { 
    
    margin-bottom: 0px;
    margin-top: 0px;
    
    } 
}

@media (max-width: 760px) {
.navbar-toggle { 
    
   background-color: white;
    
    } 
}

@media (max-width: 760px) {
.nav { 
    
   padding-left: 15px;
    
    } 
}

@media (max-width: 760px) {
#produkte ul.filter > li { 
    
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    
    } 
}

@media (max-width: 760px) {
.header.affix .logo img { 
    
    height: 50px;
    margin-top: 0px;
    width: auto;
    
    } 
}

@media (max-width: 900px) and (min-width: 761px) {
#myCarousel h2 {
    line-height: 45px;
}
}

@media (max-width: 760px) and (min-width: 391px) {
#myCarousel h2 {
    color: white;
    font-size: 40px;
    line-height: 25px;
}
}

@media (max-width: 390px) and (min-width: 361px) {
#myCarousel h2 {
    color: white;
    font-size: 40px;
    line-height: 2px;
}
}

@media (max-width: 360px) {
#myCarousel h2 {
    line-height: 5px;
}
}

@media (max-width: 1024px) and (min-width: 761px) {
h2 {
    font-size: 44px;
}
}

@media (max-width: 760px) {
h2 {
    color: #53270a;
    font-family: "Times New Roman","OpenSans-Bold",Arial;
    font-size: 30px;
    font-weight: 100;
    margin-top:35px;
}
}

@media (max-width: 760px) {
h1 {
    font-size: 24px;

}
}

@media (max-width: 760px) {
#produkte ul.filter > li h2 {
    font-size: 9px;
}
}

@media (max-width: 760px) {
.joblist > li a {
    font-size: 16px;
}
}

@media (max-width: 760px) {
body {
    font-size: 15px;
}
}

@media (max-width: 760px) {
.page {
    height:79vh;
    
}
}

@media (max-width: 760px) {
#produkte ul.content .product-content {
    width: 195px;
    height: 50%;
    left: 20px;
    top: 85px;
    font-size: 12px;
    
}
}

@media (max-width: 900px) and (min-width: 761px) {
#contact-headtext {
    font-size: 25px;
    
}
}

@media (max-width: 760px) {
#contact-headtext {
    font-size: 18px;
    
}
}

@media (max-width: 760px) {
#produkte ul.content > li img, #produkte ul.content li.slick-slide img {
    height: 37%;
    width: 35%;
}
}

@media (max-width: 760px) and (min-width: 401px) {
.kartehandwerk img {
    border-bottom-left-radius: 0px;
}
}

@media (max-width: 400px) {
.kartehandwerk img {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 100%;
}
}

@media (max-width: 400px) {
.kartehandwerk {
    height: 294px;
}
}

@media (max-width: 1685px) and  (min-width: 1051px){
#handwerk-slider .slick-prev {
    margin-top: -6%;
    margin-left: -3%;
}
}

@media (max-width: 1050px) and  (min-width: 992px){
#handwerk-slider .slick-prev {
    margin-top: -10%;
    margin-left: -3%;
}
}

@media (max-width: 991px) {
#handwerk-slider .slick-prev {
    left: 0;
    margin-top: -57px;
}
}

@media (max-width: 1685px) and  (min-width: 1050px){
#handwerk-slider .slick-next {
    margin-top: -6%;
    margin-right: -3%;

}
}

@media (max-width: 1050px) and  (min-width: 992px){
#handwerk-slider .slick-next {
    margin-top: -10%;
    margin-right: -3%;

}
}

@media (max-width: 991px) {
#handwerk-slider .slick-next {
    right: 0;
    margin-top: -57px;

}
}


@media (max-width: 760px) {
img.size-full {
    width: 100%;
}
}

@media (max-width: 760px) {
#produktgruppenbox {
    height: 250px;
}
}

@media (max-width: 760px) {
#mobiletop {
    margin-top: 100px !important;
}
}

@media (max-width: 760px) {
#produkte div.triangle-container {
    display: none;

}
}

@media (max-width: 760px) {
#produkte ul.filter {
    margin: 0 0 40px;
    padding: 0;
}
}

@media (max-width: 760px) {
#produkte ul.content > li, #produkte ul.content li.slick-slide {
    margin-top: -70px;

}
}

@media (max-width: 760px) {
#produkte ul.content > li img, #produkte ul.content li.slick-slide img {
    right: 130px;
}
}

@media (max-width: 760px) {
.page {
    height:auto;
    
}
}

@media (max-width: 1705px) and (min-width: 761px) {
.kartehandwerk h1 {
    font-size: 23px;
    margin-top: 40px;
    line-height: 25px;  
}
}

@media (max-width: 760px) and (min-width: 401px) {
.kartehandwerk h1 {
    color: #55442e;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 15px;
    margin-top: 5px;
}
}

@media (max-width: 400px) {
.kartehandwerk h1 {
    color: #55442e;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 15px;
    margin-left: -7%;
    margin-top: 42%;
    width: 120%;
}
}

@media (max-width: 1199px) and (min-width: 761px) {
.headlinejob {
    margin-top: 0px;
    font-size: 40px;    
} 
}

@media (max-width: 760px) and (min-width: 361px) {
.headlinejob {
    font-size: 30px;
    margin-top: 15px;    
} 
}

@media (max-width: 360px)  {
.headlinejob {
    font-size: 26px !important;
    margin-top: 15px;    
} 
}

@media (max-width: 760px) {
.headlinejob {
    font-size: 30px;
    margin-top: 15px;    
} 
}

@media (max-width: 900px) and (min-width: 761px) {
.textjob {
    font-size: 17px;   
}
}

@media (max-width: 760px) {
.textjob {
    font-size: 14px;   
}
}

@media (max-width: 760px) {
.textjob {
    font-size: 14px;   
}
}

@media (max-width: 760px) {
.headlinejobgray {
    font-size: 28px;
    
}
}

@media (max-width: 1696px) and (min-width: 768px) {
.underheadlineausbildung {
    text-align:left;    
}
}

@media (max-width: 760px) and (min-width: 444px) {
.underheadlineausbildung {
    font-size:18px;
    text-align:right;
    margin-right:48%;    
}
}

@media (max-width: 443px) {
.underheadlineausbildung {
    font-size:15px;
    text-align:left;
    margin-right:0px;    
}
}

@media (max-width: 760px) and (min-width: 361px) {
.ausbildung-ueberschrift {
    font-size: 28px;
}
}

@media (max-width: 360px) {
.ausbildung-ueberschrift {
    font-size: 24px;
}
}

@media (max-width: 760px) {
.jobs-body-td {
    font-size:14px;   
}
}

@media (max-width: 992px) and (min-width: 768px) {
.liste-orte {
    margin-left:0px;     
}
}

@media (max-width: 767px) {
.liste-orte {
    margin-top: 0px !important;
    margin-left:0px;
    margin-bottom: 0px;     
}
}

@media (max-width: 760px) {
.job-downtext {
    font-size:14px;   
}
}

@media (max-width: 760px) {
.ausbildung-bachelorsubtext {
    font-size:18px;   
}
}

@media (max-width: 760px) {
.job-title {
    font-size:30px;
    
}
}

@media (max-width: 760px) {
.dual-study {
    font-size:20px;   
}
}


/*900px tablet mobile*/

@media (max-width: 990px) {
#header .navbar-nav > li > a {
    color: #fff;
    font-size: 17px;
    padding-right: 30px !important;
}
}

@media (max-width: 1176px) and (min-width: 1158px) {
.logo img {
    height: 125px;
    left: 40px;
    top: -130px;
}
}

@media (max-width: 1157px) and (min-width: 1147px) {
.logo img {
    height: 125px;
    left: 40px;
    top: -82px;
}
}

@media (max-width: 1146px) and (min-width: 1117px) {
.logo img {
    height: 105px;
    left: 45px;
    top: -69px;
}
}

@media (max-width: 1116px) and (min-width: 1050px) {
.logo img {
    height: 105px;
    left: 60px;
    top: -84px;
}
}

@media (max-width: 1049px) and (min-width: 992px) {
.logo img {
    height: 89px;
    left: 60px;
    top: -69px;
}
}

@media (max-width: 991px) and (min-width: 902px) {
.logo img {
    height: 105px;
    left: 40px;
    top: -64px;
}
}

@media (max-width: 901px) and (min-width: 887px) {
.logo img {
    height: 105px;
    left: 40px;
    top: -64px;
}
}

@media (max-width: 886px) and (min-width: 821px) {
.logo img {
    height: 105px;
    left: 40px;
    top: -114px;
}
}

@media (max-width: 820px) and (min-width: 792px) {
.logo img {
    height: 87px;
    left: 44px;
    top: -93px;
}
}

@media (max-width: 791px) and (min-width: 780px) {
.logo img {
    height: 80px;
    left: 45px;
    top: -86px;
}
}

@media (max-width: 779px) and (min-width: 768px) {
.logo img {
    height: 60px;
    left: 45px;
    top: -65px;
}
}

@media (max-width: 767px) {
.logo img {
    height: 105px;
    left: 40px;
    top: -119px;
}
}

@media (max-width: 1020px) and (min-width: 993px) {
.company-table { 
    font-size: 19px;
    
}
}

@media (max-width: 992px) and (min-width: 894px) {
.company-table { 
    font-size: 17px;
    
}
}

@media (max-width: 893px) and (min-width: 850px) {
.company-table { 
    font-size: 16px;
    
}
}

@media (max-width: 849px) and (min-width: 808px) {
.company-table { 
    font-size: 15px;
    
}
}

@media (max-width: 807px) and (min-width: 768px) {
.company-table { 
    font-size: 14px;
    
}
}

@media (max-width: 767px) and (min-width: 361px) {
.company-table { 
    font-size: 13px;
    
}
}

@media (max-width: 360px) {
.company-table { 
    font-size: 11px;
    
}
}

@media (max-width: 992px) and (min-width: 761px) {
    #bauder-map {
    height: 480px;
}
}

@media (max-width: 760px) and (min-width: 361px) {
    #bauder-map {
    height: 505px;
}
}

@media (max-width: 360px) {
    #bauder-map {
    height: 225px;
}
}

@media (max-width: 900px) and (min-width: 760px) {
#first-headline-slider {
    margin-top: 3%;  
     
}
}

@media (max-width: 900px) and (min-width: 760px) {
#fourth-headline-slider {
    margin-top: 2%;
}
}

@media (max-width: 900px) {
.header {    
    margin-top:-60px;
    margin-bottom: 300px;
    
  }
}

@media (max-width: 900px) {
#table-contact-text {
    font-size: 17px;
}
}

@media (max-width: 900px) and (min-width: 361px) {
.filiale-picture {
    max-height: 100%;
    max-width: 100%; 
    overflow: hidden;
    margin-top: 10px;    
}
}

@media (max-width: 360px) {
.filiale-picture {
    max-width: 45%;
    margin-top: 5px;     
}
}

@media (max-width: 900px) and (min-width: 361px) {
.joblist {
    margin-left: 20px;
    font-size: 13px;
}
}

@media (max-width: 360px) {
.joblist {
    margin-left: 20px;
    font-size: 13px;    
    width: 88%;
}
}

@media (max-width: 550px) and (min-width: 481px) {
.joblist > li {
    height: 80px;
}
}

@media (max-width: 480px) {
.joblist > li {
    height: 135px;
}
}

@media (max-width: 530px) {
.jobbutton {
    margin-top: -6px !important; 
}
}

@media (max-width: 900px) {
#header.affix {
    padding-top: 45px;
}
}

@media (max-width: 900px) and (min-width: 361px) {
.kartehandwerk p {
    font-size: 11px;
    text-align: left;
}
}

@media (max-width: 360px) {
.kartehandwerk p {
    font-size: 10px;
    text-align: left;
}
}

@media (max-width: 900px) {
.slick-dots {
    display: none !important;
}
}



/*1000px mobile*/

@media (max-width: 1157px) {
#header {
    padding-left: 0px;
    padding-right: 0px;
}
}

/*1200px mobile*/

@media (max-width: 1200px) {
.joblist > li a {

    font-size: 19px;
    
}
}

@media (max-width: 1269px) and (min-width: 1200px) {
.ausbildungbutton {
    margin-top: -43px;
    margin-bottom: 90px;  
}
}

@media (max-width: 1500px) and (min-width: 1200px) {
.joblist {
    width: 120%;  
}
}



/* Unser Handwerk Slider */
@media (max-width: 1760px) and (min-width: 1651px) {
#handwerk-header {
    font-size: 58px;  
}
}

@media (max-width: 1650px) and (min-width: 1485px) {
#handwerk-header {
    font-size: 52px; 
}
}

@media (max-width: 1484px) and (min-width: 1319px) {
#handwerk-header {
    font-size: 46px; 
}
}

@media (max-width: 1318px) and (min-width: 1153px) {
#handwerk-header {
    font-size: 40px;
    text-align:center;
}
}

@media (max-width: 1152px) and (min-width: 789px) {
#handwerk-header {
    font-size: 34px;
    text-align:center;
}
}

@media (max-width: 788px) and (min-width: 568px) {
#handwerk-header {
    font-size: 28px;
    text-align:center;
}
}

@media (max-width: 567px) and (min-width: 454px) {
#handwerk-header {
    font-size: 22px;
    text-align:center;
}
}

@media (max-width: 453px) and (min-width: 401px) {
#handwerk-header {
    font-size: 16px;
    text-align:center;
}
}

@media (max-width: 400px) {
#handwerk-header {
    font-size: 19px;
    text-align:center;
    margin-left: 22%;
}
}

@media (max-width: 1378px) and (min-width: 1247px) {
.kartehandwerk p {
    font-size: 17px; 
}
}

@media (max-width: 1246px) and (min-width: 1118px) {
.kartehandwerk p {
    font-size: 15px; 
}
}

@media (max-width: 1117px) and (min-width: 800px) {
.kartehandwerk p {
    font-size: 13px; 
}
}

@media (max-width: 799px) and (min-width: 654px) {
.kartehandwerk p {
    font-size: 12px; 
}
}

@media (max-width: 653px) and (min-width: 605px) {
.kartehandwerk p {
    font-size: 11px; 
}
}

@media (max-width: 604px) and (min-width: 567px) {
.kartehandwerk p {
    font-size: 10px; 
}
}

@media (max-width: 566px) and (min-width: 540px) {
.kartehandwerk p {
    font-size: 9px; 
}
}

@media (max-width: 539px) and (min-width: 509px) {
.kartehandwerk p {
    font-size: 8px; 
}
}

@media (max-width: 508px) and (min-width: 482px) {
.kartehandwerk p {
    font-size: 7px; 
}
}

@media (max-width: 481px) and (min-width: 400px) {
.kartehandwerk p {
    font-size: 6px; 
}
}

@media (max-width: 400px) {
.kartehandwerk p {
    font-size: 8px;
    margin-left:22%;
    width:70%; 
    margin-top: -12px;
}
}



@media (max-width: 445px) {
.ausbildungbutton {
    margin-top: 0px;  
}
}

@media (max-width: 325px) {
.buttonmobile {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px; 
}
}

@media (max-width: 400px) {
#mobile-text {
    color: #55442e;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 15px;
    margin-left: -7%;
    margin-top: -42%;
    width: 120%; 
}
}

@media (max-width: 400px) {
#mobile-text-special {
    color: #55442e;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 15px;
    margin-left: -7%;
    margin-top: -13%;
    width: 120%; 
}
}

@media (max-width: 760px) {
    #header.affix {
    padding-top: 0px;
}
}

@media (max-width: 760px) {
    #header.affix > .navbar{
    margin-bottom: 0px;
    }
}

@media (max-width: 856px) and (min-width: 768px) {
.underheadlineausbildung {
    text-align:left;
    margin-right:0;
    font-size: 32px;    
}
}