.form-control.is-invalid, .was-validated .form-control:invalid {border-color: black; }
.form-select.is-invalid, .was-validated .form-select:invalid {border-color: black;}

/* ------------------------------------- */

/* Move down content because we have a fixed navbar that is 3.5rem tall */
.kontakt {padding-top: 10rem;}

/* Header inkl. Navigation */
header {background-color: #FDE9FF;}
.navbar{border-bottom: 1px solid #ccc; padding: 0 1rem; height: 100%; background-color: #FDE9FF !important;}
.nav-link{color: #000!important; padding-right: 0.8rem; padding-left: 0.8rem;}
.nav-item:hover, .dropdown-menu li:hover{background-color: #f0f0f0!important;}
.navbar-brand {background-color: #FDE9FF;}
.navbar-brand li .mdi::before {font-size: 1rem;} 
.navbar-brand li a{ text-decoration: none;}
.navbar-brand p {font-size: 0.8rem; margin-bottom: 0;}
.company{display: block;}
.company_1{display: none;}
.navbar-toggler{border-color: rgb(62, 61, 62)!important;}
.aktiv{color: #e97dd8!important;}
.erstinfo{color: black;}
.erstinfo:hover{color: #ABABAB;}
.rightside-brand a{color: #2E2E2E;}



/*Content */
.container h2 {margin-top: 1rem;}
.container h3 {margin: 1rem 0 1rem 0;}
p, li, a {font-size: 1.1rem;}
.list-group-item-light.list-group-item-action{background-color: #fde9ff;}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {color: #878789; background-color: #f0f0f0;}
.btn-light, .btn-primary {background-color: #fde9ff !important; color: #2E2E2E !important; border-color: #ccc !important;}
.btn-primary:hover {color: #040404; background-color: #d3d5d7; border-color: #c6c7c8;}
.btn-light:hover {color: #040404; background-color: #d3d5d7; border-color: #c6c7c8;}
.btn{white-space: normal;}
.ls {list-style: url(/images/icons/list-icon-pink.gif);}
.form-floating > label {padding: 0 .75rem;}
footer{margin-top: 15em;}
footer p, footer p a {color: #000; font-size: 1em;}

/* Nach oben Button */

#btn-to-top {
	position: fixed;
	bottom: 60px;
	right: 40px;
	background-color: #fde9ff;
	border: 1px solid #000000;
	color: black;
	display:none;
}

/* Social Icons */
/* .mdi-facebook{padding-top: 6px; color: #3b5998;}
.mdi-blogger{padding: 6px; color: #F59540; height: 36px;}
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-150px;
    top:74px;
    width:230px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:#fff;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky li:hover{
    margin-left:-128px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.sticky li p a{
    text-decoration:none;
}
.sticky li p a:hover{
    text-decoration:underline;
}
 */
 


@media screen and (min-width: 1300px) 
and (max-width: 1600px) 
{
.nav-link{font-size: 1rem;}
.carousel{top: 6.5rem;}
.carousel-caption {bottom: 20px;}
.carousel-caption img{display: none;}
.index-start #drohnenhaftpflicht h3{font-size: 1.2rem;}
.index-start .card-footer .btn-lg{font-size: 1rem;}
.index-start .card-footer .btn .mdi::before {top: 6px;}
}

@media screen and (min-width: 767px) and (max-width: 1299px) 
{
.carousel{top: 6.5rem!important;}
.carousel-caption img{display: none;}
.carousel-caption {bottom: 20px; padding: 0;}
#eKomiWidget_default {top: 110px;}
}

@media screen and (min-width: 320px) and (max-width: 766px)
{
.navbar {padding: 0;}
.navbar .brand1 {margin: 0;}
.navbar .brand1 img{margin-left: -12px}
.company {display: none;}
.company_1{display: block;}
.phone, .erstinfo{font-size: 0.9em;} 
.carousel{top: 6.5rem;}
.carousel-caption img{display: none;}
.carousel-caption {bottom: 20px; padding: 0;}
#eKomiWidget_default {display:none;}
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
/* @media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	#eKomiWidget_default{display: none!important;}
	
}

@media screen and (min-device-width: 834px) 
and (max-device-width : 1112px) 
and (orientation: landscape){
	.container h1 {font-size: 2rem;}
	.container h2 {font-size: 1.7rem;}
	.container h3 {font-size: 1.4rem;}
	.carousel-caption{padding: 3px 0; bottom: 14px; left: 25%; right: 25%;}
	.carousel-caption h3 {font-size: 1.1rem;}
	.carousel-item p{margin:0; padding:0;}
	.carousel-item h3{margin:0; padding:0;}
} */


/* @media screen and (min-device-width: 834px) 
and (max-device-width : 1112px) 
and (orientation: portrait){
	.container h1 {font-size: 2rem;}
	.container h2 {font-size: 1.7rem;}
	.container h3 {font-size: 1.4rem;}
	#drohnenhaftpflicht h1{margin-top: 2rem;}
}

@media screen and (min-device-width: 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){ 
.container-fluid{padding-top: 5rem; padding-right: 5rem; padding-left: 5rem;}
.carousel-caption{padding: 3px 0; bottom: 6px; left: 25%; right: 25%;}
.carousel-caption h3 {font-size: 1.1rem;}
.carousel-item p{margin:0; padding:0;}
.carousel-item h3{margin:0; padding:0;}
#drohnenhaftpflicht h1{margin-top: 0!important;}
.container h1 {font-size: 2rem;}
.container h2 {font-size: 1.7rem;}
.container h3 {font-size: 1.4rem;}
}
@media screen and (min-device-width: 768px) 
and (max-device-width : 1024px) 
and (orientation: portrait){
.container-fluid{padding-left: 2rem; padding-right: 2rem;}
.nav-link{text-align: left;}
.carousel{display: none;}
.angebot{float: none; width: 100%; border-left: none!important; padding-left: 0;}
.company{display:none;}
.logo {margin-left: 0!important;}
.container h1 {font-size: 2rem;}
.container h2 {font-size: 1.7rem;}
.container h3 {font-size: 1.4rem;}
#eKomiWidget_default{display: none!important;}
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait)
 {
	.nav-link{text-align: left;}
	.container-fluid{padding-left: 10px; padding-right: 10px;}
	.container{padding-left: 10px; padding-right: 10px;}
	.start {padding-top: 15rem;}
	h1 {font-size: 1.6rem; }
	h2 {font-size: 1.5rem;}
	h3 {font-size: 1.4rem;}
	p{text-align: left; font-size: 1rem;}
	li, a {font-size: 1rem;}
	.products {margin-bottom: 1.2rem;}
	table {overflow: hidden;}	
	.carousel-inner{display: none;}
	.angebot{border-left: none!important; padding-left: 0!important;}
	.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none;}
	.rechner{width: 100%; margin-bottom: 14px;}
	.brand1{text-align: left;}
	.logo{margin-left: -14px!important; margin-bottom: 5px;}
	.company{display:none!important;}
	.badge {white-space: normal;}
	#eKomiWidget_default{display: block; text-align: center; margin-right:6em !important; }
	
}
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape)
 {	
	.start {padding-top: 6rem;}
	h1 {font-size: 1.6rem; }
	h2 {font-size: 1.5rem;}
	h3 {font-size: 1.4rem;}
	p{text-align: left; font-size: 1rem;}
	li, a {font-size: 1rem;}
	.products {margin-bottom: 1.2rem;}
	table {overflow: hidden;}	
	.carousel-inner{display: none;}
	.angebot{border-left: none!important; padding-left: 0!important;}
	.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none;}
	.rechner{width: 100%; margin-bottom: 14px;}
	.brand1{text-align: left;}
	.logo{margin-left: -14px!important; margin-bottom: 5px;}
	.badge {white-space: normal;}
	#eKomiWidget_default{display: none!important;}
} */

/* mdi Icons Custom */
.mdi-check-outline{color: green; display: block; padding-bottom: 13px; float:left;}
.mdi::before { font-size: 24px; line-height: 14px; } .btn .mdi::before { position: relative; top: 4px; } .btn-xs .mdi::before { font-size: 18px; top: 3px; } .btn-sm .mdi::before { font-size: 18px; top: 3px; } .dropdown-menu .mdi { width: 18px; } .dropdown-menu .mdi::before { position: relative; top: 4px; left: -8px; } .nav .mdi::before { position: relative; top: 4px; } .navbar .navbar-toggle .mdi::before { position: relative; top: 4px; color: #FFF; } .breadcrumb .mdi::before { position: relative; top: 4px; } .breadcrumb a:hover { text-decoration: none; } .breadcrumb a:hover span { text-decoration: underline; } .alert .mdi::before { position: relative; top: 4px; margin-right: 2px; } .input-group-addon .mdi::before { position: relative; top: 3px; } .list-group-item .mdi::before { position: relative; top: 3px; left: -3px } a .mdi::before { position: relative; top: 3px; left: -3px; } li .mdi::before { position: relative; top: 3px; left: -3px; } td .mdi::before { position: relative; top: 7px; left: -3px; } td .mdi::before { position: relative; top: 7px; left: -3px; } .sticky .mdi::before { position: relative; top: 7px; left: -3px; }
.navbar-brand .mdi::before { position: relative; margin-right: 2px; top:0; }
.mdi-check-outline{color: green; margin-top: -8px; float:left; margin-right: 1em;}