/*

Theme Name:   PPTrans

Description:  Divi-Child

Author:       Alina Bockelmann

Author URL:   https://pptrans.sms-projekte.de

Template:     Divi

Version:      1.1

License:      GNU General Public License v2 or later

License URI:  http://www.gnu.org/licenses/gpl-2.0.html

Text Domain:  PPTrans

*/



/*********************************

            Header + NAV

*********************************/



#top-header {

  background: linear-gradient(-1deg, #274f80 0%, #1d3a5f 100%);

}



#main-header {

  background: linear-gradient(4deg, #1d3a5f 0%, #274f80 100%);

}



nav li ul {

  border-top: none !important;

}



.nav > li > ul,

.nav > li > ul .sub-menu {

  background: none !important;

  box-shadow: none !important;

}



/* Erste + zweite Dropdown Ebene Darstellung Hintergrund + Text */

#main-header .nav li ul a {

    padding: 10px 15px;  

	background: linear-gradient(4deg, #1d3a5f 0%, #274f80 100%);

  border-radius: 2px;

  color: white !important;

  margin-bottom: 5px;

  border-bottom: none !important;

	  font-size: 15px !important;

}



#main-header .nav li ul a:hover {

	  opacity: 1 !important;

}







/* Die Breite des mobilen breakpoint von Divi selber setzen */

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

#top-menu-nav, #top-menu {display: none;}

#et_top_search {display: none;}

#et_mobile_nav_menu {display: block;}

}



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

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {

    background-color: #609ed1;

}

	

}

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

	#logo {

		max-height:40%!important;

	}

}





/*********************************

          TITEL SLIDER

*********************************/

.header-bullet .et_pb_bg_layout_dark .et_pb_slide_description {

	text-shadow: none;

}



.header-bullet ul {

	list-style-type:none!important;

}



.header-bullet ul li:before {

	background-image:url(https://pp-trans.de/wp-content/uploads/2021/04/yes-dark-blue.png);

	vertical-align: middle;

    background-size: 35px 35px;

    content: "";

    display: inline-block;

    width: 35px;

    height: 35px;

	margin-right: 20px;

}



.et_pb_slide_content {

	margin-top: 40px;

}





/*********************************

          Allgemein

*********************************/



.header .et_pb_blurb_0.et_pb_blurb h4.et_pb_module_header {

  padding-left: 15px;

}



.et_pb_blurb_position_left .et_pb_blurb_container {

  padding-left: 0px !important;

}



.dashicons {

  font-size: 45px;

  color: #609ed1;

  padding-right: 20px;

}



img.wp-image-529 {

  color: #ffffff;

  border: 4px solid hsla(0, 0%, 100%, 0.5);

  border-radius: 50%;

  padding: 15px;

  transition: 0.3s ease-in-out;

}



img.wp-image-529:hover {

  padding: 0px;

}



.et_pb_toggle_title:before {

  font-family: "ETmodules";

  font-size: 25px;

  font-weight: 800;

  font-style: italic;

  content: "3";

}

.et_pb_toggle_open .et_pb_toggle_title:before {

  font-family: "ETmodules";

  font-size: 25px;

  font-weight: 800;

  font-style: italic;

  content: "2";

}







/*********************************

OWL CAROUSEL

*********************************/

.et_pb_gallery a.et-pb-arrow-prev:before { 

	content: "\23";

	background: none;

  border-radius: 5px;

  color: white;

  padding: 7px;

  font-size: 25px;

  box-shadow: none;}



.et_pb_gallery a.et-pb-arrow-next:before { 

	content: "\24";

  background: none;

  border-radius: 5px;

  color: white;

  padding: 7px;

  font-size: 25px;

  box-shadow: none;

}



.et-pb-controllers a {

	background-color: #f0f0f1 !important;

}



.et-pb-controller .et-pb-active-control {

	background-color:#D61115 !important;

}



.owl-carousel .owl-next,

.owl-carousel .owl-prev {

  opacity: 1;

}



.owl-carousel .owl-prev {

  left: -50px !important;

  transition: 0.3s ease-in-out;

}



.owl-carousel .owl-prev:hover {

  left: -43px !important;

  transition: 0.3s ease-in-out;

}



.owl-carousel .owl-next {

  right: -50px !important;

  transition: 0.3s ease-in-out;

}



.owl-carousel .owl-next:hover {

  right: -43px !important;

  transition: 0.3s ease-in-out;

}



.owl-carousel a.et-pb-arrow-prev:before {

  content: "\23";

  background-color: #d61115;

  border-radius: 5px;

  color: white;

  padding: 7px;

  font-size: 35px;

  box-shadow: 0px 2px 18px 0px rgb(29 58 95 / 40%);

}



.owl-carousel a.et-pb-arrow-next:before {

  content: "\24";

  background-color: #d61115;

  border-radius: 5px;

  color: white;

  padding: 7px;

  font-size: 35px;

  box-shadow: 0px 2px 18px 0px rgb(29 58 95 / 40%);

}





.et-pb-arrow-prev {

  opacity: 1;

  left: 0px;

}



.et-pb-arrow-next {

  opacity: 1;

  right: 0px;

}



.et-pb-contact-message {

    color: white;

}



/*********************************

style mobile fixed header

*********************************/

.et_mobile_menu {

    overflow: scroll !important;

    max-height: 83vh;

  }



@media (max-width: 980px) {

  .et_non_fixed_nav.et_transparent_nav #main-header,

  .et_non_fixed_nav.et_transparent_nav #top-header,

  .et_fixed_nav #main-header,

  .et_fixed_nav #top-header {

    position: fixed;

  }



  .owl-carousel .owl-nav {

    display: none;

  }

	

	    #top-header .container {

        padding-top: 0;

        padding-left: 0px;

        margin-left: 10px;

        margin-right: 10px;

    }

}







/* ##### SIDEMENÜ SERVICE ##### */









/* ##### SLIDE-IN DESKTOP ##### */



.slide_in_container {

	position:fixed;

	top: 25%;

	right:0px;

	z-index:9999999;

	transform: translateX(100%);

    transition: 0.5s ease-out;

}



.show_form {

	transform: translateX(0px);

}





.slide_in_label {

    transform: translate(-100%, -100%) rotate(-90deg);

    transform-origin: right bottom 0px;	

    position: absolute !important;

    top: 0px;

    border-radius: 10px 10px 0 0;

}



.slide_in_label:hover {

	cursor: pointer;

}

.et-pb-contact-message p {font-size: 24px; padding: 25px; color:#609ED1; font-style: italic; font-weight: 700;}



.custom_contact_form p input, .custom_contact_form p textarea {

    padding: 15px 8px 8px 8px !important;

}

.et_pb_contact_field textarea.et_pb_contact_message {min-height: 100px;}



.fa-times-circle {

	font-size: 22px;

	cursor: pointer;

	color: #000 !important;

}



.et-tb .slide_in_container,

.et-tb .slide_in_mobile {

	display: none;

}



/* contact form */



.et_pb_contact p input, .et_pb_contact p textarea {

	padding: 10px;

}



.et_pb_contact_select {

	padding: 10px 16px 10px 16px;

}



/* ##### SLIDE-IN MOBILE ##### */



@media (max-width: 980px) {

	#main-content {

		position:relative;

		z-index:900;

	}

	

	.et-l--footer {

		position:relative;

		z-index:1000;

	}

	

	.slide_in_mobile {

		position:fixed;

		bottom: 0 !important;

		right:0px !important;

		left:0px !important;

		z-index:1000;

		transform: translateY(100%) !important;

		transition: 0.5s ease-out;

        padding-top: 0;

        overflow: visible;

	}



    .slide_in_mobile.show_form {

        padding-top: 177px;

        height: 100%; /* we should try vh, if this is not working reconstruct the slide-in completely */

        transform: translateY(0%) !important;

        max-height: none;

        overflow: auto;

	}



    body.admin-bar .slide_in_mobile.show_form {

        padding-top: 223px;

    }



	.slide_in_mobile_label  {

		transform: translate(0%, -100%) rotate(0deg);

		transform-origin: center bottom 0px;

		position: absolute !important;

		top: 0px;

		width: 100%;

		text-align: center;

		justify-content: center;

		padding: 1.3rem 1rem 1rem 1em;

		margin: 0px;

		display: flex;

        border-radius: 10px 10px 0 0;

        z-index:1000;

	}



    .slide_in_mobile.show_form .slide_in_mobile_label {

        border-radius: 0 0 10px 10px; 

    }



    .slide_in_mobile_label :hover {

		cursor: pointer;

	}	



	.cross_icon .fa-times-circle {	

		float: right !important;

		margin-right: 35px !important;	

	}

}



@media (max-height: 560px) {

	.slide_in_mobile {

		display: none;	

	}

}





/*********************************

Contact Form 7 Styles

*********************************/

.form-link {

    color: #CB0538;

    font-weight: bold;

}



.form-link:hover {

    color: #CB0538;

    font-weight: bold;

}



	.form-subtitle {

		margin-bottom: 20px;

    margin-top: 50px;

    font-size: 1.2em;

  font-weight:bold;

        font-family: 'Alata',Helvetica,Arial,Lucida,sans-serif;

        color: #CB0538;

	}



.wpcf7{

	font-family: 'Manrope',Helvetica,Arial,Lucida,sans-serif;

	font-size: 18px;

	letter-spacing: 1px;

	color: #272c49;



}





.wpcf7 input,

.wpcf7 textarea,

.wpcf7 select,

.wpcf7 button {

  padding: 1em;

  border-radius: 0px;

  border-color: #272c49;

	background-color: transparent;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

	color: #272c49;

	font-family: 'Sen',Helvetica,Arial,Lucida,sans-serif;

	background-color: transparent;

}



.wpcf7 .wunsch-kennz-klein input,

.wpcf7 .wunsch-kennz-klein textarea,

.wpcf7 .wunsch-kennz-klein select,

.wpcf7 .wunsch-kennz-gross input

 {

border-color: #CB0538!important;

     border: 2px solid;

}



/*.wpcf7 .wunsch-kennz-klein input:focus,

.wpcf7 .wunsch-kennz-klein textarea:focus,

.wpcf7 .wunsch-kennz-klein select:focus,

.wpcf7 .wunsch-kennz-gross input:focus{

	color: #CB0538;

}*/



.wpcf7 input:focus,

.wpcf7 textarea:focus,

.wpcf7 select:focus {

	color: #CB0538;

}



#loginform {

  width: 50%;

}



.wpcf7 input,

.wpcf7 textarea,

.wpcf7 select,

.wpcf7 button,

#loginform input,

#loginform textarea,

#loginform select,

#loginform button {

  padding: 0.9em;

    font-size: 1.2em;

}



.wpcf7 input[type="text"],

.wpcf7 input[type="tel"],

.wpcf7 input[type="email"],

.wpcf7 input[type="number"],

.wpcf7 textarea,

.wpcf7 select,

#loginform input[type="text"],

#loginform input[type="tel"],

#loginform input[type="email"],

#loginform input[type="password"],

#loginform input[type="number"],

#loginform textarea,

#loginform select {

  width: 100%;

}



.wpcf7 input[type="submit"],

.wpcf7 button[type="submit"],

#loginform input[type="submit"],

#loginform button[type="submit"] {

  cursor: pointer;

}



.wpcf7 input[type="submit"], 

.wpcf7 button[type="submit"],

#loginform input[type="submit"],

#loginform button[type="submit"] {

  background: #CB0538;

  border: 3px solid #CB0538;

  color: white;

	letter-spacing: 0px;

	padding-bottom: 10px;

	padding-top: 14px;

}



input.text, input.title, input[type=email], input[type=password], input[type=number], input[type=tel], input[type=text], select, textarea {



    border: 1px solid #bbb!important;



}



.wpcf7 input[type="submit"]:hover,

#loginform input[type="submit"]:hover {

  background: transparent;

  border: 3px solid #CB0538;

  color: #CB0538;

}



.fieldwrap .col {

  margin-bottom: 1em;

}



.wpcf7 .wpcf7-submit {

  font-size: 1.25em;

  margin-top: 20px;

}



.wpcf-7-on-dark-background label,

.wpcf-7-on-dark-background p,

.home .wpcf7-response-output {

color: #CB0538;

}



[class*=cookieconsent-optout] {

  padding: 30px;

  margin: 20px;

  box-shadow: 0 30px 70px rgb(0 0 0 / 30%);

  font-size: 2em;

  text-align: center;

  line-height: 120%;

}



[class*=cookieconsent-optout] a {

  color: #CB0538;

  font-weight: bold;

  text-decoration: underline;

}



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





  .fieldwrap .col {

    float: left;

    margin-right: 5%;

  }



  .fieldwrap .col:last-child,

  .fieldwrap .col .col:last-of-type {

    margin-right: 0;

  }



    	.fieldwrap .wunsch-kennz-klein {

        width:20%;



    }

	.fieldwrap .wunsch-kennz-gross {

        width:50%;

        margin-right: 0%;

    }



    .fieldwrap .col50-end {

        margin-right:0;

    }



  .fieldwrap .col50 {

    width: 47.5%;

  }



    .fieldwrap .col25 {

        width:21.25%;

    }



  .fieldwrap .col100 {

    width: 100%;

  }



  .fieldwrap .col100 textarea {

    width: 100%;

  }



}





/*Pop up Button*/



#et-boc .area-outer-wrap[data-da-color=light] .da-close {

	    color: #272727 !important;

	background-color: white !important;}