/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

/* Insert your own styles in here! */

.col-sm-offset-1 {margin-left: 4%;}

select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
}

.liste_tipps a {padding: 5px 10px; background-color: #7ab51d; color: #FFF;}
.liste_tipps a:hover {padding: 5px 10px; background-color: #618f18; color: #FFF;}

.cc_container .cc_btn {
background: transparent !important; /* Farbe des Buttons */
color: #CCCCCC; /* Textfarbe des Buttons */
top: 70px;
}
 
.cc_container {
background: #FFF !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #777 !important; /* Schriftfarbe des gesamten Bereichs */
border-top: 1px solid #c3c3c3;
box-shadow: 0 -2px 10px #c3c3c3;
bottom: 20px !important;
left: 20px !important;
padding-bottom: 60px !important;
}
 
.cc_container a {
color: #022856 !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration: underline !important;
}

.cc-banner-wrapper .cc_container .cc_btn {
text-decoration: none !important;
font-size: 18px !important;
width: 200px !important;
}

.cc_more_info {color: #FFF !important}


.insta_icon img {width: 34px;height:34px;}
.insta_icon_mobil {width: 20px; height: 20px !important;}

.imagebox {
width: 620px;
height: 100px;
border: 3px solid #FFFFFF;
margin: 20px auto 0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
color: #FFFFFF;
text-align: center;
}

.imagebox a.logo {font-family: 'Rubik', sans-serif; color: #FFF; font-size: 30px; letter-spacing: normal; padding-top: 10px; font-weight: 400; display:block}
.imagebox a.slogan {font-family: 'Rubik', sans-serif; color: #FFF; font-size: 17px; padding-top: 10px; font-weight:400; display:block}


.dark-bg p a {color: #FFF; text-decoration: none; border-bottom: none;}
.dark-bg p a:hover {color: #FFF; text-decoration: underline}

footer a {line-height: 28px;}

.btn_asscout {
background-color: #dddddd;
color: #73879C !important;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0);
width: 33%;
font-size: 22px;
font-weight: normal;
text-transform: none !important;
padding: 7px 0
}


.volltextsuche{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-top:350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 70%;
max-width: 990px;
height: 100px;
z-index: 999;
}


	

.input-search {
    width:70%;
    color:#333;
    font-size: 22px !important;
    margin-bottom: 0px !important;
    padding: 10px 40px !important;
    border:2px solid #7ab51d !important;
    height: auto !important;
    line-height: normal !important;
    vertical-align: top !important;
    border-right: none !important;
} 

.btn-search {
    width:30%;
	background-color:#7ab51d;
	border:2px solid #7ab51d !important;
    font-size: 22px !important;
	color:#FFF;
	padding: 10px 10px !important;
    margin-bottom: 0px;
    line-height: normal !important;
    margin-left: -4px !important;
    border-left: none !important;
}

.btn-search:hover {
	background-color:#6ea31a;
	color:#FFF;
    border:2px solid #6ea31a !important;
    border-left: none !important;
}


footer .inner-sm {
    padding-top: 20px;
    padding-bottom: 20px;
}






.elastic-video {position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden;}
.elastic-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.elastic-video_hochformat {position: relative; padding-bottom: 176%; padding-top: 15px; height: 0; overflow: hidden;}
.elastic-video_hochformat iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.fliesstext {font-size: 18px; line-height: 28px; }


/* Preisliste 2024-11 Start */

.ueberschrift_01 {font-size: 50px;}
.ueberschrift_02 {color: #73879c; font-size: 18px; margin-top: -20px; margin-bottom: 40px; font-weight: normal;}




.link_nav_mobile {padding: 10px 15px; background: #7ab51d; color: #FFF !important;}

.vorteile_box_kopf {width: 100%; text-align: left; font-size: 22px; color: #FFF; background-color: #9d9d9c; padding-top: 10px; padding-bottom: 10px; padding-left: 30px;}
.vorteile_box_body {background-color: #F5F7FA; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; border-left: 2px solid #9d9d9c; border-bottom: 2px solid #9d9d9c; border-right: 2px solid #9d9d9c; }
.vorteile_box_rechts {text-align: right;}
.vorteile_box_links {text-align: left;}
.vorteile_zeile {font-size: 32px; padding-left: 10px;}

.vorteile {padding-top: 20px; }

.vorteile .icon-ok {color: #7ab51d}

.pricing .plan .features {border: 0px solid #E6E9ED;}



.preis_box_kopf {width: 100%; text-align: center; font-size: 22px; color: #FFF; background-color: #7ab51d; padding-top: 10px; padding-bottom: 10px; line-height: 30px}
.preis_box_body {background-color: #F5F7FA; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; border-left: 2px solid #7ab51d; border-bottom: 2px solid #7ab51d; border-right: 2px solid #7ab51d; }
.preis_box_rechts {text-align: right;}
.preis_box_links {text-align: left;}
.preis_zeile {font-size: 32px; margin-top: 10px;}

.zentrieren {text-align: center; font-weight: normal;}
.btn_schmal {padding: 5px 10px 5px !important}
.zentrieren a {font-weight: normal !important;}

.pricing .plan .btn {
  margin-bottom: 0;
  background-color: #e4e4e4;
  color: #9ba6b2 !important;
  box-shadow: inset 0 0px 0 rgba(0,0,0);
}

.pricing .plan .btn:hover {
  margin-bottom: 0;
  background-color: #d4d4d4;
    color: #73879C !important;
}

.fs-telefon {font-size: 30px !important;}

.dark-bg p a {color: #FFF; text-decoration: none; border-bottom: none;}
.dark-bg p a:hover {color: #FFF; text-decoration: underline}


.font-white {color: #FFF !important; font-size: 30px; margin-bottom: 0px;}
.font-gruen {color: #7ab51d !important; font-size: 50px !important;}
.preis-bg {background-color:#CFCFCF}

.pricing .plan .price .amount {
  font-size: 70px;
  font-weight: 900;
  color: #FFF;
}

.pricing .plan header {
background: #ea5b0c;
text-align: center;
padding: 50px 25px;
}

.period {color: #FFF;}

.angebot-preis {font-size: 36px; display: block; margin-top: 10px;}
.angebot-preis_klein {font-size: 16px; display: block; margin-top: 5px;}

.mgt-30 {margin-top: 30px;}

.mgt-50 {margin-top: 50px;}

.preise_email:hover {color:#FFFFFF !important; opacity: 0.8}

p a.preise_02_email {border-bottom: 0px solid #73879C;}

.preise_02_email:hover {text-decoration: none; opacity: 0.8}

.liste_icon_platzierung {margin-left: -22px; margin-right: 3px;}

.text-left {text-align: left;}

.preis-info-text-abstand {margin-top: 125px;}

.telefon-font-size {color: #7ab51d; font-size: 24px;}


/* Preisliste 2024-11 Ende */








main {margin-top: 143px}

.dropdown-menu {margin-top: 0}

.dropdown-menu > li {
	margin-top: 0;
	margin-bottom: 0;
    padding: 5px 20px;
    line-height: 1;
}

.dropdown-menu > li > a {
	margin-top: 0;
	margin-bottom: 0;
    padding: 0 20px;
    line-height: 1;
}

.height_slider {
    height: 350px !important;
}

#owl-main .owl-wrapper-outer {height: 350px !important;}


.no_background {background-color: transparent !important}
.center {text-align: center;}
.navbar-brand img {	display: inline-block;	height: 100px;}
.navbar-collapse {padding-top: 0px; margin-top: -15px;}
.navbar-collapse.collapse {padding-bottom: 20px;}
.logo_stripe {background-color: #7ab51d; width: 100%; height: 100px;}
.logo_center {margin: 0 auto;  display: flex !important;   align-items: center !important;   justify-content: center !important;}
.logo_jobscout {width: 100%;}


.classic-blog .post {width: 105%;}

ul.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.classic-blog .post-content .meta {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}

.social_link {font-size: 20px; line-height: 40px; text-decoration: none !important; border-bottom: 0px;}


.border img {border: 0px }

figure.logo {width:252px;}
figure.firmenbild {width:650px;}

.outer-top-xs {margin-top: 85px;}

.pdf {max-width: 30px; float: left; height: auto !important; margin-right: 10px; }
.pdf_link {font-size: 20px;}

.sticky_link {color: #7ab51d; font-size: 18px; margin-top: 6px;}
.sticky_link:hover {font-size:18px; color: #7ab51d;}

.left {float: left;}
.right {float: right;}

.video_breite {width:300px; margin: 0 auto}

.mt-10 {margin-top: 10px}
.mt-20 {margin-top: 20px}
.mt-30 {margin-top: 30px}
.mt-40 {margin-top: 40px}
.mt-50 {margin-top: 50px}
.mt-60 {margin-top: 60px}
.mt-70 {margin-top: 70px}
.mt-80 {margin-top: 80px}
.mt-90 {margin-top: 90px}
.mt-100 {margin-top: 100px}
.mt-110 {margin-top: 110px}
.mt-120 {margin-top: 120px}
.mt-130 {margin-top: 130px}
.mt-140 {margin-top: 140px}
.mt-150 {margin-top: 150px}
.mt-160 {margin-top: 160px}
.mt-170 {margin-top: 170px}
.mt-180 {margin-top: 180px}
.mt-190 {margin-top: 190px}
.mt-200 {margin-top: 200px}
.mt-210 {margin-top: 210px}
.mt-220 {margin-top: 220px}
.mt-230 {margin-top: 230px}
.mt-240 {margin-top: 240px}

.mb-10 {margin-bottom: 10px}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.mb-40 {margin-bottom: 40px}
.mb-50 {margin-bottom: 50px}
.mb-60 {margin-bottom: 60px}
.mb-70 {margin-bottom: 70px}
.mb-80 {margin-bottom: 80px}
.mb-90 {margin-bottom: 90px}
.mb-100 {margin-bottom: 100px}

.ml-10 {margin-left: 10px}
.ml-20 {margin-left: 20px}
.ml-30 {margin-left: 30px}
.ml-40 {margin-left: 40px}
.ml-50 {margin-left: 50px}


.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-20 {padding-top: 20px}
.pt-30 {padding-top: 30px}
.pt-40 {padding-top: 40px}
.pt-50 {padding-top: 50px}
.pt-60 {padding-top: 60px}
.pt-70 {padding-top: 70px}
.pt-80 {padding-top: 80px}
.pt-90 {padding-top: 90px}
.pt-100 {padding-top: 100px}


.pl-0 {padding-left: 0px;}
.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-20 {padding-left: 20px}
.pl-30 {padding-left: 30px}
.pl-40 {padding-left: 40px}
.pl-50 {padding-left: 50px}
.pl-60 {padding-left: 60px}
.pl-70 {padding-left: 70px}
.pl-80 {padding-left: 80px}
.pl-90 {padding-left: 90px}
.pl-100 {padding-left: 100px}

.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.pb-20 {padding-bottom: 20px}
.pb-30 {padding-bottom: 30px}
.pb-40 {padding-bottom: 40px}
.pb-50 {padding-bottom: 50px}
.pb-60 {padding-bottom: 60px}
.pb-70 {padding-bottom: 70px}
.pb-80 {padding-bottom: 80px}
.pb-90 {padding-bottom: 90px}
.pb-100 {padding-bottom: 100px}


.pr-0 {padding-right: 0px;}

.pd-5 {padding: 5px}
.pd-10 {padding: 10px !important}


.fs_10px {font-size: 10px !important;}
.fs_20px {font-size: 20px !important;}
.fs_30px {font-size: 30px !important;}
.fs_35px {font-size: 35px !important;}
.fs_40px {font-size: 40px !important;}
.fs_50px {font-size: 50px !important;}
.fs_60px {font-size: 60px !important;}
.fs_70px {font-size: 70px !important;}
.fs_80px {font-size: 80px !important;}


.width_150 {width: 150px; }
.width_200 {width: 200px; }

h1,h2,h3,h4,h5 {color: #7ab51d; hyphens: auto;}

a.social_share {text-decoration: none !important}


.navbar{
	width:100%;
    position: fixed;
    top: 0px;
    z-index: 3000;
    height: 143px !important;
}

.bg_color_jobscout {background-color: #7ab51d;}
.bg_grau {background-color: #DDDDDD; padding-bottom: 30px;}
.form_ueberschrift {text-align: center; color: #FFF; padding: 10px 0; font-size: 24px;}
.formbezeichnung {padding-top: 5px; font-size: 22px;}


.auswahl_dropdown {
	width: 100%;
	border: 1px solid #ccc;
	font-size: 22px;
	border-radius: 5px;
}


.auswahl_dropdown ul li {
	font-family: 'Imprima', sans-serif !important;
 	border: 1px solid #ccc !important;
	font-size: 22px !important;
	border-radius: 5px !important;
}



.ui-selectmenu-status {
    font-size: 14px;
    line-height: 14px;
    display: block;
    padding: 13px 13px 13px 8px;
    outline: none;
    text-decoration: none;
}

.schatten {border: 5px solid #FFF; box-shadow: 5px 10px 15px grey;}
.linie_unten {border-bottom: 5px solid #FFF; }
.suche_starten_pfeil {width: 50%;}

.anzahl_berufe {text-align:center; font-size:24px; color:#FFF;}



.pagination > li {margin-left: 0px;}

.pagination > li:first-child > a, .pagination > li:last-child > a {

}

.pagination > li > a, .pagination > li > span {
float: none;
display: inline-block;
color: #cbcbcb;
font-family: 'Source Sans Pro', sans-serif;
background-color: #FFF;
padding: 3px 8px 3px 8px;
margin-left: 0;
margin-top: 0;
font-weight: 700;
font-size: 12px;
text-shadow: none;
text-transform: uppercase;
border: none;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-border-radius: 3px;
border: 1px solid #cbcbcb;
border-radius: 3px;

}



.kontakt_box {
background-color: #efefef !important;
padding: 0px;
padding-top: 10px !important;
margin-top: 20px;
}



.bewerben_box {
background-color: #7ab51d !important;
padding: 10px;
color: #FFF;
width: 100%;
display: block;
text-align: center;
font-size: 24px;
}


.bewerben_box:hover {
background-color: #383A4A !important;
padding: 10px;
color: #7ab51d;
width: 100%;
display: block;
text-align: center;
font-size: 24px;
}



.firmenpraesentation_box {
background-color: #016C82 !important;
padding: 10px 20px;
color: #FFF;
width: 100%;
margin-top: 0px;
display: block;
text-align: center;
font-size: 24px;
}


.firmenpraesentation_box:hover {
background-color: #7ab51d !important;
color: #FFF;
}



.e_mail_merken_button_box {
background-color: #016C82 !important;
padding: 5px 20px;
color: #FFF;
width: 100%;
margin-top: 0px;
display: block;
text-align: center;
font-size: 20px;
}


.e_mail_merken_button_box:hover {
background-color: #7ab51d !important;
color: #FFF;
}



.dropdown-menu {
padding-top: 0px;
}

.social_button a {border-bottom: none;}


.format-filter li ul li {display: block !important;}

.format-filter li ul li a {padding-top: 5px; padding-bottom: 1px;}



.btn_bewerbungstipps {
    position: fixed;
    z-index: 9999;
    left: 15px;
    top: 20px;
    margin: 0;
    padding: 0;
    
}

.btn_bewerbungstipps img {max-width: 180px;}

#as_com_map {
    right: 20px;
    top: 40px;
    height: 41px;
    width: 20px;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 9999;
}

#as_com_map img {height: 25px; margin-left: 2px;}


/* Neu 2023-09-07 start */
#tictocbutton {right: 50px; top: 60px; height: 41px; width: 26px; margin: 0; padding: 0; position: fixed; z-index: 9999;}

#tictocbutton img {width:20px; height:20px !important;}


#ytbutton {right: 50px; top: 60px; height: 41px; width: 26px; margin: 0; padding: 0; position: fixed; z-index: 9990;}

#fbbutton {right: 50px; top: 20px; height: 41px; width: 26px; margin: 0; padding: 0; position: fixed; z-index: 9980;}

#instabutton {right: 80px; top: 20px; height: 41px; width: 26px; margin: 0; padding: 0; position: fixed; z-index: 9970;}

#homebutton {right: 110px; top: 20px; height: 41px; width: 26px; margin: 0; padding: 0; position: fixed; z-index: 9960;}

#button_preise_konditionen  {right: 40px;top: 70px; position: fixed; z-index: 999;}
/* Neu 2023-09-07 ende */






.social a i::after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.social a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #FFF;
    width: 30px;
    height: 30px;
    font-size: 26px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}


.no_pd_left {padding-left: 0px;}


ul.circled li::before, .stelledetail > ul > li::before, .stelledetail > header > ul > li::before {
    font-family: 'fontello-circle';
    content: '\e800';
    font-size: 8px;
    font-weight: normal;
    color: #7ab51d;
    padding-top: 1px;
    margin-left: -20px;
    vertical-align: top;
    position: absolute;
}




          Demo #1              


.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
	height:10px !important;
	float:left;
	z-index: 2000;
	max-height: 0px;
	} 

.trigger {
	position:relative;
	color: #777;
	padding: 6px 0 6px 10px;
	font-size: 20px;
	width: 100%;
	background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger:hover {
	position:relative;
	color: #777;
	background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat;
	z-index: 2000;
	}

.activetrigger {
	color: #777;
	padding: 6px 0 6px 10px;
	font-size: 20px;
	width: 100%;
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.activetrigger:active {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.dropcontainer ul {
	position:absolute;
	font-size: 20px;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 0 10px;
	margin: 0;
	width: 95%;
	max-height: 40vh;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 5000;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	padding: 8px 5px 8px 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	border-bottom: 1px dotted #ccc;
	background: #fff;
	}

.dropcontainer ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	float:left;
	position:absolute;
	}


.btn.btn-scout {
    background: transparent;
	border: 1px solid #AFAFAF;
	color: #AFAFAF !important;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	padding: 7px 11px;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0);
}

.btn.btn-scout:hover {
    background: #7ab51d;
	color: #FFF !important;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
}

.classic-blog .post-content .meta {margin-top: 5px;}
.classic-blog .post-content > :first-child, .classic-blog .post-media + * {margin-top: 10px;}
.classic-blog .post {padding-bottom: 10px;}
.jobliste_logo {margin-top: 30px;}






/* DFMOD 2019-12-04 - ausblenden der Knubbels im Firmenslider auf der Startseite */
div.owl-controls.clickable, .owl-controls .clickable {display:none!important;}


/* DFMOD 2019-12-07 - Styling der Autocomplete-Box */

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front
{
    width: 990px;
    border: 2px solid #7ab51d !important;
    background-color:white!important;
    font-size:1.5em;
    line-height:1.5em;
    cursor:pointer;
}



/* Zusatz css start */

.mt-0 {margin-top: 0px}

.btn_sofunktionierts {
    position: fixed;
    z-index: 8999;
    left: 220px;
    top: 15px;
    margin: 0;
    padding: 0;
    
}

.btn_sofunktionierts img {max-width: 120px;}

.btn_sofunktionierts_invers a img {max-width: 100px !important;}



.btn_bewerbungstipps {
    position: fixed;
    z-index: 9999;
    left: 15px;
    top: 20px;
    margin: 0;
    padding: 0;
    
}

.btn_bewerbungstipps img {max-width: 180px;}

.btn_bewerbungstipps_invers a img {max-width: 160px !important; float: left; margin: 20px 30px 0 0;}



.infobutton {
text-transform:none !important;
font-size: 26px;
font-weight: 400;
background-color: #98008E !important;
color: #FFF !important;
}


.infobutton:active, .infobutton:visited, .infobutton:focus {
text-transform:none !important;
font-size: 26px;
font-weight: 400;
background-color: #98008E !important;
color: #FFF !important;
}


.infobutton:hover {
text-transform:none !important;
font-size: 26px;
font-weight: 400;
background-color: #98008E !important;
color: #FFF !important;
}


.modal_icon {float: left; font-size: 28px; margin-right: 20px; }

#fbbutton {            right: 80px !important; top: 40px;}
#instabutton {         right: 110px !important; top: 40px;}
#homebutton {          right: 145px !important; top: 40px;}

#ytbutton {
    right: 50px;
    top: 40px;
    height: 41px;
    width: 26px;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 9999;
}

.mr-20 {margin-right: 20px;}


/* Zusatz css ende */

.suchFeld {
padding: 10px 40px !important;
}


.suchDiv {background-color: #FFF}


#suchergebnisBeruf {background-color: #FFF; width: 465px;}

input[type="text"] {margin-bottom: 0px !important; height: 38px;}


@-moz-document url-prefix() {

.map {margin-top: -15px;}

}




@media (max-width: 1199px) {
.classic-blog .post-title {font-size: 22px; line-height: 120%;}
figure.firmenbild {width: 100%;}
.firma_space {margin-top: 0px;}

}



/* Neu 2023-09-07 start */

@media (max-width: 1099px) {

#tictocbutton {        right: 20px !important; top: 55px;}
#ytbutton {            right: 55px !important; top: 55px;}
#fbbutton {            right: 20px !important; top: 20px;}
#instabutton {         right: 55px !important; top: 20px;}
#homebutton {          right: 90px !important; top: 20px;}
.text_ausblenden_01             {display:none;}
#button_preise_konditionen      {right: 35px; top: 90px;}
}


@media (min-width: 1100px) {

#tictocbutton {        right: 55px !important; top: 30px;}
#ytbutton {            right: 90px !important; top: 30px;}
#fbbutton {            right: 120px !important; top: 30px;}
#instabutton {         right: 150px !important; top: 30px;}
#homebutton {          right: 185px !important; top: 30px;}

}
/* Neu 2023-09-07 ende */


@media (max-width: 1025px) {
main {margin-top: 0px}

.firma_space {margin-top: 0px}

.classic-blog .post-title {font-size: 22px;line-height: 120%;}




.classic-blog .post-content > * {
    margin-left: 20px;
    margin-right: 20px;
}
.classic-blog .post-content .meta {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 25px;
    margin-top: 10px;
    
}

.classic-blog .post-content > :first-child, .classic-blog .post-media + * {margin-top: 20px;}
.classic-blog .post {padding-bottom: 5px;}
.no_pd_tablet {padding-left: 0; padding-right: 0;}

.jobliste_logo {width: 70%; margin-left:15%; margin-top: 15px; margin-bottom: 15px !important;}

.panel-group {margin-top: 30px;}

}

@media (min-width: 993px) {

.only_mobile {display: none;}
}

@media (max-width: 992px) {

.social_icon {width: 30%; display: block; margin: 0 auto;}

.btn_bewerbungstipps {
    position: fixed;
    z-index: 9999;
    left: 10px;
    top: 20px;
    margin: 0;
    padding: 0;
    
}

.btn_bewerbungstipps img {max-width: 140px;}



.imagebox {
width: 450px;
height: 100px;
border: 3px solid #FFFFFF;
margin: 20px auto 0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
color: #FFFFFF;
text-align: center;
}

.imagebox a.logo {color: #FFF; font-size: 20px; padding-top: 10px; font-weight: 400; display:block}
.imagebox a.slogan {color: #FFF; font-size: 13px; padding-top: 10px; font-weight:400; display:block}





.suche_starten_pfeil { width: 25%; margin-bottom: 20px;}
.col-md-0 {display:none;}
.classic-blog .post {width: 100%;}

.classic-blog .post-content .meta {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 25px;
}

.btn_asscout {
background-color: #dddddd;
color:#73879C !important;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0);
width: 100%;
font-size: 18px !important;
font-weight: normal;
text-transform: none !important;
padding: 7px 0;
margin: 5px 0;
}

.no_mobile_big {display: none !important;}

}














@media (max-width: 768px) {
.no_relative {position: static !important;}
.no_mobile {display: none;}
.col-sm-0 {display:none;}



.btn_bewerbungstipps {display: none;}


.affix-wrapper {min-height: 66px !important;}

.navbar.affix, .navbar.affix-top {
    position: static;
    top: 0;
    width: 100%;
}

.navbar {
    height: 40px !important;
}

.imagebox {
width: 100%;
min-height: 10px;
height: 40px;
border: none;
margin: 0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
color: #FFFFFF;
text-align: left;
}

.imagebox a.logo {color: #FFF; font-size: 16px; line-height: 15px; padding-top: 0px; font-weight: 400; display:inline}
.imagebox a.slogan {color: #FFF; font-size: 12px; padding-top: 20px; font-weight:400; display:none}

.social a i {    width: 22px;    height: 22px;    font-size: 18px; }


.row, #share {overflow:visible;}






.input-search {
    width:100%;
    color:#333;
    font-size: 18px !important;
    margin-bottom: 0px !important;
    padding: 10px 10px !important;
    border:2px solid #7ab51d !important;
    height: auto !important;
    line-height: normal !important;
    vertical-align: top !important;
    text-align: center;
} 

.btn-search {
    width:100%;
	background-color:#7ab51d;
	border:2px solid #7ab51d !important;
    font-size: 18px !important;
	color:#FFF;
	padding: 10px 10px !important;
    margin-bottom: 0px;
    line-height: normal !important;
    margin-left: 0px !important;
}

.btn-search:hover {
	background-color:#6ea31a;
	color:#FFF;
    border:2px solid #6ea31a !important;
}

.height_slider {height: auto !important;
}



.volltextsuche {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 85px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    width: 95% !important;
    max-width: 990px;
    height: 30px !important;
    z-index: 999;
}


.suchFeld {
padding: 10px 10px !important;
font-size: 100% !important;
margin-top: 5px !important;
margin-bottom: 10px !important;
}

#hero {display: none;}

.jobscout_btn_position {margin-top: 80px;}

.suchfeld_box {margin-top: 0px;}

.infobutton {font-size: 20px; padding: 8px 26px 8px;}

.infobutton:hover, .infobutton:active, .infobutton:visited, .infobutton:focus {font-size: 20px;}


.suchFormField {
    font-size: 14px !important;
    padding: 6px 0 6px 10px !important;
    border: 1px solid #ccc !important;
    margin-bottom: 0px !important;
    width: 100%;
    height: 38px !important;
}


.suchfeld_box .mt-20 {margin-top: 0px;}

.suchfeld_box .mb-20 {margin-bottom: 0px;}

.suchErgebnisTitle {font-size: 16px !important; padding-left: 10px !important; font-weight: bold;}
.suchErgebnis {font-size: 14px !important; padding-left: 10px !important;}

.form_ueberschrift {font-size: 16px;}
.formbezeichnung {padding-top: 10px; font-size: 16px;}

.activetrigger,
.trigger,
.dropcontainer ul {font-size: 13px;}

header p {font-size: 16px !important;}

.btn_bewerbungstipps {display: none;}

.classic-blog .post .date-wrapper {margin-right: 0px; padding-right: 0px;}

.sidemeta .date-wrapper-02 {
    top: -80px !important;
    left: 53%;  
}

.activetrigger, .trigger, .dropcontainer ul {font-size: 13px;}

footer {
    font-size: 14px;
    line-height: 18px;
}

.suchfeld_box .mt-40 {margin-top:20px;}
.anzahl_berufe {margin-bottom:20px !important;}

#suchergebnisBeruf {width: 100%;}

}


@media (min-width: 992px) and (max-width: 1300px) {

.btn_bewerbungstipps img {
    max-width: 120px;
}

.btn_bewerbungstipps {left: 40px; top: 5px}

.btn_sofunktionierts img {
    max-width: 80px;
}


.btn_sofunktionierts {left: 60px; top: 65px}


}
















@media (min-width: 768px) and (max-width: 1024px) {
height-xs, .height-sm, #owl-main .item {
    height: 350px !important;
}
}


@media (min-width: 768px) and (max-width: 992px) {

.classic-blog .post {width: 90%;}


}



@media (min-width: 480px) and (max-width: 992px) {
.firma_space {margin-top: 50px;}
figure.border {max-width: 300px;}
}

@media (min-width: 481px) {
.mobile_logo {display:none !important;}
}

@media (max-width: 480px) {
.col-xs-0 {display:none;}

.firma_space {margin-top: 50px;}


.navbar {height: 60px !important;}
.navbar .container {padding-right: 40px;padding-left: 10px;}
.imagebox {height: 80px;}
.imagebox a.mobile_logo {font-size: 20px; line-height: 22px!important; display: block; margin-top: 6px; margin-bottom: 6px;}
.imagebox a.logo {display:none !important;}
.volltextsuche {margin-top: 75px !important;}
.jobscout_btn_position {margin-top: 70px;}






.btn_asscout {
background-color: #dddddd;
color:#73879C !important;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0);
width: 100%;
font-size: 18px !important;
font-weight: normal;
text-transform: none !important;
padding: 7px 0;
margin: 5px 0;
}


.social a i {    width: 22px;    height: 22px;    font-size: 18px; }

.classic-blog .post-title {font-size: 18px;line-height: 120%;}

.classic-blog .post-content > * {margin-left: 5px; margin-right: 5px;}
.classic-blog .post-content .meta {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 25px;
}

.meta li {display: block; margin: 0 6px;}
.meta li::after {content: "";content: ""; margin-left: 12px;}


figure.border {max-width: 270px;}


.fs_35px {font-size: 18px !important;}

.dropcontainer {margin-top: 10px;}

.dropcontainer ul {font-size: 14px;}

.dropcontainer ul li { padding: 4px 5px 4px 5px;}

#owl-main .owl-wrapper-outer {height: 300px !important;}

/* DFMOD 2019-12-04 - ausblenden der Knubbels im Firmenslider auf der Startseite */
div.owl-controls.clickable, .owl-controls .clickable {display:none!important;}

.owl-pagination .owl-page span {display:none!important;}

.classic-blog .post-title a {margin-left: -10px; padding-left: 0px;}

}