/*
Theme Name: soIT Premium
Version: 1.0
Description: A child theme of Vantage Premium
Template: vantage
Author: Tim Fischer
*/
@import url("../vantage/style.css");
/* Your awesome customization starts here */

/* HEADER FIX */
#topbar {
	padding: 22px 35px;
	background: transparent -webkit-linear-gradient(90deg, #8BC8F5 20%, #2D4999 70%) repeat scroll 0% 0%;
	background: transparent linear-gradient(0deg, #8BC8F5 20%, #2D4999 70%) repeat scroll 0% 0%;
	margin: 0px -35px; 
	z-index:1;
}

#masthead {
	padding: 0px 35px;
	-webkit-box-sizing: ;
	        box-sizing: ;
	background-image: url("/wp-content/uploads/soit-logo-background-repeat.png");
}

#masthead .hgroup {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url("/wp-content/uploads/soit-logo-background.png");
}
body.responsive #masthead .hgroup .support-text, body.responsive #masthead .hgroup #header-sidebar {
    margin-top: 0px;
}
#masthead .hgroup .support-text {
color: #2D4999;
font-weight: bold;
font-style: normal;
font-size: 16px;
right: 22px;
top: 65%;
}
@media (max-width:680px) {
body.responsive #masthead .hgroup .support-text, body.responsive #masthead .hgroup #header-sidebar {
    position: static;
    display: none;
    margin-top: 30px;
    max-width: 100%;
}
}
/* HEADER FIX END */

/* CONTENT FIX */
#main {
    padding: 0px;
}
/* CONTENT FIX END */

/* SIDEMENU */
@media (max-width:780px) {
.sidemenu ul { margin:0px; padding:0px; position:static !important;}
#is-mobile { display: none; }
}
@media (max-width: 8000px) {
.sidemenu ul { margin:0px; padding:0px; }
}
.sidemenu li { padding: 0px; margin: 0px !important; list-style: outside none none; }
.sidemenu li a {display:block; margin-bottom:5px; padding:5px; padding-right:20px; text-decoration: none;  }
.sidemenu li a:link { color:#FFF !important; background-color: #4CA3F0; }
.sidemenu li a:visited { color:#FFF !important; background-color: #4CA3F0; }
.sidemenu li a:hover { color:#FFF !important; background-color:#2D4999; }
.sidemenu li a:active { color:#FFF !important; background-color:#2D4999; }

/* HIER VISUELL DEN NAMEN RAUSSUCHEN: https://fontawesome.com/v4.7/cheatsheet/ */
/* -> z.B. fa-envelope
/* HIER DIE CODES RAUSSUCHEN: https://wpcstest.soit.de/wp-content/themes/vantage/fontawesome/css/font-awesome.css?ver=4.2.0 */
/* z.B. fa-envelope = \f0e0 */
/* .menu-phone:before{
  content: "\f098";
  color: #4CA3F0;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 28px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top:0;
  left:0;	
}
.menu-phone { position: relative; }
.menu-phone a {  margin-left:30px; display:inline !important; color:#4CA3F0 !important; }
.sidemenu .menu-phone a:link, 
.sidemenu .menu-phone a:visited,
.sidemenu .menu-phone a:hover,
.sidemenu .menu-phone a:active { color:#4CA3F0 !important; background-color: transparent; } */

.menu-phone:before{
  content: "\f098";
  color: #fff;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 26px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top:5px;
  left:5px;
}
.menu-phone { position: relative; }
.menu-phone a { margin-top: 15px; padding-left:35px !important; color:#4CA3F0 !important; }

.menu-email:before{
  content: "\f0e0";
  color: #fff;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top:5px;
  left:5px;
}
.menu-email { position: relative; }
.menu-email a { padding-left:35px !important; color:#4CA3F0 !important; }

/* .sidemenu .menu-email a:link, 
.sidemenu .menu-email a:visited,
.sidemenu .menu-email a:hover,
.sidemenu .menu-email a:active { color:#4CA3F0 !important; background-color: transparent; } */

/* .menu-email a { display:inline !important; color:#4CA3F0 !important; text-decoration: underline !important;}
.sidemenu .menu-email a:link { color:#4CA3F0 !important; background-color: transparent; }
.sidemenu .menu-email a:visited { color:#4CA3F0 !important; background-color: transparent; }
.sidemenu .menu-email a:hover { color:#2D4999 !important; background-color: transparent; }
.sidemenu .menu-email a:active { color:#2D4999 !important; background-color: transparent; } */

.sidemenu { overflow: hidden; }
.sidemenu.scroll-to-fixed-fixed { margin-top: 0px; }
/* SIDEMENU END*/

/* FOOTERMENU */
#menu-footer-menu ul { list-style: none; }
@media (max-width:680px) {
#menu-footer-menu li { float:none !important; margin: 0px; padding: 0px; min-width: 5%; }
}
#menu-footer-menu li { float: left; margin: 0px; padding: 0px; min-width: 5%; }
#menu-footer-menu a { font-size:14px; font-weight:700; padding: 20px 35px;
line-height: 1em;
-webkit-box-sizing: border-box;
        box-sizing: border-box; 
display: block;
text-decoration: none;
color: #E2E2E2;
font-weight: bold; 
-webkit-transition: all 0.4s ease 0s; 
        transition: all 0.4s ease 0s;}
#menu-footer-menu a:link { color:#E2E2E2 !important; background-color:transparent; }
#menu-footer-menu a:visited { color:#E2E2E2 !important; background-color:transparent; }
#menu-footer-menu a:hover { color:#FFF !important; background-color:#00bcff; }
#menu-footer-menu a:active { color:#FFF !important; background-color:#00bcff; }
/* FOOTERMENU END */

/* FOOTER */
.layout-full #colophon {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#colophon {
    margin-bottom: 20px;
    background: #2F3033 none repeat scroll 0% 0%;
    padding: 0px;
}
#footer-widgets .widget {
    padding: 0px 0px;
}
/* FOOTER END */

/* CONTACT FORM 7 CUSTOM STYLE */
div.wpcf7 {
    background: url("/wp-content/uploads/soit-background-arrows.jpg");
    background-position: bottom;
    border-style: solid;
    border-color: blue;
    /*border-radius: 4px;*/
    border-width: 1px;
    padding: 20px !important;
    padding-bottom: 8px !important;
    overflow: hidden;
    margin-bottom:35px;
}
#clear2 {
    float:right;
}
/* INPUT */
.wpcf7 input[type="text"] {    
    width:50%; 
}
.wpcf7 input[type="email"] {    
    width:50%; 
}
.wpcf7 textarea {
    width:100%;
    resize:vertical;
    height:209px;
}  
.wpcf7 input.wpcf7-submit[type="submit"] {
    float:right;
}
.wpcf7 input.wpcf7-submit[type="submit"]:hover {
    float:right;
}
/* OUTPUT */
div.wpcf7-response-output {
    border:none;
    font-weight:700;
    margin:0px;
    padding:0px;
}
div.wpcf7-mail-sent-ok {
    border:none;
}
span.wpcf7-not-valid-tip {
    color:#666;
    font-size: 1em;
    display: block;
}
/* CONTACT FORM 7 CUSTOM STYLE END */

/* BACKGROUND */
html {
	background: transparent -webkit-linear-gradient(270deg, #2D4999 20%, #4CA3F0 70%) repeat scroll 0% 0%;
	background: transparent linear-gradient(180deg, #2D4999 20%, #4CA3F0 70%) repeat scroll 0% 0%;
}
body.layout-full {
    background: transparent;
}
#main {
    background-color: #FCFCFC;
}

#main .full-container {
	background: transparent -webkit-linear-gradient(225deg, rgb(247, 251, 255) 20%, rgb(205, 225, 236) 70%) repeat scroll 0% 0%;
	background: transparent linear-gradient(225deg, rgb(247, 251, 255) 20%, rgb(205, 225, 236) 70%) repeat scroll 0% 0%;
}

.site-content {
   	padding: 20px;
    	min-height:700px;
}

#colophon { 
background: transparent -webkit-linear-gradient(270deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0%;
background: transparent linear-gradient(180deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0%;
}

/* SITE WIDTH */
body.responsive.layout-full #page-wrapper .full-container {
    max-width: 1150px;
}
.layout-full #page-wrapper .full-container {
    max-width: 1150px;
}

/* NAVIGATION COLORS */
.main-navigation {
background: transparent -webkit-linear-gradient(270deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0%;
background: transparent linear-gradient(180deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0%;
}
.main-navigation ul ul {
background: transparent -webkit-linear-gradient(180deg, #2D4999 60%, #38A0ED 100%) repeat scroll 0% 0%;
background: transparent -webkit-linear-gradient(270deg, #2D4999 60%, #38A0ED 100%) repeat scroll 0% 0%;
background: transparent linear-gradient(180deg, #2D4999 60%, #38A0ED 100%) repeat scroll 0% 0%;
}
#search-icon #search-icon-icon {
background: transparent -webkit-linear-gradient(270deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0%;
background: transparent linear-gradient(180deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0%;
}
#search-icon .searchform input[name="s"] {
    text-align: right;
    color: #2D4999;
    height: 42px;
}
#search-icon .searchform {
    width: 300px !important;
    border-bottom: 1px solid #2D4999;
    border-right: 1px solid #2D4999;
    border-left: 1px solid #2D4999;
    background: #DFE8F2 none repeat scroll 0% 0%;
}

.vantage-carousel-title a.next, .vantage-carousel-title a.previous {
    background: #4CA3F0 none repeat scroll center center;
}

/* FONT */
.main-navigation ul li a {
    font-size: 15px;
}
ul, ol {
    margin: 0px 0px 1.5em 1em;
}
body, button, input, select, textarea {
  color: #333;
  font-family: Arial;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5em;
  font-size: 14px;
}
.entry-content h1 {
  font-size: 1.4em;
}
.entry-content h2 {
  font-size: 1.3em;
}
.entry-content h3 {
  font-size: 1.25em;
}
.entry-content h4 {
  font-size: 1.2em;
}
.entry-content h5 {
  font-size: 1.15em;
}
.entry-content h6 {
  font-size: 1.1em;
}
.entry-content ul ul {
    list-style-type: circle;
}
.entry-content {
    line-height: 2em;
    color: #666;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 1em 0px;
}

/* HEADLINE WIDGET */
.widget_headline-widget .decoration {
    border-top: 1px solid #2D4999;
}
.widget_headline-widget h1 {
    margin: 0px;
    /*font-size: 26px;*/
    line-height: 36px;
    text-transform: uppercase;
    color: #444;
    letter-spacing: 1px;
    padding-top: 0px;
}
.widget_headline-widget h3 {
    margin: 0px;
    /*font-size: 14px;*/
    color: #666;
    font-weight: 200;
    padding-bottom: 0px;
}

/* SLIDER */
.su-slider-pagination {
    position: absolute !important;
    left: 50% !important;
    right: 15% !important;
    top: 92% !important;
}
.su-slider-pagination span {
    background-color: rgba(45, 72, 149, 0.75) !important;
}
.su-slider-prev, .su-slider-next {
    background-color: rgba(45, 72, 149, 0.75) !important;
}
.su-slider-slide-title {
    display: none !important;
}

/* NO SIDEBAR */
#primary {
 width: 100%;
}

/* SINGLE POST FIX */
article.post .entry-header .entry-thumbnail, article.page .entry-header .entry-thumbnail {
    margin-bottom: 0px;
}
article.post .entry-header .entry-thumbnail img, article.page .entry-header .entry-thumbnail img {
	width:400px;
	height:300px;
}
.post-navigation, #image-navigation {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.entry-main .entry-header .entry-thumbnail img {
	float:right;
	margin-left:20px;
	width:400px;
	height:300px;
}
.entry-header::after {
    content: none;
}
.panel-row-style {
    margin: 0px;
}


/* DOWNLOADS */
.downloads {
    background-color:white;
    padding:10px;
    min-height:100px;
    -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
}
.downloads.blue {
	background-color:#8FCDF8;
}
.downloads-logo {
    border-right: solid 4px #666;
    width:320px;
    height:100px;
    float:left;
    margin-right:10px;
    position:relative;
}
.downloads-logo.blue {
	border-right: solid 4px black;
}
.downloads-logo img {
    max-height:100px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.downloads-text.blue {
	color: black;
}
@media (max-width: 680px) {
	.downloads-logo {
		border: none;
		float: none;
		width:100%;
		margin:0;
	}
	.downloads-logo.blue {
		border:none;
	}
}

/* PARTNER */
.partner {
    background-color:white;
    padding:10px;
    min-height:100px;
    -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
}
.partner.blue {
	background-color:#1e73be;
}
.partner-logo {
    border-right: dotted 4px #666;
    width:320px;
    height:100px;
    float:left;
    margin-right:10px;
    position:relative;
}
.partner-logo.blue {
	border-right: dotted 4px white;
}
.partner-logo img {
    max-height:100px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.partner-text.blue {
	color: white;
}
@media (max-width: 680px) {
	.partner-logo {
		border: none;
		float: none;
		width:100%;
		margin:0;
	}
	.partner-logo.blue {
		border:none;
	}
}

.stellenbeschreibung {
-webkit-box-shadow: 7px 7px 20px #666;
        box-shadow: 7px 7px 20px #666;
padding: 20px;
/* background-image: url("/wp-content/uploads/soit-background-arrows.jpg");
background-position: center bottom; */
background-color: #ffffff;
max-width: 984px;
}

.su-spoiler {
    margin-bottom: 0.5em !important;
}

#primary {
border-left: 1px solid rgba(45, 73, 153, 0.25);
border-right: 1px solid rgba(45, 73, 153, 0.25);
}

/* SYMBOL LISTE */
.su-service-title, .su-service-title i {
    color: #666 !important;
}
.symbol-list {
	width:50%; 
	float:left;
}
@media (max-width:680px) {
    .symbol-list {
        width:100%; 
	float:none;
    }
}

/* SYMBOL LIST FIX (WITH FLOAT RIGHT IMGAGES) */
.special-symbol-list .su-clearfix:after,
.special-symbol-list .su-clearfix:before {
	display: none;
	content: " ";
}
.special-symbol-list .su-service {
    position: static !important;
}

.special-symbol-list .su-service-title i {
    position:static !important;
    float: left !important;
    margin-left: -46px;
}


/* HORIZONTAL GALLERY */
@media (max-width:680px) {
.horizontal-gallery .su-custom-gallery-slide {
    float:none !important;
}
}

.horizontal-gallery .su-custom-gallery-slide {
    float:none;
}
}

/* CUSTOM ALIGN CLASS */
.my-right-align {
    margin: 0px 0px 1.5em 1.5em;
    display: inline;
    float: right;
}
@media (max-width:680px) {
.my-right-align {
    margin: 0 auto;
    display: inline;
    float: none;
}
}

/* SU SPOILER FIX (WITH FLOAT RIGHT IMAGES) */
.special-spoiler .su-spoiler-title {
    position: static;
}
.special-spoiler .su-spoiler-icon {
    position: static;
    float:left;
    margin-left: -27px;
}

/* ANGEBOT / PRODUKT */
.produkt-container {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -35px;
}
.panel-first-child .produkt-container {
	margin-top: -20px;
}
.panel-last-child .produkt-container {
	margin-bottom: -20px;
}

.produkt {
	padding: 35px 0px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
	        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
	border-bottom: 1px solid #E1E1E1;
}
.panel-last-child .produkt {
	border-bottom: none;
}
.produkt h1 {
	text-align: center;
	font-size: 2.5em;
	margin: 0.25em;
}
.produkt h2 { margin-top:0px; }
.produkt-bild {
	width:50%;
	padding-left:5%;
	float:left;
}
.produkt-beschreibung {
	float: left;
	margin-left: 2%;
	max-width: 38%;
        padding-right: 5%;
}
.produkt-popup-bild {
    float:right;
    width:50%;
    margin-left:5%;
}
.produkt-popup-beschreibung {
    width:100%;
}
@media (max-width:680px) {
    .produkt-bild {
	width:90%;
	padding:0 5%;
	float:none;
        margin-bottom: 20px;
    }
    .produkt-beschreibung {
	float: none;
	max-width: 90%;
        padding: 5%;
        margin: 0;
    }
}
@media (max-width:1150px) {
    .produkt-popup-bild, .produkt-popup-beschreibung {
        float:none;
        width:100%;
        margin:0;
    }
    .mfp-content {
        width: 75% !important;
    }
}
.mfp-content {
  display: block;

}
.su-lightbox > h2:hover {
  cursor: pointer;
  opacity: .6;
}

/* MOBILE NAVIGATION */
.mobile-nav-frame {
    background: rgba(34, 34, 34, 0.9) none repeat scroll 0% 0% !important;
}
.mobile-nav-frame .title, .mobile-nav-frame ul {
background: transparent -webkit-linear-gradient(270deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0% !important;
background: transparent linear-gradient(180deg, #4CA3F0 20%, #2D4999 70%) repeat scroll 0% 0% !important;
}
.mobile-nav-frame ul {
	border: 1px solid rgba(44, 66, 111, 0.75) !important;
}

/* BROTKRUMEN */
#yoast-breadcrumbs {
    font-weight: 500;
    color: #474747;
    background: transparent !important;
    margin:0 !important;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 21px;
    padding-right:21px;
}
#main #yoast-breadcrumbs .full-container {
    background: transparent !important;
}

/* ANCHOR / JUMP LINKS FIX */
.anchor-target {
    padding-top: 55px;
    margin-top: -55px;
    width: 1px; /* '0' will not work for Opera */
    display: inline-block;
}
@media (min-width:680px) and (max-width:1150px) {
.anchor-target {
    padding-top: 110px;
    margin-top: -110px;
}
}
.anchor-container {
    height:1px;
    margin:0;
    padding:0;
    margin-top:-35px;
}
.anchor-container .textwidget {
    height:1px;
    margin:0;
    padding:0;
}

/* ALIGN SHORTCUT */
.center-table {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.right-table {
    margin: 0px 0px 1.5em 1.5em;
    display: inline;
    float: right;
}
.left-table {
    margin: 0px 1.5em 1.5em 0px;
    display: inline;
    float: left;
}
.table-cell {
    display: table-cell;
}
@media (max-width: 680px) {
.right-table, .left-table {
    display: table;
    margin: 0 auto 0 auto;
    float:none
}
}

@media (max-width: 680px) {
.no-mobile {
    display: none;
}
}
#flexbox .my-box {
margin: 0px 5px 20px !important;
}