/*!
 * Bootstrap Icons v1.11.2 (https://icons.getbootstrap.com/)
 * Copyright 2019-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256") format("woff2"),
url("../fonts/bootstrap-icons.woff?7141511ac37f13e1a387fb9fc6646256") format("woff");
}
@font-face {
font-family: "DroidNaskh-Regular";
src: url("../fonts/DroidNaskh-Regular.eot");
src: url("../fonts/DroidNaskh-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/DroidNaskh-Regular.ttf") format("truetype"),
url("../fonts/DroidNaskh-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
body{color:#444;
font-family: "DroidNaskh-Regular";
padding:0px;margin:0px;
font-size:1rem;}
body.kurdi ol,body.kurdi #mainContent{
direction: rtl;
line-height: 35px;
font-size: 1.2rem;
}
body.kurdi ol,body.kurdi ul{margin:22px 3px;}
body.kurdi ol{list-style: arabic-indic;}
body.textbild #maincontent img{ width:100%;height:auto;}
.row{margin-left:0px!important;margin-right:0px!important;}
#maincontent ul{margin:10px 29px;}
.pl{margin-bottom:30px;}
.logo{width:150px;}
/*img.zoom:hover{transform: scale(.98);}*/
.headb{max-width:1350px;margin:20px auto;z-index:90;text-align: center;}
#header{border-bottom:1px solid #676968;margin-bottom:30px}
#footer{border-top:1px solid #676968;margin-top:40px;padding-top: 20px;background-color: #eee;padding-bottom: 30px;}
#open-button{background-image: url("../../images/list.svg")}
.slogen{color:#0066cb}
.slogen{display: inline-flex; font-weight: 600;}
img.facebook{width:50px;}
* {
  box-sizing: border-box;
}
.trhamen2{margin-bottom:30px;}
.trhamen2 iframe{border-radius: 20px 20px 0px 0px;}
.teasertext{font-weight:bold;font-size:1.1rem;padding:6px;}
.menu-wrap {
  position: fixed;
  right: 0;
  z-index: 1001;
  width: 300px;
  height: 100%;
  padding: 40px;
  background-color: #528cbf;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  transition: all 0.5s cubic-bezier(0.7,0,0.3,1);
  transform: translate3d(360px,0,0);
top:0px;
}
.menu-wrap.active {
  transform: translate3d(0px,0,0);
}

.menu-wrap .menu .icon-list a {
  position: relative;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #eee;
  font-size: 1.1rem;
  transition: all 0.3s ease;
}
.menu-wrap .menu .icon-list a::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  top: 80%;
  transition: all 0.3s ease;
}
.menu-wrap .menu .icon-list a:hover {
  color: #CDDC39;
}
.menu-wrap .menu .icon-list a:hover::before {
  width: 50%;
  background-color: #CDDC39;
}
.menu-button, 
.close-button {
  position: fixed;
  top: 0px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  font-size: 20px;
  border: none;
  outline: none;
  cursor: pointer;

}
.menu-button {
  right: 0px;
  z-index: 102;
}
.close-button {
  left: -50px;
  z-index: 100;
}
h1{font-size:2rem;margin-bottom:20px;font-weight: 600;line-height: normal}
h2{font-size:1.3rem;margin-bottom:20px;font-weight: 600;line-height: normal}
.blau{color:#0066cb}
.grau{color:#676968}
h3{font-size:1.4rem;font-weight: 600;line-height: normal}

p.text{font-size: 1rem;line-height: 32px;}
.trhamen{color:#fff;background-color:#0066cb;min-height: 90px;
text-align: center;padding: 20px;}
.trhamen a{
color:#fff;text-decoration:none;
}
.trhamen a:hover{
color:#CDDC39;text-decoration:none;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  transition: all 0.5s cubic-bezier(0.7,0,0.3,1);
  transform: translate3d(360px,0,0);
}

.copyright{
background-color: #528cbf;
padding: 10px 20px 20px 20px;
color: #fff;
text-align: center;
}

.trhamen2 {
    background-image: url(../../images/youtube-en.png);
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
h2.cardtitel{font-size:1.2rem;padding:10px;font-weight: 600;line-height: normal}
#mainContent .text a{color:#0066cb; text-decoration:none;}
#mainContent .text a:hover{text-decoration:underline;}
.cardtext{padding:0px 10px;}
.cardbutton a{color:#fff; display:inline-block;background-color:#000759; padding:5px 15px;margin: 20px 10px; text-decoration:none;}
.cardbutton a:hover{background-color:#cd661d}
.trhamen3,.trhamen2{border:1px solid #878787;margin-bottom:30px;box-shadow: 10px 20px 15px silver;border-radius: 20px;}
.trhamen3:hover{border:2px solid #528cbf;margin-bottom:30px;box-shadow: 10px 20px 15px CornflowerBlue;border-radius: 20px;}
.trhamen3 img{border-radius: 20px 20px 0px 0px;}
img.BildL{float:left; margin-right:30px;margin-bottom:30px;}
#footer a{color:#444; text-decoration:none;cursor: pointer;}
#footer a:hover{ text-decoration:underline;}
#footer img{margin-right:20px;}
.carousel-caption{background-color:#fff;right:8%;left:8%;opacity:0.7;}
.carousel-caption a{text-decoration:none;}
.carousel-caption a h5{color:#720300;}
.carousel-caption a p{color:#444;}
img.twitterB,img.instagramB,img.youtubeB,img.facebook{width:35px; height:auto;}
.sozialmedia{margin-top:50px;text-align: center;padding:10px;}
.sozialmedia img{margin-right:10px;}
.carousel{margin-bottom:30px;}




@media (max-width: 576px) {
.slogen{color:#0066cb;}
ul,ol{padding: 0px 30px !important;}
#footer .col-md-4{
    margin-bottom: 20px;
    border-bottom: 3px solid #fff;
    padding-bottom: 20px;
}
img.BildL{float:none; margin-right:0px;margin-bottom:30px;display:block;}
h1{font-size:1.7rem;margin-bottom:20px;font-weight: 600;line-height: normal}
}
@media (max-width: 410px) {
#header{position:fixed;background-color:#fff;width:100%;}
.slogen{font-size: 0.8rem;}
#mainContent{padding-top:140px;}
.trhamen {margin-bottom: 20px;}
ul,ol{padding: 0px 30px !important;}
#footer .col-md-4{
    margin-bottom: 20px;
    border-bottom: 3px solid #fff;
    padding-bottom: 20px;
}
body.impressum .text{hyphens: auto;}
img.BildL{float:none; margin-right:0px;margin-bottom:30px;}
}

.owl-carousel .item{background-color:#528cbf;min-height:150px;padding:20px;}
.owl-carousel .item a{color:#fff;text-decoration:none;}
.owl-carousel .ku{text-align: right;}
@media (max-width: 766px) {
.d-none{display:block !important;position:initial !important;}
body.impressum .text{hyphens: auto;}
}








#button {
  display: inline-block;
  background-color: #febe15;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #ed2024;
}
#button:active {
  background-color: #ed2024;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
a#button{text-decoration:none;}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.pl .trhamen3 img{border-radius: 20px 20px 20px 20px!important;}
.bi-facebook::before {
    content: "\f344";
}
.bi-youtube::before {
    content: "\f62b";
}
.bi-instagram::before {
    content: "\f437";
}
.bi-telegram::before {
 content: "\f5b3";
 }
.bi::before, [class*=" bi-"]::before, [class^=bi-]:before {
    display: inline-block;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
color:#fff;
font-size:2rem;
margin-right: 11px;
}
.sozialmedia {
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
    margin: 20px auto;
}
.copyright .sozialmedia {
    border-left: 0px!important;
    border-right: 0px!important;
    border-top: 0px!important;
    padding: 0px 0px 20px 0px;
    text-align: center;
    margin: 20px auto;
}