/*
 Theme Name:   OceanWP Child
 Description:  DOCS Child-Theme
 Author:       Pfeiffer medienfabrik GmbH & Co. KG
 Author URI:   https://pfeiffer-medienfabrik.de
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp
*/



/* INDEX 

1.0 Shortcodes
	1.1 Startseite
2.0 Allgemeine Styles
	2.1 Globales
	2.2 Startseite
3.0 Custom Post Types
	3.1 Fall






*/









/* 1.0 Shortcodes */
/* ******************************* */

/* 1.1 Startseite */
/* ******************************* */

.docsZugangContainer{
	width:600px;
	float:left;
	/*margin-left:calc(50% - 200px);*/
	margin-top:40px;
	margin-bottom:40px;
	background-color:rgba(0,0,0,0.5);
	border-radius:4px;
	padding:40px;
	top:33%;
	left:calc(50% - 300px);
	position: fixed;
}

.docsZugangHeader{
	width:100%;
	float:left;
	color:#fff;
	font-size:16px;
}

.docsZugangForm{
	width:100%;
	float:left;
}

#docsZugangCodeA,
#docsZugangCodeB,
#docsZugangCodeC{
	width:100px;
	text-align: center;
	font-size:20px;
	letter-spacing: 2px;
	margin-left:4px;
	margin-right:8px;
	background-color:#fff;
}

#docsZugangCodeA::placeholder,
#docsZugangCodeB::placeholder,
#docsZugangCodeC::placeholder {
  color: #ddd;
}

#docsZugangSubmit{
	height: 49px;
    border-radius: 2px;
    margin-left: 8px;
	width:144px;
}

.docsZugangFehlermeldung{
	color: #F97678;
	margin-top:32px;
	margin-bottom:0px;
}

@media (max-width:720px){
	#site-logo img{
		max-width:66%;
	}
}
@media (max-width:420px){
	#site-logo{
		max-width:74%;
	}
}



/* 2.0 Seiten */
/* ******************************* */

/* 2.1 Globales */
/* ******************************* */

html{
	min-height: 100%;
	background-image:url('https://docs.rbnl.de/wp-content/uploads/2019/05/page-bg.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}

#footer-bottom{
    border-top: 1px solid #E9611C!important;
}

#site-header{
	background-color: rgba(0,0,0,0.5)!important;
	position: fixed!important;
}

.oceanwp-mobile-menu-icon a{
	color:#fff!important;
}

.sidr-class-mobile-searchform{
	display:none!important;
}

#cookie-notice .cn-button {
    margin-left: 10px;
    border: none;
    border-radius: 2px;
    padding: 8px;
    width: 200px;
    color: #fff;
    background: #0065b3!important;
	text-shadow: none;
	margin-top: 8px; 
}

#cookie-notice .cn-button:hover{
	background: #E9611C!important;
}

#field_1_5 .gfield_required{
	display:none;
}




/* 2.1 Startseite */
/* ******************************* */

body.page-id-2{
	background-color:inherit;
}

.page-id-2 #footer{
	bottom:0px;
	width:100%;
	position: fixed;
}

.page-id-2 #site-navigation-wrap{
	display:none;
}

.page-id-2 .oceanwp-mobile-menu-icon{
	display:none!important;
}

@media (max-width:720px){
	.docsZugangContainer{
		width:90%;
		left:inherit;
		top:inherit;
		margin-left:5%;
		margin-top:100px;
		position: absolute;
	}
	#docsZugangCodeA,
	#docsZugangCodeB,
	#docsZugangCodeC{
		width:28%;
	}
	#docsZugangSubmit{
		width:240px;
		margin-left:calc(50% - 120px);
		margin-top:16px;
	}
}

@media (max-width:520px){
	.docsZugangHeader{
		width:80%;
		margin-left:10%;
		text-align: center;
	}
	#docsZugangCodeA,
	#docsZugangCodeB,
	#docsZugangCodeC{
		width:60%;
		margin-left:20%;
		margin-top:12px;
	}
	.docsZugangFormTrenner{
		display:none;
	}
}
@media (max-width:420px){
	#docsZugangCodeA,
	#docsZugangCodeB,
	#docsZugangCodeC{
		width:100%;
		margin-left:0%;
		margin-top:12px;
	}
}



/* 3.0 Custom Post Types */
/* ******************************* */

/* 3.1 Fall */
/* ******************************* */

/* Kopfbereich */
	.main-menu .menu-link .text-wrap{
		color:#fff!important;
	}

	.single-fall .page-header{
		display:none;
	}

	.main-menu .search-toggle-li{
		display: none;
	}

	.fallHeader{
		width:100%;
		float:left;
		min-height:560px;
		height:320px;
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
        box-shadow: 0px 0px 10px #aaaaaa;
	}

	.fallHeaderContent{
		width:600px;
		margin-left:calc(50% - 300px);
		margin-top:200px;
		background-color:rgba(0,0,0,0.5);
		float:left;
		border-radius: 2px;
		padding:20px;
	}

	.fallHeaderHeadline{
		width:100%;
		float:left;
		text-align: center;
		color:#fff;
		font-size:18px;
		font-weight:bold;
		margin-bottom:8px;
	}

	.fallHeaderText{
		width:100%;
		float:left;
		text-align: center;
		color:#fff;
		font-size:16px;
		line-height:20px;
		margin-bottom:4px;
	}

	@media (max-width:960px){
		.fallHeaderContent{
			width:80%;
			margin-left:10%;
		}
	}

	@media (max-width:480px){
		.fallHeaderContent{
			margin-top:140px;
		}
	}
		

/* Inhaltsbereich */
	.fallContent{
		width:100%;
		padding-top:20px;
		float:left;
	}

/* Dokumente */
	.fallDokumente{
		width:750px;
		float:left;
		margin-left:calc(50% - 375px);
		margin-top:120px;
		margin-bottom:120px;
	}


	.fallDokument{
		width:250px;
		float:left;
		margin-top:32px;
		cursor:pointer;
		min-height:190px;
	}


	.fallDokumentSquare{
		width:120px;
		height:120px;
		margin-left:calc(50% - 60px);
		color:#fff;
		text-align: center;
		font-size:48px;
		line-height:110px;
		border-radius:2px;
	}

	.doc-ready{
		background-color:#00cd78;
		box-shadow: 10px 10px 10px #e6e6e6;
	}

	.fallDokument:hover .doc-ready{
		background-color:#1D9653;
	}

	.doc-pending{
		background-color:#e6e6e6;
	}

	.fallDokument:hover .doc-pending{
		background-color:#C6C6C6;
	}

	.fallDokumentTitel{
		width:100%;
		float:left;
		text-align: center;
		font-size:16px;
		margin-top:12px;
		color:#2C2C2C;
	}

	.fallDokument:hover .fallDokumentTitel{
		font-weight:bold;
	}

	.fallDokumentZusatz{
		float:left;
		width:100%;
		text-align: center;
	}

	.fallDokument:hover .fallDokumentZusatz{
		font-weight:bold;
	}

	.fallDokumentBeschreibung{
		display:none;
	}

	.fallDokumenteUploader{
		width:600px;
		position: fixed;
		margin-left:calc(50% - 300px);
		top:20%;
		background-color:#fff;
		border-radius: 2px;
		padding:40px;
		display:none;
		z-index:100000;
	}

	.fallDokumentUploaderClose{
		position: absolute;
		width:40px;
		min-height:40px;
		background-color:#000;
		right:-20px;
		top:-20px;
		font-size:26px;
		line-height:37px;
		border-radius: 50%;
		color:#fff;
		font-weight: bold;
		padding-left:10px;
		cursor: pointer;
		border:1px solid #fff;
	}

	.fallDokumentUploaderClose:hover{
		background-color:#E9611C;
	}

	#fallDokumentUploaderForm{
		display:none;
	}

	.fallDokumentUploaderFortsetzen{
		background-color: #0065b3;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		margin: 0;
		padding: 10px 20px;
		border: 0;
		cursor: pointer;
		text-align: center;
		letter-spacing: 0.1em;
		width:240px;
		margin-left:calc(50% - 120px);
		margin-top:20px;
		margin-bottom:20px;
	}

	.fallDokumentUploaderHeadline,
	.fallDokumentUploaderHeadlineWarning{
		font-size:20px;
		font-weight:bold;
		color: #E9611C;
		line-height: 26px;
	}

	.fallDokumentUploaderZusatz{
		margin-top:0px;
	}


	.fallDokumentUploaderBeschreibung,
	.fallDokumentUploaderBeschreibungWarning{
		color:#2C2C2C;
		font-size: 16px;
		margin-top:12px;   
	 	line-height: 22px;
	}

	#gform_confirmation_message_2{
		width:100%;
		border:1px solid #2C2C2C;
		color:#2C2C2C;
		padding:40px;
		margin-top:20px;
		background-color:#efefef;
		text-align: center;
	}

	@media (max-width:960px){
		.fallDokumente{
			width:80%;
			margin-left:10%;
		}
		.fallDokument{
			width:33%;
		}
		.fallDokumenteUploader{
			width:90%;
			margin-left:inherit;
			margin-top:inherit;
			left:5%;
			top:10%;
			position:fixed;
		}
	}
	@media (max-width:680px){
		.fallDokumente{

		}
		.fallDokument{
			width: 50%;
		}
	}
	@media (max-width:480px){
		.fallDokument{
			width: 100%;
		}
	}


/* Berater */
	.fallBerater{
		width:100%;
		height:420px;
		float:left;
		margin-top:40px;
		background-image:url('https://docs.rbnl.de/wp-content/uploads/2019/05/page-bg.jpg');
		background-size:cover;
		background-repeat: no-repeat;
		background-position: right;
	}

	.fallBeraterBild{
		width:260px;
		height:260px;
		float:left;
		margin-left:12%;
		margin-top:70px;
		border:4px solid #fff;
		border-radius:2px;
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.fallBeraterInfos{
		width:480px;
		float:left;
		padding:40px;
		background-color:rgba(255,255,255,0.8);
		border-radius:2px;
		margin-left:100px;
		margin-top:106px;
	}

	#fallBeraterInfosHeadlineAnsprache{
		font-size:20px;
		font-weight:bold;
		color: #E9611C;
		margin-right:8px;
	}
	#fallBeraterInfosHeadlineAnsprache{
		float:left;
		
	}

	.fallBeraterInfosHeadline{
		font-size:20px;
		font-weight:bold;
		color: #2C2C2C;
	}

	.fallBeraterInfosTelefon,
	.fallBeraterInfosEmail{
		margin-top:8px;
		margin-left:12px;
	}


	.fallBeraterInfosTelefon i,
	.fallBeraterInfosEmail i{
		margin-right:6px;
	}

	@media (max-width:1200px){
		.fallBerater{
			height:370px;
		}
		.fallBeraterBild{
			width:220px;
			height:220px;
			margin-left:80px;
		}
		.fallBeraterInfos{
			margin-left:40px;
			margin-top:82px;
			width:400px;
		}	}

	@media (max-width:960px){
		.fallBerater{
			height:350px;
		}
		.fallBeraterBild{
			width:200px;
			height:200px;
			margin-left:40px;
		}
		.fallBeraterInfos{
			margin-left:40px;
			margin-top:82px;
			width:400px;
		}
	}

	@media (max-width:740px){
		.fallBerater{
			height:inherit;
		}

		.fallBeraterBild{
			width:200px;
			height:200px;
			margin-left:calc(50% - 100px);
			margin-top:40px;
		}
		.fallBeraterInfos{
			margin-left:10%;
			margin-top:20px;
			width:80%;
			margin-bottom:40px;
		}
		#fallBeraterInfosHeadlineAnsprache{
			width:100%;
		}
	}
		
		

/* Dokumentenstatus */
	.fallDokumentenStatus{
		width:100%;
		float:left;
		background-size:contain;
		background-repeat: no-repeat;
		background-position: right;
		min-height:400px;
	}

	.fallDokumentenStatusInfo{
		width:560px;
        max-width:560px;
		float:left;
		margin-left:15%;
		margin-top:55px;
		color: #2C2C2C;
        background-color: rgba(255,255,255,0.85);
        padding:20px;
	}

	.fallDokumentenStatusHeadline{
		width:100%;
		float:left;
		font-size: 20px;
		font-weight: bold;
		color: #E9611C;
		margin-top:12px;
		margin-bottom:12px;
	}

	.fallDokumentenStatusText{
		width:100%;
		float:left;
		font-size:16px;
		line-height: 22px;
	}


	.fallDokumenteStatusZahl{
		width:300px;
		float:left;
		font-size:72px;
		color: #2C2C2C;
		text-shadow: 1px 1px 8px #ffffff;
		margin-left:44px;
	}

	.fallDokumenteStatusZahlA{
		float:left;
		margin-top:20px;
		margin-right:4px;
	}

	.fallDokumenteStatusZahlB{
		float:left;
		font-size:96px;
		font-weight: lighter;
	}

	.fallDokumenteStatusZahlC{
		float:left;
		margin-top:20px;
		margin-left:8px;
	}

	@media (max-width:1200px){
		.fallDokumentenStatus{
			height:300px;
			min-height:300px;
		}
		.fallDokumentenStatusInfo{
			width:80%;
			margin-top:20px;
			margin-left:10%;
			background-color:rgba(255,255,255,0.85);
			border-radius:2px;
			padding:20px;
		}
		.fallDokumenteStatusZahl{
			margin-top:0px;
		}
		.fallDokumenteStatusZahlA{
			font-size: 42px;
			margin-top:0px;
		}
		.fallDokumenteStatusZahlB{
			font-size: 42px;
			margin-top:0px;
		}
		.fallDokumenteStatusZahlC{
			font-size: 42px;
			margin-top:0px;
		}
	}
	@media (max-width:960px){
		.fallDokumentenStatus{
			background-size: cover;
		}
	}
	@media (max-width:480px){
		.fallDokumentenStatus{
			height:inherit;
		}
		.fallDokumentenStatusInfo{
			margin-top:40px;
			margin-bottom:40px;
		}
		.fallDokumenteStatusZahl{
			width:100%;
		}
	}

/* Trenner */
	.fallTrennerA{
		width:100%;
		float:left;
		border-top:4px solid #eee;
	}

/* Termin */
	.fallTermin{
		width:100%;
		float:left;
		min-height:400px;
		background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
	}

	.fallTerminContainer{
		float:left;
		width:600px;
		margin-left:calc(66% - 300px);
		margin-top:80px;
	}

	.fallTerminHeadline{
		font-size: 20px;
		font-weight: bold;
		color: #2C2C2C;
		margin-bottom:12px;
	}

	.fallTerminHeadlineBlack{
		font-size: 20px;
		font-weight: bold;
		color: #E9611C;
	}

	.fallTerminEinleitung{
		color:#2C2C2C;
		font-size: 16px;
		line-height: 22px;
	}

	.fallTerminNachricht{
		color:#2C2C2C;
		font-size: 16px;
		line-height: 22px;
        padding-bottom:40px;
	}

    .fallTerminDownload i{
        margin-right: 6px;
    }    

	@media (max-width:1200px){
		.fallTerminContainer{
			background-color:rgba(255,255,255,0.85);
			border-radius:2px;
			padding:20px;
			width:80%;
			margin-left:10%;
		}
	}
	@media (max-width:760px){
		.fallTermin{
			background-size:cover;
		}
		.fallTerminContainer{
			margin-top:40px;
			margin-bottom:40px;
		}
	}



/* Zusatzoptionen */
	.fallZusatzoptionen{
		width: 100%;
		float: left;
		background-image: url(https://docs.rbnl.de/wp-content/uploads/2019/05/page-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right;
		padding:80px 0px 80px 0px;
	}

	.fallZusatzoptionenContainer{
		width:50%;
		float:left;
		margin-left:25%;
		padding: 40px;
		background-color: rgba(255,255,255,0.8);
		border-radius: 2px;
	}

	.fallZusatzoptionenHeadline{
		font-size: 20px;
		font-weight: bold;
		color: #E9611C;
		margin-bottom:12px;
	}

	.fallZusatzoptionenEinleitung{
		color:#2C2C2C;
		font-size: 16px;
		line-height: 22px;
	}

	.fallZusatzoptionenCheckboxen{
		width:100%;
		float:lef;
		margin-left:22px;
		margin-bottom:22px;
	}

	.fallZusatzoptionenCheckboxen p{
		margin: 12px 0px 0px 0px;
	}

	.fallZusatzoptionenCheckboxen label{
		cursor: pointer;
		color:#2c2c2c;
	}

	.fallZusatzoptionenKundennotiz{
		width:100%;
		float:left;
		margin-top:12px;
	}

	#fallZusatzoptionenKundennotiz{
		width:80%;
		margin-left:12px;
		padding:4px;
	}

	.fallZusatzoptionenSenden{
		width:100%;
		float:left;
		margin-top:12px;
	}

	.fallZusatzoptionenSenden input{
		background-color:#0065b3!important;
	}

	.fallZusatzoptionenSenden input:hover{
		background-color:#E9611C!important;
	}

	@media (max-width:960px){
		.fallZusatzoptionenContainer{
			width:80%;
			margin-left:10%;
		}
	}
	@media (max-width:480px){
		#fallZusatzoptionenKundennotiz{
			margin-left:0px;
			width:100%;
		}
		
		
		
	}



/* Kontaktformular */
	.fallKontaktformular{
		width:100%;
		float:left;
		margin-top:80px;
		margin-bottom:80px;
	}

	.fallKontaktformularContainer{
		width:60%;
		float:left;
		margin-left:30%
	}

	.fallKontaktformularHeadline{
		width:100%;
		float:left;
		font-size: 20px;
		font-weight: bold;
		color: #E9611C;
		margin-bottom:12px;
	}

	.fallKontaktformularEinleitung{
		width:100%;
		float:left;
		color:#2C2C2C;
	}

	.fallKontaktformularFormular{
		width:100%;
		float:left;
	}

	#input_1_4{
		width:492px;
	}

	#field_1_5{
		width:492px;
	}

	#gform_confirmation_message_1{
		width:600px;
		border:1px solid #2C2C2C;
		color:#2C2C2C;
		padding:40px;
		margin-top:20px;
		margin-left:20px;
		background-color:#efefef;
	}


	@media (max-width:960px){
		.fallKontaktformularContainer{
			width:80%;
			margin-left:10%;
		}
		#input_1_4,
		#field_1_5{
			width:90%;
		}
	}