/*
Theme Name: 	Newspaper Child
Theme URI: 		http://tagdiv.com
Description: 	Premium WordPress child template.
Template:       Newspaper
Version: 		9.7.2
Author: 		tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
License:
License URI:
Text Domain:    newspaper-child
Tags:black, white, one-column, two-columns, fixed-layout
*/
@import url("../Newspaper/style.css");

sup {
    vertical-align: super;
    font-size: 8px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
    color: #111111;
    font-weight: 400;
}

/* Firmenverzeichnis (wpbs) */

@media only screen and (min-width: 601px){
.wpbs_handle {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	line-height: 40px !important;
}

#wpbs_slider {
	margin-top: 20px;
	height:50px !important;
}

#wpbs__cont {
	margin-top: 50px;
	margin-bottom: 5px;
}
}

@media only screen and (max-width: 1200px){
.wpbs_handle {
	display: none;
}

#wpbs_slider {
	display: none;
}

}

/* App-Navigator */
/* CSS >> /dfm/css */

/* Datum bei Formularen */
.ui-datepicker .ui-datepicker-title {
    margin: 0;
    padding: 3px 0;
	color: #222 !important;
    /* color: #fff; */
}

/* Abo-Bereich */

 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */

.flipcards-box {
	margin-bottom: 25px;
	position: relative;
	float: left;
}
.flip-card {
  background-color: transparent;
  width: 400px;
  height: 216px;
  float: left;
  margin: 20px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color:#cb0f1f;
  color: black;
}

/* Style the back side */
.flip-card-back {
padding: 0px 10px;
background-color: #fff;
border: 3px solid #0071ba;
transform: rotateY(180deg);
color: #000;
font-family: 'Roboto', sans-serif  !important;
font-size: 15px;
}

.flip-card-back h1{
color: #0071ba;
font-family: 'Roboto', sans-serif  !important;
font-size: 18px;
font-weight: bold;
}

.flip-card-back a{
color: #cb0f1f;
font-family: 'Roboto', sans-serif  !important;
font-weight: bold;
}

/* BUTTONS Unterkategorien Firmenverzeichnis */

button.btn.btn-magick.btn-lg.btn3dnl {
	background-color: #0071ba !important;
	color: #fff !important;
	margin: 5px!important;
	font-family: 'Roboto', sans-serif !important;
	font-size:15px !important;
	border-radius: 0px !important;
}

button.btn.btn-magick.btn-lg.btn3dnl:hover {
	background-color: #cb0f1f !important;
	color: #fff !important;
	margin: 5px!important;
	font-family: 'Roboto', sans-serif !important;
	font-size:15px !important;
	border-radius: 0px !important;
}

/* Downloads */

.ContainerDownloads{
    display:flex;
    flex-direction:row;
	flex-wrap:wrap;
	border: solid 1px;
	padding: 10px 10px 10px 10px;
}

.LeftContainer{
order:1;
	align-self:flex-start;
	width:25%;
}

.MiddleContainer{
order:2;
	padding-left:15px;
	padding-right:10px;
	width:55%;
	border-right: inset 2px;
	/*margin-right:20px;*/
}

.RightContainer{
order:3;
	width:20%;
	padding-left:15px;
}

@media only screen and (max-width: 800px){
	.ContainerDownloads{
		flex-direction: column;
	}
	.LeftContainer{
		width:100%;
		padding: 10px 10px 10px 10px;
	
	}
	.MiddleContainer{
		width:100%;
		border: none;
	}
	.RightContainer{
		width:100%;
		padding: 10px 10px 10px 10px;
	}
	
}

/* Fachsymposien/Tabellen */

.fsyflex{
    display:flex;
    flex-direction:row;
	flex-wrap:wrap;
	border-bottom:solid 1px;
	border-right:solid 1px;
	font-size:17px;
}

.fsybox1{
    width:100%;
	border:solid 1px black;
	border-width: 1px 0px 0px 1px;
	padding: 5px 5px 5px 5px;
	
}

.fsybox2{
    width:10%;
	border:solid 1px;
	border-width: 1px 0px 0px 1px;
	padding: 5px 5px 5px 5px;
}

.fsybox3{
    width:90%;
	border:solid 1px;
	border-width: 1px 0px 0px 1px;
	padding: 5px 5px 5px 5px;
}

.fsybox4{
    width:65%;
	border:solid 1px;
	border-width: 1px 1px 0px 1px;
	padding: 5px 5px 5px 5px;
}

.fsybox5{
    width:25%;
	border:solid 1px;
	border-width: 1px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.fsybox4b{
    width:43%;
	border:solid 1px;
	border-width: 1px 1px 0px 1px;
	padding: 5px 5px 5px 5px;
}

.fsybox5b{
    width:43%;
	border:solid 1px;
	border-width: 1px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

@media only screen and (max-width: 890px){
	.fsyflex{
		width:100%;
    display:flex;
    flex-direction:row;
}
	.fsybox2{
		width:100%;
	}
	.fsybox3{
		width:100%;
	}
	.fsybox4{
		width:50%;
	}
	.fsybox5{
		width:46%;
	}
	.fsybox4b{
		width:50%;
	}	
	.fsybox5b{
		width:46%;
	}	
}

@media only screen and (max-width: 603px){
	.fsyflex{
		width:100%;
    display:flex;
    flex-direction:column;
		border:solid 1px black;
	border-width: 1px 1px 1px 1px;
}
	.fsybox1{
		    width: 97%;
		border:solid 1px black;
	border-width: 0px 0px 1px 0px;
	}
	.fsybox2{
		width:97%;
		border:solid 1px black;
	border-width: 0px 0px 1px 0px;
	}
	.fsybox3{
		width:97%;
			border:solid 1px black;
	border-width: 0px 0px 1px 0px;
	}
	.fsybox4{
		width:97%;
			border:solid 1px black;
	border-width: 0px 0px 0px 0px;
	}
	.fsybox5{
		width:97%;
		border:solid 1px black;
	border-width: 1px 0px 1px 0px;
	}
	.fsybox4b{
		width:97%;
		border:solid 1px black;
	border-width: 0px 0px 1px 0px;
	}
	.fsybox5b{
		width:97%;
		border:solid 1px black;
	border-width: 1px 0px 1px 0px;
	}
	
}

.tableflex{
    display:flex;
    flex-direction:row;
	flex-wrap:wrap;
	border-bottom:solid 1px;
	border-right:solid 1px;
}

.tablebox1{
    width:100%;
	border:solid 1px black;
	border-width: 1px 0px 0px 1px;
	padding: 5px 5px 5px 5px;
	
}

.tablebox2, .tablebox3, .tablebox4, .tablebox5{
	border:solid 1px;
	border-width: 1px 0px 0px 1px;
	padding: 0px;
}

/* Sticky Banner */

/* Sticky links nicht mehr drin?
 * #skylinks {position:fixed; top: 10px; left: 15px !important; }
*/

/* @media screen and (min-width: 1350px) */ /*977px*/
/*{#skylinks {position:static !important; left: 15px !important; }*/   
/*} */

#tandem-rechts {position:fixed; top: 10px; right: 15px; /*left: 984px;*/}

#rechtsunten {position:fixed; top: 620px !important; right: 15px; /*left: 984px;*/}

@media screen and (max-width: 1350px /*977px*/) {
    #tandem-rechts {position:static !important; left: 15px !important; }
	#rechtsunten {position:static !important; top: 620px; left: 15px !important; }
}

@media screen and (min-width: 1200px /*977px*/){
  #tandem-rechts {top: 10px; }
#rechtsunten {top: 20px; }
}

.td-header-gradient:before{
	display: none; /*hide the gradient before banner*/
}

/* Fullbanner */
.td-header-style-1.banner .td-header-menu-wrap-full:after{ /* show a gradient after banner*/
	content:"";
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg==');
	width: 100%;
	height: 12px;
	position: absolute;
	left: 0;
	bottom: -12px;
	z-index: 1;
}
.td-header-style-1.banner{
	z-index: 1;
}
.td-main-content-wrap.td-main-page-wrap.td-container-wrap {
    padding-top: 15px;
}

.bannerwrapper{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding: 10px;
	margin-left: 38px;
  margin-right: 38px;

}

.fullsizebannerright{
		width: 50%;
height: auto;
}
.fullsizebannerleft{
    width: 50%;
    height: auto;
	}

@media only screen and (max-width: 468px) {
	.fullsizebannerright{
		width: 100%;
	}
	div.fullsizebannerleft img{
    width: 100%;
    height: auto;
	}
}

/* Firmenverzeichniseinträge in der Sidebar */
.ContainerFirmaSide {
    width: 100%;
	float: left;
    padding: 10px;
	margin-bottom: 25px;

}
.LeftFirmaSide
{
float:left;
}

.RightFirmaSide{
    float: right;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/Newspaper-child/fonts/Roboto/Roboto_latin_ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/Newspaper-child/fonts/Roboto/Roboto_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}