/*
Theme Name: DTV
Author: Andre Reinegger 
Author URI: http://www.reinegger.net/
Description: Das angepasste Theme für DTV. 
Version: 1.0
*/

/* Grundselektoren
================================== */ 

::selection {
  background: #00529C !important; 
  color: white; 
}

::-moz-selection {
  background: #00529c !important; 
  color: white; 
}


body {
    font-family: schrift-website, sans-serif !important;
    overflow-x: hidden;
}

p {
    font-size: 110%;
    color: #333333;
}
img {
	max-width: 100% !important;
	height: auto; 
}



ul, li {
	list-style-type: square;
	/**
	list-style: none; 
	margin: 0; 
	padding: 0; 
	**/
}

a{
	color: #00529C; 
	font-weight: bold;
}

a:hover{
	color: #000000;
	text-decoration: none;
}

header {
    -moz-box-shadow: 0 0 2px 1px #ccc;
    -webkit-box-shadow: 0 0 2px 1px #ccc;
    box-shadow: 0 0 2px 1px #ccc;
    padding-bottom: 5px;
    z-index: 2 !important;
}

.logo img {
    margin-top: 5%;
    padding-bottom: 19px;
	width: 229px;
}


article img{
	max-width: 100% !important;
	height: auto; 
	
}

.kommentar-bereich textarea#comment{    
	display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

textarea#comment:focus {
     border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.kommentar-bereich input {
    width: 46%;
    margin-bottom: 10px;
    margin-left: 280px;
    margin-top: 22px;
}

.kommentar-bereich label {
    font-size: 15px;
    float: left;
    margin-top: -40px;
}

.kommentar-bereich input#submit {
    float: left;
    margin-left: 5px;
}

.kommentar-bereich input#submit:hover, aside#sidebar input.search-submit:hover {
    background: #5179B7;
    color: white;
	transition: ease-in-out 0.8s; 
}

kommentar-bereich textarea#comment {
    height: 280px !important;
    overflow: hidden;
    width: 100% !important;
    margin-top: 21px !important;
}


.deinkommentar {
    font-size: 18px;
    margin-top: 37px;
	font-weight: bold; 
}

div#kommentar_formular {
    margin-top: 73px;
}

.kommentar-bereich h3#respond {
    background: #4176C7;
    height: 42px;
    padding-left: 13px;
    padding-top: 8px;
    color: white;
}

#kommentare h3 {
    margin-top: 107px;
    margin-bottom: 40px;
    background: #5179B7;
    height: 38px;
    padding-top: 5px;
    padding-left: 13px;
	color: white; 
}

.gravatar img {
    width: auto;
    height: auto;
    float: left;
    margin-right: 30px;
}

div#comment {
    float: left;
    margin-top: 20px;
	border-bottom: rgba(0,74,110,0.89) 1px solid; 
}
div#kommentare .comment {
    padding-top: 30px;
    border-bottom: #4473BD 1px solid;
    padding-bottom: 28px;
}

p.postmetadata i {
    margin-right: 3px !important;
}


#suchboxaufdernopage input.search-submit {
    text-align: center;
    width: 10%;
    margin-left: 860px;
}

#suchboxaufdernopage input.search-field {
    width: 424px;
    margin-top: 11px;
    margin-bottom: 15px;
    text-align: center;
}

/* Das Hauptmenü 
================================== */

.menu-menu-container ul.menu {
  /*  margin-left: 17%;  */ 
text-align:right;
}
.menu-main-menu-container ul.menu
{
    text-align:right;
}

nav, nav ul, nav li {       
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
  }

.menu-hauptmenue-container ul li {
    list-style: none;
    display: inline-block;
    margin-right: 6%;
}

.logo img {
    margin-top: 6%;
}

.navigation {
    margin-top: 8%;
}

.navigation ul {
    margin-top: -7px !Important;
}

.menu-hauptmenue-container ul {
    margin: 0;
    padding: 0;
}

.menu-hauptmenue-container ul li {
    list-style: none;
    display: inline-block;
}

ul#hauptmenu-oben li {
    display: inline-block;
       min-width: 100px;
     
       text-align:center;
}

ul#hauptmenu-oben li:last-child{min-width:50px !important;}
ul#hauptmenu-oben li:first-child{min-width:50px !important;}
ul#hauptmenu-oben li:nth-child(4) ,ul#hauptmenu-oben li:nth-child(5) {  min-width: 80px !important; }

ul#hauptmenu-oben ul li:hover a{

color:transparent;
font-size:0;
padding:0px;
}
ul#hauptmenu-oben ul li a{ padding:10px; }
ul#hauptmenu-oben ul li:hover a:after {
  content: attr(title);
     text-decoration: none;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    color: white;
    background-color: #00529c;
 font-size:14px;
padding:10px;
}
/* Anpassungen im aktiven Menu 
============================== */

.navigation current-menu-item > a{
    background-color:#00529c;
    color: white; 
}

/* Resonsive Menü
============================== */
@media (min-width: 992px){
    figure#toggle-menu{
display: none;
    }
}
@media (max-width: 991px){
    .mobile-menu nav {
display: none;
	}
}

/* WordPress wichtige Einstellungen 
================================== */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Inhalsbereich 
================================== */

.container.inhalstsbereich {
    margin-top: 3%;
    margin-bottom: 3%;
    margin: 0 auto;
    padding: 0;
}

/* Navi
================================== */

#click-menu #RMX {
    font-size: 75px !important;
}

/* Footer Bereich 
================================== */

footer {
    background: #e5e5e5 !important;
    padding: 2%;
    margin: 9% 0px 0px 0px;
}

.footermenu {
    margin-top: 1%;
}


.container.footerbereich ul li {
    list-style: none;
    display: inline;
    padding-right: 3%;
}

.container.footerbereich p{
    color: #565757;
    font-size: 0.9em;
}

.container.footerbereich a {
    color: #222324;
	font-weight: bold;
}

.container.footerbereich a:hover{
    color: #969696;
    text-decoration: none;
}

.text-widget h2, .text-widget h2 p {
    font-size: 18px;
}

/* Footer Navigation
================================== */

.menu-footerbereich-container ul {
    display: block;
}

ul#menu-footerbereich li {
    margin-top: 3%;
    margin-right: 1%;
}


@media (max-width:430px){
    
    .copyright-hinweis p {
        margin-top: -5%;
    }
	
}

@media (max-width: 768px){
	

    .copyright-hinweis p {
        margin-top: -5% !important;
    }
    
    .text-widget {
        margin-bottom: 3% !important;
		margin-left: 0px !important;
    }
    
    .container-fluid.footerbereich {
        padding: 8% !important;
    }
	
	.col-xs-6.col-md-4.kontakt-liste {
		width: 100% !important;
	}
	
	.container.footerbereich {
		padding-top: 8%;
		padding-bottom: 8%;
	}

article.content {
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
}
	

}


/* Copyright Hinweis
================================== */ 

.copyright-hinweis p {
    padding-top: 7%;
    margin-top: 9% !important;
    color: #3B3C3C;
    font-size: 0.9em;
}

/* Kontakt Widget
================================== */

.text-widget {
    margin-left: 19%;
}


/* Anpassugen von Bootstrap 
================================== */

div#button-404 button {
    background: #1171C7 !important;
    border: #1171C7 !important;
}

/* SPANS Anpassungen 
================================== */

.innovation img {
    max-width: 39px;
    max-height: 120px;
    margin-top: -9%;
}

h3#unter-text {
    margin-top: -2%;
}


/* Visual Composer CSS Klassen
================================== */

.team-1 {
    margin-top: 3% !important;
}

.spalte1, .spalte2 {
    margin-top: -3%;
}

.mitar-spalte-gemeinsam, .stellen-gemeinsam {
    margin-top: 3%;
}

.gemeinsam-oben-textblock, .gemeinsam-hintergrund  {
    margin-top: -3%;
}

.spalte-2-links, .spalte-2-rechts {
    margin-top: -4% !important;
    padding: 5%;
    font-size: 90%;
    margin-bottom: 0% !important;
}

.spalte-3-links {
    padding: 5%;
    font-size: 90%;
    margin-top: -12%;
}

.spalte-3-mitte {
    margin-top: -35px !important;
    padding-top: 3% !important;
    padding-left: 4% !Important;
    padding-right: 4% !important;
    padding-bottom: 5% !important;
    font-size: 90% !important;
}

.spalte-3-rechts {
    margin-top: -12% !important;
    padding-top: 4% !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
    padding-bottom: 19px!important;
    font-size: 90% !important;
}

.spalte-3-links.spalte1-links strong {
    font-size: 90%;
}

.grid-2-1-leistungen, .grid-2-2-leistungen {
    margin-top: -3%;
}

/* Kontaktformular
================================== */

.contact-formular {
    margin-top: 2em;
}

.contact-formular lable {
    font-size: 130%;
    font-weight: bold;
    color: #8a8a8a;
}

.col-md-8.name, .col-md-8.email, .col-md-8.firma {
    margin-left: -20%;
    width: 54%;
}

.contact-formular input {
    display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f3f3f3;
    background-image: none;
    border: 1px solid #f3f3f3;
}

.contact-formular input:focus{
    background-color: #E8E8E8;
    border: 1px solid #00529C; 
    outline: none; 
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    margin-left: -31%;
    width: 80%;
    color: #555;
    background-color: #f3f3f3;
    background-image: none;
    border: 1px solid #f3f3f3;
    padding-left: 1em;
    padding-top: 1em;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required:focus{
    background-color: #E8E8E8;
    border: 1px solid #00529C; 
    outline: none; 
}

input.wpcf7-form-control.wpcf7-submit {
    width: 18%;
    margin-left: 14%;
    margin-top: 0em;
    font-size: 121%;
    background-color: #8a8a8a;
    color: white;
    outline: none;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    border: none; 
}

input.wpcf7-form-control.wpcf7-submit:hover{
    background-color: #D4D4D4; 
    color: white; 
    -webkit-transition: all 1s ease-out; /* Firefox */
    -moz-transition: all 1s ease-out; /* WebKit */
    -o-transition: all 1s ease-out; /* Opera */
    transition: all 1s ease-out; /* Standard */
    border: none;
}

@media (max-width:757px){
    .contact-formular, .contact-formular input {
		width: 133%;
        margin-left: 16%;
		
	}
	
	.col-md-8.textarea textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
		width: 65%;
		margin-left: -13%;
	}
	
	.contact-formular lable {
		margin-left: -9%;
	}
	
	input.wpcf7-form-control.wpcf7-submit {
		width: 36%;
		float: left;
		margin-left: -13%;
	}
}

@media (min-width:758px) and (max-width:991px){
	
	.contact-formular input {
		width: 108%;
		margin-left: 40%;
	}
	
	.col-md-8.textarea textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
		margin-left: 0%;
	}

	input.wpcf7-form-control.wpcf7-submit {
		margin-left: 0%;
	}
}

/* Anpassungen nur fürs Grid auf Leistungen
======================= */ 

.spalte-3-mitte {
    padding-top: 1px !important;
    padding-bottom: 46px !important;
}

/* Ipad Variante
======================= */ 

@media (max-width:768px) and (min-width:768px){
	
	.spalte-3-links.spalte1-links.spalte-grid-oben {
		margin-top: -34px;
		font-size: 86%;
		padding-bottom: 12px;
	}
	.spalte-3-links.spalte1-links.spalte-grid-oben strong {
		font-size: 57%;
	}
	.spalte-3-rechts.spalte-grid-oben {
		margin-top: -34px !important;
		font-size: 81% !important;
		padding-bottom: 25px !important;
	}
	.spalte-3-rechts.spalte-grid-oben strong {
		font-size: 73%;
	}
	.grid-3-leistungen {
		margin-top: 13px;
	}
	.spalte-3-mitte {
		padding-top: 1px !important;
		padding-bottom: 29px !important;
	}
	.spalte-3-links-unten-grid {
		margin-top: -34px !important;
		padding-top: 9px;
		font-size: 86%;
		padding-bottom: 11px;
		padding-left: 10px;
		padding-right: 5px;
	}
	.spalte-3-links-unten-grid strong {
		font-size: 73%;
	}
	.spalte-3-rechts-unten-grid {
		margin-top: -34px !important;
		font-size: 83%;
		padding-left: 16px;
		padding-top: 7px;
		padding-bottom: 14px;
	}
	.spalte-3-rechts-unten-grid strong {
		font-size: 76%;
	}
}


/* Grid Ansicht in Leistungen (@media) bis 991px 
================================================== */ 

@media (min-width:769px) and (max-width:991px){
	
	.spalte-3-links.spalte1-links.spalte-grid-oben {
		margin-top: -35px !important;
		padding-bottom: 29px;
	}
	.spalte-grid-oben.spalte-3-links.spalte1-links strong {
		font-size: 63%;
	}
	.spalte-3-rechts.spalte-grid-oben {
		margin-top: -35px !important;
		padding-bottom: 31px !important;
	}
	.spalte-3-mitte.spalte-grid-oben {
		padding-bottom: 64px !important;
	}
	.spalte-3-rechts.spalte-grid-oben strong {
		font-size: 69%;
	}
	.spalte-2-rechts {
		padding-bottom: 37px;
	}
	.grid-2-2-leistungen {
		padding-bottom: 22px;
	}
	.spalte-2-rechts {
		padding-bottom: 39px;
	}
	.spalte-3-links-unten-grid {
		margin-top: -35px !important;
		font-size: 90%;
		padding-top: 8px;
		padding-bottom: 4px;
		padding-left: 11px;
		padding-right: 10px;
	}
    .spalte-3-links-unten-grid strong {
		font-size: 79%;
		overflow: hidden;
	}
	.spalte-3-rechts-unten-grid {
		margin-top: -33px !important;
		padding-left: 8px;
		font-size: 89%;
		padding-top: 8px;
		padding-right: 10px;
		padding-bottom: 22px;
	}
	.spalte-3-rechts-unten-grid strong {
		font-size: 92%;
	}
	
	.spalte-3-mitte {
		padding-top: 1px !important;
		padding-bottom: 29px !important;
	}
}

/* Grid Leistungen Media 
========================== */ 

@media (min-width: 992px) and (max-width:1199px) {
	.spalte-3-links.spalte1-links.spalte-grid-oben {
		margin-top: -34px !important;
		font-size: 81% !important;
		padding-left: 19px !important;
		padding-top: 3px !important;
		padding-bottom: 17px !important;
	}
	.spalte-3-links.spalte1-links.spalte-grid-oben strong {
		font-size: 77%;
	}
	.spalte-3-rechts.spalte-grid-oben {
		margin-top: -34px !Important;
		font-size: 80% !important;
		padding-bottom: 25px !Important;
	}
	.spalte-3-links-unten-grid {
		margin-top: -35px;
		padding-left: 16px;
		font-size: 89%;
		padding-bottom: 19px;
		padding-top: 3px;
		padding-right: 13px;
	}
	.spalte-3-rechts-unten-grid {
		margin-top: -34px;
		border: ;
		font-size: 90%;
		padding-left: 8px;
		padding-right: 5px;
		padding-bottom: 19px;
		padding-top: 2px;
	}
	.spalte-3-mitte {
		padding-top: 1px !important;
		padding-bottom: 39px !important;
	}
}

/* Restliche Viewports
========================== */ 

@media (min-width:1200px){
	.spalte-3-links-unten-grid, .spalte-3-rechts-unten-grid {
		margin-top: -35px;
		font-size: 95%;
		padding-left: 10px;
		padding-right: 6px;
		padding-bottom: 21px;
		padding-top: 2px;
	}
}


/* Stick Header 
======================== */ 

			.top{
				position: inherit;
				-webkit-transition: all 333ms ease; /* Firefox */
				-moz-transition: all 333ms ease; /* WebKit */
				-o-transition: all 333ms ease; /* Opera */
				transition: all 333ms ease; /* Standard */
			}

			.top.sticky {
				position: fixed;
				z-index: 9999;
				width: 100%;
				background: white;
				-webkit-transition: all 333ms ease; /* Firefox */
				-moz-transition: all 333ms ease; /* WebKit */
				-o-transition: all 333ms ease; /* Opera */
				transition: all 333ms ease; /* Standard */
			}


@media (max-width: 991px){
	.top.sticky{
		position: fixed;
	}
	
	.logo img {
		padding-top: 11px;
		padding-left: 22px;
	}
}

/* Slider Top
======================== */ 

article.content {
    margin-top: -9px;
}


/* new css */
.page_head {display:inline-block; padding: 5% 8%!important; }
#rev_slider_1_1_wrapper .hesperiden .tp-tab-content {margin-top:-9px; padding: 8px 15px 15px 20px; background: rgba(8, 84, 154, 1) url("img/flag-2.png") no-repeat scroll 0 50% / 11px auto; }
#rev_slider_1_1_wrapper .hesperiden .tp-tab {border-top: 4px solid #5D8FC0;}
#rev_slider_1_1_wrapper .hesperiden .tp-tab.selected { border-top: 3px solid #ffffff !important;}
#rev_slider_1_1_wrapper .hesperiden .tp-tab.selected .tp-tab-content { background: rgba(8, 84, 154, 1) url("img/flag.png") no-repeat scroll 0 50% / 11px auto; }
#rev_slider_1_1_wrapper .tp-tabs {padding-top: 40px !important;}

 #rev_slider_1_1_wrapper .hesperiden .tp-tab.selected .tp-tab-title {color:#ffffff;}


 
 @media only screen and (min-width:1000px){

.space{height:115px;}
.top{   background: white none repeat scroll 0 0; position: fixed;  transition: all 333ms ease 0s; width: 100%; z-index: 9999; }
header#top{ padding-bottom: 14px !important;}
}

 @media only screen and (max-width:1000px){
.hesperiden .tp-tab-title{font-size: 10px !important;}
}
 @media only screen and (max-width:990px){

.navigation {  margin-top: 0;}
.logo img {  margin-top: 12px !important;}

}

 @media only screen and (max-width:767px){

.page_head {font-size:18px !important;}
.page-id-120 figure.vc_figure , .page-id-120 figure.vc_figure .vc_single_image-wrapper ,  .page-id-120 figure.vc_figure .vc_single_image-wrapper img{width:100%;}

}