/* headlines */

h2{
color: #21398d;
font-family: Amaranth, sans-serif;
font-weight: Bold;
font-size: 14px}

h3{
color: #8e8e8c;
font-family: open-sans, sans-serif;
font-weight: light;
font-size: 25px}

p{
color: #404040;
font-family: open-sans, sans-serif;
font-weight: light;
font-size: 14px}



.background-image {
background-image: url("WTO-Panorama-Variante3_test.png");
background-size: cover;
overflow:hidden;
height: 100vh;	
}

/* linke Seite */

h2.slogan {
background-color: white;
position: absolute;  
padding: 10px 10px;
margin-top: 113%;
right: 10%;
}

h3.slogan {
background-color: white;
position: absolute;
padding: 10px 10px;
margin-top: 120%;
right: 10%;
}
/* rechte Inhalt Seite */

.inhalt-rechts{
padding:0px;
}

.image-header{
width:100%;
}

.menu {
color: #21398d;
font-size:50px;
margin-top:120px;
cursor: pointer;
margin-left: 85%;
}

.layer{
position:relative;
background-color:white;
padding-bottom: 0px;
height: 100vh;
}
/*UNTERNEHMEN*/

.inhalt-rechts{
background-color: white;
padding-left: 0px;
background-position: absolute;
}

.unternehmen-text{
margin-top: 120px;
}

/*LEISTUNGEN*/


#inhalt-rechts-leistungen{
background-color: white;
padding-left: 0px;
background-position: absolute;
}
 

.icon_leistung { 
color: #404040; 
font-size:35px; 
text-align:center; 
display:block;
margin-top:60px;
}

.icon-desktop{
color: #404040; 
font-size:50px; 
text-align:center; 
display:block;
margin-top:40px;     
margin-bottom: none;
}

/*PORTFOLIO*/

.img{
margin-top:25px;
text-align: center;
display: block;
}
/*slider*/

.carousel-control.left{
background-image:none;
margin-top: 18%;
text-shadow: none;
font-size: 30px;
color:#21398d;
cursor: pointer;
}

.carousel-control.right{
 background-image: none;
 margin-top: 18%;
 text-shadow: none;
 font-size: 30px;
color:#21398d;
cursor: pointer;
} 

.carousel-control{
width:30%;
opacity: 100;

}

.box_1{
width:100%;
padding-right:5px;
}

.box_2{
width:100%;
padding-left:5px;
}

.box_3{
width:100%;
}

/*KONTAKT*/
 label{
margin-bottom: 0px;
 }
 
.glyphicon-flash{
position:absolute;
right:1%;
margin-top:40px;
color: red;
}
 
#send {
font-size:15px; 
float:right; 
color: #21398d; 
margin-left:30px;
margin-top:30px;
}

.kontaktdaten p{
margin-bottom:5px;
}

 .input__field--nariko:focus{
  box-shadow: none;   
 }
 .input--filled {
 box-shadow: none;    
 }
 .input__field--nariko{
 box-shadow: none;    
 }


.input--nariko{
padding-top: 2.5em;
}

.form-group button{
margin-left: 85%;
border: none;
background-color: white;
}

.form-group button:focus{
outline-color:white;
}

.form-control:focus{
-webkit-box-shadow: 0 0 0px 1000px white inset;
border-left: 1px solid #21398D;
border-right: 1px solid #21398D;
border-bottom: 1px solid #21398D;
}

/*DOTNAV*/

.dotstyle dotstyle-tooltip {
/*margin-top: 30px; */
display:block;
text-align: center;
}

.dotnav{
    position: absolute;
    bottom:0%;
    padding:30px;
    background-color: white;
}

.dot {
    font-size:12px; 
    font-family: open-sans,sans-serif;
    bottom:270%;
    text-decoration: none;
}
.dotstyle-tooltip li a::after{
    border-top-color: #8e8e8c;
    border-top-style: solid;
    border-top-width: 10px;
}
.dotstyle-tooltip li.current a::after{
    border-top-color: #21398d;
}

/*MENU*/
.background-menu {
z-index:300;
position:absolute;
 background-color:rgba(33,57,141,0.9);
 height:100vh;
 width: 100%;
}

.background-menu a {
 color:white; 
 font-size:40px; 
 font-family: open-sans, sans-serif;
 font-weight: light;
 text-align:center;
 display:block;
}

a.current{
font-size: 45px;
font-family: Amaranth, sans-serif;
font-weight: bold;
text-decoration: none;
}

.background-menu a:hover{
font-family: Amaranth, sans-serif;
font-size: 40px;
text-decoration: none;
}

.background-menu a.current:hover{
font-family: Amaranth, sans-serif;
font-weight: normal;
font-size: 40px;
text-decoration: none;
}

.menu-close{
font-size:30px; 
color:white; 
display:block; 
text-align: center; 
margin-top:30px;
cursor: pointer;
}

@media (min-width: 992px ) and (max-width: 1169px) {
 
h2.slogan {
background-color: white;
position: absolute;  
padding: 10px 10px;
margin-top: 135%;
right: 10%;
}

h3.slogan {
background-color: white;
position: absolute;
padding: 10px 10px;
margin-top: 150%;
right: 10%;
}

.unternehmen{
margin: 0px !important;
}
.Headlines{
margin: 0px !important;
}
.Headlines h2{
margin: 0px !important;
}

.icon_leistung { 
margin-top: 25px;
}
.icon-desktop{
margin-top: 6px;
}

.box_1{
width:100%;
padding-right:5px;
}

.box_2{
width:100%;
padding-left:5px;
}

.box_3{
width:100%;
}


.impressum{
margin-top: 0px !important;
}
.impressum h2{
margin-top: 0px !important;
}
 
    
}

@media (min-width: 768px ) and (max-width: 991px) { 
    
.inhalt-rechts{
padding:0px;
}

.image-header{
width:100%;
}
#logo{
position:absolut;
float: left;
}

.menu{
right:10%;
margin: 10px;
margin-left: 450px;
}

.unternehmen{
margin-top:30px !important;
}

#Slogan{
 margin-top:3%;
}

h2.slogan {
position: relative;
text-align: center;
top: 0px;
padding-top:0px;
right:0%;
margin-top: 0%;
}

h3.slogan {
position: relative;
top:0px;
text-align: center;
padding-top:0px;
right:0%;
margin-top: 0%;
}


.Headlines{
margin-top: 20px !important;
}

.icon_leistung{
margin-top: 30px !important;
}

.icon-desktop{
margin-top: 11px !important;
}

/*portfolio Slider*/
.slider{
    margin-top: 30px;
 }   
    
.img{
margin-top:25px !important;
text-align: center !important;
padding:00px !important;

}

.box_1{
width:100%;
padding-right:5px;
}

.box_2{
width:100%;
padding-left:5px;
}

.box_3{
width:100%;
}

.carousel-control.left{
margin-top:150px;
}

.carousel-control.right{
margin-top:150px;
}

#carousel-example-generic{
margin-top: 180px;
}

#send {
font-size:15px; 
float:right; 
color: #21398d; 
margin-left:30px;
margin-top:30px;
margin-right: 8px;
}

.impressum{
    margin-top: 2px !important;
}

.impressum h2{
margin-bottom: 20px !important;
}

/*dotnav*/



.background-menu{
top:0%;
}
}


@media (max-width: 767px ){
    
h2{
color: #21398d;
font-family: Amaranth, sans-serif;
font-weight: Bold;
font-size: 10px}

h3{
color: #8e8e8c;
font-family: open-sans, sans-serif;
font-weight: light;
font-size: 18px}

p{
color: #404040;
font-family: open-sans, sans-serif;
font-weight: light;
font-size: 10px}

    
.inhalt-rechts{
padding:0px;
}

.image-responsive{
width:100%;
}
#logo img{
position:absolut;
float: left;
width:150px;
height:25px !important;
margin-top:5px !important;
}

.menu{
right:10%;
margin: 10px;
margin-left: 60%;
}

#Slogan{
 margin-top:5%;
}

h2.slogan {
position: relative;
text-align: center;
top: 0px;
padding-top:0px;
right:0%;
margin-top: 0%;
}

h3.slogan {
position: relative;
top:0px;
text-align: center;
padding-top:0px;
right:0%;
margin-top: 0%;
}    

.unternehmen{
margin-top:5% !important;
}


#leistung-teaser-left1{
padding:0px !important;
margin-top:20px;
}

#leistung-teaser-left2{
padding:0px!important;
}

#leistung-teaser-right1{
padding:0px!important;
}

#leistung-teaser-right2{
padding:0px!important;
margin-bottom:20px;
}

.icon_leistung{
margin-top:10px;
}
.icon-desktop{
margin-top:10px;
}


.carousel-control.left{
text-align: left !important;
margin-top:30% !important;
 font-size: 22px;
}

.carousel-control.right{
text-align: right !important;
margin-top:30% !important;
 font-size: 22px;
}

#send {
font-size:15px; 
float:right; 
color: #21398d; 
margin-left:30px;
margin-top:30px;
}

/*DOTNAV*/
.dotnav{
    margin:0px;
    position: relative;
    bottom:2%;
    margin-top:10px;
}

.slider-xs{
margin-bottom:18%;
}

#dotnav-impressum{
margin-top: 80px !important;
}

/*MENU*/
.background-menu{
top:0%;
}

.background-menu a {
 color:white; 
 font-size:30px; 
 font-family: open-sans, sans-serif;
 font-weight: light;
 text-align:center;
 display:block;
}

a.current{
font-size: 35px;
font-family: Amaranth, sans-serif;
font-weight: bold;
text-decoration: none;
}

.menu-close{
font-size:30px; 
color:white; 
text-align: right; 
margin-top:0px;
cursor: pointer;
}

.menu-points{
margin-top:10% !important;
}

.background-menu a {
 color:white; 
 font-size:25px; 
 font-family: open-sans, sans-serif;
 font-weight: light;
 text-align:center;
 display:block;
}

a.current{
font-size: 30px;
font-family: Amaranth, sans-serif;
font-weight: bold;
text-decoration: none;
}

.inputno_1{
margin-top:10px !important;
}
 
    
.form-group h2{
margin-bottom:20px !important;
}


.kontaktdaten {
margin-top:5px !important; 
position: relative !important; 
bottom: 0.5% !important;    
}

.carousel-inner .item > div {
    padding: 0;
}
}